npm - @bi-digital/tokens - Versions diffs - 0.11.11 → 0.12.1 - Mend

@bi-digital/tokens 0.11.11 → 0.12.1

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.

Files changed (6) hide show

package/dist/tokens.js CHANGED Viewed

@@ -2201,7 +2201,7 @@ export default {
     0: {
       key: "{scale.0}",
       $type: "dimension",
-      $value: 0,
+      $value: "0",
       filePath: "tokens/Reference.Mode 1.tokens.json",
       isSource: true,
       original: {
@@ -2558,6 +2558,24 @@ export default {
       },
       path: ["scale", "20x"],
     },
+    "21x": {
+      key: "{scale.21x}",
+      $type: "dimension",
+      $value: "5.25rem",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "dimension",
+        $value: "84px",
+        key: "{scale.21x}",
+      },
+      name: "bi-scale-21x",
+      attributes: {
+        category: "scale",
+        type: "21x",
+      },
+      path: ["scale", "21x"],
+    },
     "24x": {
       key: "{scale.24x}",
       $type: "dimension",
@@ -2612,6 +2630,24 @@ export default {
       },
       path: ["scale", "36x"],
     },
+    "38x": {
+      key: "{scale.38x}",
+      $type: "dimension",
+      $value: "9.5rem",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "dimension",
+        $value: "152px",
+        key: "{scale.38x}",
+      },
+      name: "bi-scale-38x",
+      attributes: {
+        category: "scale",
+        type: "38x",
+      },
+      path: ["scale", "38x"],
+    },
     "40x": {
       key: "{scale.40x}",
       $type: "dimension",
@@ -2682,43 +2718,2381 @@ export default {
         category: "scale",
         type: "64x",
       },
-      path: ["scale", "64x"],
+      path: ["scale", "64x"],
+    },
+    "80x": {
+      key: "{scale.80x}",
+      $type: "dimension",
+      $value: "20rem",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "dimension",
+        $value: "320px",
+        key: "{scale.80x}",
+      },
+      name: "bi-scale-80x",
+      attributes: {
+        category: "scale",
+        type: "80x",
+      },
+      path: ["scale", "80x"],
+    },
+    "84x": {
+      key: "{scale.84x}",
+      $type: "dimension",
+      $value: "21rem",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "dimension",
+        $value: "336px",
+        key: "{scale.84x}",
+      },
+      name: "bi-scale-84x",
+      attributes: {
+        category: "scale",
+        type: "84x",
+      },
+      path: ["scale", "84x"],
+    },
+    "128x": {
+      key: "{scale.128x}",
+      $type: "dimension",
+      $value: "32rem",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "dimension",
+        $value: "512px",
+        key: "{scale.128x}",
+      },
+      name: "bi-scale-128x",
+      attributes: {
+        category: "scale",
+        type: "128x",
+      },
+      path: ["scale", "128x"],
+    },
+    max: {
+      key: "{scale.max}",
+      $type: "dimension",
+      $value: "624.9375rem",
+      filePath: "tokens/Reference.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "dimension",
+        $value: "9999px",
+        key: "{scale.max}",
+      },
+      name: "bi-scale-max",
+      attributes: {
+        category: "scale",
+        type: "max",
+      },
+      path: ["scale", "max"],
+    },
+  },
+  color: {
+    "stroke-basic-subtle": {
+      key: "{color.stroke-basic-subtle}",
+      $type: "color",
+      $value: "rgba(0, 0, 0, 0.1)",
+      filePath: "tokens/Semantic.light.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#0000001a",
+        key: "{color.stroke-basic-subtle}",
+      },
+      name: "bi-color-stroke-basic-subtle",
+      attributes: {
+        category: "color",
+        type: "stroke-basic-subtle",
+      },
+      path: ["color", "stroke-basic-subtle"],
+    },
+    "stroke-basic": {
+      key: "{color.stroke-basic}",
+      $type: "color",
+      $value: "rgba(0, 0, 0, 0.2)",
+      filePath: "tokens/Semantic.light.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#00000033",
+        key: "{color.stroke-basic}",
+      },
+      name: "bi-color-stroke-basic",
+      attributes: {
+        category: "color",
+        type: "stroke-basic",
+      },
+      path: ["color", "stroke-basic"],
+    },
+    "stroke-basic-strong": {
+      key: "{color.stroke-basic-strong}",
+      $type: "color",
+      $value: "rgba(0, 0, 0, 0.3)",
+      filePath: "tokens/Semantic.light.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#0000004d",
+        key: "{color.stroke-basic-strong}",
+      },
+      name: "bi-color-stroke-basic-strong",
+      attributes: {
+        category: "color",
+        type: "stroke-basic-strong",
+      },
+      path: ["color", "stroke-basic-strong"],
+    },
+    "stroke-basic-contrast": {
+      key: "{color.stroke-basic-contrast}",
+      $type: "color",
+      $value: "rgba(0, 0, 0, 0.5)",
+      filePath: "tokens/Semantic.light.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#00000080",
+        key: "{color.stroke-basic-contrast}",
+      },
+      name: "bi-color-stroke-basic-contrast",
+      attributes: {
+        category: "color",
+        type: "stroke-basic-contrast",
+      },
+      path: ["color", "stroke-basic-contrast"],
+    },
+    neutral: {
+      background: {
+        key: "{color.neutral.background}",
+        $type: "color",
+        $value: "#f5f7fa",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.5}",
+          key: "{color.neutral.background}",
+        },
+        name: "bi-color-neutral-background",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "background",
+        },
+        path: ["color", "neutral", "background"],
+      },
+      "surface-subtle": {
+        key: "{color.neutral.surface-subtle}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.neutral.surface-subtle}",
+        },
+        name: "bi-color-neutral-surface-subtle",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "surface-subtle",
+        },
+        path: ["color", "neutral", "surface-subtle"],
+      },
+      surface: {
+        key: "{color.neutral.surface}",
+        $type: "color",
+        $value: "#f5f7fa",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.5}",
+          key: "{color.neutral.surface}",
+        },
+        name: "bi-color-neutral-surface",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "surface",
+        },
+        path: ["color", "neutral", "surface"],
+      },
+      "surface-strong": {
+        key: "{color.neutral.surface-strong}",
+        $type: "color",
+        $value: "#e4e8ed",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.10}",
+          key: "{color.neutral.surface-strong}",
+        },
+        name: "bi-color-neutral-surface-strong",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "surface-strong",
+        },
+        path: ["color", "neutral", "surface-strong"],
+      },
+      "surface-active": {
+        key: "{color.neutral.surface-active}",
+        $type: "color",
+        $value: "#c8d1db",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.20}",
+          key: "{color.neutral.surface-active}",
+        },
+        name: "bi-color-neutral-surface-active",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "surface-active",
+        },
+        path: ["color", "neutral", "surface-active"],
+      },
+      "stroke-subtle": {
+        key: "{color.neutral.stroke-subtle}",
+        $type: "color",
+        $value: "#e4e8ed",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.10}",
+          key: "{color.neutral.stroke-subtle}",
+        },
+        name: "bi-color-neutral-stroke-subtle",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "stroke-subtle",
+        },
+        path: ["color", "neutral", "stroke-subtle"],
+      },
+      stroke: {
+        key: "{color.neutral.stroke}",
+        $type: "color",
+        $value: "#d5dde4",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.15}",
+          key: "{color.neutral.stroke}",
+        },
+        name: "bi-color-neutral-stroke",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "stroke",
+        },
+        path: ["color", "neutral", "stroke"],
+      },
+      "stroke-strong": {
+        key: "{color.neutral.stroke-strong}",
+        $type: "color",
+        $value: "#bac6d2",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.25}",
+          key: "{color.neutral.stroke-strong}",
+        },
+        name: "bi-color-neutral-stroke-strong",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "stroke-strong",
+        },
+        path: ["color", "neutral", "stroke-strong"],
+      },
+      "stroke-contrast": {
+        key: "{color.neutral.stroke-contrast}",
+        $type: "color",
+        $value: "#597694",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.50}",
+          key: "{color.neutral.stroke-contrast}",
+        },
+        name: "bi-color-neutral-stroke-contrast",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "stroke-contrast",
+        },
+        path: ["color", "neutral", "stroke-contrast"],
+      },
+      "stroke-accent": {
+        key: "{color.neutral.stroke-accent}",
+        $type: "color",
+        $value: "#0a64ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.50}",
+          key: "{color.neutral.stroke-accent}",
+        },
+        name: "bi-color-neutral-stroke-accent",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "stroke-accent",
+        },
+        path: ["color", "neutral", "stroke-accent"],
+      },
+      text: {
+        key: "{color.neutral.text}",
+        $type: "color",
+        $value: "#222d38",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.95}",
+          key: "{color.neutral.text}",
+        },
+        name: "bi-color-neutral-text",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "text",
+        },
+        path: ["color", "neutral", "text"],
+      },
+      "text-secondary": {
+        key: "{color.neutral.text-secondary}",
+        $type: "color",
+        $value: "#475e75",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.60}",
+          key: "{color.neutral.text-secondary}",
+        },
+        name: "bi-color-neutral-text-secondary",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "text-secondary",
+        },
+        path: ["color", "neutral", "text-secondary"],
+      },
+      "text-subtle": {
+        key: "{color.neutral.text-subtle}",
+        $type: "color",
+        $value: "#26333f",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.90}",
+          key: "{color.neutral.text-subtle}",
+        },
+        name: "bi-color-neutral-text-subtle",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "text-subtle",
+        },
+        path: ["color", "neutral", "text-subtle"],
+      },
+      "text-accent": {
+        key: "{color.neutral.text-accent}",
+        $type: "color",
+        $value: "#0b4db4",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.60}",
+          key: "{color.neutral.text-accent}",
+        },
+        name: "bi-color-neutral-text-accent",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "text-accent",
+        },
+        path: ["color", "neutral", "text-accent"],
+      },
+      contrast: {
+        key: "{color.neutral.contrast}",
+        $type: "color",
+        $value: "#26333f",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.90}",
+          key: "{color.neutral.contrast}",
+        },
+        name: "bi-color-neutral-contrast",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "contrast",
+        },
+        path: ["color", "neutral", "contrast"],
+      },
+      "contrast-hover": {
+        key: "{color.neutral.contrast-hover}",
+        $type: "color",
+        $value: "#222d38",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.95}",
+          key: "{color.neutral.contrast-hover}",
+        },
+        name: "bi-color-neutral-contrast-hover",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "contrast-hover",
+        },
+        path: ["color", "neutral", "contrast-hover"],
+      },
+      fill: {
+        key: "{color.neutral.fill}",
+        $type: "color",
+        $value: "#597694",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{neutral.50}",
+          key: "{color.neutral.fill}",
+        },
+        name: "bi-color-neutral-fill",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "fill",
+        },
+        path: ["color", "neutral", "fill"],
+      },
+      "on-fill": {
+        key: "{color.neutral.on-fill}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.neutral.on-fill}",
+        },
+        name: "bi-color-neutral-on-fill",
+        attributes: {
+          category: "color",
+          type: "neutral",
+          item: "on-fill",
+        },
+        path: ["color", "neutral", "on-fill"],
+      },
+    },
+    primary: {
+      background: {
+        key: "{color.primary.background}",
+        $type: "color",
+        $value: "#ebf3ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.0}",
+          key: "{color.primary.background}",
+        },
+        name: "bi-color-primary-background",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "background",
+        },
+        path: ["color", "primary", "background"],
+      },
+      "surface-subtle": {
+        key: "{color.primary.surface-subtle}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.primary.surface-subtle}",
+        },
+        name: "bi-color-primary-surface-subtle",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "surface-subtle",
+        },
+        path: ["color", "primary", "surface-subtle"],
+      },
+      surface: {
+        key: "{color.primary.surface}",
+        $type: "color",
+        $value: "#d9e6f9",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.5}",
+          key: "{color.primary.surface}",
+        },
+        name: "bi-color-primary-surface",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "surface",
+        },
+        path: ["color", "primary", "surface"],
+      },
+      "surface-strong": {
+        key: "{color.primary.surface-strong}",
+        $type: "color",
+        $value: "#c5d9f7",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.10}",
+          key: "{color.primary.surface-strong}",
+        },
+        name: "bi-color-primary-surface-strong",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "surface-strong",
+        },
+        path: ["color", "primary", "surface-strong"],
+      },
+      "surface-active": {
+        key: "{color.primary.surface-active}",
+        $type: "color",
+        $value: "#9ec0f1",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.20}",
+          key: "{color.primary.surface-active}",
+        },
+        name: "bi-color-primary-surface-active",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "surface-active",
+        },
+        path: ["color", "primary", "surface-active"],
+      },
+      "stroke-subtle": {
+        key: "{color.primary.stroke-subtle}",
+        $type: "color",
+        $value: "#c5d9f7",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.10}",
+          key: "{color.primary.stroke-subtle}",
+        },
+        name: "bi-color-primary-stroke-subtle",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "stroke-subtle",
+        },
+        path: ["color", "primary", "stroke-subtle"],
+      },
+      stroke: {
+        key: "{color.primary.stroke}",
+        $type: "color",
+        $value: "#b2cdf4",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.15}",
+          key: "{color.primary.stroke}",
+        },
+        name: "bi-color-primary-stroke",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "stroke",
+        },
+        path: ["color", "primary", "stroke"],
+      },
+      "stroke-strong": {
+        key: "{color.primary.stroke-strong}",
+        $type: "color",
+        $value: "#8bb3ee",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.25}",
+          key: "{color.primary.stroke-strong}",
+        },
+        name: "bi-color-primary-stroke-strong",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "stroke-strong",
+        },
+        path: ["color", "primary", "stroke-strong"],
+      },
+      "stroke-contrast": {
+        key: "{color.primary.stroke-contrast}",
+        $type: "color",
+        $value: "#0b4db4",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.60}",
+          key: "{color.primary.stroke-contrast}",
+        },
+        name: "bi-color-primary-stroke-contrast",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "stroke-contrast",
+        },
+        path: ["color", "primary", "stroke-contrast"],
+      },
+      "stroke-accent": {
+        key: "{color.primary.stroke-accent}",
+        $type: "color",
+        $value: "#0a64ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.50}",
+          key: "{color.primary.stroke-accent}",
+        },
+        name: "bi-color-primary-stroke-accent",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "stroke-accent",
+        },
+        path: ["color", "primary", "stroke-accent"],
+      },
+      text: {
+        key: "{color.primary.text}",
+        $type: "color",
+        $value: "#002341",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.95}",
+          key: "{color.primary.text}",
+        },
+        name: "bi-color-primary-text",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "text",
+        },
+        path: ["color", "primary", "text"],
+      },
+      "text-secondary": {
+        key: "{color.primary.text-secondary}",
+        $type: "color",
+        $value: "rgba(4, 47, 91, 0.7)",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "#042f5bb2",
+          key: "{color.primary.text-secondary}",
+        },
+        name: "bi-color-primary-text-secondary",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "text-secondary",
+        },
+        path: ["color", "primary", "text-secondary"],
+      },
+      "text-subtle": {
+        key: "{color.primary.text-subtle}",
+        $type: "color",
+        $value: "#042f5b",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.90}",
+          key: "{color.primary.text-subtle}",
+        },
+        name: "bi-color-primary-text-subtle",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "text-subtle",
+        },
+        path: ["color", "primary", "text-subtle"],
+      },
+      "text-accent": {
+        key: "{color.primary.text-accent}",
+        $type: "color",
+        $value: "#0c468f",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.75}",
+          key: "{color.primary.text-accent}",
+        },
+        name: "bi-color-primary-text-accent",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "text-accent",
+        },
+        path: ["color", "primary", "text-accent"],
+      },
+      contrast: {
+        key: "{color.primary.contrast}",
+        $type: "color",
+        $value: "#0a64ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.50}",
+          key: "{color.primary.contrast}",
+        },
+        name: "bi-color-primary-contrast",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "contrast",
+        },
+        path: ["color", "primary", "contrast"],
+      },
+      "contrast-hover": {
+        key: "{color.primary.contrast-hover}",
+        $type: "color",
+        $value: "#0b4db4",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.60}",
+          key: "{color.primary.contrast-hover}",
+        },
+        name: "bi-color-primary-contrast-hover",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "contrast-hover",
+        },
+        path: ["color", "primary", "contrast-hover"],
+      },
+      fill: {
+        key: "{color.primary.fill}",
+        $type: "color",
+        $value: "#0a64ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.50}",
+          key: "{color.primary.fill}",
+        },
+        name: "bi-color-primary-fill",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "fill",
+        },
+        path: ["color", "primary", "fill"],
+      },
+      "on-fill": {
+        key: "{color.primary.on-fill}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.primary.on-fill}",
+        },
+        name: "bi-color-primary-on-fill",
+        attributes: {
+          category: "color",
+          type: "primary",
+          item: "on-fill",
+        },
+        path: ["color", "primary", "on-fill"],
+      },
+    },
+    info: {
+      background: {
+        key: "{color.info.background}",
+        $type: "color",
+        $value: "#f3ebff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.0}",
+          key: "{color.info.background}",
+        },
+        name: "bi-color-info-background",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "background",
+        },
+        path: ["color", "info", "background"],
+      },
+      "surface-subtle": {
+        key: "{color.info.surface-subtle}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.info.surface-subtle}",
+        },
+        name: "bi-color-info-surface-subtle",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "surface-subtle",
+        },
+        path: ["color", "info", "surface-subtle"],
+      },
+      surface: {
+        key: "{color.info.surface}",
+        $type: "color",
+        $value: "#e6d5ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.5}",
+          key: "{color.info.surface}",
+        },
+        name: "bi-color-info-surface",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "surface",
+        },
+        path: ["color", "info", "surface"],
+      },
+      "surface-strong": {
+        key: "{color.info.surface-strong}",
+        $type: "color",
+        $value: "#d9bfff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.10}",
+          key: "{color.info.surface-strong}",
+        },
+        name: "bi-color-info-surface-strong",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "surface-strong",
+        },
+        path: ["color", "info", "surface-strong"],
+      },
+      "surface-active": {
+        key: "{color.info.surface-active}",
+        $type: "color",
+        $value: "#c094ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.20}",
+          key: "{color.info.surface-active}",
+        },
+        name: "bi-color-info-surface-active",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "surface-active",
+        },
+        path: ["color", "info", "surface-active"],
+      },
+      "stroke-subtle": {
+        key: "{color.info.stroke-subtle}",
+        $type: "color",
+        $value: "#d9bfff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.10}",
+          key: "{color.info.stroke-subtle}",
+        },
+        name: "bi-color-info-stroke-subtle",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "stroke-subtle",
+        },
+        path: ["color", "info", "stroke-subtle"],
+      },
+      stroke: {
+        key: "{color.info.stroke}",
+        $type: "color",
+        $value: "#cdaaff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.15}",
+          key: "{color.info.stroke}",
+        },
+        name: "bi-color-info-stroke",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "stroke",
+        },
+        path: ["color", "info", "stroke"],
+      },
+      "stroke-strong": {
+        key: "{color.info.stroke-strong}",
+        $type: "color",
+        $value: "#b480ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.25}",
+          key: "{color.info.stroke-strong}",
+        },
+        name: "bi-color-info-stroke-strong",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "stroke-strong",
+        },
+        path: ["color", "info", "stroke-strong"],
+      },
+      "stroke-contrast": {
+        key: "{color.info.stroke-contrast}",
+        $type: "color",
+        $value: "#5c03dc",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.60}",
+          key: "{color.info.stroke-contrast}",
+        },
+        name: "bi-color-info-stroke-contrast",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "stroke-contrast",
+        },
+        path: ["color", "info", "stroke-contrast"],
+      },
+      "stroke-accent": {
+        key: "{color.info.stroke-accent}",
+        $type: "color",
+        $value: "#6900ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.50}",
+          key: "{color.info.stroke-accent}",
+        },
+        name: "bi-color-info-stroke-accent",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "stroke-accent",
+        },
+        path: ["color", "info", "stroke-accent"],
+      },
+      text: {
+        key: "{color.info.text}",
+        $type: "color",
+        $value: "#280d50",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.95}",
+          key: "{color.info.text}",
+        },
+        name: "bi-color-info-text",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "text",
+        },
+        path: ["color", "info", "text"],
+      },
+      "text-secondary": {
+        key: "{color.info.text-secondary}",
+        $type: "color",
+        $value: "rgba(46, 11, 97, 0.7)",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "#2e0b61b2",
+          key: "{color.info.text-secondary}",
+        },
+        name: "bi-color-info-text-secondary",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "text-secondary",
+        },
+        path: ["color", "info", "text-secondary"],
+      },
+      "text-subtle": {
+        key: "{color.info.text-subtle}",
+        $type: "color",
+        $value: "#2e0b61",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.90}",
+          key: "{color.info.text-subtle}",
+        },
+        name: "bi-color-info-text-subtle",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "text-subtle",
+        },
+        path: ["color", "info", "text-subtle"],
+      },
+      "text-accent": {
+        key: "{color.info.text-accent}",
+        $type: "color",
+        $value: "#420896",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.75}",
+          key: "{color.info.text-accent}",
+        },
+        name: "bi-color-info-text-accent",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "text-accent",
+        },
+        path: ["color", "info", "text-accent"],
+      },
+      contrast: {
+        key: "{color.info.contrast}",
+        $type: "color",
+        $value: "#2e0b61",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.90}",
+          key: "{color.info.contrast}",
+        },
+        name: "bi-color-info-contrast",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "contrast",
+        },
+        path: ["color", "info", "contrast"],
+      },
+      "contrast-hover": {
+        key: "{color.info.contrast-hover}",
+        $type: "color",
+        $value: "#280d50",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.95}",
+          key: "{color.info.contrast-hover}",
+        },
+        name: "bi-color-info-contrast-hover",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "contrast-hover",
+        },
+        path: ["color", "info", "contrast-hover"],
+      },
+      fill: {
+        key: "{color.info.fill}",
+        $type: "color",
+        $value: "#6900ff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{info.50}",
+          key: "{color.info.fill}",
+        },
+        name: "bi-color-info-fill",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "fill",
+        },
+        path: ["color", "info", "fill"],
+      },
+      "on-fill": {
+        key: "{color.info.on-fill}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.info.on-fill}",
+        },
+        name: "bi-color-info-on-fill",
+        attributes: {
+          category: "color",
+          type: "info",
+          item: "on-fill",
+        },
+        path: ["color", "info", "on-fill"],
+      },
+    },
+    warning: {
+      background: {
+        key: "{color.warning.background}",
+        $type: "color",
+        $value: "#fffbeb",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.0}",
+          key: "{color.warning.background}",
+        },
+        name: "bi-color-warning-background",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "background",
+        },
+        path: ["color", "warning", "background"],
+      },
+      "surface-subtle": {
+        key: "{color.warning.surface-subtle}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.warning.surface-subtle}",
+        },
+        name: "bi-color-warning-surface-subtle",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "surface-subtle",
+        },
+        path: ["color", "warning", "surface-subtle"],
+      },
+      surface: {
+        key: "{color.warning.surface}",
+        $type: "color",
+        $value: "#fff2bf",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.10}",
+          key: "{color.warning.surface}",
+        },
+        name: "bi-color-warning-surface",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "surface",
+        },
+        path: ["color", "warning", "surface"],
+      },
+      "surface-strong": {
+        key: "{color.warning.surface-strong}",
+        $type: "color",
+        $value: "#ffea95",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.15}",
+          key: "{color.warning.surface-strong}",
+        },
+        name: "bi-color-warning-surface-strong",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "surface-strong",
+        },
+        path: ["color", "warning", "surface-strong"],
+      },
+      "surface-active": {
+        key: "{color.warning.surface-active}",
+        $type: "color",
+        $value: "#ffe680",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.20}",
+          key: "{color.warning.surface-active}",
+        },
+        name: "bi-color-warning-surface-active",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "surface-active",
+        },
+        path: ["color", "warning", "surface-active"],
+      },
+      "stroke-subtle": {
+        key: "{color.warning.stroke-subtle}",
+        $type: "color",
+        $value: "#fff2bf",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.10}",
+          key: "{color.warning.stroke-subtle}",
+        },
+        name: "bi-color-warning-stroke-subtle",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "stroke-subtle",
+        },
+        path: ["color", "warning", "stroke-subtle"],
+      },
+      stroke: {
+        key: "{color.warning.stroke}",
+        $type: "color",
+        $value: "#ffea95",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.15}",
+          key: "{color.warning.stroke}",
+        },
+        name: "bi-color-warning-stroke",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "stroke",
+        },
+        path: ["color", "warning", "stroke"],
+      },
+      "stroke-strong": {
+        key: "{color.warning.stroke-strong}",
+        $type: "color",
+        $value: "#deb300",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.60}",
+          key: "{color.warning.stroke-strong}",
+        },
+        name: "bi-color-warning-stroke-strong",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "stroke-strong",
+        },
+        path: ["color", "warning", "stroke-strong"],
+      },
+      "stroke-contrast": {
+        key: "{color.warning.stroke-contrast}",
+        $type: "color",
+        $value: "#9d7e00",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.75}",
+          key: "{color.warning.stroke-contrast}",
+        },
+        name: "bi-color-warning-stroke-contrast",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "stroke-contrast",
+        },
+        path: ["color", "warning", "stroke-contrast"],
+      },
+      "stroke-accent": {
+        key: "{color.warning.stroke-accent}",
+        $type: "color",
+        $value: "#ffcd00",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{secondary.50}",
+          key: "{color.warning.stroke-accent}",
+        },
+        name: "bi-color-warning-stroke-accent",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "stroke-accent",
+        },
+        path: ["color", "warning", "stroke-accent"],
+      },
+      text: {
+        key: "{color.warning.text}",
+        $type: "color",
+        $value: "#3a2f00",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.95}",
+          key: "{color.warning.text}",
+        },
+        name: "bi-color-warning-text",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "text",
+        },
+        path: ["color", "warning", "text"],
+      },
+      "text-secondary": {
+        key: "{color.warning.text-secondary}",
+        $type: "color",
+        $value: "rgba(74, 60, 1, 0.7)",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "#4a3c01b2",
+          key: "{color.warning.text-secondary}",
+        },
+        name: "bi-color-warning-text-secondary",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "text-secondary",
+        },
+        path: ["color", "warning", "text-secondary"],
+      },
+      "text-subtle": {
+        key: "{color.warning.text-subtle}",
+        $type: "color",
+        $value: "#4a3c01",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.90}",
+          key: "{color.warning.text-subtle}",
+        },
+        name: "bi-color-warning-text-subtle",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "text-subtle",
+        },
+        path: ["color", "warning", "text-subtle"],
+      },
+      "text-accent": {
+        key: "{color.warning.text-accent}",
+        $type: "color",
+        $value: "#7c6400",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.80}",
+          key: "{color.warning.text-accent}",
+        },
+        name: "bi-color-warning-text-accent",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "text-accent",
+        },
+        path: ["color", "warning", "text-accent"],
+      },
+      contrast: {
+        key: "{color.warning.contrast}",
+        $type: "color",
+        $value: "#4a3c01",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.90}",
+          key: "{color.warning.contrast}",
+        },
+        name: "bi-color-warning-contrast",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "contrast",
+        },
+        path: ["color", "warning", "contrast"],
+      },
+      "contrast-hover": {
+        key: "{color.warning.contrast-hover}",
+        $type: "color",
+        $value: "#3a2f00",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.95}",
+          key: "{color.warning.contrast-hover}",
+        },
+        name: "bi-color-warning-contrast-hover",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "contrast-hover",
+        },
+        path: ["color", "warning", "contrast-hover"],
+      },
+      fill: {
+        key: "{color.warning.fill}",
+        $type: "color",
+        $value: "#9d7e00",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{warning.75}",
+          key: "{color.warning.fill}",
+        },
+        name: "bi-color-warning-fill",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "fill",
+        },
+        path: ["color", "warning", "fill"],
+      },
+      "on-fill": {
+        key: "{color.warning.on-fill}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.warning.on-fill}",
+        },
+        name: "bi-color-warning-on-fill",
+        attributes: {
+          category: "color",
+          type: "warning",
+          item: "on-fill",
+        },
+        path: ["color", "warning", "on-fill"],
+      },
+    },
+    success: {
+      background: {
+        key: "{color.success.background}",
+        $type: "color",
+        $value: "#ebffeb",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.0}",
+          key: "{color.success.background}",
+        },
+        name: "bi-color-success-background",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "background",
+        },
+        path: ["color", "success", "background"],
+      },
+      "surface-subtle": {
+        key: "{color.success.surface-subtle}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.success.surface-subtle}",
+        },
+        name: "bi-color-success-surface-subtle",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "surface-subtle",
+        },
+        path: ["color", "success", "surface-subtle"],
+      },
+      surface: {
+        key: "{color.success.surface}",
+        $type: "color",
+        $value: "#d5f4d6",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.5}",
+          key: "{color.success.surface}",
+        },
+        name: "bi-color-success-surface",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "surface",
+        },
+        path: ["color", "success", "surface"],
+      },
+      "surface-strong": {
+        key: "{color.success.surface-strong}",
+        $type: "color",
+        $value: "#bfeec2",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.10}",
+          key: "{color.success.surface-strong}",
+        },
+        name: "bi-color-success-surface-strong",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "surface-strong",
+        },
+        path: ["color", "success", "surface-strong"],
+      },
+      "surface-active": {
+        key: "{color.success.surface-active}",
+        $type: "color",
+        $value: "#95e299",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.20}",
+          key: "{color.success.surface-active}",
+        },
+        name: "bi-color-success-surface-active",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "surface-active",
+        },
+        path: ["color", "success", "surface-active"],
+      },
+      "stroke-subtle": {
+        key: "{color.success.stroke-subtle}",
+        $type: "color",
+        $value: "#bfeec2",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.10}",
+          key: "{color.success.stroke-subtle}",
+        },
+        name: "bi-color-success-stroke-subtle",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "stroke-subtle",
+        },
+        path: ["color", "success", "stroke-subtle"],
+      },
+      stroke: {
+        key: "{color.success.stroke}",
+        $type: "color",
+        $value: "#aae8ae",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.15}",
+          key: "{color.success.stroke}",
+        },
+        name: "bi-color-success-stroke",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "stroke",
+        },
+        path: ["color", "success", "stroke"],
+      },
+      "stroke-strong": {
+        key: "{color.success.stroke-strong}",
+        $type: "color",
+        $value: "#80dd85",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.25}",
+          key: "{color.success.stroke-strong}",
+        },
+        name: "bi-color-success-stroke-strong",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "stroke-strong",
+        },
+        path: ["color", "success", "stroke-strong"],
+      },
+      "stroke-contrast": {
+        key: "{color.success.stroke-contrast}",
+        $type: "color",
+        $value: "#04a30d",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.60}",
+          key: "{color.success.stroke-contrast}",
+        },
+        name: "bi-color-success-stroke-contrast",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "stroke-contrast",
+        },
+        path: ["color", "success", "stroke-contrast"],
+      },
+      "stroke-accent": {
+        key: "{color.success.stroke-accent}",
+        $type: "color",
+        $value: "#00ab0b",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.50}",
+          key: "{color.success.stroke-accent}",
+        },
+        name: "bi-color-success-stroke-accent",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "stroke-accent",
+        },
+        path: ["color", "success", "stroke-accent"],
+      },
+      text: {
+        key: "{color.success.text}",
+        $type: "color",
+        $value: "#162e17",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.95}",
+          key: "{color.success.text}",
+        },
+        name: "bi-color-success-text",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "text",
+        },
+        path: ["color", "success", "text"],
+      },
+      "text-secondary": {
+        key: "{color.success.text-secondary}",
+        $type: "color",
+        $value: "rgba(20, 58, 22, 0.7)",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "#143a16b2",
+          key: "{color.success.text-secondary}",
+        },
+        name: "bi-color-success-text-secondary",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "text-secondary",
+        },
+        path: ["color", "success", "text-secondary"],
+      },
+      "text-subtle": {
+        key: "{color.success.text-subtle}",
+        $type: "color",
+        $value: "#143a16",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.90}",
+          key: "{color.success.text-subtle}",
+        },
+        name: "bi-color-success-text-subtle",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "text-subtle",
+        },
+        path: ["color", "success", "text-subtle"],
+      },
+      "text-accent": {
+        key: "{color.success.text-accent}",
+        $type: "color",
+        $value: "#0b7411",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.75}",
+          key: "{color.success.text-accent}",
+        },
+        name: "bi-color-success-text-accent",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "text-accent",
+        },
+        path: ["color", "success", "text-accent"],
+      },
+      contrast: {
+        key: "{color.success.contrast}",
+        $type: "color",
+        $value: "#143a16",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.90}",
+          key: "{color.success.contrast}",
+        },
+        name: "bi-color-success-contrast",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "contrast",
+        },
+        path: ["color", "success", "contrast"],
+      },
+      "contrast-hover": {
+        key: "{color.success.contrast-hover}",
+        $type: "color",
+        $value: "#162e17",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.95}",
+          key: "{color.success.contrast-hover}",
+        },
+        name: "bi-color-success-contrast-hover",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "contrast-hover",
+        },
+        path: ["color", "success", "contrast-hover"],
+      },
+      fill: {
+        key: "{color.success.fill}",
+        $type: "color",
+        $value: "#078b0f",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{success.70}",
+          key: "{color.success.fill}",
+        },
+        name: "bi-color-success-fill",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "fill",
+        },
+        path: ["color", "success", "fill"],
+      },
+      "on-fill": {
+        key: "{color.success.on-fill}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.success.on-fill}",
+        },
+        name: "bi-color-success-on-fill",
+        attributes: {
+          category: "color",
+          type: "success",
+          item: "on-fill",
+        },
+        path: ["color", "success", "on-fill"],
+      },
+    },
+    alert: {
+      background: {
+        key: "{color.alert.background}",
+        $type: "color",
+        $value: "#fff1f0",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.0}",
+          key: "{color.alert.background}",
+        },
+        name: "bi-color-alert-background",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "background",
+        },
+        path: ["color", "alert", "background"],
+      },
+      "surface-subtle": {
+        key: "{color.alert.surface-subtle}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.alert.surface-subtle}",
+        },
+        name: "bi-color-alert-surface-subtle",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "surface-subtle",
+        },
+        path: ["color", "alert", "surface-subtle"],
+      },
+      surface: {
+        key: "{color.alert.surface}",
+        $type: "color",
+        $value: "#ffd7d5",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.10}",
+          key: "{color.alert.surface}",
+        },
+        name: "bi-color-alert-surface",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "surface",
+        },
+        path: ["color", "alert", "surface"],
+      },
+      "surface-strong": {
+        key: "{color.alert.surface-strong}",
+        $type: "color",
+        $value: "#ffc3bf",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.15}",
+          key: "{color.alert.surface-strong}",
+        },
+        name: "bi-color-alert-surface-strong",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "surface-strong",
+        },
+        path: ["color", "alert", "surface-strong"],
+      },
+      "surface-active": {
+        key: "{color.alert.surface-active}",
+        $type: "color",
+        $value: "#ffafaa",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.20}",
+          key: "{color.alert.surface-active}",
+        },
+        name: "bi-color-alert-surface-active",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "surface-active",
+        },
+        path: ["color", "alert", "surface-active"],
+      },
+      "stroke-subtle": {
+        key: "{color.alert.stroke-subtle}",
+        $type: "color",
+        $value: "#ffd7d5",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.10}",
+          key: "{color.alert.stroke-subtle}",
+        },
+        name: "bi-color-alert-stroke-subtle",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "stroke-subtle",
+        },
+        path: ["color", "alert", "stroke-subtle"],
+      },
+      stroke: {
+        key: "{color.alert.stroke}",
+        $type: "color",
+        $value: "#ffc3bf",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.15}",
+          key: "{color.alert.stroke}",
+        },
+        name: "bi-color-alert-stroke",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "stroke",
+        },
+        path: ["color", "alert", "stroke"],
+      },
+      "stroke-strong": {
+        key: "{color.alert.stroke-strong}",
+        $type: "color",
+        $value: "#ff8780",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.25}",
+          key: "{color.alert.stroke-strong}",
+        },
+        name: "bi-color-alert-stroke-strong",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "stroke-strong",
+        },
+        path: ["color", "alert", "stroke-strong"],
+      },
+      "stroke-contrast": {
+        key: "{color.alert.stroke-contrast}",
+        $type: "color",
+        $value: "#e41100",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.60}",
+          key: "{color.alert.stroke-contrast}",
+        },
+        name: "bi-color-alert-stroke-contrast",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "stroke-contrast",
+        },
+        path: ["color", "alert", "stroke-contrast"],
+      },
+      "stroke-accent": {
+        key: "{color.alert.stroke-accent}",
+        $type: "color",
+        $value: "#ff0f00",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.50}",
+          key: "{color.alert.stroke-accent}",
+        },
+        name: "bi-color-alert-stroke-accent",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "stroke-accent",
+        },
+        path: ["color", "alert", "stroke-accent"],
+      },
+      text: {
+        key: "{color.alert.text}",
+        $type: "color",
+        $value: "#5d1c18",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.95}",
+          key: "{color.alert.text}",
+        },
+        name: "bi-color-alert-text",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "text",
+        },
+        path: ["color", "alert", "text"],
+      },
+      "text-secondary": {
+        key: "{color.alert.text-secondary}",
+        $type: "color",
+        $value: "rgba(106, 27, 22, 0.7)",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "#6a1b16b2",
+          key: "{color.alert.text-secondary}",
+        },
+        name: "bi-color-alert-text-secondary",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "text-secondary",
+        },
+        path: ["color", "alert", "text-secondary"],
+      },
+      "text-subtle": {
+        key: "{color.alert.text-subtle}",
+        $type: "color",
+        $value: "#6a1b16",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.90}",
+          key: "{color.alert.text-subtle}",
+        },
+        name: "bi-color-alert-text-subtle",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "text-subtle",
+        },
+        path: ["color", "alert", "text-subtle"],
+      },
+      "text-accent": {
+        key: "{color.alert.text-accent}",
+        $type: "color",
+        $value: "#ae1601",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.75}",
+          key: "{color.alert.text-accent}",
+        },
+        name: "bi-color-alert-text-accent",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "text-accent",
+        },
+        path: ["color", "alert", "text-accent"],
+      },
+      contrast: {
+        key: "{color.alert.contrast}",
+        $type: "color",
+        $value: "#6a1b16",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.90}",
+          key: "{color.alert.contrast}",
+        },
+        name: "bi-color-alert-contrast",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "contrast",
+        },
+        path: ["color", "alert", "contrast"],
+      },
+      "contrast-hover": {
+        key: "{color.alert.contrast-hover}",
+        $type: "color",
+        $value: "#5d1c18",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.95}",
+          key: "{color.alert.contrast-hover}",
+        },
+        name: "bi-color-alert-contrast-hover",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "contrast-hover",
+        },
+        path: ["color", "alert", "contrast-hover"],
+      },
+      fill: {
+        key: "{color.alert.fill}",
+        $type: "color",
+        $value: "#e41100",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{alert.60}",
+          key: "{color.alert.fill}",
+        },
+        name: "bi-color-alert-fill",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "fill",
+        },
+        path: ["color", "alert", "fill"],
+      },
+      "on-fill": {
+        key: "{color.alert.on-fill}",
+        $type: "color",
+        $value: "#ffffff",
+        filePath: "tokens/Semantic.light.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{basic.white}",
+          key: "{color.alert.on-fill}",
+        },
+        name: "bi-color-alert-on-fill",
+        attributes: {
+          category: "color",
+          type: "alert",
+          item: "on-fill",
+        },
+        path: ["color", "alert", "on-fill"],
+      },
+    },
+  },
+  states: {
+    hover: {
+      key: "{states.hover}",
+      $type: "color",
+      $value: "rgba(38, 51, 63, 0.1)",
+      filePath: "tokens/Semantic.light.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#26333f1a",
+        key: "{states.hover}",
+      },
+      name: "bi-states-hover",
+      attributes: {
+        category: "states",
+        type: "hover",
+      },
+      path: ["states", "hover"],
+    },
+    press: {
+      key: "{states.press}",
+      $type: "color",
+      $value: "rgba(38, 51, 63, 0.15)",
+      filePath: "tokens/Semantic.light.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#26333f26",
+        key: "{states.press}",
+      },
+      name: "bi-states-press",
+      attributes: {
+        category: "states",
+        type: "press",
+      },
+      path: ["states", "press"],
+    },
+    focus: {
+      key: "{states.focus}",
+      $type: "color",
+      $value: "#0a64ff",
+      filePath: "tokens/Semantic.light.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "{primary.50}",
+        key: "{states.focus}",
+      },
+      name: "bi-states-focus",
+      attributes: {
+        category: "states",
+        type: "focus",
+      },
+      path: ["states", "focus"],
+    },
+    "focus-background": {
+      key: "{states.focus-background}",
+      $type: "color",
+      $value: "#ffffff",
+      filePath: "tokens/Semantic.light.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "{basic.white}",
+        key: "{states.focus-background}",
+      },
+      name: "bi-states-focus-background",
+      attributes: {
+        category: "states",
+        type: "focus-background",
+      },
+      path: ["states", "focus-background"],
+    },
+    required: {
+      key: "{states.required}",
+      $type: "color",
+      $value: "#0a64ff",
+      filePath: "tokens/Semantic.light.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "{primary.50}",
+        key: "{states.required}",
+      },
+      name: "bi-states-required",
+      attributes: {
+        category: "states",
+        type: "required",
+      },
+      path: ["states", "required"],
+    },
+    "hover-dark": {
+      key: "{states.hover-dark}",
+      $type: "color",
+      $value: "rgba(38, 51, 63, 0.1)",
+      filePath: "tokens/System.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#26333f1a",
+        key: "{states.hover-dark}",
+      },
+      name: "bi-states-hover-dark",
+      attributes: {
+        category: "states",
+        type: "hover-dark",
+      },
+      path: ["states", "hover-dark"],
+    },
+    "hover-light": {
+      key: "{states.hover-light}",
+      $type: "color",
+      $value: "rgba(255, 255, 255, 0.1)",
+      filePath: "tokens/System.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "#ffffff1a",
+        key: "{states.hover-light}",
+      },
+      name: "bi-states-hover-light",
+      attributes: {
+        category: "states",
+        type: "hover-light",
+      },
+      path: ["states", "hover-light"],
     },
-    "80x": {
-      key: "{scale.80x}",
-      $type: "dimension",
-      $value: "20rem",
-      filePath: "tokens/Reference.Mode 1.tokens.json",
+    "press-dark": {
+      key: "{states.press-dark}",
+      $type: "color",
+      $value: "rgba(38, 51, 63, 0.15)",
+      filePath: "tokens/System.Mode 1.tokens.json",
       isSource: true,
       original: {
-        $type: "dimension",
-        $value: "320px",
-        key: "{scale.80x}",
+        $type: "color",
+        $value: "#26333f26",
+        key: "{states.press-dark}",
       },
-      name: "bi-scale-80x",
+      name: "bi-states-press-dark",
       attributes: {
-        category: "scale",
-        type: "80x",
+        category: "states",
+        type: "press-dark",
       },
-      path: ["scale", "80x"],
+      path: ["states", "press-dark"],
     },
-    max: {
-      key: "{scale.max}",
-      $type: "dimension",
-      $value: "624.9375rem",
-      filePath: "tokens/Reference.Mode 1.tokens.json",
+    "press-light": {
+      key: "{states.press-light}",
+      $type: "color",
+      $value: "rgba(255, 255, 255, 0.15)",
+      filePath: "tokens/System.Mode 1.tokens.json",
       isSource: true,
       original: {
-        $type: "dimension",
-        $value: "9999px",
-        key: "{scale.max}",
+        $type: "color",
+        $value: "#ffffff26",
+        key: "{states.press-light}",
       },
-      name: "bi-scale-max",
+      name: "bi-states-press-light",
       attributes: {
-        category: "scale",
-        type: "max",
+        category: "states",
+        type: "press-light",
       },
-      path: ["scale", "max"],
+      path: ["states", "press-light"],
     },
   },
   opacity: {
@@ -2817,7 +5191,7 @@ export default {
     none: {
       key: "{stroke.none}",
       $type: "dimension",
-      $value: 0,
+      $value: "0",
       filePath: "tokens/System.Mode 1.tokens.json",
       isSource: true,
       original: {
@@ -2871,12 +5245,12 @@ export default {
     thick: {
       key: "{stroke.thick}",
       $type: "dimension",
-      $value: "0.125rem",
+      $value: "0.1875rem",
       filePath: "tokens/System.Mode 1.tokens.json",
       isSource: true,
       original: {
         $type: "dimension",
-        $value: "{scale.0,50x}",
+        $value: "{scale.0,75x}",
         key: "{stroke.thick}",
       },
       name: "bi-stroke-thick",
@@ -2886,12 +5260,84 @@ export default {
       },
       path: ["stroke", "thick"],
     },
+    focus: {
+      key: "{stroke.focus}",
+      $type: "dimension",
+      $value: "0.1875rem",
+      filePath: "tokens/System.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "dimension",
+        $value: "{scale.0,75x}",
+        key: "{stroke.focus}",
+      },
+      name: "bi-stroke-focus",
+      attributes: {
+        category: "stroke",
+        type: "focus",
+      },
+      path: ["stroke", "focus"],
+    },
+    subtle: {
+      key: "{stroke.subtle}",
+      $type: "color",
+      $value: "#e4e8ed",
+      filePath: "tokens/System.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "{neutral.10}",
+        key: "{stroke.subtle}",
+      },
+      name: "bi-stroke-subtle",
+      attributes: {
+        category: "stroke",
+        type: "subtle",
+      },
+      path: ["stroke", "subtle"],
+    },
+    default: {
+      key: "{stroke.default}",
+      $type: "color",
+      $value: "#d5dde4",
+      filePath: "tokens/System.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "{neutral.15}",
+        key: "{stroke.default}",
+      },
+      name: "bi-stroke-default",
+      attributes: {
+        category: "stroke",
+        type: "default",
+      },
+      path: ["stroke", "default"],
+    },
+    strong: {
+      key: "{stroke.strong}",
+      $type: "color",
+      $value: "#bac6d2",
+      filePath: "tokens/System.Mode 1.tokens.json",
+      isSource: true,
+      original: {
+        $type: "color",
+        $value: "{neutral.25}",
+        key: "{stroke.strong}",
+      },
+      name: "bi-stroke-strong",
+      attributes: {
+        category: "stroke",
+        type: "strong",
+      },
+      path: ["stroke", "strong"],
+    },
   },
   radius: {
     none: {
       key: "{radius.none}",
       $type: "dimension",
-      $value: 0,
+      $value: "0",
       filePath: "tokens/System.Mode 1.tokens.json",
       isSource: true,
       original: {
@@ -3201,43 +5647,43 @@ export default {
   },
   font: {
     family: {
-      Plain: {
-        key: "{font.family.Plain}",
+      Brand: {
+        key: "{font.family.Brand}",
         $type: "string",
-        $value: "'museo-sans', Arial, sans-serif",
+        $value: "'museo-slab', serif",
         filePath: "tokens/System.Mode 1.tokens.json",
         isSource: true,
         original: {
           $type: "string",
-          $value: "Museo Sans",
-          key: "{font.family.Plain}",
+          $value: "Museo Slab",
+          key: "{font.family.Brand}",
         },
-        name: "bi-font-family-plain",
+        name: "bi-font-family-brand",
         attributes: {
           category: "font",
           type: "family",
-          item: "Plain",
+          item: "Brand",
         },
-        path: ["font", "family", "Plain"],
+        path: ["font", "family", "Brand"],
       },
-      Brand: {
-        key: "{font.family.Brand}",
+      Plain: {
+        key: "{font.family.Plain}",
         $type: "string",
-        $value: "'museo-slab', serif",
+        $value: "'museo-sans', Arial, sans-serif",
         filePath: "tokens/System.Mode 1.tokens.json",
         isSource: true,
         original: {
           $type: "string",
-          $value: "Museo Slab",
-          key: "{font.family.Brand}",
+          $value: "Museo Sans",
+          key: "{font.family.Plain}",
         },
-        name: "bi-font-family-brand",
+        name: "bi-font-family-plain",
         attributes: {
           category: "font",
           type: "family",
-          item: "Brand",
+          item: "Plain",
         },
-        path: ["font", "family", "Brand"],
+        path: ["font", "family", "Plain"],
       },
     },
     weight: {
@@ -3357,8 +5803,8 @@ export default {
         },
         path: ["font", "color", "Accent"],
       },
-      Link: {
-        key: "{font.color.Link}",
+      Strong_accent: {
+        key: "{font.color.Strong_accent}",
         $type: "color",
         $value: "#0a64ff",
         filePath: "tokens/System.Mode 1.tokens.json",
@@ -3366,15 +5812,15 @@ export default {
         original: {
           $type: "color",
           $value: "{primary.50}",
-          key: "{font.color.Link}",
+          key: "{font.color.Strong_accent}",
         },
-        name: "bi-font-color-link",
+        name: "bi-font-color-strong-accent",
         attributes: {
           category: "font",
           type: "color",
-          item: "Link",
+          item: "Strong_accent",
         },
-        path: ["font", "color", "Link"],
+        path: ["font", "color", "Strong_accent"],
       },
       Primary_dark_background: {
         key: "{font.color.Primary_dark_background}",
@@ -3395,8 +5841,8 @@ export default {
         },
         path: ["font", "color", "Primary_dark_background"],
       },
-      Secondary_dark_background_2: {
-        key: "{font.color.Secondary_dark_background_2}",
+      Secondary_dark_background: {
+        key: "{font.color.Secondary_dark_background}",
         $type: "color",
         $value: "rgba(255, 255, 255, 0.7)",
         filePath: "tokens/System.Mode 1.tokens.json",
@@ -3404,15 +5850,15 @@ export default {
         original: {
           $type: "color",
           $value: "#ffffffb2",
-          key: "{font.color.Secondary_dark_background_2}",
+          key: "{font.color.Secondary_dark_background}",
         },
-        name: "bi-font-color-secondary-dark-background-2",
+        name: "bi-font-color-secondary-dark-background",
         attributes: {
           category: "font",
           type: "color",
-          item: "Secondary_dark_background_2",
+          item: "Secondary_dark_background",
         },
-        path: ["font", "color", "Secondary_dark_background_2"],
+        path: ["font", "color", "Secondary_dark_background"],
       },
       Disabled_dark_background: {
         key: "{font.color.Disabled_dark_background}",
@@ -3452,80 +5898,120 @@ export default {
         },
         path: ["font", "color", "Accent_dark_background"],
       },
-    },
-  },
-  states: {
-    "hover-dark": {
-      key: "{states.hover-dark}",
-      $type: "color",
-      $value: "rgba(38, 51, 63, 0.1)",
-      filePath: "tokens/System.Mode 1.tokens.json",
-      isSource: true,
-      original: {
+      Strong_accent_dark_background: {
+        key: "{font.color.Strong_accent_dark_background}",
         $type: "color",
-        $value: "#26333f1a",
-        key: "{states.hover-dark}",
-      },
-      name: "bi-states-hover-dark",
-      attributes: {
-        category: "states",
-        type: "hover-dark",
+        $value: "#75a5f1",
+        filePath: "tokens/System.Mode 1.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.30}",
+          key: "{font.color.Strong_accent_dark_background}",
+        },
+        name: "bi-font-color-strong-accent-dark-background",
+        attributes: {
+          category: "font",
+          type: "color",
+          item: "Strong_accent_dark_background",
+        },
+        path: ["font", "color", "Strong_accent_dark_background"],
       },
-      path: ["states", "hover-dark"],
-    },
-    "hover-light": {
-      key: "{states.hover-light}",
-      $type: "color",
-      $value: "rgba(255, 255, 255, 0.1)",
-      filePath: "tokens/System.Mode 1.tokens.json",
-      isSource: true,
-      original: {
+      Primary_light_blue_background: {
+        key: "{font.color.Primary_light_blue_background}",
         $type: "color",
-        $value: "#ffffff1a",
-        key: "{states.hover-light}",
-      },
-      name: "bi-states-hover-light",
-      attributes: {
-        category: "states",
-        type: "hover-light",
+        $value: "#042f5b",
+        filePath: "tokens/System.Mode 1.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.90}",
+          key: "{font.color.Primary_light_blue_background}",
+        },
+        name: "bi-font-color-primary-light-blue-background",
+        attributes: {
+          category: "font",
+          type: "color",
+          item: "Primary_light_blue_background",
+        },
+        path: ["font", "color", "Primary_light_blue_background"],
       },
-      path: ["states", "hover-light"],
-    },
-    "press-dark": {
-      key: "{states.press-dark}",
-      $type: "color",
-      $value: "rgba(38, 51, 63, 0.15)",
-      filePath: "tokens/System.Mode 1.tokens.json",
-      isSource: true,
-      original: {
+      Secondary_light_blue_background: {
+        key: "{font.color.Secondary_light_blue_background}",
         $type: "color",
-        $value: "#26333f26",
-        key: "{states.press-dark}",
+        $value: "rgba(4, 47, 91, 0.7)",
+        filePath: "tokens/System.Mode 1.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "#042f5bb2",
+          key: "{font.color.Secondary_light_blue_background}",
+        },
+        name: "bi-font-color-secondary-light-blue-background",
+        attributes: {
+          category: "font",
+          type: "color",
+          item: "Secondary_light_blue_background",
+        },
+        path: ["font", "color", "Secondary_light_blue_background"],
       },
-      name: "bi-states-press-dark",
-      attributes: {
-        category: "states",
-        type: "press-dark",
+      Disabled_light_blue_background: {
+        key: "{font.color.Disabled_light_blue_background}",
+        $type: "color",
+        $value: "rgba(4, 47, 91, 0.7)",
+        filePath: "tokens/System.Mode 1.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "#042f5bb2",
+          key: "{font.color.Disabled_light_blue_background}",
+        },
+        name: "bi-font-color-disabled-light-blue-background",
+        attributes: {
+          category: "font",
+          type: "color",
+          item: "Disabled_light_blue_background",
+        },
+        path: ["font", "color", "Disabled_light_blue_background"],
       },
-      path: ["states", "press-dark"],
-    },
-    "press-light": {
-      key: "{states.press-light}",
-      $type: "color",
-      $value: "rgba(255, 255, 255, 0.15)",
-      filePath: "tokens/System.Mode 1.tokens.json",
-      isSource: true,
-      original: {
+      Accent_light_blue_background: {
+        key: "{font.color.Accent_light_blue_background}",
         $type: "color",
-        $value: "#ffffff26",
-        key: "{states.press-light}",
+        $value: "#0c468f",
+        filePath: "tokens/System.Mode 1.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.75}",
+          key: "{font.color.Accent_light_blue_background}",
+        },
+        name: "bi-font-color-accent-light-blue-background",
+        attributes: {
+          category: "font",
+          type: "color",
+          item: "Accent_light_blue_background",
+        },
+        path: ["font", "color", "Accent_light_blue_background"],
       },
-      name: "bi-states-press-light",
-      attributes: {
-        category: "states",
-        type: "press-light",
+      Strong_accent_light_blue_background: {
+        key: "{font.color.Strong_accent_light_blue_background}",
+        $type: "color",
+        $value: "#0a64ff",
+        filePath: "tokens/System.Mode 1.tokens.json",
+        isSource: true,
+        original: {
+          $type: "color",
+          $value: "{primary.50}",
+          key: "{font.color.Strong_accent_light_blue_background}",
+        },
+        name: "bi-font-color-strong-accent-light-blue-background",
+        attributes: {
+          category: "font",
+          type: "color",
+          item: "Strong_accent_light_blue_background",
+        },
+        path: ["font", "color", "Strong_accent_light_blue_background"],
       },
-      path: ["states", "press-light"],
     },
   },
   layout: {