@esri/calcite-design-tokens 3.2.0-next.7 → 3.2.0-next.8

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 (24) hide show
  1. package/dist/css/dark.css +1 -1
  2. package/dist/css/index.css +5 -5
  3. package/dist/css/light.css +1 -1
  4. package/dist/docs/core.json +1 -1
  5. package/dist/docs/dark.json +10 -10
  6. package/dist/docs/global.json +10 -10
  7. package/dist/docs/light.json +10 -10
  8. package/dist/docs/semantic.json +1 -1
  9. package/dist/es6/dark.d.ts +1 -1
  10. package/dist/es6/dark.js +1 -1
  11. package/dist/es6/global.d.ts +1 -1
  12. package/dist/es6/global.js +1 -1
  13. package/dist/es6/light.d.ts +1 -1
  14. package/dist/es6/light.js +1 -1
  15. package/dist/js/dark.d.ts +1 -1
  16. package/dist/js/dark.js +12 -10
  17. package/dist/js/global.d.ts +2 -0
  18. package/dist/js/global.js +12 -10
  19. package/dist/js/light.d.ts +1 -1
  20. package/dist/js/light.js +12 -10
  21. package/dist/scss/dark.scss +1 -1
  22. package/dist/scss/index.scss +2 -2
  23. package/dist/scss/light.scss +1 -1
  24. package/package.json +2 -2
package/dist/css/dark.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --calcite-color-foreground-2: #212121;
11
11
  --calcite-color-foreground-3: #141414;
12
12
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
13
- --calcite-color-foreground-highlight: #2b465f;
13
+ --calcite-color-surface-highlight: #2b465f;
14
14
  --calcite-color-transparent: rgba(255, 255, 255, 0);
15
15
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
16
16
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
package/dist/css/index.css CHANGED
@@ -44,7 +44,7 @@
44
44
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
45
45
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
46
46
  --calcite-color-transparent: rgba(0, 0, 0, 0);
47
- --calcite-color-foreground-highlight: #d6efff;
47
+ --calcite-color-surface-highlight: #d6efff;
48
48
  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
49
49
  --calcite-color-foreground-3: #ebebeb;
50
50
  --calcite-color-foreground-2: #f2f2f2;
@@ -92,7 +92,7 @@
92
92
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
93
93
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
94
94
  --calcite-color-transparent: rgba(0, 0, 0, 0);
95
- --calcite-color-foreground-highlight: #d6efff;
95
+ --calcite-color-surface-highlight: #d6efff;
96
96
  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
97
97
  --calcite-color-foreground-3: #ebebeb;
98
98
  --calcite-color-foreground-2: #f2f2f2;
@@ -141,7 +141,7 @@
141
141
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
142
142
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
143
143
  --calcite-color-transparent: rgba(255, 255, 255, 0);
144
- --calcite-color-foreground-highlight: #2b465f;
144
+ --calcite-color-surface-highlight: #2b465f;
145
145
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
146
146
  --calcite-color-foreground-3: #141414;
147
147
  --calcite-color-foreground-2: #212121;
@@ -189,7 +189,7 @@
189
189
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
190
190
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
191
191
  --calcite-color-transparent: rgba(0, 0, 0, 0);
192
- --calcite-color-foreground-highlight: #d6efff;
192
+ --calcite-color-surface-highlight: #d6efff;
193
193
  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
194
194
  --calcite-color-foreground-3: #ebebeb;
195
195
  --calcite-color-foreground-2: #f2f2f2;
@@ -236,7 +236,7 @@
236
236
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
237
237
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
238
238
  --calcite-color-transparent: rgba(255, 255, 255, 0);
239
- --calcite-color-foreground-highlight: #2b465f;
239
+ --calcite-color-surface-highlight: #2b465f;
240
240
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
241
241
  --calcite-color-foreground-3: #141414;
242
242
  --calcite-color-foreground-2: #212121;
package/dist/css/light.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --calcite-color-foreground-2: #f2f2f2;
11
11
  --calcite-color-foreground-3: #ebebeb;
12
12
  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
13
- --calcite-color-foreground-highlight: #d6efff;
13
+ --calcite-color-surface-highlight: #d6efff;
14
14
  --calcite-color-transparent: rgba(0, 0, 0, 0);
15
15
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
16
16
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1751917956219,
2
+ "timestamp": 1752297996447,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{core.color.neutral.blk-000}",
package/dist/docs/dark.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1751917954381,
2
+ "timestamp": 1752297994629,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -180,21 +180,21 @@
180
180
  "comment": "deprecated, use --calcite-color-foreground-highlight instead"
181
181
  },
182
182
  {
183
- "key": "{semantic.color.foreground.highlight}",
183
+ "key": "{semantic.color.surface.highlight}",
184
184
  "value": "#2b465f",
185
185
  "type": "color",
186
186
  "attributes": {
187
187
  "category": "color",
188
188
  "group": "foreground",
189
189
  "type": "color",
190
- "item": "foreground",
190
+ "item": "surface",
191
191
  "subitem": "highlight",
192
192
  "names": {
193
- "scss": "$calcite-color-foreground-highlight",
194
- "css": "var(--calcite-color-foreground-highlight)",
195
- "js": "semantic.color.foreground.highlight",
196
- "docs": "semantic.color.foreground.highlight",
197
- "es6": "calciteColorForegroundHighlight"
193
+ "scss": "$calcite-color-surface-highlight",
194
+ "css": "var(--calcite-color-surface-highlight)",
195
+ "js": "semantic.color.surface.highlight",
196
+ "docs": "semantic.color.surface.highlight",
197
+ "es6": "calciteColorSurfaceHighlight"
198
198
  },
199
199
  "calcite-schema": {
200
200
  "system": "calcite",
@@ -204,8 +204,8 @@
204
204
  },
205
205
  "filePath": "src/tokens/semantic/color/dark.json",
206
206
  "isSource": true,
207
- "name": "Color Foreground Highlight",
208
- "path": ["semantic", "color", "foreground", "highlight"]
207
+ "name": "Color Surface Highlight",
208
+ "path": ["semantic", "color", "surface", "highlight"]
209
209
  },
210
210
  {
211
211
  "key": "{semantic.color.transparent.default.default}",
package/dist/docs/global.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1751917956046,
2
+ "timestamp": 1752297996265,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -180,21 +180,21 @@
180
180
  "comment": "deprecated, use --calcite-color-foreground-highlight instead"
181
181
  },
182
182
  {
183
- "key": "{semantic.color.foreground.highlight}",
183
+ "key": "{semantic.color.surface.highlight}",
184
184
  "value": "{\"light\":\"#d6efff\",\"dark\":\"#2b465f\"}",
185
185
  "type": "color",
186
186
  "attributes": {
187
187
  "category": "color",
188
188
  "group": "foreground",
189
189
  "type": "color",
190
- "item": "foreground",
190
+ "item": "surface",
191
191
  "subitem": "highlight",
192
192
  "names": {
193
- "scss": "$calcite-color-foreground-highlight",
194
- "css": "var(--calcite-color-foreground-highlight)",
195
- "js": "semantic.color.foreground.highlight",
196
- "docs": "semantic.color.foreground.highlight",
197
- "es6": "calciteColorForegroundHighlight"
193
+ "scss": "$calcite-color-surface-highlight",
194
+ "css": "var(--calcite-color-surface-highlight)",
195
+ "js": "semantic.color.surface.highlight",
196
+ "docs": "semantic.color.surface.highlight",
197
+ "es6": "calciteColorSurfaceHighlight"
198
198
  },
199
199
  "calcite-schema": {
200
200
  "system": "calcite",
@@ -204,8 +204,8 @@
204
204
  },
205
205
  "filePath": "src/tokens/semantic/color/light.json",
206
206
  "isSource": false,
207
- "name": "Color Foreground Highlight",
208
- "path": ["semantic", "color", "foreground", "highlight"]
207
+ "name": "Color Surface Highlight",
208
+ "path": ["semantic", "color", "surface", "highlight"]
209
209
  },
210
210
  {
211
211
  "key": "{semantic.color.transparent.default.default}",
package/dist/docs/light.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1751917955272,
2
+ "timestamp": 1752297995483,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -180,21 +180,21 @@
180
180
  "comment": "deprecated, use --calcite-color-foreground-highlight instead"
181
181
  },
182
182
  {
183
- "key": "{semantic.color.foreground.highlight}",
183
+ "key": "{semantic.color.surface.highlight}",
184
184
  "value": "#d6efff",
185
185
  "type": "color",
186
186
  "attributes": {
187
187
  "category": "color",
188
188
  "group": "foreground",
189
189
  "type": "color",
190
- "item": "foreground",
190
+ "item": "surface",
191
191
  "subitem": "highlight",
192
192
  "names": {
193
- "scss": "$calcite-color-foreground-highlight",
194
- "css": "var(--calcite-color-foreground-highlight)",
195
- "js": "semantic.color.foreground.highlight",
196
- "docs": "semantic.color.foreground.highlight",
197
- "es6": "calciteColorForegroundHighlight"
193
+ "scss": "$calcite-color-surface-highlight",
194
+ "css": "var(--calcite-color-surface-highlight)",
195
+ "js": "semantic.color.surface.highlight",
196
+ "docs": "semantic.color.surface.highlight",
197
+ "es6": "calciteColorSurfaceHighlight"
198
198
  },
199
199
  "calcite-schema": {
200
200
  "system": "calcite",
@@ -204,8 +204,8 @@
204
204
  },
205
205
  "filePath": "src/tokens/semantic/color/light.json",
206
206
  "isSource": true,
207
- "name": "Color Foreground Highlight",
208
- "path": ["semantic", "color", "foreground", "highlight"]
207
+ "name": "Color Surface Highlight",
208
+ "path": ["semantic", "color", "surface", "highlight"]
209
209
  },
210
210
  {
211
211
  "key": "{semantic.color.transparent.default.default}",
package/dist/docs/semantic.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1751917956159,
2
+ "timestamp": 1752297996389,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.border.width.none}",
package/dist/es6/dark.d.ts CHANGED
@@ -10,7 +10,7 @@ export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
11
  /** deprecated, use --calcite-color-foreground-highlight instead */
12
12
  export const calciteColorForegroundCurrent: string;
13
- export const calciteColorForegroundHighlight: string;
13
+ export const calciteColorSurfaceHighlight: string;
14
14
  export const calciteColorTransparent: string;
15
15
  export const calciteColorTransparentHover: string;
16
16
  export const calciteColorTransparentPress: string;
package/dist/es6/dark.js CHANGED
@@ -9,7 +9,7 @@ export const calciteColorForeground1 = "#2b2b2b";
9
9
  export const calciteColorForeground2 = "#212121";
10
10
  export const calciteColorForeground3 = "#141414";
11
11
  export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-foreground-highlight instead
12
- export const calciteColorForegroundHighlight = "#2b465f";
12
+ export const calciteColorSurfaceHighlight = "#2b465f";
13
13
  export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
14
14
  export const calciteColorTransparentHover = "rgba(255, 255, 255, 0.12)";
15
15
  export const calciteColorTransparentPress = "rgba(255, 255, 255, 0.16)";
package/dist/es6/global.d.ts CHANGED
@@ -11,7 +11,7 @@ export const calciteColorForeground2: { light: string; dark: string };
11
11
  export const calciteColorForeground3: { light: string; dark: string };
12
12
  /** deprecated, use --calcite-color-foreground-highlight instead */
13
13
  export const calciteColorForegroundCurrent: { light: string; dark: string };
14
- export const calciteColorForegroundHighlight: { light: string; dark: string };
14
+ export const calciteColorSurfaceHighlight: { light: string; dark: string };
15
15
  export const calciteColorTransparent: { light: string; dark: string };
16
16
  export const calciteColorTransparentHover: { light: string; dark: string };
17
17
  export const calciteColorTransparentPress: { light: string; dark: string };
package/dist/es6/global.js CHANGED
@@ -13,7 +13,7 @@ export const calciteColorForegroundCurrent = {
13
13
  light: "#d6efff",
14
14
  dark: "#2b465f",
15
15
  }; // deprecated, use --calcite-color-foreground-highlight instead
16
- export const calciteColorForegroundHighlight = {
16
+ export const calciteColorSurfaceHighlight = {
17
17
  light: "#d6efff",
18
18
  dark: "#2b465f",
19
19
  };
package/dist/es6/light.d.ts CHANGED
@@ -10,7 +10,7 @@ export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
11
  /** deprecated, use --calcite-color-foreground-highlight instead */
12
12
  export const calciteColorForegroundCurrent: string;
13
- export const calciteColorForegroundHighlight: string;
13
+ export const calciteColorSurfaceHighlight: string;
14
14
  export const calciteColorTransparent: string;
15
15
  export const calciteColorTransparentHover: string;
16
16
  export const calciteColorTransparentPress: string;
package/dist/es6/light.js CHANGED
@@ -9,7 +9,7 @@ export const calciteColorForeground1 = "#ffffff";
9
9
  export const calciteColorForeground2 = "#f2f2f2";
10
10
  export const calciteColorForeground3 = "#ebebeb";
11
11
  export const calciteColorForegroundCurrent = "#d6efff"; // deprecated, use --calcite-color-foreground-highlight instead
12
- export const calciteColorForegroundHighlight = "#d6efff";
12
+ export const calciteColorSurfaceHighlight = "#d6efff";
13
13
  export const calciteColorTransparent = "rgba(0, 0, 0, 0)";
14
14
  export const calciteColorTransparentHover = "rgba(0, 0, 0, 0.04)";
15
15
  export const calciteColorTransparentPress = "rgba(0, 0, 0, 0.08)";
package/dist/js/dark.d.ts CHANGED
@@ -10,7 +10,7 @@ export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
11
  /** deprecated, use --calcite-color-foreground-highlight instead */
12
12
  export const calciteColorForegroundCurrent: string;
13
- export const calciteColorForegroundHighlight: string;
13
+ export const calciteColorSurfaceHighlight: string;
14
14
  export const calciteColorTransparent: string;
15
15
  export const calciteColorTransparentHover: string;
16
16
  export const calciteColorTransparentPress: string;
package/dist/js/dark.js CHANGED
@@ -247,22 +247,24 @@ export default {
247
247
  comment:
248
248
  "deprecated, use --calcite-color-foreground-highlight instead",
249
249
  },
250
+ },
251
+ surface: {
250
252
  highlight: {
251
- key: "{semantic.color.foreground.highlight}",
253
+ key: "{semantic.color.surface.highlight}",
252
254
  value: "#2b465f",
253
255
  type: "color",
254
256
  attributes: {
255
257
  category: "color",
256
258
  group: "foreground",
257
259
  type: "color",
258
- item: "foreground",
260
+ item: "surface",
259
261
  subitem: "highlight",
260
262
  names: {
261
- scss: "$calcite-color-foreground-highlight",
262
- css: "var(--calcite-color-foreground-highlight)",
263
- js: "semantic.color.foreground.highlight",
264
- docs: "semantic.color.foreground.highlight",
265
- es6: "calciteColorForegroundHighlight",
263
+ scss: "$calcite-color-surface-highlight",
264
+ css: "var(--calcite-color-surface-highlight)",
265
+ js: "semantic.color.surface.highlight",
266
+ docs: "semantic.color.surface.highlight",
267
+ es6: "calciteColorSurfaceHighlight",
266
268
  },
267
269
  "calcite-schema": {
268
270
  system: "calcite",
@@ -279,10 +281,10 @@ export default {
279
281
  category: "color",
280
282
  group: "foreground",
281
283
  },
282
- key: "{semantic.color.foreground.highlight}",
284
+ key: "{semantic.color.surface.highlight}",
283
285
  },
284
- name: "calciteColorForegroundHighlight",
285
- path: ["semantic", "color", "foreground", "highlight"],
286
+ name: "calciteColorSurfaceHighlight",
287
+ path: ["semantic", "color", "surface", "highlight"],
286
288
  },
287
289
  },
288
290
  transparent: {
package/dist/js/global.d.ts CHANGED
@@ -28,6 +28,8 @@ declare const tokens: {
28
28
  "2": DesignToken;
29
29
  "3": DesignToken;
30
30
  current: DesignToken;
31
+ };
32
+ surface: {
31
33
  highlight: DesignToken;
32
34
  };
33
35
  transparent: {
package/dist/js/global.js CHANGED
@@ -263,8 +263,10 @@ export default {
263
263
  comment:
264
264
  "deprecated, use --calcite-color-foreground-highlight instead",
265
265
  },
266
+ },
267
+ surface: {
266
268
  highlight: {
267
- key: "{semantic.color.foreground.highlight}",
269
+ key: "{semantic.color.surface.highlight}",
268
270
  value: {
269
271
  light: "#d6efff",
270
272
  dark: "#2b465f",
@@ -274,14 +276,14 @@ export default {
274
276
  category: "color",
275
277
  group: "foreground",
276
278
  type: "color",
277
- item: "foreground",
279
+ item: "surface",
278
280
  subitem: "highlight",
279
281
  names: {
280
- scss: "$calcite-color-foreground-highlight",
281
- css: "var(--calcite-color-foreground-highlight)",
282
- js: "semantic.color.foreground.highlight",
283
- docs: "semantic.color.foreground.highlight",
284
- es6: "calciteColorForegroundHighlight",
282
+ scss: "$calcite-color-surface-highlight",
283
+ css: "var(--calcite-color-surface-highlight)",
284
+ js: "semantic.color.surface.highlight",
285
+ docs: "semantic.color.surface.highlight",
286
+ es6: "calciteColorSurfaceHighlight",
285
287
  },
286
288
  "calcite-schema": {
287
289
  system: "calcite",
@@ -298,10 +300,10 @@ export default {
298
300
  category: "color",
299
301
  group: "foreground",
300
302
  },
301
- key: "{semantic.color.foreground.highlight}",
303
+ key: "{semantic.color.surface.highlight}",
302
304
  },
303
- name: "Color Foreground Highlight",
304
- path: ["semantic", "color", "foreground", "highlight"],
305
+ name: "Color Surface Highlight",
306
+ path: ["semantic", "color", "surface", "highlight"],
305
307
  },
306
308
  },
307
309
  transparent: {
package/dist/js/light.d.ts CHANGED
@@ -10,7 +10,7 @@ export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
11
  /** deprecated, use --calcite-color-foreground-highlight instead */
12
12
  export const calciteColorForegroundCurrent: string;
13
- export const calciteColorForegroundHighlight: string;
13
+ export const calciteColorSurfaceHighlight: string;
14
14
  export const calciteColorTransparent: string;
15
15
  export const calciteColorTransparentHover: string;
16
16
  export const calciteColorTransparentPress: string;
package/dist/js/light.js CHANGED
@@ -247,22 +247,24 @@ export default {
247
247
  comment:
248
248
  "deprecated, use --calcite-color-foreground-highlight instead",
249
249
  },
250
+ },
251
+ surface: {
250
252
  highlight: {
251
- key: "{semantic.color.foreground.highlight}",
253
+ key: "{semantic.color.surface.highlight}",
252
254
  value: "#d6efff",
253
255
  type: "color",
254
256
  attributes: {
255
257
  category: "color",
256
258
  group: "foreground",
257
259
  type: "color",
258
- item: "foreground",
260
+ item: "surface",
259
261
  subitem: "highlight",
260
262
  names: {
261
- scss: "$calcite-color-foreground-highlight",
262
- css: "var(--calcite-color-foreground-highlight)",
263
- js: "semantic.color.foreground.highlight",
264
- docs: "semantic.color.foreground.highlight",
265
- es6: "calciteColorForegroundHighlight",
263
+ scss: "$calcite-color-surface-highlight",
264
+ css: "var(--calcite-color-surface-highlight)",
265
+ js: "semantic.color.surface.highlight",
266
+ docs: "semantic.color.surface.highlight",
267
+ es6: "calciteColorSurfaceHighlight",
266
268
  },
267
269
  "calcite-schema": {
268
270
  system: "calcite",
@@ -279,10 +281,10 @@ export default {
279
281
  category: "color",
280
282
  group: "foreground",
281
283
  },
282
- key: "{semantic.color.foreground.highlight}",
284
+ key: "{semantic.color.surface.highlight}",
283
285
  },
284
- name: "calciteColorForegroundHighlight",
285
- path: ["semantic", "color", "foreground", "highlight"],
286
+ name: "calciteColorSurfaceHighlight",
287
+ path: ["semantic", "color", "surface", "highlight"],
286
288
  },
287
289
  },
288
290
  transparent: {
package/dist/scss/dark.scss CHANGED
@@ -8,7 +8,7 @@ $calcite-color-foreground-1: #2b2b2b;
8
8
  $calcite-color-foreground-2: #212121;
9
9
  $calcite-color-foreground-3: #141414;
10
10
  $calcite-color-foreground-current: #2b465f; // deprecated, use --calcite-color-foreground-highlight instead
11
- $calcite-color-foreground-highlight: #2b465f;
11
+ $calcite-color-surface-highlight: #2b465f;
12
12
  $calcite-color-transparent: rgba(255, 255, 255, 0);
13
13
  $calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
14
14
  $calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
package/dist/scss/index.scss CHANGED
@@ -45,7 +45,7 @@
45
45
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
46
46
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
47
47
  --calcite-color-transparent: rgba(0, 0, 0, 0);
48
- --calcite-color-foreground-highlight: #d6efff;
48
+ --calcite-color-surface-highlight: #d6efff;
49
49
  --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
50
50
  --calcite-color-foreground-3: #ebebeb;
51
51
  --calcite-color-foreground-2: #f2f2f2;
@@ -92,7 +92,7 @@
92
92
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
93
93
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
94
94
  --calcite-color-transparent: rgba(255, 255, 255, 0);
95
- --calcite-color-foreground-highlight: #2b465f;
95
+ --calcite-color-surface-highlight: #2b465f;
96
96
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
97
97
  --calcite-color-foreground-3: #141414;
98
98
  --calcite-color-foreground-2: #212121;
package/dist/scss/light.scss CHANGED
@@ -8,7 +8,7 @@ $calcite-color-foreground-1: #ffffff;
8
8
  $calcite-color-foreground-2: #f2f2f2;
9
9
  $calcite-color-foreground-3: #ebebeb;
10
10
  $calcite-color-foreground-current: #d6efff; // deprecated, use --calcite-color-foreground-highlight instead
11
- $calcite-color-foreground-highlight: #d6efff;
11
+ $calcite-color-surface-highlight: #d6efff;
12
12
  $calcite-color-transparent: rgba(0, 0, 0, 0);
13
13
  $calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
14
14
  $calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "3.2.0-next.7",
3
+ "version": "3.2.0-next.8",
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": "386f7067abf8c09ec3741bb5ddde24337b508d5e"
49
+ "gitHead": "ba5103b1582367659e3c9513891e201f7097b926"
50
50
  }