@conductor-by-89soone/tokens 0.0.0 → 0.2.0

package/dist/index.d.ts

@@ -12,6 +12,45 @@ declare const CDT_PREFIX: "cdt-";
 /** Published name of this package. */
 declare const PACKAGE_NAME: "@conductor-by-89soone/tokens";
 
+/**
+ * The canonical icon name of every run state and severity (FR-TOK-005 AC-5).
+ *
+ * The names already live on the tokens, as the `icon` metadata field, and reach consumers through
+ * `tokens.json`. What did not reach them was a *typed* map: reading `tokens.json` gives
+ * `Record<string, string>`, so every consumer rebuilt the same `running → loader` table by hand and
+ * each copy could drift from the token source independently.
+ *
+ * Published as literal `as const` maps rather than derived from the palette at runtime, because the
+ * literal types are the point — `STATUS_ICONS[status]` narrows to one name, and a status added to
+ * `FR-TOK-005`'s seven without a name here is a type error. `icons.test.ts` binds the two together
+ * so the hand-written map cannot disagree with the token metadata it mirrors.
+ *
+ * Conductor bundles no icon set (ADR-004 delegates behaviour to Radix; icons stay a consumer
+ * concern), so these are names, not components. Resolving a name to a `lucide-react` component is
+ * the consumer's step; `lucide-react` remains a peer dependency of `@conductor-by-89soone/react`.
+ *
+ * Refs: WP-005 FR-TOK-005 FR-CMP-004 FR-A11Y-003
+ */
+/** The seven run states of FR-TOK-005 AC-1, in the order `srs_final.md` lists them. */
+declare const STATUS_ICONS: {
+    readonly queued: "circle-dashed";
+    readonly running: "loader";
+    readonly waiting: "pause-circle";
+    readonly success: "check-circle-2";
+    readonly partial: "alert-circle";
+    readonly danger: "x-circle";
+    readonly neutralEnd: "circle-slash";
+};
+/** The four severities of FR-TOK-005 AC-2. */
+declare const SEVERITY_ICONS: {
+    readonly read: "eye";
+    readonly write: "pencil";
+    readonly destructive: "trash-2";
+    readonly blocked: "shield-x";
+};
+type StatusIconName = (typeof STATUS_ICONS)[keyof typeof STATUS_ICONS];
+type SeverityIconName = (typeof SEVERITY_ICONS)[keyof typeof SEVERITY_ICONS];
+
 /**
  * Static schema shared by the token source and every build artifact.
  *
@@ -51,4 +90,4 @@ interface TokenGroup {
     readonly order: number;
 }
 
-export { CDT_PREFIX, PACKAGE_NAME, type TokenDefinition, type TokenGroup, type TokenTier, type TokenUsage };
+export { CDT_PREFIX, PACKAGE_NAME, SEVERITY_ICONS, STATUS_ICONS, type SeverityIconName, type StatusIconName, type TokenDefinition, type TokenGroup, type TokenTier, type TokenUsage };

package/dist/index.js

@@ -14,7 +14,11 @@ var tokens = {
     overlay: "var(--cdt-surface-overlay)",
     glass: "var(--cdt-surface-glass)",
     timeline: "var(--cdt-surface-timeline)",
-    track: "var(--cdt-surface-track)"
+    track: "var(--cdt-surface-track)",
+    tint: {
+      "1": "var(--cdt-surface-tint-1)",
+      "2": "var(--cdt-surface-tint-2)"
+    }
   },
   text: {
     primary: "var(--cdt-text-primary)",
@@ -29,7 +33,12 @@ var tokens = {
     default: "var(--cdt-border-default)",
     strong: "var(--cdt-border-strong)",
     control: "var(--cdt-border-control)",
-    DEFAULT: "var(--cdt-border)"
+    DEFAULT: "var(--cdt-border)",
+    width: {
+      hairline: "var(--cdt-border-width-hairline)",
+      emphasis: "var(--cdt-border-width-emphasis)",
+      rail: "var(--cdt-border-width-rail)"
+    }
   },
   accent: {
     DEFAULT: "var(--cdt-accent)",
@@ -94,6 +103,37 @@ var tokens = {
     disabled: "var(--cdt-state-disabled)",
     disabledPolicy: "var(--cdt-state-disabled-policy)"
   },
+  dataviz: {
+    series: {
+      "1": "var(--cdt-dataviz-series-1)",
+      "2": "var(--cdt-dataviz-series-2)",
+      "3": "var(--cdt-dataviz-series-3)",
+      "4": "var(--cdt-dataviz-series-4)",
+      "5": "var(--cdt-dataviz-series-5)",
+      "6": "var(--cdt-dataviz-series-6)",
+      "7": "var(--cdt-dataviz-series-7)",
+      "8": "var(--cdt-dataviz-series-8)",
+      "9": "var(--cdt-dataviz-series-9)",
+      "10": "var(--cdt-dataviz-series-10)",
+      "11": "var(--cdt-dataviz-series-11)",
+      "12": "var(--cdt-dataviz-series-12)",
+      "13": "var(--cdt-dataviz-series-13)",
+      "14": "var(--cdt-dataviz-series-14)",
+      "15": "var(--cdt-dataviz-series-15)",
+      "16": "var(--cdt-dataviz-series-16)",
+      "17": "var(--cdt-dataviz-series-17)",
+      "18": "var(--cdt-dataviz-series-18)",
+      "19": "var(--cdt-dataviz-series-19)",
+      "20": "var(--cdt-dataviz-series-20)"
+    },
+    sequential: {
+      "1": "var(--cdt-dataviz-sequential-1)",
+      "2": "var(--cdt-dataviz-sequential-2)",
+      "3": "var(--cdt-dataviz-sequential-3)",
+      "4": "var(--cdt-dataviz-sequential-4)",
+      "5": "var(--cdt-dataviz-sequential-5)"
+    }
+  },
   space: {
     "1": "var(--cdt-space-1)",
     "2": "var(--cdt-space-2)",
@@ -335,6 +375,10 @@ var tokens = {
   page: {
     headingSize: "var(--cdt-page-heading-size)",
     headingLineHeight: "var(--cdt-page-heading-line-height)",
+    sectionHeadingSize: "var(--cdt-page-section-heading-size)",
+    sectionHeadingLineHeight: "var(--cdt-page-section-heading-line-height)",
+    subHeadingSize: "var(--cdt-page-sub-heading-size)",
+    subHeadingLineHeight: "var(--cdt-page-sub-heading-line-height)",
     stackGap: "var(--cdt-page-stack-gap)",
     stackGapCompact: "var(--cdt-page-stack-gap-compact)",
     contentStackGap: "var(--cdt-page-content-stack-gap)",
@@ -347,6 +391,7 @@ var tokens = {
     skipLinkZ: "var(--cdt-page-skip-link-z)"
   },
   appShell: {
+    background: "var(--cdt-app-shell-background)",
     navWidth: "var(--cdt-app-shell-nav-width)",
     mainMaxWidth: "var(--cdt-app-shell-main-max-width)",
     overlayBackground: "var(--cdt-app-shell-overlay-background)"
@@ -385,4 +430,21 @@ var breakpoints = {
   lg: 1080
 };
 
-export { CDT_PREFIX, PACKAGE_NAME, breakpoints, tokens };
+// src/icons.ts
+var STATUS_ICONS = {
+  queued: "circle-dashed",
+  running: "loader",
+  waiting: "pause-circle",
+  success: "check-circle-2",
+  partial: "alert-circle",
+  danger: "x-circle",
+  neutralEnd: "circle-slash"
+};
+var SEVERITY_ICONS = {
+  read: "eye",
+  write: "pencil",
+  destructive: "trash-2",
+  blocked: "shield-x"
+};
+
+export { CDT_PREFIX, PACKAGE_NAME, SEVERITY_ICONS, STATUS_ICONS, breakpoints, tokens };

package/dist/lint-cli.js

@@ -23,6 +23,8 @@ var EXIT_CODES = {
   "TOK-CP-USAGE": 1,
   "TOK-CP-COLOR": 1,
   "TOK-CP-ALPHA": 1,
+  "TOK-CP-FORBIDDEN": 1,
+  "TOK-THEME-KEY": 1,
   "TOK-LITERAL": 1,
   "TOK-ARG": 3
 };
@@ -124,6 +126,7 @@ function isAllowed(allowances, line) {
 var HEX_COLOR = /#(?:[0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})\b/gi;
 var FUNCTIONAL_COLOR = /\b(?:rgba?|hsla?)\([^)]*\)/gi;
 var PX_LITERAL = /(?<![\w#.])(\d+(?:\.\d+)?)px\b/g;
+var REM_LITERAL = /(?<![\w#.])(\d+(?:\.\d+)?)rem\b/g;
 var MS_LITERAL = /(?<![\w#.])(\d+(?:\.\d+)?)ms\b/g;
 var Z_INDEX = /\b(?:z-index|zIndex)\s*:\s*["'`]?\s*(-?\d+)/g;
 var FONT_SIZE_PX = /\b(?:font-size|fontSize)\s*:\s*["'`]?\s*(\d+(?:\.\d+)?px)/g;
@@ -170,13 +173,20 @@ function sizeMatches(masked) {
   );
   const covered = fontSizes.map((match) => [match.index, match.index + match.length]);
   const media = mediaRanges(masked);
+  const outsideCoveredRanges = (match) => !within(covered, match.index) && !within(media, match.index);
   const pixels = matchesOf(
     masked,
     PX_LITERAL,
     "px-literal",
     (captured) => `px literal \`${captured}px\`; use a spacing, radius or size token`
-  ).filter((match) => !within(covered, match.index) && !within(media, match.index));
-  return [...fontSizes, ...pixels];
+  ).filter(outsideCoveredRanges);
+  const rems = matchesOf(
+    masked,
+    REM_LITERAL,
+    "rem-literal",
+    (captured) => `rem literal \`${captured}rem\`; use a spacing, radius or size token`
+  ).filter(outsideCoveredRanges);
+  return [...fontSizes, ...pixels, ...rems];
 }
 function faintOnElevatedMatches(masked) {
   const violations = [];
@@ -234,7 +244,7 @@ function lintSource(file, text) {
 
 // src/lint/index.ts
 var LINTED_EXTENSIONS = [".css", ".ts", ".tsx", ".mts", ".cts"];
-var SKIPPED_DIRECTORIES = /* @__PURE__ */ new Set(["node_modules", "dist", "coverage", ".git"]);
+var SKIPPED_DIRECTORIES = /* @__PURE__ */ new Set(["node_modules", "dist", "dist-server", "coverage", "generated", ".git"]);
 function isLintable(path) {
   return LINTED_EXTENSIONS.some((extension) => path.endsWith(extension));
 }

package/dist/tokens.css

@@ -17,6 +17,8 @@
   --cdt-surface-glass: rgba(16, 23, 34, 0.82);
   --cdt-surface-timeline: #0d141f;
   --cdt-surface-track: rgba(255, 255, 255, 0.05);
+  --cdt-surface-tint-1: rgba(109, 124, 255, 0.11);
+  --cdt-surface-tint-2: rgba(20, 184, 166, 0.055);
 
   --cdt-text-primary: #f4f7fb;
   --cdt-text-secondary: #c5cfdd;
@@ -42,7 +44,7 @@
   --cdt-status-success: #10b981;
   --cdt-status-partial: #eab308;
   --cdt-status-danger: #ef4444;
-  --cdt-status-neutral-end: #475569;
+  --cdt-status-neutral-end: #94a3b8;
 
   --cdt-meter-normal: #34d399;
   --cdt-meter-warning: #fbbf24;
@@ -67,6 +69,32 @@
   --cdt-state-disabled: #18202c;
   --cdt-state-disabled-policy: #422006;
 
+  --cdt-dataviz-series-1: #e88171;
+  --cdt-dataviz-series-2: #1db198;
+  --cdt-dataviz-series-3: #e979ad;
+  --cdt-dataviz-series-4: #1eb641;
+  --cdt-dataviz-series-5: #e073e8;
+  --cdt-dataviz-series-6: #54b21d;
+  --cdt-dataviz-series-7: #ad8dec;
+  --cdt-dataviz-series-8: #9fa41b;
+  --cdt-dataviz-series-9: #7f9bea;
+  --cdt-dataviz-series-10: #e18844;
+  --cdt-dataviz-series-11: #20adc2;
+  --cdt-dataviz-series-12: #ea7d8f;
+  --cdt-dataviz-series-13: #1db46e;
+  --cdt-dataviz-series-14: #e874cd;
+  --cdt-dataviz-series-15: #28b61e;
+  --cdt-dataviz-series-16: #c583eb;
+  --cdt-dataviz-series-17: #7cac1c;
+  --cdt-dataviz-series-18: #9794ee;
+  --cdt-dataviz-series-19: #c39720;
+  --cdt-dataviz-series-20: #52a4e3;
+  --cdt-dataviz-sequential-1: #6960d1;
+  --cdt-dataviz-sequential-2: #847dd9;
+  --cdt-dataviz-sequential-3: #9e98e1;
+  --cdt-dataviz-sequential-4: #b7b3e9;
+  --cdt-dataviz-sequential-5: #cecbf0;
+
   --cdt-font-size-2xs: 10px;
   --cdt-font-size-xs: 11px;
   --cdt-font-size-sm: 12px;
@@ -98,6 +126,10 @@
   --cdt-radius-xl: 24px;
   --cdt-radius-pill: 9999px;
 
+  --cdt-border-width-hairline: 1px;
+  --cdt-border-width-emphasis: 2px;
+  --cdt-border-width-rail: 3px;
+
   --cdt-z-base: 0;
   --cdt-z-raised: 10;
   --cdt-z-sticky: 20;
@@ -273,6 +305,10 @@
 
   --cdt-page-heading-size: clamp(24px, 3vw, 32px);
   --cdt-page-heading-line-height: 1.16;
+  --cdt-page-section-heading-size: 26px;
+  --cdt-page-section-heading-line-height: 34px;
+  --cdt-page-sub-heading-size: 22px;
+  --cdt-page-sub-heading-line-height: 29px;
   --cdt-page-stack-gap: 32px;
   --cdt-page-stack-gap-compact: 24px;
   --cdt-page-content-stack-gap: 24px;
@@ -284,6 +320,7 @@
   --cdt-page-nav-z: 30;
   --cdt-page-skip-link-z: 50;
 
+  --cdt-app-shell-background: radial-gradient(circle at 82% -10%, rgba(109, 124, 255, 0.11), transparent 34rem), radial-gradient(circle at 10% 85%, rgba(20, 184, 166, 0.055), transparent 30rem), #080b12;
   --cdt-app-shell-nav-width: 272px;
   --cdt-app-shell-main-max-width: 1480px;
   --cdt-app-shell-overlay-background: rgba(4, 7, 12, 0.78);
@@ -291,7 +328,7 @@
   --cdt-skip-link-background: #6d7cff;
   --cdt-skip-link-text: #07111f;
 
-  --cdt-nav-list-background: #141d2a;
+  --cdt-nav-list-background: linear-gradient(180deg, rgba(16, 23, 34, 0.82), #0b101a);
   --cdt-nav-list-border: rgba(148, 163, 184, 0.1);
 
   --cdt-nav-item-text: #8290a3;
@@ -324,6 +361,8 @@
   --cdt-surface-glass: rgba(251, 252, 253, 0.86);
   --cdt-surface-timeline: #f1f4f8;
   --cdt-surface-track: rgba(12, 18, 28, 0.08);
+  --cdt-surface-tint-1: rgba(79, 91, 213, 0.1);
+  --cdt-surface-tint-2: rgba(4, 120, 87, 0.05);
 
   --cdt-text-primary: #0c121c;
   --cdt-text-secondary: #33415a;
@@ -374,6 +413,32 @@
   --cdt-state-disabled: #e2e8f0;
   --cdt-state-disabled-policy: #fef3c7;
 
+  --cdt-dataviz-series-1: #d45946;
+  --cdt-dataviz-series-2: #228f7d;
+  --cdt-dataviz-series-3: #d54e8d;
+  --cdt-dataviz-series-4: #22933d;
+  --cdt-dataviz-series-5: #ca45d3;
+  --cdt-dataviz-series-6: #4a9022;
+  --cdt-dataviz-series-7: #906adc;
+  --cdt-dataviz-series-8: #81851f;
+  --cdt-dataviz-series-9: #5a7cd8;
+  --cdt-dataviz-series-10: #bd6b2c;
+  --cdt-dataviz-series-11: #258c9c;
+  --cdt-dataviz-series-12: #d75369;
+  --cdt-dataviz-series-13: #22915d;
+  --cdt-dataviz-series-14: #d446b2;
+  --cdt-dataviz-series-15: #2a9322;
+  --cdt-dataviz-series-16: #ab5dd9;
+  --cdt-dataviz-series-17: #688b21;
+  --cdt-dataviz-series-18: #7773de;
+  --cdt-dataviz-series-19: #9b7c24;
+  --cdt-dataviz-series-20: #2f85c7;
+  --cdt-dataviz-sequential-1: #7d74dc;
+  --cdt-dataviz-sequential-2: #6e65d8;
+  --cdt-dataviz-sequential-3: #5c52d4;
+  --cdt-dataviz-sequential-4: #4539cd;
+  --cdt-dataviz-sequential-5: #3329a4;
+
   --cdt-font-size-2xs: 10px;
   --cdt-font-size-xs: 11px;
   --cdt-font-size-sm: 12px;
@@ -405,6 +470,10 @@
   --cdt-radius-xl: 24px;
   --cdt-radius-pill: 9999px;
 
+  --cdt-border-width-hairline: 1px;
+  --cdt-border-width-emphasis: 2px;
+  --cdt-border-width-rail: 3px;
+
   --cdt-z-base: 0;
   --cdt-z-raised: 10;
   --cdt-z-sticky: 20;
@@ -580,6 +649,10 @@
 
   --cdt-page-heading-size: clamp(24px, 3vw, 32px);
   --cdt-page-heading-line-height: 1.16;
+  --cdt-page-section-heading-size: 26px;
+  --cdt-page-section-heading-line-height: 34px;
+  --cdt-page-sub-heading-size: 22px;
+  --cdt-page-sub-heading-line-height: 29px;
   --cdt-page-stack-gap: 32px;
   --cdt-page-stack-gap-compact: 24px;
   --cdt-page-content-stack-gap: 24px;
@@ -591,6 +664,7 @@
   --cdt-page-nav-z: 30;
   --cdt-page-skip-link-z: 50;
 
+  --cdt-app-shell-background: radial-gradient(circle at 82% -10%, rgba(79, 91, 213, 0.1), transparent 34rem), radial-gradient(circle at 10% 85%, rgba(4, 120, 87, 0.05), transparent 30rem), #e8ecf2;
   --cdt-app-shell-nav-width: 272px;
   --cdt-app-shell-main-max-width: 1480px;
   --cdt-app-shell-overlay-background: rgba(12, 18, 28, 0.45);
@@ -598,7 +672,7 @@
   --cdt-skip-link-background: #4f5bd5;
   --cdt-skip-link-text: #f4f7fb;
 
-  --cdt-nav-list-background: #fbfcfd;
+  --cdt-nav-list-background: linear-gradient(180deg, rgba(251, 252, 253, 0.86), #eef1f6);
   --cdt-nav-list-border: #e2e8f0;
 
   --cdt-nav-item-text: #4d5a6e;
@@ -632,6 +706,8 @@
   --cdt-surface-glass: rgba(251, 252, 253, 0.86);
   --cdt-surface-timeline: #f1f4f8;
   --cdt-surface-track: rgba(12, 18, 28, 0.08);
+  --cdt-surface-tint-1: rgba(79, 91, 213, 0.1);
+  --cdt-surface-tint-2: rgba(4, 120, 87, 0.05);
 
   --cdt-text-primary: #0c121c;
   --cdt-text-secondary: #33415a;
@@ -682,6 +758,32 @@
   --cdt-state-disabled: #e2e8f0;
   --cdt-state-disabled-policy: #fef3c7;
 
+  --cdt-dataviz-series-1: #d45946;
+  --cdt-dataviz-series-2: #228f7d;
+  --cdt-dataviz-series-3: #d54e8d;
+  --cdt-dataviz-series-4: #22933d;
+  --cdt-dataviz-series-5: #ca45d3;
+  --cdt-dataviz-series-6: #4a9022;
+  --cdt-dataviz-series-7: #906adc;
+  --cdt-dataviz-series-8: #81851f;
+  --cdt-dataviz-series-9: #5a7cd8;
+  --cdt-dataviz-series-10: #bd6b2c;
+  --cdt-dataviz-series-11: #258c9c;
+  --cdt-dataviz-series-12: #d75369;
+  --cdt-dataviz-series-13: #22915d;
+  --cdt-dataviz-series-14: #d446b2;
+  --cdt-dataviz-series-15: #2a9322;
+  --cdt-dataviz-series-16: #ab5dd9;
+  --cdt-dataviz-series-17: #688b21;
+  --cdt-dataviz-series-18: #7773de;
+  --cdt-dataviz-series-19: #9b7c24;
+  --cdt-dataviz-series-20: #2f85c7;
+  --cdt-dataviz-sequential-1: #7d74dc;
+  --cdt-dataviz-sequential-2: #6e65d8;
+  --cdt-dataviz-sequential-3: #5c52d4;
+  --cdt-dataviz-sequential-4: #4539cd;
+  --cdt-dataviz-sequential-5: #3329a4;
+
   --cdt-font-size-2xs: 10px;
   --cdt-font-size-xs: 11px;
   --cdt-font-size-sm: 12px;
@@ -713,6 +815,10 @@
   --cdt-radius-xl: 24px;
   --cdt-radius-pill: 9999px;
 
+  --cdt-border-width-hairline: 1px;
+  --cdt-border-width-emphasis: 2px;
+  --cdt-border-width-rail: 3px;
+
   --cdt-z-base: 0;
   --cdt-z-raised: 10;
   --cdt-z-sticky: 20;
@@ -888,6 +994,10 @@
 
   --cdt-page-heading-size: clamp(24px, 3vw, 32px);
   --cdt-page-heading-line-height: 1.16;
+  --cdt-page-section-heading-size: 26px;
+  --cdt-page-section-heading-line-height: 34px;
+  --cdt-page-sub-heading-size: 22px;
+  --cdt-page-sub-heading-line-height: 29px;
   --cdt-page-stack-gap: 32px;
   --cdt-page-stack-gap-compact: 24px;
   --cdt-page-content-stack-gap: 24px;
@@ -899,6 +1009,7 @@
   --cdt-page-nav-z: 30;
   --cdt-page-skip-link-z: 50;
 
+  --cdt-app-shell-background: radial-gradient(circle at 82% -10%, rgba(79, 91, 213, 0.1), transparent 34rem), radial-gradient(circle at 10% 85%, rgba(4, 120, 87, 0.05), transparent 30rem), #e8ecf2;
   --cdt-app-shell-nav-width: 272px;
   --cdt-app-shell-main-max-width: 1480px;
   --cdt-app-shell-overlay-background: rgba(12, 18, 28, 0.45);
@@ -906,7 +1017,7 @@
   --cdt-skip-link-background: #4f5bd5;
   --cdt-skip-link-text: #f4f7fb;
 
-  --cdt-nav-list-background: #fbfcfd;
+  --cdt-nav-list-background: linear-gradient(180deg, rgba(251, 252, 253, 0.86), #eef1f6);
   --cdt-nav-list-border: #e2e8f0;
 
   --cdt-nav-item-text: #4d5a6e;

package/dist/tokens.d.ts

@@ -17,6 +17,10 @@ declare const tokens: {
         readonly glass: "var(--cdt-surface-glass)";
         readonly timeline: "var(--cdt-surface-timeline)";
         readonly track: "var(--cdt-surface-track)";
+        readonly tint: {
+            readonly "1": "var(--cdt-surface-tint-1)";
+            readonly "2": "var(--cdt-surface-tint-2)";
+        };
     };
     readonly text: {
         readonly primary: "var(--cdt-text-primary)";
@@ -32,6 +36,11 @@ declare const tokens: {
         readonly strong: "var(--cdt-border-strong)";
         readonly control: "var(--cdt-border-control)";
         readonly DEFAULT: "var(--cdt-border)";
+        readonly width: {
+            readonly hairline: "var(--cdt-border-width-hairline)";
+            readonly emphasis: "var(--cdt-border-width-emphasis)";
+            readonly rail: "var(--cdt-border-width-rail)";
+        };
     };
     readonly accent: {
         readonly DEFAULT: "var(--cdt-accent)";
@@ -96,6 +105,37 @@ declare const tokens: {
         readonly disabled: "var(--cdt-state-disabled)";
         readonly disabledPolicy: "var(--cdt-state-disabled-policy)";
     };
+    readonly dataviz: {
+        readonly series: {
+            readonly "1": "var(--cdt-dataviz-series-1)";
+            readonly "2": "var(--cdt-dataviz-series-2)";
+            readonly "3": "var(--cdt-dataviz-series-3)";
+            readonly "4": "var(--cdt-dataviz-series-4)";
+            readonly "5": "var(--cdt-dataviz-series-5)";
+            readonly "6": "var(--cdt-dataviz-series-6)";
+            readonly "7": "var(--cdt-dataviz-series-7)";
+            readonly "8": "var(--cdt-dataviz-series-8)";
+            readonly "9": "var(--cdt-dataviz-series-9)";
+            readonly "10": "var(--cdt-dataviz-series-10)";
+            readonly "11": "var(--cdt-dataviz-series-11)";
+            readonly "12": "var(--cdt-dataviz-series-12)";
+            readonly "13": "var(--cdt-dataviz-series-13)";
+            readonly "14": "var(--cdt-dataviz-series-14)";
+            readonly "15": "var(--cdt-dataviz-series-15)";
+            readonly "16": "var(--cdt-dataviz-series-16)";
+            readonly "17": "var(--cdt-dataviz-series-17)";
+            readonly "18": "var(--cdt-dataviz-series-18)";
+            readonly "19": "var(--cdt-dataviz-series-19)";
+            readonly "20": "var(--cdt-dataviz-series-20)";
+        };
+        readonly sequential: {
+            readonly "1": "var(--cdt-dataviz-sequential-1)";
+            readonly "2": "var(--cdt-dataviz-sequential-2)";
+            readonly "3": "var(--cdt-dataviz-sequential-3)";
+            readonly "4": "var(--cdt-dataviz-sequential-4)";
+            readonly "5": "var(--cdt-dataviz-sequential-5)";
+        };
+    };
     readonly space: {
         readonly "1": "var(--cdt-space-1)";
         readonly "2": "var(--cdt-space-2)";
@@ -337,6 +377,10 @@ declare const tokens: {
     readonly page: {
         readonly headingSize: "var(--cdt-page-heading-size)";
         readonly headingLineHeight: "var(--cdt-page-heading-line-height)";
+        readonly sectionHeadingSize: "var(--cdt-page-section-heading-size)";
+        readonly sectionHeadingLineHeight: "var(--cdt-page-section-heading-line-height)";
+        readonly subHeadingSize: "var(--cdt-page-sub-heading-size)";
+        readonly subHeadingLineHeight: "var(--cdt-page-sub-heading-line-height)";
         readonly stackGap: "var(--cdt-page-stack-gap)";
         readonly stackGapCompact: "var(--cdt-page-stack-gap-compact)";
         readonly contentStackGap: "var(--cdt-page-content-stack-gap)";
@@ -349,6 +393,7 @@ declare const tokens: {
         readonly skipLinkZ: "var(--cdt-page-skip-link-z)";
     };
     readonly appShell: {
+        readonly background: "var(--cdt-app-shell-background)";
         readonly navWidth: "var(--cdt-app-shell-nav-width)";
         readonly mainMaxWidth: "var(--cdt-app-shell-main-max-width)";
         readonly overlayBackground: "var(--cdt-app-shell-overlay-background)";

package/dist/tokens.js

@@ -10,7 +10,11 @@ var tokens = {
     overlay: "var(--cdt-surface-overlay)",
     glass: "var(--cdt-surface-glass)",
     timeline: "var(--cdt-surface-timeline)",
-    track: "var(--cdt-surface-track)"
+    track: "var(--cdt-surface-track)",
+    tint: {
+      "1": "var(--cdt-surface-tint-1)",
+      "2": "var(--cdt-surface-tint-2)"
+    }
   },
   text: {
     primary: "var(--cdt-text-primary)",
@@ -25,7 +29,12 @@ var tokens = {
     default: "var(--cdt-border-default)",
     strong: "var(--cdt-border-strong)",
     control: "var(--cdt-border-control)",
-    DEFAULT: "var(--cdt-border)"
+    DEFAULT: "var(--cdt-border)",
+    width: {
+      hairline: "var(--cdt-border-width-hairline)",
+      emphasis: "var(--cdt-border-width-emphasis)",
+      rail: "var(--cdt-border-width-rail)"
+    }
   },
   accent: {
     DEFAULT: "var(--cdt-accent)",
@@ -90,6 +99,37 @@ var tokens = {
     disabled: "var(--cdt-state-disabled)",
     disabledPolicy: "var(--cdt-state-disabled-policy)"
   },
+  dataviz: {
+    series: {
+      "1": "var(--cdt-dataviz-series-1)",
+      "2": "var(--cdt-dataviz-series-2)",
+      "3": "var(--cdt-dataviz-series-3)",
+      "4": "var(--cdt-dataviz-series-4)",
+      "5": "var(--cdt-dataviz-series-5)",
+      "6": "var(--cdt-dataviz-series-6)",
+      "7": "var(--cdt-dataviz-series-7)",
+      "8": "var(--cdt-dataviz-series-8)",
+      "9": "var(--cdt-dataviz-series-9)",
+      "10": "var(--cdt-dataviz-series-10)",
+      "11": "var(--cdt-dataviz-series-11)",
+      "12": "var(--cdt-dataviz-series-12)",
+      "13": "var(--cdt-dataviz-series-13)",
+      "14": "var(--cdt-dataviz-series-14)",
+      "15": "var(--cdt-dataviz-series-15)",
+      "16": "var(--cdt-dataviz-series-16)",
+      "17": "var(--cdt-dataviz-series-17)",
+      "18": "var(--cdt-dataviz-series-18)",
+      "19": "var(--cdt-dataviz-series-19)",
+      "20": "var(--cdt-dataviz-series-20)"
+    },
+    sequential: {
+      "1": "var(--cdt-dataviz-sequential-1)",
+      "2": "var(--cdt-dataviz-sequential-2)",
+      "3": "var(--cdt-dataviz-sequential-3)",
+      "4": "var(--cdt-dataviz-sequential-4)",
+      "5": "var(--cdt-dataviz-sequential-5)"
+    }
+  },
   space: {
     "1": "var(--cdt-space-1)",
     "2": "var(--cdt-space-2)",
@@ -331,6 +371,10 @@ var tokens = {
   page: {
     headingSize: "var(--cdt-page-heading-size)",
     headingLineHeight: "var(--cdt-page-heading-line-height)",
+    sectionHeadingSize: "var(--cdt-page-section-heading-size)",
+    sectionHeadingLineHeight: "var(--cdt-page-section-heading-line-height)",
+    subHeadingSize: "var(--cdt-page-sub-heading-size)",
+    subHeadingLineHeight: "var(--cdt-page-sub-heading-line-height)",
     stackGap: "var(--cdt-page-stack-gap)",
     stackGapCompact: "var(--cdt-page-stack-gap-compact)",
     contentStackGap: "var(--cdt-page-content-stack-gap)",
@@ -343,6 +387,7 @@ var tokens = {
     skipLinkZ: "var(--cdt-page-skip-link-z)"
   },
   appShell: {
+    background: "var(--cdt-app-shell-background)",
     navWidth: "var(--cdt-app-shell-nav-width)",
     mainMaxWidth: "var(--cdt-app-shell-main-max-width)",
     overlayBackground: "var(--cdt-app-shell-overlay-background)"