@nadicodeai/design-system 12.1.62 → 12.1.64

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.
@@ -104,15 +104,15 @@
104
104
  --nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00);
105
105
  --nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);
106
106
  --nc-dark-material-solid: oklch(0.0000 0.0000 0.00);
107
- --nc-dark-material-resting: oklch(0.1543 0.0000 0.00);
108
- --nc-dark-material-raised: oklch(0.1822 0.0000 0.00);
109
- --nc-dark-material-floating: oklch(0.2090 0.0000 0.00);
110
- --nc-dark-material-modal: oklch(0.2264 0.0000 0.00);
107
+ --nc-dark-material-resting: oklch(0.1822 0.0000 0.00);
108
+ --nc-dark-material-raised: oklch(0.2178 0.0000 0.00);
109
+ --nc-dark-material-floating: oklch(0.2686 0.0000 0.00);
110
+ --nc-dark-material-modal: oklch(0.2850 0.0000 0.00);
111
111
  --nc-dark-ink: oklch(0.9461 0.0000 0.00);
112
112
  --nc-dark-body: oklch(0.8297 0.0000 0.00);
113
- --nc-dark-muted: oklch(0.6500 0.0000 0.00);
113
+ --nc-dark-muted: oklch(0.6993 0.0000 0.00);
114
114
  --nc-dark-line: oklch(0.2686 0.0000 0.00);
115
- --nc-dark-input: oklch(0.5208 0.0000 0.00);
115
+ --nc-dark-input: oklch(0.5590 0.0000 0.00);
116
116
  --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);
117
117
  --nc-dark-action: oklch(0.9461 0.0000 0.00);
118
118
  --nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);
@@ -171,12 +171,12 @@
171
171
  --nc-touch-target: 44px;
172
172
  --nc-rounded-none: 0px;
173
173
  --nc-rounded-xs: 2px;
174
- --nc-rounded-sm: 4px;
175
- --nc-rounded-md: 6px;
176
- --nc-rounded-lg: 8px;
177
- --nc-rounded-xl: 10px;
178
- --nc-rounded-2xl: 12px;
179
- --nc-rounded-3xl: 16px;
174
+ --nc-rounded-sm: 6px;
175
+ --nc-rounded-md: 8px;
176
+ --nc-rounded-lg: 12px;
177
+ --nc-rounded-xl: 16px;
178
+ --nc-rounded-2xl: 20px;
179
+ --nc-rounded-3xl: 24px;
180
180
  --nc-rounded-full: 9999px;
181
181
  --nc-type-display-xl-font-family:
182
182
  Geist,
@@ -305,25 +305,25 @@
305
305
  --nc-material-glass-saturation: 180%;
306
306
  --nc-material-glass-blur: 20px;
307
307
  --nc-elevation-resting:
308
- 0px 1px 2px 0px rgb(0% 0% 0% / 0.05),
309
- 0px 2px 8px -2px rgb(0% 0% 0% / 0.06),
308
+ 0px 1px 2px 0px rgb(0% 0% 0% / 0.1),
309
+ 0px 12px 24px -6px rgb(3.9% 7.8% 35.3% / 0.3),
310
310
  0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
311
311
  --nc-elevation-raised:
312
- 0px 1px 2px 0px rgb(0% 0% 0% / 0.06),
313
- 0px 6px 12px -4px rgb(0% 0% 0% / 0.08),
314
- 0px 16px 32px -8px rgb(0% 0% 0% / 0.1),
312
+ 0px 2px 4px 0px rgb(0% 0% 0% / 0.1),
313
+ 0px 24px 48px -12px rgb(3.9% 7.8% 35.3% / 0.35),
314
+ 0px 64px 128px -32px rgb(3.9% 7.8% 35.3% / 0.45),
315
315
  0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
316
316
  --nc-elevation-floating:
317
317
  inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.75),
318
318
  inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.35),
319
- 0px 2px 4px 0px rgb(0% 0% 0% / 0.06),
320
- 0px 12px 24px -6px rgb(0% 0% 0% / 0.12),
321
- 0px 32px 64px -16px rgb(0% 0% 0% / 0.16),
319
+ 0px 2px 4px 0px rgb(0% 0% 0% / 0.1),
320
+ 0px 32px 64px -16px rgb(3.9% 7.8% 35.3% / 0.4),
321
+ 0px 80px 160px -40px rgb(3.9% 7.8% 35.3% / 0.5),
322
322
  0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
323
323
  --nc-elevation-modal:
324
- 0px 2px 4px 0px rgb(0% 0% 0% / 0.06),
325
- 0px 24px 48px -12px rgb(0% 0% 0% / 0.18),
326
- 0px 64px 128px -32px rgb(0% 0% 0% / 0.26),
324
+ 0px 2px 4px 0px rgb(0% 0% 0% / 0.1),
325
+ 0px 40px 80px -20px rgb(3.9% 7.8% 35.3% / 0.45),
326
+ 0px 96px 192px -48px rgb(3.9% 7.8% 35.3% / 0.55),
327
327
  0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
328
328
  --nc-duration-control: 100ms;
329
329
  --nc-duration-close: 140ms;
@@ -401,24 +401,24 @@
401
401
  --nc-chart-5: var(--nc-dark-chart-5);
402
402
  --nc-chart-6: var(--nc-dark-chart-6);
403
403
  --nc-elevation-resting:
404
- inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.05),
405
- inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.07),
404
+ inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.08),
405
+ inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.11),
406
406
  0px 1px 2px 0px rgb(0% 0% 0% / 0.6),
407
407
  0px 0px 0px 1px rgb(0% 0% 0% / 0.8);
408
408
  --nc-elevation-raised:
409
- inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.07),
410
- inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.09),
409
+ inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.11),
410
+ inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.14),
411
411
  0px 16px 32px -8px rgb(0% 0% 0% / 0.6),
412
412
  0px 0px 0px 1px rgb(0% 0% 0% / 0.8);
413
413
  --nc-elevation-floating:
414
- inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.09),
415
- inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.11),
414
+ inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.14),
415
+ inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.17),
416
416
  0px 12px 24px -6px rgb(0% 0% 0% / 0.6),
417
417
  0px 32px 64px -16px rgb(0% 0% 0% / 0.7),
418
418
  0px 0px 0px 1px rgb(0% 0% 0% / 0.8);
419
419
  --nc-elevation-modal:
420
- inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.11),
421
- inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.13),
420
+ inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.17),
421
+ inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.2),
422
422
  0px 64px 128px -32px rgb(0% 0% 0% / 0.8),
423
423
  0px 0px 0px 1px rgb(0% 0% 0% / 0.8);
424
424
  }
@@ -540,7 +540,7 @@
540
540
  --sidebar-border: var(--nc-dark-line);
541
541
  --sidebar-ring: var(--nc-dark-focus-ring);
542
542
  }
543
- @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.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-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.1543 0.0000 0.00); --color-nc-dark-material-raised: oklch(0.1822 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.2090 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.2264 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-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.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-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: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 10px; --radius-2xl: 12px; --radius-3xl: 16px; --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); }
543
+ @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.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-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.1822 0.0000 0.00); --color-nc-dark-material-raised: oklch(0.2178 0.0000 0.00); --color-nc-dark-material-floating: oklch(0.2686 0.0000 0.00); --color-nc-dark-material-modal: oklch(0.2850 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.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-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); }
544
544
  @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); }
545
545
  }
546
546
 
@@ -104,15 +104,15 @@
104
104
  --nc-dark-canvas-soft-2: oklch(0.2178 0.0000 0.00);
105
105
  --nc-dark-material-workspace: oklch(0.0000 0.0000 0.00);
106
106
  --nc-dark-material-solid: oklch(0.0000 0.0000 0.00);
107
- --nc-dark-material-resting: oklch(0.1543 0.0000 0.00);
108
- --nc-dark-material-raised: oklch(0.1822 0.0000 0.00);
109
- --nc-dark-material-floating: oklch(0.2090 0.0000 0.00);
110
- --nc-dark-material-modal: oklch(0.2264 0.0000 0.00);
107
+ --nc-dark-material-resting: oklch(0.1822 0.0000 0.00);
108
+ --nc-dark-material-raised: oklch(0.2178 0.0000 0.00);
109
+ --nc-dark-material-floating: oklch(0.2686 0.0000 0.00);
110
+ --nc-dark-material-modal: oklch(0.2850 0.0000 0.00);
111
111
  --nc-dark-ink: oklch(0.9461 0.0000 0.00);
112
112
  --nc-dark-body: oklch(0.8297 0.0000 0.00);
113
- --nc-dark-muted: oklch(0.6500 0.0000 0.00);
113
+ --nc-dark-muted: oklch(0.6993 0.0000 0.00);
114
114
  --nc-dark-line: oklch(0.2686 0.0000 0.00);
115
- --nc-dark-input: oklch(0.5208 0.0000 0.00);
115
+ --nc-dark-input: oklch(0.5590 0.0000 0.00);
116
116
  --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);
117
117
  --nc-dark-action: oklch(0.9461 0.0000 0.00);
118
118
  --nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);
@@ -171,12 +171,12 @@
171
171
  --nc-touch-target: 44px;
172
172
  --nc-rounded-none: 0px;
173
173
  --nc-rounded-xs: 2px;
174
- --nc-rounded-sm: 4px;
175
- --nc-rounded-md: 6px;
176
- --nc-rounded-lg: 8px;
177
- --nc-rounded-xl: 10px;
178
- --nc-rounded-2xl: 12px;
179
- --nc-rounded-3xl: 16px;
174
+ --nc-rounded-sm: 6px;
175
+ --nc-rounded-md: 8px;
176
+ --nc-rounded-lg: 12px;
177
+ --nc-rounded-xl: 16px;
178
+ --nc-rounded-2xl: 20px;
179
+ --nc-rounded-3xl: 24px;
180
180
  --nc-rounded-full: 9999px;
181
181
  --nc-type-display-xl-font-family:
182
182
  Geist,
@@ -305,25 +305,25 @@
305
305
  --nc-material-glass-saturation: 180%;
306
306
  --nc-material-glass-blur: 20px;
307
307
  --nc-elevation-resting:
308
- 0px 1px 2px 0px rgb(0% 0% 0% / 0.05),
309
- 0px 2px 8px -2px rgb(0% 0% 0% / 0.06),
308
+ 0px 1px 2px 0px rgb(0% 0% 0% / 0.1),
309
+ 0px 12px 24px -6px rgb(3.9% 7.8% 35.3% / 0.3),
310
310
  0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
311
311
  --nc-elevation-raised:
312
- 0px 1px 2px 0px rgb(0% 0% 0% / 0.06),
313
- 0px 6px 12px -4px rgb(0% 0% 0% / 0.08),
314
- 0px 16px 32px -8px rgb(0% 0% 0% / 0.1),
312
+ 0px 2px 4px 0px rgb(0% 0% 0% / 0.1),
313
+ 0px 24px 48px -12px rgb(3.9% 7.8% 35.3% / 0.35),
314
+ 0px 64px 128px -32px rgb(3.9% 7.8% 35.3% / 0.45),
315
315
  0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
316
316
  --nc-elevation-floating:
317
317
  inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.75),
318
318
  inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.35),
319
- 0px 2px 4px 0px rgb(0% 0% 0% / 0.06),
320
- 0px 12px 24px -6px rgb(0% 0% 0% / 0.12),
321
- 0px 32px 64px -16px rgb(0% 0% 0% / 0.16),
319
+ 0px 2px 4px 0px rgb(0% 0% 0% / 0.1),
320
+ 0px 32px 64px -16px rgb(3.9% 7.8% 35.3% / 0.4),
321
+ 0px 80px 160px -40px rgb(3.9% 7.8% 35.3% / 0.5),
322
322
  0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
323
323
  --nc-elevation-modal:
324
- 0px 2px 4px 0px rgb(0% 0% 0% / 0.06),
325
- 0px 24px 48px -12px rgb(0% 0% 0% / 0.18),
326
- 0px 64px 128px -32px rgb(0% 0% 0% / 0.26),
324
+ 0px 2px 4px 0px rgb(0% 0% 0% / 0.1),
325
+ 0px 40px 80px -20px rgb(3.9% 7.8% 35.3% / 0.45),
326
+ 0px 96px 192px -48px rgb(3.9% 7.8% 35.3% / 0.55),
327
327
  0px 0px 0px 1px rgb(0% 0% 0% / 0.08);
328
328
  --nc-duration-control: 100ms;
329
329
  --nc-duration-close: 140ms;
@@ -401,24 +401,24 @@
401
401
  --nc-chart-5: var(--nc-dark-chart-5);
402
402
  --nc-chart-6: var(--nc-dark-chart-6);
403
403
  --nc-elevation-resting:
404
- inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.05),
405
- inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.07),
404
+ inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.08),
405
+ inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.11),
406
406
  0px 1px 2px 0px rgb(0% 0% 0% / 0.6),
407
407
  0px 0px 0px 1px rgb(0% 0% 0% / 0.8);
408
408
  --nc-elevation-raised:
409
- inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.07),
410
- inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.09),
409
+ inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.11),
410
+ inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.14),
411
411
  0px 16px 32px -8px rgb(0% 0% 0% / 0.6),
412
412
  0px 0px 0px 1px rgb(0% 0% 0% / 0.8);
413
413
  --nc-elevation-floating:
414
- inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.09),
415
- inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.11),
414
+ inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.14),
415
+ inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.17),
416
416
  0px 12px 24px -6px rgb(0% 0% 0% / 0.6),
417
417
  0px 32px 64px -16px rgb(0% 0% 0% / 0.7),
418
418
  0px 0px 0px 1px rgb(0% 0% 0% / 0.8);
419
419
  --nc-elevation-modal:
420
- inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.11),
421
- inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.13),
420
+ inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.17),
421
+ inset 0px 0px 0px 1px rgb(100% 100% 100% / 0.2),
422
422
  0px 64px 128px -32px rgb(0% 0% 0% / 0.8),
423
423
  0px 0px 0px 1px rgb(0% 0% 0% / 0.8);
424
424
  }
@@ -65,15 +65,15 @@
65
65
  "dark-canvas-soft-2": "#1a1a1a",
66
66
  "dark-material-workspace": "#000000",
67
67
  "dark-material-solid": "#000000",
68
- "dark-material-resting": "#0c0c0c",
69
- "dark-material-raised": "#121212",
70
- "dark-material-floating": "#181818",
71
- "dark-material-modal": "#1c1c1c",
68
+ "dark-material-resting": "#121212",
69
+ "dark-material-raised": "#1a1a1a",
70
+ "dark-material-floating": "#262626",
71
+ "dark-material-modal": "#2a2a2a",
72
72
  "dark-ink": "#ededed",
73
73
  "dark-body": "#c7c7c7",
74
- "dark-muted": "#8f8f8f",
74
+ "dark-muted": "#9e9e9e",
75
75
  "dark-line": "#262626",
76
- "dark-input": "#696969",
76
+ "dark-input": "#747474",
77
77
  "dark-on-primary": "#0a0a0a",
78
78
  "dark-action": "#ededed",
79
79
  "dark-action-foreground": "#0a0a0a",
@@ -251,12 +251,12 @@
251
251
  "borderRadius": {
252
252
  "none": "0px",
253
253
  "xs": "2px",
254
- "sm": "4px",
255
- "md": "6px",
256
- "lg": "8px",
257
- "xl": "10px",
258
- "2xl": "12px",
259
- "3xl": "16px",
254
+ "sm": "6px",
255
+ "md": "8px",
256
+ "lg": "12px",
257
+ "xl": "16px",
258
+ "2xl": "20px",
259
+ "3xl": "24px",
260
260
  "full": "9999px"
261
261
  },
262
262
  "spacing": {