@nebutra/design-tokens 2.0.0 → 3.0.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/build/css/dark.css +121 -50
- package/build/css/light.css +118 -47
- package/build/css/styles.generated.css +396 -140
- package/build/css/theme-inline.css +75 -8
- package/build/tailwind/dark.preset.cjs +121 -50
- package/build/tailwind/light.preset.cjs +118 -47
- package/build/ts/dark.d.ts +89 -2
- package/build/ts/dark.js +121 -50
- package/build/ts/light.d.ts +89 -3
- package/build/ts/light.js +118 -47
- package/package.json +1 -1
- package/style-dictionary.config.mjs +77 -9
- package/tokens/core.json +367 -17
- package/tokens/themes/dark.json +31 -29
- package/tokens/themes/light.json +26 -25
|
@@ -60,6 +60,12 @@
|
|
|
60
60
|
--color-success-foreground: hsl(var(--success-foreground));
|
|
61
61
|
--color-warning: hsl(var(--warning));
|
|
62
62
|
--color-warning-foreground: hsl(var(--warning-foreground));
|
|
63
|
+
/* Status colours as INK (text, icon fill/stroke). --destructive / --warning /
|
|
64
|
+
--success are fills: amber is 2.0:1 as text in light, red 2.5:1 in dark.
|
|
65
|
+
text-destructive-strong etc. read at ~5:1 in both themes. */
|
|
66
|
+
--color-destructive-strong: hsl(var(--destructive-strong));
|
|
67
|
+
--color-warning-strong: hsl(var(--warning-strong));
|
|
68
|
+
--color-success-strong: hsl(var(--success-strong));
|
|
63
69
|
--color-info: hsl(var(--info));
|
|
64
70
|
--color-info-foreground: hsl(var(--info-foreground));
|
|
65
71
|
--color-border: hsl(var(--border));
|
|
@@ -234,6 +240,66 @@
|
|
|
234
240
|
--ease-in-out: var(--motion-ease-in-out);
|
|
235
241
|
--ease-spring: var(--motion-ease-spring);
|
|
236
242
|
|
|
243
|
+
/* Type scale — see core.json:type. Indirect so a Brand Package can retune size,
|
|
244
|
+
leading and tracking; each text-* utility sets all three. */
|
|
245
|
+
--text-2xs: var(--type-2xs-size);
|
|
246
|
+
--text-2xs--line-height: var(--type-2xs-leading);
|
|
247
|
+
--text-2xs--letter-spacing: var(--type-2xs-tracking);
|
|
248
|
+
--text-xs: var(--type-xs-size);
|
|
249
|
+
--text-xs--line-height: var(--type-xs-leading);
|
|
250
|
+
--text-xs--letter-spacing: var(--type-xs-tracking);
|
|
251
|
+
--text-ui: var(--type-ui-size);
|
|
252
|
+
--text-ui--line-height: var(--type-ui-leading);
|
|
253
|
+
--text-ui--letter-spacing: var(--type-ui-tracking);
|
|
254
|
+
--text-sm: var(--type-sm-size);
|
|
255
|
+
--text-sm--line-height: var(--type-sm-leading);
|
|
256
|
+
--text-sm--letter-spacing: var(--type-sm-tracking);
|
|
257
|
+
--text-base: var(--type-base-size);
|
|
258
|
+
--text-base--line-height: var(--type-base-leading);
|
|
259
|
+
--text-base--letter-spacing: var(--type-base-tracking);
|
|
260
|
+
--text-lg: var(--type-lg-size);
|
|
261
|
+
--text-lg--line-height: var(--type-lg-leading);
|
|
262
|
+
--text-lg--letter-spacing: var(--type-lg-tracking);
|
|
263
|
+
--text-xl: var(--type-xl-size);
|
|
264
|
+
--text-xl--line-height: var(--type-xl-leading);
|
|
265
|
+
--text-xl--letter-spacing: var(--type-xl-tracking);
|
|
266
|
+
--text-2xl: var(--type-2xl-size);
|
|
267
|
+
--text-2xl--line-height: var(--type-2xl-leading);
|
|
268
|
+
--text-2xl--letter-spacing: var(--type-2xl-tracking);
|
|
269
|
+
--text-3xl: var(--type-3xl-size);
|
|
270
|
+
--text-3xl--line-height: var(--type-3xl-leading);
|
|
271
|
+
--text-3xl--letter-spacing: var(--type-3xl-tracking);
|
|
272
|
+
--text-4xl: var(--type-4xl-size);
|
|
273
|
+
--text-4xl--line-height: var(--type-4xl-leading);
|
|
274
|
+
--text-4xl--letter-spacing: var(--type-4xl-tracking);
|
|
275
|
+
--text-5xl: var(--type-5xl-size);
|
|
276
|
+
--text-5xl--line-height: var(--type-5xl-leading);
|
|
277
|
+
--text-5xl--letter-spacing: var(--type-5xl-tracking);
|
|
278
|
+
--text-6xl: var(--type-6xl-size);
|
|
279
|
+
--text-6xl--line-height: var(--type-6xl-leading);
|
|
280
|
+
--text-6xl--letter-spacing: var(--type-6xl-tracking);
|
|
281
|
+
--text-7xl: var(--type-7xl-size);
|
|
282
|
+
--text-7xl--line-height: var(--type-7xl-leading);
|
|
283
|
+
--text-7xl--letter-spacing: var(--type-7xl-tracking);
|
|
284
|
+
--text-8xl: var(--type-8xl-size);
|
|
285
|
+
--text-8xl--line-height: var(--type-8xl-leading);
|
|
286
|
+
--text-8xl--letter-spacing: var(--type-8xl-tracking);
|
|
287
|
+
--text-9xl: var(--type-9xl-size);
|
|
288
|
+
--text-9xl--line-height: var(--type-9xl-leading);
|
|
289
|
+
--text-9xl--letter-spacing: var(--type-9xl-tracking);
|
|
290
|
+
--text-display: var(--type-display-size);
|
|
291
|
+
--text-display--line-height: var(--type-display-leading);
|
|
292
|
+
--text-display--letter-spacing: var(--type-display-tracking);
|
|
293
|
+
--text-body: var(--type-body-size);
|
|
294
|
+
--text-body--line-height: var(--type-body-leading);
|
|
295
|
+
--text-body--letter-spacing: var(--type-body-tracking);
|
|
296
|
+
--text-label: var(--type-label-size);
|
|
297
|
+
--text-label--line-height: var(--type-label-leading);
|
|
298
|
+
--text-label--letter-spacing: var(--type-label-tracking);
|
|
299
|
+
--text-meta: var(--type-meta-size);
|
|
300
|
+
--text-meta--line-height: var(--type-meta-leading);
|
|
301
|
+
--text-meta--letter-spacing: var(--type-meta-tracking);
|
|
302
|
+
|
|
237
303
|
/* Motion — Durations (four-rail; see core.json:duration). Names denote intent, not relative speed. */
|
|
238
304
|
--duration-micro: var(--motion-duration-micro);
|
|
239
305
|
--duration-flow: var(--motion-duration-flow);
|
|
@@ -265,13 +331,14 @@
|
|
|
265
331
|
--spacing-{step} alias. --spacing itself (0.25rem arithmetic base) stays
|
|
266
332
|
untouched. See static/base.css. */
|
|
267
333
|
|
|
268
|
-
/* Font family — Geist keeps Latin + numerals,
|
|
269
|
-
CJK, system CJK faces behind
|
|
270
|
-
|
|
271
|
-
the two in sync
|
|
272
|
-
|
|
273
|
-
--font-
|
|
274
|
-
--font-
|
|
275
|
-
--font-
|
|
334
|
+
/* Font family — Geist keeps Latin + numerals for body/UI, DM Sans sets Latin
|
|
335
|
+
display and headings, self-hosted MiSans takes CJK, system CJK faces behind
|
|
336
|
+
it. Order is the design decision; see the fontFamily $description in
|
|
337
|
+
tokens/core.json. Mirror of those tokens — keep the two in sync
|
|
338
|
+
(verify:parity compares them). */
|
|
339
|
+
--font-sans: var(--font-geist-sans), "Geist", var(--font-misans, "MiSans"), "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
|
|
340
|
+
--font-cn: var(--font-geist-sans), "Geist", var(--font-misans, "MiSans"), "PingFang SC", "Microsoft YaHei", sans-serif;
|
|
341
|
+
--font-display: var(--font-dm-sans), "DM Sans", var(--font-misans, "MiSans"), "PingFang SC", sans-serif;
|
|
342
|
+
--font-heading: var(--font-dm-sans), "DM Sans", var(--font-misans, "MiSans"), "PingFang SC", sans-serif;
|
|
276
343
|
--font-mono: var(--font-geist-mono), "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
|
|
277
344
|
}
|
|
@@ -25,17 +25,17 @@ module.exports = {
|
|
|
25
25
|
"nebutra-cyan-800": "#057963",
|
|
26
26
|
"nebutra-cyan-900": "#035143",
|
|
27
27
|
"nebutra-cyan-950": "#012923",
|
|
28
|
-
"nebutra-neutral-50": "#
|
|
29
|
-
"nebutra-neutral-100": "#
|
|
30
|
-
"nebutra-neutral-200": "#
|
|
31
|
-
"nebutra-neutral-300": "#
|
|
32
|
-
"nebutra-neutral-400": "#
|
|
33
|
-
"nebutra-neutral-500": "#
|
|
34
|
-
"nebutra-neutral-600": "#
|
|
35
|
-
"nebutra-neutral-700": "#
|
|
36
|
-
"nebutra-neutral-800": "#
|
|
37
|
-
"nebutra-neutral-900": "#
|
|
38
|
-
"nebutra-neutral-950": "#
|
|
28
|
+
"nebutra-neutral-50": "#f9fafb",
|
|
29
|
+
"nebutra-neutral-100": "#f3f4f6",
|
|
30
|
+
"nebutra-neutral-200": "#e4e5e8",
|
|
31
|
+
"nebutra-neutral-300": "#d2d4d8",
|
|
32
|
+
"nebutra-neutral-400": "#9fa1a5",
|
|
33
|
+
"nebutra-neutral-500": "#717377",
|
|
34
|
+
"nebutra-neutral-600": "#515357",
|
|
35
|
+
"nebutra-neutral-700": "#3f4044",
|
|
36
|
+
"nebutra-neutral-800": "#26272a",
|
|
37
|
+
"nebutra-neutral-900": "#18191c",
|
|
38
|
+
"nebutra-neutral-950": "#0b0c0d",
|
|
39
39
|
"nebutra-gray-50": "#fafafa",
|
|
40
40
|
"nebutra-gray-100": "#f5f5f5",
|
|
41
41
|
"nebutra-gray-200": "#e5e5e5",
|
|
@@ -74,18 +74,89 @@ module.exports = {
|
|
|
74
74
|
"tracking-display": "-0.04em",
|
|
75
75
|
"tracking-heading": "-0.03em",
|
|
76
76
|
"tracking-tight": "-0.015em",
|
|
77
|
+
"tracking-label": "0.07em",
|
|
77
78
|
"leading-display": "1.05",
|
|
78
79
|
"leading-heading": "1.15",
|
|
80
|
+
"type-2xs-size": "0.6875rem",
|
|
81
|
+
"type-2xs-leading": "1.45",
|
|
82
|
+
"type-2xs-tracking": "0.01em",
|
|
83
|
+
"type-xs-size": "0.75rem",
|
|
84
|
+
"type-xs-leading": "1.4",
|
|
85
|
+
"type-xs-tracking": "0.005em",
|
|
86
|
+
"type-ui-size": "0.8125rem",
|
|
87
|
+
"type-ui-leading": "1.45",
|
|
88
|
+
"type-ui-tracking": "0em",
|
|
89
|
+
"type-sm-size": "0.875rem",
|
|
90
|
+
"type-sm-leading": "1.5",
|
|
91
|
+
"type-sm-tracking": "0em",
|
|
92
|
+
"type-base-size": "1rem",
|
|
93
|
+
"type-base-leading": "1.6",
|
|
94
|
+
"type-base-tracking": "-0.005em",
|
|
95
|
+
"type-lg-size": "1.125rem",
|
|
96
|
+
"type-lg-leading": "1.55",
|
|
97
|
+
"type-lg-tracking": "-0.01em",
|
|
98
|
+
"type-xl-size": "1.25rem",
|
|
99
|
+
"type-xl-leading": "1.45",
|
|
100
|
+
"type-xl-tracking": "-0.012em",
|
|
101
|
+
"type-2xl-size": "1.5rem",
|
|
102
|
+
"type-2xl-leading": "1.33",
|
|
103
|
+
"type-2xl-tracking": "-0.015em",
|
|
104
|
+
"type-3xl-size": "1.875rem",
|
|
105
|
+
"type-3xl-leading": "1.25",
|
|
106
|
+
"type-3xl-tracking": "-0.02em",
|
|
107
|
+
"type-4xl-size": "2.25rem",
|
|
108
|
+
"type-4xl-leading": "1.15",
|
|
109
|
+
"type-4xl-tracking": "-0.022em",
|
|
110
|
+
"type-5xl-size": "3rem",
|
|
111
|
+
"type-5xl-leading": "1.08",
|
|
112
|
+
"type-5xl-tracking": "-0.028em",
|
|
113
|
+
"type-6xl-size": "3.75rem",
|
|
114
|
+
"type-6xl-leading": "1.04",
|
|
115
|
+
"type-6xl-tracking": "-0.032em",
|
|
116
|
+
"type-7xl-size": "4.5rem",
|
|
117
|
+
"type-7xl-leading": "1",
|
|
118
|
+
"type-7xl-tracking": "-0.035em",
|
|
119
|
+
"type-8xl-size": "6rem",
|
|
120
|
+
"type-8xl-leading": "1",
|
|
121
|
+
"type-8xl-tracking": "-0.04em",
|
|
122
|
+
"type-9xl-size": "8rem",
|
|
123
|
+
"type-9xl-leading": "1",
|
|
124
|
+
"type-9xl-tracking": "-0.045em",
|
|
125
|
+
"type-display-size": "1.25rem",
|
|
126
|
+
"type-display-leading": "1.45",
|
|
127
|
+
"type-display-tracking": "-0.012em",
|
|
128
|
+
"type-body-size": "0.875rem",
|
|
129
|
+
"type-body-leading": "1.5",
|
|
130
|
+
"type-body-tracking": "0em",
|
|
131
|
+
"type-label-size": "0.75rem",
|
|
132
|
+
"type-label-leading": "1.4",
|
|
133
|
+
"type-label-tracking": "0.005em",
|
|
134
|
+
"type-meta-size": "0.6875rem",
|
|
135
|
+
"type-meta-leading": "1.45",
|
|
136
|
+
"type-meta-tracking": "0.01em",
|
|
137
|
+
"layer-raised": "10",
|
|
138
|
+
"layer-sticky": "20",
|
|
139
|
+
"layer-floating": "30",
|
|
140
|
+
"layer-nav": "40",
|
|
141
|
+
"layer-drawer": "60",
|
|
142
|
+
"layer-banner": "90",
|
|
143
|
+
"layer-skip-link": "100",
|
|
144
|
+
"layer-panel": "200",
|
|
145
|
+
"layer-backdrop": "1040",
|
|
146
|
+
"layer-modal": "1050",
|
|
147
|
+
"layer-popover": "1060",
|
|
148
|
+
"layer-tooltip": "1070",
|
|
149
|
+
"layer-devtools": "9999",
|
|
79
150
|
"ring-hairline": "inset 0 0 0 1px rgb(255 255 255 / 0.06)",
|
|
80
151
|
"overlay-faint": "rgb(255 255 255 / 0.06)",
|
|
81
152
|
"font-sans":
|
|
82
|
-
'var(--font-geist-sans), "Geist", var(--font-
|
|
153
|
+
'var(--font-geist-sans), "Geist", var(--font-misans, "MiSans"), "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif',
|
|
83
154
|
"font-cn":
|
|
84
|
-
'var(--font-geist-sans), "Geist", var(--font-
|
|
155
|
+
'var(--font-geist-sans), "Geist", var(--font-misans, "MiSans"), "PingFang SC", "Microsoft YaHei", sans-serif',
|
|
85
156
|
"font-display":
|
|
86
|
-
'var(--font-
|
|
157
|
+
'var(--font-dm-sans), "DM Sans", var(--font-misans, "MiSans"), "PingFang SC", sans-serif',
|
|
87
158
|
"font-heading":
|
|
88
|
-
'var(--font-
|
|
159
|
+
'var(--font-dm-sans), "DM Sans", var(--font-misans, "MiSans"), "PingFang SC", sans-serif',
|
|
89
160
|
"font-mono":
|
|
90
161
|
'var(--font-geist-mono), "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',
|
|
91
162
|
"brand-primary": "#5c7cfa",
|
|
@@ -114,18 +185,18 @@ module.exports = {
|
|
|
114
185
|
"motion-duration-reveal": "300ms",
|
|
115
186
|
"motion-duration-cinematic": "500ms",
|
|
116
187
|
"focus-ring": "0 0 0 2px hsl(var(--ring) / 0.4)",
|
|
117
|
-
"neutral-1": "#
|
|
118
|
-
"neutral-2": "#
|
|
119
|
-
"neutral-3": "#
|
|
120
|
-
"neutral-4": "#
|
|
121
|
-
"neutral-5": "#
|
|
188
|
+
"neutral-1": "#0b0c0d",
|
|
189
|
+
"neutral-2": "#18191c",
|
|
190
|
+
"neutral-3": "#26272a",
|
|
191
|
+
"neutral-4": "#3f4044",
|
|
192
|
+
"neutral-5": "#515357",
|
|
122
193
|
"neutral-6": "#666666",
|
|
123
|
-
"neutral-7": "#
|
|
194
|
+
"neutral-7": "#797979",
|
|
124
195
|
"neutral-8": "#8d8d8d",
|
|
125
|
-
"neutral-9": "#
|
|
126
|
-
"neutral-10": "#
|
|
127
|
-
"neutral-11": "#
|
|
128
|
-
"neutral-12": "#
|
|
196
|
+
"neutral-9": "#9fa1a5",
|
|
197
|
+
"neutral-10": "#d2d4d8",
|
|
198
|
+
"neutral-11": "#e4e5e8",
|
|
199
|
+
"neutral-12": "#f9fafb",
|
|
129
200
|
"blue-1": "#030815",
|
|
130
201
|
"blue-2": "#060f25",
|
|
131
202
|
"blue-3": "#09183b",
|
|
@@ -152,20 +223,20 @@ module.exports = {
|
|
|
152
223
|
"cyan-11": "#90fbdb",
|
|
153
224
|
"cyan-12": "#bdfde8",
|
|
154
225
|
"cyan-contrast": "#0d2b25",
|
|
155
|
-
background: "
|
|
156
|
-
foreground: "
|
|
157
|
-
card: "
|
|
158
|
-
"card-foreground": "
|
|
159
|
-
popover: "
|
|
160
|
-
"popover-foreground": "
|
|
161
|
-
primary: "
|
|
162
|
-
"primary-foreground": "
|
|
163
|
-
secondary: "
|
|
164
|
-
"secondary-foreground": "
|
|
165
|
-
muted: "
|
|
166
|
-
"muted-foreground": "
|
|
167
|
-
accent: "
|
|
168
|
-
"accent-foreground": "228
|
|
226
|
+
background: "220 11.1% 5.3%",
|
|
227
|
+
foreground: "228 23.8% 95.9%",
|
|
228
|
+
card: "220 7.3% 8%",
|
|
229
|
+
"card-foreground": "228 23.8% 95.9%",
|
|
230
|
+
popover: "225 7.7% 10.2%",
|
|
231
|
+
"popover-foreground": "228 23.8% 95.9%",
|
|
232
|
+
primary: "228 23.8% 95.9%",
|
|
233
|
+
"primary-foreground": "220 11.1% 5.3%",
|
|
234
|
+
secondary: "225 6.2% 12.5%",
|
|
235
|
+
"secondary-foreground": "228 23.8% 95.9%",
|
|
236
|
+
muted: "225 6.2% 12.5%",
|
|
237
|
+
"muted-foreground": "228 2.6% 62.5%",
|
|
238
|
+
accent: "225 6.2% 12.5%",
|
|
239
|
+
"accent-foreground": "228 23.8% 95.9%",
|
|
169
240
|
destructive: "0 63% 38%",
|
|
170
241
|
"destructive-foreground": "210 18% 96%",
|
|
171
242
|
"destructive-strong": "0 80% 66%",
|
|
@@ -177,17 +248,17 @@ module.exports = {
|
|
|
177
248
|
"warning-strong": "38 80% 52%",
|
|
178
249
|
info: "228 95% 72%",
|
|
179
250
|
"info-foreground": "222 14% 9%",
|
|
180
|
-
border: "220
|
|
181
|
-
input: "220
|
|
182
|
-
ring: "
|
|
183
|
-
sidebar: "
|
|
184
|
-
"sidebar-foreground": "
|
|
185
|
-
"sidebar-primary": "228
|
|
186
|
-
"sidebar-primary-foreground": "
|
|
187
|
-
"sidebar-accent": "
|
|
188
|
-
"sidebar-accent-foreground": "228
|
|
189
|
-
"sidebar-border": "
|
|
190
|
-
"sidebar-ring": "
|
|
251
|
+
border: "220 3.6% 16.3%",
|
|
252
|
+
input: "220 3.6% 16.3%",
|
|
253
|
+
ring: "222.6 87.3% 69%",
|
|
254
|
+
sidebar: "220 11.1% 5.3%",
|
|
255
|
+
"sidebar-foreground": "228 23.8% 95.9%",
|
|
256
|
+
"sidebar-primary": "228 23.8% 95.9%",
|
|
257
|
+
"sidebar-primary-foreground": "220 11.1% 5.3%",
|
|
258
|
+
"sidebar-accent": "225 6.2% 12.5%",
|
|
259
|
+
"sidebar-accent-foreground": "228 23.8% 95.9%",
|
|
260
|
+
"sidebar-border": "225 6.2% 12.5%",
|
|
261
|
+
"sidebar-ring": "222.6 87.3% 69%",
|
|
191
262
|
"chart-1": "228 95% 67%",
|
|
192
263
|
"chart-2": "168 96% 54%",
|
|
193
264
|
"chart-3": "228 100% 82%",
|
|
@@ -25,17 +25,17 @@ module.exports = {
|
|
|
25
25
|
"nebutra-cyan-800": "#057963",
|
|
26
26
|
"nebutra-cyan-900": "#035143",
|
|
27
27
|
"nebutra-cyan-950": "#012923",
|
|
28
|
-
"nebutra-neutral-50": "#
|
|
29
|
-
"nebutra-neutral-100": "#
|
|
30
|
-
"nebutra-neutral-200": "#
|
|
31
|
-
"nebutra-neutral-300": "#
|
|
32
|
-
"nebutra-neutral-400": "#
|
|
33
|
-
"nebutra-neutral-500": "#
|
|
34
|
-
"nebutra-neutral-600": "#
|
|
35
|
-
"nebutra-neutral-700": "#
|
|
36
|
-
"nebutra-neutral-800": "#
|
|
37
|
-
"nebutra-neutral-900": "#
|
|
38
|
-
"nebutra-neutral-950": "#
|
|
28
|
+
"nebutra-neutral-50": "#f9fafb",
|
|
29
|
+
"nebutra-neutral-100": "#f3f4f6",
|
|
30
|
+
"nebutra-neutral-200": "#e4e5e8",
|
|
31
|
+
"nebutra-neutral-300": "#d2d4d8",
|
|
32
|
+
"nebutra-neutral-400": "#9fa1a5",
|
|
33
|
+
"nebutra-neutral-500": "#717377",
|
|
34
|
+
"nebutra-neutral-600": "#515357",
|
|
35
|
+
"nebutra-neutral-700": "#3f4044",
|
|
36
|
+
"nebutra-neutral-800": "#26272a",
|
|
37
|
+
"nebutra-neutral-900": "#18191c",
|
|
38
|
+
"nebutra-neutral-950": "#0b0c0d",
|
|
39
39
|
"nebutra-gray-50": "#fafafa",
|
|
40
40
|
"nebutra-gray-100": "#f5f5f5",
|
|
41
41
|
"nebutra-gray-200": "#e5e5e5",
|
|
@@ -74,18 +74,89 @@ module.exports = {
|
|
|
74
74
|
"tracking-display": "-0.04em",
|
|
75
75
|
"tracking-heading": "-0.03em",
|
|
76
76
|
"tracking-tight": "-0.015em",
|
|
77
|
+
"tracking-label": "0.07em",
|
|
77
78
|
"leading-display": "1.05",
|
|
78
79
|
"leading-heading": "1.15",
|
|
80
|
+
"type-2xs-size": "0.6875rem",
|
|
81
|
+
"type-2xs-leading": "1.45",
|
|
82
|
+
"type-2xs-tracking": "0.01em",
|
|
83
|
+
"type-xs-size": "0.75rem",
|
|
84
|
+
"type-xs-leading": "1.4",
|
|
85
|
+
"type-xs-tracking": "0.005em",
|
|
86
|
+
"type-ui-size": "0.8125rem",
|
|
87
|
+
"type-ui-leading": "1.45",
|
|
88
|
+
"type-ui-tracking": "0em",
|
|
89
|
+
"type-sm-size": "0.875rem",
|
|
90
|
+
"type-sm-leading": "1.5",
|
|
91
|
+
"type-sm-tracking": "0em",
|
|
92
|
+
"type-base-size": "1rem",
|
|
93
|
+
"type-base-leading": "1.6",
|
|
94
|
+
"type-base-tracking": "-0.005em",
|
|
95
|
+
"type-lg-size": "1.125rem",
|
|
96
|
+
"type-lg-leading": "1.55",
|
|
97
|
+
"type-lg-tracking": "-0.01em",
|
|
98
|
+
"type-xl-size": "1.25rem",
|
|
99
|
+
"type-xl-leading": "1.45",
|
|
100
|
+
"type-xl-tracking": "-0.012em",
|
|
101
|
+
"type-2xl-size": "1.5rem",
|
|
102
|
+
"type-2xl-leading": "1.33",
|
|
103
|
+
"type-2xl-tracking": "-0.015em",
|
|
104
|
+
"type-3xl-size": "1.875rem",
|
|
105
|
+
"type-3xl-leading": "1.25",
|
|
106
|
+
"type-3xl-tracking": "-0.02em",
|
|
107
|
+
"type-4xl-size": "2.25rem",
|
|
108
|
+
"type-4xl-leading": "1.15",
|
|
109
|
+
"type-4xl-tracking": "-0.022em",
|
|
110
|
+
"type-5xl-size": "3rem",
|
|
111
|
+
"type-5xl-leading": "1.08",
|
|
112
|
+
"type-5xl-tracking": "-0.028em",
|
|
113
|
+
"type-6xl-size": "3.75rem",
|
|
114
|
+
"type-6xl-leading": "1.04",
|
|
115
|
+
"type-6xl-tracking": "-0.032em",
|
|
116
|
+
"type-7xl-size": "4.5rem",
|
|
117
|
+
"type-7xl-leading": "1",
|
|
118
|
+
"type-7xl-tracking": "-0.035em",
|
|
119
|
+
"type-8xl-size": "6rem",
|
|
120
|
+
"type-8xl-leading": "1",
|
|
121
|
+
"type-8xl-tracking": "-0.04em",
|
|
122
|
+
"type-9xl-size": "8rem",
|
|
123
|
+
"type-9xl-leading": "1",
|
|
124
|
+
"type-9xl-tracking": "-0.045em",
|
|
125
|
+
"type-display-size": "1.25rem",
|
|
126
|
+
"type-display-leading": "1.45",
|
|
127
|
+
"type-display-tracking": "-0.012em",
|
|
128
|
+
"type-body-size": "0.875rem",
|
|
129
|
+
"type-body-leading": "1.5",
|
|
130
|
+
"type-body-tracking": "0em",
|
|
131
|
+
"type-label-size": "0.75rem",
|
|
132
|
+
"type-label-leading": "1.4",
|
|
133
|
+
"type-label-tracking": "0.005em",
|
|
134
|
+
"type-meta-size": "0.6875rem",
|
|
135
|
+
"type-meta-leading": "1.45",
|
|
136
|
+
"type-meta-tracking": "0.01em",
|
|
137
|
+
"layer-raised": "10",
|
|
138
|
+
"layer-sticky": "20",
|
|
139
|
+
"layer-floating": "30",
|
|
140
|
+
"layer-nav": "40",
|
|
141
|
+
"layer-drawer": "60",
|
|
142
|
+
"layer-banner": "90",
|
|
143
|
+
"layer-skip-link": "100",
|
|
144
|
+
"layer-panel": "200",
|
|
145
|
+
"layer-backdrop": "1040",
|
|
146
|
+
"layer-modal": "1050",
|
|
147
|
+
"layer-popover": "1060",
|
|
148
|
+
"layer-tooltip": "1070",
|
|
149
|
+
"layer-devtools": "9999",
|
|
79
150
|
"ring-hairline": "inset 0 0 0 1px rgb(255 255 255 / 0.04)",
|
|
80
151
|
"overlay-faint": "rgb(0 0 0 / 0.06)",
|
|
81
152
|
"font-sans":
|
|
82
|
-
'var(--font-geist-sans), "Geist", var(--font-
|
|
153
|
+
'var(--font-geist-sans), "Geist", var(--font-misans, "MiSans"), "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif',
|
|
83
154
|
"font-cn":
|
|
84
|
-
'var(--font-geist-sans), "Geist", var(--font-
|
|
155
|
+
'var(--font-geist-sans), "Geist", var(--font-misans, "MiSans"), "PingFang SC", "Microsoft YaHei", sans-serif',
|
|
85
156
|
"font-display":
|
|
86
|
-
'var(--font-
|
|
157
|
+
'var(--font-dm-sans), "DM Sans", var(--font-misans, "MiSans"), "PingFang SC", sans-serif',
|
|
87
158
|
"font-heading":
|
|
88
|
-
'var(--font-
|
|
159
|
+
'var(--font-dm-sans), "DM Sans", var(--font-misans, "MiSans"), "PingFang SC", sans-serif',
|
|
89
160
|
"font-mono":
|
|
90
161
|
'var(--font-geist-mono), "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',
|
|
91
162
|
"brand-primary": "#0033fe",
|
|
@@ -115,17 +186,17 @@ module.exports = {
|
|
|
115
186
|
"motion-duration-cinematic": "500ms",
|
|
116
187
|
"focus-ring": "0 0 0 2px hsl(var(--ring) / 0.4)",
|
|
117
188
|
"neutral-1": "#ffffff",
|
|
118
|
-
"neutral-2": "#
|
|
119
|
-
"neutral-3": "#
|
|
120
|
-
"neutral-4": "#
|
|
121
|
-
"neutral-5": "#
|
|
122
|
-
"neutral-6": "#
|
|
123
|
-
"neutral-7": "#
|
|
124
|
-
"neutral-8": "#
|
|
125
|
-
"neutral-9": "#
|
|
126
|
-
"neutral-10": "#
|
|
127
|
-
"neutral-11": "#
|
|
128
|
-
"neutral-12": "#
|
|
189
|
+
"neutral-2": "#f9fafb",
|
|
190
|
+
"neutral-3": "#f3f4f6",
|
|
191
|
+
"neutral-4": "#e4e5e8",
|
|
192
|
+
"neutral-5": "#d2d4d8",
|
|
193
|
+
"neutral-6": "#b9bbbf",
|
|
194
|
+
"neutral-7": "#a0a2a6",
|
|
195
|
+
"neutral-8": "#888a8e",
|
|
196
|
+
"neutral-9": "#717377",
|
|
197
|
+
"neutral-10": "#515357",
|
|
198
|
+
"neutral-11": "#3f4044",
|
|
199
|
+
"neutral-12": "#18191c",
|
|
129
200
|
"blue-1": "#fafcfe",
|
|
130
201
|
"blue-2": "#f2f6fd",
|
|
131
202
|
"blue-3": "#e7eefc",
|
|
@@ -152,20 +223,20 @@ module.exports = {
|
|
|
152
223
|
"cyan-11": "#027a61",
|
|
153
224
|
"cyan-12": "#004133",
|
|
154
225
|
"cyan-contrast": "#0d2b25",
|
|
155
|
-
background: "
|
|
156
|
-
foreground: "
|
|
226
|
+
background: "210 20% 98%",
|
|
227
|
+
foreground: "225 7.7% 10.2%",
|
|
157
228
|
card: "0 0% 100%",
|
|
158
|
-
"card-foreground": "
|
|
229
|
+
"card-foreground": "225 7.7% 10.2%",
|
|
159
230
|
popover: "0 0% 100%",
|
|
160
|
-
"popover-foreground": "
|
|
161
|
-
primary: "
|
|
231
|
+
"popover-foreground": "225 7.7% 10.2%",
|
|
232
|
+
primary: "225 7.7% 10.2%",
|
|
162
233
|
"primary-foreground": "0 0% 100%",
|
|
163
|
-
secondary: "
|
|
164
|
-
"secondary-foreground": "
|
|
165
|
-
muted: "
|
|
166
|
-
"muted-foreground": "
|
|
167
|
-
accent: "
|
|
168
|
-
"accent-foreground": "
|
|
234
|
+
secondary: "220 14.3% 95.9%",
|
|
235
|
+
"secondary-foreground": "225 7.7% 10.2%",
|
|
236
|
+
muted: "220 14.3% 95.9%",
|
|
237
|
+
"muted-foreground": "220 2.6% 45.5%",
|
|
238
|
+
accent: "220 14.3% 95.9%",
|
|
239
|
+
"accent-foreground": "225 7.7% 10.2%",
|
|
169
240
|
destructive: "0 84% 45%",
|
|
170
241
|
"destructive-foreground": "0 0% 100%",
|
|
171
242
|
"destructive-strong": "0 84% 45%",
|
|
@@ -177,17 +248,17 @@ module.exports = {
|
|
|
177
248
|
"warning-strong": "38 92% 30%",
|
|
178
249
|
info: "228 85% 56%",
|
|
179
250
|
"info-foreground": "0 0% 100%",
|
|
180
|
-
border: "
|
|
181
|
-
input: "
|
|
182
|
-
ring: "222
|
|
183
|
-
sidebar: "210
|
|
184
|
-
"sidebar-foreground": "
|
|
185
|
-
"sidebar-primary": "
|
|
251
|
+
border: "225 8% 90.2%",
|
|
252
|
+
input: "225 8% 90.2%",
|
|
253
|
+
ring: "222.8 85% 55.7%",
|
|
254
|
+
sidebar: "210 20% 98%",
|
|
255
|
+
"sidebar-foreground": "225 7.7% 10.2%",
|
|
256
|
+
"sidebar-primary": "225 7.7% 10.2%",
|
|
186
257
|
"sidebar-primary-foreground": "0 0% 100%",
|
|
187
|
-
"sidebar-accent": "
|
|
188
|
-
"sidebar-accent-foreground": "
|
|
189
|
-
"sidebar-border": "
|
|
190
|
-
"sidebar-ring": "
|
|
258
|
+
"sidebar-accent": "220 14.3% 95.9%",
|
|
259
|
+
"sidebar-accent-foreground": "225 7.7% 10.2%",
|
|
260
|
+
"sidebar-border": "225 8% 90.2%",
|
|
261
|
+
"sidebar-ring": "222.8 85% 55.7%",
|
|
191
262
|
"chart-1": "228 100% 50%",
|
|
192
263
|
"chart-2": "168 91% 49%",
|
|
193
264
|
"chart-3": "263 70% 66%",
|