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

package/dist/css/core.css

@@ -160,7 +160,8 @@
   --calcite-color-low-saturation-violet-l-vv-070: #6f6783;
   --calcite-color-low-saturation-violet-l-vv-080: #504b60;
   --calcite-color-low-saturation-violet-l-vv-090: #322e3d;
-  --calcite-color-low-saturation-violet-l-vv-1000: #13111a;
+  --calcite-color-low-saturation-violet-l-vv-100: #13111a;
+  --calcite-color-low-saturation-violet-l-vv-1000: #13111a; /** deprecated, use --calcite-color-low-saturation-violet-l-vv-100 instead */
   --calcite-color-medium-saturation-blue-m-bb-010: #dfeffa;
   --calcite-color-medium-saturation-blue-m-bb-020: #c8e3f5;
   --calcite-color-medium-saturation-blue-m-bb-030: #b1d8f1;

package/dist/docs/core.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1758065499737,
+  "timestamp": 1758676268064,
   "tokens": [
     {
       "key": "{core.color.neutral.blk-000}",
@@ -4498,10 +4498,40 @@
       "name": "Color Low Saturation Violet L Vv 090",
       "path": ["core", "color", "low-saturation", "violet", "l-vv-090"]
     },
+    {
+      "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,
+      "name": "Color Low Saturation Violet L Vv 100",
+      "path": ["core", "color", "low-saturation", "violet", "l-vv-100"]
+    },
     {
       "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",
@@ -4509,6 +4539,14 @@
         "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)",
@@ -4525,7 +4563,8 @@
       "filePath": "src/tokens/core/color.json",
       "isSource": false,
       "name": "Color Low Saturation Violet L Vv 1000",
-      "path": ["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"
     },
     {
       "key": "{core.color.medium-saturation.blue.m-bb-010}",

package/dist/docs/dark.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1758065497774,
+  "timestamp": 1758676266136,
   "tokens": [
     {
       "key": "{semantic.color.background.default}",

package/dist/docs/global.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1758065499513,
+  "timestamp": 1758676267852,
   "tokens": [
     {
       "key": "{semantic.color.background.default}",

package/dist/docs/light.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1758065498698,
+  "timestamp": 1758676266990,
   "tokens": [
     {
       "key": "{semantic.color.background.default}",

package/dist/docs/semantic.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1758065499678,
+  "timestamp": 1758676268007,
   "tokens": [
     {
       "key": "{semantic.border.width.none}",

package/dist/es6/core.d.ts

@@ -159,6 +159,8 @@ export const calciteColorLowSaturationVioletLVv060: string;
 export const calciteColorLowSaturationVioletLVv070: string;
 export const calciteColorLowSaturationVioletLVv080: string;
 export const calciteColorLowSaturationVioletLVv090: string;
+export const calciteColorLowSaturationVioletLVv100: string;
+/** deprecated, use --calcite-color-low-saturation-violet-l-vv-100 instead */
 export const calciteColorLowSaturationVioletLVv1000: string;
 export const calciteColorMediumSaturationBlueMBb010: string;
 export const calciteColorMediumSaturationBlueMBb020: string;

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";

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;
         };
       };

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",
           },
         },
       },

package/dist/scss/core.scss

@@ -158,7 +158,8 @@ $calcite-color-low-saturation-violet-l-vv-060: #8d84a6;
 $calcite-color-low-saturation-violet-l-vv-070: #6f6783;
 $calcite-color-low-saturation-violet-l-vv-080: #504b60;
 $calcite-color-low-saturation-violet-l-vv-090: #322e3d;
-$calcite-color-low-saturation-violet-l-vv-1000: #13111a;
+$calcite-color-low-saturation-violet-l-vv-100: #13111a;
+$calcite-color-low-saturation-violet-l-vv-1000: #13111a; // deprecated, use --calcite-color-low-saturation-violet-l-vv-100 instead
 $calcite-color-medium-saturation-blue-m-bb-010: #dfeffa;
 $calcite-color-medium-saturation-blue-m-bb-020: #c8e3f5;
 $calcite-color-medium-saturation-blue-m-bb-030: #b1d8f1;

package/dist/scss/index.scss

@@ -3,9 +3,9 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-@import "./semantic.scss";
-@import "./breakpoints.scss";
-@import "./mixins.scss";
+@use "./semantic.scss";
+@use "./breakpoints.scss";
+@use "./mixins.scss";
 @mixin calcite-mode-light {
   --calcite-color-border-white: #ffffff;
   --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-design-tokens",
-  "version": "3.2.0",
+  "version": "4.0.0-next.0",
   "description": "Esri's Calcite Design System Tokens",
   "keywords": [
     "Calcite",
@@ -46,5 +46,5 @@
   "devDependencies": {
     "vitest": "3.2.4"
   },
-  "gitHead": "e5e81153b227c32f15170678b919fb372f3f471c"
+  "gitHead": "30226a03ea1e17f2143a49cf3fa6e95b5941ba2c"
 }