ui-foundations 0.3.1 → 0.4.1

package/dist/tokens/tokens.yaml

@@ -1,8 +1,8 @@
 # Auto-generated design tokens from Figma
-# Generated on 2026-03-31T20:27:09.751Z
+# Generated on 2026-04-28T09:23:28.582Z
 
 summary:
-  total: 355
+  total: 440
 tokens:
   -
     cssVar: "--breakpoint-100"
@@ -85,7 +85,7 @@ tokens:
   -
     cssVar: "--brand-color-accent"
     name: "brand-color-accent"
-    value: "var(--color-brand-a-blue-500)"
+    value: "var(--color-brand-a-green-400)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Accent"
@@ -98,7 +98,7 @@ tokens:
   -
     cssVar: "--brand-color-accent"
     name: "brand-color-accent"
-    value: "var(--color-brand-b-purple-600)"
+    value: "var(--color-brand-b-green-400)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Accent"
@@ -111,7 +111,7 @@ tokens:
   -
     cssVar: "--brand-color-accent-dark"
     name: "brand-color-accent-dark"
-    value: "var(--color-brand-a-blue-700)"
+    value: "var(--color-brand-a-green-600)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Accent Dark"
@@ -124,7 +124,7 @@ tokens:
   -
     cssVar: "--brand-color-accent-dark"
     name: "brand-color-accent-dark"
-    value: "var(--color-brand-b-purple-800)"
+    value: "var(--color-brand-b-green-800)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Accent Dark"
@@ -137,7 +137,7 @@ tokens:
   -
     cssVar: "--brand-color-functional-base"
     name: "brand-color-functional-base"
-    value: "var(--color-brand-a-blue-700)"
+    value: "var(--color-brand-a-green-700)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Functional/Base"
@@ -150,7 +150,7 @@ tokens:
   -
     cssVar: "--brand-color-functional-base"
     name: "brand-color-functional-base"
-    value: "var(--color-brand-b-purple-600)"
+    value: "var(--color-brand-b-purple-700)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Functional/Base"
@@ -163,7 +163,7 @@ tokens:
   -
     cssVar: "--brand-color-functional-base-dark"
     name: "brand-color-functional-base-dark"
-    value: "var(--color-brand-a-blue-800)"
+    value: "var(--color-brand-a-green-900)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Functional/Base Dark"
@@ -176,7 +176,7 @@ tokens:
   -
     cssVar: "--brand-color-functional-base-dark"
     name: "brand-color-functional-base-dark"
-    value: "var(--color-brand-b-purple-800)"
+    value: "var(--color-brand-b-purple-900)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Functional/Base Dark"
@@ -189,7 +189,7 @@ tokens:
   -
     cssVar: "--brand-color-functional-danger"
     name: "brand-color-functional-danger"
-    value: "var(--color-brand-a-red)"
+    value: "var(--color-brand-a-red-600)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Functional/Danger"
@@ -202,7 +202,7 @@ tokens:
   -
     cssVar: "--brand-color-functional-danger"
     name: "brand-color-functional-danger"
-    value: "var(--color-brand-b-red)"
+    value: "var(--color-brand-b-red-600)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Functional/Danger"
@@ -215,7 +215,7 @@ tokens:
   -
     cssVar: "--brand-color-functional-success"
     name: "brand-color-functional-success"
-    value: "var(--color-brand-a-green)"
+    value: "var(--color-brand-a-green-600)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Functional/Success"
@@ -228,7 +228,7 @@ tokens:
   -
     cssVar: "--brand-color-functional-success"
     name: "brand-color-functional-success"
-    value: "var(--color-brand-b-green)"
+    value: "var(--color-brand-b-green-600)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Functional/Success"
@@ -241,7 +241,7 @@ tokens:
   -
     cssVar: "--brand-color-primary"
     name: "brand-color-primary"
-    value: "var(--color-brand-a-purple-600)"
+    value: "var(--color-brand-a-sand-700)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Primary"
@@ -254,7 +254,7 @@ tokens:
   -
     cssVar: "--brand-color-primary"
     name: "brand-color-primary"
-    value: "var(--color-brand-b-blue-500)"
+    value: "var(--color-brand-b-purple-600)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Primary"
@@ -267,7 +267,7 @@ tokens:
   -
     cssVar: "--brand-color-primary-dark"
     name: "brand-color-primary-dark"
-    value: "var(--color-brand-a-purple-800)"
+    value: "var(--color-brand-a-sand-900)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Primary Dark"
@@ -280,7 +280,7 @@ tokens:
   -
     cssVar: "--brand-color-primary-dark"
     name: "brand-color-primary-dark"
-    value: "var(--color-brand-b-blue-700)"
+    value: "var(--color-brand-b-purple-800)"
     type: "color"
     group: "colors"
     path: "Brand/Color/Primary Dark"
@@ -512,247 +512,793 @@ tokens:
     selector: ":root[data-mode=\"dark\"]"
     sourceFile: "Appearance (Modes).tokens.json"
   -
-    cssVar: "--color-border-subtle"
-    name: "color-border-subtle"
-    value: "var(--brand-color-subtle)"
+    cssVar: "--color-border-subtle"
+    name: "color-border-subtle"
+    value: "var(--brand-color-subtle)"
+    type: "color"
+    group: "colors"
+    path: "Color/Border/Subtle"
+    pathKey: "Color.Border.Subtle"
+    scope: "mode:light"
+    scopeBucket: "mode"
+    scopeId: "light"
+    selector: ":root"
+    sourceFile: "Appearance (Modes).tokens.json"
+  -
+    cssVar: "--color-brand-a-green-100"
+    name: "color-brand-a-green-100"
+    value: "rgb(243 246 233)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Green/100"
+    pathKey: "Color.Brand A.Green.100"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-green-200"
+    name: "color-brand-a-green-200"
+    value: "rgb(223 231 197)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Green/200"
+    pathKey: "Color.Brand A.Green.200"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-green-300"
+    name: "color-brand-a-green-300"
+    value: "rgb(207 219 169)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Green/300"
+    pathKey: "Color.Brand A.Green.300"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-green-400"
+    name: "color-brand-a-green-400"
+    value: "rgb(191 207 140)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Green/400"
+    pathKey: "Color.Brand A.Green.400"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-green-500"
+    name: "color-brand-a-green-500"
+    value: "rgb(175 195 111)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Green/500"
+    pathKey: "Color.Brand A.Green.500"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-green-600"
+    name: "color-brand-a-green-600"
+    value: "rgb(159 183 82)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Green/600"
+    pathKey: "Color.Brand A.Green.600"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-green-700"
+    name: "color-brand-a-green-700"
+    value: "rgb(137 158 66)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Green/700"
+    pathKey: "Color.Brand A.Green.700"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-green-800"
+    name: "color-brand-a-green-800"
+    value: "rgb(112 129 54)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Green/800"
+    pathKey: "Color.Brand A.Green.800"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-green-900"
+    name: "color-brand-a-green-900"
+    value: "rgb(81 93 39)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Green/900"
+    pathKey: "Color.Brand A.Green.900"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-red-100"
+    name: "color-brand-a-red-100"
+    value: "rgb(254 251 251)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Red/100"
+    pathKey: "Color.Brand A.Red.100"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-red-200"
+    name: "color-brand-a-red-200"
+    value: "rgb(250 224 230)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Red/200"
+    pathKey: "Color.Brand A.Red.200"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-red-300"
+    name: "color-brand-a-red-300"
+    value: "rgb(244 179 195)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Red/300"
+    pathKey: "Color.Brand A.Red.300"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-red-400"
+    name: "color-brand-a-red-400"
+    value: "rgb(238 135 160)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Red/400"
+    pathKey: "Color.Brand A.Red.400"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-red-500"
+    name: "color-brand-a-red-500"
+    value: "rgb(231 90 124)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Red/500"
+    pathKey: "Color.Brand A.Red.500"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-red-600"
+    name: "color-brand-a-red-600"
+    value: "rgb(225 46 89)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Red/600"
+    pathKey: "Color.Brand A.Red.600"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-red-700"
+    name: "color-brand-a-red-700"
+    value: "rgb(191 28 67)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Red/700"
+    pathKey: "Color.Brand A.Red.700"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-red-800"
+    name: "color-brand-a-red-800"
+    value: "rgb(147 21 52)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Red/800"
+    pathKey: "Color.Brand A.Red.800"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-red-900"
+    name: "color-brand-a-red-900"
+    value: "rgb(102 15 36)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Red/900"
+    pathKey: "Color.Brand A.Red.900"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-sand-100"
+    name: "color-brand-a-sand-100"
+    value: "rgb(240 240 229)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Sand/100"
+    pathKey: "Color.Brand A.Sand.100"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-sand-200"
+    name: "color-brand-a-sand-200"
+    value: "rgb(221 222 197)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Sand/200"
+    pathKey: "Color.Brand A.Sand.200"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-sand-300"
+    name: "color-brand-a-sand-300"
+    value: "rgb(192 193 172)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Sand/300"
+    pathKey: "Color.Brand A.Sand.300"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-sand-400"
+    name: "color-brand-a-sand-400"
+    value: "rgb(164 165 147)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Sand/400"
+    pathKey: "Color.Brand A.Sand.400"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-sand-500"
+    name: "color-brand-a-sand-500"
+    value: "rgb(136 137 122)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Sand/500"
+    pathKey: "Color.Brand A.Sand.500"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-sand-600"
+    name: "color-brand-a-sand-600"
+    value: "rgb(108 109 97)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Sand/600"
+    pathKey: "Color.Brand A.Sand.600"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-sand-700"
+    name: "color-brand-a-sand-700"
+    value: "rgb(80 81 72)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Sand/700"
+    pathKey: "Color.Brand A.Sand.700"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-sand-800"
+    name: "color-brand-a-sand-800"
+    value: "rgb(52 52 47)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Sand/800"
+    pathKey: "Color.Brand A.Sand.800"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-a-sand-900"
+    name: "color-brand-a-sand-900"
+    value: "rgb(24 24 22)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand A/Sand/900"
+    pathKey: "Color.Brand A.Sand.900"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-blue-100"
+    name: "color-brand-b-blue-100"
+    value: "rgb(206 219 253)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Blue/100"
+    pathKey: "Color.Brand B.Blue.100"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-blue-200"
+    name: "color-brand-b-blue-200"
+    value: "rgb(158 183 250)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Blue/200"
+    pathKey: "Color.Brand B.Blue.200"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-blue-300"
+    name: "color-brand-b-blue-300"
+    value: "rgb(109 147 248)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Blue/300"
+    pathKey: "Color.Brand B.Blue.300"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-blue-400"
+    name: "color-brand-b-blue-400"
+    value: "rgb(61 111 245)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Blue/400"
+    pathKey: "Color.Brand B.Blue.400"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-blue-500"
+    name: "color-brand-b-blue-500"
+    value: "rgb(12 75 243)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Blue/500"
+    pathKey: "Color.Brand B.Blue.500"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-blue-600"
+    name: "color-brand-b-blue-600"
+    value: "rgb(10 60 194)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Blue/600"
+    pathKey: "Color.Brand B.Blue.600"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-blue-700"
+    name: "color-brand-b-blue-700"
+    value: "rgb(7 45 146)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Blue/700"
+    pathKey: "Color.Brand B.Blue.700"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-blue-800"
+    name: "color-brand-b-blue-800"
+    value: "rgb(5 30 97)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Blue/800"
+    pathKey: "Color.Brand B.Blue.800"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-blue-900"
+    name: "color-brand-b-blue-900"
+    value: "rgb(2 15 49)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Blue/900"
+    pathKey: "Color.Brand B.Blue.900"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-green-100"
+    name: "color-brand-b-green-100"
+    value: "rgb(246 254 250)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Green/100"
+    pathKey: "Color.Brand B.Green.100"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-green-200"
+    name: "color-brand-b-green-200"
+    value: "rgb(200 249 223)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Green/200"
+    pathKey: "Color.Brand B.Green.200"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-green-300"
+    name: "color-brand-b-green-300"
+    value: "rgb(154 244 196)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Green/300"
+    pathKey: "Color.Brand B.Green.300"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-green-400"
+    name: "color-brand-b-green-400"
+    value: "rgb(108 239 170)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Green/400"
+    pathKey: "Color.Brand B.Green.400"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-green-500"
+    name: "color-brand-b-green-500"
+    value: "rgb(62 234 143)"
+    type: "color"
+    group: "colors"
+    path: "Color/Brand B/Green/500"
+    pathKey: "Color.Brand B.Green.500"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--color-brand-b-green-600"
+    name: "color-brand-b-green-600"
+    value: "rgb(19 174 92)"
     type: "color"
     group: "colors"
-    path: "Color/Border/Subtle"
-    pathKey: "Color.Border.Subtle"
-    scope: "mode:light"
-    scopeBucket: "mode"
-    scopeId: "light"
+    path: "Color/Brand B/Green/600"
+    pathKey: "Color.Brand B.Green.600"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
     selector: ":root"
-    sourceFile: "Appearance (Modes).tokens.json"
+    sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-a-blue-200"
-    name: "color-brand-a-blue-200"
-    value: "rgb(226 244 253)"
+    cssVar: "--color-brand-b-green-700"
+    name: "color-brand-b-green-700"
+    value: "rgb(14 129 68)"
     type: "color"
     group: "colors"
-    path: "Color/Brand A/Blue/200"
-    pathKey: "Color.Brand A.Blue.200"
+    path: "Color/Brand B/Green/700"
+    pathKey: "Color.Brand B.Green.700"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-a-blue-500"
-    name: "color-brand-a-blue-500"
-    value: "rgb(112 203 244)"
+    cssVar: "--color-brand-b-green-800"
+    name: "color-brand-b-green-800"
+    value: "rgb(8 69 36)"
     type: "color"
     group: "colors"
-    path: "Color/Brand A/Blue/500"
-    pathKey: "Color.Brand A.Blue.500"
+    path: "Color/Brand B/Green/800"
+    pathKey: "Color.Brand B.Green.800"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-a-blue-700"
-    name: "color-brand-a-blue-700"
-    value: "rgb(12 75 243)"
+    cssVar: "--color-brand-b-green-900"
+    name: "color-brand-b-green-900"
+    value: "rgb(4 37 19)"
     type: "color"
     group: "colors"
-    path: "Color/Brand A/Blue/700"
-    pathKey: "Color.Brand A.Blue.700"
+    path: "Color/Brand B/Green/900"
+    pathKey: "Color.Brand B.Green.900"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-a-blue-800"
-    name: "color-brand-a-blue-800"
-    value: "rgb(27 17 92)"
+    cssVar: "--color-brand-b-purple-200"
+    name: "color-brand-b-purple-200"
+    value: "rgb(222 192 255)"
     type: "color"
     group: "colors"
-    path: "Color/Brand A/Blue/800"
-    pathKey: "Color.Brand A.Blue.800"
+    path: "Color/Brand B/Purple/200"
+    pathKey: "Color.Brand B.Purple.200"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-a-green"
-    name: "color-brand-a-green"
-    value: "rgb(19 174 92)"
+    cssVar: "--color-brand-b-purple-300"
+    name: "color-brand-b-purple-300"
+    value: "rgb(196 143 255)"
     type: "color"
     group: "colors"
-    path: "Color/Brand A/Green"
-    pathKey: "Color.Brand A.Green"
+    path: "Color/Brand B/Purple/300"
+    pathKey: "Color.Brand B.Purple.300"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-a-purple-200"
-    name: "color-brand-a-purple-200"
-    value: "rgb(222 192 255)"
+    cssVar: "--color-brand-b-purple-600"
+    name: "color-brand-b-purple-600"
+    value: "rgb(151 71 255)"
     type: "color"
     group: "colors"
-    path: "Color/Brand A/Purple/200"
-    pathKey: "Color.Brand A.Purple.200"
+    path: "Color/Brand B/Purple/600"
+    pathKey: "Color.Brand B.Purple.600"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-a-purple-600"
-    name: "color-brand-a-purple-600"
-    value: "rgb(151 71 255)"
+    cssVar: "--color-brand-b-purple-700"
+    name: "color-brand-b-purple-700"
+    value: "rgb(122 20 255)"
     type: "color"
     group: "colors"
-    path: "Color/Brand A/Purple/600"
-    pathKey: "Color.Brand A.Purple.600"
+    path: "Color/Brand B/Purple/700"
+    pathKey: "Color.Brand B.Purple.700"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-a-purple-800"
-    name: "color-brand-a-purple-800"
+    cssVar: "--color-brand-b-purple-800"
+    name: "color-brand-b-purple-800"
     value: "rgb(85 26 139)"
     type: "color"
     group: "colors"
-    path: "Color/Brand A/Purple/800"
-    pathKey: "Color.Brand A.Purple.800"
+    path: "Color/Brand B/Purple/800"
+    pathKey: "Color.Brand B.Purple.800"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-a-red"
-    name: "color-brand-a-red"
-    value: "rgb(255 0 0)"
+    cssVar: "--color-brand-b-purple-900"
+    name: "color-brand-b-purple-900"
+    value: "rgb(58 18 95)"
     type: "color"
     group: "colors"
-    path: "Color/Brand A/Red"
-    pathKey: "Color.Brand A.Red"
+    path: "Color/Brand B/Purple/900"
+    pathKey: "Color.Brand B.Purple.900"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-b-blue-200"
-    name: "color-brand-b-blue-200"
-    value: "rgb(179 226 250)"
+    cssVar: "--color-brand-b-red-100"
+    name: "color-brand-b-red-100"
+    value: "rgb(255 255 255)"
     type: "color"
     group: "colors"
-    path: "Color/Brand B/Blue/200"
-    pathKey: "Color.Brand B.Blue.200"
+    path: "Color/Brand B/Red/100"
+    pathKey: "Color.Brand B.Red.100"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-b-blue-500"
-    name: "color-brand-b-blue-500"
-    value: "rgb(66 186 240)"
+    cssVar: "--color-brand-b-red-200"
+    name: "color-brand-b-red-200"
+    value: "rgb(255 204 204)"
     type: "color"
     group: "colors"
-    path: "Color/Brand B/Blue/500"
-    pathKey: "Color.Brand B.Blue.500"
+    path: "Color/Brand B/Red/200"
+    pathKey: "Color.Brand B.Red.200"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-b-blue-700"
-    name: "color-brand-b-blue-700"
-    value: "rgb(10 60 194)"
+    cssVar: "--color-brand-b-red-300"
+    name: "color-brand-b-red-300"
+    value: "rgb(255 153 153)"
     type: "color"
     group: "colors"
-    path: "Color/Brand B/Blue/700"
-    pathKey: "Color.Brand B.Blue.700"
+    path: "Color/Brand B/Red/300"
+    pathKey: "Color.Brand B.Red.300"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-b-blue-800"
-    name: "color-brand-b-blue-800"
-    value: "rgb(14 9 47)"
+    cssVar: "--color-brand-b-red-400"
+    name: "color-brand-b-red-400"
+    value: "rgb(255 102 102)"
     type: "color"
     group: "colors"
-    path: "Color/Brand B/Blue/800"
-    pathKey: "Color.Brand B.Blue.800"
+    path: "Color/Brand B/Red/400"
+    pathKey: "Color.Brand B.Red.400"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-b-green"
-    name: "color-brand-b-green"
-    value: "rgb(14 129 68)"
+    cssVar: "--color-brand-b-red-500"
+    name: "color-brand-b-red-500"
+    value: "rgb(255 51 51)"
     type: "color"
     group: "colors"
-    path: "Color/Brand B/Green"
-    pathKey: "Color.Brand B.Green"
+    path: "Color/Brand B/Red/500"
+    pathKey: "Color.Brand B.Red.500"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-b-purple-200"
-    name: "color-brand-b-purple-200"
-    value: "rgb(196 143 255)"
+    cssVar: "--color-brand-b-red-600"
+    name: "color-brand-b-red-600"
+    value: "rgb(255 0 0)"
     type: "color"
     group: "colors"
-    path: "Color/Brand B/Purple/200"
-    pathKey: "Color.Brand B.Purple.200"
+    path: "Color/Brand B/Red/600"
+    pathKey: "Color.Brand B.Red.600"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-b-purple-600"
-    name: "color-brand-b-purple-600"
-    value: "rgb(122 20 255)"
+    cssVar: "--color-brand-b-red-700"
+    name: "color-brand-b-red-700"
+    value: "rgb(153 0 0)"
     type: "color"
     group: "colors"
-    path: "Color/Brand B/Purple/600"
-    pathKey: "Color.Brand B.Purple.600"
+    path: "Color/Brand B/Red/700"
+    pathKey: "Color.Brand B.Red.700"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-b-purple-800"
-    name: "color-brand-b-purple-800"
-    value: "rgb(58 18 95)"
+    cssVar: "--color-brand-b-red-800"
+    name: "color-brand-b-red-800"
+    value: "rgb(102 0 0)"
     type: "color"
     group: "colors"
-    path: "Color/Brand B/Purple/800"
-    pathKey: "Color.Brand B.Purple.800"
+    path: "Color/Brand B/Red/800"
+    pathKey: "Color.Brand B.Red.800"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
     selector: ":root"
     sourceFile: "Core (Primitives).tokens.json"
   -
-    cssVar: "--color-brand-b-red"
-    name: "color-brand-b-red"
-    value: "rgb(204 0 0)"
+    cssVar: "--color-brand-b-red-900"
+    name: "color-brand-b-red-900"
+    value: "rgb(51 0 0)"
     type: "color"
     group: "colors"
-    path: "Color/Brand B/Red"
-    pathKey: "Color.Brand B.Red"
+    path: "Color/Brand B/Red/900"
+    pathKey: "Color.Brand B.Red.900"
     scope: "global:core-primitives"
     scopeBucket: "global"
     scopeId: "core-primitives"
@@ -1552,44 +2098,304 @@ tokens:
     selector: ":root"
     sourceFile: "Appearance (Modes).tokens.json"
   -
-    cssVar: "--color-text-success"
-    name: "color-text-success"
-    value: "var(--brand-color-functional-success)"
-    type: "color"
-    group: "colors"
-    path: "Color/Text/Success"
-    pathKey: "Color.Text.Success"
-    scope: "mode:dark"
-    scopeBucket: "mode"
-    scopeId: "dark"
-    selector: ":root[data-mode=\"dark\"]"
-    sourceFile: "Appearance (Modes).tokens.json"
+    cssVar: "--color-text-success"
+    name: "color-text-success"
+    value: "var(--brand-color-functional-success)"
+    type: "color"
+    group: "colors"
+    path: "Color/Text/Success"
+    pathKey: "Color.Text.Success"
+    scope: "mode:dark"
+    scopeBucket: "mode"
+    scopeId: "dark"
+    selector: ":root[data-mode=\"dark\"]"
+    sourceFile: "Appearance (Modes).tokens.json"
+  -
+    cssVar: "--color-text-success"
+    name: "color-text-success"
+    value: "var(--brand-color-functional-success)"
+    type: "color"
+    group: "colors"
+    path: "Color/Text/Success"
+    pathKey: "Color.Text.Success"
+    scope: "mode:light"
+    scopeBucket: "mode"
+    scopeId: "light"
+    selector: ":root"
+    sourceFile: "Appearance (Modes).tokens.json"
+  -
+    cssVar: "--color-transparent"
+    name: "color-transparent"
+    value: "rgba(0 0 0 / 0)"
+    type: "color"
+    group: "colors"
+    path: "Color/Transparent"
+    pathKey: "Color.Transparent"
+    scope: "global:core-primitives"
+    scopeBucket: "global"
+    scopeId: "core-primitives"
+    selector: ":root"
+    sourceFile: "Core (Primitives).tokens.json"
+  -
+    cssVar: "--badge-border-radius"
+    name: "badge-border-radius"
+    value: "var(--size-radius-full)"
+    type: "number"
+    group: "components"
+    path: "Badge/Border Radius"
+    pathKey: "Badge.Border Radius"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-brand-container-background"
+    name: "badge-brand-container-background"
+    value: "var(--color-fill-brand)"
+    type: "color"
+    group: "components"
+    path: "Badge/Brand/Container/Background"
+    pathKey: "Badge.Brand.Container.Background"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-brand-text-color"
+    name: "badge-brand-text-color"
+    value: "var(--color-text-inverse)"
+    type: "color"
+    group: "components"
+    path: "Badge/Brand/Text Color"
+    pathKey: "Badge.Brand.Text Color"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-danger-container-background"
+    name: "badge-danger-container-background"
+    value: "var(--color-fill-danger)"
+    type: "color"
+    group: "components"
+    path: "Badge/Danger/Container/Background"
+    pathKey: "Badge.Danger.Container.Background"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-danger-text-color"
+    name: "badge-danger-text-color"
+    value: "var(--color-text-inverse)"
+    type: "color"
+    group: "components"
+    path: "Badge/Danger/Text Color"
+    pathKey: "Badge.Danger.Text Color"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-default-container-background"
+    name: "badge-default-container-background"
+    value: "var(--color-fill-subtle)"
+    type: "color"
+    group: "components"
+    path: "Badge/Default/Container/Background"
+    pathKey: "Badge.Default.Container.Background"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-default-text-color"
+    name: "badge-default-text-color"
+    value: "var(--color-text-default)"
+    type: "color"
+    group: "components"
+    path: "Badge/Default/Text Color"
+    pathKey: "Badge.Default.Text Color"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-font-family"
+    name: "badge-font-family"
+    value: "var(--typography-label-font-family)"
+    type: "string"
+    group: "components"
+    path: "Badge/Font Family"
+    pathKey: "Badge.Font Family"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-font-size-md"
+    name: "badge-font-size-md"
+    value: "var(--font-size-sm)"
+    type: "number"
+    group: "components"
+    path: "Badge/Font Size Md"
+    pathKey: "Badge.Font Size Md"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-font-size-sm"
+    name: "badge-font-size-sm"
+    value: "var(--font-size-xs)"
+    type: "number"
+    group: "components"
+    path: "Badge/Font Size Sm"
+    pathKey: "Badge.Font Size Sm"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-font-weight"
+    name: "badge-font-weight"
+    value: "var(--font-weight-700)"
+    type: "string"
+    group: "components"
+    path: "Badge/Font Weight"
+    pathKey: "Badge.Font Weight"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-gap"
+    name: "badge-gap"
+    value: "var(--size-spacing-100)"
+    type: "number"
+    group: "components"
+    path: "Badge/Gap"
+    pathKey: "Badge.Gap"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-line-height-md"
+    name: "badge-line-height-md"
+    value: "var(--line-height-sm)"
+    type: "number"
+    group: "components"
+    path: "Badge/Line Height Md"
+    pathKey: "Badge.Line Height Md"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-line-height-sm"
+    name: "badge-line-height-sm"
+    value: "var(--line-height-xs)"
+    type: "number"
+    group: "components"
+    path: "Badge/Line Height Sm"
+    pathKey: "Badge.Line Height Sm"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-padding-block-md"
+    name: "badge-padding-block-md"
+    value: "var(--size-spacing-100)"
+    type: "number"
+    group: "components"
+    path: "Badge/Padding Block Md"
+    pathKey: "Badge.Padding Block Md"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-padding-block-sm"
+    name: "badge-padding-block-sm"
+    value: "var(--size-spacing-000)"
+    type: "number"
+    group: "components"
+    path: "Badge/Padding Block Sm"
+    pathKey: "Badge.Padding Block Sm"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-padding-inline-md"
+    name: "badge-padding-inline-md"
+    value: "var(--size-spacing-300)"
+    type: "number"
+    group: "components"
+    path: "Badge/Padding Inline Md"
+    pathKey: "Badge.Padding Inline Md"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--badge-padding-inline-sm"
+    name: "badge-padding-inline-sm"
+    value: "var(--size-spacing-200)"
+    type: "number"
+    group: "components"
+    path: "Badge/Padding Inline Sm"
+    pathKey: "Badge.Padding Inline Sm"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
   -
-    cssVar: "--color-text-success"
-    name: "color-text-success"
-    value: "var(--brand-color-functional-success)"
+    cssVar: "--badge-success-container-background"
+    name: "badge-success-container-background"
+    value: "var(--color-fill-success)"
     type: "color"
-    group: "colors"
-    path: "Color/Text/Success"
-    pathKey: "Color.Text.Success"
-    scope: "mode:light"
-    scopeBucket: "mode"
-    scopeId: "light"
+    group: "components"
+    path: "Badge/Success/Container/Background"
+    pathKey: "Badge.Success.Container.Background"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
     selector: ":root"
-    sourceFile: "Appearance (Modes).tokens.json"
+    sourceFile: "Components (UI).tokens.json"
   -
-    cssVar: "--color-transparent"
-    name: "color-transparent"
-    value: "rgba(0 0 0 / 0)"
+    cssVar: "--badge-success-text-color"
+    name: "badge-success-text-color"
+    value: "var(--color-text-inverse)"
     type: "color"
-    group: "colors"
-    path: "Color/Transparent"
-    pathKey: "Color.Transparent"
-    scope: "global:core-primitives"
+    group: "components"
+    path: "Badge/Success/Text Color"
+    pathKey: "Badge.Success.Text Color"
+    scope: "global:components-ui"
     scopeBucket: "global"
-    scopeId: "core-primitives"
+    scopeId: "components-ui"
     selector: ":root"
-    sourceFile: "Core (Primitives).tokens.json"
+    sourceFile: "Components (UI).tokens.json"
   -
     cssVar: "--button-border-color-disabled"
     name: "button-border-color-disabled"
@@ -2279,6 +3085,45 @@ tokens:
     scopeId: "components-ui"
     selector: ":root"
     sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--checkbox-border-size-default"
+    name: "checkbox-border-size-default"
+    value: "var(--size-border-100)"
+    type: "number"
+    group: "components"
+    path: "Input/Checkbox/Border Size Default"
+    pathKey: "Input.Checkbox.Border Size Default"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--checkbox-border-size-disabled"
+    name: "checkbox-border-size-disabled"
+    value: "var(--size-border-000)"
+    type: "number"
+    group: "components"
+    path: "Input/Checkbox/Border Size Disabled"
+    pathKey: "Input.Checkbox.Border Size Disabled"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--checkbox-border-size-hover"
+    name: "checkbox-border-size-hover"
+    value: "var(--size-border-200)"
+    type: "number"
+    group: "components"
+    path: "Input/Checkbox/Border Size Hover"
+    pathKey: "Input.Checkbox.Border Size Hover"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
   -
     cssVar: "--form-border-radius"
     name: "form-border-radius"
@@ -2526,6 +3371,19 @@ tokens:
     scopeId: "components-ui"
     selector: ":root"
     sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-checkbox-border-color-disabled"
+    name: "input-checkbox-border-color-disabled"
+    value: "var(--color-border-disabled)"
+    type: "color"
+    group: "components"
+    path: "Input/Checkbox/Border/Color Disabled"
+    pathKey: "Input.Checkbox.Border.Color Disabled"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
   -
     cssVar: "--input-checkbox-border-color-focus"
     name: "input-checkbox-border-color-focus"
@@ -2542,7 +3400,7 @@ tokens:
   -
     cssVar: "--input-checkbox-border-color-hover"
     name: "input-checkbox-border-color-hover"
-    value: "var(--color-border-brand)"
+    value: "var(--color-border-strong)"
     type: "color"
     group: "components"
     path: "Input/Checkbox/Border/Color Hover"
@@ -2604,6 +3462,19 @@ tokens:
     scopeId: "components-ui"
     selector: ":root"
     sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-checkbox-container-background-disabled"
+    name: "input-checkbox-container-background-disabled"
+    value: "var(--color-fill-disabled)"
+    type: "color"
+    group: "components"
+    path: "Input/Checkbox/Container/Background Disabled"
+    pathKey: "Input.Checkbox.Container.Background Disabled"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
   -
     cssVar: "--input-checkbox-container-background-focus"
     name: "input-checkbox-container-background-focus"
@@ -2656,10 +3527,23 @@ tokens:
     scopeId: "components-ui"
     selector: ":root"
     sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-checkbox-text-color-disabled"
+    name: "input-checkbox-text-color-disabled"
+    value: "var(--color-text-disabled)"
+    type: "color"
+    group: "components"
+    path: "Input/Checkbox/Text Color Disabled"
+    pathKey: "Input.Checkbox.Text Color Disabled"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
   -
     cssVar: "--input-checkbox-text-color-hover"
     name: "input-checkbox-text-color-hover"
-    value: "var(--color-text-default)"
+    value: "var(--color-text-strong)"
     type: "color"
     group: "components"
     path: "Input/Checkbox/Text Color Hover"
@@ -2825,6 +3709,188 @@ tokens:
     scopeId: "components-ui"
     selector: ":root"
     sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-border-color-active"
+    name: "input-radio-border-color-active"
+    value: "var(--color-border-brand)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Border/Color Active"
+    pathKey: "Input.Radio.Border.Color Active"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-border-color-default"
+    name: "input-radio-border-color-default"
+    value: "var(--color-border-subtle)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Border/Color Default"
+    pathKey: "Input.Radio.Border.Color Default"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-border-color-disabled"
+    name: "input-radio-border-color-disabled"
+    value: "var(--color-border-disabled)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Border/Color Disabled"
+    pathKey: "Input.Radio.Border.Color Disabled"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-border-color-focus"
+    name: "input-radio-border-color-focus"
+    value: "var(--color-border-brand)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Border/Color Focus"
+    pathKey: "Input.Radio.Border.Color Focus"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-border-color-hover"
+    name: "input-radio-border-color-hover"
+    value: "var(--color-border-strong)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Border/Color Hover"
+    pathKey: "Input.Radio.Border.Color Hover"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-container-background-active"
+    name: "input-radio-container-background-active"
+    value: "var(--color-fill-brand)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Container/Background Active"
+    pathKey: "Input.Radio.Container.Background Active"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-container-background-default"
+    name: "input-radio-container-background-default"
+    value: "var(--color-fill-surface)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Container/Background Default"
+    pathKey: "Input.Radio.Container.Background Default"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-container-background-disabled"
+    name: "input-radio-container-background-disabled"
+    value: "var(--color-fill-disabled)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Container/Background Disabled"
+    pathKey: "Input.Radio.Container.Background Disabled"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-container-background-focus"
+    name: "input-radio-container-background-focus"
+    value: "var(--color-fill-surface)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Container/Background Focus"
+    pathKey: "Input.Radio.Container.Background Focus"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-container-background-hover"
+    name: "input-radio-container-background-hover"
+    value: "var(--color-fill-surface)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Container/Background Hover"
+    pathKey: "Input.Radio.Container.Background Hover"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-text-color-active"
+    name: "input-radio-text-color-active"
+    value: "var(--color-text-inverse)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Text Color Active"
+    pathKey: "Input.Radio.Text Color Active"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-text-color-default"
+    name: "input-radio-text-color-default"
+    value: "var(--color-text-default)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Text Color Default"
+    pathKey: "Input.Radio.Text Color Default"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-text-color-disabled"
+    name: "input-radio-text-color-disabled"
+    value: "var(--color-text-disabled)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Text Color Disabled"
+    pathKey: "Input.Radio.Text Color Disabled"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--input-radio-text-color-hover"
+    name: "input-radio-text-color-hover"
+    value: "var(--color-text-strong)"
+    type: "color"
+    group: "components"
+    path: "Input/Radio/Text Color Hover"
+    pathKey: "Input.Radio.Text Color Hover"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
   -
     cssVar: "--input-text-border-color-active"
     name: "input-text-border-color-active"
@@ -3150,6 +4216,45 @@ tokens:
     scopeId: "components-ui"
     selector: ":root"
     sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--radio-border-size-default"
+    name: "radio-border-size-default"
+    value: "var(--size-border-100)"
+    type: "number"
+    group: "components"
+    path: "Input/Radio/Border Size Default"
+    pathKey: "Input.Radio.Border Size Default"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--radio-border-size-disabled"
+    name: "radio-border-size-disabled"
+    value: "var(--size-border-000)"
+    type: "number"
+    group: "components"
+    path: "Input/Radio/Border Size Disabled"
+    pathKey: "Input.Radio.Border Size Disabled"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
+  -
+    cssVar: "--radio-border-size-hover"
+    name: "radio-border-size-hover"
+    value: "var(--size-border-200)"
+    type: "number"
+    group: "components"
+    path: "Input/Radio/Border Size Hover"
+    pathKey: "Input.Radio.Border Size Hover"
+    scope: "global:components-ui"
+    scopeBucket: "global"
+    scopeId: "components-ui"
+    selector: ":root"
+    sourceFile: "Components (UI).tokens.json"
   -
     cssVar: "--size-border-000"
     name: "size-border-000"