@esri/calcite-design-tokens 3.2.0-next.8 → 3.2.0

package/dist/css/core.css

@@ -564,6 +564,7 @@
   --calcite-size-relative-162: 162.5%;
   --calcite-size-relative-200: 200%;
   --calcite-size-relative-auto: auto;
+  --calcite-size-relative-normal: normal;
   --calcite-z-index-0: -999999;
   --calcite-z-index-1: 1;
   --calcite-z-index-3: 300;

package/dist/css/dark.css

@@ -9,7 +9,7 @@
   --calcite-color-foreground-1: #2b2b2b;
   --calcite-color-foreground-2: #212121;
   --calcite-color-foreground-3: #141414;
-  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
+  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
   --calcite-color-surface-highlight: #2b465f;
   --calcite-color-transparent: rgba(255, 255, 255, 0);
   --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);

package/dist/css/global.css

@@ -40,7 +40,13 @@
   --calcite-font-line-height-fixed-base: 16px;
   --calcite-font-line-height-fixed-lg: 20px;
   --calcite-font-line-height-fixed-xl: 24px;
-  --calcite-font-line-height-relative: auto; /** 1 */
+  --calcite-font-line-height-fixed-2xl: 32px;
+  --calcite-font-line-height-fixed-3xl: 40px;
+  --calcite-font-line-height-fixed-4xl: 48px;
+  --calcite-font-line-height-fixed-5xl: 64px;
+  --calcite-font-line-height-fixed-6xl: 80px;
+  --calcite-font-line-height-relative: normal; /** normal */
+  --calcite-font-line-height-relative-base: 1; /** 1 */
   --calcite-font-line-height-relative-tight: 1.25; /** 1.25 */
   --calcite-font-line-height-relative-snug: 1.375; /** 1.375 */
   --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */

package/dist/css/index.css

@@ -45,7 +45,7 @@
   --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
   --calcite-color-transparent: rgba(0, 0, 0, 0);
   --calcite-color-surface-highlight: #d6efff;
-  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
+  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
   --calcite-color-foreground-3: #ebebeb;
   --calcite-color-foreground-2: #f2f2f2;
   --calcite-color-foreground-1: #ffffff;
@@ -93,7 +93,7 @@
     --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
     --calcite-color-transparent: rgba(0, 0, 0, 0);
     --calcite-color-surface-highlight: #d6efff;
-    --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
+    --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
     --calcite-color-foreground-3: #ebebeb;
     --calcite-color-foreground-2: #f2f2f2;
     --calcite-color-foreground-1: #ffffff;
@@ -142,7 +142,7 @@
     --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
     --calcite-color-transparent: rgba(255, 255, 255, 0);
     --calcite-color-surface-highlight: #2b465f;
-    --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
+    --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
     --calcite-color-foreground-3: #141414;
     --calcite-color-foreground-2: #212121;
     --calcite-color-foreground-1: #2b2b2b;
@@ -190,7 +190,7 @@
   --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
   --calcite-color-transparent: rgba(0, 0, 0, 0);
   --calcite-color-surface-highlight: #d6efff;
-  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
+  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
   --calcite-color-foreground-3: #ebebeb;
   --calcite-color-foreground-2: #f2f2f2;
   --calcite-color-foreground-1: #ffffff;
@@ -237,7 +237,7 @@
   --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
   --calcite-color-transparent: rgba(255, 255, 255, 0);
   --calcite-color-surface-highlight: #2b465f;
-  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
+  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
   --calcite-color-foreground-3: #141414;
   --calcite-color-foreground-2: #212121;
   --calcite-color-foreground-1: #2b2b2b;

package/dist/css/light.css

@@ -9,7 +9,7 @@
   --calcite-color-foreground-1: #ffffff;
   --calcite-color-foreground-2: #f2f2f2;
   --calcite-color-foreground-3: #ebebeb;
-  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
+  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-surface-highlight instead */
   --calcite-color-surface-highlight: #d6efff;
   --calcite-color-transparent: rgba(0, 0, 0, 0);
   --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);

package/dist/css/semantic.css

@@ -38,7 +38,13 @@
   --calcite-font-line-height-fixed-base: 16px;
   --calcite-font-line-height-fixed-lg: 20px;
   --calcite-font-line-height-fixed-xl: 24px;
-  --calcite-font-line-height-relative: auto; /** 1 */
+  --calcite-font-line-height-fixed-2xl: 32px;
+  --calcite-font-line-height-fixed-3xl: 40px;
+  --calcite-font-line-height-fixed-4xl: 48px;
+  --calcite-font-line-height-fixed-5xl: 64px;
+  --calcite-font-line-height-fixed-6xl: 80px;
+  --calcite-font-line-height-relative: normal; /** normal */
+  --calcite-font-line-height-relative-base: 1; /** 1 */
   --calcite-font-line-height-relative-tight: 1.25; /** 1.25 */
   --calcite-font-line-height-relative-snug: 1.375; /** 1.375 */
   --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */

package/dist/docs/core.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1752297996447,
+  "timestamp": 1758065499737,
   "tokens": [
     {
       "key": "{core.color.neutral.blk-000}",
@@ -16371,6 +16371,33 @@
       "name": "Size Relative Auto",
       "path": ["core", "size", "relative", "auto"]
     },
+    {
+      "key": "{core.size.relative.normal}",
+      "value": "normal",
+      "type": "dimension",
+      "attributes": {
+        "category": "size",
+        "type": "size",
+        "item": "relative",
+        "subitem": "normal",
+        "names": {
+          "scss": "$calcite-size-relative-normal",
+          "css": "var(--calcite-size-relative-normal)",
+          "js": "core.size.relative.normal",
+          "docs": "core.size.relative.normal",
+          "es6": "calciteSizeRelativeNormal"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "core",
+          "type": "dimension"
+        }
+      },
+      "filePath": "src/tokens/core/size.json",
+      "isSource": false,
+      "name": "Size Relative Normal",
+      "path": ["core", "size", "relative", "normal"]
+    },
     {
       "key": "{core.z-index.0}",
       "value": "-999999",

package/dist/docs/dark.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1752297994629,
+  "timestamp": 1758065497774,
   "tokens": [
     {
       "key": "{semantic.color.background.default}",
@@ -152,13 +152,13 @@
         "item": "foreground",
         "subitem": "current",
         "value": "#2b465f",
-        "description": "deprecated, use --calcite-color-foreground-highlight instead",
+        "description": "deprecated, use --calcite-color-surface-highlight instead",
         "filePath": "src/tokens/semantic/color/dark.json",
         "isSource": true,
         "key": "{semantic.color.foreground.current}",
         "name": "calcite-semantic-color-foreground-current",
         "path": ["semantic", "color", "foreground", "current"],
-        "comment": "deprecated, use --calcite-color-foreground-highlight instead",
+        "comment": "deprecated, use --calcite-color-surface-highlight instead",
         "names": {
           "scss": "$calcite-color-foreground-current",
           "css": "var(--calcite-color-foreground-current)",
@@ -172,12 +172,12 @@
           "type": "color"
         }
       },
-      "description": "deprecated, use --calcite-color-foreground-highlight instead",
+      "description": "deprecated, use --calcite-color-surface-highlight instead",
       "filePath": "src/tokens/semantic/color/dark.json",
       "isSource": true,
       "name": "Color Foreground Current",
       "path": ["semantic", "color", "foreground", "current"],
-      "comment": "deprecated, use --calcite-color-foreground-highlight instead"
+      "comment": "deprecated, use --calcite-color-surface-highlight instead"
     },
     {
       "key": "{semantic.color.surface.highlight}",

package/dist/docs/global.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1752297996265,
+  "timestamp": 1758065499513,
   "tokens": [
     {
       "key": "{semantic.color.background.default}",
@@ -152,13 +152,13 @@
         "item": "foreground",
         "subitem": "current",
         "value": "#d6efff",
-        "description": "deprecated, use --calcite-color-foreground-highlight instead",
+        "description": "deprecated, use --calcite-color-surface-highlight instead",
         "filePath": "src/tokens/semantic/color/light.json",
         "isSource": false,
         "key": "{semantic.color.foreground.current}",
         "name": "calcite-semantic-color-foreground-current",
         "path": ["semantic", "color", "foreground", "current"],
-        "comment": "deprecated, use --calcite-color-foreground-highlight instead",
+        "comment": "deprecated, use --calcite-color-surface-highlight instead",
         "names": {
           "scss": "$calcite-color-foreground-current",
           "css": "var(--calcite-color-foreground-current)",
@@ -172,12 +172,12 @@
           "type": "color"
         }
       },
-      "description": "deprecated, use --calcite-color-foreground-highlight instead",
+      "description": "deprecated, use --calcite-color-surface-highlight instead",
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": false,
       "name": "Color Foreground Current",
       "path": ["semantic", "color", "foreground", "current"],
-      "comment": "deprecated, use --calcite-color-foreground-highlight instead"
+      "comment": "deprecated, use --calcite-color-surface-highlight instead"
     },
     {
       "key": "{semantic.color.surface.highlight}",
@@ -2876,11 +2876,161 @@
       "name": "Font Line Height Fixed Xl",
       "path": ["semantic", "font", "line-height", "fixed", "xl"]
     },
+    {
+      "key": "{semantic.font.line-height.fixed.2xl}",
+      "value": "32px",
+      "type": "lineHeight",
+      "attributes": {
+        "category": "font",
+        "group": "line-height",
+        "kind": "fixed",
+        "type": "font",
+        "item": "line-height",
+        "subitem": "fixed",
+        "state": "2xl",
+        "names": {
+          "scss": "$calcite-font-line-height-fixed-2xl",
+          "css": "var(--calcite-font-line-height-fixed-2xl)",
+          "js": "semantic.font.line-height.fixed.2xl",
+          "docs": "semantic.font.line-height.fixed.2xl",
+          "es6": "calciteFontLineHeightFixed2xl"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "lineHeight"
+        }
+      },
+      "filePath": "src/tokens/semantic/font.json",
+      "isSource": true,
+      "name": "Font Line Height Fixed 2xl",
+      "path": ["semantic", "font", "line-height", "fixed", "2xl"]
+    },
+    {
+      "key": "{semantic.font.line-height.fixed.3xl}",
+      "value": "40px",
+      "type": "lineHeight",
+      "attributes": {
+        "category": "font",
+        "group": "line-height",
+        "kind": "fixed",
+        "type": "font",
+        "item": "line-height",
+        "subitem": "fixed",
+        "state": "3xl",
+        "names": {
+          "scss": "$calcite-font-line-height-fixed-3xl",
+          "css": "var(--calcite-font-line-height-fixed-3xl)",
+          "js": "semantic.font.line-height.fixed.3xl",
+          "docs": "semantic.font.line-height.fixed.3xl",
+          "es6": "calciteFontLineHeightFixed3xl"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "lineHeight"
+        }
+      },
+      "filePath": "src/tokens/semantic/font.json",
+      "isSource": true,
+      "name": "Font Line Height Fixed 3xl",
+      "path": ["semantic", "font", "line-height", "fixed", "3xl"]
+    },
+    {
+      "key": "{semantic.font.line-height.fixed.4xl}",
+      "value": "48px",
+      "type": "lineHeight",
+      "attributes": {
+        "category": "font",
+        "group": "line-height",
+        "kind": "fixed",
+        "type": "font",
+        "item": "line-height",
+        "subitem": "fixed",
+        "state": "4xl",
+        "names": {
+          "scss": "$calcite-font-line-height-fixed-4xl",
+          "css": "var(--calcite-font-line-height-fixed-4xl)",
+          "js": "semantic.font.line-height.fixed.4xl",
+          "docs": "semantic.font.line-height.fixed.4xl",
+          "es6": "calciteFontLineHeightFixed4xl"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "lineHeight"
+        }
+      },
+      "filePath": "src/tokens/semantic/font.json",
+      "isSource": true,
+      "name": "Font Line Height Fixed 4xl",
+      "path": ["semantic", "font", "line-height", "fixed", "4xl"]
+    },
+    {
+      "key": "{semantic.font.line-height.fixed.5xl}",
+      "value": "64px",
+      "type": "lineHeight",
+      "attributes": {
+        "category": "font",
+        "group": "line-height",
+        "kind": "fixed",
+        "type": "font",
+        "item": "line-height",
+        "subitem": "fixed",
+        "state": "5xl",
+        "names": {
+          "scss": "$calcite-font-line-height-fixed-5xl",
+          "css": "var(--calcite-font-line-height-fixed-5xl)",
+          "js": "semantic.font.line-height.fixed.5xl",
+          "docs": "semantic.font.line-height.fixed.5xl",
+          "es6": "calciteFontLineHeightFixed5xl"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "lineHeight"
+        }
+      },
+      "filePath": "src/tokens/semantic/font.json",
+      "isSource": true,
+      "name": "Font Line Height Fixed 5xl",
+      "path": ["semantic", "font", "line-height", "fixed", "5xl"]
+    },
+    {
+      "key": "{semantic.font.line-height.fixed.6xl}",
+      "value": "80px",
+      "type": "lineHeight",
+      "attributes": {
+        "category": "font",
+        "group": "line-height",
+        "kind": "fixed",
+        "type": "font",
+        "item": "line-height",
+        "subitem": "fixed",
+        "state": "6xl",
+        "names": {
+          "scss": "$calcite-font-line-height-fixed-6xl",
+          "css": "var(--calcite-font-line-height-fixed-6xl)",
+          "js": "semantic.font.line-height.fixed.6xl",
+          "docs": "semantic.font.line-height.fixed.6xl",
+          "es6": "calciteFontLineHeightFixed6xl"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "lineHeight"
+        }
+      },
+      "filePath": "src/tokens/semantic/font.json",
+      "isSource": true,
+      "name": "Font Line Height Fixed 6xl",
+      "path": ["semantic", "font", "line-height", "fixed", "6xl"]
+    },
     {
       "key": "{semantic.font.line-height.relative.default}",
-      "value": "auto",
+      "value": "normal",
       "type": "lineHeight",
-      "description": "1",
+      "description": "normal",
       "attributes": {
         "category": "font",
         "group": "line-height",
@@ -2889,14 +3039,14 @@
         "item": "line-height",
         "subitem": "relative",
         "state": "default",
-        "value": "auto",
-        "description": "1",
+        "value": "normal",
+        "description": "normal",
         "filePath": "src/tokens/semantic/font.json",
         "isSource": true,
         "key": "{semantic.font.line-height.relative.default}",
         "name": "calcite-semantic-font-line-height-relative-default",
         "path": ["semantic", "font", "line-height", "relative", "default"],
-        "comment": "1",
+        "comment": "normal",
         "names": {
           "scss": "$calcite-font-line-height-relative",
           "css": "var(--calcite-font-line-height-relative)",
@@ -2914,6 +3064,46 @@
       "isSource": true,
       "name": "Font Line Height Relative",
       "path": ["semantic", "font", "line-height", "relative", "default"],
+      "comment": "normal"
+    },
+    {
+      "key": "{semantic.font.line-height.relative.base}",
+      "value": "1",
+      "type": "lineHeight",
+      "description": "1",
+      "attributes": {
+        "category": "font",
+        "group": "line-height",
+        "kind": "relative",
+        "type": "lineHeight",
+        "item": "line-height",
+        "subitem": "relative",
+        "state": "base",
+        "value": "100%",
+        "description": "1",
+        "filePath": "src/tokens/semantic/font.json",
+        "isSource": true,
+        "key": "{semantic.font.line-height.relative.base}",
+        "name": "calcite-semantic-font-line-height-relative-base",
+        "path": ["semantic", "font", "line-height", "relative", "base"],
+        "comment": "1",
+        "names": {
+          "scss": "$calcite-font-line-height-relative-base",
+          "css": "var(--calcite-font-line-height-relative-base)",
+          "js": "semantic.font.line-height.relative.base",
+          "docs": "semantic.font.line-height.relative.base",
+          "es6": "calciteFontLineHeightRelativeBase"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "semantic",
+          "type": "lineHeight"
+        }
+      },
+      "filePath": "src/tokens/semantic/font.json",
+      "isSource": true,
+      "name": "Font Line Height Relative Base",
+      "path": ["semantic", "font", "line-height", "relative", "base"],
       "comment": "1"
     },
     {

package/dist/docs/light.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1752297995483,
+  "timestamp": 1758065498698,
   "tokens": [
     {
       "key": "{semantic.color.background.default}",
@@ -152,13 +152,13 @@
         "item": "foreground",
         "subitem": "current",
         "value": "#d6efff",
-        "description": "deprecated, use --calcite-color-foreground-highlight instead",
+        "description": "deprecated, use --calcite-color-surface-highlight instead",
         "filePath": "src/tokens/semantic/color/light.json",
         "isSource": true,
         "key": "{semantic.color.foreground.current}",
         "name": "calcite-semantic-color-foreground-current",
         "path": ["semantic", "color", "foreground", "current"],
-        "comment": "deprecated, use --calcite-color-foreground-highlight instead",
+        "comment": "deprecated, use --calcite-color-surface-highlight instead",
         "names": {
           "scss": "$calcite-color-foreground-current",
           "css": "var(--calcite-color-foreground-current)",
@@ -172,12 +172,12 @@
           "type": "color"
         }
       },
-      "description": "deprecated, use --calcite-color-foreground-highlight instead",
+      "description": "deprecated, use --calcite-color-surface-highlight instead",
       "filePath": "src/tokens/semantic/color/light.json",
       "isSource": true,
       "name": "Color Foreground Current",
       "path": ["semantic", "color", "foreground", "current"],
-      "comment": "deprecated, use --calcite-color-foreground-highlight instead"
+      "comment": "deprecated, use --calcite-color-surface-highlight instead"
     },
     {
       "key": "{semantic.color.surface.highlight}",