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

package/dist/js/global.js

@@ -10,8 +10,8 @@ export default {
       background: {
         default: {
           value: {
-            light: "#f8f8f8",
-            dark: "#353535",
+            light: "#f7f7f7",
+            dark: "#363636",
           },
           type: "color",
           attributes: {
@@ -120,8 +120,8 @@ export default {
         },
         2: {
           value: {
-            light: "#f3f3f3",
-            dark: "#202020",
+            light: "#f2f2f2",
+            dark: "#212121",
           },
           type: "color",
           attributes: {
@@ -157,8 +157,8 @@ export default {
         },
         3: {
           value: {
-            light: "#eaeaea",
-            dark: "#151515",
+            light: "#ebebeb",
+            dark: "#141414",
           },
           type: "color",
           attributes: {
@@ -1125,8 +1125,8 @@ export default {
       inverse: {
         default: {
           value: {
-            light: "#353535",
-            dark: "#f8f8f8",
+            light: "#363636",
+            dark: "#f7f7f7",
           },
           type: "color",
           attributes: {
@@ -1199,8 +1199,8 @@ export default {
         },
         press: {
           value: {
-            light: "#202020",
-            dark: "#f3f3f3",
+            light: "#212121",
+            dark: "#f2f2f2",
           },
           type: "color",
           attributes: {
@@ -1238,7 +1238,7 @@ export default {
       text: {
         1: {
           value: {
-            light: "#151515",
+            light: "#141414",
             dark: "#ffffff",
           },
           type: "color",
@@ -1312,8 +1312,8 @@ export default {
         },
         3: {
           value: {
-            light: "#6a6a6a",
-            dark: "#9f9f9f",
+            light: "#6b6b6b",
+            dark: "#9e9e9e",
           },
           type: "color",
           attributes: {
@@ -1350,7 +1350,7 @@ export default {
         inverse: {
           value: {
             light: "#ffffff",
-            dark: "#151515",
+            dark: "#141414",
           },
           type: "color",
           attributes: {
@@ -1425,8 +1425,8 @@ export default {
       border: {
         1: {
           value: {
-            light: "#cacaca",
-            dark: "#555555",
+            light: "#c9c9c9",
+            dark: "#545454",
           },
           type: "color",
           attributes: {
@@ -1499,7 +1499,7 @@ export default {
         },
         3: {
           value: {
-            light: "#dfdfdf",
+            light: "#dedede",
             dark: "#404040",
           },
           type: "color",
@@ -1611,7 +1611,7 @@ export default {
         white: {
           value: {
             light: "#ffffff",
-            dark: "#f8f8f8",
+            dark: "#f7f7f7",
           },
           type: "color",
           attributes: {

package/dist/js/light.js

@@ -8,7 +8,7 @@ export default {
     color: {
       background: {
         default: {
-          value: "#f8f8f8",
+          value: "#f7f7f7",
           type: "color",
           attributes: {
             category: "color",
@@ -112,7 +112,7 @@ export default {
           key: "{semantic.color.foreground.1}",
         },
         2: {
-          value: "#f3f3f3",
+          value: "#f2f2f2",
           type: "color",
           attributes: {
             category: "color",
@@ -146,7 +146,7 @@ export default {
           key: "{semantic.color.foreground.2}",
         },
         3: {
-          value: "#eaeaea",
+          value: "#ebebeb",
           type: "color",
           attributes: {
             category: "color",
@@ -1039,7 +1039,7 @@ export default {
       },
       inverse: {
         default: {
-          value: "#353535",
+          value: "#363636",
           type: "color",
           attributes: {
             category: "color",
@@ -1107,7 +1107,7 @@ export default {
           key: "{semantic.color.inverse.hover}",
         },
         press: {
-          value: "#202020",
+          value: "#212121",
           type: "color",
           attributes: {
             category: "color",
@@ -1143,7 +1143,7 @@ export default {
       },
       text: {
         1: {
-          value: "#151515",
+          value: "#141414",
           type: "color",
           attributes: {
             category: "color",
@@ -1211,7 +1211,7 @@ export default {
           key: "{semantic.color.text.2}",
         },
         3: {
-          value: "#6a6a6a",
+          value: "#6b6b6b",
           type: "color",
           attributes: {
             category: "color",
@@ -1315,7 +1315,7 @@ export default {
       },
       border: {
         1: {
-          value: "#cacaca",
+          value: "#c9c9c9",
           type: "color",
           attributes: {
             category: "color",
@@ -1383,7 +1383,7 @@ export default {
           key: "{semantic.color.border.2}",
         },
         3: {
-          value: "#dfdfdf",
+          value: "#dedede",
           type: "color",
           attributes: {
             category: "color",

package/dist/scss/core.scss

@@ -3,31 +3,31 @@
 // Do not edit directly, this file was auto-generated.
 
 $calcite-color-neutral-blk-000: #ffffff;
-$calcite-color-neutral-blk-005: #f8f8f8;
-$calcite-color-neutral-blk-010: #f3f3f3;
-$calcite-color-neutral-blk-020: #eaeaea;
-$calcite-color-neutral-blk-030: #dfdfdf;
+$calcite-color-neutral-blk-005: #f7f7f7;
+$calcite-color-neutral-blk-010: #f2f2f2;
+$calcite-color-neutral-blk-020: #ebebeb;
+$calcite-color-neutral-blk-030: #dedede;
 $calcite-color-neutral-blk-040: #d4d4d4;
-$calcite-color-neutral-blk-050: #cacaca;
+$calcite-color-neutral-blk-050: #c9c9c9;
 $calcite-color-neutral-blk-060: #bfbfbf;
 $calcite-color-neutral-blk-070: #b5b5b5;
-$calcite-color-neutral-blk-080: #aaaaaa;
-$calcite-color-neutral-blk-090: #9f9f9f;
+$calcite-color-neutral-blk-080: #ababab;
+$calcite-color-neutral-blk-090: #9e9e9e;
 $calcite-color-neutral-blk-100: #949494;
 $calcite-color-neutral-blk-110: #8a8a8a;
 $calcite-color-neutral-blk-120: #808080;
 $calcite-color-neutral-blk-130: #757575;
-$calcite-color-neutral-blk-140: #6a6a6a;
-$calcite-color-neutral-blk-150: #606060;
-$calcite-color-neutral-blk-160: #555555;
+$calcite-color-neutral-blk-140: #6b6b6b;
+$calcite-color-neutral-blk-150: #616161;
+$calcite-color-neutral-blk-160: #545454;
 $calcite-color-neutral-blk-170: #4a4a4a;
 $calcite-color-neutral-blk-180: #404040;
-$calcite-color-neutral-blk-190: #353535;
+$calcite-color-neutral-blk-190: #363636;
 $calcite-color-neutral-blk-200: #2b2b2b;
-$calcite-color-neutral-blk-210: #202020;
-$calcite-color-neutral-blk-220: #151515;
-$calcite-color-neutral-blk-230: #0b0b0b;
-$calcite-color-neutral-blk-235: #060606;
+$calcite-color-neutral-blk-210: #212121;
+$calcite-color-neutral-blk-220: #141414;
+$calcite-color-neutral-blk-230: #0a0a0a;
+$calcite-color-neutral-blk-235: #050505;
 $calcite-color-neutral-blk-240: #000000;
 $calcite-color-low-saturation-blue-l-bb-010: #edf3f7;
 $calcite-color-low-saturation-blue-l-bb-020: #d7e1e7;

package/dist/scss/dark.scss

@@ -2,11 +2,11 @@
 // Calcite Design System
 // Do not edit directly, this file was auto-generated.
 
-$calcite-color-background: #353535;
+$calcite-color-background: #363636;
 $calcite-color-background-none: rgba(255, 255, 255, 0);
 $calcite-color-foreground-1: #2b2b2b;
-$calcite-color-foreground-2: #202020;
-$calcite-color-foreground-3: #151515;
+$calcite-color-foreground-2: #212121;
+$calcite-color-foreground-3: #141414;
 $calcite-color-foreground-current: #214155;
 $calcite-color-transparent: rgba(255, 255, 255, 0);
 $calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
@@ -31,17 +31,17 @@ $calcite-color-status-warning-press: #f5d000;
 $calcite-color-status-danger: #fe583e;
 $calcite-color-status-danger-hover: #ff0015;
 $calcite-color-status-danger-press: #d90012;
-$calcite-color-inverse: #f8f8f8;
+$calcite-color-inverse: #f7f7f7;
 $calcite-color-inverse-hover: #ffffff;
-$calcite-color-inverse-press: #f3f3f3;
+$calcite-color-inverse-press: #f2f2f2;
 $calcite-color-text-1: #ffffff;
 $calcite-color-text-2: #bfbfbf;
-$calcite-color-text-3: #9f9f9f;
-$calcite-color-text-inverse: #151515;
+$calcite-color-text-3: #9e9e9e;
+$calcite-color-text-inverse: #141414;
 $calcite-color-text-link: #00a0ff;
-$calcite-color-border-1: #555555;
+$calcite-color-border-1: #545454;
 $calcite-color-border-2: #4a4a4a;
 $calcite-color-border-3: #404040;
 $calcite-color-border-input: #757575;
 $calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
-$calcite-color-border-white: #f8f8f8;
+$calcite-color-border-white: #f7f7f7;

package/dist/scss/index.scss

@@ -10,17 +10,17 @@
   --calcite-color-border-white: #ffffff;
   --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
   --calcite-color-border-input: #949494;
-  --calcite-color-border-3: #dfdfdf;
+  --calcite-color-border-3: #dedede;
   --calcite-color-border-2: #d4d4d4;
-  --calcite-color-border-1: #cacaca;
+  --calcite-color-border-1: #c9c9c9;
   --calcite-color-text-link: #00619b;
   --calcite-color-text-inverse: #ffffff;
-  --calcite-color-text-3: #6a6a6a;
+  --calcite-color-text-3: #6b6b6b;
   --calcite-color-text-2: #4a4a4a;
-  --calcite-color-text-1: #151515;
-  --calcite-color-inverse-press: #202020;
+  --calcite-color-text-1: #141414;
+  --calcite-color-inverse-press: #212121;
   --calcite-color-inverse-hover: #2b2b2b;
-  --calcite-color-inverse: #353535;
+  --calcite-color-inverse: #363636;
   --calcite-color-status-danger-press: #7c1d13;
   --calcite-color-status-danger-hover: #a82b1e;
   --calcite-color-status-danger: #d83020;
@@ -45,28 +45,28 @@
   --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
   --calcite-color-transparent: rgba(0, 0, 0, 0);
   --calcite-color-foreground-current: #c7eaff;
-  --calcite-color-foreground-3: #eaeaea;
-  --calcite-color-foreground-2: #f3f3f3;
+  --calcite-color-foreground-3: #ebebeb;
+  --calcite-color-foreground-2: #f2f2f2;
   --calcite-color-foreground-1: #ffffff;
   --calcite-color-background-none: rgba(255, 255, 255, 0);
-  --calcite-color-background: #f8f8f8;
+  --calcite-color-background: #f7f7f7;
 }
 @mixin calcite-mode-dark {
   --calcite-color-foreground-current: #214155;
-  --calcite-color-border-white: #f8f8f8;
+  --calcite-color-border-white: #f7f7f7;
   --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
   --calcite-color-border-input: #757575;
   --calcite-color-border-3: #404040;
   --calcite-color-border-2: #4a4a4a;
-  --calcite-color-border-1: #555555;
+  --calcite-color-border-1: #545454;
   --calcite-color-text-link: #00a0ff;
-  --calcite-color-text-inverse: #151515;
-  --calcite-color-text-3: #9f9f9f;
+  --calcite-color-text-inverse: #141414;
+  --calcite-color-text-3: #9e9e9e;
   --calcite-color-text-2: #bfbfbf;
   --calcite-color-text-1: #ffffff;
-  --calcite-color-inverse-press: #f3f3f3;
+  --calcite-color-inverse-press: #f2f2f2;
   --calcite-color-inverse-hover: #ffffff;
-  --calcite-color-inverse: #f8f8f8;
+  --calcite-color-inverse: #f7f7f7;
   --calcite-color-status-danger-press: #d90012;
   --calcite-color-status-danger-hover: #ff0015;
   --calcite-color-status-danger: #fe583e;
@@ -90,9 +90,9 @@
   --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
   --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
   --calcite-color-transparent: rgba(255, 255, 255, 0);
-  --calcite-color-foreground-3: #151515;
-  --calcite-color-foreground-2: #202020;
+  --calcite-color-foreground-3: #141414;
+  --calcite-color-foreground-2: #212121;
   --calcite-color-foreground-1: #2b2b2b;
   --calcite-color-background-none: rgba(255, 255, 255, 0);
-  --calcite-color-background: #353535;
+  --calcite-color-background: #363636;
 }

package/dist/scss/light.scss

@@ -2,11 +2,11 @@
 // Calcite Design System
 // Do not edit directly, this file was auto-generated.
 
-$calcite-color-background: #f8f8f8;
+$calcite-color-background: #f7f7f7;
 $calcite-color-background-none: rgba(255, 255, 255, 0);
 $calcite-color-foreground-1: #ffffff;
-$calcite-color-foreground-2: #f3f3f3;
-$calcite-color-foreground-3: #eaeaea;
+$calcite-color-foreground-2: #f2f2f2;
+$calcite-color-foreground-3: #ebebeb;
 $calcite-color-foreground-current: #c7eaff;
 $calcite-color-transparent: rgba(0, 0, 0, 0);
 $calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
@@ -31,17 +31,17 @@ $calcite-color-status-warning-press: #bfa200;
 $calcite-color-status-danger: #d83020;
 $calcite-color-status-danger-hover: #a82b1e;
 $calcite-color-status-danger-press: #7c1d13;
-$calcite-color-inverse: #353535;
+$calcite-color-inverse: #363636;
 $calcite-color-inverse-hover: #2b2b2b;
-$calcite-color-inverse-press: #202020;
-$calcite-color-text-1: #151515;
+$calcite-color-inverse-press: #212121;
+$calcite-color-text-1: #141414;
 $calcite-color-text-2: #4a4a4a;
-$calcite-color-text-3: #6a6a6a;
+$calcite-color-text-3: #6b6b6b;
 $calcite-color-text-inverse: #ffffff;
 $calcite-color-text-link: #00619b;
-$calcite-color-border-1: #cacaca;
+$calcite-color-border-1: #c9c9c9;
 $calcite-color-border-2: #d4d4d4;
-$calcite-color-border-3: #dfdfdf;
+$calcite-color-border-3: #dedede;
 $calcite-color-border-input: #949494;
 $calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
 $calcite-color-border-white: #ffffff;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-design-tokens",
-  "version": "3.1.0-next.0",
+  "version": "3.1.0-next.1",
   "description": "Esri's Calcite Design System Tokens",
   "keywords": [
     "Calcite",
@@ -42,5 +42,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "e5b2af3b9a92d3d3b82adbacea032b437ce894aa"
+  "gitHead": "67b869e28a4b9ed11656bcd364c9e9038d015c4e"
 }