@esri/calcite-design-tokens 3.0.2-next.0 → 3.0.2-next.1

package/dist/es6/semantic.d.ts

@@ -0,0 +1,175 @@
+/**
+ * Calcite Design System
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const calciteBorderWidthNone: string;
+export const calciteBorderWidthSm: string;
+export const calciteBorderWidthMd: string;
+export const calciteBorderWidthLg: string; /** Small handheld devices and mini-windows */
+export const calciteContainerSizeHeightXxs: {
+  min: string;
+  max: string;
+}; /** Handheld devices */
+export const calciteContainerSizeHeightXs: {
+  min: string;
+  max: string;
+}; /** Small tablets */
+export const calciteContainerSizeHeightSm: {
+  min: string;
+  max: string;
+}; /** Small laptops */
+export const calciteContainerSizeHeightMd: {
+  min: string;
+  max: string;
+}; /** Large laptops and desktop computers */
+export const calciteContainerSizeHeightLg: {
+  min: string;
+  max: string;
+}; /** Projectors and televisions */
+export const calciteContainerSizeHeightXl: {
+  min: string;
+}; /** Small handheld devices and mini-windows */
+export const calciteContainerSizeWidthXxs: {
+  min: string;
+  max: string;
+}; /** Handheld devices */
+export const calciteContainerSizeWidthXs: {
+  min: string;
+  max: string;
+}; /** Small tablets */
+export const calciteContainerSizeWidthSm: {
+  min: string;
+  max: string;
+}; /** Small laptops */
+export const calciteContainerSizeWidthMd: {
+  min: string;
+  max: string;
+}; /** Large laptops and desktop computers */
+export const calciteContainerSizeWidthLg: {
+  min: string;
+  max: string;
+}; /** Projectors and televisions */
+export const calciteContainerSizeWidthXl: { min: string };
+export const calciteContainerSizeMargin: string;
+export const calciteContainerSizeGutter: string; /** for fluid grid widths */
+export const calciteContainerSizeContentFluid: string; /** only for lg breakpoint fixed grid width */
+export const calciteContainerSizeContentFixed: string;
+export const calciteCornerRadius: string;
+export const calciteCornerRadiusSharp: string;
+export const calciteCornerRadiusRound: string;
+export const calciteCornerRadiusPill: 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" */
+export const calciteFontWeightNormal: string;
+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; /** used in ratings */
+export const calciteFontStyleEmphasis: string;
+export const calciteFontLineHeightFixedSm: string;
+export const calciteFontLineHeightFixedBase: string;
+export const calciteFontLineHeightFixedLg: string;
+export const calciteFontLineHeightFixedXl: string; /** 1 */
+export const calciteFontLineHeightRelative: string; /** 1.25 */
+export const calciteFontLineHeightRelativeTight: string; /** 1.375 */
+export const calciteFontLineHeightRelativeSnug: string; /** 1.5 */
+export const calciteFontLineHeightRelativeNormal: string; /** 1.625 */
+export const calciteFontLineHeightRelativeRelaxed: string; /** 2 */
+export const calciteFontLineHeightRelativeLoose: string; /** Deprecated */
+export const calciteFontLetterSpacingTight: string; /** Deprecated */
+export const calciteFontLetterSpacingNormal: string; /** Deprecated */
+export const calciteFontLetterSpacingWide: string; /** Deprecated */
+export const calciteFontParagraphSpacingNormal: string; /** Deprecated */
+export const calciteFontTextDecorationNone: string; /** Deprecated */
+export const calciteFontTextDecorationUnderline: string; /** Deprecated */
+export const calciteFontTextCaseNone: string; /** Deprecated */
+export const calciteFontTextCaseUppercase: string; /** Deprecated */
+export const calciteFontTextCaseLowercase: string; /** Deprecated */
+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 calciteShadowNone: {
+  blur: string;
+  spread: string;
+  color: string;
+  x: string;
+  y: string;
+};
+export const calciteShadowSm: {
+  blur: string;
+  spread: string;
+  color: string;
+  x: string;
+  y: string;
+}[];
+export const calciteShadowMd: {
+  blur: string;
+  spread: string;
+  color: string;
+  x: string;
+  y: string;
+}[]; /** deprecated */
+export const calciteSizeFixedXxxs: string; /** deprecated */
+export const calciteSizeFixedXxs: string; /** deprecated */
+export const calciteSizeFixedXs: string; /** deprecated */
+export const calciteSizeFixedSm: string; /** deprecated */
+export const calciteSizeFixedSmPlus: string; /** deprecated */
+export const calciteSizeFixedMd: string; /** deprecated */
+export const calciteSizeFixedMdPlus: string; /** deprecated */
+export const calciteSizeFixedLg: string; /** deprecated */
+export const calciteSizeFixedXl: string; /** deprecated */
+export const calciteSizeFixedXxl: string; /** deprecated */
+export const calciteSizeFixedXxxl: string;
+export const calciteSizePx: string;
+export const calciteSizeXxxs: string;
+export const calciteSizeXxs: string;
+export const calciteSizeXs: string;
+export const calciteSizeSm: string;
+export const calciteSizeMd: string;
+export const calciteSizeLg: string;
+export const calciteSizeXl: string;
+export const calciteSizeXxl: string;
+export const calciteSizeXxxl: string; /** deprecated */
+export const calciteSpacingFixedXxs: string; /** deprecated */
+export const calciteSpacingFixedXs: string; /** deprecated */
+export const calciteSpacingFixedSm: string; /** deprecated */
+export const calciteSpacingFixedMd: string; /** deprecated */
+export const calciteSpacingFixedLg: string; /** deprecated */
+export const calciteSpacingFixedXl: string; /** deprecated */
+export const calciteSpacingFixedXxl: string; /** deprecated */
+export const calciteSpacingFixedXxxl: string;
+export const calciteSpacingNone: string;
+export const calciteSpacingPx: string;
+export const calciteSpacingBase: string;
+export const calciteSpacingXxs: string;
+export const calciteSpacingXs: string;
+export const calciteSpacingSm: string;
+export const calciteSpacingSmPlus: string;
+export const calciteSpacingMd: string;
+export const calciteSpacingMdPlus: string;
+export const calciteSpacingLg: string;
+export const calciteSpacingXl: string;
+export const calciteSpacingXxl: string;
+export const calciteSpacingXxxl: 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;

package/dist/es6/semantic.js

@@ -0,0 +1,154 @@
+/**
+ * Calcite Design System
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const calciteBorderWidthNone = "0";
+export const calciteBorderWidthSm = "1px";
+export const calciteBorderWidthMd = "2px";
+export const calciteBorderWidthLg = "4px";
+export const calciteContainerSizeHeightXxs = { min: "0", max: "154px" }; // Small handheld devices and mini-windows
+export const calciteContainerSizeHeightXs = { min: "155px", max: "328px" }; // Handheld devices
+export const calciteContainerSizeHeightSm = { min: "329px", max: "504px" }; // Small tablets
+export const calciteContainerSizeHeightMd = { min: "505px", max: "678px" }; // Small laptops
+export const calciteContainerSizeHeightLg = { min: "679px", max: "854px" }; // Large laptops and desktop computers
+export const calciteContainerSizeHeightXl = { min: "855px" }; // Projectors and televisions
+export const calciteContainerSizeWidthXxs = { min: "0", max: "320px" }; // Small handheld devices and mini-windows
+export const calciteContainerSizeWidthXs = { min: "321px", max: "476px" }; // Handheld devices
+export const calciteContainerSizeWidthSm = { min: "477px", max: "768px" }; // Small tablets
+export const calciteContainerSizeWidthMd = { min: "769px", max: "1152px" }; // Small laptops
+export const calciteContainerSizeWidthLg = { min: "1153px", max: "1440px" }; // Large laptops and desktop computers
+export const calciteContainerSizeWidthXl = { min: "1441px" }; // Projectors and televisions
+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 calciteCornerRadius = "0";
+export const calciteCornerRadiusSharp = "0";
+export const calciteCornerRadiusRound = "4px";
+export const calciteCornerRadiusPill = "100%";
+export const calciteFontFamily = [
+  "Avenir Next",
+  "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";
+export const calciteFontWeightMedium = "500";
+export const calciteFontWeightSemibold = "600";
+export const calciteFontWeightBold = "600";
+export const calciteFontSizeXs = "10px";
+export const calciteFontSizeSm = "12px";
+export const calciteFontSize = "14px";
+export const calciteFontSizeMd = "16px";
+export const calciteFontSizeLg = "18px";
+export const calciteFontSizeXl = "20px";
+export const calciteFontSizeXxl = "24px";
+export const calciteFontStyleEmphasis = "italic"; // used in ratings
+export const calciteFontLineHeightFixedSm = "12px";
+export const calciteFontLineHeightFixedBase = "16px";
+export const calciteFontLineHeightFixedLg = "20px";
+export const calciteFontLineHeightFixedXl = "24px";
+export const calciteFontLineHeightRelative = "auto"; // 1
+export const calciteFontLineHeightRelativeTight = "1.25"; // 1.25
+export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
+export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5
+export const calciteFontLineHeightRelativeRelaxed = "1.625"; // 1.625
+export const calciteFontLineHeightRelativeLoose = "2"; // 2
+export const calciteFontLetterSpacingTight = "-0.4"; // Deprecated
+export const calciteFontLetterSpacingNormal = "0"; // Deprecated
+export const calciteFontLetterSpacingWide = "0.4"; // Deprecated
+export const calciteFontParagraphSpacingNormal = "4px"; // Deprecated
+export const calciteFontTextDecorationNone = "none"; // Deprecated
+export const calciteFontTextDecorationUnderline = "underline"; // Deprecated
+export const calciteFontTextCaseNone = "none"; // Deprecated
+export const calciteFontTextCaseUppercase = "uppercase"; // Deprecated
+export const calciteFontTextCaseLowercase = "lowercase"; // Deprecated
+export const calciteFontTextCaseCapitalize = "capitalize"; // Deprecated
+export const calciteOpacityLight = "0.4";
+export const calciteOpacityHalf = "0.5";
+export const calciteOpacityDark = "0.85";
+export const calciteOpacityFull = "1";
+export const calciteOpacityDisabled = "0.5";
+export const calciteShadowNone = {
+  blur: "0",
+  spread: "0",
+  color: "rgba(0, 0, 0, 0)",
+  x: "0",
+  y: "0",
+};
+export const calciteShadowSm = [
+  { blur: "8px", spread: "0", color: "rgba(0, 0, 0, 0.04)", x: "0", y: "2px" },
+  { blur: "16px", spread: "0", color: "rgba(0, 0, 0, 0.08)", x: "0", y: "4px" },
+];
+export const calciteShadowMd = [
+  { blur: "20px", spread: "0", color: "rgba(0, 0, 0, 0.08)", x: "0", y: "4px" },
+  {
+    blur: "32px",
+    spread: "-2px",
+    color: "rgba(0, 0, 0, 0.1)",
+    x: "0",
+    y: "12px",
+  },
+];
+export const calciteSizeFixedXxxs = "2px"; // deprecated
+export const calciteSizeFixedXxs = "4px"; // deprecated
+export const calciteSizeFixedXs = "6px"; // deprecated
+export const calciteSizeFixedSm = "8px"; // deprecated
+export const calciteSizeFixedSmPlus = "10px"; // deprecated
+export const calciteSizeFixedMd = "12px"; // deprecated
+export const calciteSizeFixedMdPlus = "14px"; // deprecated
+export const calciteSizeFixedLg = "16px"; // deprecated
+export const calciteSizeFixedXl = "20px"; // deprecated
+export const calciteSizeFixedXxl = "24px"; // deprecated
+export const calciteSizeFixedXxxl = "32px"; // deprecated
+export const calciteSizePx = "1px";
+export const calciteSizeXxxs = "0.75rem";
+export const calciteSizeXxs = "0.875rem";
+export const calciteSizeXs = "1rem";
+export const calciteSizeSm = "1.5rem";
+export const calciteSizeMd = "2rem";
+export const calciteSizeLg = "2.75rem";
+export const calciteSizeXl = "3rem";
+export const calciteSizeXxl = "4rem";
+export const calciteSizeXxxl = "6rem";
+export const calciteSpacingFixedXxs = "4px"; // deprecated
+export const calciteSpacingFixedXs = "6px"; // deprecated
+export const calciteSpacingFixedSm = "8px"; // deprecated
+export const calciteSpacingFixedMd = "12px"; // deprecated
+export const calciteSpacingFixedLg = "14px"; // deprecated
+export const calciteSpacingFixedXl = "16px"; // deprecated
+export const calciteSpacingFixedXxl = "20px"; // deprecated
+export const calciteSpacingFixedXxxl = "32px"; // deprecated
+export const calciteSpacingNone = "0";
+export const calciteSpacingPx = "1px";
+export const calciteSpacingBase = "2px";
+export const calciteSpacingXxs = "0.25rem";
+export const calciteSpacingXs = "0.375rem";
+export const calciteSpacingSm = "0.5rem";
+export const calciteSpacingSmPlus = "0.625rem";
+export const calciteSpacingMd = "0.75rem";
+export const calciteSpacingMdPlus = "0.875rem";
+export const calciteSpacingLg = "1rem";
+export const calciteSpacingXl = "1.25rem";
+export const calciteSpacingXxl = "1.5rem";
+export const calciteSpacingXxxl = "2rem";
+export const calciteZIndexDeep = "-999999";
+export const calciteZIndex = "1";
+export const calciteZIndexSticky = "300";
+export const calciteZIndexHeader = "400";
+export const calciteZIndexToast = "500";
+export const calciteZIndexDropdown = "600";
+export const calciteZIndexOverlay = "700";
+export const calciteZIndexModal = "800";
+export const calciteZIndexPopup = "900";
+export const calciteZIndexTooltip = "901";