@esri/calcite-design-tokens 3.2.0-next.9 → 3.2.1-next.0

package/dist/es6/core.js

@@ -159,7 +159,8 @@ export const calciteColorLowSaturationVioletLVv060 = "#8d84a6";
 export const calciteColorLowSaturationVioletLVv070 = "#6f6783";
 export const calciteColorLowSaturationVioletLVv080 = "#504b60";
 export const calciteColorLowSaturationVioletLVv090 = "#322e3d";
-export const calciteColorLowSaturationVioletLVv1000 = "#13111a";
+export const calciteColorLowSaturationVioletLVv100 = "#13111a";
+export const calciteColorLowSaturationVioletLVv1000 = "#13111a"; // deprecated, use --calcite-color-low-saturation-violet-l-vv-100 instead
 export const calciteColorMediumSaturationBlueMBb010 = "#dfeffa";
 export const calciteColorMediumSaturationBlueMBb020 = "#c8e3f5";
 export const calciteColorMediumSaturationBlueMBb030 = "#b1d8f1";
@@ -598,6 +599,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/global.d.ts

@@ -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

@@ -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/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

@@ -202,6 +202,7 @@ declare const tokens: {
           "l-vv-070": DesignToken;
           "l-vv-080": DesignToken;
           "l-vv-090": DesignToken;
+          "l-vv-100": DesignToken;
           "l-vv-1000": DesignToken;
         };
       };
@@ -724,6 +725,7 @@ declare const tokens: {
         "162": DesignToken;
         "200": DesignToken;
         auto: DesignToken;
+        normal: DesignToken;
       };
     };
     "z-index": {

package/dist/js/core.js

@@ -6055,10 +6055,50 @@ export default {
             name: "Color Low Saturation Violet L Vv 090",
             path: ["core", "color", "low-saturation", "violet", "l-vv-090"],
           },
+          "l-vv-100": {
+            key: "{core.color.low-saturation.violet.l-vv-100}",
+            value: "#13111a",
+            type: "color",
+            attributes: {
+              category: "color",
+              group: "low-saturation",
+              type: "color",
+              item: "low-saturation",
+              subitem: "violet",
+              state: "l-vv-100",
+              names: {
+                scss: "$calcite-color-low-saturation-violet-l-vv-100",
+                css: "var(--calcite-color-low-saturation-violet-l-vv-100)",
+                js: "core.color.low-saturation.violet.l-vv-100",
+                docs: "core.color.low-saturation.violet.l-vv-100",
+                es6: "calciteColorLowSaturationVioletLVv100",
+              },
+              "calcite-schema": {
+                system: "calcite",
+                tier: "core",
+                type: "color",
+              },
+            },
+            filePath: "src/tokens/core/color.json",
+            isSource: false,
+            original: {
+              value: "#13111a",
+              type: "color",
+              attributes: {
+                category: "color",
+                group: "low-saturation",
+              },
+              key: "{core.color.low-saturation.violet.l-vv-100}",
+            },
+            name: "Color Low Saturation Violet L Vv 100",
+            path: ["core", "color", "low-saturation", "violet", "l-vv-100"],
+          },
           "l-vv-1000": {
             key: "{core.color.low-saturation.violet.l-vv-1000}",
             value: "#13111a",
             type: "color",
+            description:
+              "deprecated, use --calcite-color-low-saturation-violet-l-vv-100 instead",
             attributes: {
               category: "color",
               group: "low-saturation",
@@ -6066,6 +6106,16 @@ export default {
               item: "low-saturation",
               subitem: "violet",
               state: "l-vv-1000",
+              value: "#13111a",
+              description:
+                "deprecated, use --calcite-color-low-saturation-violet-l-vv-100 instead",
+              filePath: "src/tokens/core/color.json",
+              isSource: false,
+              key: "{core.color.low-saturation.violet.l-vv-1000}",
+              name: "calcite-core-color-low-saturation-violet-l-vv-1000",
+              path: ["core", "color", "low-saturation", "violet", "l-vv-1000"],
+              comment:
+                "deprecated, use --calcite-color-low-saturation-violet-l-vv-100 instead",
               names: {
                 scss: "$calcite-color-low-saturation-violet-l-vv-1000",
                 css: "var(--calcite-color-low-saturation-violet-l-vv-1000)",
@@ -6084,6 +6134,8 @@ export default {
             original: {
               value: "#13111a",
               type: "color",
+              description:
+                "deprecated, use --calcite-color-low-saturation-violet-l-vv-100 instead",
               attributes: {
                 category: "color",
                 group: "low-saturation",
@@ -6092,6 +6144,8 @@ export default {
             },
             name: "Color Low Saturation Violet L Vv 1000",
             path: ["core", "color", "low-saturation", "violet", "l-vv-1000"],
+            comment:
+              "deprecated, use --calcite-color-low-saturation-violet-l-vv-100 instead",
           },
         },
       },
@@ -22239,6 +22293,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/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;

package/dist/js/global.js

@@ -4021,13 +4021,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",
@@ -4036,14 +4236,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)",
@@ -4060,9 +4260,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",
@@ -4072,6 +4272,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/js/semantic.d.ts

@@ -73,9 +73,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;