@nadicodeai/design-system 0.10.2 → 0.11.0

package/dist/css/tokens.generated.css

@@ -1,349 +0,0 @@
-/* Generated by Style Dictionary (scripts/sd) from the @google/design.md DTCG + Tailwind exports. */
-/* A complete projection of the export — DESIGN.md is the single source. Do not edit directly. */
-/* Run npm run build. Responsive @media switching and composed/calc vars live in */
-/* layout.css / tokens.local.css and reference these emitted --nc-* tokens only. */
-
-:root {
-  /* Colors */
-  --nc-primary: #008c45;
-  --nc-on-primary: #ffffff;
-  --nc-action: #007a3c;
-  --nc-action-foreground: #ffffff;
-  --nc-action-hover: #00602f;
-  --nc-action-active: #00301a;
-  --nc-ink: #171717;
-  --nc-body: #4d4d4d;
-  --nc-muted: #888888;
-  --nc-canvas: #ffffff;
-  --nc-canvas-soft: #fafafa;
-  --nc-canvas-soft-2: #f5f5f5;
-  --nc-line: #e5e5e5;
-  --nc-input: #8f8f8f;
-  --nc-seam: #e4e7ec;
-  --nc-cross: #a1a1a1;
-  --nc-focus-ring: #007a3c;
-  --nc-scrim: #171717;
-  --nc-link: #007a3c;
-  --nc-link-deep: #00602f;
-  --nc-link-bg-soft: #d9f6e4;
-  --nc-accent: #cd212a;
-  --nc-info: #2743d8;
-  --nc-success: #008c45;
-  --nc-error: #b80022;
-  --nc-error-soft: #fce4e4;
-  --nc-error-deep: #9c001d;
-  --nc-warning: #f5a623;
-  --nc-warning-soft: #fff1cf;
-  --nc-warning-deep: #8f4a06;
-  --nc-flag-red: #cd212a;
-  --nc-selection-bg: #171717;
-  --nc-selection-fg: #f2f2f2;
-  --nc-state-ready: #4d4d4d;
-  --nc-state-running: #2743d8;
-  --nc-state-review: #f5a623;
-  --nc-state-blocked: #b80022;
-  --nc-state-complete: #008c45;
-  --nc-background-100: #ffffff;
-  --nc-background-200: #fafafa;
-  --nc-gray-100: #f2f2f2;
-  --nc-gray-200: #ebebeb;
-  --nc-gray-300: #e6e6e6;
-  --nc-gray-400: #eaeaea;
-  --nc-gray-500: #c9c9c9;
-  --nc-gray-600: #a8a8a8;
-  --nc-gray-700: #8f8f8f;
-  --nc-gray-800: #7d7d7d;
-  --nc-gray-900: #4d4d4d;
-  --nc-gray-1000: #171717;
-  --nc-green-italia-100: #e8faef;
-  --nc-green-italia-200: #d9f6e4;
-  --nc-green-italia-300: #c3f0d4;
-  --nc-green-italia-400: #9fe6bc;
-  --nc-green-italia-500: #62d494;
-  --nc-green-italia-600: #17b568;
-  --nc-green-italia-700: #008c45;
-  --nc-green-italia-800: #007a3c;
-  --nc-green-italia-900: #00602f;
-  --nc-green-italia-1000: #00301a;
-  --nc-red-italia-100: #fdeeee;
-  --nc-red-italia-200: #fce4e4;
-  --nc-red-italia-300: #fad3d4;
-  --nc-red-italia-400: #f7b3b5;
-  --nc-red-italia-500: #f28085;
-  --nc-red-italia-600: #e84e57;
-  --nc-red-italia-700: #cd212a;
-  --nc-red-italia-800: #b80022;
-  --nc-red-italia-900: #9c001d;
-  --nc-red-italia-1000: #4a000e;
-  --nc-blue-cobalto-100: #eef2ff;
-  --nc-blue-cobalto-200: #e2e9fe;
-  --nc-blue-cobalto-300: #cdd9fd;
-  --nc-blue-cobalto-400: #a9befa;
-  --nc-blue-cobalto-500: #7d99f2;
-  --nc-blue-cobalto-600: #4f6ae6;
-  --nc-blue-cobalto-700: #2743d8;
-  --nc-blue-cobalto-800: #1d33ad;
-  --nc-blue-cobalto-900: #16277f;
-  --nc-blue-cobalto-1000: #0a1240;
-  --nc-amber-100: #fff6e1;
-  --nc-amber-200: #fff1cf;
-  --nc-amber-300: #ffe9b3;
-  --nc-amber-400: #ffd97d;
-  --nc-amber-500: #ffc933;
-  --nc-amber-600: #f5a623;
-  --nc-amber-700: #d98800;
-  --nc-amber-800: #b36b00;
-  --nc-amber-900: #8f4a06;
-  --nc-amber-1000: #452301;
-  --nc-campo-verde: #008c45;
-  --nc-campo-rosso: #cd212a;
-  --nc-campo-arancio: #e4530b;
-  --nc-campo-giallo: #f2b705;
-  --nc-campo-cobalto: #2743d8;
-  --nc-campo-inchiostro: #171717;
-  --nc-campo-bianco: #ffffff;
-  --nc-chart-1: #2743d8;
-  --nc-chart-2: #008c45;
-  --nc-chart-3: #f5a623;
-  --nc-chart-4: #cd212a;
-  --nc-chart-5: #00838f;
-  --nc-chart-6: #6f42c1;
-  --nc-chart-seq-1: #7d99f2;
-  --nc-chart-seq-2: #4f6ae6;
-  --nc-chart-seq-3: #2743d8;
-  --nc-chart-seq-4: #1d33ad;
-  --nc-chart-seq-5: #16277f;
-  --nc-chart-div-warm: #d98800;
-  --nc-chart-div-mid: #8f8f8f;
-  --nc-chart-div-cool: #7d99f2;
-  --nc-dark-canvas: #0a0a0a;
-  --nc-dark-canvas-soft: #171717;
-  --nc-dark-canvas-soft-2: #262626;
-  --nc-dark-ink: #f5f5f5;
-  --nc-dark-body: #d4d4d4;
-  --nc-dark-muted: #a3a3a3;
-  --nc-dark-line: #2e2e2e;
-  --nc-dark-input: #5d5d5d;
-  --nc-dark-seam: #1f1f1f;
-  --nc-dark-primary: #ededed;
-  --nc-dark-on-primary: #0a0a0a;
-  --nc-dark-action: #ededed;
-  --nc-dark-action-foreground: #0a0a0a;
-  --nc-dark-action-hover: #d4d4d4;
-  --nc-dark-action-active: #a3a3a3;
-  --nc-dark-link: #9fe6bc;
-  --nc-dark-link-deep: #c3f0d4;
-  --nc-dark-link-bg-soft: #00301a;
-  --nc-dark-focus-ring: #9fe6bc;
-  --nc-dark-scrim: #f5f5f5;
-  --nc-dark-error: #f7b3b5;
-  --nc-dark-error-soft: #4a000e;
-  --nc-dark-error-deep: #fad3d4;
-  --nc-dark-warning: #ffd97d;
-  --nc-dark-warning-soft: #452301;
-  --nc-dark-warning-deep: #ffe9b3;
-  --nc-dark-cyan: #33d1cb;
-  --nc-dark-cyan-soft: #7ee8de;
-  --nc-dark-cyan-deep: #1f9e9a;
-  --nc-dark-success: #62d494;
-  --nc-dark-state-ready: #8f8f8f;
-  --nc-dark-state-running: #4f6ae6;
-  --nc-dark-state-review: #f5a623;
-  --nc-dark-state-blocked: #cd212a;
-  --nc-dark-state-complete: #008c45;
-  --nc-dark-selection-bg: #ededed;
-  --nc-dark-selection-fg: #0a0a0a;
-  --nc-dark-cross: #6e6e6e;
-  --nc-dark-chart-1: #7d99f2;
-  --nc-dark-chart-2: #17b568;
-  --nc-dark-chart-3: #ffd97d;
-  --nc-dark-chart-4: #f28085;
-  --nc-dark-chart-5: #33d1cb;
-  --nc-dark-chart-6: #9575cd;
-  --nc-dark-chart-seq-1: #4f6ae6;
-  --nc-dark-chart-seq-2: #7d99f2;
-  --nc-dark-chart-seq-3: #a9befa;
-  --nc-dark-chart-seq-4: #cdd9fd;
-  --nc-dark-chart-seq-5: #eef2ff;
-  --nc-dark-chart-div-warm: #ffd97d;
-  --nc-dark-chart-div-mid: #e6e6e6;
-  --nc-dark-chart-div-cool: #cdd9fd;
-
-  /* Spacing */
-  --nc-xxs: 4px;
-  --nc-filter-chip-gap: 6px;
-  --nc-xs: 8px;
-  --nc-sm: 12px;
-  --nc-md: 16px;
-  --nc-lg: 24px;
-  --nc-xl: 32px;
-  --nc-2xl: 40px;
-  --nc-3xl: 48px;
-  --nc-4xl: 64px;
-  --nc-5xl: 96px;
-  --nc-6xl: 128px;
-  --nc-section: 192px;
-  --nc-guide: 1px;
-  --nc-focus-ring-width: 3px;
-  --nc-control-height: 32px;
-  --nc-control-padding-inline: 10px;
-  --nc-touch-target: 44px;
-  --nc-page-pad: 24px;
-  --nc-page-max-mobile: 448px;
-  --nc-page-max-tablet: 624px;
-  --nc-page-max-desktop: 1440px;
-  --nc-frame-max: 1392px;
-  --nc-frame-gap: 24px;
-  --nc-cell-padding: 24px;
-  --nc-section-gap: 48px;
-  --nc-cross-size-mobile: 11px;
-  --nc-cross-size-tablet: 15px;
-  --nc-cross-size-desktop: 21px;
-  --nc-h-strip-mobile: 72px;
-  --nc-h-strip-tablet: 80px;
-  --nc-h-strip-desktop: 88px;
-  --nc-h-cell-sm: 120px;
-  --nc-h-cell-md-mobile: 144px;
-  --nc-h-cell-md-tablet: 160px;
-  --nc-h-cell-md-desktop: 168px;
-  --nc-h-cell-lg-mobile: 220px;
-  --nc-h-cell-lg-desktop: 240px;
-  --nc-h-visual-mobile: 276px;
-  --nc-h-visual-tablet: 318px;
-  --nc-h-visual-desktop: 360px;
-  --nc-h-precision-mobile: 276px;
-  --nc-h-precision-tablet: 480px;
-  --nc-h-precision-desktop: 720px;
-  --nc-h-hero-mobile: 560px;
-  --nc-h-hero-desktop: 720px;
-  --nc-h-action-strip-mobile: 20px;
-  --nc-h-action-strip-desktop: 32px;
-  --nc-h-action-body-mobile: 320px;
-  --nc-h-action-body-tablet: 338px;
-  --nc-h-action-band: 260px;
-  --nc-h-feature-mobile: 360px;
-  --nc-h-feature-tablet: 400px;
-  --nc-h-feature-desktop: 456px;
-  --nc-h-editorial-feature-mobile: 360px;
-  --nc-h-editorial-feature-tablet: 440px;
-  --nc-h-editorial-feature-desktop: 560px;
-  --nc-h-bento-primary: 384px;
-  --nc-h-bento-secondary: 240px;
-  --nc-h-bento-mobile-copy: 248px;
-  --nc-h-bento-mobile-main: 537px;
-  --nc-h-bento-strip: 20px;
-  --nc-filter-chip-height: 28px;
-  --nc-filter-chip-icon: 14px;
-
-  /* Radii */
-  --nc-rounded-none: 0px;
-  --nc-rounded-xs: 2px;
-  --nc-rounded-sm: 4px;
-  --nc-rounded-md: 6px;
-  --nc-rounded-lg: 8px;
-  --nc-rounded-xl: 10px;
-  --nc-rounded-2xl: 12px;
-  --nc-rounded-3xl: 16px;
-  --nc-rounded-pill-sm: 64px;
-  --nc-rounded-pill: 100px;
-  --nc-rounded-full: 9999px;
-
-  /* Typography (per-property; consumed by .nc-type-* classes in foundation.css) */
-  --nc-type-display-xl-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-display-xl-font-size: 72px;
-  --nc-type-display-xl-font-weight: 600;
-  --nc-type-display-xl-line-height: 74px;
-  --nc-type-display-xl-letter-spacing: -1.5px;
-  --nc-type-display-lg-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-display-lg-font-size: 52px;
-  --nc-type-display-lg-font-weight: 600;
-  --nc-type-display-lg-line-height: 54px;
-  --nc-type-display-lg-letter-spacing: -1px;
-  --nc-type-display-md-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-display-md-font-size: 24px;
-  --nc-type-display-md-font-weight: 600;
-  --nc-type-display-md-line-height: 32px;
-  --nc-type-display-md-letter-spacing: 0px;
-  --nc-type-display-sm-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-display-sm-font-size: 20px;
-  --nc-type-display-sm-font-weight: 600;
-  --nc-type-display-sm-line-height: 28px;
-  --nc-type-display-sm-letter-spacing: 0px;
-  --nc-type-title-lg-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-title-lg-font-size: 40px;
-  --nc-type-title-lg-font-weight: 600;
-  --nc-type-title-lg-line-height: 41px;
-  --nc-type-title-lg-letter-spacing: 0px;
-  --nc-type-title-md-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-title-md-font-size: 30px;
-  --nc-type-title-md-font-weight: 600;
-  --nc-type-title-md-line-height: 32px;
-  --nc-type-title-md-letter-spacing: 0px;
-  --nc-type-title-sm-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-title-sm-font-size: 22px;
-  --nc-type-title-sm-font-weight: 600;
-  --nc-type-title-sm-line-height: 25px;
-  --nc-type-title-sm-letter-spacing: 0px;
-  --nc-type-body-lg-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-body-lg-font-size: 18px;
-  --nc-type-body-lg-font-weight: 400;
-  --nc-type-body-lg-line-height: 27px;
-  --nc-type-body-lg-letter-spacing: 0px;
-  --nc-type-body-md-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-body-md-font-size: 16px;
-  --nc-type-body-md-font-weight: 400;
-  --nc-type-body-md-line-height: 25px;
-  --nc-type-body-md-letter-spacing: 0px;
-  --nc-type-body-md-strong-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-body-md-strong-font-size: 16px;
-  --nc-type-body-md-strong-font-weight: 500;
-  --nc-type-body-md-strong-line-height: 24px;
-  --nc-type-body-md-strong-letter-spacing: 0px;
-  --nc-type-body-sm-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-body-sm-font-size: 14px;
-  --nc-type-body-sm-font-weight: 400;
-  --nc-type-body-sm-line-height: 20px;
-  --nc-type-body-sm-letter-spacing: 0px;
-  --nc-type-body-sm-strong-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-body-sm-strong-font-size: 14px;
-  --nc-type-body-sm-strong-font-weight: 500;
-  --nc-type-body-sm-strong-line-height: 20px;
-  --nc-type-body-sm-strong-letter-spacing: 0px;
-  --nc-type-caption-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-caption-font-size: 12px;
-  --nc-type-caption-font-weight: 400;
-  --nc-type-caption-line-height: 16px;
-  --nc-type-caption-letter-spacing: 0px;
-  --nc-type-caption-strong-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-caption-strong-font-size: 12px;
-  --nc-type-caption-strong-font-weight: 500;
-  --nc-type-caption-strong-line-height: 16px;
-  --nc-type-caption-strong-letter-spacing: 0px;
-  --nc-type-caption-mono-font-family: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
-  --nc-type-caption-mono-font-size: 12px;
-  --nc-type-caption-mono-font-weight: 500;
-  --nc-type-caption-mono-line-height: 16px;
-  --nc-type-caption-mono-letter-spacing: 0px;
-  --nc-type-code-font-family: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
-  --nc-type-code-font-size: 13px;
-  --nc-type-code-font-weight: 400;
-  --nc-type-code-line-height: 20px;
-  --nc-type-code-letter-spacing: 0px;
-  --nc-type-button-md-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-button-md-font-size: 14px;
-  --nc-type-button-md-font-weight: 500;
-  --nc-type-button-md-line-height: 18px;
-  --nc-type-button-md-letter-spacing: 0px;
-  --nc-type-button-lg-font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
-  --nc-type-button-lg-font-size: 16px;
-  --nc-type-button-lg-font-weight: 500;
-  --nc-type-button-lg-line-height: 24px;
-  --nc-type-button-lg-letter-spacing: 0px;
-
-  /* Material opacity and shadows (strictly parsed from DESIGN.md prose) */
-  --nc-material-scrim-opacity: 10%;
-  --nc-material-shadow-tooltip: 0 1px 1px rgb(0 0 0 / 2%), 0 4px 8px rgb(0 0 0 / 4%);
-  --nc-material-shadow-menu: 0 1px 1px rgb(0 0 0 / 2%), 0 4px 8px -4px rgb(0 0 0 / 4%), 0 16px 24px -8px rgb(0 0 0 / 6%);
-  --nc-material-shadow-dialog: 0 1px 1px rgb(0 0 0 / 2%), 0 8px 16px -4px rgb(0 0 0 / 4%), 0 24px 32px -8px rgb(0 0 0 / 6%);
-  --nc-material-shadow-sheet: 0 2px 2px rgb(0 0 0 / 4%), 0 8px 16px -4px rgb(0 0 0 / 4%);
-}

package/dist/css/tokens.local.css

@@ -1,11 +0,0 @@
-/*
- * Hand-authored bundle-local tokens — NOT generated, NOT in DESIGN.md.
- * The only exception that cannot be a flat contract value: the runtime grid
- * counters, set per-recipe at the markup level.
- * Everything else in the tokens layer comes from tokens.generated.css.
- */
-:root {
-  /* Runtime grid counters — overwritten per-recipe via inline style. */
-  --nc-guide-columns: 1;
-  --nc-guide-rows: 1;
-}