@nadicodeai/design-system 12.1.81 → 12.1.83
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/DESIGN.md +1786 -238
- package/dist/css/host.css +289 -57
- package/dist/css/index.css +442 -70
- package/dist/css/tokens.css +261 -54
- package/dist/tailwind/nadicode.tailwind.json +242 -39
- package/dist/tokens/nadicode.dtcg-resolved.json +944 -137
- package/dist/tokens/nadicode.dtcg.json +843 -132
- package/package.json +4 -4
package/dist/css/index.css
CHANGED
|
@@ -46,12 +46,12 @@
|
|
|
46
46
|
--nc-action-hover: oklch(0.3012 0.0000 0.00);
|
|
47
47
|
--nc-action-active: oklch(0.0000 0.0000 0.00);
|
|
48
48
|
--nc-ink: oklch(0.1776 0.0000 0.00);
|
|
49
|
-
--nc-body: oklch(0.
|
|
49
|
+
--nc-body: oklch(0.5103 0.0000 0.00);
|
|
50
50
|
--nc-muted: oklch(0.5278 0.0000 0.00);
|
|
51
51
|
--nc-canvas: oklch(1.0000 0.0000 0.00);
|
|
52
52
|
--nc-canvas-soft: oklch(0.9851 0.0000 0.00);
|
|
53
53
|
--nc-canvas-soft-2: oklch(0.9702 0.0000 0.00);
|
|
54
|
-
--nc-material-workspace: oklch(0.
|
|
54
|
+
--nc-material-workspace: oklch(0.9851 0.0000 0.00);
|
|
55
55
|
--nc-material-solid: oklch(1.0000 0.0000 0.00);
|
|
56
56
|
--nc-material-resting: oklch(1.0000 0.0000 0.00);
|
|
57
57
|
--nc-material-raised: oklch(1.0000 0.0000 0.00);
|
|
@@ -61,9 +61,9 @@
|
|
|
61
61
|
--nc-input: oklch(0.5624 0.0000 0.00);
|
|
62
62
|
--nc-focus-ring: oklch(0.1776 0.0000 0.00);
|
|
63
63
|
--nc-scrim: oklch(0.0000 0.0000 0.00);
|
|
64
|
-
--nc-link: oklch(0.
|
|
65
|
-
--nc-link-deep: oklch(0.
|
|
66
|
-
--nc-link-bg-soft: oklch(0.
|
|
64
|
+
--nc-link: oklch(0.5339 0.1875 256.73);
|
|
65
|
+
--nc-link-deep: oklch(0.4653 0.1652 257.00);
|
|
66
|
+
--nc-link-bg-soft: oklch(0.9656 0.0171 248.01);
|
|
67
67
|
--nc-info: oklch(0.5005 0.2804 266.17);
|
|
68
68
|
--nc-info-soft: oklch(0.9457 0.0259 276.40);
|
|
69
69
|
--nc-info-deep: oklch(0.3197 0.1758 266.79);
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
--nc-dark-material-floating: oklch(0.1776 0.0000 0.00);
|
|
110
110
|
--nc-dark-material-modal: oklch(0.1776 0.0000 0.00);
|
|
111
111
|
--nc-dark-ink: oklch(0.9461 0.0000 0.00);
|
|
112
|
-
--nc-dark-body: oklch(0.
|
|
112
|
+
--nc-dark-body: oklch(0.7090 0.0000 0.00);
|
|
113
113
|
--nc-dark-muted: oklch(0.6993 0.0000 0.00);
|
|
114
114
|
--nc-dark-line: oklch(0.2686 0.0000 0.00);
|
|
115
115
|
--nc-dark-input: oklch(0.5590 0.0000 0.00);
|
|
@@ -118,9 +118,9 @@
|
|
|
118
118
|
--nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);
|
|
119
119
|
--nc-dark-action-hover: oklch(0.8761 0.0000 0.00);
|
|
120
120
|
--nc-dark-action-active: oklch(0.8297 0.0000 0.00);
|
|
121
|
-
--nc-dark-link: oklch(0.
|
|
122
|
-
--nc-dark-link-deep: oklch(0.
|
|
123
|
-
--nc-dark-link-bg-soft: oklch(0.
|
|
121
|
+
--nc-dark-link: oklch(0.7173 0.1522 251.00);
|
|
122
|
+
--nc-dark-link-deep: oklch(0.8135 0.0986 247.81);
|
|
123
|
+
--nc-dark-link-bg-soft: oklch(0.2518 0.0572 257.41);
|
|
124
124
|
--nc-dark-focus-ring: oklch(0.9461 0.0000 0.00);
|
|
125
125
|
--nc-dark-scrim: oklch(0.0000 0.0000 0.00);
|
|
126
126
|
--nc-dark-error: oklch(0.7955 0.0980 21.02);
|
|
@@ -150,6 +150,18 @@
|
|
|
150
150
|
--nc-dark-chart-4: oklch(0.6627 0.1685 23.66);
|
|
151
151
|
--nc-dark-chart-5: oklch(0.7820 0.1247 190.99);
|
|
152
152
|
--nc-dark-chart-6: oklch(0.6297 0.1321 299.36);
|
|
153
|
+
--nc-category-teal-soft: oklch(0.9585 0.0244 187.32);
|
|
154
|
+
--nc-category-teal-deep: oklch(0.4600 0.0788 185.34);
|
|
155
|
+
--nc-dark-category-teal-soft: oklch(0.2627 0.0410 187.13);
|
|
156
|
+
--nc-dark-category-teal-deep: oklch(0.8398 0.1008 186.70);
|
|
157
|
+
--nc-category-purple-soft: oklch(0.9464 0.0327 307.17);
|
|
158
|
+
--nc-category-purple-deep: oklch(0.4541 0.1958 308.26);
|
|
159
|
+
--nc-dark-category-purple-soft: oklch(0.2479 0.0790 306.78);
|
|
160
|
+
--nc-dark-category-purple-deep: oklch(0.7911 0.1271 310.92);
|
|
161
|
+
--nc-category-pink-soft: oklch(0.9476 0.0263 347.12);
|
|
162
|
+
--nc-category-pink-deep: oklch(0.4863 0.1711 355.09);
|
|
163
|
+
--nc-dark-category-pink-soft: oklch(0.2550 0.0598 353.51);
|
|
164
|
+
--nc-dark-category-pink-deep: oklch(0.8108 0.1129 347.21);
|
|
153
165
|
--nc-xxs: 4px;
|
|
154
166
|
--nc-xs: 8px;
|
|
155
167
|
--nc-sm: 12px;
|
|
@@ -166,8 +178,12 @@
|
|
|
166
178
|
--nc-icon-stroke-sm: 1.25px;
|
|
167
179
|
--nc-focus-outline-width: 2px;
|
|
168
180
|
--nc-focus-outline-offset: 2px;
|
|
169
|
-
--nc-control-height:
|
|
170
|
-
--nc-control-
|
|
181
|
+
--nc-control-height: 36px;
|
|
182
|
+
--nc-control-height-sm: 32px;
|
|
183
|
+
--nc-control-height-lg: 40px;
|
|
184
|
+
--nc-control-height-xs: 24px;
|
|
185
|
+
--nc-control-padding-inline: 12px;
|
|
186
|
+
--nc-card-padding: 20px;
|
|
171
187
|
--nc-touch-target: 44px;
|
|
172
188
|
--nc-rounded-none: 0px;
|
|
173
189
|
--nc-rounded-xs: 2px;
|
|
@@ -185,19 +201,39 @@
|
|
|
185
201
|
-apple-system,
|
|
186
202
|
sans-serif;
|
|
187
203
|
--nc-type-display-xl-font-size: 72px;
|
|
188
|
-
--nc-type-display-xl-font-weight:
|
|
189
|
-
--nc-type-display-xl-line-height:
|
|
190
|
-
--nc-type-display-xl-letter-spacing: -
|
|
204
|
+
--nc-type-display-xl-font-weight: 600;
|
|
205
|
+
--nc-type-display-xl-line-height: 72px;
|
|
206
|
+
--nc-type-display-xl-letter-spacing: -4.32px;
|
|
207
|
+
--nc-type-display-wide-font-family:
|
|
208
|
+
Geist,
|
|
209
|
+
Inter,
|
|
210
|
+
system-ui,
|
|
211
|
+
-apple-system,
|
|
212
|
+
sans-serif;
|
|
213
|
+
--nc-type-display-wide-font-size: 64px;
|
|
214
|
+
--nc-type-display-wide-font-weight: 600;
|
|
215
|
+
--nc-type-display-wide-line-height: 64px;
|
|
216
|
+
--nc-type-display-wide-letter-spacing: -3.84px;
|
|
191
217
|
--nc-type-display-lg-font-family:
|
|
192
218
|
Geist,
|
|
193
219
|
Inter,
|
|
194
220
|
system-ui,
|
|
195
221
|
-apple-system,
|
|
196
222
|
sans-serif;
|
|
197
|
-
--nc-type-display-lg-font-size:
|
|
198
|
-
--nc-type-display-lg-font-weight:
|
|
199
|
-
--nc-type-display-lg-line-height:
|
|
200
|
-
--nc-type-display-lg-letter-spacing: -
|
|
223
|
+
--nc-type-display-lg-font-size: 56px;
|
|
224
|
+
--nc-type-display-lg-font-weight: 600;
|
|
225
|
+
--nc-type-display-lg-line-height: 56px;
|
|
226
|
+
--nc-type-display-lg-letter-spacing: -3.36px;
|
|
227
|
+
--nc-type-display-section-font-family:
|
|
228
|
+
Geist,
|
|
229
|
+
Inter,
|
|
230
|
+
system-ui,
|
|
231
|
+
-apple-system,
|
|
232
|
+
sans-serif;
|
|
233
|
+
--nc-type-display-section-font-size: 48px;
|
|
234
|
+
--nc-type-display-section-font-weight: 600;
|
|
235
|
+
--nc-type-display-section-line-height: 56px;
|
|
236
|
+
--nc-type-display-section-letter-spacing: -2.88px;
|
|
201
237
|
--nc-type-display-md-font-family:
|
|
202
238
|
Geist,
|
|
203
239
|
Inter,
|
|
@@ -205,19 +241,19 @@
|
|
|
205
241
|
-apple-system,
|
|
206
242
|
sans-serif;
|
|
207
243
|
--nc-type-display-md-font-size: 40px;
|
|
208
|
-
--nc-type-display-md-font-weight:
|
|
209
|
-
--nc-type-display-md-line-height:
|
|
210
|
-
--nc-type-display-md-letter-spacing: -
|
|
244
|
+
--nc-type-display-md-font-weight: 600;
|
|
245
|
+
--nc-type-display-md-line-height: 48px;
|
|
246
|
+
--nc-type-display-md-letter-spacing: -2.4px;
|
|
211
247
|
--nc-type-heading-lg-font-family:
|
|
212
248
|
Geist,
|
|
213
249
|
Inter,
|
|
214
250
|
system-ui,
|
|
215
251
|
-apple-system,
|
|
216
252
|
sans-serif;
|
|
217
|
-
--nc-type-heading-lg-font-size:
|
|
253
|
+
--nc-type-heading-lg-font-size: 32px;
|
|
218
254
|
--nc-type-heading-lg-font-weight: 600;
|
|
219
|
-
--nc-type-heading-lg-line-height:
|
|
220
|
-
--nc-type-heading-lg-letter-spacing:
|
|
255
|
+
--nc-type-heading-lg-line-height: 40px;
|
|
256
|
+
--nc-type-heading-lg-letter-spacing: -1.28px;
|
|
221
257
|
--nc-type-heading-md-font-family:
|
|
222
258
|
Geist,
|
|
223
259
|
Inter,
|
|
@@ -227,7 +263,7 @@
|
|
|
227
263
|
--nc-type-heading-md-font-size: 24px;
|
|
228
264
|
--nc-type-heading-md-font-weight: 600;
|
|
229
265
|
--nc-type-heading-md-line-height: 32px;
|
|
230
|
-
--nc-type-heading-md-letter-spacing:
|
|
266
|
+
--nc-type-heading-md-letter-spacing: -0.96px;
|
|
231
267
|
--nc-type-heading-sm-font-family:
|
|
232
268
|
Geist,
|
|
233
269
|
Inter,
|
|
@@ -236,8 +272,171 @@
|
|
|
236
272
|
sans-serif;
|
|
237
273
|
--nc-type-heading-sm-font-size: 20px;
|
|
238
274
|
--nc-type-heading-sm-font-weight: 600;
|
|
239
|
-
--nc-type-heading-sm-line-height:
|
|
240
|
-
--nc-type-heading-sm-letter-spacing:
|
|
275
|
+
--nc-type-heading-sm-line-height: 26px;
|
|
276
|
+
--nc-type-heading-sm-letter-spacing: -0.4px;
|
|
277
|
+
--nc-type-heading-xs-font-family:
|
|
278
|
+
Geist,
|
|
279
|
+
Inter,
|
|
280
|
+
system-ui,
|
|
281
|
+
-apple-system,
|
|
282
|
+
sans-serif;
|
|
283
|
+
--nc-type-heading-xs-font-size: 16px;
|
|
284
|
+
--nc-type-heading-xs-font-weight: 600;
|
|
285
|
+
--nc-type-heading-xs-line-height: 24px;
|
|
286
|
+
--nc-type-heading-xs-letter-spacing: -0.32px;
|
|
287
|
+
--nc-type-heading-compact-font-family:
|
|
288
|
+
Geist,
|
|
289
|
+
Inter,
|
|
290
|
+
system-ui,
|
|
291
|
+
-apple-system,
|
|
292
|
+
sans-serif;
|
|
293
|
+
--nc-type-heading-compact-font-size: 14px;
|
|
294
|
+
--nc-type-heading-compact-font-weight: 600;
|
|
295
|
+
--nc-type-heading-compact-line-height: 20px;
|
|
296
|
+
--nc-type-heading-compact-letter-spacing: -0.28px;
|
|
297
|
+
--nc-type-button-lg-font-family:
|
|
298
|
+
Geist,
|
|
299
|
+
Inter,
|
|
300
|
+
system-ui,
|
|
301
|
+
-apple-system,
|
|
302
|
+
sans-serif;
|
|
303
|
+
--nc-type-button-lg-font-size: 16px;
|
|
304
|
+
--nc-type-button-lg-font-weight: 500;
|
|
305
|
+
--nc-type-button-lg-line-height: 20px;
|
|
306
|
+
--nc-type-button-lg-letter-spacing: 0px;
|
|
307
|
+
--nc-type-button-font-family:
|
|
308
|
+
Geist,
|
|
309
|
+
Inter,
|
|
310
|
+
system-ui,
|
|
311
|
+
-apple-system,
|
|
312
|
+
sans-serif;
|
|
313
|
+
--nc-type-button-font-size: 14px;
|
|
314
|
+
--nc-type-button-font-weight: 500;
|
|
315
|
+
--nc-type-button-line-height: 20px;
|
|
316
|
+
--nc-type-button-letter-spacing: 0px;
|
|
317
|
+
--nc-type-button-xs-font-family:
|
|
318
|
+
Geist,
|
|
319
|
+
Inter,
|
|
320
|
+
system-ui,
|
|
321
|
+
-apple-system,
|
|
322
|
+
sans-serif;
|
|
323
|
+
--nc-type-button-xs-font-size: 12px;
|
|
324
|
+
--nc-type-button-xs-font-weight: 500;
|
|
325
|
+
--nc-type-button-xs-line-height: 16px;
|
|
326
|
+
--nc-type-button-xs-letter-spacing: 0px;
|
|
327
|
+
--nc-type-label-display-font-family:
|
|
328
|
+
Geist,
|
|
329
|
+
Inter,
|
|
330
|
+
system-ui,
|
|
331
|
+
-apple-system,
|
|
332
|
+
sans-serif;
|
|
333
|
+
--nc-type-label-display-font-size: 20px;
|
|
334
|
+
--nc-type-label-display-font-weight: 400;
|
|
335
|
+
--nc-type-label-display-line-height: 32px;
|
|
336
|
+
--nc-type-label-display-letter-spacing: 0px;
|
|
337
|
+
--nc-type-label-lg-font-family:
|
|
338
|
+
Geist,
|
|
339
|
+
Inter,
|
|
340
|
+
system-ui,
|
|
341
|
+
-apple-system,
|
|
342
|
+
sans-serif;
|
|
343
|
+
--nc-type-label-lg-font-size: 18px;
|
|
344
|
+
--nc-type-label-lg-font-weight: 400;
|
|
345
|
+
--nc-type-label-lg-line-height: 20px;
|
|
346
|
+
--nc-type-label-lg-letter-spacing: 0px;
|
|
347
|
+
--nc-type-label-md-font-family:
|
|
348
|
+
Geist,
|
|
349
|
+
Inter,
|
|
350
|
+
system-ui,
|
|
351
|
+
-apple-system,
|
|
352
|
+
sans-serif;
|
|
353
|
+
--nc-type-label-md-font-size: 16px;
|
|
354
|
+
--nc-type-label-md-font-weight: 400;
|
|
355
|
+
--nc-type-label-md-line-height: 20px;
|
|
356
|
+
--nc-type-label-md-letter-spacing: 0px;
|
|
357
|
+
--nc-type-label-font-family:
|
|
358
|
+
Geist,
|
|
359
|
+
Inter,
|
|
360
|
+
system-ui,
|
|
361
|
+
-apple-system,
|
|
362
|
+
sans-serif;
|
|
363
|
+
--nc-type-label-font-size: 14px;
|
|
364
|
+
--nc-type-label-font-weight: 400;
|
|
365
|
+
--nc-type-label-line-height: 20px;
|
|
366
|
+
--nc-type-label-letter-spacing: 0px;
|
|
367
|
+
--nc-type-label-sm-font-family:
|
|
368
|
+
Geist,
|
|
369
|
+
Inter,
|
|
370
|
+
system-ui,
|
|
371
|
+
-apple-system,
|
|
372
|
+
sans-serif;
|
|
373
|
+
--nc-type-label-sm-font-size: 13px;
|
|
374
|
+
--nc-type-label-sm-font-weight: 400;
|
|
375
|
+
--nc-type-label-sm-line-height: 16px;
|
|
376
|
+
--nc-type-label-sm-letter-spacing: 0px;
|
|
377
|
+
--nc-type-caption-font-family:
|
|
378
|
+
Geist,
|
|
379
|
+
Inter,
|
|
380
|
+
system-ui,
|
|
381
|
+
-apple-system,
|
|
382
|
+
sans-serif;
|
|
383
|
+
--nc-type-caption-font-size: 12px;
|
|
384
|
+
--nc-type-caption-font-weight: 400;
|
|
385
|
+
--nc-type-caption-line-height: 16px;
|
|
386
|
+
--nc-type-caption-letter-spacing: 0px;
|
|
387
|
+
--nc-type-label-mono-lg-font-family:
|
|
388
|
+
Geist Mono,
|
|
389
|
+
ui-monospace,
|
|
390
|
+
SFMono-Regular,
|
|
391
|
+
Menlo,
|
|
392
|
+
Monaco,
|
|
393
|
+
monospace;
|
|
394
|
+
--nc-type-label-mono-lg-font-size: 14px;
|
|
395
|
+
--nc-type-label-mono-lg-font-weight: 400;
|
|
396
|
+
--nc-type-label-mono-lg-line-height: 20px;
|
|
397
|
+
--nc-type-label-mono-lg-letter-spacing: 0px;
|
|
398
|
+
--nc-type-label-mono-md-font-family:
|
|
399
|
+
Geist Mono,
|
|
400
|
+
ui-monospace,
|
|
401
|
+
SFMono-Regular,
|
|
402
|
+
Menlo,
|
|
403
|
+
Monaco,
|
|
404
|
+
monospace;
|
|
405
|
+
--nc-type-label-mono-md-font-size: 13px;
|
|
406
|
+
--nc-type-label-mono-md-font-weight: 400;
|
|
407
|
+
--nc-type-label-mono-md-line-height: 20px;
|
|
408
|
+
--nc-type-label-mono-md-letter-spacing: 0px;
|
|
409
|
+
--nc-type-label-mono-font-family:
|
|
410
|
+
Geist Mono,
|
|
411
|
+
ui-monospace,
|
|
412
|
+
SFMono-Regular,
|
|
413
|
+
Menlo,
|
|
414
|
+
Monaco,
|
|
415
|
+
monospace;
|
|
416
|
+
--nc-type-label-mono-font-size: 12px;
|
|
417
|
+
--nc-type-label-mono-font-weight: 400;
|
|
418
|
+
--nc-type-label-mono-line-height: 16px;
|
|
419
|
+
--nc-type-label-mono-letter-spacing: 0px;
|
|
420
|
+
--nc-type-body-display-font-family:
|
|
421
|
+
Geist,
|
|
422
|
+
Inter,
|
|
423
|
+
system-ui,
|
|
424
|
+
-apple-system,
|
|
425
|
+
sans-serif;
|
|
426
|
+
--nc-type-body-display-font-size: 24px;
|
|
427
|
+
--nc-type-body-display-font-weight: 400;
|
|
428
|
+
--nc-type-body-display-line-height: 36px;
|
|
429
|
+
--nc-type-body-display-letter-spacing: 0px;
|
|
430
|
+
--nc-type-body-lead-font-family:
|
|
431
|
+
Geist,
|
|
432
|
+
Inter,
|
|
433
|
+
system-ui,
|
|
434
|
+
-apple-system,
|
|
435
|
+
sans-serif;
|
|
436
|
+
--nc-type-body-lead-font-size: 20px;
|
|
437
|
+
--nc-type-body-lead-font-weight: 400;
|
|
438
|
+
--nc-type-body-lead-line-height: 36px;
|
|
439
|
+
--nc-type-body-lead-letter-spacing: 0px;
|
|
241
440
|
--nc-type-body-lg-font-family:
|
|
242
441
|
Geist,
|
|
243
442
|
Inter,
|
|
@@ -246,7 +445,7 @@
|
|
|
246
445
|
sans-serif;
|
|
247
446
|
--nc-type-body-lg-font-size: 18px;
|
|
248
447
|
--nc-type-body-lg-font-weight: 400;
|
|
249
|
-
--nc-type-body-lg-line-height:
|
|
448
|
+
--nc-type-body-lg-line-height: 28px;
|
|
250
449
|
--nc-type-body-lg-letter-spacing: 0px;
|
|
251
450
|
--nc-type-body-md-font-family:
|
|
252
451
|
Geist,
|
|
@@ -256,7 +455,7 @@
|
|
|
256
455
|
sans-serif;
|
|
257
456
|
--nc-type-body-md-font-size: 16px;
|
|
258
457
|
--nc-type-body-md-font-weight: 400;
|
|
259
|
-
--nc-type-body-md-line-height:
|
|
458
|
+
--nc-type-body-md-line-height: 24px;
|
|
260
459
|
--nc-type-body-md-letter-spacing: 0px;
|
|
261
460
|
--nc-type-body-sm-font-family:
|
|
262
461
|
Geist,
|
|
@@ -268,16 +467,16 @@
|
|
|
268
467
|
--nc-type-body-sm-font-weight: 400;
|
|
269
468
|
--nc-type-body-sm-line-height: 20px;
|
|
270
469
|
--nc-type-body-sm-letter-spacing: 0px;
|
|
271
|
-
--nc-type-
|
|
470
|
+
--nc-type-body-compact-font-family:
|
|
272
471
|
Geist,
|
|
273
472
|
Inter,
|
|
274
473
|
system-ui,
|
|
275
474
|
-apple-system,
|
|
276
475
|
sans-serif;
|
|
277
|
-
--nc-type-
|
|
278
|
-
--nc-type-
|
|
279
|
-
--nc-type-
|
|
280
|
-
--nc-type-
|
|
476
|
+
--nc-type-body-compact-font-size: 13px;
|
|
477
|
+
--nc-type-body-compact-font-weight: 400;
|
|
478
|
+
--nc-type-body-compact-line-height: 18px;
|
|
479
|
+
--nc-type-body-compact-letter-spacing: 0px;
|
|
281
480
|
--nc-type-code-font-family:
|
|
282
481
|
Geist Mono,
|
|
283
482
|
ui-monospace,
|
|
@@ -287,38 +486,34 @@
|
|
|
287
486
|
monospace;
|
|
288
487
|
--nc-type-code-font-size: 13px;
|
|
289
488
|
--nc-type-code-font-weight: 400;
|
|
290
|
-
--nc-type-code-line-height:
|
|
489
|
+
--nc-type-code-line-height: 18px;
|
|
291
490
|
--nc-type-code-letter-spacing: 0px;
|
|
292
|
-
--nc-type-label-mono-font-family:
|
|
293
|
-
Geist Mono,
|
|
294
|
-
ui-monospace,
|
|
295
|
-
SFMono-Regular,
|
|
296
|
-
Menlo,
|
|
297
|
-
Monaco,
|
|
298
|
-
monospace;
|
|
299
|
-
--nc-type-label-mono-font-size: 12px;
|
|
300
|
-
--nc-type-label-mono-font-weight: 500;
|
|
301
|
-
--nc-type-label-mono-line-height: 16px;
|
|
302
|
-
--nc-type-label-mono-letter-spacing: 0px;
|
|
303
491
|
--nc-material-scrim-opacity: 50%;
|
|
304
492
|
--nc-material-glass-opacity: 60%;
|
|
305
493
|
--nc-material-glass-saturation: 180%;
|
|
306
494
|
--nc-material-glass-blur: 20px;
|
|
307
|
-
--nc-
|
|
495
|
+
--nc-material-glass-highlight: inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.18);
|
|
496
|
+
--nc-elevation-resting:
|
|
497
|
+
0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
|
|
498
|
+
0px 2px 2px 0px rgb(0% 0% 0% / 0.04),
|
|
499
|
+
0px 0px 0px 1px rgb(100% 100% 100%);
|
|
308
500
|
--nc-elevation-raised:
|
|
501
|
+
0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
|
|
309
502
|
0px 2px 2px 0px rgb(0% 0% 0% / 0.04),
|
|
310
503
|
0px 8px 8px -8px rgb(0% 0% 0% / 0.04),
|
|
311
|
-
0px 0px 0px 1px rgb(
|
|
504
|
+
0px 0px 0px 1px rgb(100% 100% 100%);
|
|
312
505
|
--nc-elevation-floating:
|
|
506
|
+
0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
|
|
313
507
|
0px 1px 1px 0px rgb(0% 0% 0% / 0.02),
|
|
314
508
|
0px 4px 8px -4px rgb(0% 0% 0% / 0.04),
|
|
315
509
|
0px 16px 24px -8px rgb(0% 0% 0% / 0.06),
|
|
316
|
-
0px 0px 0px 1px rgb(
|
|
510
|
+
0px 0px 0px 1px rgb(100% 100% 100%);
|
|
317
511
|
--nc-elevation-modal:
|
|
512
|
+
0px 0px 0px 1px rgb(0% 0% 0% / 0.08),
|
|
318
513
|
0px 1px 1px 0px rgb(0% 0% 0% / 0.02),
|
|
319
514
|
0px 8px 16px -4px rgb(0% 0% 0% / 0.04),
|
|
320
515
|
0px 24px 32px -8px rgb(0% 0% 0% / 0.06),
|
|
321
|
-
0px 0px 0px 1px rgb(
|
|
516
|
+
0px 0px 0px 1px rgb(100% 100% 100%);
|
|
322
517
|
--nc-duration-control: 100ms;
|
|
323
518
|
--nc-duration-close: 140ms;
|
|
324
519
|
--nc-duration-confirm: 180ms;
|
|
@@ -394,19 +589,31 @@
|
|
|
394
589
|
--nc-chart-4: var(--nc-dark-chart-4);
|
|
395
590
|
--nc-chart-5: var(--nc-dark-chart-5);
|
|
396
591
|
--nc-chart-6: var(--nc-dark-chart-6);
|
|
397
|
-
--nc-
|
|
592
|
+
--nc-category-teal-soft: var(--nc-dark-category-teal-soft);
|
|
593
|
+
--nc-category-teal-deep: var(--nc-dark-category-teal-deep);
|
|
594
|
+
--nc-category-purple-soft: var(--nc-dark-category-purple-soft);
|
|
595
|
+
--nc-category-purple-deep: var(--nc-dark-category-purple-deep);
|
|
596
|
+
--nc-category-pink-soft: var(--nc-dark-category-pink-soft);
|
|
597
|
+
--nc-category-pink-deep: var(--nc-dark-category-pink-deep);
|
|
598
|
+
--nc-elevation-resting:
|
|
599
|
+
0px 0px 0px 1px rgb(100% 100% 100% / 0.145),
|
|
600
|
+
0px 1px 2px 0px rgb(0% 0% 0% / 0.16),
|
|
601
|
+
0px 0px 0px 1px rgb(0% 0% 0%);
|
|
398
602
|
--nc-elevation-raised:
|
|
603
|
+
0px 0px 0px 1px rgb(100% 100% 100% / 0.145),
|
|
399
604
|
0px 2px 2px 0px rgb(0% 0% 0% / 0.2),
|
|
400
605
|
0px 8px 8px -8px rgb(0% 0% 0% / 0.3),
|
|
401
|
-
0px 0px 0px 1px rgb(
|
|
606
|
+
0px 0px 0px 1px rgb(0% 0% 0%);
|
|
402
607
|
--nc-elevation-floating:
|
|
608
|
+
0px 0px 0px 1px rgb(100% 100% 100% / 0.145),
|
|
403
609
|
0px 4px 8px -4px rgb(0% 0% 0% / 0.4),
|
|
404
610
|
0px 16px 24px -8px rgb(0% 0% 0% / 0.5),
|
|
405
|
-
0px 0px 0px 1px rgb(
|
|
611
|
+
0px 0px 0px 1px rgb(0% 0% 0%);
|
|
406
612
|
--nc-elevation-modal:
|
|
613
|
+
0px 0px 0px 1px rgb(100% 100% 100% / 0.145),
|
|
407
614
|
0px 8px 16px -4px rgb(0% 0% 0% / 0.4),
|
|
408
615
|
0px 24px 32px -8px rgb(0% 0% 0% / 0.55),
|
|
409
|
-
0px 0px 0px 1px rgb(
|
|
616
|
+
0px 0px 0px 1px rgb(0% 0% 0%);
|
|
410
617
|
}
|
|
411
618
|
}
|
|
412
619
|
|
|
@@ -468,6 +675,12 @@
|
|
|
468
675
|
--sidebar-accent-foreground: var(--nc-ink);
|
|
469
676
|
--sidebar-border: var(--nc-line);
|
|
470
677
|
--sidebar-ring: var(--nc-focus-ring);
|
|
678
|
+
--category-teal: var(--nc-category-teal-soft);
|
|
679
|
+
--category-teal-foreground: var(--nc-category-teal-deep);
|
|
680
|
+
--category-purple: var(--nc-category-purple-soft);
|
|
681
|
+
--category-purple-foreground: var(--nc-category-purple-deep);
|
|
682
|
+
--category-pink: var(--nc-category-pink-soft);
|
|
683
|
+
--category-pink-foreground: var(--nc-category-pink-deep);
|
|
471
684
|
}
|
|
472
685
|
.dark {
|
|
473
686
|
--radius: var(--nc-rounded-md);
|
|
@@ -515,7 +728,7 @@
|
|
|
515
728
|
--chart-5: var(--nc-dark-chart-5);
|
|
516
729
|
--selection: var(--nc-dark-navigation-selection-bg);
|
|
517
730
|
--selection-foreground: var(--nc-dark-navigation-selection-fg);
|
|
518
|
-
--recessed: var(--nc-dark-
|
|
731
|
+
--recessed: var(--nc-dark-canvas);
|
|
519
732
|
--sidebar: var(--nc-dark-canvas);
|
|
520
733
|
--sidebar-foreground: var(--nc-dark-ink);
|
|
521
734
|
--sidebar-primary: var(--nc-dark-navigation-selection-bg);
|
|
@@ -525,10 +738,41 @@
|
|
|
525
738
|
--sidebar-accent-foreground: var(--nc-dark-ink);
|
|
526
739
|
--sidebar-border: var(--nc-dark-line);
|
|
527
740
|
--sidebar-ring: var(--nc-dark-focus-ring);
|
|
528
|
-
|
|
529
|
-
@theme { --color-*: initial; --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-material-resting: oklch(1.0000 0.0000 0.00); --color-nc-material-raised: oklch(1.0000 0.0000 0.00); --color-nc-material-floating: oklch(1.0000 0.0000 0.00); --color-nc-material-modal: 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-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.0000 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-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-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-azzurro: oklch(0.5618 0.2019 258.24); --color-nc-identity-ink: oklch(0.0000 0.0000 0.00); --color-nc-identity-white: oklch(1.0000 0.0000 0.00); --color-nc-logo-dot: oklch(0.5005 0.2804 266.17); --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-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-material-resting: oklch(0.1448 0.0000 0.00); --color-nc-dark-material-raised: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.1776 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.1776 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.6993 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5590 0.0000 0.00); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.9461 0.0000 0.00); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.8761 0.0000 0.00); --color-nc-dark-action-active: oklch(0.8297 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.0000 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-logo-dot: oklch(0.5923 0.2215 269.61); --color-nc-dark-navigation-selection-bg: oklch(0.2393 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-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); --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-heading-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-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-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --text-display-xl: 72px; --text-display-xl--line-height: 74px; --leading-display-xl: 74px; --text-display-xl--letter-spacing: -2.52px; --tracking-display-xl: -2.52px; --text-display-xl--font-weight: 500; --font-weight-display-xl: 500; --text-display-lg: 52px; --text-display-lg--line-height: 54px; --leading-display-lg: 54px; --text-display-lg--letter-spacing: -1.5px; --tracking-display-lg: -1.5px; --text-display-lg--font-weight: 500; --font-weight-display-lg: 500; --text-display-md: 40px; --text-display-md--line-height: 42px; --leading-display-md: 42px; --text-display-md--letter-spacing: -1px; --tracking-display-md: -1px; --text-display-md--font-weight: 500; --font-weight-display-md: 500; --text-heading-lg: 30px; --text-heading-lg--line-height: 32px; --leading-heading-lg: 32px; --text-heading-lg--letter-spacing: 0px; --tracking-heading-lg: 0px; --text-heading-lg--font-weight: 600; --font-weight-heading-lg: 600; --text-heading-md: 24px; --text-heading-md--line-height: 32px; --leading-heading-md: 32px; --text-heading-md--letter-spacing: 0px; --tracking-heading-md: 0px; --text-heading-md--font-weight: 600; --font-weight-heading-md: 600; --text-heading-sm: 20px; --text-heading-sm--line-height: 28px; --leading-heading-sm: 28px; --text-heading-sm--letter-spacing: 0px; --tracking-heading-sm: 0px; --text-heading-sm--font-weight: 600; --font-weight-heading-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-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-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-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-label-mono: 12px; --text-label-mono--line-height: 16px; --leading-label-mono: 16px; --text-label-mono--letter-spacing: 0px; --tracking-label-mono: 0px; --text-label-mono--font-weight: 500; --font-weight-label-mono: 500; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 20px; --radius-3xl: 24px; --radius-full: 9999px; --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.5px; --spacing-nadicode-icon-stroke-sm: 1.25px; --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-content-max: 1200px; --spacing-nadicode-gutter-mobile: 20px; --spacing-nadicode-gutter-tablet: 40px; --spacing-nadicode-gutter-desktop: 64px; --spacing-nadicode-section-step-mobile: 64px; --spacing-nadicode-section-step-desktop: 96px; --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); }
|
|
530
|
-
|
|
741
|
+
--category-teal: var(--nc-dark-category-teal-soft);
|
|
742
|
+
--category-teal-foreground: var(--nc-dark-category-teal-deep);
|
|
743
|
+
--category-purple: var(--nc-dark-category-purple-soft);
|
|
744
|
+
--category-purple-foreground: var(--nc-dark-category-purple-deep);
|
|
745
|
+
--category-pink: var(--nc-dark-category-pink-soft);
|
|
746
|
+
--category-pink-foreground: var(--nc-dark-category-pink-deep);
|
|
747
|
+
}
|
|
748
|
+
@theme { --color-*: initial; --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.5103 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.9851 0.0000 0.00); --color-nc-material-solid: oklch(1.0000 0.0000 0.00); --color-nc-material-resting: oklch(1.0000 0.0000 0.00); --color-nc-material-raised: oklch(1.0000 0.0000 0.00); --color-nc-material-floating: oklch(1.0000 0.0000 0.00); --color-nc-material-modal: 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-focus-ring: oklch(0.1776 0.0000 0.00); --color-nc-scrim: oklch(0.0000 0.0000 0.00); --color-nc-link: oklch(0.5339 0.1875 256.73); --color-nc-link-deep: oklch(0.4653 0.1652 257.00); --color-nc-link-bg-soft: oklch(0.9656 0.0171 248.01); --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-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-azzurro: oklch(0.5618 0.2019 258.24); --color-nc-identity-ink: oklch(0.0000 0.0000 0.00); --color-nc-identity-white: oklch(1.0000 0.0000 0.00); --color-nc-logo-dot: oklch(0.5005 0.2804 266.17); --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-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-material-resting: oklch(0.1448 0.0000 0.00); --color-nc-dark-material-raised: oklch(0.1684 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.1776 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.1776 0.0000 0.00); --color-nc-dark-ink: oklch(0.9461 0.0000 0.00); --color-nc-dark-body: oklch(0.7090 0.0000 0.00); --color-nc-dark-muted: oklch(0.6993 0.0000 0.00); --color-nc-dark-line: oklch(0.2686 0.0000 0.00); --color-nc-dark-input: oklch(0.5590 0.0000 0.00); --color-nc-dark-on-primary: oklch(0.1448 0.0000 0.00); --color-nc-dark-action: oklch(0.9461 0.0000 0.00); --color-nc-dark-action-foreground: oklch(0.1448 0.0000 0.00); --color-nc-dark-action-hover: oklch(0.8761 0.0000 0.00); --color-nc-dark-action-active: oklch(0.8297 0.0000 0.00); --color-nc-dark-link: oklch(0.7173 0.1522 251.00); --color-nc-dark-link-deep: oklch(0.8135 0.0986 247.81); --color-nc-dark-link-bg-soft: oklch(0.2518 0.0572 257.41); --color-nc-dark-focus-ring: oklch(0.9461 0.0000 0.00); --color-nc-dark-scrim: oklch(0.0000 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-logo-dot: oklch(0.5923 0.2215 269.61); --color-nc-dark-navigation-selection-bg: oklch(0.2393 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-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-category-teal-soft: oklch(0.9585 0.0244 187.32); --color-nc-category-teal-deep: oklch(0.4600 0.0788 185.34); --color-nc-dark-category-teal-soft: oklch(0.2627 0.0410 187.13); --color-nc-dark-category-teal-deep: oklch(0.8398 0.1008 186.70); --color-nc-category-purple-soft: oklch(0.9464 0.0327 307.17); --color-nc-category-purple-deep: oklch(0.4541 0.1958 308.26); --color-nc-dark-category-purple-soft: oklch(0.2479 0.0790 306.78); --color-nc-dark-category-purple-deep: oklch(0.7911 0.1271 310.92); --color-nc-category-pink-soft: oklch(0.9476 0.0263 347.12); --color-nc-category-pink-deep: oklch(0.4863 0.1711 355.09); --color-nc-dark-category-pink-soft: oklch(0.2550 0.0598 353.51); --color-nc-dark-category-pink-deep: oklch(0.8108 0.1129 347.21); --font-display-xl: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-wide: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-section: Geist, Inter, system-ui, -apple-system, sans-serif; --font-display-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-heading-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button: Geist, Inter, system-ui, -apple-system, sans-serif; --font-button-xs: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-lg: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-md: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-caption: Geist, Inter, system-ui, -apple-system, sans-serif; --font-label-mono-lg: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono-md: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-label-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --font-body-display: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-lead: 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-sm: Geist, Inter, system-ui, -apple-system, sans-serif; --font-body-compact: Geist, Inter, system-ui, -apple-system, sans-serif; --font-code: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; --text-display-xl: 72px; --text-display-xl--line-height: 72px; --leading-display-xl: 72px; --text-display-xl--letter-spacing: -4.32px; --tracking-display-xl: -4.32px; --text-display-xl--font-weight: 600; --font-weight-display-xl: 600; --text-display-wide: 64px; --text-display-wide--line-height: 64px; --leading-display-wide: 64px; --text-display-wide--letter-spacing: -3.84px; --tracking-display-wide: -3.84px; --text-display-wide--font-weight: 600; --font-weight-display-wide: 600; --text-display-lg: 56px; --text-display-lg--line-height: 56px; --leading-display-lg: 56px; --text-display-lg--letter-spacing: -3.36px; --tracking-display-lg: -3.36px; --text-display-lg--font-weight: 600; --font-weight-display-lg: 600; --text-display-section: 48px; --text-display-section--line-height: 56px; --leading-display-section: 56px; --text-display-section--letter-spacing: -2.88px; --tracking-display-section: -2.88px; --text-display-section--font-weight: 600; --font-weight-display-section: 600; --text-display-md: 40px; --text-display-md--line-height: 48px; --leading-display-md: 48px; --text-display-md--letter-spacing: -2.4px; --tracking-display-md: -2.4px; --text-display-md--font-weight: 600; --font-weight-display-md: 600; --text-heading-lg: 32px; --text-heading-lg--line-height: 40px; --leading-heading-lg: 40px; --text-heading-lg--letter-spacing: -1.28px; --tracking-heading-lg: -1.28px; --text-heading-lg--font-weight: 600; --font-weight-heading-lg: 600; --text-heading-md: 24px; --text-heading-md--line-height: 32px; --leading-heading-md: 32px; --text-heading-md--letter-spacing: -0.96px; --tracking-heading-md: -0.96px; --text-heading-md--font-weight: 600; --font-weight-heading-md: 600; --text-heading-sm: 20px; --text-heading-sm--line-height: 26px; --leading-heading-sm: 26px; --text-heading-sm--letter-spacing: -0.4px; --tracking-heading-sm: -0.4px; --text-heading-sm--font-weight: 600; --font-weight-heading-sm: 600; --text-heading-xs: 16px; --text-heading-xs--line-height: 24px; --leading-heading-xs: 24px; --text-heading-xs--letter-spacing: -0.32px; --tracking-heading-xs: -0.32px; --text-heading-xs--font-weight: 600; --font-weight-heading-xs: 600; --text-heading-compact: 14px; --text-heading-compact--line-height: 20px; --leading-heading-compact: 20px; --text-heading-compact--letter-spacing: -0.28px; --tracking-heading-compact: -0.28px; --text-heading-compact--font-weight: 600; --font-weight-heading-compact: 600; --text-button-lg: 16px; --text-button-lg--line-height: 20px; --leading-button-lg: 20px; --text-button-lg--letter-spacing: 0px; --tracking-button-lg: 0px; --text-button-lg--font-weight: 500; --font-weight-button-lg: 500; --text-button: 14px; --text-button--line-height: 20px; --leading-button: 20px; --text-button--letter-spacing: 0px; --tracking-button: 0px; --text-button--font-weight: 500; --font-weight-button: 500; --text-button-xs: 12px; --text-button-xs--line-height: 16px; --leading-button-xs: 16px; --text-button-xs--letter-spacing: 0px; --tracking-button-xs: 0px; --text-button-xs--font-weight: 500; --font-weight-button-xs: 500; --text-label-display: 20px; --text-label-display--line-height: 32px; --leading-label-display: 32px; --text-label-display--letter-spacing: 0px; --tracking-label-display: 0px; --text-label-display--font-weight: 400; --font-weight-label-display: 400; --text-label-lg: 18px; --text-label-lg--line-height: 20px; --leading-label-lg: 20px; --text-label-lg--letter-spacing: 0px; --tracking-label-lg: 0px; --text-label-lg--font-weight: 400; --font-weight-label-lg: 400; --text-label-md: 16px; --text-label-md--line-height: 20px; --leading-label-md: 20px; --text-label-md--letter-spacing: 0px; --tracking-label-md: 0px; --text-label-md--font-weight: 400; --font-weight-label-md: 400; --text-label: 14px; --text-label--line-height: 20px; --leading-label: 20px; --text-label--letter-spacing: 0px; --tracking-label: 0px; --text-label--font-weight: 400; --font-weight-label: 400; --text-label-sm: 13px; --text-label-sm--line-height: 16px; --leading-label-sm: 16px; --text-label-sm--letter-spacing: 0px; --tracking-label-sm: 0px; --text-label-sm--font-weight: 400; --font-weight-label-sm: 400; --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-label-mono-lg: 14px; --text-label-mono-lg--line-height: 20px; --leading-label-mono-lg: 20px; --text-label-mono-lg--letter-spacing: 0px; --tracking-label-mono-lg: 0px; --text-label-mono-lg--font-weight: 400; --font-weight-label-mono-lg: 400; --text-label-mono-md: 13px; --text-label-mono-md--line-height: 20px; --leading-label-mono-md: 20px; --text-label-mono-md--letter-spacing: 0px; --tracking-label-mono-md: 0px; --text-label-mono-md--font-weight: 400; --font-weight-label-mono-md: 400; --text-label-mono: 12px; --text-label-mono--line-height: 16px; --leading-label-mono: 16px; --text-label-mono--letter-spacing: 0px; --tracking-label-mono: 0px; --text-label-mono--font-weight: 400; --font-weight-label-mono: 400; --text-body-display: 24px; --text-body-display--line-height: 36px; --leading-body-display: 36px; --text-body-display--letter-spacing: 0px; --tracking-body-display: 0px; --text-body-display--font-weight: 400; --font-weight-body-display: 400; --text-body-lead: 20px; --text-body-lead--line-height: 36px; --leading-body-lead: 36px; --text-body-lead--letter-spacing: 0px; --tracking-body-lead: 0px; --text-body-lead--font-weight: 400; --font-weight-body-lead: 400; --text-body-lg: 18px; --text-body-lg--line-height: 28px; --leading-body-lg: 28px; --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: 24px; --leading-body-md: 24px; --text-body-md--letter-spacing: 0px; --tracking-body-md: 0px; --text-body-md--font-weight: 400; --font-weight-body-md: 400; --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-compact: 13px; --text-body-compact--line-height: 18px; --leading-body-compact: 18px; --text-body-compact--letter-spacing: 0px; --tracking-body-compact: 0px; --text-body-compact--font-weight: 400; --font-weight-body-compact: 400; --text-code: 13px; --text-code--line-height: 18px; --leading-code: 18px; --text-code--letter-spacing: 0px; --tracking-code: 0px; --text-code--font-weight: 400; --font-weight-code: 400; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 20px; --radius-3xl: 24px; --radius-full: 9999px; --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.5px; --spacing-nadicode-icon-stroke-sm: 1.25px; --spacing-nadicode-focus-outline-width: 2px; --spacing-nadicode-focus-outline-offset: 2px; --spacing-nadicode-control-height: 36px; --spacing-nadicode-control-height-sm: 32px; --spacing-nadicode-control-height-lg: 40px; --spacing-nadicode-control-height-xs: 24px; --spacing-nadicode-control-padding-inline: 12px; --spacing-nadicode-card-padding: 20px; --spacing-nadicode-touch-target: 44px; --spacing-nadicode-content-max: 1200px; --spacing-nadicode-gutter-mobile: 20px; --spacing-nadicode-gutter-tablet: 40px; --spacing-nadicode-gutter-desktop: 64px; --spacing-nadicode-section-step-mobile: 64px; --spacing-nadicode-section-step-desktop: 96px; --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); }
|
|
749
|
+
@theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: var(--primary-hover); --color-primary-active: var(--primary-active); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-placeholder: var(--placeholder); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-info: var(--info); --color-info-foreground: var(--info-foreground); --color-destructive-soft: var(--destructive-soft); --color-destructive-soft-foreground: var(--destructive-soft-foreground); --color-warning-soft: var(--warning-soft); --color-warning-soft-foreground: var(--warning-soft-foreground); --color-success-soft: var(--success-soft); --color-success-soft-foreground: var(--success-soft-foreground); --color-info-soft: var(--info-soft); --color-info-soft-foreground: var(--info-soft-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-scrim: var(--scrim); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-selection: var(--selection); --color-selection-foreground: var(--selection-foreground); --color-recessed: var(--recessed); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary-hover: var(--sidebar-primary-hover); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --color-category-teal: var(--category-teal); --color-category-teal-foreground: var(--category-teal-foreground); --color-category-purple: var(--category-purple); --color-category-purple-foreground: var(--category-purple-foreground); --color-category-pink: var(--category-pink); --color-category-pink-foreground: var(--category-pink-foreground); }
|
|
531
750
|
}
|
|
751
|
+
@utility text-display-xl { & strong { font-weight: 500; } }
|
|
752
|
+
@utility text-display-wide { & strong { font-weight: 500; } }
|
|
753
|
+
@utility text-display-lg { & strong { font-weight: 500; } }
|
|
754
|
+
@utility text-display-section { & strong { font-weight: 500; } }
|
|
755
|
+
@utility text-display-md { & strong { font-weight: 500; } }
|
|
756
|
+
@utility text-heading-lg { & strong { font-weight: 500; } }
|
|
757
|
+
@utility text-heading-md { & strong { font-weight: 500; } }
|
|
758
|
+
@utility text-heading-sm { & strong { font-weight: 500; } }
|
|
759
|
+
@utility text-heading-xs { & strong { font-weight: 500; } }
|
|
760
|
+
@utility text-heading-compact { & strong { font-weight: 500; } }
|
|
761
|
+
@utility text-label-display { & strong { font-weight: 500; } }
|
|
762
|
+
@utility text-label-lg { & strong { font-weight: 500; } }
|
|
763
|
+
@utility text-label-md { & strong { font-weight: 500; } }
|
|
764
|
+
@utility text-label { & strong { font-weight: 500; } }
|
|
765
|
+
@utility text-label-sm { & strong { font-weight: 500; } }
|
|
766
|
+
@utility text-caption { & strong { font-weight: 500; } }
|
|
767
|
+
@utility text-label-mono-lg { & strong { font-weight: 500; } }
|
|
768
|
+
@utility text-label-mono-md { & strong { font-weight: 500; } }
|
|
769
|
+
@utility text-label-mono { & strong { font-weight: 500; } }
|
|
770
|
+
@utility text-body-display { & strong { font-weight: 550; } }
|
|
771
|
+
@utility text-body-lead { & strong { font-weight: 550; } }
|
|
772
|
+
@utility text-body-lg { & strong { font-weight: 550; } }
|
|
773
|
+
@utility text-body-md { & strong { font-weight: 550; } }
|
|
774
|
+
@utility text-body-sm { & strong { font-weight: 550; } }
|
|
775
|
+
@utility text-body-compact { & strong { font-weight: 550; } }
|
|
532
776
|
|
|
533
777
|
/* src/css/reset.css */
|
|
534
778
|
@layer reset {
|
|
@@ -631,6 +875,13 @@
|
|
|
631
875
|
line-height: var(--nc-type-display-xl-line-height);
|
|
632
876
|
letter-spacing: var(--nc-type-display-xl-letter-spacing);
|
|
633
877
|
}
|
|
878
|
+
.nc-type-display-wide {
|
|
879
|
+
font-family: var(--nc-type-display-wide-font-family);
|
|
880
|
+
font-size: var(--nc-type-display-wide-font-size);
|
|
881
|
+
font-weight: var(--nc-type-display-wide-font-weight);
|
|
882
|
+
line-height: var(--nc-type-display-wide-line-height);
|
|
883
|
+
letter-spacing: var(--nc-type-display-wide-letter-spacing);
|
|
884
|
+
}
|
|
634
885
|
.nc-type-display-lg {
|
|
635
886
|
font-family: var(--nc-type-display-lg-font-family);
|
|
636
887
|
font-size: var(--nc-type-display-lg-font-size);
|
|
@@ -638,6 +889,13 @@
|
|
|
638
889
|
line-height: var(--nc-type-display-lg-line-height);
|
|
639
890
|
letter-spacing: var(--nc-type-display-lg-letter-spacing);
|
|
640
891
|
}
|
|
892
|
+
.nc-type-display-section {
|
|
893
|
+
font-family: var(--nc-type-display-section-font-family);
|
|
894
|
+
font-size: var(--nc-type-display-section-font-size);
|
|
895
|
+
font-weight: var(--nc-type-display-section-font-weight);
|
|
896
|
+
line-height: var(--nc-type-display-section-line-height);
|
|
897
|
+
letter-spacing: var(--nc-type-display-section-letter-spacing);
|
|
898
|
+
}
|
|
641
899
|
.nc-type-display-md {
|
|
642
900
|
font-family: var(--nc-type-display-md-font-family);
|
|
643
901
|
font-size: var(--nc-type-display-md-font-size);
|
|
@@ -666,6 +924,118 @@
|
|
|
666
924
|
line-height: var(--nc-type-heading-sm-line-height);
|
|
667
925
|
letter-spacing: var(--nc-type-heading-sm-letter-spacing);
|
|
668
926
|
}
|
|
927
|
+
.nc-type-heading-xs {
|
|
928
|
+
font-family: var(--nc-type-heading-xs-font-family);
|
|
929
|
+
font-size: var(--nc-type-heading-xs-font-size);
|
|
930
|
+
font-weight: var(--nc-type-heading-xs-font-weight);
|
|
931
|
+
line-height: var(--nc-type-heading-xs-line-height);
|
|
932
|
+
letter-spacing: var(--nc-type-heading-xs-letter-spacing);
|
|
933
|
+
}
|
|
934
|
+
.nc-type-heading-compact {
|
|
935
|
+
font-family: var(--nc-type-heading-compact-font-family);
|
|
936
|
+
font-size: var(--nc-type-heading-compact-font-size);
|
|
937
|
+
font-weight: var(--nc-type-heading-compact-font-weight);
|
|
938
|
+
line-height: var(--nc-type-heading-compact-line-height);
|
|
939
|
+
letter-spacing: var(--nc-type-heading-compact-letter-spacing);
|
|
940
|
+
}
|
|
941
|
+
.nc-type-button-lg {
|
|
942
|
+
font-family: var(--nc-type-button-lg-font-family);
|
|
943
|
+
font-size: var(--nc-type-button-lg-font-size);
|
|
944
|
+
font-weight: var(--nc-type-button-lg-font-weight);
|
|
945
|
+
line-height: var(--nc-type-button-lg-line-height);
|
|
946
|
+
letter-spacing: var(--nc-type-button-lg-letter-spacing);
|
|
947
|
+
}
|
|
948
|
+
.nc-type-button {
|
|
949
|
+
font-family: var(--nc-type-button-font-family);
|
|
950
|
+
font-size: var(--nc-type-button-font-size);
|
|
951
|
+
font-weight: var(--nc-type-button-font-weight);
|
|
952
|
+
line-height: var(--nc-type-button-line-height);
|
|
953
|
+
letter-spacing: var(--nc-type-button-letter-spacing);
|
|
954
|
+
}
|
|
955
|
+
.nc-type-button-xs {
|
|
956
|
+
font-family: var(--nc-type-button-xs-font-family);
|
|
957
|
+
font-size: var(--nc-type-button-xs-font-size);
|
|
958
|
+
font-weight: var(--nc-type-button-xs-font-weight);
|
|
959
|
+
line-height: var(--nc-type-button-xs-line-height);
|
|
960
|
+
letter-spacing: var(--nc-type-button-xs-letter-spacing);
|
|
961
|
+
}
|
|
962
|
+
.nc-type-label-display {
|
|
963
|
+
font-family: var(--nc-type-label-display-font-family);
|
|
964
|
+
font-size: var(--nc-type-label-display-font-size);
|
|
965
|
+
font-weight: var(--nc-type-label-display-font-weight);
|
|
966
|
+
line-height: var(--nc-type-label-display-line-height);
|
|
967
|
+
letter-spacing: var(--nc-type-label-display-letter-spacing);
|
|
968
|
+
}
|
|
969
|
+
.nc-type-label-lg {
|
|
970
|
+
font-family: var(--nc-type-label-lg-font-family);
|
|
971
|
+
font-size: var(--nc-type-label-lg-font-size);
|
|
972
|
+
font-weight: var(--nc-type-label-lg-font-weight);
|
|
973
|
+
line-height: var(--nc-type-label-lg-line-height);
|
|
974
|
+
letter-spacing: var(--nc-type-label-lg-letter-spacing);
|
|
975
|
+
}
|
|
976
|
+
.nc-type-label-md {
|
|
977
|
+
font-family: var(--nc-type-label-md-font-family);
|
|
978
|
+
font-size: var(--nc-type-label-md-font-size);
|
|
979
|
+
font-weight: var(--nc-type-label-md-font-weight);
|
|
980
|
+
line-height: var(--nc-type-label-md-line-height);
|
|
981
|
+
letter-spacing: var(--nc-type-label-md-letter-spacing);
|
|
982
|
+
}
|
|
983
|
+
.nc-type-label {
|
|
984
|
+
font-family: var(--nc-type-label-font-family);
|
|
985
|
+
font-size: var(--nc-type-label-font-size);
|
|
986
|
+
font-weight: var(--nc-type-label-font-weight);
|
|
987
|
+
line-height: var(--nc-type-label-line-height);
|
|
988
|
+
letter-spacing: var(--nc-type-label-letter-spacing);
|
|
989
|
+
}
|
|
990
|
+
.nc-type-label-sm {
|
|
991
|
+
font-family: var(--nc-type-label-sm-font-family);
|
|
992
|
+
font-size: var(--nc-type-label-sm-font-size);
|
|
993
|
+
font-weight: var(--nc-type-label-sm-font-weight);
|
|
994
|
+
line-height: var(--nc-type-label-sm-line-height);
|
|
995
|
+
letter-spacing: var(--nc-type-label-sm-letter-spacing);
|
|
996
|
+
}
|
|
997
|
+
.nc-type-caption {
|
|
998
|
+
font-family: var(--nc-type-caption-font-family);
|
|
999
|
+
font-size: var(--nc-type-caption-font-size);
|
|
1000
|
+
font-weight: var(--nc-type-caption-font-weight);
|
|
1001
|
+
line-height: var(--nc-type-caption-line-height);
|
|
1002
|
+
letter-spacing: var(--nc-type-caption-letter-spacing);
|
|
1003
|
+
}
|
|
1004
|
+
.nc-type-label-mono-lg {
|
|
1005
|
+
font-family: var(--nc-type-label-mono-lg-font-family);
|
|
1006
|
+
font-size: var(--nc-type-label-mono-lg-font-size);
|
|
1007
|
+
font-weight: var(--nc-type-label-mono-lg-font-weight);
|
|
1008
|
+
line-height: var(--nc-type-label-mono-lg-line-height);
|
|
1009
|
+
letter-spacing: var(--nc-type-label-mono-lg-letter-spacing);
|
|
1010
|
+
}
|
|
1011
|
+
.nc-type-label-mono-md {
|
|
1012
|
+
font-family: var(--nc-type-label-mono-md-font-family);
|
|
1013
|
+
font-size: var(--nc-type-label-mono-md-font-size);
|
|
1014
|
+
font-weight: var(--nc-type-label-mono-md-font-weight);
|
|
1015
|
+
line-height: var(--nc-type-label-mono-md-line-height);
|
|
1016
|
+
letter-spacing: var(--nc-type-label-mono-md-letter-spacing);
|
|
1017
|
+
}
|
|
1018
|
+
.nc-type-label-mono {
|
|
1019
|
+
font-family: var(--nc-type-label-mono-font-family);
|
|
1020
|
+
font-size: var(--nc-type-label-mono-font-size);
|
|
1021
|
+
font-weight: var(--nc-type-label-mono-font-weight);
|
|
1022
|
+
line-height: var(--nc-type-label-mono-line-height);
|
|
1023
|
+
letter-spacing: var(--nc-type-label-mono-letter-spacing);
|
|
1024
|
+
}
|
|
1025
|
+
.nc-type-body-display {
|
|
1026
|
+
font-family: var(--nc-type-body-display-font-family);
|
|
1027
|
+
font-size: var(--nc-type-body-display-font-size);
|
|
1028
|
+
font-weight: var(--nc-type-body-display-font-weight);
|
|
1029
|
+
line-height: var(--nc-type-body-display-line-height);
|
|
1030
|
+
letter-spacing: var(--nc-type-body-display-letter-spacing);
|
|
1031
|
+
}
|
|
1032
|
+
.nc-type-body-lead {
|
|
1033
|
+
font-family: var(--nc-type-body-lead-font-family);
|
|
1034
|
+
font-size: var(--nc-type-body-lead-font-size);
|
|
1035
|
+
font-weight: var(--nc-type-body-lead-font-weight);
|
|
1036
|
+
line-height: var(--nc-type-body-lead-line-height);
|
|
1037
|
+
letter-spacing: var(--nc-type-body-lead-letter-spacing);
|
|
1038
|
+
}
|
|
669
1039
|
.nc-type-body-lg {
|
|
670
1040
|
font-family: var(--nc-type-body-lg-font-family);
|
|
671
1041
|
font-size: var(--nc-type-body-lg-font-size);
|
|
@@ -687,12 +1057,12 @@
|
|
|
687
1057
|
line-height: var(--nc-type-body-sm-line-height);
|
|
688
1058
|
letter-spacing: var(--nc-type-body-sm-letter-spacing);
|
|
689
1059
|
}
|
|
690
|
-
.nc-type-
|
|
691
|
-
font-family: var(--nc-type-
|
|
692
|
-
font-size: var(--nc-type-
|
|
693
|
-
font-weight: var(--nc-type-
|
|
694
|
-
line-height: var(--nc-type-
|
|
695
|
-
letter-spacing: var(--nc-type-
|
|
1060
|
+
.nc-type-body-compact {
|
|
1061
|
+
font-family: var(--nc-type-body-compact-font-family);
|
|
1062
|
+
font-size: var(--nc-type-body-compact-font-size);
|
|
1063
|
+
font-weight: var(--nc-type-body-compact-font-weight);
|
|
1064
|
+
line-height: var(--nc-type-body-compact-line-height);
|
|
1065
|
+
letter-spacing: var(--nc-type-body-compact-letter-spacing);
|
|
696
1066
|
}
|
|
697
1067
|
.nc-type-code {
|
|
698
1068
|
font-family: var(--nc-type-code-font-family);
|
|
@@ -701,12 +1071,14 @@
|
|
|
701
1071
|
line-height: var(--nc-type-code-line-height);
|
|
702
1072
|
letter-spacing: var(--nc-type-code-letter-spacing);
|
|
703
1073
|
}
|
|
704
|
-
.nc-type-
|
|
705
|
-
font-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
1074
|
+
:is(.nc-type-display-xl, .nc-type-display-wide, .nc-type-display-lg, .nc-type-display-section, .nc-type-display-md, .nc-type-heading-lg, .nc-type-heading-md, .nc-type-heading-sm, .nc-type-heading-xs, .nc-type-heading-compact) strong {
|
|
1075
|
+
font-weight: 500;
|
|
1076
|
+
}
|
|
1077
|
+
:is(.nc-type-label-display, .nc-type-label-lg, .nc-type-label-md, .nc-type-label, .nc-type-label-sm, .nc-type-caption, .nc-type-label-mono-lg, .nc-type-label-mono-md, .nc-type-label-mono) strong {
|
|
1078
|
+
font-weight: 500;
|
|
1079
|
+
}
|
|
1080
|
+
:is(.nc-type-body-display, .nc-type-body-lead, .nc-type-body-lg, .nc-type-body-md, .nc-type-body-sm, .nc-type-body-compact) strong {
|
|
1081
|
+
font-weight: 550;
|
|
710
1082
|
}
|
|
711
1083
|
}
|
|
712
1084
|
|