@esri/calcite-design-tokens 4.0.0-next.3 → 4.0.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/css/dark.css +5 -5
  2. package/dist/css/index.css +10 -10
  3. package/dist/docs/core.json +1 -1
  4. package/dist/docs/dark.json +6 -6
  5. package/dist/docs/global.json +6 -6
  6. package/dist/docs/light.json +1 -1
  7. package/dist/docs/semantic.json +1 -1
  8. package/dist/es6/dark.js +5 -5
  9. package/dist/es6/global.js +5 -5
  10. package/dist/scss/dark.scss +5 -5
  11. package/dist/scss/index.scss +5 -5
  12. package/package.json +2 -2
package/dist/css/dark.css CHANGED
@@ -4,11 +4,11 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-color-background: #363636;
7
+ --calcite-color-background: #212121;
8
8
  --calcite-color-background-none: rgba(255, 255, 255, 0);
9
9
  --calcite-color-foreground-1: #2b2b2b;
10
- --calcite-color-foreground-2: #212121;
11
- --calcite-color-foreground-3: #141414;
10
+ --calcite-color-foreground-2: #363636;
11
+ --calcite-color-foreground-3: #404040;
12
12
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
13
13
  --calcite-color-surface-highlight: #2b465f;
14
14
  --calcite-color-transparent: rgba(255, 255, 255, 0);
@@ -35,8 +35,8 @@
35
35
  --calcite-color-status-danger-hover: #ff0015;
36
36
  --calcite-color-status-danger-press: #d90012;
37
37
  --calcite-color-inverse: #f7f7f7;
38
- --calcite-color-inverse-hover: #ffffff;
39
- --calcite-color-inverse-press: #f2f2f2;
38
+ --calcite-color-inverse-hover: #f2f2f2;
39
+ --calcite-color-inverse-press: #ebebeb;
40
40
  --calcite-color-text-1: #ffffff;
41
41
  --calcite-color-text-2: #bfbfbf;
42
42
  --calcite-color-text-3: #9e9e9e;
package/dist/css/index.css CHANGED
@@ -115,8 +115,8 @@
115
115
  --calcite-color-text-3: #9e9e9e;
116
116
  --calcite-color-text-2: #bfbfbf;
117
117
  --calcite-color-text-1: #ffffff;
118
- --calcite-color-inverse-press: #f2f2f2;
119
- --calcite-color-inverse-hover: #ffffff;
118
+ --calcite-color-inverse-press: #ebebeb;
119
+ --calcite-color-inverse-hover: #f2f2f2;
120
120
  --calcite-color-inverse: #f7f7f7;
121
121
  --calcite-color-status-danger-press: #d90012;
122
122
  --calcite-color-status-danger-hover: #ff0015;
@@ -143,11 +143,11 @@
143
143
  --calcite-color-transparent: rgba(255, 255, 255, 0);
144
144
  --calcite-color-surface-highlight: #2b465f;
145
145
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
146
- --calcite-color-foreground-3: #141414;
147
- --calcite-color-foreground-2: #212121;
146
+ --calcite-color-foreground-3: #404040;
147
+ --calcite-color-foreground-2: #363636;
148
148
  --calcite-color-foreground-1: #2b2b2b;
149
149
  --calcite-color-background-none: rgba(255, 255, 255, 0);
150
- --calcite-color-background: #363636;
150
+ --calcite-color-background: #212121;
151
151
  }
152
152
  }
153
153
  .calcite-mode-light {
@@ -210,8 +210,8 @@
210
210
  --calcite-color-text-3: #9e9e9e;
211
211
  --calcite-color-text-2: #bfbfbf;
212
212
  --calcite-color-text-1: #ffffff;
213
- --calcite-color-inverse-press: #f2f2f2;
214
- --calcite-color-inverse-hover: #ffffff;
213
+ --calcite-color-inverse-press: #ebebeb;
214
+ --calcite-color-inverse-hover: #f2f2f2;
215
215
  --calcite-color-inverse: #f7f7f7;
216
216
  --calcite-color-status-danger-press: #d90012;
217
217
  --calcite-color-status-danger-hover: #ff0015;
@@ -238,9 +238,9 @@
238
238
  --calcite-color-transparent: rgba(255, 255, 255, 0);
239
239
  --calcite-color-surface-highlight: #2b465f;
240
240
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
241
- --calcite-color-foreground-3: #141414;
242
- --calcite-color-foreground-2: #212121;
241
+ --calcite-color-foreground-3: #404040;
242
+ --calcite-color-foreground-2: #363636;
243
243
  --calcite-color-foreground-1: #2b2b2b;
244
244
  --calcite-color-background-none: rgba(255, 255, 255, 0);
245
- --calcite-color-background: #363636;
245
+ --calcite-color-background: #212121;
246
246
  }
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1760396751797,
2
+ "timestamp": 1760543353914,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{core.color.neutral.blk-000}",
package/dist/docs/dark.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
- "timestamp": 1760396750288,
2
+ "timestamp": 1760543352358,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
6
- "value": "#363636",
6
+ "value": "#212121",
7
7
  "type": "color",
8
8
  "attributes": {
9
9
  "category": "color",
@@ -84,7 +84,7 @@
84
84
  },
85
85
  {
86
86
  "key": "{semantic.color.foreground.2}",
87
- "value": "#212121",
87
+ "value": "#363636",
88
88
  "type": "color",
89
89
  "attributes": {
90
90
  "category": "color",
@@ -111,7 +111,7 @@
111
111
  },
112
112
  {
113
113
  "key": "{semantic.color.foreground.3}",
114
- "value": "#141414",
114
+ "value": "#404040",
115
115
  "type": "color",
116
116
  "attributes": {
117
117
  "category": "color",
@@ -884,7 +884,7 @@
884
884
  },
885
885
  {
886
886
  "key": "{semantic.color.inverse.hover}",
887
- "value": "#ffffff",
887
+ "value": "#f2f2f2",
888
888
  "type": "color",
889
889
  "attributes": {
890
890
  "category": "color",
@@ -911,7 +911,7 @@
911
911
  },
912
912
  {
913
913
  "key": "{semantic.color.inverse.press}",
914
- "value": "#f2f2f2",
914
+ "value": "#ebebeb",
915
915
  "type": "color",
916
916
  "attributes": {
917
917
  "category": "color",
package/dist/docs/global.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
- "timestamp": 1760396751538,
2
+ "timestamp": 1760543353670,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
6
- "value": "{\"light\":\"#f7f7f7\",\"dark\":\"#363636\"}",
6
+ "value": "{\"light\":\"#f7f7f7\",\"dark\":\"#212121\"}",
7
7
  "type": "color",
8
8
  "attributes": {
9
9
  "category": "color",
@@ -84,7 +84,7 @@
84
84
  },
85
85
  {
86
86
  "key": "{semantic.color.foreground.2}",
87
- "value": "{\"light\":\"#f2f2f2\",\"dark\":\"#212121\"}",
87
+ "value": "{\"light\":\"#f2f2f2\",\"dark\":\"#363636\"}",
88
88
  "type": "color",
89
89
  "attributes": {
90
90
  "category": "color",
@@ -111,7 +111,7 @@
111
111
  },
112
112
  {
113
113
  "key": "{semantic.color.foreground.3}",
114
- "value": "{\"light\":\"#ebebeb\",\"dark\":\"#141414\"}",
114
+ "value": "{\"light\":\"#ebebeb\",\"dark\":\"#404040\"}",
115
115
  "type": "color",
116
116
  "attributes": {
117
117
  "category": "color",
@@ -884,7 +884,7 @@
884
884
  },
885
885
  {
886
886
  "key": "{semantic.color.inverse.hover}",
887
- "value": "{\"light\":\"#2b2b2b\",\"dark\":\"#ffffff\"}",
887
+ "value": "{\"light\":\"#2b2b2b\",\"dark\":\"#f2f2f2\"}",
888
888
  "type": "color",
889
889
  "attributes": {
890
890
  "category": "color",
@@ -911,7 +911,7 @@
911
911
  },
912
912
  {
913
913
  "key": "{semantic.color.inverse.press}",
914
- "value": "{\"light\":\"#212121\",\"dark\":\"#f2f2f2\"}",
914
+ "value": "{\"light\":\"#212121\",\"dark\":\"#ebebeb\"}",
915
915
  "type": "color",
916
916
  "attributes": {
917
917
  "category": "color",
package/dist/docs/light.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1760396750912,
2
+ "timestamp": 1760543353035,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
package/dist/docs/semantic.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1760396751752,
2
+ "timestamp": 1760543353868,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.border.width.none}",
package/dist/es6/dark.js CHANGED
@@ -3,11 +3,11 @@
3
3
  * Do not edit directly, this file was auto-generated.
4
4
  */
5
5
 
6
- export const calciteColorBackground = "#363636";
6
+ export const calciteColorBackground = "#212121";
7
7
  export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
8
8
  export const calciteColorForeground1 = "#2b2b2b";
9
- export const calciteColorForeground2 = "#212121";
10
- export const calciteColorForeground3 = "#141414";
9
+ export const calciteColorForeground2 = "#363636";
10
+ export const calciteColorForeground3 = "#404040";
11
11
  export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-surface-highlight instead
12
12
  export const calciteColorSurfaceHighlight = "#2b465f";
13
13
  export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
@@ -34,8 +34,8 @@ export const calciteColorStatusDanger = "#fe583e";
34
34
  export const calciteColorStatusDangerHover = "#ff0015";
35
35
  export const calciteColorStatusDangerPress = "#d90012";
36
36
  export const calciteColorInverse = "#f7f7f7";
37
- export const calciteColorInverseHover = "#ffffff";
38
- export const calciteColorInversePress = "#f2f2f2";
37
+ export const calciteColorInverseHover = "#f2f2f2";
38
+ export const calciteColorInversePress = "#ebebeb";
39
39
  export const calciteColorText1 = "#ffffff";
40
40
  export const calciteColorText2 = "#bfbfbf";
41
41
  export const calciteColorText3 = "#9e9e9e";
package/dist/es6/global.js CHANGED
@@ -4,11 +4,11 @@
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
6
6
 
7
- export const calciteColorBackground = { light: "#f7f7f7", dark: "#363636" };
7
+ export const calciteColorBackground = { light: "#f7f7f7", dark: "#212121" };
8
8
  export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
9
9
  export const calciteColorForeground1 = { light: "#ffffff", dark: "#2b2b2b" };
10
- export const calciteColorForeground2 = { light: "#f2f2f2", dark: "#212121" };
11
- export const calciteColorForeground3 = { light: "#ebebeb", dark: "#141414" };
10
+ export const calciteColorForeground2 = { light: "#f2f2f2", dark: "#363636" };
11
+ export const calciteColorForeground3 = { light: "#ebebeb", dark: "#404040" };
12
12
  export const calciteColorForegroundCurrent = {
13
13
  light: "#d6efff",
14
14
  dark: "#2b465f",
@@ -89,8 +89,8 @@ export const calciteColorStatusDangerPress = {
89
89
  dark: "#d90012",
90
90
  };
91
91
  export const calciteColorInverse = { light: "#363636", dark: "#f7f7f7" };
92
- export const calciteColorInverseHover = { light: "#2b2b2b", dark: "#ffffff" };
93
- export const calciteColorInversePress = { light: "#212121", dark: "#f2f2f2" };
92
+ export const calciteColorInverseHover = { light: "#2b2b2b", dark: "#f2f2f2" };
93
+ export const calciteColorInversePress = { light: "#212121", dark: "#ebebeb" };
94
94
  export const calciteColorText1 = { light: "#141414", dark: "#ffffff" };
95
95
  export const calciteColorText2 = { light: "#4a4a4a", dark: "#bfbfbf" };
96
96
  export const calciteColorText3 = { light: "#6b6b6b", dark: "#9e9e9e" };
package/dist/scss/dark.scss CHANGED
@@ -2,11 +2,11 @@
2
2
  // Calcite Design System
3
3
  // Do not edit directly, this file was auto-generated.
4
4
 
5
- $calcite-color-background: #363636;
5
+ $calcite-color-background: #212121;
6
6
  $calcite-color-background-none: rgba(255, 255, 255, 0);
7
7
  $calcite-color-foreground-1: #2b2b2b;
8
- $calcite-color-foreground-2: #212121;
9
- $calcite-color-foreground-3: #141414;
8
+ $calcite-color-foreground-2: #363636;
9
+ $calcite-color-foreground-3: #404040;
10
10
  $calcite-color-foreground-current: #2b465f; // deprecated, use --calcite-color-surface-highlight instead
11
11
  $calcite-color-surface-highlight: #2b465f;
12
12
  $calcite-color-transparent: rgba(255, 255, 255, 0);
@@ -33,8 +33,8 @@ $calcite-color-status-danger: #fe583e;
33
33
  $calcite-color-status-danger-hover: #ff0015;
34
34
  $calcite-color-status-danger-press: #d90012;
35
35
  $calcite-color-inverse: #f7f7f7;
36
- $calcite-color-inverse-hover: #ffffff;
37
- $calcite-color-inverse-press: #f2f2f2;
36
+ $calcite-color-inverse-hover: #f2f2f2;
37
+ $calcite-color-inverse-press: #ebebeb;
38
38
  $calcite-color-text-1: #ffffff;
39
39
  $calcite-color-text-2: #bfbfbf;
40
40
  $calcite-color-text-3: #9e9e9e;
package/dist/scss/index.scss CHANGED
@@ -66,8 +66,8 @@
66
66
  --calcite-color-text-3: #9e9e9e;
67
67
  --calcite-color-text-2: #bfbfbf;
68
68
  --calcite-color-text-1: #ffffff;
69
- --calcite-color-inverse-press: #f2f2f2;
70
- --calcite-color-inverse-hover: #ffffff;
69
+ --calcite-color-inverse-press: #ebebeb;
70
+ --calcite-color-inverse-hover: #f2f2f2;
71
71
  --calcite-color-inverse: #f7f7f7;
72
72
  --calcite-color-status-danger-press: #d90012;
73
73
  --calcite-color-status-danger-hover: #ff0015;
@@ -94,9 +94,9 @@
94
94
  --calcite-color-transparent: rgba(255, 255, 255, 0);
95
95
  --calcite-color-surface-highlight: #2b465f;
96
96
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
97
- --calcite-color-foreground-3: #141414;
98
- --calcite-color-foreground-2: #212121;
97
+ --calcite-color-foreground-3: #404040;
98
+ --calcite-color-foreground-2: #363636;
99
99
  --calcite-color-foreground-1: #2b2b2b;
100
100
  --calcite-color-background-none: rgba(255, 255, 255, 0);
101
- --calcite-color-background: #363636;
101
+ --calcite-color-background: #212121;
102
102
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "4.0.0-next.3",
3
+ "version": "4.0.0-next.4",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -46,5 +46,5 @@
46
46
  "devDependencies": {
47
47
  "vitest": "3.2.4"
48
48
  },
49
- "gitHead": "35609839c5c15e4aaa0e30cf991c47cc05c23a51"
49
+ "gitHead": "2017e3db76223cfc9b6d1a624fbc1cd78c6e6c57"
50
50
  }