@nadicodeai/design-system 8.0.1 → 8.1.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.
Files changed (2) hide show
  1. package/dist/css/host.css +587 -0
  2. package/package.json +2 -1
package/dist/css/host.css ADDED
@@ -0,0 +1,587 @@
1
+ @layer tokens, theme;
2
+
3
+ /* src/assets/fonts/geist.css */
4
+ /*!
5
+ * Geist & Geist Mono — SIL Open Font License 1.1
6
+ * © 2023 Vercel, in collaboration with basement.studio
7
+ * Source: https://github.com/vercel/geist-font. The full licence ships as
8
+ * OFL.txt beside the font files this stylesheet points at.
9
+ * Marked as a legal comment so the attribution survives into the bundled
10
+ * public artifact that ships those files.
11
+ */
12
+ @font-face {
13
+ font-family: "Geist";
14
+ font-style: normal;
15
+ font-weight: 100 900;
16
+ font-display: swap;
17
+ src: url(./assets/fonts/files/Geist-Variable.woff2) format("woff2");
18
+ }
19
+ @font-face {
20
+ font-family: "Geist";
21
+ font-style: italic;
22
+ font-weight: 100 900;
23
+ font-display: swap;
24
+ src: url(./assets/fonts/files/Geist-Italic.woff2) format("woff2");
25
+ }
26
+ @font-face {
27
+ font-family: "Geist Mono";
28
+ font-style: normal;
29
+ font-weight: 100 900;
30
+ font-display: swap;
31
+ src: url(./assets/fonts/files/GeistMono-Variable.woff2) format("woff2");
32
+ }
33
+ @font-face {
34
+ font-family: "Geist Mono";
35
+ font-style: italic;
36
+ font-weight: 100 900;
37
+ font-display: swap;
38
+ src: url(./assets/fonts/files/GeistMono-Italic.woff2) format("woff2");
39
+ }
40
+
41
+ /* src/css/tokens.generated.css */
42
+ @layer tokens {
43
+ :root {
44
+ --nc-primary: oklch(0.5075 0.1338 151.91);
45
+ --nc-on-primary: oklch(1.0000 0.0000 0.00);
46
+ --nc-action: oklch(0.1776 0.0000 0.00);
47
+ --nc-action-foreground: oklch(1.0000 0.0000 0.00);
48
+ --nc-action-hover: oklch(0.3012 0.0000 0.00);
49
+ --nc-action-active: oklch(0.0000 0.0000 0.00);
50
+ --nc-ink: oklch(0.1776 0.0000 0.00);
51
+ --nc-body: oklch(0.3867 0.0000 0.00);
52
+ --nc-muted: oklch(0.5278 0.0000 0.00);
53
+ --nc-canvas: oklch(1.0000 0.0000 0.00);
54
+ --nc-canvas-soft: oklch(0.9851 0.0000 0.00);
55
+ --nc-canvas-soft-2: oklch(0.9702 0.0000 0.00);
56
+ --nc-material-workspace: oklch(0.9761 0.0000 0.00);
57
+ --nc-material-solid: oklch(1.0000 0.0000 0.00);
58
+ --nc-line: oklch(0.9219 0.0000 0.00);
59
+ --nc-input: oklch(0.5624 0.0000 0.00);
60
+ --nc-seam: oklch(0.8699 0.0000 0.00);
61
+ --nc-cross: oklch(0.6830 0.0000 0.00);
62
+ --nc-focus-ring: oklch(0.1776 0.0000 0.00);
63
+ --nc-scrim: oklch(0.1776 0.0000 0.00);
64
+ --nc-link: oklch(0.4815 0.1209 154.24);
65
+ --nc-link-deep: oklch(0.3852 0.0953 154.99);
66
+ --nc-link-bg-soft: oklch(0.9170 0.0519 161.77);
67
+ --nc-accent: oklch(0.6824 0.2108 37.70);
68
+ --nc-info: oklch(0.5005 0.2804 266.17);
69
+ --nc-info-soft: oklch(0.9457 0.0259 276.40);
70
+ --nc-info-deep: oklch(0.3197 0.1758 266.79);
71
+ --nc-success: oklch(0.6415 0.1644 153.23);
72
+ --nc-success-soft: oklch(0.9170 0.0519 161.77);
73
+ --nc-success-deep: oklch(0.3852 0.0953 154.99);
74
+ --nc-error: oklch(0.5688 0.1995 26.59);
75
+ --nc-error-soft: oklch(0.9522 0.0207 17.52);
76
+ --nc-error-deep: oklch(0.4235 0.1525 27.08);
77
+ --nc-warning: oklch(0.8466 0.1678 84.63);
78
+ --nc-warning-soft: oklch(0.9649 0.0461 90.87);
79
+ --nc-warning-deep: oklch(0.4834 0.0995 82.44);
80
+ --nc-verde-vivo: oklch(0.5604 0.1485 151.68);
81
+ --nc-selection-bg: oklch(0.1776 0.0000 0.00);
82
+ --nc-selection-fg: oklch(0.9851 0.0000 0.00);
83
+ --nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00);
84
+ --nc-navigation-selection-fg: oklch(0.1776 0.0000 0.00);
85
+ --nc-navigation-selection-hover: oklch(0.9219 0.0000 0.00);
86
+ --nc-state-ready: oklch(0.5278 0.0000 0.00);
87
+ --nc-state-running: oklch(0.5005 0.2804 266.17);
88
+ --nc-state-review: oklch(0.8466 0.1678 84.63);
89
+ --nc-state-blocked: oklch(0.5688 0.1995 26.59);
90
+ --nc-state-complete: oklch(0.6415 0.1644 153.23);
91
+ --nc-identity-verde: oklch(0.6415 0.1644 153.23);
92
+ --nc-identity-rosso: oklch(0.5688 0.1995 26.59);
93
+ --nc-identity-arancio: oklch(0.6824 0.2108 37.70);
94
+ --nc-identity-giallo: oklch(0.8466 0.1678 84.63);
95
+ --nc-identity-cobalto: oklch(0.5005 0.2804 266.17);
96
+ --nc-identity-ink: oklch(0.0000 0.0000 0.00);
97
+ --nc-identity-white: oklch(1.0000 0.0000 0.00);
98
+ --nc-forma-visor: oklch(0.1765 0.0221 173.80);
99
+ --nc-forma-bezel: oklch(0.3296 0.0275 169.76);
100
+ --nc-forma-eye: oklch(0.8804 0.0372 168.27);
101
+ --nc-forma-avorio: oklch(0.9262 0.0161 99.01);
102
+ --nc-forma-sabbia: oklch(0.7511 0.0609 77.67);
103
+ --nc-chart-1: oklch(0.5005 0.2804 266.17);
104
+ --nc-chart-2: oklch(0.6415 0.1644 153.23);
105
+ --nc-chart-3: oklch(0.7638 0.1562 86.86);
106
+ --nc-chart-4: oklch(0.5688 0.1995 26.59);
107
+ --nc-chart-5: oklch(0.6161 0.1062 208.85);
108
+ --nc-chart-6: oklch(0.5015 0.1883 294.99);
109
+ --nc-chart-seq-1: oklch(0.6998 0.1347 269.48);
110
+ --nc-chart-seq-2: oklch(0.5724 0.1897 270.11);
111
+ --nc-chart-seq-3: oklch(0.4725 0.2271 267.41);
112
+ --nc-chart-seq-4: oklch(0.3989 0.1934 267.50);
113
+ --nc-chart-seq-5: oklch(0.3270 0.1487 267.91);
114
+ --nc-chart-div-warm: oklch(0.7592 0.1560 83.30);
115
+ --nc-chart-div-mid: oklch(0.5278 0.0000 0.00);
116
+ --nc-chart-div-cool: oklch(0.5923 0.2215 269.61);
117
+ --nc-dark-canvas: oklch(0.0000 0.0000 0.00);
118
+ --nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00);
119
+ --nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00);
120
+ --nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);
121
+ --nc-dark-material-solid: oklch(0.0000 0.0000 0.00);
122
+ --nc-dark-ink: oklch(0.9461 0.0000 0.00);
123
+ --nc-dark-body: oklch(0.8297 0.0000 0.00);
124
+ --nc-dark-muted: oklch(0.6500 0.0000 0.00);
125
+ --nc-dark-line: oklch(0.2686 0.0000 0.00);
126
+ --nc-dark-input: oklch(0.5208 0.0000 0.00);
127
+ --nc-dark-seam: oklch(0.2178 0.0000 0.00);
128
+ --nc-dark-primary: oklch(0.7727 0.1753 155.96);
129
+ --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);
130
+ --nc-dark-action: oklch(1.0000 0.0000 0.00);
131
+ --nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);
132
+ --nc-dark-action-hover: oklch(0.9189 0.0000 0.00);
133
+ --nc-dark-action-active: oklch(0.8761 0.0000 0.00);
134
+ --nc-dark-link: oklch(0.7661 0.1498 157.10);
135
+ --nc-dark-link-deep: oklch(0.8524 0.0996 159.83);
136
+ --nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32);
137
+ --nc-dark-focus-ring: oklch(0.9461 0.0000 0.00);
138
+ --nc-dark-scrim: oklch(0.9461 0.0000 0.00);
139
+ --nc-dark-error: oklch(0.7955 0.0980 21.02);
140
+ --nc-dark-error-soft: oklch(0.2296 0.0728 26.06);
141
+ --nc-dark-error-deep: oklch(0.8856 0.0534 19.64);
142
+ --nc-dark-warning: oklch(0.8939 0.1387 90.47);
143
+ --nc-dark-warning-soft: oklch(0.3135 0.0643 85.04);
144
+ --nc-dark-warning-deep: oklch(0.9320 0.0896 90.86);
145
+ --nc-dark-info: oklch(0.7067 0.1528 272.08);
146
+ --nc-dark-info-soft: oklch(0.2118 0.1033 268.28);
147
+ --nc-dark-info-deep: oklch(0.8222 0.0888 274.44);
148
+ --nc-dark-success: oklch(0.7019 0.1753 153.20);
149
+ --nc-dark-success-soft: oklch(0.2893 0.0697 156.32);
150
+ --nc-dark-success-deep: oklch(0.8524 0.0996 159.83);
151
+ --nc-dark-state-ready: oklch(0.5624 0.0000 0.00);
152
+ --nc-dark-state-running: oklch(0.5923 0.2215 269.61);
153
+ --nc-dark-state-review: oklch(0.8466 0.1678 84.63);
154
+ --nc-dark-state-blocked: oklch(0.5688 0.1995 26.59);
155
+ --nc-dark-state-complete: oklch(0.6415 0.1644 153.23);
156
+ --nc-dark-selection-bg: oklch(0.9461 0.0000 0.00);
157
+ --nc-dark-selection-fg: oklch(0.1448 0.0000 0.00);
158
+ --nc-dark-navigation-selection-bg: oklch(0.2178 0.0000 0.00);
159
+ --nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00);
160
+ --nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00);
161
+ --nc-dark-cross: oklch(0.4495 0.0000 0.00);
162
+ --nc-dark-verde-vivo: oklch(0.7868 0.1398 156.43);
163
+ --nc-dark-chart-1: oklch(0.5923 0.2215 269.61);
164
+ --nc-dark-chart-2: oklch(0.6415 0.1644 153.23);
165
+ --nc-dark-chart-3: oklch(0.8939 0.1387 90.47);
166
+ --nc-dark-chart-4: oklch(0.6627 0.1685 23.66);
167
+ --nc-dark-chart-5: oklch(0.7820 0.1247 190.99);
168
+ --nc-dark-chart-6: oklch(0.6297 0.1321 299.36);
169
+ --nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11);
170
+ --nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48);
171
+ --nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44);
172
+ --nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78);
173
+ --nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31);
174
+ --nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47);
175
+ --nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00);
176
+ --nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44);
177
+ --nc-xxs: 4px;
178
+ --nc-xs: 8px;
179
+ --nc-sm: 12px;
180
+ --nc-md: 16px;
181
+ --nc-lg: 24px;
182
+ --nc-xl: 32px;
183
+ --nc-2xl: 40px;
184
+ --nc-3xl: 48px;
185
+ --nc-4xl: 64px;
186
+ --nc-5xl: 96px;
187
+ --nc-6xl: 128px;
188
+ --nc-guide: 1px;
189
+ --nc-icon-stroke: 1.6px;
190
+ --nc-focus-outline-width: 2px;
191
+ --nc-focus-outline-offset: 2px;
192
+ --nc-control-height: 32px;
193
+ --nc-control-padding-inline: 10px;
194
+ --nc-touch-target: 44px;
195
+ --nc-rounded-none: 0px;
196
+ --nc-rounded-xs: 2px;
197
+ --nc-rounded-sm: 4px;
198
+ --nc-rounded-md: 6px;
199
+ --nc-rounded-lg: 8px;
200
+ --nc-rounded-xl: 10px;
201
+ --nc-rounded-2xl: 12px;
202
+ --nc-rounded-3xl: 16px;
203
+ --nc-rounded-pill-sm: 64px;
204
+ --nc-rounded-pill: 100px;
205
+ --nc-rounded-full: 9999px;
206
+ --nc-type-display-xl-font-family:
207
+ Geist,
208
+ Inter,
209
+ system-ui,
210
+ -apple-system,
211
+ sans-serif;
212
+ --nc-type-display-xl-font-size: 72px;
213
+ --nc-type-display-xl-font-weight: 600;
214
+ --nc-type-display-xl-line-height: 74px;
215
+ --nc-type-display-xl-letter-spacing: -1.5px;
216
+ --nc-type-display-lg-font-family:
217
+ Geist,
218
+ Inter,
219
+ system-ui,
220
+ -apple-system,
221
+ sans-serif;
222
+ --nc-type-display-lg-font-size: 52px;
223
+ --nc-type-display-lg-font-weight: 600;
224
+ --nc-type-display-lg-line-height: 54px;
225
+ --nc-type-display-lg-letter-spacing: -1px;
226
+ --nc-type-display-md-font-family:
227
+ Geist,
228
+ Inter,
229
+ system-ui,
230
+ -apple-system,
231
+ sans-serif;
232
+ --nc-type-display-md-font-size: 24px;
233
+ --nc-type-display-md-font-weight: 600;
234
+ --nc-type-display-md-line-height: 32px;
235
+ --nc-type-display-md-letter-spacing: 0px;
236
+ --nc-type-display-sm-font-family:
237
+ Geist,
238
+ Inter,
239
+ system-ui,
240
+ -apple-system,
241
+ sans-serif;
242
+ --nc-type-display-sm-font-size: 20px;
243
+ --nc-type-display-sm-font-weight: 600;
244
+ --nc-type-display-sm-line-height: 28px;
245
+ --nc-type-display-sm-letter-spacing: 0px;
246
+ --nc-type-title-lg-font-family:
247
+ Geist,
248
+ Inter,
249
+ system-ui,
250
+ -apple-system,
251
+ sans-serif;
252
+ --nc-type-title-lg-font-size: 40px;
253
+ --nc-type-title-lg-font-weight: 600;
254
+ --nc-type-title-lg-line-height: 41px;
255
+ --nc-type-title-lg-letter-spacing: 0px;
256
+ --nc-type-title-md-font-family:
257
+ Geist,
258
+ Inter,
259
+ system-ui,
260
+ -apple-system,
261
+ sans-serif;
262
+ --nc-type-title-md-font-size: 30px;
263
+ --nc-type-title-md-font-weight: 600;
264
+ --nc-type-title-md-line-height: 32px;
265
+ --nc-type-title-md-letter-spacing: 0px;
266
+ --nc-type-title-sm-font-family:
267
+ Geist,
268
+ Inter,
269
+ system-ui,
270
+ -apple-system,
271
+ sans-serif;
272
+ --nc-type-title-sm-font-size: 22px;
273
+ --nc-type-title-sm-font-weight: 600;
274
+ --nc-type-title-sm-line-height: 25px;
275
+ --nc-type-title-sm-letter-spacing: 0px;
276
+ --nc-type-body-lg-font-family:
277
+ Geist,
278
+ Inter,
279
+ system-ui,
280
+ -apple-system,
281
+ sans-serif;
282
+ --nc-type-body-lg-font-size: 18px;
283
+ --nc-type-body-lg-font-weight: 400;
284
+ --nc-type-body-lg-line-height: 27px;
285
+ --nc-type-body-lg-letter-spacing: 0px;
286
+ --nc-type-body-md-font-family:
287
+ Geist,
288
+ Inter,
289
+ system-ui,
290
+ -apple-system,
291
+ sans-serif;
292
+ --nc-type-body-md-font-size: 16px;
293
+ --nc-type-body-md-font-weight: 400;
294
+ --nc-type-body-md-line-height: 25px;
295
+ --nc-type-body-md-letter-spacing: 0px;
296
+ --nc-type-body-md-strong-font-family:
297
+ Geist,
298
+ Inter,
299
+ system-ui,
300
+ -apple-system,
301
+ sans-serif;
302
+ --nc-type-body-md-strong-font-size: 16px;
303
+ --nc-type-body-md-strong-font-weight: 500;
304
+ --nc-type-body-md-strong-line-height: 24px;
305
+ --nc-type-body-md-strong-letter-spacing: 0px;
306
+ --nc-type-body-sm-font-family:
307
+ Geist,
308
+ Inter,
309
+ system-ui,
310
+ -apple-system,
311
+ sans-serif;
312
+ --nc-type-body-sm-font-size: 14px;
313
+ --nc-type-body-sm-font-weight: 400;
314
+ --nc-type-body-sm-line-height: 20px;
315
+ --nc-type-body-sm-letter-spacing: 0px;
316
+ --nc-type-body-sm-strong-font-family:
317
+ Geist,
318
+ Inter,
319
+ system-ui,
320
+ -apple-system,
321
+ sans-serif;
322
+ --nc-type-body-sm-strong-font-size: 14px;
323
+ --nc-type-body-sm-strong-font-weight: 500;
324
+ --nc-type-body-sm-strong-line-height: 20px;
325
+ --nc-type-body-sm-strong-letter-spacing: 0px;
326
+ --nc-type-caption-font-family:
327
+ Geist,
328
+ Inter,
329
+ system-ui,
330
+ -apple-system,
331
+ sans-serif;
332
+ --nc-type-caption-font-size: 12px;
333
+ --nc-type-caption-font-weight: 400;
334
+ --nc-type-caption-line-height: 16px;
335
+ --nc-type-caption-letter-spacing: 0px;
336
+ --nc-type-caption-strong-font-family:
337
+ Geist,
338
+ Inter,
339
+ system-ui,
340
+ -apple-system,
341
+ sans-serif;
342
+ --nc-type-caption-strong-font-size: 12px;
343
+ --nc-type-caption-strong-font-weight: 500;
344
+ --nc-type-caption-strong-line-height: 16px;
345
+ --nc-type-caption-strong-letter-spacing: 0px;
346
+ --nc-type-caption-mono-font-family:
347
+ Geist Mono,
348
+ ui-monospace,
349
+ SFMono-Regular,
350
+ Menlo,
351
+ Monaco,
352
+ monospace;
353
+ --nc-type-caption-mono-font-size: 12px;
354
+ --nc-type-caption-mono-font-weight: 500;
355
+ --nc-type-caption-mono-line-height: 16px;
356
+ --nc-type-caption-mono-letter-spacing: 0px;
357
+ --nc-type-code-font-family:
358
+ Geist Mono,
359
+ ui-monospace,
360
+ SFMono-Regular,
361
+ Menlo,
362
+ Monaco,
363
+ monospace;
364
+ --nc-type-code-font-size: 13px;
365
+ --nc-type-code-font-weight: 400;
366
+ --nc-type-code-line-height: 20px;
367
+ --nc-type-code-letter-spacing: 0px;
368
+ --nc-type-button-md-font-family:
369
+ Geist,
370
+ Inter,
371
+ system-ui,
372
+ -apple-system,
373
+ sans-serif;
374
+ --nc-type-button-md-font-size: 14px;
375
+ --nc-type-button-md-font-weight: 500;
376
+ --nc-type-button-md-line-height: 18px;
377
+ --nc-type-button-md-letter-spacing: 0px;
378
+ --nc-type-button-lg-font-family:
379
+ Geist,
380
+ Inter,
381
+ system-ui,
382
+ -apple-system,
383
+ sans-serif;
384
+ --nc-type-button-lg-font-size: 16px;
385
+ --nc-type-button-lg-font-weight: 500;
386
+ --nc-type-button-lg-line-height: 24px;
387
+ --nc-type-button-lg-letter-spacing: 0px;
388
+ --nc-material-scrim-opacity: 10%;
389
+ --nc-material-glass-opacity: 76%;
390
+ --nc-material-glass-saturation: 116%;
391
+ --nc-material-glass-blur: 28px;
392
+ --nc-elevation-resting:
393
+ 0px 17.54px 23.39px 0px rgb(0% 0% 0% / 0.04),
394
+ 0px 9.4px 12.5px 0px rgb(0% 0% 0% / 0.03),
395
+ 0px 5.25px 7px 0px rgb(0% 0% 0% / 0.02),
396
+ 0px 2.79px 3.72px -2px rgb(0% 0% 0% / 0.01),
397
+ 0px 1.16px 1.5px 0px rgb(0% 0% 0% / 0.01),
398
+ 0px 0px 0px 1px rgb(0% 0% 0% / 0.05);
399
+ --nc-elevation-raised:
400
+ 0px 25px 50px 0px rgb(0% 0% 0% / 0.05),
401
+ 0px 12px 24px 0px rgb(0% 0% 0% / 0.04),
402
+ 0px 6px 12px 0px rgb(0% 0% 0% / 0.03),
403
+ 0px 3px 6px 0px rgb(0% 0% 0% / 0.02),
404
+ 0px 1.5px 3px 0px rgb(0% 0% 0% / 0.02),
405
+ 0px 0px 0px 1px rgb(0% 0% 0% / 0.05);
406
+ --nc-elevation-floating:
407
+ 0px 40px 80px 0px rgb(0% 0% 0% / 0.06),
408
+ 0px 20px 40px 0px rgb(0% 0% 0% / 0.05),
409
+ 0px 10px 20px 0px rgb(0% 0% 0% / 0.04),
410
+ 0px 5px 10px 0px rgb(0% 0% 0% / 0.03),
411
+ 0px 2px 4px 0px rgb(0% 0% 0% / 0.02),
412
+ 0px 0px 0px 1px rgb(0% 0% 0% / 0.05);
413
+ --nc-elevation-modal:
414
+ 0px 60px 120px 0px rgb(0% 0% 0% / 0.07),
415
+ 0px 30px 60px 0px rgb(0% 0% 0% / 0.06),
416
+ 0px 15px 30px 0px rgb(0% 0% 0% / 0.05),
417
+ 0px 7.5px 15px 0px rgb(0% 0% 0% / 0.04),
418
+ 0px 3px 6px 0px rgb(0% 0% 0% / 0.03),
419
+ 0px 0px 0px 1px rgb(0% 0% 0% / 0.05);
420
+ --nc-duration-stagger: 60ms;
421
+ --nc-duration-control: 100ms;
422
+ --nc-duration-close: 140ms;
423
+ --nc-duration-confirm: 180ms;
424
+ --nc-duration-open: 220ms;
425
+ --nc-duration-msg-in: 240ms;
426
+ --nc-duration-transition: 240ms;
427
+ --nc-duration-drawer-swipe: 400ms;
428
+ --nc-duration-drawer: 450ms;
429
+ --nc-duration-spin: 600ms;
430
+ --nc-duration-typing: 1s;
431
+ --nc-duration-pulse: 1.6s;
432
+ --nc-duration-shimmer: 2s;
433
+ --nc-ease-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1);
434
+ --nc-ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
435
+ --nc-ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
436
+ --nc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
437
+ --nc-section: 192px;
438
+ --nc-page-pad: 24px;
439
+ --nc-page-max-mobile: 448px;
440
+ --nc-page-max-tablet: 624px;
441
+ --nc-page-max-desktop: 1440px;
442
+ --nc-frame-max: 1392px;
443
+ --nc-frame-gap: 24px;
444
+ --nc-cell-padding: 24px;
445
+ --nc-section-gap: 48px;
446
+ --nc-cross-size-mobile: 11px;
447
+ --nc-cross-size-tablet: 15px;
448
+ --nc-cross-size-desktop: 21px;
449
+ --nc-h-strip-mobile: 72px;
450
+ --nc-h-strip-tablet: 80px;
451
+ --nc-h-strip-desktop: 88px;
452
+ --nc-h-cell-sm: 120px;
453
+ --nc-h-cell-md-mobile: 144px;
454
+ --nc-h-cell-md-tablet: 160px;
455
+ --nc-h-cell-md-desktop: 168px;
456
+ --nc-h-cell-lg-mobile: 220px;
457
+ --nc-h-cell-lg-desktop: 240px;
458
+ --nc-h-visual-mobile: 276px;
459
+ --nc-h-visual-tablet: 318px;
460
+ --nc-h-visual-desktop: 360px;
461
+ --nc-h-precision-mobile: 276px;
462
+ --nc-h-precision-tablet: 480px;
463
+ --nc-h-precision-desktop: 720px;
464
+ --nc-h-hero-mobile: 560px;
465
+ --nc-h-hero-desktop: 720px;
466
+ --nc-h-action-strip-mobile: 20px;
467
+ --nc-h-action-strip-desktop: 32px;
468
+ --nc-h-action-body-mobile: 320px;
469
+ --nc-h-action-body-tablet: 338px;
470
+ --nc-h-action-band: 260px;
471
+ --nc-h-feature-mobile: 360px;
472
+ --nc-h-feature-tablet: 400px;
473
+ --nc-h-feature-desktop: 456px;
474
+ --nc-h-editorial-feature-mobile: 360px;
475
+ --nc-h-editorial-feature-tablet: 440px;
476
+ --nc-h-editorial-feature-desktop: 560px;
477
+ --nc-h-bento-primary: 384px;
478
+ --nc-h-bento-secondary: 240px;
479
+ --nc-h-bento-mobile-copy: 248px;
480
+ --nc-h-bento-mobile-main: 537px;
481
+ --nc-h-bento-strip: 20px;
482
+ --nc-filter-chip-gap: 6px;
483
+ --nc-filter-chip-height: 28px;
484
+ --nc-filter-chip-icon: 14px;
485
+ }
486
+ }
487
+
488
+ /* src/css/modes.generated.css */
489
+ @layer theme {
490
+ .dark {
491
+ --nc-canvas: var(--nc-dark-canvas);
492
+ --nc-canvas-soft: var(--nc-dark-canvas-soft);
493
+ --nc-canvas-soft-2: var(--nc-dark-canvas-soft-2);
494
+ --nc-material-workspace: var(--nc-dark-material-workspace);
495
+ --nc-material-solid: var(--nc-dark-material-solid);
496
+ --nc-ink: var(--nc-dark-ink);
497
+ --nc-body: var(--nc-dark-body);
498
+ --nc-muted: var(--nc-dark-muted);
499
+ --nc-line: var(--nc-dark-line);
500
+ --nc-input: var(--nc-dark-input);
501
+ --nc-seam: var(--nc-dark-seam);
502
+ --nc-primary: var(--nc-dark-primary);
503
+ --nc-on-primary: var(--nc-dark-on-primary);
504
+ --nc-action: var(--nc-dark-action);
505
+ --nc-action-foreground: var(--nc-dark-action-foreground);
506
+ --nc-action-hover: var(--nc-dark-action-hover);
507
+ --nc-action-active: var(--nc-dark-action-active);
508
+ --nc-link: var(--nc-dark-link);
509
+ --nc-link-deep: var(--nc-dark-link-deep);
510
+ --nc-link-bg-soft: var(--nc-dark-link-bg-soft);
511
+ --nc-focus-ring: var(--nc-dark-focus-ring);
512
+ --nc-scrim: var(--nc-dark-scrim);
513
+ --nc-error: var(--nc-dark-error);
514
+ --nc-error-soft: var(--nc-dark-error-soft);
515
+ --nc-error-deep: var(--nc-dark-error-deep);
516
+ --nc-warning: var(--nc-dark-warning);
517
+ --nc-warning-soft: var(--nc-dark-warning-soft);
518
+ --nc-warning-deep: var(--nc-dark-warning-deep);
519
+ --nc-info: var(--nc-dark-info);
520
+ --nc-info-soft: var(--nc-dark-info-soft);
521
+ --nc-info-deep: var(--nc-dark-info-deep);
522
+ --nc-success: var(--nc-dark-success);
523
+ --nc-success-soft: var(--nc-dark-success-soft);
524
+ --nc-success-deep: var(--nc-dark-success-deep);
525
+ --nc-state-ready: var(--nc-dark-state-ready);
526
+ --nc-state-running: var(--nc-dark-state-running);
527
+ --nc-state-review: var(--nc-dark-state-review);
528
+ --nc-state-blocked: var(--nc-dark-state-blocked);
529
+ --nc-state-complete: var(--nc-dark-state-complete);
530
+ --nc-selection-bg: var(--nc-dark-selection-bg);
531
+ --nc-selection-fg: var(--nc-dark-selection-fg);
532
+ --nc-navigation-selection-bg: var(--nc-dark-navigation-selection-bg);
533
+ --nc-navigation-selection-fg: var(--nc-dark-navigation-selection-fg);
534
+ --nc-navigation-selection-hover: var(--nc-dark-navigation-selection-hover);
535
+ --nc-cross: var(--nc-dark-cross);
536
+ --nc-verde-vivo: var(--nc-dark-verde-vivo);
537
+ --nc-chart-1: var(--nc-dark-chart-1);
538
+ --nc-chart-2: var(--nc-dark-chart-2);
539
+ --nc-chart-3: var(--nc-dark-chart-3);
540
+ --nc-chart-4: var(--nc-dark-chart-4);
541
+ --nc-chart-5: var(--nc-dark-chart-5);
542
+ --nc-chart-6: var(--nc-dark-chart-6);
543
+ --nc-chart-seq-1: var(--nc-dark-chart-seq-1);
544
+ --nc-chart-seq-2: var(--nc-dark-chart-seq-2);
545
+ --nc-chart-seq-3: var(--nc-dark-chart-seq-3);
546
+ --nc-chart-seq-4: var(--nc-dark-chart-seq-4);
547
+ --nc-chart-seq-5: var(--nc-dark-chart-seq-5);
548
+ --nc-chart-div-warm: var(--nc-dark-chart-div-warm);
549
+ --nc-chart-div-mid: var(--nc-dark-chart-div-mid);
550
+ --nc-chart-div-cool: var(--nc-dark-chart-div-cool);
551
+ --nc-elevation-resting:
552
+ 0px 17.54px 23.39px 0px rgb(0% 0% 0% / 0.04),
553
+ 0px 9.4px 12.5px 0px rgb(0% 0% 0% / 0.03),
554
+ 0px 5.25px 7px 0px rgb(0% 0% 0% / 0.02),
555
+ 0px 2.79px 3.72px -2px rgb(0% 0% 0% / 0.01),
556
+ 0px 1.16px 1.5px 0px rgb(0% 0% 0% / 0.01),
557
+ 0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
558
+ --nc-elevation-raised:
559
+ 0px 25px 50px 0px rgb(0% 0% 0% / 0.05),
560
+ 0px 12px 24px 0px rgb(0% 0% 0% / 0.04),
561
+ 0px 6px 12px 0px rgb(0% 0% 0% / 0.03),
562
+ 0px 3px 6px 0px rgb(0% 0% 0% / 0.02),
563
+ 0px 1.5px 3px 0px rgb(0% 0% 0% / 0.02),
564
+ 0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
565
+ --nc-elevation-floating:
566
+ 0px 40px 80px 0px rgb(0% 0% 0% / 0.06),
567
+ 0px 20px 40px 0px rgb(0% 0% 0% / 0.05),
568
+ 0px 10px 20px 0px rgb(0% 0% 0% / 0.04),
569
+ 0px 5px 10px 0px rgb(0% 0% 0% / 0.03),
570
+ 0px 2px 4px 0px rgb(0% 0% 0% / 0.02),
571
+ 0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
572
+ --nc-elevation-modal:
573
+ 0px 60px 120px 0px rgb(0% 0% 0% / 0.07),
574
+ 0px 30px 60px 0px rgb(0% 0% 0% / 0.06),
575
+ 0px 15px 30px 0px rgb(0% 0% 0% / 0.05),
576
+ 0px 7.5px 15px 0px rgb(0% 0% 0% / 0.04),
577
+ 0px 3px 6px 0px rgb(0% 0% 0% / 0.03),
578
+ 0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
579
+ }
580
+ }
581
+
582
+ /* src/css/theme-host.generated.css */
583
+ @layer theme {
584
+ @theme { --color-nc-primary: oklch(0.5075 0.1338 151.91); --color-nc-on-primary: oklch(1.0000 0.0000 0.00); --color-nc-action: oklch(0.1776 0.0000 0.00); --color-nc-action-foreground: oklch(1.0000 0.0000 0.00); --color-nc-action-hover: oklch(0.3012 0.0000 0.00); --color-nc-action-active: oklch(0.0000 0.0000 0.00); --color-nc-ink: oklch(0.1776 0.0000 0.00); --color-nc-body: oklch(0.3867 0.0000 0.00); --color-nc-muted: oklch(0.5278 0.0000 0.00); --color-nc-canvas: oklch(1.0000 0.0000 0.00); --color-nc-canvas-soft: oklch(0.9851 0.0000 0.00); --color-nc-canvas-soft-2: oklch(0.9702 0.0000 0.00); --color-nc-material-workspace: oklch(0.9761 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-line: oklch(0.9219 0.0000 0.00); --color-nc-input: oklch(0.5624 0.0000 0.00); --color-nc-seam: oklch(0.8699 0.0000 0.00); --color-nc-cross: oklch(0.6830 0.0000 0.00); --color-nc-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.1776 0.0000 0.00); --color-nc-link: oklch(0.4815 0.1209 154.24); --color-nc-link-deep: oklch(0.3852 0.0953 154.99); --color-nc-link-bg-soft: oklch(0.9170 0.0519 161.77); --color-nc-accent: oklch(0.6824 0.2108 37.70); --color-nc-info: oklch(0.5005 0.2804 266.17); --color-nc-info-soft: oklch(0.9457 0.0259 276.40); --color-nc-info-deep: oklch(0.3197 0.1758 266.79); --color-nc-success: oklch(0.6415 0.1644 153.23); --color-nc-success-soft: oklch(0.9170 0.0519 161.77); --color-nc-success-deep: oklch(0.3852 0.0953 154.99); --color-nc-error: oklch(0.5688 0.1995 26.59); --color-nc-error-soft: oklch(0.9522 0.0207 17.52); --color-nc-error-deep: oklch(0.4235 0.1525 27.08); --color-nc-warning: oklch(0.8466 0.1678 84.63); --color-nc-warning-soft: oklch(0.9649 0.0461 90.87); --color-nc-warning-deep: oklch(0.4834 0.0995 82.44); --color-nc-verde-vivo: oklch(0.5604 0.1485 151.68); --color-nc-selection-bg: oklch(0.1776 0.0000 0.00); --color-nc-selection-fg: oklch(0.9851 0.0000 0.00); --color-nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-navigation-selection-fg: oklch(0.1776 0.0000 0.00); --color-nc-navigation-selection-hover: oklch(0.9219 0.0000 0.00); --color-nc-state-ready: oklch(0.5278 0.0000 0.00); --color-nc-state-running: oklch(0.5005 0.2804 266.17); --color-nc-state-review: oklch(0.8466 0.1678 84.63); --color-nc-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-identity-verde: oklch(0.6415 0.1644 153.23); --color-nc-identity-rosso: oklch(0.5688 0.1995 26.59); --color-nc-identity-arancio: oklch(0.6824 0.2108 37.70); --color-nc-identity-giallo: oklch(0.8466 0.1678 84.63); --color-nc-identity-cobalto: oklch(0.5005 0.2804 266.17); --color-nc-identity-ink: oklch(0.0000 0.0000 0.00); --color-nc-identity-white: oklch(1.0000 0.0000 0.00); --color-nc-forma-visor: oklch(0.1765 0.0221 173.80); --color-nc-forma-bezel: oklch(0.3296 0.0275 169.76); --color-nc-forma-eye: oklch(0.8804 0.0372 168.27); --color-nc-forma-avorio: oklch(0.9262 0.0161 99.01); --color-nc-forma-sabbia: oklch(0.7511 0.0609 77.67); --color-nc-chart-1: oklch(0.5005 0.2804 266.17); --color-nc-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-chart-3: oklch(0.7638 0.1562 86.86); --color-nc-chart-4: oklch(0.5688 0.1995 26.59); --color-nc-chart-5: oklch(0.6161 0.1062 208.85); --color-nc-chart-6: oklch(0.5015 0.1883 294.99); --color-nc-chart-seq-1: oklch(0.6998 0.1347 269.48); --color-nc-chart-seq-2: oklch(0.5724 0.1897 270.11); --color-nc-chart-seq-3: oklch(0.4725 0.2271 267.41); --color-nc-chart-seq-4: oklch(0.3989 0.1934 267.50); --color-nc-chart-seq-5: oklch(0.3270 0.1487 267.91); --color-nc-chart-div-warm: oklch(0.7592 0.1560 83.30); --color-nc-chart-div-mid: oklch(0.5278 0.0000 0.00); --color-nc-chart-div-cool: oklch(0.5923 0.2215 269.61); --color-nc-dark-canvas: oklch(0.0000 0.0000 0.00); --color-nc-dark-canvas-soft: oklch(0.1776 0.0000 0.00); --color-nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00); --color-nc-dark-material-workspace: oklch(0.0000 0.0000 0.00); --color-nc-dark-material-solid: oklch(0.0000 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.8297 0.0000 0.00); --color-nc-dark-muted: oklch(0.6500 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5208 0.0000 0.00); --color-nc-dark-seam: oklch(0.2178 0.0000 0.00); --color-nc-dark-primary: oklch(0.7727 0.1753 155.96); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(1.0000 0.0000 0.00); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.9189 0.0000 0.00); --color-nc-dark-action-active: oklch(0.8761 0.0000 0.00); --color-nc-dark-link: oklch(0.7661 0.1498 157.10); --color-nc-dark-link-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-link-bg-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.9461 0.0000 0.00); --color-nc-dark-error: oklch(0.7955 0.0980 21.02); --color-nc-dark-error-soft: oklch(0.2296 0.0728 26.06); --color-nc-dark-error-deep: oklch(0.8856 0.0534 19.64); --color-nc-dark-warning: oklch(0.8939 0.1387 90.47); --color-nc-dark-warning-soft: oklch(0.3135 0.0643 85.04); --color-nc-dark-warning-deep: oklch(0.9320 0.0896 90.86); --color-nc-dark-info: oklch(0.7067 0.1528 272.08); --color-nc-dark-info-soft: oklch(0.2118 0.1033 268.28); --color-nc-dark-info-deep: oklch(0.8222 0.0888 274.44); --color-nc-dark-success: oklch(0.7019 0.1753 153.20); --color-nc-dark-success-soft: oklch(0.2893 0.0697 156.32); --color-nc-dark-success-deep: oklch(0.8524 0.0996 159.83); --color-nc-dark-state-ready: oklch(0.5624 0.0000 0.00); --color-nc-dark-state-running: oklch(0.5923 0.2215 269.61); --color-nc-dark-state-review: oklch(0.8466 0.1678 84.63); --color-nc-dark-state-blocked: oklch(0.5688 0.1995 26.59); --color-nc-dark-state-complete: oklch(0.6415 0.1644 153.23); --color-nc-dark-selection-bg: oklch(0.9461 0.0000 0.00); --color-nc-dark-selection-fg: oklch(0.1448 0.0000 0.00); --color-nc-dark-navigation-selection-bg: oklch(0.2178 0.0000 0.00); --color-nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00); --color-nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00); --color-nc-dark-cross: oklch(0.4495 0.0000 0.00); --color-nc-dark-verde-vivo: oklch(0.7868 0.1398 156.43); --color-nc-dark-chart-1: oklch(0.5923 0.2215 269.61); --color-nc-dark-chart-2: oklch(0.6415 0.1644 153.23); --color-nc-dark-chart-3: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-4: oklch(0.6627 0.1685 23.66); --color-nc-dark-chart-5: oklch(0.7820 0.1247 190.99); --color-nc-dark-chart-6: oklch(0.6297 0.1321 299.36); --color-nc-dark-chart-seq-1: oklch(0.5724 0.1897 270.11); --color-nc-dark-chart-seq-2: oklch(0.6998 0.1347 269.48); --color-nc-dark-chart-seq-3: oklch(0.8072 0.0884 269.44); --color-nc-dark-chart-seq-4: oklch(0.8877 0.0514 270.78); --color-nc-dark-chart-seq-5: oklch(0.9619 0.0179 272.31); --color-nc-dark-chart-div-warm: oklch(0.8939 0.1387 90.47); --color-nc-dark-chart-div-mid: oklch(0.9219 0.0000 0.00); --color-nc-dark-chart-div-cool: oklch(0.8222 0.0888 274.44); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-title-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-md-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-sm-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-strong: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-button-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -1.5px; --tracking-display-xl: -1.5px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1px; --tracking-display-lg: -1px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-md: 24px; --text-display-md--line-height: 32px; --leading-display-md: 32px; --text-display-md--letter-spacing: 0px; --tracking-display-md: 0px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-display-sm: 20px; --text-display-sm--line-height: 28px; --leading-display-sm: 28px; --text-display-sm--letter-spacing: 0px; --tracking-display-sm: 0px; --text-display-sm--font-weight: 600; --font-weight-display-sm: 600; --text-title-lg: 40px; --text-title-lg--line-height: 41px; --leading-title-lg: 41px; --text-title-lg--letter-spacing: 0px; --tracking-title-lg: 0px; --text-title-lg--font-weight: 600; --font-weight-title-lg: 600; --text-title-md: 30px; --text-title-md--line-height: 32px; --leading-title-md: 32px; --text-title-md--letter-spacing: 0px; --tracking-title-md: 0px; --text-title-md--font-weight: 600; --font-weight-title-md: 600; --text-title-sm: 22px; --text-title-sm--line-height: 25px; --leading-title-sm: 25px; --text-title-sm--letter-spacing: 0px; --tracking-title-sm: 0px; --text-title-sm--font-weight: 600; --font-weight-title-sm: 600; --text-body-lg: 18px; --text-body-lg--line-height: 27px; --leading-body-lg: 27px; --text-body-lg--letter-spacing: 0px; --tracking-body-lg: 0px; --text-body-lg--font-weight: 400; --font-weight-body-lg: 400; --text-body-md: 16px; --text-body-md--line-height: 25px; --leading-body-md: 25px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --text-body-md-strong: 16px; --text-body-md-strong--line-height: 24px; --leading-body-md-strong: 24px; --text-body-md-strong--letter-spacing: 0px; --tracking-body-md-strong: 0px; --text-body-md-strong--font-weight: 500; --font-weight-body-md-strong: 500; --text-body-sm: 14px; --text-body-sm--line-height: 20px; --leading-body-sm: 20px; --text-body-sm--letter-spacing: 0px; --tracking-body-sm: 0px; --text-body-sm--font-weight: 400; --font-weight-body-sm: 400; --text-body-sm-strong: 14px; --text-body-sm-strong--line-height: 20px; --leading-body-sm-strong: 20px; --text-body-sm-strong--letter-spacing: 0px; --tracking-body-sm-strong: 0px; --text-body-sm-strong--font-weight: 500; --font-weight-body-sm-strong: 500; --text-caption: 12px; --text-caption--line-height: 16px; --leading-caption: 16px; --text-caption--letter-spacing: 0px; --tracking-caption: 0px; --text-caption--font-weight: 400; --font-weight-caption: 400; --text-caption-strong: 12px; --text-caption-strong--line-height: 16px; --leading-caption-strong: 16px; --text-caption-strong--letter-spacing: 0px; --tracking-caption-strong: 0px; --text-caption-strong--font-weight: 500; --font-weight-caption-strong: 500; --text-caption-mono: 12px; --text-caption-mono--line-height: 16px; --leading-caption-mono: 16px; --text-caption-mono--letter-spacing: 0px; --tracking-caption-mono: 0px; --text-caption-mono--font-weight: 500; --font-weight-caption-mono: 500; --text-code: 13px; --text-code--line-height: 20px; --leading-code: 20px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --text-button-md: 14px; --text-button-md--line-height: 18px; --leading-button-md: 18px; --text-button-md--letter-spacing: 0px; --tracking-button-md: 0px; --text-button-md--font-weight: 500; --font-weight-button-md: 500; --text-button-lg: 16px; --text-button-lg--line-height: 24px; --leading-button-lg: 24px; --text-button-lg--letter-spacing: 0px; --tracking-button-lg: 0px; --text-button-lg--font-weight: 500; --font-weight-button-lg: 500; --ease-nc-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1); --ease-nc-out-strong: cubic-bezier(0.23, 1, 0.32, 1); --ease-nc-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1); --ease-nc-drawer: cubic-bezier(0.32, 0.72, 0, 1); --outline-width-focus: var(--spacing-nadicode-focus-outline-width); --outline-offset-focus: var(--spacing-nadicode-focus-outline-offset); --opacity-scrim: var(--nc-material-scrim-opacity); --spacing-nadicode-xxs: 4px; --spacing-nadicode-xs: 8px; --spacing-nadicode-sm: 12px; --spacing-nadicode-md: 16px; --spacing-nadicode-lg: 24px; --spacing-nadicode-xl: 32px; --spacing-nadicode-2xl: 40px; --spacing-nadicode-3xl: 48px; --spacing-nadicode-4xl: 64px; --spacing-nadicode-5xl: 96px; --spacing-nadicode-6xl: 128px; --spacing-nadicode-guide: 1px; --spacing-nadicode-icon-stroke: 1.6px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 32px; --spacing-nadicode-control-padding-inline: 10px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-section: 192px; --spacing-nadicode-page-pad: 24px; --spacing-nadicode-page-max-mobile: 448px; --spacing-nadicode-page-max-tablet: 624px; --spacing-nadicode-page-max-desktop: 1440px; --spacing-nadicode-frame-max: 1392px; --spacing-nadicode-frame-gap: 24px; --spacing-nadicode-cell-padding: 24px; --spacing-nadicode-section-gap: 48px; --spacing-nadicode-cross-size-mobile: 11px; --spacing-nadicode-cross-size-tablet: 15px; --spacing-nadicode-cross-size-desktop: 21px; --spacing-nadicode-h-strip-mobile: 72px; --spacing-nadicode-h-strip-tablet: 80px; --spacing-nadicode-h-strip-desktop: 88px; --spacing-nadicode-h-cell-sm: 120px; --spacing-nadicode-h-cell-md-mobile: 144px; --spacing-nadicode-h-cell-md-tablet: 160px; --spacing-nadicode-h-cell-md-desktop: 168px; --spacing-nadicode-h-cell-lg-mobile: 220px; --spacing-nadicode-h-cell-lg-desktop: 240px; --spacing-nadicode-h-visual-mobile: 276px; --spacing-nadicode-h-visual-tablet: 318px; --spacing-nadicode-h-visual-desktop: 360px; --spacing-nadicode-h-precision-mobile: 276px; --spacing-nadicode-h-precision-tablet: 480px; --spacing-nadicode-h-precision-desktop: 720px; --spacing-nadicode-h-hero-mobile: 560px; --spacing-nadicode-h-hero-desktop: 720px; --spacing-nadicode-h-action-strip-mobile: 20px; --spacing-nadicode-h-action-strip-desktop: 32px; --spacing-nadicode-h-action-body-mobile: 320px; --spacing-nadicode-h-action-body-tablet: 338px; --spacing-nadicode-h-action-band: 260px; --spacing-nadicode-h-feature-mobile: 360px; --spacing-nadicode-h-feature-tablet: 400px; --spacing-nadicode-h-feature-desktop: 456px; --spacing-nadicode-h-editorial-feature-mobile: 360px; --spacing-nadicode-h-editorial-feature-tablet: 440px; --spacing-nadicode-h-editorial-feature-desktop: 560px; --spacing-nadicode-h-bento-primary: 384px; --spacing-nadicode-h-bento-secondary: 240px; --spacing-nadicode-h-bento-mobile-copy: 248px; --spacing-nadicode-h-bento-mobile-main: 537px; --spacing-nadicode-h-bento-strip: 20px; --spacing-nadicode-filter-chip-gap: 6px; --spacing-nadicode-filter-chip-height: 28px; --spacing-nadicode-filter-chip-icon: 14px; --spacing-control-height: var(--spacing-nadicode-control-height); --spacing-control-padding-inline: var(--spacing-nadicode-control-padding-inline); --spacing-touch-target: var(--spacing-nadicode-touch-target); }
585
+ }
586
+
587
+ /* src/css/host.css */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nadicodeai/design-system",
3
- "version": "8.0.1",
3
+ "version": "8.1.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -14,6 +14,7 @@
14
14
  "./tailwind": "./dist/tailwind/nadicode.tailwind.json",
15
15
  "./css": "./dist/css/index.css",
16
16
  "./css/tokens": "./dist/css/tokens.css",
17
+ "./css/host": "./dist/css/host.css",
17
18
  "./icons/*": "./dist/icons/*",
18
19
  "./favicon/*": "./dist/favicon/*",
19
20
  "./assets/logo-mark": {