@ntmats/hc-tokens 0.4.0 → 0.6.0
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/_hcui-theme.scss +2 -0
- package/dist/_hcui-tokens.scss +2 -0
- package/dist/_tokens.scss +2 -0
- package/dist/index.js +4 -0
- package/dist/tailwind.js +1 -0
- package/dist/tokens.css +6 -0
- package/dist/tokens.json +4 -0
- package/package.json +1 -1
package/dist/_hcui-theme.scss
CHANGED
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
--color-bg-muted: rgba(31, 30, 29, 0.06);
|
|
14
14
|
--color-bg-muted-2: rgba(31, 30, 29, 0.03);
|
|
15
15
|
--color-bg-overlay: rgba(20, 20, 19, 0.34);
|
|
16
|
+
--color-bg-scrim: rgba(0, 0, 0, 0.28);
|
|
16
17
|
--color-text-primary: #141413;
|
|
17
18
|
--color-text-secondary: #3d3d3a;
|
|
18
19
|
--color-text-muted: #63625c;
|
|
@@ -67,6 +68,7 @@
|
|
|
67
68
|
--color-bg-muted: rgba(250, 249, 245, 0.07);
|
|
68
69
|
--color-bg-muted-2: rgba(250, 249, 245, 0.035);
|
|
69
70
|
--color-bg-overlay: rgba(0, 0, 0, 0.55);
|
|
71
|
+
--color-bg-scrim: rgba(0, 0, 0, 0.28);
|
|
70
72
|
--color-text-primary: #faf9f5;
|
|
71
73
|
--color-text-secondary: #dedcd1;
|
|
72
74
|
--color-text-muted: #a8a59b;
|
package/dist/_hcui-tokens.scss
CHANGED
|
@@ -6,6 +6,7 @@ $color-bg-glass: var(--color-bg-glass);
|
|
|
6
6
|
$color-bg-muted: var(--color-bg-muted);
|
|
7
7
|
$color-bg-muted-2: var(--color-bg-muted-2);
|
|
8
8
|
$color-bg-overlay: var(--color-bg-overlay);
|
|
9
|
+
$color-bg-scrim: var(--color-bg-scrim);
|
|
9
10
|
$color-text-primary: var(--color-text-primary);
|
|
10
11
|
$color-text-secondary: var(--color-text-secondary);
|
|
11
12
|
$color-text-muted: var(--color-text-muted);
|
|
@@ -86,6 +87,7 @@ $radius-lg: 20px;
|
|
|
86
87
|
$radius-xl: 24px;
|
|
87
88
|
$radius-sheet: 28px;
|
|
88
89
|
$radius-full: 9999px;
|
|
90
|
+
$focus-ring-width: 2px;
|
|
89
91
|
$shadow-outline: var(--shadow-outline);
|
|
90
92
|
$shadow-soft: var(--shadow-soft);
|
|
91
93
|
$shadow-card: var(--shadow-card);
|
package/dist/_tokens.scss
CHANGED
|
@@ -6,6 +6,7 @@ $color-bg-glass: var(--hc-color-bg-glass);
|
|
|
6
6
|
$color-bg-muted: var(--hc-color-bg-muted);
|
|
7
7
|
$color-bg-muted-2: var(--hc-color-bg-muted-2);
|
|
8
8
|
$color-bg-overlay: var(--hc-color-bg-overlay);
|
|
9
|
+
$color-bg-scrim: var(--hc-color-bg-scrim);
|
|
9
10
|
$color-text-primary: var(--hc-color-text-primary);
|
|
10
11
|
$color-text-secondary: var(--hc-color-text-secondary);
|
|
11
12
|
$color-text-muted: var(--hc-color-text-muted);
|
|
@@ -86,6 +87,7 @@ $radius-lg: 20px;
|
|
|
86
87
|
$radius-xl: 24px;
|
|
87
88
|
$radius-sheet: 28px;
|
|
88
89
|
$radius-full: 9999px;
|
|
90
|
+
$focus-ring-width: 2px;
|
|
89
91
|
$shadow-outline: var(--hc-shadow-outline);
|
|
90
92
|
$shadow-soft: var(--hc-shadow-soft);
|
|
91
93
|
$shadow-card: var(--hc-shadow-card);
|
package/dist/index.js
CHANGED
|
@@ -17,6 +17,7 @@ export const tokens = {
|
|
|
17
17
|
"color-bg-muted": "rgba(31, 30, 29, 0.06)",
|
|
18
18
|
"color-bg-muted-2": "rgba(31, 30, 29, 0.03)",
|
|
19
19
|
"color-bg-overlay": "rgba(20, 20, 19, 0.34)",
|
|
20
|
+
"color-bg-scrim": "rgba(0, 0, 0, 0.28)",
|
|
20
21
|
"color-text-primary": "#141413",
|
|
21
22
|
"color-text-secondary": "#3d3d3a",
|
|
22
23
|
"color-text-muted": "#63625c",
|
|
@@ -67,6 +68,7 @@ export const tokens = {
|
|
|
67
68
|
"color-bg-muted": "rgba(250, 249, 245, 0.07)",
|
|
68
69
|
"color-bg-muted-2": "rgba(250, 249, 245, 0.035)",
|
|
69
70
|
"color-bg-overlay": "rgba(0, 0, 0, 0.55)",
|
|
71
|
+
"color-bg-scrim": "rgba(0, 0, 0, 0.28)",
|
|
70
72
|
"color-text-primary": "#faf9f5",
|
|
71
73
|
"color-text-secondary": "#dedcd1",
|
|
72
74
|
"color-text-muted": "#a8a59b",
|
|
@@ -117,6 +119,7 @@ export const tokens = {
|
|
|
117
119
|
"color-bg-muted": "var(--color-bg-muted)",
|
|
118
120
|
"color-bg-muted-2": "var(--color-bg-muted-2)",
|
|
119
121
|
"color-bg-overlay": "var(--color-bg-overlay)",
|
|
122
|
+
"color-bg-scrim": "var(--color-bg-scrim)",
|
|
120
123
|
"color-text-primary": "var(--color-text-primary)",
|
|
121
124
|
"color-text-secondary": "var(--color-text-secondary)",
|
|
122
125
|
"color-text-muted": "var(--color-text-muted)",
|
|
@@ -197,6 +200,7 @@ export const tokens = {
|
|
|
197
200
|
"radius-xl": "24px",
|
|
198
201
|
"radius-sheet": "28px",
|
|
199
202
|
"radius-full": "9999px",
|
|
203
|
+
"focus-ring-width": "2px",
|
|
200
204
|
"shadow-outline": "var(--shadow-outline)",
|
|
201
205
|
"shadow-soft": "var(--shadow-soft)",
|
|
202
206
|
"shadow-card": "var(--shadow-card)",
|
package/dist/tailwind.js
CHANGED
|
@@ -10,6 +10,7 @@ export default {
|
|
|
10
10
|
"hc-bg-muted": "var(--hc-color-bg-muted)",
|
|
11
11
|
"hc-bg-muted-2": "var(--hc-color-bg-muted-2)",
|
|
12
12
|
"hc-bg-overlay": "var(--hc-color-bg-overlay)",
|
|
13
|
+
"hc-bg-scrim": "var(--hc-color-bg-scrim)",
|
|
13
14
|
"hc-text-primary": "var(--hc-color-text-primary)",
|
|
14
15
|
"hc-text-secondary": "var(--hc-color-text-secondary)",
|
|
15
16
|
"hc-text-muted": "var(--hc-color-text-muted)",
|
package/dist/tokens.css
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
--hc-color-bg-muted: rgba(31, 30, 29, 0.06);
|
|
8
8
|
--hc-color-bg-muted-2: rgba(31, 30, 29, 0.03);
|
|
9
9
|
--hc-color-bg-overlay: rgba(20, 20, 19, 0.34);
|
|
10
|
+
--hc-color-bg-scrim: rgba(0, 0, 0, 0.28);
|
|
10
11
|
--hc-color-text-primary: #141413;
|
|
11
12
|
--hc-color-text-secondary: #3d3d3a;
|
|
12
13
|
--hc-color-text-muted: #63625c;
|
|
@@ -87,6 +88,7 @@
|
|
|
87
88
|
--hc-radius-xl: 24px;
|
|
88
89
|
--hc-radius-sheet: 28px;
|
|
89
90
|
--hc-radius-full: 9999px;
|
|
91
|
+
--hc-focus-ring-width: 2px;
|
|
90
92
|
--hc-shadow-outline: 0 0 0 1px var(--hc-color-border);
|
|
91
93
|
--hc-shadow-soft: 0 0 0 1px var(--hc-color-border), 0 1px 2px rgba(20, 20, 19, 0.04);
|
|
92
94
|
--hc-shadow-card: 0 0 0 1px var(--hc-color-border), 0 1px 3px rgba(20, 20, 19, 0.04);
|
|
@@ -188,6 +190,7 @@
|
|
|
188
190
|
--hc-color-bg-muted: rgba(250, 249, 245, 0.07);
|
|
189
191
|
--hc-color-bg-muted-2: rgba(250, 249, 245, 0.035);
|
|
190
192
|
--hc-color-bg-overlay: rgba(0, 0, 0, 0.55);
|
|
193
|
+
--hc-color-bg-scrim: rgba(0, 0, 0, 0.28);
|
|
191
194
|
--hc-color-text-primary: #faf9f5;
|
|
192
195
|
--hc-color-text-secondary: #dedcd1;
|
|
193
196
|
--hc-color-text-muted: #a8a59b;
|
|
@@ -239,6 +242,7 @@
|
|
|
239
242
|
--hc-color-bg-muted: rgba(31, 30, 29, 0.06);
|
|
240
243
|
--hc-color-bg-muted-2: rgba(31, 30, 29, 0.03);
|
|
241
244
|
--hc-color-bg-overlay: rgba(20, 20, 19, 0.34);
|
|
245
|
+
--hc-color-bg-scrim: rgba(0, 0, 0, 0.28);
|
|
242
246
|
--hc-color-text-primary: #141413;
|
|
243
247
|
--hc-color-text-secondary: #3d3d3a;
|
|
244
248
|
--hc-color-text-muted: #63625c;
|
|
@@ -290,6 +294,7 @@
|
|
|
290
294
|
--hc-color-bg-muted: rgba(250, 249, 245, 0.07);
|
|
291
295
|
--hc-color-bg-muted-2: rgba(250, 249, 245, 0.035);
|
|
292
296
|
--hc-color-bg-overlay: rgba(0, 0, 0, 0.55);
|
|
297
|
+
--hc-color-bg-scrim: rgba(0, 0, 0, 0.28);
|
|
293
298
|
--hc-color-text-primary: #faf9f5;
|
|
294
299
|
--hc-color-text-secondary: #dedcd1;
|
|
295
300
|
--hc-color-text-muted: #a8a59b;
|
|
@@ -341,6 +346,7 @@
|
|
|
341
346
|
--hc-color-bg-muted: rgba(31, 30, 29, 0.06);
|
|
342
347
|
--hc-color-bg-muted-2: rgba(31, 30, 29, 0.03);
|
|
343
348
|
--hc-color-bg-overlay: rgba(20, 20, 19, 0.34);
|
|
349
|
+
--hc-color-bg-scrim: rgba(0, 0, 0, 0.28);
|
|
344
350
|
--hc-color-text-primary: #141413;
|
|
345
351
|
--hc-color-text-secondary: #3d3d3a;
|
|
346
352
|
--hc-color-text-muted: #63625c;
|
package/dist/tokens.json
CHANGED
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
"color-bg-muted": "rgba(31, 30, 29, 0.06)",
|
|
17
17
|
"color-bg-muted-2": "rgba(31, 30, 29, 0.03)",
|
|
18
18
|
"color-bg-overlay": "rgba(20, 20, 19, 0.34)",
|
|
19
|
+
"color-bg-scrim": "rgba(0, 0, 0, 0.28)",
|
|
19
20
|
"color-text-primary": "#141413",
|
|
20
21
|
"color-text-secondary": "#3d3d3a",
|
|
21
22
|
"color-text-muted": "#63625c",
|
|
@@ -66,6 +67,7 @@
|
|
|
66
67
|
"color-bg-muted": "rgba(250, 249, 245, 0.07)",
|
|
67
68
|
"color-bg-muted-2": "rgba(250, 249, 245, 0.035)",
|
|
68
69
|
"color-bg-overlay": "rgba(0, 0, 0, 0.55)",
|
|
70
|
+
"color-bg-scrim": "rgba(0, 0, 0, 0.28)",
|
|
69
71
|
"color-text-primary": "#faf9f5",
|
|
70
72
|
"color-text-secondary": "#dedcd1",
|
|
71
73
|
"color-text-muted": "#a8a59b",
|
|
@@ -116,6 +118,7 @@
|
|
|
116
118
|
"color-bg-muted": "var(--color-bg-muted)",
|
|
117
119
|
"color-bg-muted-2": "var(--color-bg-muted-2)",
|
|
118
120
|
"color-bg-overlay": "var(--color-bg-overlay)",
|
|
121
|
+
"color-bg-scrim": "var(--color-bg-scrim)",
|
|
119
122
|
"color-text-primary": "var(--color-text-primary)",
|
|
120
123
|
"color-text-secondary": "var(--color-text-secondary)",
|
|
121
124
|
"color-text-muted": "var(--color-text-muted)",
|
|
@@ -196,6 +199,7 @@
|
|
|
196
199
|
"radius-xl": "24px",
|
|
197
200
|
"radius-sheet": "28px",
|
|
198
201
|
"radius-full": "9999px",
|
|
202
|
+
"focus-ring-width": "2px",
|
|
199
203
|
"shadow-outline": "var(--shadow-outline)",
|
|
200
204
|
"shadow-soft": "var(--shadow-soft)",
|
|
201
205
|
"shadow-card": "var(--shadow-card)",
|
package/package.json
CHANGED