@esri/calcite-design-tokens 3.0.2-next.2 → 3.0.2-next.4

package/dist/docs/semantic.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1743809513250,
+  "timestamp": 1744215170818,
   "tokens": [
     {
       "value": "0",
@@ -111,16 +111,16 @@
     },
     {
       "value": "{\"min\":\"0\",\"max\":\"154px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Small handheld devices and mini-windows",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "height",
         "subitem": "xxs",
         "value": {
@@ -150,16 +150,16 @@
     },
     {
       "value": "{\"min\":\"155px\",\"max\":\"328px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Handheld devices",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "height",
         "subitem": "xs",
         "value": {
@@ -189,16 +189,16 @@
     },
     {
       "value": "{\"min\":\"329px\",\"max\":\"504px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Small tablets",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "height",
         "subitem": "sm",
         "value": {
@@ -228,16 +228,16 @@
     },
     {
       "value": "{\"min\":\"505px\",\"max\":\"678px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Small laptops",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "height",
         "subitem": "md",
         "value": {
@@ -267,16 +267,16 @@
     },
     {
       "value": "{\"min\":\"679px\",\"max\":\"854px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Large laptops and desktop computers",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "height",
         "subitem": "lg",
         "value": {
@@ -306,16 +306,16 @@
     },
     {
       "value": "{\"min\":\"855px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Projectors and televisions",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "height",
         "subitem": "xl",
         "value": {
@@ -344,16 +344,16 @@
     },
     {
       "value": "{\"min\":\"0\",\"max\":\"320px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Small handheld devices and mini-windows",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "width",
         "subitem": "xxs",
         "value": {
@@ -383,16 +383,16 @@
     },
     {
       "value": "{\"min\":\"321px\",\"max\":\"476px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Handheld devices",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "width",
         "subitem": "xs",
         "value": {
@@ -422,16 +422,16 @@
     },
     {
       "value": "{\"min\":\"477px\",\"max\":\"768px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Small tablets",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "width",
         "subitem": "sm",
         "value": {
@@ -461,16 +461,16 @@
     },
     {
       "value": "{\"min\":\"769px\",\"max\":\"1152px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Small laptops",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "width",
         "subitem": "md",
         "value": {
@@ -500,16 +500,16 @@
     },
     {
       "value": "{\"min\":\"1153px\",\"max\":\"1440px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Large laptops and desktop computers",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "width",
         "subitem": "lg",
         "value": {
@@ -539,16 +539,16 @@
     },
     {
       "value": "{\"min\":\"1441px\"}",
-      "type": "breakpoint",
+      "type": "dimension",
       "description": "Projectors and televisions",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "breakpoint"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "breakpoint",
+        "type": "dimension",
         "item": "width",
         "subitem": "xl",
         "value": {
@@ -2596,12 +2596,12 @@
     },
     {
       "value": "1px",
-      "type": "size",
+      "type": "dimension",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "size"
+          "type": "dimension"
         },
         "category": "semantic",
         "type": "size",
@@ -2866,16 +2866,16 @@
     },
     {
       "value": "4px",
-      "type": "space",
+      "type": "dimension",
       "description": "deprecated",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "space",
+        "type": "dimension",
         "item": "fixed",
         "subitem": "xxs",
         "value": "4px",
@@ -2902,16 +2902,16 @@
     },
     {
       "value": "6px",
-      "type": "space",
+      "type": "dimension",
       "description": "deprecated",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "space",
+        "type": "dimension",
         "item": "fixed",
         "subitem": "xs",
         "value": "6px",
@@ -2938,16 +2938,16 @@
     },
     {
       "value": "8px",
-      "type": "space",
+      "type": "dimension",
       "description": "deprecated",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "space",
+        "type": "dimension",
         "item": "fixed",
         "subitem": "sm",
         "value": "8px",
@@ -2974,16 +2974,16 @@
     },
     {
       "value": "12px",
-      "type": "space",
+      "type": "dimension",
       "description": "deprecated",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "space",
+        "type": "dimension",
         "item": "fixed",
         "subitem": "md",
         "value": "12px",
@@ -3010,16 +3010,16 @@
     },
     {
       "value": "14px",
-      "type": "space",
+      "type": "dimension",
       "description": "deprecated",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "space",
+        "type": "dimension",
         "item": "fixed",
         "subitem": "lg",
         "value": "14px",
@@ -3046,16 +3046,16 @@
     },
     {
       "value": "16px",
-      "type": "space",
+      "type": "dimension",
       "description": "deprecated",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "space",
+        "type": "dimension",
         "item": "fixed",
         "subitem": "xl",
         "value": "16px",
@@ -3082,16 +3082,16 @@
     },
     {
       "value": "20px",
-      "type": "space",
+      "type": "dimension",
       "description": "deprecated",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "space",
+        "type": "dimension",
         "item": "fixed",
         "subitem": "xxl",
         "value": "20px",
@@ -3118,16 +3118,16 @@
     },
     {
       "value": "32px",
-      "type": "space",
+      "type": "dimension",
       "description": "deprecated",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
-        "type": "space",
+        "type": "dimension",
         "item": "fixed",
         "subitem": "xxxl",
         "value": "32px",
@@ -3154,12 +3154,12 @@
     },
     {
       "value": "0",
-      "type": "space",
+      "type": "dimension",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
         "type": "spacing",
@@ -3181,12 +3181,12 @@
     },
     {
       "value": "1px",
-      "type": "space",
+      "type": "dimension",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
         "type": "spacing",
@@ -3208,12 +3208,12 @@
     },
     {
       "value": "2px",
-      "type": "space",
+      "type": "dimension",
       "attributes": {
         "calcite-schema": {
           "system": "calcite",
           "tier": "semantic",
-          "type": "space"
+          "type": "dimension"
         },
         "category": "semantic",
         "type": "spacing",

package/dist/es6/dark.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Calcite Design System
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const calciteColorBackground: string;
+export const calciteColorBackgroundNone: string;
+export const calciteColorForeground1: string;
+export const calciteColorForeground2: string;
+export const calciteColorForeground3: string;
+export const calciteColorForegroundCurrent: string;
+export const calciteColorTransparent: string;
+export const calciteColorTransparentHover: string;
+export const calciteColorTransparentPress: string;
+export const calciteColorTransparentScrim: string;
+export const calciteColorTransparentTint: string;
+export const calciteColorBrand: string;
+export const calciteColorBrandHover: string;
+export const calciteColorBrandPress: string;
+export const calciteColorBrandUnderline: string;
+export const calciteColorStatusInfo: string;
+export const calciteColorStatusInfoHover: string;
+export const calciteColorStatusInfoPress: string;
+export const calciteColorStatusSuccess: string;
+export const calciteColorStatusSuccessHover: string;
+export const calciteColorStatusSuccessPress: string;
+export const calciteColorStatusWarning: string;
+export const calciteColorStatusWarningHover: string;
+export const calciteColorStatusWarningPress: string;
+export const calciteColorStatusDanger: string;
+export const calciteColorStatusDangerHover: string;
+export const calciteColorStatusDangerPress: string;
+export const calciteColorInverse: string;
+export const calciteColorInverseHover: string;
+export const calciteColorInversePress: string;
+export const calciteColorText1: string;
+export const calciteColorText2: string;
+export const calciteColorText3: string;
+export const calciteColorTextInverse: string;
+export const calciteColorTextLink: string;
+export const calciteColorBorder1: string;
+export const calciteColorBorder2: string;
+export const calciteColorBorder3: string;
+export const calciteColorBorderInput: string;
+export const calciteColorBorderGhost: string;
+export const calciteColorBorderWhite: string;

package/dist/es6/dark.js

@@ -0,0 +1,46 @@
+/**
+ * Calcite Design System
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const calciteColorBackground = "#353535";
+export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
+export const calciteColorForeground1 = "#2b2b2b";
+export const calciteColorForeground2 = "#202020";
+export const calciteColorForeground3 = "#151515";
+export const calciteColorForegroundCurrent = "#214155";
+export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
+export const calciteColorTransparentHover = "rgba(255, 255, 255, 0.04)";
+export const calciteColorTransparentPress = "rgba(255, 255, 255, 0.08)";
+export const calciteColorTransparentScrim = "rgba(0, 0, 0, 0.85)";
+export const calciteColorTransparentTint = "rgba(43, 43, 43, 0.8)";
+export const calciteColorBrand = "#009af2";
+export const calciteColorBrandHover = "#007ac2";
+export const calciteColorBrandPress = "#00619b";
+export const calciteColorBrandUnderline = "rgba(0, 160, 255, 0.4)";
+export const calciteColorStatusInfo = "#00a0ff";
+export const calciteColorStatusInfoHover = "#3db8ff";
+export const calciteColorStatusInfoPress = "#009af2";
+export const calciteColorStatusSuccess = "#36da43";
+export const calciteColorStatusSuccessHover = "#3bed52";
+export const calciteColorStatusSuccessPress = "#00b81b";
+export const calciteColorStatusWarning = "#ffc900";
+export const calciteColorStatusWarningHover = "#ffee33";
+export const calciteColorStatusWarningPress = "#f5d000";
+export const calciteColorStatusDanger = "#fe583e";
+export const calciteColorStatusDangerHover = "#ff0015";
+export const calciteColorStatusDangerPress = "#d90012";
+export const calciteColorInverse = "#f8f8f8";
+export const calciteColorInverseHover = "#ffffff";
+export const calciteColorInversePress = "#f3f3f3";
+export const calciteColorText1 = "#ffffff";
+export const calciteColorText2 = "#bfbfbf";
+export const calciteColorText3 = "#9f9f9f";
+export const calciteColorTextInverse = "#151515";
+export const calciteColorTextLink = "#00a0ff";
+export const calciteColorBorder1 = "#555555";
+export const calciteColorBorder2 = "#4a4a4a";
+export const calciteColorBorder3 = "#404040";
+export const calciteColorBorderInput = "#757575";
+export const calciteColorBorderGhost = "rgba(117, 117, 117, 0.3)";
+export const calciteColorBorderWhite = "#f8f8f8";

package/dist/es6/global.d.ts

@@ -4,10 +4,6 @@
  * 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;
 export const calciteColorBackground: { light: string; dark: string };
 export const calciteColorBackgroundNone: string;
 export const calciteColorForeground1: { light: string; dark: string };
@@ -48,10 +44,11 @@ export const calciteColorBorder2: { light: string; dark: string };
 export const calciteColorBorder3: { light: string; dark: string };
 export const calciteColorBorderInput: { light: string; dark: string };
 export const calciteColorBorderGhost: { light: string; dark: string };
-export const calciteColorBorderWhite: {
-  light: string;
-  dark: string;
-}; /** Small handheld devices and mini-windows */
+export const calciteColorBorderWhite: { light: string; dark: string };
+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;

package/dist/es6/global.js

@@ -4,10 +4,6 @@
  * 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 calciteColorBackground = { light: "#f8f8f8", dark: "#353535" };
 export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
 export const calciteColorForeground1 = { light: "#ffffff", dark: "#2b2b2b" };
@@ -97,6 +93,10 @@ export const calciteColorBorderGhost = {
   dark: "rgba(117, 117, 117, 0.3)",
 };
 export const calciteColorBorderWhite = { light: "#ffffff", dark: "#f8f8f8" };
+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

package/dist/es6/light.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Calcite Design System
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const calciteColorBackground: string;
+export const calciteColorBackgroundNone: string;
+export const calciteColorForeground1: string;
+export const calciteColorForeground2: string;
+export const calciteColorForeground3: string;
+export const calciteColorForegroundCurrent: string;
+export const calciteColorTransparent: string;
+export const calciteColorTransparentHover: string;
+export const calciteColorTransparentPress: string;
+export const calciteColorTransparentScrim: string;
+export const calciteColorTransparentTint: string;
+export const calciteColorBrand: string;
+export const calciteColorBrandHover: string;
+export const calciteColorBrandPress: string;
+export const calciteColorBrandUnderline: string;
+export const calciteColorStatusInfo: string;
+export const calciteColorStatusInfoHover: string;
+export const calciteColorStatusInfoPress: string;
+export const calciteColorStatusSuccess: string;
+export const calciteColorStatusSuccessHover: string;
+export const calciteColorStatusSuccessPress: string;
+export const calciteColorStatusWarning: string;
+export const calciteColorStatusWarningHover: string;
+export const calciteColorStatusWarningPress: string;
+export const calciteColorStatusDanger: string;
+export const calciteColorStatusDangerHover: string;
+export const calciteColorStatusDangerPress: string;
+export const calciteColorInverse: string;
+export const calciteColorInverseHover: string;
+export const calciteColorInversePress: string;
+export const calciteColorText1: string;
+export const calciteColorText2: string;
+export const calciteColorText3: string;
+export const calciteColorTextInverse: string;
+export const calciteColorTextLink: string;
+export const calciteColorBorder1: string;
+export const calciteColorBorder2: string;
+export const calciteColorBorder3: string;
+export const calciteColorBorderInput: string;
+export const calciteColorBorderGhost: string;
+export const calciteColorBorderWhite: string;