@esri/calcite-design-tokens 2.0.1-next.3 → 2.1.0-next.0

package/dist/es6/core.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:21 GMT
+ * Generated on Mon, 18 Dec 2023 19:47:41 GMT
  */
 
 export const calciteColorNeutralBlk000 : string;
@@ -217,9 +217,23 @@ export const calciteContainerSize768 : string;
 export const calciteContainerSize854 : string;
 export const calciteContainerSize1152 : string;
 export const calciteContainerSize1440 : string;
+/** Fallback for Monaco */
+export const calciteFontFamilyAndaleMono : string;
 export const calciteFontFamilyAvenirNextPro : string;
 export const calciteFontFamilyAvenirNextWorld : string;
+/** Fallback for Avenir Next */
+export const calciteFontFamilyAvenir : string;
+/** Fallback for Monaco */
+export const calciteFontFamilyConsolas : string;
+/** Fallback for Avenir Next */
+export const calciteFontFamilyHelveticaNeue : string;
+/** Fallback for Monaco */
+export const calciteFontFamilyLucidaConsole : string;
 export const calciteFontFamilyMonaco : string;
+/** Fallback for Monaco */
+export const calciteFontFamilyMonospace : string;
+/** Fallback for Avenir Next */
+export const calciteFontFamilySansSerif : string;
 /** used in ratings */
 export const calciteFontStyleItalic : string;
 /** only for Avenir Next World (secondary font family) */

package/dist/es6/core.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:21 GMT
+ * Generated on Mon, 18 Dec 2023 19:47:41 GMT
  */
 
 export const calciteColorNeutralBlk000 = "#ffffff";
@@ -217,9 +217,16 @@ export const calciteContainerSize768 = "768px";
 export const calciteContainerSize854 = "854px";
 export const calciteContainerSize1152 = "1152px";
 export const calciteContainerSize1440 = "1440px";
+export const calciteFontFamilyAndaleMono = "Andale Mono"; // Fallback for Monaco
 export const calciteFontFamilyAvenirNextPro = "Avenir Next LT Pro";
 export const calciteFontFamilyAvenirNextWorld = "Avenir Next World";
+export const calciteFontFamilyAvenir = "Avenir"; // Fallback for Avenir Next
+export const calciteFontFamilyConsolas = "Consolas"; // Fallback for Monaco
+export const calciteFontFamilyHelveticaNeue = "Helvetica Neue"; // Fallback for Avenir Next
+export const calciteFontFamilyLucidaConsole = "Lucida Console"; // Fallback for Monaco
 export const calciteFontFamilyMonaco = "Monaco";
+export const calciteFontFamilyMonospace = "monospace"; // Fallback for Monaco
+export const calciteFontFamilySansSerif = "sans-serif"; // Fallback for Avenir Next
 export const calciteFontStyleItalic = "italic"; // used in ratings
 export const calciteFontWeightUltralight = "200"; // only for Avenir Next World (secondary font family)
 export const calciteFontWeightThin = "100";

package/dist/es6/global.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:22 GMT
+ * Generated on Mon, 18 Dec 2023 19:47:43 GMT
  */
 
 export const calciteBorderWidthNone : string;
@@ -82,8 +82,10 @@ export const calciteContainerSizeGutter : string;
 export const calciteContainerSizeContentFluid : string;
 /** only for lg breakpoint fixed grid width */
 export const calciteContainerSizeContentFixed : string;
-export const calciteFontFamily : string;
-export const calciteFontFamilyCode : string;
+/** Primary font with fallbacks */
+export const calciteFontFamily : string[];
+/** Font family for code with fallbacks */
+export const calciteFontFamilyCode : string[];
 /** For Avenir Next World (secondary font family) */
 export const calciteFontWeightLight : string;
 /** For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
@@ -157,7 +159,7 @@ export const calciteSpacingLg : string;
 export const calciteSpacingXl : string;
 export const calciteSpacingXxl : string;
 export const calciteSpacingXxxl : string;
-export const calciteTypography : { fontFamily: string, fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
+export const calciteTypography : { fontFamily: string[], fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
 export const calciteTypographyLightMinus3h : { fontSize: string, fontWeight: string, lineHeight: string };
 export const calciteTypographyLightMinus2h : { fontSize: string, fontWeight: string };
 export const calciteTypographyLightMinus1h : { fontWeight: string };
@@ -165,7 +167,7 @@ export const calciteTypographyLight0h : { fontSize: string, fontWeight: string,
 export const calciteTypographyLight1h : { fontSize: string, fontWeight: string, lineHeight: string };
 export const calciteTypographyRegularMinus3h : { lineHeight: string, fontSize: string };
 export const calciteTypographyRegularMinus2h : { fontSize: string };
-export const calciteTypographyRegularMinus1h : { fontFamily: string, fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
+export const calciteTypographyRegularMinus1h : { fontFamily: string[], fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
 export const calciteTypographyRegular0h : { lineHeight: string, fontSize: string };
 export const calciteTypographyRegular1h : { lineHeight: string, fontSize: string };
 export const calciteTypographyMediumMinus3h : { fontWeight: string, lineHeight: string, fontSize: string };
@@ -210,7 +212,7 @@ export const calciteTypographyHierarchyHeading3 : { fontWeight: string, lineHeig
 export const calciteTypographyHierarchyHeading4 : { fontWeight: string, lineHeight: string, fontSize: string };
 export const calciteTypographyHierarchyHeading5 : { fontWeight: string, lineHeight: string };
 export const calciteTypographyHierarchyBodySnug : { lineHeight: string };
-export const calciteTypographyHierarchyBody : { fontFamily: string, fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
+export const calciteTypographyHierarchyBody : { fontFamily: string[], fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
 export const calciteTypographyHierarchyOverline : { lineHeight: string, textCase: string, fontWeight: string };
 export const calciteTypographyHierarchyCaption : { lineHeight: string, fontSize: string };
 export const calciteZIndexDeep : string;

package/dist/es6/global.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:22 GMT
+ * Generated on Mon, 18 Dec 2023 19:47:43 GMT
  */
 
 export const calciteBorderWidthNone = "0";
@@ -68,8 +68,8 @@ export const calciteContainerSizeMargin = "24px";
 export const calciteContainerSizeGutter = "16px";
 export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
 export const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
-export const calciteFontFamily = "Avenir Next LT Pro";
-export const calciteFontFamilyCode = "Monaco";
+export const calciteFontFamily = ["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"]; // Primary font with fallbacks
+export const calciteFontFamilyCode = ["Monaco","Consolas","Andale Mono","Lucida Console","monospace"]; // Font family for code with fallbacks
 export const calciteFontWeightLight = "300"; // For Avenir Next World (secondary font family)
 export const calciteFontWeightNormal = "400"; // For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular"
 export const calciteFontWeightRegular = "400";
@@ -134,7 +134,7 @@ export const calciteSpacingLg = "14px";
 export const calciteSpacingXl = "16px";
 export const calciteSpacingXxl = "20px";
 export const calciteSpacingXxxl = "32px";
-export const calciteTypography = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
+export const calciteTypography = {"fontFamily":["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
 export const calciteTypographyLightMinus3h = {"fontSize":"10px","fontWeight":"300","lineHeight":"12px"};
 export const calciteTypographyLightMinus2h = {"fontSize":"12px","fontWeight":"300"};
 export const calciteTypographyLightMinus1h = {"fontWeight":"300"};
@@ -142,7 +142,7 @@ export const calciteTypographyLight0h = {"fontSize":"16px","fontWeight":"300","l
 export const calciteTypographyLight1h = {"fontSize":"18px","fontWeight":"300","lineHeight":"24px"};
 export const calciteTypographyRegularMinus3h = {"lineHeight":"12px","fontSize":"10px"};
 export const calciteTypographyRegularMinus2h = {"fontSize":"12px"};
-export const calciteTypographyRegularMinus1h = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
+export const calciteTypographyRegularMinus1h = {"fontFamily":["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
 export const calciteTypographyRegular0h = {"lineHeight":"20px","fontSize":"16px"};
 export const calciteTypographyRegular1h = {"lineHeight":"24px","fontSize":"18px"};
 export const calciteTypographyMediumMinus3h = {"fontWeight":"500","lineHeight":"12px","fontSize":"10px"};
@@ -187,7 +187,7 @@ export const calciteTypographyHierarchyHeading3 = {"fontWeight":"500","lineHeigh
 export const calciteTypographyHierarchyHeading4 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
 export const calciteTypographyHierarchyHeading5 = {"fontWeight":"500","lineHeight":"137.5%"};
 export const calciteTypographyHierarchyBodySnug = {"lineHeight":"137.5%"};
-export const calciteTypographyHierarchyBody = {"fontFamily":"Avenir Next LT Pro","fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
+export const calciteTypographyHierarchyBody = {"fontFamily":["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
 export const calciteTypographyHierarchyOverline = {"lineHeight":"12px","textCase":"uppercase","fontWeight":"700"};
 export const calciteTypographyHierarchyCaption = {"lineHeight":"137.5%","fontSize":"12px"};
 export const calciteZIndexDeep = "-999999";

package/dist/js/core.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:20 GMT
+ * Generated on Mon, 18 Dec 2023 19:47:41 GMT
  */
 
 export default tokens;
@@ -305,9 +305,16 @@ declare const tokens: {
     },
     "font": {
       "family": {
+        "andaleMono": DesignToken,
         "avenirNextPro": DesignToken,
         "avenirNextWorld": DesignToken,
-        "monaco": DesignToken
+        "avenir": DesignToken,
+        "consolas": DesignToken,
+        "helveticaNeue": DesignToken,
+        "lucidaConsole": DesignToken,
+        "monaco": DesignToken,
+        "monospace": DesignToken,
+        "sansSerif": DesignToken
       },
       "style": {
         "italic": DesignToken

package/dist/js/core.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:20 GMT
+ * Generated on Mon, 18 Dec 2023 19:47:41 GMT
  */
 
 export default {
@@ -5081,6 +5081,30 @@ export default {
     },
     font: {
       family: {
+        andaleMono: {
+          value: "Andale Mono",
+          type: "fontFamilies",
+          description: "Fallback for Monaco",
+          filePath:
+            "/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/core/font.json",
+          isSource: true,
+          original: {
+            value: "Andale Mono",
+            type: "fontFamilies",
+            description: "Fallback for Monaco",
+          },
+          name: "Font Family Andale Mono",
+          attributes: {
+            names: {
+              scss: "$calcite-font-family-andale-mono",
+              css: "var(--calcite-font-family-andale-mono)",
+              js: "core.font.family.andaleMono",
+              docs: "core.font.family.andaleMono",
+              es6: "calciteFontFamilyAndaleMono",
+            },
+          },
+          path: ["core", "font", "family", "andaleMono"],
+        },
         avenirNextPro: {
           value: "Avenir Next LT Pro",
           type: "fontFamilies",
@@ -5125,6 +5149,102 @@ export default {
           },
           path: ["core", "font", "family", "avenirNextWorld"],
         },
+        avenir: {
+          value: "Avenir",
+          type: "fontFamilies",
+          description: "Fallback for Avenir Next",
+          filePath:
+            "/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/core/font.json",
+          isSource: true,
+          original: {
+            value: "Avenir",
+            type: "fontFamilies",
+            description: "Fallback for Avenir Next",
+          },
+          name: "Font Family Avenir",
+          attributes: {
+            names: {
+              scss: "$calcite-font-family-avenir",
+              css: "var(--calcite-font-family-avenir)",
+              js: "core.font.family.avenir",
+              docs: "core.font.family.avenir",
+              es6: "calciteFontFamilyAvenir",
+            },
+          },
+          path: ["core", "font", "family", "avenir"],
+        },
+        consolas: {
+          value: "Consolas",
+          type: "fontFamilies",
+          description: "Fallback for Monaco",
+          filePath:
+            "/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/core/font.json",
+          isSource: true,
+          original: {
+            value: "Consolas",
+            type: "fontFamilies",
+            description: "Fallback for Monaco",
+          },
+          name: "Font Family Consolas",
+          attributes: {
+            names: {
+              scss: "$calcite-font-family-consolas",
+              css: "var(--calcite-font-family-consolas)",
+              js: "core.font.family.consolas",
+              docs: "core.font.family.consolas",
+              es6: "calciteFontFamilyConsolas",
+            },
+          },
+          path: ["core", "font", "family", "consolas"],
+        },
+        helveticaNeue: {
+          value: "Helvetica Neue",
+          type: "fontFamilies",
+          description: "Fallback for Avenir Next",
+          filePath:
+            "/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/core/font.json",
+          isSource: true,
+          original: {
+            value: "Helvetica Neue",
+            type: "fontFamilies",
+            description: "Fallback for Avenir Next",
+          },
+          name: "Font Family Helvetica Neue",
+          attributes: {
+            names: {
+              scss: "$calcite-font-family-helvetica-neue",
+              css: "var(--calcite-font-family-helvetica-neue)",
+              js: "core.font.family.helveticaNeue",
+              docs: "core.font.family.helveticaNeue",
+              es6: "calciteFontFamilyHelveticaNeue",
+            },
+          },
+          path: ["core", "font", "family", "helveticaNeue"],
+        },
+        lucidaConsole: {
+          value: "Lucida Console",
+          type: "fontFamilies",
+          description: "Fallback for Monaco",
+          filePath:
+            "/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/core/font.json",
+          isSource: true,
+          original: {
+            value: "Lucida Console",
+            type: "fontFamilies",
+            description: "Fallback for Monaco",
+          },
+          name: "Font Family Lucida Console",
+          attributes: {
+            names: {
+              scss: "$calcite-font-family-lucida-console",
+              css: "var(--calcite-font-family-lucida-console)",
+              js: "core.font.family.lucidaConsole",
+              docs: "core.font.family.lucidaConsole",
+              es6: "calciteFontFamilyLucidaConsole",
+            },
+          },
+          path: ["core", "font", "family", "lucidaConsole"],
+        },
         monaco: {
           value: "Monaco",
           type: "fontFamilies",
@@ -5147,6 +5267,54 @@ export default {
           },
           path: ["core", "font", "family", "monaco"],
         },
+        monospace: {
+          value: "monospace",
+          type: "fontFamilies",
+          description: "Fallback for Monaco",
+          filePath:
+            "/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/core/font.json",
+          isSource: true,
+          original: {
+            value: "monospace",
+            type: "fontFamilies",
+            description: "Fallback for Monaco",
+          },
+          name: "Font Family Monospace",
+          attributes: {
+            names: {
+              scss: "$calcite-font-family-monospace",
+              css: "var(--calcite-font-family-monospace)",
+              js: "core.font.family.monospace",
+              docs: "core.font.family.monospace",
+              es6: "calciteFontFamilyMonospace",
+            },
+          },
+          path: ["core", "font", "family", "monospace"],
+        },
+        sansSerif: {
+          value: "sans-serif",
+          type: "fontFamilies",
+          description: "Fallback for Avenir Next",
+          filePath:
+            "/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/core/font.json",
+          isSource: true,
+          original: {
+            value: "sans-serif",
+            type: "fontFamilies",
+            description: "Fallback for Avenir Next",
+          },
+          name: "Font Family Sans Serif",
+          attributes: {
+            names: {
+              scss: "$calcite-font-family-sans-serif",
+              css: "var(--calcite-font-family-sans-serif)",
+              js: "core.font.family.sansSerif",
+              docs: "core.font.family.sansSerif",
+              es6: "calciteFontFamilySansSerif",
+            },
+          },
+          path: ["core", "font", "family", "sansSerif"],
+        },
       },
       style: {
         italic: {

package/dist/js/global.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 11 Dec 2023 21:58:22 GMT
+ * Generated on Mon, 18 Dec 2023 19:47:42 GMT
  */
 
 export default tokens;