@olympusoss/canvas 2.20.1 → 2.20.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/styles/glass.css +10 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@olympusoss/canvas",
3
- "version": "2.20.1",
3
+ "version": "2.20.2",
4
4
  "type": "module",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
package/styles/glass.css CHANGED
@@ -33,8 +33,8 @@ html[data-surface="glass"] {
33
33
  --glass-highlight: 0 0% 100%;
34
34
  --glass-highlight-alpha: 0.55;
35
35
  --glass-shadow: 220 30% 20%;
36
- --glass-blur: 18px;
37
- --glass-saturate: 140%;
36
+ --glass-backdrop: blur(18px) saturate(140%);
37
+ --glass-backdrop-subtle: blur(8px);
38
38
  }
39
39
 
40
40
  html[data-surface="glass"].dark {
@@ -97,8 +97,12 @@ html[data-surface="glass"] [data-slot="command"],
97
97
  html[data-surface="glass"] [data-slot="calendar"],
98
98
  html[data-surface="glass"] [data-slot="terminal"] {
99
99
  background: hsl(var(--glass-tint) / var(--glass-tint-alpha));
100
- backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
101
- -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
100
+ /* Whole-value var(): Lightning CSS strips backdrop-filter when var()
101
+ appears *inside* a filter function (e.g. blur(var(--x))). A single
102
+ top-level var() is preserved as an opaque custom-property substitution
103
+ the browser resolves at runtime. */
104
+ backdrop-filter: var(--glass-backdrop);
105
+ -webkit-backdrop-filter: var(--glass-backdrop);
102
106
  border-color: hsl(var(--glass-border) / var(--glass-border-alpha));
103
107
  box-shadow:
104
108
  inset 0 1px 0 hsl(var(--glass-highlight) / var(--glass-highlight-alpha)),
@@ -143,8 +147,8 @@ html[data-surface="glass"] [data-slot="code-block"],
143
147
  html[data-surface="glass"] [data-slot="tabs-list"] {
144
148
  background: hsl(var(--glass-tint) / 0.35);
145
149
  border-color: hsl(var(--glass-border) / var(--glass-border-alpha));
146
- backdrop-filter: blur(8px);
147
- -webkit-backdrop-filter: blur(8px);
150
+ backdrop-filter: var(--glass-backdrop-subtle);
151
+ -webkit-backdrop-filter: var(--glass-backdrop-subtle);
148
152
  }
149
153
 
150
154
  html[data-surface="glass"] [data-slot="accordion-item"] {