Author: Adam Argyle [argyle@google.com]
Hash: 2e85fd824eb6a515b551b27968c87d1f54c8c56b
Timestamp: Tue, 24 Oct 2023 18:02:36 +0000 (11 months ago)

+6 -4 +/-4 browse
☀️ v1.6.9 - patch for light theme inner shadows
1diff --git a/docsite/index.html b/docsite/index.html
2index 9c5fcf4..0f07b5a 100644
3--- a/docsite/index.html
4+++ b/docsite/index.html
5 @@ -119,7 +119,7 @@
6 </li>
7 </ul>
8 <small>
9- v1.6.8
10+ v1.6.9
11 <span class="license">
12 <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16">
13 <path fill-rule="evenodd" d="M8.75.75a.75.75 0 00-1.5 0V2h-.984c-.305 0-.604.08-.869.23l-1.288.737A.25.25 0 013.984 3H1.75a.75.75 0 000 1.5h.428L.066 9.192a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.514 3.514 0 00.686.45A4.492 4.492 0 003 11c.88 0 1.556-.22 2.023-.454a3.515 3.515 0 00.686-.45l.045-.04.016-.015.006-.006.002-.002.001-.002L5.25 9.5l.53.53a.75.75 0 00.154-.838L3.822 4.5h.162c.305 0 .604-.08.869-.23l1.289-.737a.25.25 0 01.124-.033h.984V13h-2.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-2.5V3.5h.984a.25.25 0 01.124.033l1.29.736c.264.152.563.231.868.231h.162l-2.112 4.692a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.517 3.517 0 00.686.45A4.492 4.492 0 0013 11c.88 0 1.556-.22 2.023-.454a3.512 3.512 0 00.686-.45l.045-.04.01-.01.006-.005.006-.006.002-.002.001-.002-.529-.531.53.53a.75.75 0 00.154-.838L13.823 4.5h.427a.75.75 0 000-1.5h-2.234a.25.25 0 01-.124-.033l-1.29-.736A1.75 1.75 0 009.735 2H8.75V.75zM1.695 9.227c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327l-1.305 2.9zm10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327l-1.305 2.9z"></path>
14 diff --git a/package.json b/package.json
15index eca9bf8..b711098 100644
16--- a/package.json
17+++ b/package.json
18 @@ -3,7 +3,7 @@
19 "name": "open-props",
20 "author": "Adam Argyle",
21 "license": "MIT",
22- "version": "1.6.8",
23+ "version": "1.6.9",
24 "repository": {
25 "type": "git",
26 "url": "https://github.com/argyleink/open-props"
27 diff --git a/src/props.shadows.css b/src/props.shadows.css
28index fc43748..04eb623 100644
29--- a/src/props.shadows.css
30+++ b/src/props.shadows.css
31 @@ -3,7 +3,7 @@
32 :where(html) {
33 --shadow-color: 220 3% 15%;
34 --shadow-strength: 1%;
35- --inner-shadow-highlight: inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007;
36+ --inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;
37 --shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
38 --shadow-2:
39 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
40 @@ -47,5 +47,6 @@
41 :where(html) {
42 --shadow-color: 220 40% 2%;
43 --shadow-strength: 25%;
44+ --inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007;
45 }
46 }
47\ No newline at end of file
48 diff --git a/src/props.shadows.js b/src/props.shadows.js
49index 4c3fb15..b0180a4 100644
50--- a/src/props.shadows.js
51+++ b/src/props.shadows.js
52 @@ -5,7 +5,8 @@ const Shadows = {
53 '--shadow-color-@media:dark': '220 40% 2%',
54 '--shadow-strength-@media:dark': '25%',
55
56- '--inner-shadow-highlight': 'inset 0 -.5px 0 0 #fff2, inset 0 .5px 0 0 #0007',
57+ '--inner-shadow-highlight': 'inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001',
58+ '--inner-shadow-highlight-@media:dark': 'inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007',
59
60 '--shadow-1': '0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))',
61 '--shadow-2': `