@esri/calcite-design-tokens 4.0.0-next.16 → 4.0.0-next.18

package/dist/docs/global.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1767982687282,
+  "timestamp": 1769461873741,
   "tokens": [
     {
       "key": "{semantic.color.surface.1}",
@@ -349,21 +349,20 @@
       "comment": "deprecated, use --calcite-color-surface-highlight instead"
     },
     {
-      "key": "{semantic.color.transparent.default.default}",
-      "value": "{\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"}",
+      "key": "{semantic.color.text.1}",
+      "value": "{\"light\":\"#141414\",\"dark\":\"#ffffff\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "transparent",
+        "group": "text",
         "type": "color",
-        "item": "transparent",
-        "subitem": "default",
-        "state": "default",
+        "item": "text",
+        "subitem": "1",
         "names": {
-          "scss": "$calcite-color-transparent",
-          "css": "var(--calcite-color-transparent)",
-          "docs": "semantic.color.transparent.default.default",
-          "es6": "calciteColorTransparent"
+          "scss": "$calcite-color-text-1",
+          "css": "var(--calcite-color-text-1)",
+          "docs": "semantic.color.text.1",
+          "es6": "calciteColorText1"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -373,25 +372,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Transparent",
-      "path": ["semantic", "color", "transparent", "default", "default"]
+      "name": "Color Text 1",
+      "path": ["semantic", "color", "text", "1"]
     },
     {
-      "key": "{semantic.color.transparent.default.hover}",
-      "value": "{\"light\":\"rgba(0, 0, 0, 0.04)\",\"dark\":\"rgba(255, 255, 255, 0.12)\"}",
+      "key": "{semantic.color.text.2}",
+      "value": "{\"light\":\"#4a4a4a\",\"dark\":\"#bfbfbf\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "transparent",
+        "group": "text",
         "type": "color",
-        "item": "transparent",
-        "subitem": "default",
-        "state": "hover",
+        "item": "text",
+        "subitem": "2",
         "names": {
-          "scss": "$calcite-color-transparent-hover",
-          "css": "var(--calcite-color-transparent-hover)",
-          "docs": "semantic.color.transparent.default.hover",
-          "es6": "calciteColorTransparentHover"
+          "scss": "$calcite-color-text-2",
+          "css": "var(--calcite-color-text-2)",
+          "docs": "semantic.color.text.2",
+          "es6": "calciteColorText2"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -401,25 +399,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Transparent Hover",
-      "path": ["semantic", "color", "transparent", "default", "hover"]
+      "name": "Color Text 2",
+      "path": ["semantic", "color", "text", "2"]
     },
     {
-      "key": "{semantic.color.transparent.default.press}",
-      "value": "{\"light\":\"rgba(0, 0, 0, 0.08)\",\"dark\":\"rgba(255, 255, 255, 0.16)\"}",
+      "key": "{semantic.color.text.3}",
+      "value": "{\"light\":\"#6b6b6b\",\"dark\":\"#9e9e9e\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "transparent",
+        "group": "text",
         "type": "color",
-        "item": "transparent",
-        "subitem": "default",
-        "state": "press",
+        "item": "text",
+        "subitem": "3",
         "names": {
-          "scss": "$calcite-color-transparent-press",
-          "css": "var(--calcite-color-transparent-press)",
-          "docs": "semantic.color.transparent.default.press",
-          "es6": "calciteColorTransparentPress"
+          "scss": "$calcite-color-text-3",
+          "css": "var(--calcite-color-text-3)",
+          "docs": "semantic.color.text.3",
+          "es6": "calciteColorText3"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -429,26 +426,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Transparent Press",
-      "path": ["semantic", "color", "transparent", "default", "press"]
+      "name": "Color Text 3",
+      "path": ["semantic", "color", "text", "3"]
     },
     {
-      "key": "{semantic.color.transparent.inverse.hover}",
-      "value": "{\"light\":\"rgba(255, 255, 255, 0.12)\",\"dark\":\"rgba(0, 0, 0, 0.04)\"}",
+      "key": "{semantic.color.text.inverse}",
+      "value": "{\"light\":\"#ffffff\",\"dark\":\"#141414\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "transparent",
-        "kind": "inverse",
+        "group": "text",
         "type": "color",
-        "item": "transparent",
+        "item": "text",
         "subitem": "inverse",
-        "state": "hover",
         "names": {
-          "scss": "$calcite-color-transparent-inverse-hover",
-          "css": "var(--calcite-color-transparent-inverse-hover)",
-          "docs": "semantic.color.transparent.inverse.hover",
-          "es6": "calciteColorTransparentInverseHover"
+          "scss": "$calcite-color-text-inverse",
+          "css": "var(--calcite-color-text-inverse)",
+          "docs": "semantic.color.text.inverse",
+          "es6": "calciteColorTextInverse"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -458,26 +453,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Transparent Inverse Hover",
-      "path": ["semantic", "color", "transparent", "inverse", "hover"]
+      "name": "Color Text Inverse",
+      "path": ["semantic", "color", "text", "inverse"]
     },
     {
-      "key": "{semantic.color.transparent.inverse.press}",
-      "value": "{\"light\":\"rgba(255, 255, 255, 0.16)\",\"dark\":\"rgba(0, 0, 0, 0.08)\"}",
+      "key": "{semantic.color.text.link}",
+      "value": "{\"light\":\"#00619b\",\"dark\":\"#00a0ff\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "transparent",
-        "kind": "inverse",
+        "group": "text",
         "type": "color",
-        "item": "transparent",
-        "subitem": "inverse",
-        "state": "press",
+        "item": "text",
+        "subitem": "link",
         "names": {
-          "scss": "$calcite-color-transparent-inverse-press",
-          "css": "var(--calcite-color-transparent-inverse-press)",
-          "docs": "semantic.color.transparent.inverse.press",
-          "es6": "calciteColorTransparentInversePress"
+          "scss": "$calcite-color-text-link",
+          "css": "var(--calcite-color-text-link)",
+          "docs": "semantic.color.text.link",
+          "es6": "calciteColorTextLink"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -487,24 +480,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Transparent Inverse Press",
-      "path": ["semantic", "color", "transparent", "inverse", "press"]
+      "name": "Color Text Link",
+      "path": ["semantic", "color", "text", "link"]
     },
     {
-      "key": "{semantic.color.transparent.scrim}",
-      "value": "{\"light\":\"rgba(255, 255, 255, 0.85)\",\"dark\":\"rgba(0, 0, 0, 0.85)\"}",
+      "key": "{semantic.color.text.highlight}",
+      "value": "{\"light\":\"#004874\",\"dark\":\"#d6efff\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "transparent",
+        "group": "text",
         "type": "color",
-        "item": "transparent",
-        "subitem": "scrim",
+        "item": "text",
+        "subitem": "highlight",
         "names": {
-          "scss": "$calcite-color-transparent-scrim",
-          "css": "var(--calcite-color-transparent-scrim)",
-          "docs": "semantic.color.transparent.scrim",
-          "es6": "calciteColorTransparentScrim"
+          "scss": "$calcite-color-text-highlight",
+          "css": "var(--calcite-color-text-highlight)",
+          "docs": "semantic.color.text.highlight",
+          "es6": "calciteColorTextHighlight"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -514,24 +507,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Transparent Scrim",
-      "path": ["semantic", "color", "transparent", "scrim"]
+      "name": "Color Text Highlight",
+      "path": ["semantic", "color", "text", "highlight"]
     },
     {
-      "key": "{semantic.color.transparent.tint}",
-      "value": "{\"light\":\"rgba(255, 255, 255, 0.8)\",\"dark\":\"rgba(43, 43, 43, 0.8)\"}",
+      "key": "{semantic.color.border.1}",
+      "value": "{\"light\":\"#d4d4d4\",\"dark\":\"#545454\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "transparent",
+        "group": "border",
         "type": "color",
-        "item": "transparent",
-        "subitem": "tint",
+        "item": "border",
+        "subitem": "1",
         "names": {
-          "scss": "$calcite-color-transparent-tint",
-          "css": "var(--calcite-color-transparent-tint)",
-          "docs": "semantic.color.transparent.tint",
-          "es6": "calciteColorTransparentTint"
+          "scss": "$calcite-color-border-1",
+          "css": "var(--calcite-color-border-1)",
+          "docs": "semantic.color.border.1",
+          "es6": "calciteColorBorder1"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -541,11 +534,146 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Transparent Tint",
-      "path": ["semantic", "color", "transparent", "tint"]
+      "name": "Color Border 1",
+      "path": ["semantic", "color", "border", "1"]
+    },
+    {
+      "key": "{semantic.color.border.2}",
+      "value": "{\"light\":\"#dedede\",\"dark\":\"#4a4a4a\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "group": "border",
+        "type": "color",
+        "item": "border",
+        "subitem": "2",
+        "names": {
+          "scss": "$calcite-color-border-2",
+          "css": "var(--calcite-color-border-2)",
+          "docs": "semantic.color.border.2",
+          "es6": "calciteColorBorder2"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Border 2",
+      "path": ["semantic", "color", "border", "2"]
     },
     {
-      "key": "{semantic.color.brand.default.default}",
+      "key": "{semantic.color.border.3}",
+      "value": "{\"light\":\"#ebebeb\",\"dark\":\"#404040\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "group": "border",
+        "type": "color",
+        "item": "border",
+        "subitem": "3",
+        "names": {
+          "scss": "$calcite-color-border-3",
+          "css": "var(--calcite-color-border-3)",
+          "docs": "semantic.color.border.3",
+          "es6": "calciteColorBorder3"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Border 3",
+      "path": ["semantic", "color", "border", "3"]
+    },
+    {
+      "key": "{semantic.color.border.input}",
+      "value": "{\"light\":\"#949494\",\"dark\":\"#757575\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "group": "border",
+        "type": "color",
+        "item": "border",
+        "subitem": "input",
+        "names": {
+          "scss": "$calcite-color-border-input",
+          "css": "var(--calcite-color-border-input)",
+          "docs": "semantic.color.border.input",
+          "es6": "calciteColorBorderInput"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Border Input",
+      "path": ["semantic", "color", "border", "input"]
+    },
+    {
+      "key": "{semantic.color.border.ghost}",
+      "value": "{\"light\":\"rgba(0, 0, 0, 0.3)\",\"dark\":\"rgba(117, 117, 117, 0.3)\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "group": "border",
+        "type": "color",
+        "item": "border",
+        "subitem": "ghost",
+        "names": {
+          "scss": "$calcite-color-border-ghost",
+          "css": "var(--calcite-color-border-ghost)",
+          "docs": "semantic.color.border.ghost",
+          "es6": "calciteColorBorderGhost"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Border Ghost",
+      "path": ["semantic", "color", "border", "ghost"]
+    },
+    {
+      "key": "{semantic.color.border.white}",
+      "value": "{\"light\":\"#ffffff\",\"dark\":\"#f7f7f7\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "group": "border",
+        "type": "color",
+        "item": "border",
+        "subitem": "white",
+        "names": {
+          "scss": "$calcite-color-border-white",
+          "css": "var(--calcite-color-border-white)",
+          "docs": "semantic.color.border.white",
+          "es6": "calciteColorBorderWhite"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Border White",
+      "path": ["semantic", "color", "border", "white"]
+    },
+    {
+      "key": "{semantic.color.brand.default}",
       "value": "{\"light\":\"#007ac2\",\"dark\":\"#009af2\"}",
       "type": "color",
       "attributes": {
@@ -554,11 +682,10 @@
         "type": "color",
         "item": "brand",
         "subitem": "default",
-        "state": "default",
         "names": {
           "scss": "$calcite-color-brand",
           "css": "var(--calcite-color-brand)",
-          "docs": "semantic.color.brand.default.default",
+          "docs": "semantic.color.brand.default",
           "es6": "calciteColorBrand"
         },
         "calcite-schema": {
@@ -570,10 +697,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "name": "Color Brand",
-      "path": ["semantic", "color", "brand", "default", "default"]
+      "path": ["semantic", "color", "brand", "default"]
     },
     {
-      "key": "{semantic.color.brand.default.hover}",
+      "key": "{semantic.color.brand.hover}",
       "value": "{\"light\":\"#00619b\",\"dark\":\"#007ac2\"}",
       "type": "color",
       "attributes": {
@@ -581,12 +708,11 @@
         "group": "brand",
         "type": "color",
         "item": "brand",
-        "subitem": "default",
-        "state": "hover",
+        "subitem": "hover",
         "names": {
           "scss": "$calcite-color-brand-hover",
           "css": "var(--calcite-color-brand-hover)",
-          "docs": "semantic.color.brand.default.hover",
+          "docs": "semantic.color.brand.hover",
           "es6": "calciteColorBrandHover"
         },
         "calcite-schema": {
@@ -598,10 +724,10 @@
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "name": "Color Brand Hover",
-      "path": ["semantic", "color", "brand", "default", "hover"]
+      "path": ["semantic", "color", "brand", "hover"]
     },
     {
-      "key": "{semantic.color.brand.default.press}",
+      "key": "{semantic.color.brand.press}",
       "value": "{\"light\":\"#004874\",\"dark\":\"#00619b\"}",
       "type": "color",
       "attributes": {
@@ -609,12 +735,11 @@
         "group": "brand",
         "type": "color",
         "item": "brand",
-        "subitem": "default",
-        "state": "press",
+        "subitem": "press",
         "names": {
           "scss": "$calcite-color-brand-press",
           "css": "var(--calcite-color-brand-press)",
-          "docs": "semantic.color.brand.default.press",
+          "docs": "semantic.color.brand.press",
           "es6": "calciteColorBrandPress"
         },
         "calcite-schema": {
@@ -625,24 +750,105 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Brand Press",
-      "path": ["semantic", "color", "brand", "default", "press"]
+      "name": "Color Brand Press",
+      "path": ["semantic", "color", "brand", "press"]
+    },
+    {
+      "key": "{semantic.color.brand.underline}",
+      "type": "color",
+      "value": "{\"light\":\"rgba(0, 97, 155, 0.4)\",\"dark\":\"rgba(0, 160, 255, 0.4)\"}",
+      "attributes": {
+        "category": "color",
+        "group": "brand",
+        "type": "color",
+        "item": "brand",
+        "subitem": "underline",
+        "names": {
+          "scss": "$calcite-color-brand-underline",
+          "css": "var(--calcite-color-brand-underline)",
+          "docs": "semantic.color.brand.underline",
+          "es6": "calciteColorBrandUnderline"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Brand Underline",
+      "path": ["semantic", "color", "brand", "underline"]
+    },
+    {
+      "key": "{semantic.color.inverse.default}",
+      "value": "{\"light\":\"#363636\",\"dark\":\"#f7f7f7\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "group": "inverse",
+        "type": "color",
+        "item": "inverse",
+        "subitem": "default",
+        "names": {
+          "scss": "$calcite-color-inverse",
+          "css": "var(--calcite-color-inverse)",
+          "docs": "semantic.color.inverse.default",
+          "es6": "calciteColorInverse"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Inverse",
+      "path": ["semantic", "color", "inverse", "default"]
+    },
+    {
+      "key": "{semantic.color.inverse.hover}",
+      "value": "{\"light\":\"#2b2b2b\",\"dark\":\"#f2f2f2\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "group": "inverse",
+        "type": "color",
+        "item": "inverse",
+        "subitem": "hover",
+        "names": {
+          "scss": "$calcite-color-inverse-hover",
+          "css": "var(--calcite-color-inverse-hover)",
+          "docs": "semantic.color.inverse.hover",
+          "es6": "calciteColorInverseHover"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Inverse Hover",
+      "path": ["semantic", "color", "inverse", "hover"]
     },
     {
-      "key": "{semantic.color.brand.underline}",
+      "key": "{semantic.color.inverse.press}",
+      "value": "{\"light\":\"#212121\",\"dark\":\"#ebebeb\"}",
       "type": "color",
-      "value": "{\"light\":\"rgba(0, 97, 155, 0.4)\",\"dark\":\"rgba(0, 160, 255, 0.4)\"}",
       "attributes": {
         "category": "color",
-        "group": "brand",
+        "group": "inverse",
         "type": "color",
-        "item": "brand",
-        "subitem": "underline",
+        "item": "inverse",
+        "subitem": "press",
         "names": {
-          "scss": "$calcite-color-brand-underline",
-          "css": "var(--calcite-color-brand-underline)",
-          "docs": "semantic.color.brand.underline",
-          "es6": "calciteColorBrandUnderline"
+          "scss": "$calcite-color-inverse-press",
+          "css": "var(--calcite-color-inverse-press)",
+          "docs": "semantic.color.inverse.press",
+          "es6": "calciteColorInversePress"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -652,8 +858,8 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Brand Underline",
-      "path": ["semantic", "color", "brand", "underline"]
+      "name": "Color Inverse Press",
+      "path": ["semantic", "color", "inverse", "press"]
     },
     {
       "key": "{semantic.color.status.info.default}",
@@ -869,236 +1075,12 @@
         "type": "color",
         "item": "status",
         "subitem": "warning",
-        "state": "hover",
-        "names": {
-          "scss": "$calcite-color-status-warning-hover",
-          "css": "var(--calcite-color-status-warning-hover)",
-          "docs": "semantic.color.status.warning.hover",
-          "es6": "calciteColorStatusWarningHover"
-        },
-        "calcite-schema": {
-          "system": "calcite",
-          "tier": "color",
-          "type": "color"
-        }
-      },
-      "filePath": "src/tokens/semantic/color/light.json",
-      "isSource": false,
-      "name": "Color Status Warning Hover",
-      "path": ["semantic", "color", "status", "warning", "hover"]
-    },
-    {
-      "key": "{semantic.color.status.warning.press}",
-      "value": "{\"light\":\"#9a5b10\",\"dark\":\"#ff9500\"}",
-      "type": "color",
-      "attributes": {
-        "category": "color",
-        "group": "status",
-        "kind": "warning",
-        "type": "color",
-        "item": "status",
-        "subitem": "warning",
-        "state": "press",
-        "names": {
-          "scss": "$calcite-color-status-warning-press",
-          "css": "var(--calcite-color-status-warning-press)",
-          "docs": "semantic.color.status.warning.press",
-          "es6": "calciteColorStatusWarningPress"
-        },
-        "calcite-schema": {
-          "system": "calcite",
-          "tier": "color",
-          "type": "color"
-        }
-      },
-      "filePath": "src/tokens/semantic/color/light.json",
-      "isSource": false,
-      "name": "Color Status Warning Press",
-      "path": ["semantic", "color", "status", "warning", "press"]
-    },
-    {
-      "key": "{semantic.color.status.danger.default}",
-      "value": "{\"light\":\"#d83020\",\"dark\":\"#fe583e\"}",
-      "type": "color",
-      "attributes": {
-        "category": "color",
-        "group": "status",
-        "kind": "danger",
-        "type": "color",
-        "item": "status",
-        "subitem": "danger",
-        "state": "default",
-        "names": {
-          "scss": "$calcite-color-status-danger",
-          "css": "var(--calcite-color-status-danger)",
-          "docs": "semantic.color.status.danger.default",
-          "es6": "calciteColorStatusDanger"
-        },
-        "calcite-schema": {
-          "system": "calcite",
-          "tier": "color",
-          "type": "color"
-        }
-      },
-      "filePath": "src/tokens/semantic/color/light.json",
-      "isSource": false,
-      "name": "Color Status Danger",
-      "path": ["semantic", "color", "status", "danger", "default"]
-    },
-    {
-      "key": "{semantic.color.status.danger.hover}",
-      "value": "{\"light\":\"#a82b1e\",\"dark\":\"#ff0015\"}",
-      "type": "color",
-      "attributes": {
-        "category": "color",
-        "group": "status",
-        "kind": "danger",
-        "type": "color",
-        "item": "status",
-        "subitem": "danger",
-        "state": "hover",
-        "names": {
-          "scss": "$calcite-color-status-danger-hover",
-          "css": "var(--calcite-color-status-danger-hover)",
-          "docs": "semantic.color.status.danger.hover",
-          "es6": "calciteColorStatusDangerHover"
-        },
-        "calcite-schema": {
-          "system": "calcite",
-          "tier": "color",
-          "type": "color"
-        }
-      },
-      "filePath": "src/tokens/semantic/color/light.json",
-      "isSource": false,
-      "name": "Color Status Danger Hover",
-      "path": ["semantic", "color", "status", "danger", "hover"]
-    },
-    {
-      "key": "{semantic.color.status.danger.press}",
-      "value": "{\"light\":\"#7c1d13\",\"dark\":\"#d90012\"}",
-      "type": "color",
-      "attributes": {
-        "category": "color",
-        "group": "status",
-        "kind": "danger",
-        "type": "color",
-        "item": "status",
-        "subitem": "danger",
-        "state": "press",
-        "names": {
-          "scss": "$calcite-color-status-danger-press",
-          "css": "var(--calcite-color-status-danger-press)",
-          "docs": "semantic.color.status.danger.press",
-          "es6": "calciteColorStatusDangerPress"
-        },
-        "calcite-schema": {
-          "system": "calcite",
-          "tier": "color",
-          "type": "color"
-        }
-      },
-      "filePath": "src/tokens/semantic/color/light.json",
-      "isSource": false,
-      "name": "Color Status Danger Press",
-      "path": ["semantic", "color", "status", "danger", "press"]
-    },
-    {
-      "key": "{semantic.color.inverse.default}",
-      "value": "{\"light\":\"#363636\",\"dark\":\"#f7f7f7\"}",
-      "type": "color",
-      "attributes": {
-        "category": "color",
-        "group": "inverse",
-        "type": "color",
-        "item": "inverse",
-        "subitem": "default",
-        "names": {
-          "scss": "$calcite-color-inverse",
-          "css": "var(--calcite-color-inverse)",
-          "docs": "semantic.color.inverse.default",
-          "es6": "calciteColorInverse"
-        },
-        "calcite-schema": {
-          "system": "calcite",
-          "tier": "color",
-          "type": "color"
-        }
-      },
-      "filePath": "src/tokens/semantic/color/light.json",
-      "isSource": false,
-      "name": "Color Inverse",
-      "path": ["semantic", "color", "inverse", "default"]
-    },
-    {
-      "key": "{semantic.color.inverse.hover}",
-      "value": "{\"light\":\"#2b2b2b\",\"dark\":\"#f2f2f2\"}",
-      "type": "color",
-      "attributes": {
-        "category": "color",
-        "group": "inverse",
-        "type": "color",
-        "item": "inverse",
-        "subitem": "hover",
-        "names": {
-          "scss": "$calcite-color-inverse-hover",
-          "css": "var(--calcite-color-inverse-hover)",
-          "docs": "semantic.color.inverse.hover",
-          "es6": "calciteColorInverseHover"
-        },
-        "calcite-schema": {
-          "system": "calcite",
-          "tier": "color",
-          "type": "color"
-        }
-      },
-      "filePath": "src/tokens/semantic/color/light.json",
-      "isSource": false,
-      "name": "Color Inverse Hover",
-      "path": ["semantic", "color", "inverse", "hover"]
-    },
-    {
-      "key": "{semantic.color.inverse.press}",
-      "value": "{\"light\":\"#212121\",\"dark\":\"#ebebeb\"}",
-      "type": "color",
-      "attributes": {
-        "category": "color",
-        "group": "inverse",
-        "type": "color",
-        "item": "inverse",
-        "subitem": "press",
-        "names": {
-          "scss": "$calcite-color-inverse-press",
-          "css": "var(--calcite-color-inverse-press)",
-          "docs": "semantic.color.inverse.press",
-          "es6": "calciteColorInversePress"
-        },
-        "calcite-schema": {
-          "system": "calcite",
-          "tier": "color",
-          "type": "color"
-        }
-      },
-      "filePath": "src/tokens/semantic/color/light.json",
-      "isSource": false,
-      "name": "Color Inverse Press",
-      "path": ["semantic", "color", "inverse", "press"]
-    },
-    {
-      "key": "{semantic.color.text.1}",
-      "value": "{\"light\":\"#141414\",\"dark\":\"#ffffff\"}",
-      "type": "color",
-      "attributes": {
-        "category": "color",
-        "group": "text",
-        "type": "color",
-        "item": "text",
-        "subitem": "1",
-        "names": {
-          "scss": "$calcite-color-text-1",
-          "css": "var(--calcite-color-text-1)",
-          "docs": "semantic.color.text.1",
-          "es6": "calciteColorText1"
+        "state": "hover",
+        "names": {
+          "scss": "$calcite-color-status-warning-hover",
+          "css": "var(--calcite-color-status-warning-hover)",
+          "docs": "semantic.color.status.warning.hover",
+          "es6": "calciteColorStatusWarningHover"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1108,24 +1090,26 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Text 1",
-      "path": ["semantic", "color", "text", "1"]
+      "name": "Color Status Warning Hover",
+      "path": ["semantic", "color", "status", "warning", "hover"]
     },
     {
-      "key": "{semantic.color.text.2}",
-      "value": "{\"light\":\"#4a4a4a\",\"dark\":\"#bfbfbf\"}",
+      "key": "{semantic.color.status.warning.press}",
+      "value": "{\"light\":\"#9a5b10\",\"dark\":\"#ff9500\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "text",
+        "group": "status",
+        "kind": "warning",
         "type": "color",
-        "item": "text",
-        "subitem": "2",
+        "item": "status",
+        "subitem": "warning",
+        "state": "press",
         "names": {
-          "scss": "$calcite-color-text-2",
-          "css": "var(--calcite-color-text-2)",
-          "docs": "semantic.color.text.2",
-          "es6": "calciteColorText2"
+          "scss": "$calcite-color-status-warning-press",
+          "css": "var(--calcite-color-status-warning-press)",
+          "docs": "semantic.color.status.warning.press",
+          "es6": "calciteColorStatusWarningPress"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1135,24 +1119,26 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Text 2",
-      "path": ["semantic", "color", "text", "2"]
+      "name": "Color Status Warning Press",
+      "path": ["semantic", "color", "status", "warning", "press"]
     },
     {
-      "key": "{semantic.color.text.3}",
-      "value": "{\"light\":\"#6b6b6b\",\"dark\":\"#9e9e9e\"}",
+      "key": "{semantic.color.status.danger.default}",
+      "value": "{\"light\":\"#d83020\",\"dark\":\"#fe583e\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "text",
+        "group": "status",
+        "kind": "danger",
         "type": "color",
-        "item": "text",
-        "subitem": "3",
+        "item": "status",
+        "subitem": "danger",
+        "state": "default",
         "names": {
-          "scss": "$calcite-color-text-3",
-          "css": "var(--calcite-color-text-3)",
-          "docs": "semantic.color.text.3",
-          "es6": "calciteColorText3"
+          "scss": "$calcite-color-status-danger",
+          "css": "var(--calcite-color-status-danger)",
+          "docs": "semantic.color.status.danger.default",
+          "es6": "calciteColorStatusDanger"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1162,24 +1148,26 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Text 3",
-      "path": ["semantic", "color", "text", "3"]
+      "name": "Color Status Danger",
+      "path": ["semantic", "color", "status", "danger", "default"]
     },
     {
-      "key": "{semantic.color.text.highlight}",
-      "value": "{\"light\":\"#004874\",\"dark\":\"#d6efff\"}",
+      "key": "{semantic.color.status.danger.hover}",
+      "value": "{\"light\":\"#a82b1e\",\"dark\":\"#ff0015\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "text",
+        "group": "status",
+        "kind": "danger",
         "type": "color",
-        "item": "text",
-        "subitem": "highlight",
+        "item": "status",
+        "subitem": "danger",
+        "state": "hover",
         "names": {
-          "scss": "$calcite-color-text-highlight",
-          "css": "var(--calcite-color-text-highlight)",
-          "docs": "semantic.color.text.highlight",
-          "es6": "calciteColorTextHighlight"
+          "scss": "$calcite-color-status-danger-hover",
+          "css": "var(--calcite-color-status-danger-hover)",
+          "docs": "semantic.color.status.danger.hover",
+          "es6": "calciteColorStatusDangerHover"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1189,24 +1177,26 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Text Highlight",
-      "path": ["semantic", "color", "text", "highlight"]
+      "name": "Color Status Danger Hover",
+      "path": ["semantic", "color", "status", "danger", "hover"]
     },
     {
-      "key": "{semantic.color.text.inverse}",
-      "value": "{\"light\":\"#ffffff\",\"dark\":\"#141414\"}",
+      "key": "{semantic.color.status.danger.press}",
+      "value": "{\"light\":\"#7c1d13\",\"dark\":\"#d90012\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "text",
+        "group": "status",
+        "kind": "danger",
         "type": "color",
-        "item": "text",
-        "subitem": "inverse",
+        "item": "status",
+        "subitem": "danger",
+        "state": "press",
         "names": {
-          "scss": "$calcite-color-text-inverse",
-          "css": "var(--calcite-color-text-inverse)",
-          "docs": "semantic.color.text.inverse",
-          "es6": "calciteColorTextInverse"
+          "scss": "$calcite-color-status-danger-press",
+          "css": "var(--calcite-color-status-danger-press)",
+          "docs": "semantic.color.status.danger.press",
+          "es6": "calciteColorStatusDangerPress"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1216,24 +1206,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Text Inverse",
-      "path": ["semantic", "color", "text", "inverse"]
+      "name": "Color Status Danger Press",
+      "path": ["semantic", "color", "status", "danger", "press"]
     },
     {
-      "key": "{semantic.color.text.link}",
-      "value": "{\"light\":\"#00619b\",\"dark\":\"#00a0ff\"}",
+      "key": "{semantic.color.transparent.default}",
+      "value": "{\"light\":\"rgba(0, 0, 0, 0)\",\"dark\":\"rgba(255, 255, 255, 0)\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "text",
+        "group": "transparent",
         "type": "color",
-        "item": "text",
-        "subitem": "link",
+        "item": "transparent",
+        "subitem": "default",
         "names": {
-          "scss": "$calcite-color-text-link",
-          "css": "var(--calcite-color-text-link)",
-          "docs": "semantic.color.text.link",
-          "es6": "calciteColorTextLink"
+          "scss": "$calcite-color-transparent",
+          "css": "var(--calcite-color-transparent)",
+          "docs": "semantic.color.transparent.default",
+          "es6": "calciteColorTransparent"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1243,24 +1233,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Text Link",
-      "path": ["semantic", "color", "text", "link"]
+      "name": "Color Transparent",
+      "path": ["semantic", "color", "transparent", "default"]
     },
     {
-      "key": "{semantic.color.border.1}",
-      "value": "{\"light\":\"#d4d4d4\",\"dark\":\"#545454\"}",
+      "key": "{semantic.color.transparent.hover}",
+      "value": "{\"light\":\"rgba(0, 0, 0, 0.04)\",\"dark\":\"rgba(255, 255, 255, 0.12)\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "border",
+        "group": "transparent",
         "type": "color",
-        "item": "border",
-        "subitem": "1",
+        "item": "transparent",
+        "subitem": "hover",
         "names": {
-          "scss": "$calcite-color-border-1",
-          "css": "var(--calcite-color-border-1)",
-          "docs": "semantic.color.border.1",
-          "es6": "calciteColorBorder1"
+          "scss": "$calcite-color-transparent-hover",
+          "css": "var(--calcite-color-transparent-hover)",
+          "docs": "semantic.color.transparent.hover",
+          "es6": "calciteColorTransparentHover"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1270,24 +1260,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Border 1",
-      "path": ["semantic", "color", "border", "1"]
+      "name": "Color Transparent Hover",
+      "path": ["semantic", "color", "transparent", "hover"]
     },
     {
-      "key": "{semantic.color.border.2}",
-      "value": "{\"light\":\"#dedede\",\"dark\":\"#4a4a4a\"}",
+      "key": "{semantic.color.transparent.press}",
+      "value": "{\"light\":\"rgba(0, 0, 0, 0.08)\",\"dark\":\"rgba(255, 255, 255, 0.16)\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "border",
+        "group": "transparent",
         "type": "color",
-        "item": "border",
-        "subitem": "2",
+        "item": "transparent",
+        "subitem": "press",
         "names": {
-          "scss": "$calcite-color-border-2",
-          "css": "var(--calcite-color-border-2)",
-          "docs": "semantic.color.border.2",
-          "es6": "calciteColorBorder2"
+          "scss": "$calcite-color-transparent-press",
+          "css": "var(--calcite-color-transparent-press)",
+          "docs": "semantic.color.transparent.press",
+          "es6": "calciteColorTransparentPress"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1297,24 +1287,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Border 2",
-      "path": ["semantic", "color", "border", "2"]
+      "name": "Color Transparent Press",
+      "path": ["semantic", "color", "transparent", "press"]
     },
     {
-      "key": "{semantic.color.border.3}",
-      "value": "{\"light\":\"#ebebeb\",\"dark\":\"#404040\"}",
+      "key": "{semantic.color.transparent.scrim}",
+      "value": "{\"light\":\"rgba(255, 255, 255, 0.85)\",\"dark\":\"rgba(0, 0, 0, 0.85)\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "border",
+        "group": "transparent",
         "type": "color",
-        "item": "border",
-        "subitem": "3",
+        "item": "transparent",
+        "subitem": "scrim",
         "names": {
-          "scss": "$calcite-color-border-3",
-          "css": "var(--calcite-color-border-3)",
-          "docs": "semantic.color.border.3",
-          "es6": "calciteColorBorder3"
+          "scss": "$calcite-color-transparent-scrim",
+          "css": "var(--calcite-color-transparent-scrim)",
+          "docs": "semantic.color.transparent.scrim",
+          "es6": "calciteColorTransparentScrim"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1324,24 +1314,24 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Border 3",
-      "path": ["semantic", "color", "border", "3"]
+      "name": "Color Transparent Scrim",
+      "path": ["semantic", "color", "transparent", "scrim"]
     },
     {
-      "key": "{semantic.color.border.input}",
-      "value": "{\"light\":\"#949494\",\"dark\":\"#757575\"}",
+      "key": "{semantic.color.transparent.tint}",
+      "value": "{\"light\":\"rgba(255, 255, 255, 0.8)\",\"dark\":\"rgba(43, 43, 43, 0.8)\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "border",
+        "group": "transparent",
         "type": "color",
-        "item": "border",
-        "subitem": "input",
+        "item": "transparent",
+        "subitem": "tint",
         "names": {
-          "scss": "$calcite-color-border-input",
-          "css": "var(--calcite-color-border-input)",
-          "docs": "semantic.color.border.input",
-          "es6": "calciteColorBorderInput"
+          "scss": "$calcite-color-transparent-tint",
+          "css": "var(--calcite-color-transparent-tint)",
+          "docs": "semantic.color.transparent.tint",
+          "es6": "calciteColorTransparentTint"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1351,24 +1341,26 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Border Input",
-      "path": ["semantic", "color", "border", "input"]
+      "name": "Color Transparent Tint",
+      "path": ["semantic", "color", "transparent", "tint"]
     },
     {
-      "key": "{semantic.color.border.ghost}",
-      "value": "{\"light\":\"rgba(0, 0, 0, 0.3)\",\"dark\":\"rgba(117, 117, 117, 0.3)\"}",
+      "key": "{semantic.color.transparent.inverse.hover}",
+      "value": "{\"light\":\"rgba(255, 255, 255, 0.12)\",\"dark\":\"rgba(0, 0, 0, 0.04)\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "border",
+        "group": "transparent",
+        "kind": "inverse",
         "type": "color",
-        "item": "border",
-        "subitem": "ghost",
+        "item": "transparent",
+        "subitem": "inverse",
+        "state": "hover",
         "names": {
-          "scss": "$calcite-color-border-ghost",
-          "css": "var(--calcite-color-border-ghost)",
-          "docs": "semantic.color.border.ghost",
-          "es6": "calciteColorBorderGhost"
+          "scss": "$calcite-color-transparent-inverse-hover",
+          "css": "var(--calcite-color-transparent-inverse-hover)",
+          "docs": "semantic.color.transparent.inverse.hover",
+          "es6": "calciteColorTransparentInverseHover"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1378,24 +1370,26 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Border Ghost",
-      "path": ["semantic", "color", "border", "ghost"]
+      "name": "Color Transparent Inverse Hover",
+      "path": ["semantic", "color", "transparent", "inverse", "hover"]
     },
     {
-      "key": "{semantic.color.border.white}",
-      "value": "{\"light\":\"#ffffff\",\"dark\":\"#f7f7f7\"}",
+      "key": "{semantic.color.transparent.inverse.press}",
+      "value": "{\"light\":\"rgba(255, 255, 255, 0.16)\",\"dark\":\"rgba(0, 0, 0, 0.08)\"}",
       "type": "color",
       "attributes": {
         "category": "color",
-        "group": "border",
+        "group": "transparent",
+        "kind": "inverse",
         "type": "color",
-        "item": "border",
-        "subitem": "white",
+        "item": "transparent",
+        "subitem": "inverse",
+        "state": "press",
         "names": {
-          "scss": "$calcite-color-border-white",
-          "css": "var(--calcite-color-border-white)",
-          "docs": "semantic.color.border.white",
-          "es6": "calciteColorBorderWhite"
+          "scss": "$calcite-color-transparent-inverse-press",
+          "css": "var(--calcite-color-transparent-inverse-press)",
+          "docs": "semantic.color.transparent.inverse.press",
+          "es6": "calciteColorTransparentInversePress"
         },
         "calcite-schema": {
           "system": "calcite",
@@ -1405,8 +1399,8 @@
       },
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
-      "name": "Color Border White",
-      "path": ["semantic", "color", "border", "white"]
+      "name": "Color Transparent Inverse Press",
+      "path": ["semantic", "color", "transparent", "inverse", "press"]
     },
     {
       "key": "{semantic.color.focus.default}",
@@ -2381,7 +2375,7 @@
     },
     {
       "key": "{semantic.corner-radius.pill}",
-      "value": "100%",
+      "value": "9999px",
       "type": "dimension",
       "attributes": {
         "category": "corner-radius",