@esri/calcite-design-tokens 1.1.1-next.1 → 2.0.0-rc.0

package/dist/es6/core.js

@@ -0,0 +1,342 @@
+/**
+ * Do not edit directly
+ * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ */
+
+export const calciteFontFamilyPrimary = "Avenir Next LT Pro";
+export const calciteFontFamilySecondary = "Avenir Next World";
+export const calciteFontFamilyCode = "Monaco";
+export const calciteFontStyleItalic = "italic"; // used in ratings
+export const calciteFontWeightUltralight = "200"; // only for Avenir Next World (secondary font family)
+export const calciteFontWeightThin = "100";
+export const calciteFontWeightLight = "300"; // only for Avenir Next World (secondary font family)
+export const calciteFontWeightRegular = "400";
+export const calciteFontWeightMedium = "500";
+export const calciteFontWeightMediumItalic = "Medium Italic";
+export const calciteFontWeightDemi = "600";
+export const calciteFontWeightBold = "700";
+export const calciteFontWeightExtrabold = "800"; // only for Avenir Next World (secondary font family)
+export const calciteFontWeightBlack = "900"; // only for Avenir Next World (secondary font family)
+export const calciteFontWeightHeavy = "900";
+export const calciteFontLineHeightFixed_0 = "12px";
+export const calciteFontLineHeightFixed_1 = "16px";
+export const calciteFontLineHeightFixed_2 = "20px";
+export const calciteFontLineHeightFixed_3 = "24px";
+export const calciteFontLineHeightFixed_4 = "28px";
+export const calciteFontLineHeightFixed_5 = "32px";
+export const calciteFontLineHeightFixed_6 = "36px";
+export const calciteFontLineHeightFixed_7 = "40px";
+export const calciteFontLineHeightFixed_8 = "48px";
+export const calciteFontLineHeightFixed_9 = "56px";
+export const calciteFontLineHeightFixed_10 = "64px";
+export const calciteFontLineHeightFixed_11 = "72px";
+export const calciteFontLineHeightFixed_12 = "80px";
+export const calciteFontLineHeightRelative = "auto"; // 1
+export const calciteFontLineHeightRelativeTight = "125%"; // 1.25
+export const calciteFontLineHeightRelativeSnug = "137.5%"; // 1.375
+export const calciteFontLineHeightRelativeNormal = "150%"; // 1.5
+export const calciteFontLineHeightRelativeRelaxed = "162.5%"; // 1.625
+export const calciteFontLineHeightRelativeLoose = "200%"; // 2
+export const calciteFontSize_0 = "10px";
+export const calciteFontSize_1 = "12px";
+export const calciteFontSize_2 = "14px";
+export const calciteFontSize_3 = "16px";
+export const calciteFontSize_4 = "18px";
+export const calciteFontSize_5 = "20px";
+export const calciteFontSize_6 = "24px";
+export const calciteFontSize_7 = "32px";
+export const calciteFontSize_8 = "40px";
+export const calciteFontSize_9 = "48px";
+export const calciteFontSize_10 = "56px";
+export const calciteFontSize_11 = "64px";
+export const calciteFontSize_12 = "72px";
+export const calciteFontSize_13 = "80px";
+export const calciteFontSize_14 = "96px";
+export const calciteFontSize_15 = "120px";
+export const calciteFontLetterSpacingTight = "-0.4px";
+export const calciteFontLetterSpacingNormal = "0px";
+export const calciteFontLetterSpacingWide = "0.4px";
+export const calciteFontParagraphSpacingNormal = "10px";
+export const calciteFontTextDecorationNone = "none";
+export const calciteFontTextDecorationUnderline = "underline";
+export const calciteFontTextCaseNone = "none";
+export const calciteFontTextCaseUppercase = "uppercase";
+export const calciteFontTextCaseLowercase = "lowercase";
+export const calciteFontTextCaseCapitalize = "capitalize";
+export const calciteOpacity_0 = "0%";
+export const calciteOpacity_4 = "4%";
+export const calciteOpacity_8 = "8%";
+export const calciteOpacity_10 = "10%";
+export const calciteOpacity_20 = "20%";
+export const calciteOpacity_30 = "30%";
+export const calciteOpacity_40 = "40%";
+export const calciteOpacity_50 = "50%";
+export const calciteOpacity_60 = "60%";
+export const calciteOpacity_70 = "70%";
+export const calciteOpacity_80 = "80%";
+export const calciteOpacity_85 = "85%";
+export const calciteOpacity_90 = "90%";
+export const calciteOpacity_92 = "92%";
+export const calciteOpacity_96 = "96%";
+export const calciteOpacity_100 = "100%";
+export const calciteColorNeutralBlk_000 = "#ffffff";
+export const calciteColorNeutralBlk_005 = "#f8f8f8";
+export const calciteColorNeutralBlk_010 = "#f3f3f3";
+export const calciteColorNeutralBlk_020 = "#eaeaea";
+export const calciteColorNeutralBlk_030 = "#dfdfdf";
+export const calciteColorNeutralBlk_040 = "#d4d4d4";
+export const calciteColorNeutralBlk_050 = "#cacaca";
+export const calciteColorNeutralBlk_060 = "#bfbfbf";
+export const calciteColorNeutralBlk_070 = "#b5b5b5";
+export const calciteColorNeutralBlk_080 = "#aaaaaa";
+export const calciteColorNeutralBlk_090 = "#9f9f9f";
+export const calciteColorNeutralBlk_100 = "#949494";
+export const calciteColorNeutralBlk_110 = "#8a8a8a";
+export const calciteColorNeutralBlk_120 = "#808080";
+export const calciteColorNeutralBlk_130 = "#757575";
+export const calciteColorNeutralBlk_140 = "#6a6a6a";
+export const calciteColorNeutralBlk_150 = "#606060";
+export const calciteColorNeutralBlk_160 = "#555555";
+export const calciteColorNeutralBlk_170 = "#4a4a4a";
+export const calciteColorNeutralBlk_180 = "#404040";
+export const calciteColorNeutralBlk_190 = "#353535";
+export const calciteColorNeutralBlk_200 = "#2b2b2b";
+export const calciteColorNeutralBlk_210 = "#202020";
+export const calciteColorNeutralBlk_220 = "#151515";
+export const calciteColorNeutralBlk_230 = "#0b0b0b";
+export const calciteColorNeutralBlk_235 = "#060606";
+export const calciteColorNeutralBlk_240 = "#000000";
+export const calciteColorHighSaturationBlueHBb_010 = "#c7eaff";
+export const calciteColorHighSaturationBlueHBb_020 = "#9fd4f3";
+export const calciteColorHighSaturationBlueHBb_030 = "#77bde7";
+export const calciteColorHighSaturationBlueHBb_040 = "#50a7da";
+export const calciteColorHighSaturationBlueHBb_050 = "#2890ce";
+export const calciteColorHighSaturationBlueHBb_060 = "#007ac2";
+export const calciteColorHighSaturationBlueHBb_070 = "#00619b";
+export const calciteColorHighSaturationBlueHBb_080 = "#004874";
+export const calciteColorHighSaturationBlueHBb_090 = "#00304d";
+export const calciteColorHighSaturationBlueHBb_100 = "#001726";
+export const calciteColorHighSaturationGreenBlueHGb_010 = "#cef5f4";
+export const calciteColorHighSaturationGreenBlueHGb_020 = "#afedec";
+export const calciteColorHighSaturationGreenBlueHGb_030 = "#8fe6e5";
+export const calciteColorHighSaturationGreenBlueHGb_040 = "#5ae0de";
+export const calciteColorHighSaturationGreenBlueHGb_050 = "#28cecb";
+export const calciteColorHighSaturationGreenBlueHGb_060 = "#00bab5";
+export const calciteColorHighSaturationGreenBlueHGb_070 = "#009b98";
+export const calciteColorHighSaturationGreenBlueHGb_080 = "#007472";
+export const calciteColorHighSaturationGreenBlueHGb_090 = "#004d4c";
+export const calciteColorHighSaturationGreenBlueHGb_100 = "#002625";
+export const calciteColorHighSaturationGreenHGg_010 = "#bdf2c4";
+export const calciteColorHighSaturationGreenHGg_020 = "#a2e4ab";
+export const calciteColorHighSaturationGreenHGg_030 = "#87d692";
+export const calciteColorHighSaturationGreenHGg_040 = "#6bc878";
+export const calciteColorHighSaturationGreenHGg_050 = "#50ba5f";
+export const calciteColorHighSaturationGreenHGg_060 = "#35ac46";
+export const calciteColorHighSaturationGreenHGg_070 = "#288835";
+export const calciteColorHighSaturationGreenHGg_080 = "#1a6324";
+export const calciteColorHighSaturationGreenHGg_090 = "#0d3f14";
+export const calciteColorHighSaturationGreenHGg_100 = "#001a03";
+export const calciteColorHighSaturationYellowGreenHYg_010 = "#e5f7b4";
+export const calciteColorHighSaturationYellowGreenHYg_020 = "#d9ef9f";
+export const calciteColorHighSaturationYellowGreenHYg_030 = "#cde78a";
+export const calciteColorHighSaturationYellowGreenHYg_040 = "#c2e075";
+export const calciteColorHighSaturationYellowGreenHYg_050 = "#b6d860";
+export const calciteColorHighSaturationYellowGreenHYg_060 = "#aad04b";
+export const calciteColorHighSaturationYellowGreenHYg_070 = "#84a338";
+export const calciteColorHighSaturationYellowGreenHYg_080 = "#5e7526";
+export const calciteColorHighSaturationYellowGreenHYg_090 = "#384813";
+export const calciteColorHighSaturationYellowGreenHYg_100 = "#121a00";
+export const calciteColorHighSaturationYellowHYy_010 = "#fff7cc";
+export const calciteColorHighSaturationYellowHYy_020 = "#fef3ad";
+export const calciteColorHighSaturationYellowHYy_030 = "#fcee8d";
+export const calciteColorHighSaturationYellowHYy_040 = "#fbea6e";
+export const calciteColorHighSaturationYellowHYy_050 = "#f9e54e";
+export const calciteColorHighSaturationYellowHYy_060 = "#edd317";
+export const calciteColorHighSaturationYellowHYy_070 = "#d9bc00";
+export const calciteColorHighSaturationYellowHYy_080 = "#bfa200";
+export const calciteColorHighSaturationYellowHYy_090 = "#8c7500";
+export const calciteColorHighSaturationYellowHYy_100 = "#5c4e00";
+export const calciteColorHighSaturationOrangeYellowHOy_010 = "#ffe2bf";
+export const calciteColorHighSaturationOrangeYellowHOy_020 = "#fed3a1";
+export const calciteColorHighSaturationOrangeYellowHOy_030 = "#fcc582";
+export const calciteColorHighSaturationOrangeYellowHOy_040 = "#fbb664";
+export const calciteColorHighSaturationOrangeYellowHOy_050 = "#f9a845";
+export const calciteColorHighSaturationOrangeYellowHOy_060 = "#f89927";
+export const calciteColorHighSaturationOrangeYellowHOy_070 = "#c67718";
+export const calciteColorHighSaturationOrangeYellowHOy_080 = "#9a5b10";
+export const calciteColorHighSaturationOrangeYellowHOy_090 = "#6d3f08";
+export const calciteColorHighSaturationOrangeYellowHOy_100 = "#402300";
+export const calciteColorHighSaturationOrangeHOo_010 = "#ffd8bf";
+export const calciteColorHighSaturationOrangeHOo_020 = "#fdc39f";
+export const calciteColorHighSaturationOrangeHOo_030 = "#faae7f";
+export const calciteColorHighSaturationOrangeHOo_040 = "#f89960";
+export const calciteColorHighSaturationOrangeHOo_050 = "#f58440";
+export const calciteColorHighSaturationOrangeHOo_060 = "#f36f20";
+export const calciteColorHighSaturationOrangeHOo_070 = "#c65a18";
+export const calciteColorHighSaturationOrangeHOo_080 = "#9a4410";
+export const calciteColorHighSaturationOrangeHOo_090 = "#6d2f08";
+export const calciteColorHighSaturationOrangeHOo_100 = "#401900";
+export const calciteColorHighSaturationRedOrangeHRo_010 = "#ffc7b3";
+export const calciteColorHighSaturationRedOrangeHRo_020 = "#f8af95";
+export const calciteColorHighSaturationRedOrangeHRo_030 = "#f09677";
+export const calciteColorHighSaturationRedOrangeHRo_040 = "#e97e5a";
+export const calciteColorHighSaturationRedOrangeHRo_050 = "#e1653c";
+export const calciteColorHighSaturationRedOrangeHRo_060 = "#da4d1e";
+export const calciteColorHighSaturationRedOrangeHRo_070 = "#ad3c16";
+export const calciteColorHighSaturationRedOrangeHRo_080 = "#802c0f";
+export const calciteColorHighSaturationRedOrangeHRo_090 = "#531b07";
+export const calciteColorHighSaturationRedOrangeHRo_100 = "#260a00";
+export const calciteColorHighSaturationRedHRr_010 = "#ffc6bf";
+export const calciteColorHighSaturationRedHRr_020 = "#ffaaa1";
+export const calciteColorHighSaturationRedHRr_030 = "#f2877b";
+export const calciteColorHighSaturationRedHRr_040 = "#f07062";
+export const calciteColorHighSaturationRedHRr_050 = "#e65240";
+export const calciteColorHighSaturationRedHRr_060 = "#d83020";
+export const calciteColorHighSaturationRedHRr_070 = "#a82b1e";
+export const calciteColorHighSaturationRedHRr_080 = "#7c1d13";
+export const calciteColorHighSaturationRedHRr_090 = "#4f0e08";
+export const calciteColorHighSaturationRedHRr_100 = "#210300";
+export const calciteColorHighSaturationPinkHPk_010 = "#ffd1ef";
+export const calciteColorHighSaturationPinkHPk_020 = "#fabee4";
+export const calciteColorHighSaturationPinkHPk_030 = "#f2a5d6";
+export const calciteColorHighSaturationPinkHPk_040 = "#eb8dc9";
+export const calciteColorHighSaturationPinkHPk_050 = "#e673bb";
+export const calciteColorHighSaturationPinkHPk_060 = "#e04ea6";
+export const calciteColorHighSaturationPinkHPk_070 = "#ba2f7e";
+export const calciteColorHighSaturationPinkHPk_080 = "#851b52";
+export const calciteColorHighSaturationPinkHPk_090 = "#590b32";
+export const calciteColorHighSaturationPinkHPk_100 = "#260404";
+export const calciteColorHighSaturationVioletRedHVr_010 = "#fadbff";
+export const calciteColorHighSaturationVioletRedHVr_020 = "#e4beeb";
+export const calciteColorHighSaturationVioletRedHVr_030 = "#cfa1d7";
+export const calciteColorHighSaturationVioletRedHVr_040 = "#b983c3";
+export const calciteColorHighSaturationVioletRedHVr_050 = "#a466af";
+export const calciteColorHighSaturationVioletRedHVr_060 = "#8e499b";
+export const calciteColorHighSaturationVioletRedHVr_070 = "#73377e";
+export const calciteColorHighSaturationVioletRedHVr_080 = "#572561";
+export const calciteColorHighSaturationVioletRedHVr_090 = "#3c1243";
+export const calciteColorHighSaturationVioletRedHVr_100 = "#200026";
+export const calciteColorHighSaturationVioletHVv_010 = "#e8d9ff";
+export const calciteColorHighSaturationVioletHVv_020 = "#cdb9eb";
+export const calciteColorHighSaturationVioletHVv_030 = "#b39ad7";
+export const calciteColorHighSaturationVioletHVv_040 = "#987ac3";
+export const calciteColorHighSaturationVioletHVv_050 = "#7e5baf";
+export const calciteColorHighSaturationVioletHVv_060 = "#633b9b";
+export const calciteColorHighSaturationVioletHVv_070 = "#4e2c7e";
+export const calciteColorHighSaturationVioletHVv_080 = "#3a1e61";
+export const calciteColorHighSaturationVioletHVv_090 = "#250f43";
+export const calciteColorHighSaturationVioletHVv_100 = "#100026";
+export const calciteColorVibrantBlueVBb_120 = "#59d6ff";
+export const calciteColorVibrantBlueVBb_140 = "#3db8ff";
+export const calciteColorVibrantBlueVBb_160 = "#009af2";
+export const calciteColorVibrantBlueVBb_180 = "#009af2";
+export const calciteColorVibrantGreenBlueVGb_120 = "#59fffc";
+export const calciteColorVibrantGreenBlueVGb_140 = "#00f7f3";
+export const calciteColorVibrantGreenBlueVGb_160 = "#00e6e2";
+export const calciteColorVibrantGreenBlueVGb_180 = "#00cfca";
+export const calciteColorVibrantGreenVGg_120 = "#73ff84";
+export const calciteColorVibrantGreenVGg_140 = "#3bed52";
+export const calciteColorVibrantGreenVGg_160 = "#00b81b";
+export const calciteColorVibrantGreenVGg_180 = "#00a118";
+export const calciteColorVibrantYellowGreenVYg_120 = "#d7ff73";
+export const calciteColorVibrantYellowGreenVYg_140 = "#bbed3b";
+export const calciteColorVibrantYellowGreenVYg_160 = "#96cc00";
+export const calciteColorVibrantYellowGreenVYg_180 = "#7fab00";
+export const calciteColorVibrantYellowVYy_120 = "#fff766";
+export const calciteColorVibrantYellowVYy_140 = "#ffee33";
+export const calciteColorVibrantYellowVYy_160 = "#f5d000";
+export const calciteColorVibrantYellowVYy_180 = "#ebba17";
+export const calciteColorVibrantOrangeYellowVOy_120 = "#ffb54d";
+export const calciteColorVibrantOrangeYellowVOy_140 = "#ff9500";
+export const calciteColorVibrantOrangeYellowVOy_160 = "#e68600";
+export const calciteColorVibrantOrangeYellowVOy_180 = "#d17300";
+export const calciteColorVibrantRedOrangeVRo_120 = "#ff824d";
+export const calciteColorVibrantRedOrangeVRo_140 = "#ff4d00";
+export const calciteColorVibrantRedOrangeVRo_160 = "#de4300";
+export const calciteColorVibrantRedOrangeVRo_180 = "#c93b00";
+export const calciteColorVibrantRedVRr_120 = "#ff624d";
+export const calciteColorVibrantRedVRr_140 = "#ff0015";
+export const calciteColorVibrantRedVRr_160 = "#d90012";
+export const calciteColorVibrantRedVRr_180 = "#b3000f";
+export const calciteColorVibrantPinkVPk_120 = "#ff66c2";
+export const calciteColorVibrantPinkVPk_140 = "#ff19a4";
+export const calciteColorVibrantPinkVPk_160 = "#d11486";
+export const calciteColorVibrantPinkVPk_180 = "#c00073";
+export const calciteColorVibrantVioletRedVVr_120 = "#ea80ff";
+export const calciteColorVibrantVioletRedVVr_140 = "#dd33ff";
+export const calciteColorVibrantVioletRedVVr_160 = "#ac08cc";
+export const calciteColorVibrantVioletRedVVr_180 = "#83009e";
+export const calciteColorVibrantVioletVVv_120 = "#b580ff";
+export const calciteColorVibrantVioletVVv_140 = "#974dff";
+export const calciteColorVibrantVioletVVv_160 = "#8129ff";
+export const calciteColorVibrantVioletVVv_180 = "#6a0be6";
+export const calciteColorDarkGreenDGg_410 = "#44ED51";
+export const calciteColorDarkGreenDGg_420 = "#36DA43";
+export const calciteColorDarkGreenDGg_430 = "#36DA43";
+export const calciteColorDarkYellowDYy_410 = "#FFE24D";
+export const calciteColorDarkYellowDYy_420 = "#FFC900";
+export const calciteColorDarkYellowDYy_430 = "#F4B000";
+export const calciteColorDarkRedDRr_410 = "#FF7465";
+export const calciteColorDarkRedDRr_420 = "#FE583E";
+export const calciteColorDarkRedDRr_430 = "#F3381B";
+export const calciteColorDarkBlueDBb_410 = "#47BBFF";
+export const calciteColorDarkBlueDBb_420 = "#00A0FF";
+export const calciteColorDarkBlueDBb_430 = "#0087D7";
+export const calciteSize_0 = "2px";
+export const calciteSize_1 = "4px";
+export const calciteSize_2 = "6px";
+export const calciteSize_3 = "8px";
+export const calciteSize_4 = "10px";
+export const calciteSize_5 = "12px";
+export const calciteSize_6 = "14px";
+export const calciteSize_7 = "16px";
+export const calciteSize_8 = "20px";
+export const calciteSize_9 = "24px";
+export const calciteSize_10 = "28px";
+export const calciteSize_11 = "32px";
+export const calciteSize_12 = "36px";
+export const calciteSize_13 = "40px";
+export const calciteSize_14 = "44px";
+export const calciteSize_15 = "48px";
+export const calciteSize_16 = "56px";
+export const calciteSize_17 = "64px";
+export const calciteSize_18 = "72px";
+export const calciteSize_19 = "80px";
+export const calciteSize_20 = "96px";
+export const calciteSize_21 = "112px";
+export const calciteSize_22 = "128px";
+export const calciteSize_23 = "144px";
+export const calciteSize_24 = "160px";
+export const calciteSize_25 = "192px";
+export const calciteSize_26 = "224px";
+export const calciteSize_27 = "256px";
+export const calciteSize_28 = "288px";
+export const calciteSizeNone = "0px";
+export const calciteSizeRelativeHalf = "50%";
+export const calciteSizeRelativeFull = "100%";
+export const calciteContainerSize_0 = "0";
+export const calciteContainerSize_154 = "154px";
+export const calciteContainerSize_320 = "320px";
+export const calciteContainerSize_328 = "328px";
+export const calciteContainerSize_476 = "476px";
+export const calciteContainerSize_504 = "504px";
+export const calciteContainerSize_678 = "678px";
+export const calciteContainerSize_768 = "768px";
+export const calciteContainerSize_854 = "854px";
+export const calciteContainerSize_1152 = "1152px";
+export const calciteContainerSize_1440 = "1440px";
+export const calciteZIndex_0 = "-999999";
+export const calciteZIndex_1 = "1";
+export const calciteZIndex_3 = "300";
+export const calciteZIndex_4 = "400";
+export const calciteZIndex_5 = "500";
+export const calciteZIndex_6 = "600";
+export const calciteZIndex_7 = "700";
+export const calciteZIndex_8 = "800";
+export const calciteZIndex_9 = "900";
+export const calciteBoxShadow_0 = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0%)","type":"dropShadow"};
+export const calciteBoxShadow_1 = {"x":"0","y":"2","blur":"8","spread":"0","color":"rgba(#000000, 4%)","type":"dropShadow"};
+export const calciteBoxShadow_2 = {"x":"0","y":"4","blur":"16","spread":"0","color":"rgba(#000000, 8%)","type":"dropShadow"};
+export const calciteBoxShadow_3 = {"x":"0","y":"4","blur":"20","spread":"0","color":"rgba(#000000, 8%)","type":"dropShadow"};
+export const calciteBoxShadow_4 = {"x":"0","y":"12","blur":"32","spread":"-2","color":"rgba(#000000, 10%)","type":"dropShadow"};
+export const calciteBoxShadowNone = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0%)","type":"dropShadow"};

package/dist/es6/global.d.ts

@@ -0,0 +1,207 @@
+/**
+ * Do not edit directly
+ * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ */
+
+export const calciteBorderRadius : string;
+export const calciteBorderRadiusNone : string;
+export const calciteBorderRadiusSharp : string;
+export const calciteBorderRadiusRound : string;
+export const calciteBorderRadiusCircular : string;
+export const calciteBorderRadiusPill : string;
+export const calciteBorderRadiusSm : string;
+export const calciteBorderRadiusMd : string;
+export const calciteBorderRadiusLg : string;
+export const calciteBorderRadiusXl : string;
+export const calciteBorderWidthNone : string;
+export const calciteBorderWidthSm : string;
+export const calciteBorderWidthMd : string;
+export const calciteBorderWidthLg : string;
+export const calciteBoxShadowNone : { x: string, y: string, blur: string, spread: string, color: string, type: string };
+export const calciteBoxShadowSm : { x: string, y: string, blur: string, spread: string, color: string, type: string }[];
+export const calciteBoxShadowMd : { x: string, y: string, blur: string, spread: string, color: string, type: string }[];
+export const calciteColorBrand : { light: string, dark: string };
+export const calciteColorBrandHover : { light: string, dark: string };
+export const calciteColorBrandPress : { light: string, dark: string };
+export const calciteColorBrandUnderline : { light: string, dark: string };
+export const calciteColorBackground : { light: string, dark: string };
+export const calciteColorBackgroundTransparent : { light: string, dark: string };
+export const calciteColorBackgroundTransparentHover : { light: string, dark: string };
+export const calciteColorBackgroundTransparentPress : { light: string, dark: string };
+export const calciteColorBackgroundTransparentScrim : { light: string, dark: string };
+export const calciteColorBackgroundTransparentDismiss : { light: string, dark: string };
+export const calciteColorBackgroundNone : string;
+export const calciteColorForeground_1 : { light: string, dark: string };
+export const calciteColorForeground_2 : { light: string, dark: string };
+export const calciteColorForeground_3 : { light: string, dark: string };
+export const calciteColorForegroundCurrent : { light: string, dark: string };
+export const calciteColorText_1 : { light: string, dark: string };
+export const calciteColorText_2 : { light: string, dark: string };
+export const calciteColorText_3 : { light: string, dark: string };
+export const calciteColorTextInverse : { light: string, dark: string };
+export const calciteColorTextLink : { light: string, dark: string };
+export const calciteColorBorder_1 : { light: string, dark: string };
+export const calciteColorBorder_2 : { light: string, dark: string };
+export const calciteColorBorder_3 : { light: string, dark: string };
+export const calciteColorBorderInput : { light: string, dark: string };
+export const calciteColorInfo : { light: string, dark: string };
+export const calciteColorInfoHover : { light: string, dark: string };
+export const calciteColorInfoPress : { light: string, dark: string };
+export const calciteColorSuccess : { light: string, dark: string };
+export const calciteColorSuccessHover : { light: string, dark: string };
+export const calciteColorSuccessPress : { light: string, dark: string };
+export const calciteColorWarning : { light: string, dark: string };
+export const calciteColorWarningHover : { light: string, dark: string };
+export const calciteColorWarningPress : { light: string, dark: string };
+export const calciteColorDanger : { light: string, dark: string };
+export const calciteColorDangerHover : { light: string, dark: string };
+export const calciteColorDangerPress : { light: string, dark: string };
+export const calciteColorInverse : { light: string, dark: string };
+export const calciteColorInverseHover : { light: string, dark: string };
+export const calciteColorInversePress : { light: string, dark: string };
+export const calciteContainerSizeHeightXxs : { min: string, max: string }; // Small handheld devices and mini-windows
+export const calciteContainerSizeHeightXs : { min: string, max: string }; // Handheld devices
+export const calciteContainerSizeHeightSm : { min: string, max: string }; // Small tablets
+export const calciteContainerSizeHeightMd : { min: string, max: string }; // Small laptops
+export const calciteContainerSizeHeightLg : { min: string, max: string }; // Large laptops and desktop computers
+export const calciteContainerSizeHeightXl : { min: string }; // Projectors and televisions
+export const calciteContainerSizeWidthXxs : { min: string, max: string }; // Small handheld devices and mini-windows
+export const calciteContainerSizeWidthXs : { min: string, max: string }; // Handheld devices
+export const calciteContainerSizeWidthSm : { min: string, max: string }; // Small tablets
+export const calciteContainerSizeWidthMd : { min: string, max: string }; // Small laptops
+export const calciteContainerSizeWidthLg : { min: string, max: string }; // Large laptops and desktop computers
+export const calciteContainerSizeWidthXl : { min: string }; // Projectors and televisions
+export const calciteContainerSizeMargin : string;
+export const calciteContainerSizeGutter : string;
+export const calciteContainerSizeContentFluid : string; // for fluid grid widths
+export const calciteContainerSizeContentFixed : string; // only for lg breakpoint fixed grid width
+export const calciteFontFamily : string;
+export const calciteFontWeightLight : string; // For Avenir Next World (secondary font family)
+export const calciteFontWeightNormal : 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"
+export const calciteFontWeightRegular : string;
+export const calciteFontWeightMedium : string;
+export const calciteFontWeightSemibold : string;
+export const calciteFontWeightBold : string;
+export const calciteFontSizeXs : string;
+export const calciteFontSizeSm : string;
+export const calciteFontSize : string;
+export const calciteFontSizeMd : string;
+export const calciteFontSizeLg : string;
+export const calciteFontSizeXl : string;
+export const calciteFontSizeXxl : string;
+export const calciteFontStyleEmphasis : string; // used in ratings
+export const calciteFontLineHeightFixedSm : string;
+export const calciteFontLineHeightFixedBase : string;
+export const calciteFontLineHeightFixedLg : string;
+export const calciteFontLineHeightFixedXl : string;
+export const calciteFontLineHeightRelative : string; // 1
+export const calciteFontLineHeightRelativeTight : string; // 1.25
+export const calciteFontLineHeightRelativeSnug : string; // 1.375
+export const calciteFontLineHeightRelativeNormal : string; // 1.5
+export const calciteFontLineHeightRelativeRelaxed : string; // 1.625
+export const calciteFontLineHeightRelativeLoose : string; // 2
+export const calciteFontLetterSpacingTight : string;
+export const calciteFontLetterSpacingNormal : string;
+export const calciteFontLetterSpacingWide : string;
+export const calciteFontParagraphSpacingNormal : string;
+export const calciteFontTextDecorationNone : string;
+export const calciteFontTextDecorationUnderline : string;
+export const calciteFontTextCaseNone : string;
+export const calciteFontTextCaseUppercase : string;
+export const calciteFontTextCaseLowercase : string;
+export const calciteFontTextCaseCapitalize : string;
+export const calciteOpacityLight : string;
+export const calciteOpacityHalf : string;
+export const calciteOpacityDark : string;
+export const calciteOpacityFull : string;
+export const calciteOpacityDisabled : string;
+export const calciteSizeXxxs : string;
+export const calciteSizeXxs : string;
+export const calciteSizeXs : string;
+export const calciteSizeSm : string;
+export const calciteSizeSmMd : string;
+export const calciteSizeMdSm : string;
+export const calciteSizeMd : string;
+export const calciteSizeMdLg : string;
+export const calciteSizeLgMd : string;
+export const calciteSizeLg : string;
+export const calciteSizeLgXl : string;
+export const calciteSizeXlLg : string;
+export const calciteSizeXl : string;
+export const calciteSizeXxl : string;
+export const calciteSizeXxxl : string;
+export const calciteSpacingNone : string;
+export const calciteSpacingBase : string;
+export const calciteSpacingHalf : string;
+export const calciteSpacingDouble : string;
+export const calciteSpacingXs : string;
+export const calciteSpacingSm : string;
+export const calciteSpacingMd : string;
+export const calciteSpacingLg : string;
+export const calciteSpacingXl : string;
+export const calciteTypography : { fontFamily: string, fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
+export const calciteTypographyLight__3h : { fontSize: string, fontWeight: string, lineHeight: string };
+export const calciteTypographyLight__2h : { fontSize: string, fontWeight: string };
+export const calciteTypographyLight__1h : { fontWeight: string };
+export const calciteTypographyLight_0h : { fontSize: string, fontWeight: string, lineHeight: string };
+export const calciteTypographyLight_1h : { fontSize: string, fontWeight: string, lineHeight: string };
+export const calciteTypographyRegular__3h : { lineHeight: string, fontSize: string };
+export const calciteTypographyRegular__2h : { fontSize: string };
+export const calciteTypographyRegular__1h : { fontFamily: string, fontSize: string, fontWeight: string, letterSpacing: string, lineHeight: string, paragraphSpacing: string, textCase: string, textDecoration: string };
+export const calciteTypographyRegular_0h : { lineHeight: string, fontSize: string };
+export const calciteTypographyRegular_1h : { lineHeight: string, fontSize: string };
+export const calciteTypographyMedium__3h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyMedium__2h : { fontWeight: string, fontSize: string };
+export const calciteTypographyMedium__1h : { fontWeight: string };
+export const calciteTypographyMedium_0h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyMedium_1h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyBold__3h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyBold__2h : { fontWeight: string, fontSize: string };
+export const calciteTypographyBold__1h : { fontWeight: string };
+export const calciteTypographyBold_0h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyBold_1h : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight_0 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight_1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight_2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight_3 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight__2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapLight__1 : { fontWeight: string, lineHeight: string };
+export const calciteTypographyWrapRegular_0 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegular_1 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegular_2 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegular_3 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegular__2 : { lineHeight: string, fontSize: string };
+export const calciteTypographyWrapRegular__1 : { lineHeight: string };
+export const calciteTypographyWrapMedium_0 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMedium_1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMedium_2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMedium_3 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMedium__2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapMedium__1 : { fontWeight: string, lineHeight: string };
+export const calciteTypographyWrapBold_0 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBold_1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBold_2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBold_3 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBold__2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyWrapBold__1 : { fontWeight: string, lineHeight: string };
+export const calciteTypographyHierarchyDisplay_1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyDisplay_2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyHeading_1 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyHeading_2 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyHeading_3 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyHeading_4 : { fontWeight: string, lineHeight: string, fontSize: string };
+export const calciteTypographyHierarchyHeading_5 : { 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 calciteTypographyHierarchyOverline : { lineHeight: string, textCase: string, fontWeight: string };
+export const calciteTypographyHierarchyCaption : { lineHeight: string, fontSize: string };
+export const calciteZIndexDeep : string;
+export const calciteZIndex : string;
+export const calciteZIndexSticky : string;
+export const calciteZIndexHeader : string;
+export const calciteZIndexToast : string;
+export const calciteZIndexDropdown : string;
+export const calciteZIndexOverlay : string;
+export const calciteZIndexModal : string;
+export const calciteZIndexPopup : string;
+export const calciteZIndexTooltip : string;