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

package/dist/docs/semantic.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1752297996389,
+  "timestamp": 1758065499678,
   "tokens": [
     {
       "key": "{semantic.border.width.none}",
@@ -1065,11 +1065,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",
@@ -1078,14 +1228,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)",
@@ -1103,6 +1253,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/es6/core.d.ts

@@ -617,6 +617,7 @@ export const calciteSizeRelative150: string;
 export const calciteSizeRelative162: string;
 export const calciteSizeRelative200: string;
 export const calciteSizeRelativeAuto: string;
+export const calciteSizeRelativeNormal: string;
 export const calciteZIndex0: string;
 export const calciteZIndex1: string;
 export const calciteZIndex3: string;

package/dist/es6/core.js

@@ -598,6 +598,7 @@ export const calciteSizeRelative150 = "150%";
 export const calciteSizeRelative162 = "162.5%";
 export const calciteSizeRelative200 = "200%";
 export const calciteSizeRelativeAuto = "auto";
+export const calciteSizeRelativeNormal = "normal";
 export const calciteZIndex0 = "-999999";
 export const calciteZIndex1 = "1";
 export const calciteZIndex3 = "300";

package/dist/es6/dark.d.ts

@@ -8,7 +8,7 @@ export const calciteColorBackgroundNone: string;
 export const calciteColorForeground1: string;
 export const calciteColorForeground2: string;
 export const calciteColorForeground3: string;
-/** deprecated, use --calcite-color-foreground-highlight instead */
+/** deprecated, use --calcite-color-surface-highlight instead */
 export const calciteColorForegroundCurrent: string;
 export const calciteColorSurfaceHighlight: string;
 export const calciteColorTransparent: string;

package/dist/es6/dark.js

@@ -8,7 +8,7 @@ export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
 export const calciteColorForeground1 = "#2b2b2b";
 export const calciteColorForeground2 = "#212121";
 export const calciteColorForeground3 = "#141414";
-export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-foreground-highlight instead
+export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-surface-highlight instead
 export const calciteColorSurfaceHighlight = "#2b465f";
 export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
 export const calciteColorTransparentHover = "rgba(255, 255, 255, 0.12)";

package/dist/es6/global.d.ts

@@ -9,7 +9,7 @@ export const calciteColorBackgroundNone: string;
 export const calciteColorForeground1: { light: string; dark: string };
 export const calciteColorForeground2: { light: string; dark: string };
 export const calciteColorForeground3: { light: string; dark: string };
-/** deprecated, use --calcite-color-foreground-highlight instead */
+/** deprecated, use --calcite-color-surface-highlight instead */
 export const calciteColorForegroundCurrent: { light: string; dark: string };
 export const calciteColorSurfaceHighlight: { light: string; dark: string };
 export const calciteColorTransparent: { light: string; dark: string };
@@ -125,8 +125,15 @@ export const calciteFontLineHeightFixedSm: string;
 export const calciteFontLineHeightFixedBase: string;
 export const calciteFontLineHeightFixedLg: string;
 export const calciteFontLineHeightFixedXl: string;
-/** 1 */
+export const calciteFontLineHeightFixed2xl: string;
+export const calciteFontLineHeightFixed3xl: string;
+export const calciteFontLineHeightFixed4xl: string;
+export const calciteFontLineHeightFixed5xl: string;
+export const calciteFontLineHeightFixed6xl: string;
+/** normal */
 export const calciteFontLineHeightRelative: string;
+/** 1 */
+export const calciteFontLineHeightRelativeBase: string;
 /** 1.25 */
 export const calciteFontLineHeightRelativeTight: string;
 /** 1.375 */

package/dist/es6/global.js

@@ -12,7 +12,7 @@ export const calciteColorForeground3 = { light: "#ebebeb", dark: "#141414" };
 export const calciteColorForegroundCurrent = {
   light: "#d6efff",
   dark: "#2b465f",
-}; // deprecated, use --calcite-color-foreground-highlight instead
+}; // deprecated, use --calcite-color-surface-highlight instead
 export const calciteColorSurfaceHighlight = {
   light: "#d6efff",
   dark: "#2b465f",
@@ -165,7 +165,13 @@ export const calciteFontLineHeightFixedSm = "12px";
 export const calciteFontLineHeightFixedBase = "16px";
 export const calciteFontLineHeightFixedLg = "20px";
 export const calciteFontLineHeightFixedXl = "24px";
-export const calciteFontLineHeightRelative = "auto"; // 1
+export const calciteFontLineHeightFixed2xl = "32px";
+export const calciteFontLineHeightFixed3xl = "40px";
+export const calciteFontLineHeightFixed4xl = "48px";
+export const calciteFontLineHeightFixed5xl = "64px";
+export const calciteFontLineHeightFixed6xl = "80px";
+export const calciteFontLineHeightRelative = "normal"; // normal
+export const calciteFontLineHeightRelativeBase = "1"; // 1
 export const calciteFontLineHeightRelativeTight = "1.25"; // 1.25
 export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
 export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5

package/dist/es6/light.d.ts

@@ -8,7 +8,7 @@ export const calciteColorBackgroundNone: string;
 export const calciteColorForeground1: string;
 export const calciteColorForeground2: string;
 export const calciteColorForeground3: string;
-/** deprecated, use --calcite-color-foreground-highlight instead */
+/** deprecated, use --calcite-color-surface-highlight instead */
 export const calciteColorForegroundCurrent: string;
 export const calciteColorSurfaceHighlight: string;
 export const calciteColorTransparent: string;

package/dist/es6/light.js

@@ -8,7 +8,7 @@ export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
 export const calciteColorForeground1 = "#ffffff";
 export const calciteColorForeground2 = "#f2f2f2";
 export const calciteColorForeground3 = "#ebebeb";
-export const calciteColorForegroundCurrent = "#d6efff"; // deprecated, use --calcite-color-foreground-highlight instead
+export const calciteColorForegroundCurrent = "#d6efff"; // deprecated, use --calcite-color-surface-highlight instead
 export const calciteColorSurfaceHighlight = "#d6efff";
 export const calciteColorTransparent = "rgba(0, 0, 0, 0)";
 export const calciteColorTransparentHover = "rgba(0, 0, 0, 0.04)";

package/dist/es6/semantic.d.ts

@@ -47,8 +47,15 @@ export const calciteFontLineHeightFixedSm: string;
 export const calciteFontLineHeightFixedBase: string;
 export const calciteFontLineHeightFixedLg: string;
 export const calciteFontLineHeightFixedXl: string;
-/** 1 */
+export const calciteFontLineHeightFixed2xl: string;
+export const calciteFontLineHeightFixed3xl: string;
+export const calciteFontLineHeightFixed4xl: string;
+export const calciteFontLineHeightFixed5xl: string;
+export const calciteFontLineHeightFixed6xl: string;
+/** normal */
 export const calciteFontLineHeightRelative: string;
+/** 1 */
+export const calciteFontLineHeightRelativeBase: string;
 /** 1.25 */
 export const calciteFontLineHeightRelativeTight: string;
 /** 1.375 */

package/dist/es6/semantic.js

@@ -49,7 +49,13 @@ export const calciteFontLineHeightFixedSm = "12px";
 export const calciteFontLineHeightFixedBase = "16px";
 export const calciteFontLineHeightFixedLg = "20px";
 export const calciteFontLineHeightFixedXl = "24px";
-export const calciteFontLineHeightRelative = "auto"; // 1
+export const calciteFontLineHeightFixed2xl = "32px";
+export const calciteFontLineHeightFixed3xl = "40px";
+export const calciteFontLineHeightFixed4xl = "48px";
+export const calciteFontLineHeightFixed5xl = "64px";
+export const calciteFontLineHeightFixed6xl = "80px";
+export const calciteFontLineHeightRelative = "normal"; // normal
+export const calciteFontLineHeightRelativeBase = "1"; // 1
 export const calciteFontLineHeightRelativeTight = "1.25"; // 1.25
 export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
 export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5

package/dist/js/core.d.ts

@@ -724,6 +724,7 @@ declare const tokens: {
         "162": DesignToken;
         "200": DesignToken;
         auto: DesignToken;
+        normal: DesignToken;
       };
     };
     "z-index": {

package/dist/js/core.js

@@ -22239,6 +22239,41 @@ export default {
           name: "Size Relative Auto",
           path: ["core", "size", "relative", "auto"],
         },
+        normal: {
+          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,
+          original: {
+            value: "normal",
+            type: "dimension",
+            attributes: {
+              category: "size",
+            },
+            key: "{core.size.relative.normal}",
+          },
+          name: "Size Relative Normal",
+          path: ["core", "size", "relative", "normal"],
+        },
       },
     },
     "z-index": {

package/dist/js/dark.d.ts

@@ -8,7 +8,7 @@ export const calciteColorBackgroundNone: string;
 export const calciteColorForeground1: string;
 export const calciteColorForeground2: string;
 export const calciteColorForeground3: string;
-/** deprecated, use --calcite-color-foreground-highlight instead */
+/** deprecated, use --calcite-color-surface-highlight instead */
 export const calciteColorForegroundCurrent: string;
 export const calciteColorSurfaceHighlight: string;
 export const calciteColorTransparent: string;

package/dist/js/dark.js

@@ -206,14 +206,14 @@ export default {
             subitem: "current",
             value: "#2b465f",
             description:
-              "deprecated, use --calcite-color-foreground-highlight instead",
+              "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",
+              "deprecated, use --calcite-color-surface-highlight instead",
             names: {
               scss: "$calcite-color-foreground-current",
               css: "var(--calcite-color-foreground-current)",
@@ -228,7 +228,7 @@ export default {
             },
           },
           description:
-            "deprecated, use --calcite-color-foreground-highlight instead",
+            "deprecated, use --calcite-color-surface-highlight instead",
           filePath: "src/tokens/semantic/color/dark.json",
           isSource: true,
           original: {
@@ -239,13 +239,12 @@ export default {
               group: "foreground",
             },
             description:
-              "deprecated, use --calcite-color-foreground-highlight instead",
+              "deprecated, use --calcite-color-surface-highlight instead",
             key: "{semantic.color.foreground.current}",
           },
           name: "calciteColorForegroundCurrent",
           path: ["semantic", "color", "foreground", "current"],
-          comment:
-            "deprecated, use --calcite-color-foreground-highlight instead",
+          comment: "deprecated, use --calcite-color-surface-highlight instead",
         },
       },
       surface: {

package/dist/js/global.d.ts

@@ -172,9 +172,15 @@ declare const tokens: {
           base: DesignToken;
           lg: DesignToken;
           xl: DesignToken;
+          "2xl": DesignToken;
+          "3xl": DesignToken;
+          "4xl": DesignToken;
+          "5xl": DesignToken;
+          "6xl": DesignToken;
         };
         relative: {
           default: DesignToken;
+          base: DesignToken;
           tight: DesignToken;
           snug: DesignToken;
           normal: DesignToken;