@nadicodeai/design-system 9.2.0 → 10.0.0

package/dist/css/tokens.css

@@ -41,7 +41,6 @@
 /* src/css/tokens.generated.css */
 @layer tokens {
   :root {
-    --nc-primary: oklch(0.5075 0.1338 151.91);
     --nc-on-primary: oklch(1.0000 0.0000 0.00);
     --nc-action: oklch(0.1776 0.0000 0.00);
     --nc-action-foreground: oklch(1.0000 0.0000 0.00);
@@ -77,7 +76,6 @@
     --nc-warning: oklch(0.8466 0.1678 84.63);
     --nc-warning-soft: oklch(0.9649 0.0461 90.87);
     --nc-warning-deep: oklch(0.4834 0.0995 82.44);
-    --nc-verde-vivo: oklch(0.5604 0.1485 151.68);
     --nc-selection-bg: oklch(0.1776 0.0000 0.00);
     --nc-selection-fg: oklch(0.9851 0.0000 0.00);
     --nc-navigation-selection-bg: oklch(0.9461 0.0000 0.00);
@@ -96,6 +94,7 @@
     --nc-identity-azzurro: oklch(0.5618 0.2019 258.24);
     --nc-identity-ink: oklch(0.0000 0.0000 0.00);
     --nc-identity-white: oklch(1.0000 0.0000 0.00);
+    --nc-logo-dot: oklch(0.5005 0.2804 266.17);
     --nc-chart-1: oklch(0.5005 0.2804 266.17);
     --nc-chart-2: oklch(0.6415 0.1644 153.23);
     --nc-chart-3: oklch(0.7638 0.1562 86.86);
@@ -121,7 +120,6 @@
     --nc-dark-line: oklch(0.2686 0.0000 0.00);
     --nc-dark-input: oklch(0.5208 0.0000 0.00);
     --nc-dark-seam: oklch(0.2178 0.0000 0.00);
-    --nc-dark-primary: oklch(0.7727 0.1753 155.96);
     --nc-dark-on-primary: oklch(0.1448 0.0000 0.00);
     --nc-dark-action: oklch(1.0000 0.0000 0.00);
     --nc-dark-action-foreground: oklch(0.1448 0.0000 0.00);
@@ -149,13 +147,13 @@
     --nc-dark-state-review: oklch(0.8466 0.1678 84.63);
     --nc-dark-state-blocked: oklch(0.5688 0.1995 26.59);
     --nc-dark-state-complete: oklch(0.6415 0.1644 153.23);
+    --nc-dark-logo-dot: oklch(0.5923 0.2215 269.61);
     --nc-dark-selection-bg: oklch(0.9461 0.0000 0.00);
     --nc-dark-selection-fg: oklch(0.1448 0.0000 0.00);
     --nc-dark-navigation-selection-bg: oklch(0.2178 0.0000 0.00);
     --nc-dark-navigation-selection-fg: oklch(0.9461 0.0000 0.00);
     --nc-dark-navigation-selection-hover: oklch(0.2686 0.0000 0.00);
     --nc-dark-cross: oklch(0.4495 0.0000 0.00);
-    --nc-dark-verde-vivo: oklch(0.7868 0.1398 156.43);
     --nc-dark-chart-1: oklch(0.5923 0.2215 269.61);
     --nc-dark-chart-2: oklch(0.6415 0.1644 153.23);
     --nc-dark-chart-3: oklch(0.8939 0.1387 90.47);
@@ -209,7 +207,7 @@
     --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-xl-letter-spacing: -2.52px;
     --nc-type-display-lg-font-family:
       Geist,
       Inter,
@@ -219,57 +217,47 @@
     --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-lg-letter-spacing: -1.5px;
     --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-size: 40px;
     --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:
+    --nc-type-display-md-line-height: 42px;
+    --nc-type-display-md-letter-spacing: -1px;
+    --nc-type-heading-lg-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:
+    --nc-type-heading-lg-font-size: 30px;
+    --nc-type-heading-lg-font-weight: 600;
+    --nc-type-heading-lg-line-height: 32px;
+    --nc-type-heading-lg-letter-spacing: 0px;
+    --nc-type-heading-md-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:
+    --nc-type-heading-md-font-size: 24px;
+    --nc-type-heading-md-font-weight: 600;
+    --nc-type-heading-md-line-height: 32px;
+    --nc-type-heading-md-letter-spacing: 0px;
+    --nc-type-heading-sm-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-heading-sm-font-size: 20px;
+    --nc-type-heading-sm-font-weight: 600;
+    --nc-type-heading-sm-line-height: 28px;
+    --nc-type-heading-sm-letter-spacing: 0px;
     --nc-type-body-lg-font-family:
       Geist,
       Inter,
@@ -290,16 +278,6 @@
     --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,
@@ -310,16 +288,6 @@
     --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,
@@ -330,58 +298,28 @@
     --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:
+    --nc-type-code-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:
+    --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-label-mono-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;
+    --nc-type-label-mono-font-size: 12px;
+    --nc-type-label-mono-font-weight: 500;
+    --nc-type-label-mono-line-height: 16px;
+    --nc-type-label-mono-letter-spacing: 0px;
     --nc-material-scrim-opacity: 10%;
     --nc-material-glass-opacity: 76%;
     --nc-material-glass-saturation: 116%;
@@ -423,59 +361,17 @@
     --nc-duration-transition: 240ms;
     --nc-duration-drawer-swipe: 400ms;
     --nc-duration-drawer: 450ms;
-    --nc-duration-spin: 600ms;
-    --nc-duration-typing: 1s;
-    --nc-duration-pulse: 1.6s;
-    --nc-duration-shimmer: 2s;
+    --nc-duration-wait: 1.6s;
     --nc-ease-emphasized: cubic-bezier(0.3, 0.7, 0.2, 1);
     --nc-ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
     --nc-ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
     --nc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
-    --nc-section: 192px;
-    --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-content-max: 1200px;
+    --nc-gutter-mobile: 20px;
+    --nc-gutter-tablet: 40px;
+    --nc-gutter-desktop: 64px;
+    --nc-section-step-mobile: 64px;
+    --nc-section-step-desktop: 96px;
     --nc-filter-chip-gap: 6px;
     --nc-filter-chip-height: 28px;
     --nc-filter-chip-icon: 14px;
@@ -496,7 +392,6 @@
     --nc-line: var(--nc-dark-line);
     --nc-input: var(--nc-dark-input);
     --nc-seam: var(--nc-dark-seam);
-    --nc-primary: var(--nc-dark-primary);
     --nc-on-primary: var(--nc-dark-on-primary);
     --nc-action: var(--nc-dark-action);
     --nc-action-foreground: var(--nc-dark-action-foreground);
@@ -524,13 +419,13 @@
     --nc-state-review: var(--nc-dark-state-review);
     --nc-state-blocked: var(--nc-dark-state-blocked);
     --nc-state-complete: var(--nc-dark-state-complete);
+    --nc-logo-dot: var(--nc-dark-logo-dot);
     --nc-selection-bg: var(--nc-dark-selection-bg);
     --nc-selection-fg: var(--nc-dark-selection-fg);
     --nc-navigation-selection-bg: var(--nc-dark-navigation-selection-bg);
     --nc-navigation-selection-fg: var(--nc-dark-navigation-selection-fg);
     --nc-navigation-selection-hover: var(--nc-dark-navigation-selection-hover);
     --nc-cross: var(--nc-dark-cross);
-    --nc-verde-vivo: var(--nc-dark-verde-vivo);
     --nc-chart-1: var(--nc-dark-chart-1);
     --nc-chart-2: var(--nc-dark-chart-2);
     --nc-chart-3: var(--nc-dark-chart-3);
@@ -551,28 +446,28 @@
       0px 5.25px 7px 0px rgb(0% 0% 0% / 0.02),
       0px 2.79px 3.72px -2px rgb(0% 0% 0% / 0.01),
       0px 1.16px 1.5px 0px rgb(0% 0% 0% / 0.01),
-      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.12);
     --nc-elevation-raised:
       0px 25px 50px 0px rgb(0% 0% 0% / 0.05),
       0px 12px 24px 0px rgb(0% 0% 0% / 0.04),
       0px 6px 12px 0px rgb(0% 0% 0% / 0.03),
       0px 3px 6px 0px rgb(0% 0% 0% / 0.02),
       0px 1.5px 3px 0px rgb(0% 0% 0% / 0.02),
-      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.16);
     --nc-elevation-floating:
       0px 40px 80px 0px rgb(0% 0% 0% / 0.06),
       0px 20px 40px 0px rgb(0% 0% 0% / 0.05),
       0px 10px 20px 0px rgb(0% 0% 0% / 0.04),
       0px 5px 10px 0px rgb(0% 0% 0% / 0.03),
       0px 2px 4px 0px rgb(0% 0% 0% / 0.02),
-      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.22);
     --nc-elevation-modal:
       0px 60px 120px 0px rgb(0% 0% 0% / 0.07),
       0px 30px 60px 0px rgb(0% 0% 0% / 0.06),
       0px 15px 30px 0px rgb(0% 0% 0% / 0.05),
       0px 7.5px 15px 0px rgb(0% 0% 0% / 0.04),
       0px 3px 6px 0px rgb(0% 0% 0% / 0.03),
-      0px 0px 0px 1px rgb(100% 100% 100% / 0.18);
+      0px 0px 0px 1px rgb(100% 100% 100% / 0.28);
   }
 }
 

package/dist/favicon/favicon.svg

@@ -1,7 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="NadicodeAI">
-  <rect width="160" height="160" rx="35" fill="#000000"/>
-  <clipPath id="mark-overlap"><rect x="58" y="84" width="26" height="26"/></clipPath>
-  <rect fill="none" stroke="#ffffff" stroke-width="10" x="42" y="50" width="46" height="46" rx="13"/>
-  <rect fill="none" stroke="#2fd584" stroke-width="10" x="72" y="64" width="46" height="46" rx="13"/>
-  <rect fill="none" stroke="#ffffff" stroke-width="10" x="42" y="50" width="46" height="46" rx="13" clip-path="url(#mark-overlap)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" role="img" aria-label="nadicode"><rect width="32" height="32" rx="7" fill="#1e3cff"/><path d="M9 150V100A41 41 0 0 1 91 100V150" transform="translate(7.04 -1.92) scale(0.18)" fill="none" stroke="#ffffff" stroke-width="18"/></svg>

package/dist/favicon/site.webmanifest

@@ -1,6 +1,6 @@
 {
-  "name": "NadicodeAI",
-  "short_name": "NadicodeAI",
+  "name": "nadicode",
+  "short_name": "nadicode",
   "icons": [
     {
       "src": "icon-192.png",
@@ -13,7 +13,7 @@
       "type": "image/png"
     }
   ],
-  "theme_color": "#000000",
-  "background_color": "#000000",
+  "theme_color": "#1e3cff",
+  "background_color": "#1e3cff",
   "display": "standalone"
 }

package/dist/icons/agent.svg

@@ -1,4 +1,4 @@
-<!-- NadicodeAI house icon, drawn on Lucide's 24-unit grid -->
+<!-- nadicode house icon, drawn on Lucide's 24-unit grid -->
 <svg
   class="lucide lucide-agent"
   xmlns="http://www.w3.org/2000/svg"

package/dist/icons/approvals.svg

@@ -1,4 +1,4 @@
-<!-- NadicodeAI house icon, drawn on Lucide's 24-unit grid -->
+<!-- nadicode house icon, drawn on Lucide's 24-unit grid -->
 <svg
   class="lucide lucide-approvals"
   xmlns="http://www.w3.org/2000/svg"

package/dist/icons/arch.svg

@@ -1,4 +1,4 @@
-<!-- NadicodeAI house icon, drawn on Lucide's 24-unit grid -->
+<!-- nadicode house icon, drawn on Lucide's 24-unit grid -->
 <svg
   class="lucide lucide-arch"
   xmlns="http://www.w3.org/2000/svg"

package/dist/tailwind/nadicode.tailwind.json

@@ -2,7 +2,6 @@
   "theme": {
     "extend": {
       "colors": {
-        "primary": "#007a3c",
         "on-primary": "#ffffff",
         "action": "#111111",
         "action-foreground": "#ffffff",
@@ -38,7 +37,6 @@
         "warning": "#ffc220",
         "warning-soft": "#fff3d1",
         "warning-deep": "#7a5800",
-        "verde-vivo": "#008c45",
         "selection-bg": "#111111",
         "selection-fg": "#fafafa",
         "navigation-selection-bg": "#ededed",
@@ -57,6 +55,7 @@
         "identity-azzurro": "#0f6ee8",
         "identity-ink": "#000000",
         "identity-white": "#ffffff",
+        "logo-dot": "#1e3cff",
         "chart-1": "#1e3cff",
         "chart-2": "#00a85a",
         "chart-3": "#ddaa00",
@@ -82,7 +81,6 @@
         "dark-line": "#262626",
         "dark-input": "#696969",
         "dark-seam": "#1a1a1a",
-        "dark-primary": "#2fd584",
         "dark-on-primary": "#0a0a0a",
         "dark-action": "#ffffff",
         "dark-action-foreground": "#0a0a0a",
@@ -110,13 +108,13 @@
         "dark-state-review": "#ffc220",
         "dark-state-blocked": "#d3302f",
         "dark-state-complete": "#00a85a",
+        "dark-logo-dot": "#4d6bff",
         "dark-selection-bg": "#ededed",
         "dark-selection-fg": "#0a0a0a",
         "dark-navigation-selection-bg": "#1a1a1a",
         "dark-navigation-selection-fg": "#ededed",
         "dark-navigation-selection-hover": "#262626",
         "dark-cross": "#555555",
-        "dark-verde-vivo": "#62d494",
         "dark-chart-1": "#4d6bff",
         "dark-chart-2": "#00a85a",
         "dark-chart-3": "#ffd866",
@@ -142,16 +140,13 @@
         "display-md": [
           "Geist, Inter, system-ui, -apple-system, sans-serif"
         ],
-        "display-sm": [
+        "heading-lg": [
           "Geist, Inter, system-ui, -apple-system, sans-serif"
         ],
-        "title-lg": [
+        "heading-md": [
           "Geist, Inter, system-ui, -apple-system, sans-serif"
         ],
-        "title-md": [
-          "Geist, Inter, system-ui, -apple-system, sans-serif"
-        ],
-        "title-sm": [
+        "heading-sm": [
           "Geist, Inter, system-ui, -apple-system, sans-serif"
         ],
         "body-lg": [
@@ -160,32 +155,17 @@
         "body-md": [
           "Geist, Inter, system-ui, -apple-system, sans-serif"
         ],
-        "body-md-strong": [
-          "Geist, Inter, system-ui, -apple-system, sans-serif"
-        ],
         "body-sm": [
           "Geist, Inter, system-ui, -apple-system, sans-serif"
         ],
-        "body-sm-strong": [
-          "Geist, Inter, system-ui, -apple-system, sans-serif"
-        ],
         "caption": [
           "Geist, Inter, system-ui, -apple-system, sans-serif"
         ],
-        "caption-strong": [
-          "Geist, Inter, system-ui, -apple-system, sans-serif"
-        ],
-        "caption-mono": [
-          "Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace"
-        ],
         "code": [
           "Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace"
         ],
-        "button-md": [
-          "Geist, Inter, system-ui, -apple-system, sans-serif"
-        ],
-        "button-lg": [
-          "Geist, Inter, system-ui, -apple-system, sans-serif"
+        "label-mono": [
+          "Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, monospace"
         ]
       },
       "fontSize": {
@@ -193,7 +173,7 @@
           "72px",
           {
             "lineHeight": "74px",
-            "letterSpacing": "-1.5px",
+            "letterSpacing": "-2.52px",
             "fontWeight": "600"
           }
         ],
@@ -201,46 +181,38 @@
           "52px",
           {
             "lineHeight": "54px",
-            "letterSpacing": "-1px",
+            "letterSpacing": "-1.5px",
             "fontWeight": "600"
           }
         ],
         "display-md": [
-          "24px",
-          {
-            "lineHeight": "32px",
-            "letterSpacing": "0px",
-            "fontWeight": "600"
-          }
-        ],
-        "display-sm": [
-          "20px",
+          "40px",
           {
-            "lineHeight": "28px",
-            "letterSpacing": "0px",
+            "lineHeight": "42px",
+            "letterSpacing": "-1px",
             "fontWeight": "600"
           }
         ],
-        "title-lg": [
-          "40px",
+        "heading-lg": [
+          "30px",
           {
-            "lineHeight": "41px",
+            "lineHeight": "32px",
             "letterSpacing": "0px",
             "fontWeight": "600"
           }
         ],
-        "title-md": [
-          "30px",
+        "heading-md": [
+          "24px",
           {
             "lineHeight": "32px",
             "letterSpacing": "0px",
             "fontWeight": "600"
           }
         ],
-        "title-sm": [
-          "22px",
+        "heading-sm": [
+          "20px",
           {
-            "lineHeight": "25px",
+            "lineHeight": "28px",
             "letterSpacing": "0px",
             "fontWeight": "600"
           }
@@ -261,14 +233,6 @@
             "fontWeight": "400"
           }
         ],
-        "body-md-strong": [
-          "16px",
-          {
-            "lineHeight": "24px",
-            "letterSpacing": "0px",
-            "fontWeight": "500"
-          }
-        ],
         "body-sm": [
           "14px",
           {
@@ -277,14 +241,6 @@
             "fontWeight": "400"
           }
         ],
-        "body-sm-strong": [
-          "14px",
-          {
-            "lineHeight": "20px",
-            "letterSpacing": "0px",
-            "fontWeight": "500"
-          }
-        ],
         "caption": [
           "12px",
           {
@@ -293,22 +249,6 @@
             "fontWeight": "400"
           }
         ],
-        "caption-strong": [
-          "12px",
-          {
-            "lineHeight": "16px",
-            "letterSpacing": "0px",
-            "fontWeight": "500"
-          }
-        ],
-        "caption-mono": [
-          "12px",
-          {
-            "lineHeight": "16px",
-            "letterSpacing": "0px",
-            "fontWeight": "500"
-          }
-        ],
         "code": [
           "13px",
           {
@@ -317,18 +257,10 @@
             "fontWeight": "400"
           }
         ],
-        "button-md": [
-          "14px",
-          {
-            "lineHeight": "18px",
-            "letterSpacing": "0px",
-            "fontWeight": "500"
-          }
-        ],
-        "button-lg": [
-          "16px",
+        "label-mono": [
+          "12px",
           {
-            "lineHeight": "24px",
+            "lineHeight": "16px",
             "letterSpacing": "0px",
             "fontWeight": "500"
           }