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

package/dist/js/semantic.js

@@ -1423,13 +1423,213 @@ export default {
             name: "Font Line Height Fixed Xl",
             path: ["semantic", "font", "line-height", "fixed", "xl"],
           },
+          "2xl": {
+            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,
+            original: {
+              value: "{core.size.default.32}",
+              type: "lineHeight",
+              attributes: {
+                category: "font",
+                group: "line-height",
+                kind: "fixed",
+              },
+              key: "{semantic.font.line-height.fixed.2xl}",
+            },
+            name: "Font Line Height Fixed 2xl",
+            path: ["semantic", "font", "line-height", "fixed", "2xl"],
+          },
+          "3xl": {
+            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,
+            original: {
+              value: "{core.size.default.40}",
+              type: "lineHeight",
+              attributes: {
+                category: "font",
+                group: "line-height",
+                kind: "fixed",
+              },
+              key: "{semantic.font.line-height.fixed.3xl}",
+            },
+            name: "Font Line Height Fixed 3xl",
+            path: ["semantic", "font", "line-height", "fixed", "3xl"],
+          },
+          "4xl": {
+            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,
+            original: {
+              value: "{core.size.default.48}",
+              type: "lineHeight",
+              attributes: {
+                category: "font",
+                group: "line-height",
+                kind: "fixed",
+              },
+              key: "{semantic.font.line-height.fixed.4xl}",
+            },
+            name: "Font Line Height Fixed 4xl",
+            path: ["semantic", "font", "line-height", "fixed", "4xl"],
+          },
+          "5xl": {
+            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,
+            original: {
+              value: "{core.size.default.64}",
+              type: "lineHeight",
+              attributes: {
+                category: "font",
+                group: "line-height",
+                kind: "fixed",
+              },
+              key: "{semantic.font.line-height.fixed.5xl}",
+            },
+            name: "Font Line Height Fixed 5xl",
+            path: ["semantic", "font", "line-height", "fixed", "5xl"],
+          },
+          "6xl": {
+            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,
+            original: {
+              value: "{core.size.default.80}",
+              type: "lineHeight",
+              attributes: {
+                category: "font",
+                group: "line-height",
+                kind: "fixed",
+              },
+              key: "{semantic.font.line-height.fixed.6xl}",
+            },
+            name: "Font Line Height Fixed 6xl",
+            path: ["semantic", "font", "line-height", "fixed", "6xl"],
+          },
         },
         relative: {
           default: {
             key: "{semantic.font.line-height.relative.default}",
-            value: "auto",
+            value: "normal",
             type: "lineHeight",
-            description: "1",
+            description: "normal",
             attributes: {
               category: "font",
               group: "line-height",
@@ -1438,14 +1638,14 @@ export default {
               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)",
@@ -1462,9 +1662,9 @@ export default {
             filePath: "src/tokens/semantic/font.json",
             isSource: true,
             original: {
-              value: "{core.size.relative.auto}",
+              value: "{core.size.relative.normal}",
               type: "lineHeight",
-              description: "1",
+              description: "normal",
               attributes: {
                 category: "font",
                 group: "line-height",
@@ -1474,6 +1674,57 @@ export default {
             },
             name: "Font Line Height Relative",
             path: ["semantic", "font", "line-height", "relative", "default"],
+            comment: "normal",
+          },
+          base: {
+            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,
+            original: {
+              value: "{core.size.relative.100}",
+              type: "lineHeight",
+              description: "1",
+              attributes: {
+                category: "font",
+                group: "line-height",
+                kind: "relative",
+              },
+              key: "{semantic.font.line-height.relative.base}",
+            },
+            name: "Font Line Height Relative Base",
+            path: ["semantic", "font", "line-height", "relative", "base"],
             comment: "1",
           },
           tight: {

package/dist/scss/core.scss

@@ -562,6 +562,7 @@ $calcite-size-relative-150: 150%;
 $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/scss/dark.scss

@@ -7,7 +7,7 @@ $calcite-color-background-none: rgba(255, 255, 255, 0);
 $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/scss/global.scss

@@ -38,7 +38,13 @@ $calcite-font-line-height-fixed-sm: 12px;
 $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/scss/index.scss

@@ -46,7 +46,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(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/scss/light.scss

@@ -7,7 +7,7 @@ $calcite-color-background-none: rgba(255, 255, 255, 0);
 $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/scss/semantic.scss

@@ -36,7 +36,13 @@ $calcite-font-line-height-fixed-sm: 12px;
 $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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-design-tokens",
-  "version": "3.2.0-next.8",
+  "version": "3.2.0",
   "description": "Esri's Calcite Design System Tokens",
   "keywords": [
     "Calcite",
@@ -31,9 +31,9 @@
     "build": "echo $MODE $GITHUB_ACTION && tsx src/build-tokens.ts",
     "build:watch": "tsx --watch src/build-tokens.ts",
     "clean": "rimraf node_modules dist .turbo",
-    "lint:json": "prettier --write \"**/*.json\" >/dev/null",
-    "lint:md": "prettier --write \"**/*.md\" >/dev/null && markdownlint-cli2 \"**/*.md\" --fix --config \"../../.markdownlint-cli2.jsonc\"",
-    "lint:ts": "eslint --fix . && prettier --write \"**/*.{ts,tsx,cjs,mjs}\" >/dev/null",
+    "lint:json": "prettier --ignore-path \"../../.prettierignore\" --write \"**/*.json\" >/dev/null",
+    "lint:md": "prettier --ignore-path \"../../.prettierignore\" --write \"**/*.md\" >/dev/null && markdownlint-cli2 \"**/*.md\" --fix --config \"../../.markdownlint-cli2.jsonc\"",
+    "lint:ts": "eslint --fix && prettier --ignore-path \"../../.prettierignore\" --write \"**/*.{ts,tsx,cjs,mjs}\" >/dev/null",
     "lint": "concurrently npm:lint:*",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -46,5 +46,5 @@
   "devDependencies": {
     "vitest": "3.2.4"
   },
-  "gitHead": "ba5103b1582367659e3c9513891e201f7097b926"
+  "gitHead": "e5e81153b227c32f15170678b919fb372f3f471c"
 }