@ceebee/ui 0.3.1 → 0.3.3
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.
- package/dist/skins/astra.css +4 -4
- package/dist/skins/clarity.css +5 -5
- package/dist/styles.css +13 -13
- package/package.json +1 -1
package/dist/skins/astra.css
CHANGED
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
--cb-border: oklch(0.9 0.02 285);
|
|
11
11
|
|
|
12
12
|
--cb-tint-strength: 0.12;
|
|
13
|
-
--cb-glass-bg: oklch(0.99 0.008 285 / 0.
|
|
13
|
+
--cb-glass-bg: oklch(0.99 0.008 285 / 0.76);
|
|
14
14
|
--cb-glass-bg-opaque: oklch(0.97 0.02 285);
|
|
15
|
-
--cb-glass-blur:
|
|
15
|
+
--cb-glass-blur: 40px;
|
|
16
16
|
--cb-shadow-md: 0 8px 28px oklch(0.45 0.12 285 / 0.14);
|
|
17
17
|
--cb-shadow-lg: 0 24px 64px oklch(0.45 0.12 285 / 0.2);
|
|
18
18
|
}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
--cb-bg: oklch(0.21 0.04 285);
|
|
22
22
|
--cb-bg-subtle: oklch(0.25 0.045 285);
|
|
23
23
|
--cb-surface: oklch(0.27 0.045 285);
|
|
24
|
-
--cb-glass-bg: oklch(0.29 0.04 285 / 0.
|
|
24
|
+
--cb-glass-bg: oklch(0.29 0.04 285 / 0.72);
|
|
25
25
|
--cb-glass-bg-opaque: oklch(0.27 0.045 285);
|
|
26
26
|
}
|
|
27
27
|
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
--cb-bg: oklch(0.21 0.04 285);
|
|
31
31
|
--cb-bg-subtle: oklch(0.25 0.045 285);
|
|
32
32
|
--cb-surface: oklch(0.27 0.045 285);
|
|
33
|
-
--cb-glass-bg: oklch(0.29 0.04 285 / 0.
|
|
33
|
+
--cb-glass-bg: oklch(0.29 0.04 285 / 0.72);
|
|
34
34
|
--cb-glass-bg-opaque: oklch(0.27 0.045 285);
|
|
35
35
|
}
|
|
36
36
|
}
|
package/dist/skins/clarity.css
CHANGED
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
--cb-shadow-md: 0 10px 32px oklch(0.32 0.07 260 / 0.12);
|
|
15
15
|
--cb-shadow-lg: 0 28px 72px oklch(0.28 0.08 260 / 0.17);
|
|
16
16
|
|
|
17
|
-
--cb-glass-bg: oklch(0.99 0.008 255 / 0.
|
|
17
|
+
--cb-glass-bg: oklch(0.99 0.008 255 / 0.74);
|
|
18
18
|
--cb-glass-bg-opaque: oklch(0.97 0.014 255);
|
|
19
19
|
--cb-glass-border: oklch(1 0 0 / 0.72);
|
|
20
20
|
--cb-glass-border-strong: oklch(0.58 0.03 255);
|
|
21
|
-
--cb-glass-blur:
|
|
22
|
-
--cb-glass-saturation: 1.
|
|
21
|
+
--cb-glass-blur: 42px;
|
|
22
|
+
--cb-glass-saturation: 1.08;
|
|
23
23
|
--cb-glass-specular: linear-gradient(145deg, oklch(1 0 0 / 0.58), transparent 40%);
|
|
24
24
|
--cb-glass-inset: inset 0 1px 0 oklch(1 0 0 / 0.78), inset 0 -1px 0 oklch(0.28 0.05 260 / 0.1);
|
|
25
25
|
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
--cb-border: oklch(0.38 0.035 265);
|
|
40
40
|
--cb-border-strong: oklch(0.58 0.038 265);
|
|
41
41
|
|
|
42
|
-
--cb-glass-bg: oklch(0.23 0.03 265 / 0.
|
|
42
|
+
--cb-glass-bg: oklch(0.23 0.03 265 / 0.72);
|
|
43
43
|
--cb-glass-bg-opaque: oklch(0.21 0.03 265);
|
|
44
44
|
--cb-glass-border: oklch(0.9 0.018 255 / 0.2);
|
|
45
45
|
--cb-glass-border-strong: oklch(0.76 0.025 255);
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
--cb-border: oklch(0.38 0.035 265);
|
|
63
63
|
--cb-border-strong: oklch(0.58 0.038 265);
|
|
64
64
|
|
|
65
|
-
--cb-glass-bg: oklch(0.23 0.03 265 / 0.
|
|
65
|
+
--cb-glass-bg: oklch(0.23 0.03 265 / 0.72);
|
|
66
66
|
--cb-glass-bg-opaque: oklch(0.21 0.03 265);
|
|
67
67
|
--cb-glass-border: oklch(0.9 0.018 255 / 0.2);
|
|
68
68
|
--cb-glass-border-strong: oklch(0.76 0.025 255);
|
package/dist/styles.css
CHANGED
|
@@ -111,12 +111,12 @@
|
|
|
111
111
|
--cb-shadow-md: 0 4px 16px oklch(0.3 0.03 280 / 0.08);
|
|
112
112
|
--cb-shadow-lg: 0 18px 48px oklch(0.3 0.03 280 / 0.12);
|
|
113
113
|
|
|
114
|
-
--cb-glass-bg: oklch(1 0 0 / 0.
|
|
114
|
+
--cb-glass-bg: oklch(1 0 0 / 0.74);
|
|
115
115
|
--cb-glass-bg-opaque: oklch(0.985 0.004 280);
|
|
116
116
|
--cb-glass-border: oklch(1 0 0 / 0.55);
|
|
117
117
|
--cb-glass-border-strong: oklch(0.64 0.018 280);
|
|
118
|
-
--cb-glass-blur:
|
|
119
|
-
--cb-glass-saturation: 1.
|
|
118
|
+
--cb-glass-blur: 36px;
|
|
119
|
+
--cb-glass-saturation: 1.1;
|
|
120
120
|
--cb-glass-specular: linear-gradient(145deg, oklch(1 0 0 / 0.34), transparent 42%);
|
|
121
121
|
--cb-glass-inset: inset 0 1px 0 oklch(1 0 0 / 0.62), inset 0 -1px 0 oklch(0.3 0.03 280 / 0.1);
|
|
122
122
|
--cb-glass-clear-bg: oklch(1 0 0 / 0.34);
|
|
@@ -154,12 +154,12 @@
|
|
|
154
154
|
--cb-shadow-md: 0 6px 20px oklch(0 0 0 / 0.45);
|
|
155
155
|
--cb-shadow-lg: 0 22px 56px oklch(0 0 0 / 0.55);
|
|
156
156
|
|
|
157
|
-
--cb-glass-bg: oklch(0.28 0.028 280 / 0.
|
|
157
|
+
--cb-glass-bg: oklch(0.28 0.028 280 / 0.72);
|
|
158
158
|
--cb-glass-bg-opaque: oklch(0.25 0.024 280);
|
|
159
159
|
--cb-glass-border: oklch(0.8 0.02 280 / 0.16);
|
|
160
160
|
--cb-glass-border-strong: oklch(0.72 0.03 280);
|
|
161
|
-
--cb-glass-blur:
|
|
162
|
-
--cb-glass-saturation: 1.
|
|
161
|
+
--cb-glass-blur: 36px;
|
|
162
|
+
--cb-glass-saturation: 1.05;
|
|
163
163
|
--cb-glass-specular: linear-gradient(145deg, oklch(1 0 0 / 0.18), transparent 42%);
|
|
164
164
|
--cb-glass-inset: inset 0 1px 0 oklch(1 0 0 / 0.26), inset 0 -1px 0 oklch(0 0 0 / 0.34);
|
|
165
165
|
--cb-glass-clear-bg: oklch(0.24 0.025 280 / 0.34);
|
|
@@ -196,12 +196,12 @@
|
|
|
196
196
|
--cb-shadow-md: 0 6px 20px oklch(0 0 0 / 0.45);
|
|
197
197
|
--cb-shadow-lg: 0 22px 56px oklch(0 0 0 / 0.55);
|
|
198
198
|
|
|
199
|
-
--cb-glass-bg: oklch(0.28 0.028 280 / 0.
|
|
199
|
+
--cb-glass-bg: oklch(0.28 0.028 280 / 0.72);
|
|
200
200
|
--cb-glass-bg-opaque: oklch(0.25 0.024 280);
|
|
201
201
|
--cb-glass-border: oklch(0.8 0.02 280 / 0.16);
|
|
202
202
|
--cb-glass-border-strong: oklch(0.72 0.03 280);
|
|
203
|
-
--cb-glass-blur:
|
|
204
|
-
--cb-glass-saturation: 1.
|
|
203
|
+
--cb-glass-blur: 36px;
|
|
204
|
+
--cb-glass-saturation: 1.05;
|
|
205
205
|
--cb-glass-specular: linear-gradient(145deg, oklch(1 0 0 / 0.18), transparent 42%);
|
|
206
206
|
--cb-glass-inset: inset 0 1px 0 oklch(1 0 0 / 0.26), inset 0 -1px 0 oklch(0 0 0 / 0.34);
|
|
207
207
|
--cb-glass-clear-bg: oklch(0.24 0.025 280 / 0.34);
|
|
@@ -338,8 +338,8 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
|
|
|
338
338
|
--cb-glass-material-inset: var(--cb-glass-inset);
|
|
339
339
|
background: var(--cb-glass-material-specular), var(--cb-glass-fill);
|
|
340
340
|
border-color: var(--cb-glass-edge);
|
|
341
|
-
backdrop-filter: blur(var(--cb-glass-material-blur)) saturate(var(--cb-glass-material-saturation));
|
|
342
341
|
-webkit-backdrop-filter: blur(var(--cb-glass-material-blur)) saturate(var(--cb-glass-material-saturation));
|
|
342
|
+
backdrop-filter: blur(var(--cb-glass-material-blur)) saturate(var(--cb-glass-material-saturation));
|
|
343
343
|
--cb-surface-material-shadow: var(--cb-glass-material-inset);
|
|
344
344
|
}
|
|
345
345
|
|
|
@@ -373,8 +373,8 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
|
|
|
373
373
|
@media (prefers-reduced-transparency: reduce) {
|
|
374
374
|
.cb-surface--glass {
|
|
375
375
|
background: var(--cb-glass-opaque-fill);
|
|
376
|
-
backdrop-filter: none;
|
|
377
376
|
-webkit-backdrop-filter: none;
|
|
377
|
+
backdrop-filter: none;
|
|
378
378
|
}
|
|
379
379
|
}
|
|
380
380
|
|
|
@@ -382,8 +382,8 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
|
|
|
382
382
|
.cb-surface--glass {
|
|
383
383
|
background: var(--cb-glass-opaque-fill);
|
|
384
384
|
border-color: var(--cb-glass-border-strong);
|
|
385
|
-
backdrop-filter: none;
|
|
386
385
|
-webkit-backdrop-filter: none;
|
|
386
|
+
backdrop-filter: none;
|
|
387
387
|
}
|
|
388
388
|
}
|
|
389
389
|
|
|
@@ -393,8 +393,8 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
|
|
|
393
393
|
border-color: CanvasText;
|
|
394
394
|
color: CanvasText;
|
|
395
395
|
box-shadow: none;
|
|
396
|
-
backdrop-filter: none;
|
|
397
396
|
-webkit-backdrop-filter: none;
|
|
397
|
+
backdrop-filter: none;
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
400
|
|