@ceebee/ui 0.3.0 → 0.3.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 (4) hide show
  1. package/dist/skins/astra.css +7 -1
  2. package/dist/skins/clarity.css +5 -5
  3. package/dist/styles.css +9 -9
  4. package/package.json +1 -1
package/dist/skins/astra.css CHANGED
@@ -10,7 +10,9 @@
10
10
  --cb-border: oklch(0.9 0.02 285);
11
11
 
12
12
  --cb-tint-strength: 0.12;
13
- --cb-glass-blur: 22px;
13
+ --cb-glass-bg: oklch(0.99 0.008 285 / 0.76);
14
+ --cb-glass-bg-opaque: oklch(0.97 0.02 285);
15
+ --cb-glass-blur: 40px;
14
16
  --cb-shadow-md: 0 8px 28px oklch(0.45 0.12 285 / 0.14);
15
17
  --cb-shadow-lg: 0 24px 64px oklch(0.45 0.12 285 / 0.2);
16
18
  }
@@ -19,6 +21,8 @@
19
21
  --cb-bg: oklch(0.21 0.04 285);
20
22
  --cb-bg-subtle: oklch(0.25 0.045 285);
21
23
  --cb-surface: oklch(0.27 0.045 285);
24
+ --cb-glass-bg: oklch(0.29 0.04 285 / 0.72);
25
+ --cb-glass-bg-opaque: oklch(0.27 0.045 285);
22
26
  }
23
27
 
24
28
  @media (prefers-color-scheme: dark) {
@@ -26,5 +30,7 @@
26
30
  --cb-bg: oklch(0.21 0.04 285);
27
31
  --cb-bg-subtle: oklch(0.25 0.045 285);
28
32
  --cb-surface: oklch(0.27 0.045 285);
33
+ --cb-glass-bg: oklch(0.29 0.04 285 / 0.72);
34
+ --cb-glass-bg-opaque: oklch(0.27 0.045 285);
29
35
  }
30
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.64);
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: 24px;
22
- --cb-glass-saturation: 1.35;
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.24 0.032 265 / 0.62);
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.24 0.032 265 / 0.62);
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.62);
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: 18px;
119
- --cb-glass-saturation: 1.4;
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.3 0.03 280 / 0.55);
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: 20px;
162
- --cb-glass-saturation: 1.25;
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.3 0.03 280 / 0.55);
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: 20px;
204
- --cb-glass-saturation: 1.25;
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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ceebee/ui",
3
- "version": "0.3.0",
3
+ "version": "0.3.2",
4
4
  "description": "Ceebee's design system: tokens, themed primitives, motion, and onboarding.",
5
5
  "license": "MIT",
6
6
  "repository": {