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

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 (35) hide show
  1. package/dist/css/core.css +2 -2
  2. package/dist/css/dark.css +3 -2
  3. package/dist/css/global.css +1 -1
  4. package/dist/css/index.css +12 -7
  5. package/dist/css/light.css +2 -1
  6. package/dist/css/semantic.css +1 -1
  7. package/dist/docs/core.json +3 -3
  8. package/dist/docs/dark.json +41 -4
  9. package/dist/docs/global.json +45 -8
  10. package/dist/docs/light.json +40 -3
  11. package/dist/docs/semantic.json +5 -5
  12. package/dist/es6/core.js +2 -2
  13. package/dist/es6/dark.d.ts +2 -0
  14. package/dist/es6/dark.js +3 -2
  15. package/dist/es6/global.d.ts +3 -1
  16. package/dist/es6/global.js +8 -4
  17. package/dist/es6/light.d.ts +2 -0
  18. package/dist/es6/light.js +2 -1
  19. package/dist/es6/semantic.d.ts +1 -1
  20. package/dist/es6/semantic.js +1 -1
  21. package/dist/js/core.js +4 -4
  22. package/dist/js/dark.d.ts +2 -0
  23. package/dist/js/dark.js +53 -2
  24. package/dist/js/global.d.ts +1 -0
  25. package/dist/js/global.js +62 -8
  26. package/dist/js/light.d.ts +2 -0
  27. package/dist/js/light.js +52 -1
  28. package/dist/js/semantic.js +5 -5
  29. package/dist/scss/core.scss +2 -2
  30. package/dist/scss/dark.scss +3 -2
  31. package/dist/scss/global.scss +1 -1
  32. package/dist/scss/index.scss +5 -3
  33. package/dist/scss/light.scss +2 -1
  34. package/dist/scss/semantic.scss +1 -1
  35. package/package.json +3 -3
package/dist/css/core.css CHANGED
@@ -169,7 +169,7 @@
169
169
  --calcite-color-medium-saturation-blue-m-bb-060: #6db5e3;
170
170
  --calcite-color-medium-saturation-blue-m-bb-070: #548eb4;
171
171
  --calcite-color-medium-saturation-blue-m-bb-080: #3a6884;
172
- --calcite-color-medium-saturation-blue-m-bb-090: #214155;
172
+ --calcite-color-medium-saturation-blue-m-bb-090: #2b465f;
173
173
  --calcite-color-medium-saturation-blue-m-bb-100: #071a26;
174
174
  --calcite-color-medium-saturation-green-blue-m-gb-010: #dbf2f1;
175
175
  --calcite-color-medium-saturation-green-blue-m-gb-020: #beedec;
@@ -291,7 +291,7 @@
291
291
  --calcite-color-medium-saturation-violet-m-vv-080: #584572;
292
292
  --calcite-color-medium-saturation-violet-m-vv-090: #36264c;
293
293
  --calcite-color-medium-saturation-violet-m-vv-100: #140726;
294
- --calcite-color-high-saturation-blue-h-bb-010: #c7eaff;
294
+ --calcite-color-high-saturation-blue-h-bb-010: #d6efff;
295
295
  --calcite-color-high-saturation-blue-h-bb-020: #9fd4f3;
296
296
  --calcite-color-high-saturation-blue-h-bb-030: #77bde7;
297
297
  --calcite-color-high-saturation-blue-h-bb-040: #50a7da;
package/dist/css/dark.css CHANGED
@@ -9,7 +9,8 @@
9
9
  --calcite-color-foreground-1: #2b2b2b;
10
10
  --calcite-color-foreground-2: #212121;
11
11
  --calcite-color-foreground-3: #141414;
12
- --calcite-color-foreground-current: #214155;
12
+ --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
13
+ --calcite-color-foreground-highlight: #2b465f;
13
14
  --calcite-color-transparent: rgba(255, 255, 255, 0);
14
15
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
15
16
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
@@ -39,7 +40,7 @@
39
40
  --calcite-color-text-1: #ffffff;
40
41
  --calcite-color-text-2: #bfbfbf;
41
42
  --calcite-color-text-3: #9e9e9e;
42
- --calcite-color-text-highlight: #c7eaff;
43
+ --calcite-color-text-highlight: #d6efff;
43
44
  --calcite-color-text-inverse: #141414;
44
45
  --calcite-color-text-link: #00a0ff;
45
46
  --calcite-color-border-1: #545454;
package/dist/css/global.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --calcite-container-size-gutter: 16px;
15
15
  --calcite-container-size-content-fluid: 100%; /** for fluid grid widths */
16
16
  --calcite-container-size-content-fixed: 1440px; /** only for lg breakpoint fixed grid width */
17
- --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-conder-radius-none instead */
17
+ --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-corner-radius-none instead */
18
18
  --calcite-corner-radius-none: 0;
19
19
  --calcite-corner-radius-xs: 2px;
20
20
  --calcite-corner-radius-sm: 4px;
package/dist/css/index.css CHANGED
@@ -44,7 +44,8 @@
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-current: #c7eaff;
47
+ --calcite-color-foreground-highlight: #d6efff;
48
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
48
49
  --calcite-color-foreground-3: #ebebeb;
49
50
  --calcite-color-foreground-2: #f2f2f2;
50
51
  --calcite-color-foreground-1: #ffffff;
@@ -91,7 +92,8 @@
91
92
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
92
93
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
93
94
  --calcite-color-transparent: rgba(0, 0, 0, 0);
94
- --calcite-color-foreground-current: #c7eaff;
95
+ --calcite-color-foreground-highlight: #d6efff;
96
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
95
97
  --calcite-color-foreground-3: #ebebeb;
96
98
  --calcite-color-foreground-2: #f2f2f2;
97
99
  --calcite-color-foreground-1: #ffffff;
@@ -109,7 +111,7 @@
109
111
  --calcite-color-border-1: #545454;
110
112
  --calcite-color-text-link: #00a0ff;
111
113
  --calcite-color-text-inverse: #141414;
112
- --calcite-color-text-highlight: #c7eaff;
114
+ --calcite-color-text-highlight: #d6efff;
113
115
  --calcite-color-text-3: #9e9e9e;
114
116
  --calcite-color-text-2: #bfbfbf;
115
117
  --calcite-color-text-1: #ffffff;
@@ -139,7 +141,8 @@
139
141
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
140
142
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
141
143
  --calcite-color-transparent: rgba(255, 255, 255, 0);
142
- --calcite-color-foreground-current: #214155;
144
+ --calcite-color-foreground-highlight: #2b465f;
145
+ --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
143
146
  --calcite-color-foreground-3: #141414;
144
147
  --calcite-color-foreground-2: #212121;
145
148
  --calcite-color-foreground-1: #2b2b2b;
@@ -186,7 +189,8 @@
186
189
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
187
190
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
188
191
  --calcite-color-transparent: rgba(0, 0, 0, 0);
189
- --calcite-color-foreground-current: #c7eaff;
192
+ --calcite-color-foreground-highlight: #d6efff;
193
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
190
194
  --calcite-color-foreground-3: #ebebeb;
191
195
  --calcite-color-foreground-2: #f2f2f2;
192
196
  --calcite-color-foreground-1: #ffffff;
@@ -202,7 +206,7 @@
202
206
  --calcite-color-border-1: #545454;
203
207
  --calcite-color-text-link: #00a0ff;
204
208
  --calcite-color-text-inverse: #141414;
205
- --calcite-color-text-highlight: #c7eaff;
209
+ --calcite-color-text-highlight: #d6efff;
206
210
  --calcite-color-text-3: #9e9e9e;
207
211
  --calcite-color-text-2: #bfbfbf;
208
212
  --calcite-color-text-1: #ffffff;
@@ -232,7 +236,8 @@
232
236
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
233
237
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
234
238
  --calcite-color-transparent: rgba(255, 255, 255, 0);
235
- --calcite-color-foreground-current: #214155;
239
+ --calcite-color-foreground-highlight: #2b465f;
240
+ --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
236
241
  --calcite-color-foreground-3: #141414;
237
242
  --calcite-color-foreground-2: #212121;
238
243
  --calcite-color-foreground-1: #2b2b2b;
package/dist/css/light.css CHANGED
@@ -9,7 +9,8 @@
9
9
  --calcite-color-foreground-1: #ffffff;
10
10
  --calcite-color-foreground-2: #f2f2f2;
11
11
  --calcite-color-foreground-3: #ebebeb;
12
- --calcite-color-foreground-current: #c7eaff;
12
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
13
+ --calcite-color-foreground-highlight: #d6efff;
13
14
  --calcite-color-transparent: rgba(0, 0, 0, 0);
14
15
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
15
16
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
package/dist/css/semantic.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --calcite-container-size-gutter: 16px;
15
15
  --calcite-container-size-content-fluid: 100%; /** for fluid grid widths */
16
16
  --calcite-container-size-content-fixed: 1440px; /** only for lg breakpoint fixed grid width */
17
- --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-conder-radius-none instead */
17
+ --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-corner-radius-none instead */
18
18
  --calcite-corner-radius-none: 0;
19
19
  --calcite-corner-radius-xs: 2px;
20
20
  --calcite-corner-radius-sm: 4px;
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1747846278849,
2
+ "timestamp": 1749583596348,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{core.color.neutral.blk-000}",
@@ -4596,7 +4596,7 @@
4596
4596
  },
4597
4597
  {
4598
4598
  "key": "{core.color.medium-saturation.blue.m-bb-090}",
4599
- "value": "#214155",
4599
+ "value": "#2b465f",
4600
4600
  "type": "color",
4601
4601
  "attributes": {
4602
4602
  "category": "color",
@@ -8072,7 +8072,7 @@
8072
8072
  },
8073
8073
  {
8074
8074
  "key": "{core.color.high-saturation.blue.h-bb-010}",
8075
- "value": "#c7eaff",
8075
+ "value": "#d6efff",
8076
8076
  "type": "color",
8077
8077
  "attributes": {
8078
8078
  "category": "color",
package/dist/docs/dark.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1747846276955,
2
+ "timestamp": 1749583594506,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -138,13 +138,21 @@
138
138
  },
139
139
  {
140
140
  "key": "{semantic.color.foreground.current}",
141
- "value": "#214155",
141
+ "value": "#2b465f",
142
142
  "type": "color",
143
143
  "attributes": {
144
144
  "category": "color",
145
145
  "type": "color",
146
146
  "item": "foreground",
147
147
  "subitem": "current",
148
+ "value": "#2b465f",
149
+ "description": "deprecated, use --calcite-color-foreground-highlight instead",
150
+ "filePath": "src/tokens/semantic/color/dark.json",
151
+ "isSource": true,
152
+ "key": "{semantic.color.foreground.current}",
153
+ "name": "calcite-semantic-color-foreground-current",
154
+ "path": ["semantic", "color", "foreground", "current"],
155
+ "comment": "deprecated, use --calcite-color-foreground-highlight instead",
148
156
  "names": {
149
157
  "scss": "$calcite-color-foreground-current",
150
158
  "css": "var(--calcite-color-foreground-current)",
@@ -158,10 +166,39 @@
158
166
  "type": "color"
159
167
  }
160
168
  },
169
+ "description": "deprecated, use --calcite-color-foreground-highlight instead",
161
170
  "filePath": "src/tokens/semantic/color/dark.json",
162
171
  "isSource": true,
163
172
  "name": "Color Foreground Current",
164
- "path": ["semantic", "color", "foreground", "current"]
173
+ "path": ["semantic", "color", "foreground", "current"],
174
+ "comment": "deprecated, use --calcite-color-foreground-highlight instead"
175
+ },
176
+ {
177
+ "key": "{semantic.color.foreground.highlight}",
178
+ "value": "#2b465f",
179
+ "type": "color",
180
+ "attributes": {
181
+ "category": "color",
182
+ "type": "color",
183
+ "item": "foreground",
184
+ "subitem": "highlight",
185
+ "names": {
186
+ "scss": "$calcite-color-foreground-highlight",
187
+ "css": "var(--calcite-color-foreground-highlight)",
188
+ "js": "semantic.color.foreground.highlight",
189
+ "docs": "semantic.color.foreground.highlight",
190
+ "es6": "calciteColorForegroundHighlight"
191
+ },
192
+ "calcite-schema": {
193
+ "system": "calcite",
194
+ "tier": "color",
195
+ "type": "color"
196
+ }
197
+ },
198
+ "filePath": "src/tokens/semantic/color/dark.json",
199
+ "isSource": true,
200
+ "name": "Color Foreground Highlight",
201
+ "path": ["semantic", "color", "foreground", "highlight"]
165
202
  },
166
203
  {
167
204
  "key": "{semantic.color.transparent.default.default}",
@@ -970,7 +1007,7 @@
970
1007
  },
971
1008
  {
972
1009
  "key": "{semantic.color.text.highlight}",
973
- "value": "#c7eaff",
1010
+ "value": "#d6efff",
974
1011
  "type": "color",
975
1012
  "attributes": {
976
1013
  "category": "color",
package/dist/docs/global.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1747846278616,
2
+ "timestamp": 1749583596093,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -138,13 +138,21 @@
138
138
  },
139
139
  {
140
140
  "key": "{semantic.color.foreground.current}",
141
- "value": "{\"light\":\"#c7eaff\",\"dark\":\"#214155\"}",
141
+ "value": "{\"light\":\"#d6efff\",\"dark\":\"#2b465f\"}",
142
142
  "type": "color",
143
143
  "attributes": {
144
144
  "category": "color",
145
145
  "type": "color",
146
146
  "item": "foreground",
147
147
  "subitem": "current",
148
+ "value": "#d6efff",
149
+ "description": "deprecated, use --calcite-color-foreground-highlight instead",
150
+ "filePath": "src/tokens/semantic/color/light.json",
151
+ "isSource": false,
152
+ "key": "{semantic.color.foreground.current}",
153
+ "name": "calcite-semantic-color-foreground-current",
154
+ "path": ["semantic", "color", "foreground", "current"],
155
+ "comment": "deprecated, use --calcite-color-foreground-highlight instead",
148
156
  "names": {
149
157
  "scss": "$calcite-color-foreground-current",
150
158
  "css": "var(--calcite-color-foreground-current)",
@@ -158,10 +166,39 @@
158
166
  "type": "color"
159
167
  }
160
168
  },
169
+ "description": "deprecated, use --calcite-color-foreground-highlight instead",
161
170
  "filePath": "src/tokens/semantic/color/light.json",
162
171
  "isSource": false,
163
172
  "name": "Color Foreground Current",
164
- "path": ["semantic", "color", "foreground", "current"]
173
+ "path": ["semantic", "color", "foreground", "current"],
174
+ "comment": "deprecated, use --calcite-color-foreground-highlight instead"
175
+ },
176
+ {
177
+ "key": "{semantic.color.foreground.highlight}",
178
+ "value": "{\"light\":\"#d6efff\",\"dark\":\"#2b465f\"}",
179
+ "type": "color",
180
+ "attributes": {
181
+ "category": "color",
182
+ "type": "color",
183
+ "item": "foreground",
184
+ "subitem": "highlight",
185
+ "names": {
186
+ "scss": "$calcite-color-foreground-highlight",
187
+ "css": "var(--calcite-color-foreground-highlight)",
188
+ "js": "semantic.color.foreground.highlight",
189
+ "docs": "semantic.color.foreground.highlight",
190
+ "es6": "calciteColorForegroundHighlight"
191
+ },
192
+ "calcite-schema": {
193
+ "system": "calcite",
194
+ "tier": "color",
195
+ "type": "color"
196
+ }
197
+ },
198
+ "filePath": "src/tokens/semantic/color/light.json",
199
+ "isSource": false,
200
+ "name": "Color Foreground Highlight",
201
+ "path": ["semantic", "color", "foreground", "highlight"]
165
202
  },
166
203
  {
167
204
  "key": "{semantic.color.transparent.default.default}",
@@ -968,7 +1005,7 @@
968
1005
  },
969
1006
  {
970
1007
  "key": "{semantic.color.text.highlight}",
971
- "value": "{\"light\":\"#004874\",\"dark\":\"#c7eaff\"}",
1008
+ "value": "{\"light\":\"#004874\",\"dark\":\"#d6efff\"}",
972
1009
  "type": "color",
973
1010
  "attributes": {
974
1011
  "category": "color",
@@ -1958,13 +1995,13 @@
1958
1995
  "item": "radius",
1959
1996
  "subitem": "sharp",
1960
1997
  "value": "0",
1961
- "description": "deprecated, use --calcite-conder-radius-none instead",
1998
+ "description": "deprecated, use --calcite-corner-radius-none instead",
1962
1999
  "filePath": "src/tokens/semantic/corner.json",
1963
2000
  "isSource": true,
1964
2001
  "key": "{semantic.corner.radius.sharp}",
1965
2002
  "name": "calcite-semantic-corner-radius-sharp",
1966
2003
  "path": ["semantic", "corner", "radius", "sharp"],
1967
- "comment": "deprecated, use --calcite-conder-radius-none instead",
2004
+ "comment": "deprecated, use --calcite-corner-radius-none instead",
1968
2005
  "names": {
1969
2006
  "scss": "$calcite-corner-radius-sharp",
1970
2007
  "css": "var(--calcite-corner-radius-sharp)",
@@ -1978,12 +2015,12 @@
1978
2015
  "type": "dimension"
1979
2016
  }
1980
2017
  },
1981
- "description": "deprecated, use --calcite-conder-radius-none instead",
2018
+ "description": "deprecated, use --calcite-corner-radius-none instead",
1982
2019
  "filePath": "src/tokens/semantic/corner.json",
1983
2020
  "isSource": true,
1984
2021
  "name": "Corner Radius Sharp",
1985
2022
  "path": ["semantic", "corner", "radius", "sharp"],
1986
- "comment": "deprecated, use --calcite-conder-radius-none instead"
2023
+ "comment": "deprecated, use --calcite-corner-radius-none instead"
1987
2024
  },
1988
2025
  {
1989
2026
  "key": "{semantic.corner.radius.none}",
package/dist/docs/light.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1747846277847,
2
+ "timestamp": 1749583595312,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -138,13 +138,21 @@
138
138
  },
139
139
  {
140
140
  "key": "{semantic.color.foreground.current}",
141
- "value": "#c7eaff",
141
+ "value": "#d6efff",
142
142
  "type": "color",
143
143
  "attributes": {
144
144
  "category": "color",
145
145
  "type": "color",
146
146
  "item": "foreground",
147
147
  "subitem": "current",
148
+ "value": "#d6efff",
149
+ "description": "deprecated, use --calcite-color-foreground-highlight instead",
150
+ "filePath": "src/tokens/semantic/color/light.json",
151
+ "isSource": true,
152
+ "key": "{semantic.color.foreground.current}",
153
+ "name": "calcite-semantic-color-foreground-current",
154
+ "path": ["semantic", "color", "foreground", "current"],
155
+ "comment": "deprecated, use --calcite-color-foreground-highlight instead",
148
156
  "names": {
149
157
  "scss": "$calcite-color-foreground-current",
150
158
  "css": "var(--calcite-color-foreground-current)",
@@ -158,10 +166,39 @@
158
166
  "type": "color"
159
167
  }
160
168
  },
169
+ "description": "deprecated, use --calcite-color-foreground-highlight instead",
161
170
  "filePath": "src/tokens/semantic/color/light.json",
162
171
  "isSource": true,
163
172
  "name": "Color Foreground Current",
164
- "path": ["semantic", "color", "foreground", "current"]
173
+ "path": ["semantic", "color", "foreground", "current"],
174
+ "comment": "deprecated, use --calcite-color-foreground-highlight instead"
175
+ },
176
+ {
177
+ "key": "{semantic.color.foreground.highlight}",
178
+ "value": "#d6efff",
179
+ "type": "color",
180
+ "attributes": {
181
+ "category": "color",
182
+ "type": "color",
183
+ "item": "foreground",
184
+ "subitem": "highlight",
185
+ "names": {
186
+ "scss": "$calcite-color-foreground-highlight",
187
+ "css": "var(--calcite-color-foreground-highlight)",
188
+ "js": "semantic.color.foreground.highlight",
189
+ "docs": "semantic.color.foreground.highlight",
190
+ "es6": "calciteColorForegroundHighlight"
191
+ },
192
+ "calcite-schema": {
193
+ "system": "calcite",
194
+ "tier": "color",
195
+ "type": "color"
196
+ }
197
+ },
198
+ "filePath": "src/tokens/semantic/color/light.json",
199
+ "isSource": true,
200
+ "name": "Color Foreground Highlight",
201
+ "path": ["semantic", "color", "foreground", "highlight"]
165
202
  },
166
203
  {
167
204
  "key": "{semantic.color.transparent.default.default}",
package/dist/docs/semantic.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1747846278755,
2
+ "timestamp": 1749583596229,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.border.width.none}",
@@ -750,13 +750,13 @@
750
750
  "item": "radius",
751
751
  "subitem": "sharp",
752
752
  "value": "0",
753
- "description": "deprecated, use --calcite-conder-radius-none instead",
753
+ "description": "deprecated, use --calcite-corner-radius-none instead",
754
754
  "filePath": "src/tokens/semantic/corner.json",
755
755
  "isSource": true,
756
756
  "key": "{semantic.corner.radius.sharp}",
757
757
  "name": "calcite-semantic-corner-radius-sharp",
758
758
  "path": ["semantic", "corner", "radius", "sharp"],
759
- "comment": "deprecated, use --calcite-conder-radius-none instead",
759
+ "comment": "deprecated, use --calcite-corner-radius-none instead",
760
760
  "names": {
761
761
  "scss": "$calcite-corner-radius-sharp",
762
762
  "css": "var(--calcite-corner-radius-sharp)",
@@ -770,12 +770,12 @@
770
770
  "type": "dimension"
771
771
  }
772
772
  },
773
- "description": "deprecated, use --calcite-conder-radius-none instead",
773
+ "description": "deprecated, use --calcite-corner-radius-none instead",
774
774
  "filePath": "src/tokens/semantic/corner.json",
775
775
  "isSource": true,
776
776
  "name": "Corner Radius Sharp",
777
777
  "path": ["semantic", "corner", "radius", "sharp"],
778
- "comment": "deprecated, use --calcite-conder-radius-none instead"
778
+ "comment": "deprecated, use --calcite-corner-radius-none instead"
779
779
  },
780
780
  {
781
781
  "key": "{semantic.corner.radius.none}",
package/dist/es6/core.js CHANGED
@@ -168,7 +168,7 @@ export const calciteColorMediumSaturationBlueMBb050 = "#84c1e8";
168
168
  export const calciteColorMediumSaturationBlueMBb060 = "#6db5e3";
169
169
  export const calciteColorMediumSaturationBlueMBb070 = "#548eb4";
170
170
  export const calciteColorMediumSaturationBlueMBb080 = "#3a6884";
171
- export const calciteColorMediumSaturationBlueMBb090 = "#214155";
171
+ export const calciteColorMediumSaturationBlueMBb090 = "#2b465f";
172
172
  export const calciteColorMediumSaturationBlueMBb100 = "#071a26";
173
173
  export const calciteColorMediumSaturationGreenBlueMGb010 = "#dbf2f1";
174
174
  export const calciteColorMediumSaturationGreenBlueMGb020 = "#beedec";
@@ -290,7 +290,7 @@ export const calciteColorMediumSaturationVioletMVv070 = "#796397";
290
290
  export const calciteColorMediumSaturationVioletMVv080 = "#584572";
291
291
  export const calciteColorMediumSaturationVioletMVv090 = "#36264c";
292
292
  export const calciteColorMediumSaturationVioletMVv100 = "#140726";
293
- export const calciteColorHighSaturationBlueHBb010 = "#c7eaff";
293
+ export const calciteColorHighSaturationBlueHBb010 = "#d6efff";
294
294
  export const calciteColorHighSaturationBlueHBb020 = "#9fd4f3";
295
295
  export const calciteColorHighSaturationBlueHBb030 = "#77bde7";
296
296
  export const calciteColorHighSaturationBlueHBb040 = "#50a7da";
package/dist/es6/dark.d.ts CHANGED
@@ -8,7 +8,9 @@ export const calciteColorBackgroundNone: string;
8
8
  export const calciteColorForeground1: string;
9
9
  export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
+ /** deprecated, use --calcite-color-foreground-highlight instead */
11
12
  export const calciteColorForegroundCurrent: string;
13
+ export const calciteColorForegroundHighlight: string;
12
14
  export const calciteColorTransparent: string;
13
15
  export const calciteColorTransparentHover: string;
14
16
  export const calciteColorTransparentPress: string;
package/dist/es6/dark.js CHANGED
@@ -8,7 +8,8 @@ export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
8
8
  export const calciteColorForeground1 = "#2b2b2b";
9
9
  export const calciteColorForeground2 = "#212121";
10
10
  export const calciteColorForeground3 = "#141414";
11
- export const calciteColorForegroundCurrent = "#214155";
11
+ export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-foreground-highlight instead
12
+ export const calciteColorForegroundHighlight = "#2b465f";
12
13
  export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
13
14
  export const calciteColorTransparentHover = "rgba(255, 255, 255, 0.12)";
14
15
  export const calciteColorTransparentPress = "rgba(255, 255, 255, 0.16)";
@@ -38,7 +39,7 @@ export const calciteColorInversePress = "#f2f2f2";
38
39
  export const calciteColorText1 = "#ffffff";
39
40
  export const calciteColorText2 = "#bfbfbf";
40
41
  export const calciteColorText3 = "#9e9e9e";
41
- export const calciteColorTextHighlight = "#c7eaff";
42
+ export const calciteColorTextHighlight = "#d6efff";
42
43
  export const calciteColorTextInverse = "#141414";
43
44
  export const calciteColorTextLink = "#00a0ff";
44
45
  export const calciteColorBorder1 = "#545454";
package/dist/es6/global.d.ts CHANGED
@@ -9,7 +9,9 @@ export const calciteColorBackgroundNone: string;
9
9
  export const calciteColorForeground1: { light: string; dark: string };
10
10
  export const calciteColorForeground2: { light: string; dark: string };
11
11
  export const calciteColorForeground3: { light: string; dark: string };
12
+ /** deprecated, use --calcite-color-foreground-highlight instead */
12
13
  export const calciteColorForegroundCurrent: { light: string; dark: string };
14
+ export const calciteColorForegroundHighlight: { light: string; dark: string };
13
15
  export const calciteColorTransparent: { light: string; dark: string };
14
16
  export const calciteColorTransparentHover: { light: string; dark: string };
15
17
  export const calciteColorTransparentPress: { light: string; dark: string };
@@ -89,7 +91,7 @@ export const calciteContainerSizeContentFluid: string;
89
91
  /** only for lg breakpoint fixed grid width */
90
92
  export const calciteContainerSizeContentFixed: string;
91
93
  export const calciteCornerRadius: string;
92
- /** deprecated, use --calcite-conder-radius-none instead */
94
+ /** deprecated, use --calcite-corner-radius-none instead */
93
95
  export const calciteCornerRadiusSharp: string;
94
96
  export const calciteCornerRadiusNone: string;
95
97
  export const calciteCornerRadiusXs: string;
package/dist/es6/global.js CHANGED
@@ -10,8 +10,12 @@ export const calciteColorForeground1 = { light: "#ffffff", dark: "#2b2b2b" };
10
10
  export const calciteColorForeground2 = { light: "#f2f2f2", dark: "#212121" };
11
11
  export const calciteColorForeground3 = { light: "#ebebeb", dark: "#141414" };
12
12
  export const calciteColorForegroundCurrent = {
13
- light: "#c7eaff",
14
- dark: "#214155",
13
+ light: "#d6efff",
14
+ dark: "#2b465f",
15
+ }; // deprecated, use --calcite-color-foreground-highlight instead
16
+ export const calciteColorForegroundHighlight = {
17
+ light: "#d6efff",
18
+ dark: "#2b465f",
15
19
  };
16
20
  export const calciteColorTransparent = {
17
21
  light: "rgba(0, 0, 0, 0)",
@@ -90,7 +94,7 @@ export const calciteColorInversePress = { light: "#212121", dark: "#f2f2f2" };
90
94
  export const calciteColorText1 = { light: "#141414", dark: "#ffffff" };
91
95
  export const calciteColorText2 = { light: "#4a4a4a", dark: "#bfbfbf" };
92
96
  export const calciteColorText3 = { light: "#6b6b6b", dark: "#9e9e9e" };
93
- export const calciteColorTextHighlight = { light: "#004874", dark: "#c7eaff" };
97
+ export const calciteColorTextHighlight = { light: "#004874", dark: "#d6efff" };
94
98
  export const calciteColorTextInverse = { light: "#ffffff", dark: "#141414" };
95
99
  export const calciteColorTextLink = { light: "#00619b", dark: "#00a0ff" };
96
100
  export const calciteColorBorder1 = { light: "#c9c9c9", dark: "#545454" };
@@ -123,7 +127,7 @@ export const calciteContainerSizeGutter = "16px";
123
127
  export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
124
128
  export const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
125
129
  export const calciteCornerRadius = "0";
126
- export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-conder-radius-none instead
130
+ export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-corner-radius-none instead
127
131
  export const calciteCornerRadiusNone = "0";
128
132
  export const calciteCornerRadiusXs = "2px";
129
133
  export const calciteCornerRadiusSm = "4px";
package/dist/es6/light.d.ts CHANGED
@@ -8,7 +8,9 @@ export const calciteColorBackgroundNone: string;
8
8
  export const calciteColorForeground1: string;
9
9
  export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
+ /** deprecated, use --calcite-color-foreground-highlight instead */
11
12
  export const calciteColorForegroundCurrent: string;
13
+ export const calciteColorForegroundHighlight: string;
12
14
  export const calciteColorTransparent: string;
13
15
  export const calciteColorTransparentHover: string;
14
16
  export const calciteColorTransparentPress: string;
package/dist/es6/light.js CHANGED
@@ -8,7 +8,8 @@ export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
8
8
  export const calciteColorForeground1 = "#ffffff";
9
9
  export const calciteColorForeground2 = "#f2f2f2";
10
10
  export const calciteColorForeground3 = "#ebebeb";
11
- export const calciteColorForegroundCurrent = "#c7eaff";
11
+ export const calciteColorForegroundCurrent = "#d6efff"; // deprecated, use --calcite-color-foreground-highlight instead
12
+ export const calciteColorForegroundHighlight = "#d6efff";
12
13
  export const calciteColorTransparent = "rgba(0, 0, 0, 0)";
13
14
  export const calciteColorTransparentHover = "rgba(0, 0, 0, 0.04)";
14
15
  export const calciteColorTransparentPress = "rgba(0, 0, 0, 0.08)";
package/dist/es6/semantic.d.ts CHANGED
@@ -38,7 +38,7 @@ export const calciteContainerSizeContentFluid: string;
38
38
  /** only for lg breakpoint fixed grid width */
39
39
  export const calciteContainerSizeContentFixed: string;
40
40
  export const calciteCornerRadius: string;
41
- /** deprecated, use --calcite-conder-radius-none instead */
41
+ /** deprecated, use --calcite-corner-radius-none instead */
42
42
  export const calciteCornerRadiusSharp: string;
43
43
  export const calciteCornerRadiusNone: string;
44
44
  export const calciteCornerRadiusXs: string;
package/dist/es6/semantic.js CHANGED
@@ -24,7 +24,7 @@ export const calciteContainerSizeGutter = "16px";
24
24
  export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
25
25
  export const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
26
26
  export const calciteCornerRadius = "0";
27
- export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-conder-radius-none instead
27
+ export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-corner-radius-none instead
28
28
  export const calciteCornerRadiusNone = "0";
29
29
  export const calciteCornerRadiusXs = "2px";
30
30
  export const calciteCornerRadiusSm = "4px";
package/dist/js/core.js CHANGED
@@ -6073,7 +6073,7 @@ export default {
6073
6073
  },
6074
6074
  "m-bb-090": {
6075
6075
  key: "{core.color.medium-saturation.blue.m-bb-090}",
6076
- value: "#214155",
6076
+ value: "#2b465f",
6077
6077
  type: "color",
6078
6078
  attributes: {
6079
6079
  category: "color",
@@ -6097,7 +6097,7 @@ export default {
6097
6097
  filePath: "src/tokens/core/color.json",
6098
6098
  isSource: false,
6099
6099
  original: {
6100
- value: "#214155",
6100
+ value: "#2b465f",
6101
6101
  type: "color",
6102
6102
  attributes: {
6103
6103
  category: "color",
@@ -10793,7 +10793,7 @@ export default {
10793
10793
  blue: {
10794
10794
  "h-bb-010": {
10795
10795
  key: "{core.color.high-saturation.blue.h-bb-010}",
10796
- value: "#c7eaff",
10796
+ value: "#d6efff",
10797
10797
  type: "color",
10798
10798
  attributes: {
10799
10799
  category: "color",
@@ -10817,7 +10817,7 @@ export default {
10817
10817
  filePath: "src/tokens/core/color.json",
10818
10818
  isSource: false,
10819
10819
  original: {
10820
- value: "#c7eaff",
10820
+ value: "#d6efff",
10821
10821
  type: "color",
10822
10822
  attributes: {
10823
10823
  category: "color",
package/dist/js/dark.d.ts CHANGED
@@ -8,7 +8,9 @@ export const calciteColorBackgroundNone: string;
8
8
  export const calciteColorForeground1: string;
9
9
  export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
+ /** deprecated, use --calcite-color-foreground-highlight instead */
11
12
  export const calciteColorForegroundCurrent: string;
13
+ export const calciteColorForegroundHighlight: string;
12
14
  export const calciteColorTransparent: string;
13
15
  export const calciteColorTransparentHover: string;
14
16
  export const calciteColorTransparentPress: string;
package/dist/js/dark.js CHANGED
@@ -186,13 +186,23 @@ export default {
186
186
  },
187
187
  current: {
188
188
  key: "{semantic.color.foreground.current}",
189
- value: "#214155",
189
+ value: "#2b465f",
190
190
  type: "color",
191
191
  attributes: {
192
192
  category: "color",
193
193
  type: "color",
194
194
  item: "foreground",
195
195
  subitem: "current",
196
+ value: "#2b465f",
197
+ description:
198
+ "deprecated, use --calcite-color-foreground-highlight instead",
199
+ filePath: "src/tokens/semantic/color/dark.json",
200
+ isSource: true,
201
+ key: "{semantic.color.foreground.current}",
202
+ name: "calcite-semantic-color-foreground-current",
203
+ path: ["semantic", "color", "foreground", "current"],
204
+ comment:
205
+ "deprecated, use --calcite-color-foreground-highlight instead",
196
206
  names: {
197
207
  scss: "$calcite-color-foreground-current",
198
208
  css: "var(--calcite-color-foreground-current)",
@@ -206,6 +216,8 @@ export default {
206
216
  type: "color",
207
217
  },
208
218
  },
219
+ description:
220
+ "deprecated, use --calcite-color-foreground-highlight instead",
209
221
  filePath: "src/tokens/semantic/color/dark.json",
210
222
  isSource: true,
211
223
  original: {
@@ -214,10 +226,49 @@ export default {
214
226
  attributes: {
215
227
  category: "color",
216
228
  },
229
+ description:
230
+ "deprecated, use --calcite-color-foreground-highlight instead",
217
231
  key: "{semantic.color.foreground.current}",
218
232
  },
219
233
  name: "calciteColorForegroundCurrent",
220
234
  path: ["semantic", "color", "foreground", "current"],
235
+ comment:
236
+ "deprecated, use --calcite-color-foreground-highlight instead",
237
+ },
238
+ highlight: {
239
+ key: "{semantic.color.foreground.highlight}",
240
+ value: "#2b465f",
241
+ type: "color",
242
+ attributes: {
243
+ category: "color",
244
+ type: "color",
245
+ item: "foreground",
246
+ subitem: "highlight",
247
+ names: {
248
+ scss: "$calcite-color-foreground-highlight",
249
+ css: "var(--calcite-color-foreground-highlight)",
250
+ js: "semantic.color.foreground.highlight",
251
+ docs: "semantic.color.foreground.highlight",
252
+ es6: "calciteColorForegroundHighlight",
253
+ },
254
+ "calcite-schema": {
255
+ system: "calcite",
256
+ tier: "color",
257
+ type: "color",
258
+ },
259
+ },
260
+ filePath: "src/tokens/semantic/color/dark.json",
261
+ isSource: true,
262
+ original: {
263
+ value: "{core.color.medium-saturation.blue.m-bb-090}",
264
+ type: "color",
265
+ attributes: {
266
+ category: "color",
267
+ },
268
+ key: "{semantic.color.foreground.highlight}",
269
+ },
270
+ name: "calciteColorForegroundHighlight",
271
+ path: ["semantic", "color", "foreground", "highlight"],
221
272
  },
222
273
  },
223
274
  transparent: {
@@ -1278,7 +1329,7 @@ export default {
1278
1329
  },
1279
1330
  highlight: {
1280
1331
  key: "{semantic.color.text.highlight}",
1281
- value: "#c7eaff",
1332
+ value: "#d6efff",
1282
1333
  type: "color",
1283
1334
  attributes: {
1284
1335
  category: "color",
package/dist/js/global.d.ts CHANGED
@@ -28,6 +28,7 @@ declare const tokens: {
28
28
  "2": DesignToken;
29
29
  "3": DesignToken;
30
30
  current: DesignToken;
31
+ highlight: DesignToken;
31
32
  };
32
33
  transparent: {
33
34
  default: {
package/dist/js/global.js CHANGED
@@ -200,8 +200,8 @@ export default {
200
200
  current: {
201
201
  key: "{semantic.color.foreground.current}",
202
202
  value: {
203
- light: "#c7eaff",
204
- dark: "#214155",
203
+ light: "#d6efff",
204
+ dark: "#2b465f",
205
205
  },
206
206
  type: "color",
207
207
  attributes: {
@@ -209,6 +209,16 @@ export default {
209
209
  type: "color",
210
210
  item: "foreground",
211
211
  subitem: "current",
212
+ value: "#d6efff",
213
+ description:
214
+ "deprecated, use --calcite-color-foreground-highlight instead",
215
+ filePath: "src/tokens/semantic/color/light.json",
216
+ isSource: false,
217
+ key: "{semantic.color.foreground.current}",
218
+ name: "calcite-semantic-color-foreground-current",
219
+ path: ["semantic", "color", "foreground", "current"],
220
+ comment:
221
+ "deprecated, use --calcite-color-foreground-highlight instead",
212
222
  names: {
213
223
  scss: "$calcite-color-foreground-current",
214
224
  css: "var(--calcite-color-foreground-current)",
@@ -222,6 +232,8 @@ export default {
222
232
  type: "color",
223
233
  },
224
234
  },
235
+ description:
236
+ "deprecated, use --calcite-color-foreground-highlight instead",
225
237
  filePath: "src/tokens/semantic/color/light.json",
226
238
  isSource: false,
227
239
  original: {
@@ -230,10 +242,52 @@ export default {
230
242
  attributes: {
231
243
  category: "color",
232
244
  },
245
+ description:
246
+ "deprecated, use --calcite-color-foreground-highlight instead",
233
247
  key: "{semantic.color.foreground.current}",
234
248
  },
235
249
  name: "Color Foreground Current",
236
250
  path: ["semantic", "color", "foreground", "current"],
251
+ comment:
252
+ "deprecated, use --calcite-color-foreground-highlight instead",
253
+ },
254
+ highlight: {
255
+ key: "{semantic.color.foreground.highlight}",
256
+ value: {
257
+ light: "#d6efff",
258
+ dark: "#2b465f",
259
+ },
260
+ type: "color",
261
+ attributes: {
262
+ category: "color",
263
+ type: "color",
264
+ item: "foreground",
265
+ subitem: "highlight",
266
+ names: {
267
+ scss: "$calcite-color-foreground-highlight",
268
+ css: "var(--calcite-color-foreground-highlight)",
269
+ js: "semantic.color.foreground.highlight",
270
+ docs: "semantic.color.foreground.highlight",
271
+ es6: "calciteColorForegroundHighlight",
272
+ },
273
+ "calcite-schema": {
274
+ system: "calcite",
275
+ tier: "color",
276
+ type: "color",
277
+ },
278
+ },
279
+ filePath: "src/tokens/semantic/color/light.json",
280
+ isSource: false,
281
+ original: {
282
+ value: "{core.color.high-saturation.blue.h-bb-010}",
283
+ type: "color",
284
+ attributes: {
285
+ category: "color",
286
+ },
287
+ key: "{semantic.color.foreground.highlight}",
288
+ },
289
+ name: "Color Foreground Highlight",
290
+ path: ["semantic", "color", "foreground", "highlight"],
237
291
  },
238
292
  },
239
293
  transparent: {
@@ -1386,7 +1440,7 @@ export default {
1386
1440
  key: "{semantic.color.text.highlight}",
1387
1441
  value: {
1388
1442
  light: "#004874",
1389
- dark: "#c7eaff",
1443
+ dark: "#d6efff",
1390
1444
  },
1391
1445
  type: "color",
1392
1446
  attributes: {
@@ -2741,13 +2795,13 @@ export default {
2741
2795
  item: "radius",
2742
2796
  subitem: "sharp",
2743
2797
  value: "0",
2744
- description: "deprecated, use --calcite-conder-radius-none instead",
2798
+ description: "deprecated, use --calcite-corner-radius-none instead",
2745
2799
  filePath: "src/tokens/semantic/corner.json",
2746
2800
  isSource: true,
2747
2801
  key: "{semantic.corner.radius.sharp}",
2748
2802
  name: "calcite-semantic-corner-radius-sharp",
2749
2803
  path: ["semantic", "corner", "radius", "sharp"],
2750
- comment: "deprecated, use --calcite-conder-radius-none instead",
2804
+ comment: "deprecated, use --calcite-corner-radius-none instead",
2751
2805
  names: {
2752
2806
  scss: "$calcite-corner-radius-sharp",
2753
2807
  css: "var(--calcite-corner-radius-sharp)",
@@ -2761,7 +2815,7 @@ export default {
2761
2815
  type: "dimension",
2762
2816
  },
2763
2817
  },
2764
- description: "deprecated, use --calcite-conder-radius-none instead",
2818
+ description: "deprecated, use --calcite-corner-radius-none instead",
2765
2819
  filePath: "src/tokens/semantic/corner.json",
2766
2820
  isSource: true,
2767
2821
  original: {
@@ -2770,12 +2824,12 @@ export default {
2770
2824
  attributes: {
2771
2825
  category: "corner",
2772
2826
  },
2773
- description: "deprecated, use --calcite-conder-radius-none instead",
2827
+ description: "deprecated, use --calcite-corner-radius-none instead",
2774
2828
  key: "{semantic.corner.radius.sharp}",
2775
2829
  },
2776
2830
  name: "Corner Radius Sharp",
2777
2831
  path: ["semantic", "corner", "radius", "sharp"],
2778
- comment: "deprecated, use --calcite-conder-radius-none instead",
2832
+ comment: "deprecated, use --calcite-corner-radius-none instead",
2779
2833
  },
2780
2834
  none: {
2781
2835
  key: "{semantic.corner.radius.none}",
package/dist/js/light.d.ts CHANGED
@@ -8,7 +8,9 @@ export const calciteColorBackgroundNone: string;
8
8
  export const calciteColorForeground1: string;
9
9
  export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
+ /** deprecated, use --calcite-color-foreground-highlight instead */
11
12
  export const calciteColorForegroundCurrent: string;
13
+ export const calciteColorForegroundHighlight: string;
12
14
  export const calciteColorTransparent: string;
13
15
  export const calciteColorTransparentHover: string;
14
16
  export const calciteColorTransparentPress: string;
package/dist/js/light.js CHANGED
@@ -186,13 +186,23 @@ export default {
186
186
  },
187
187
  current: {
188
188
  key: "{semantic.color.foreground.current}",
189
- value: "#c7eaff",
189
+ value: "#d6efff",
190
190
  type: "color",
191
191
  attributes: {
192
192
  category: "color",
193
193
  type: "color",
194
194
  item: "foreground",
195
195
  subitem: "current",
196
+ value: "#d6efff",
197
+ description:
198
+ "deprecated, use --calcite-color-foreground-highlight instead",
199
+ filePath: "src/tokens/semantic/color/light.json",
200
+ isSource: true,
201
+ key: "{semantic.color.foreground.current}",
202
+ name: "calcite-semantic-color-foreground-current",
203
+ path: ["semantic", "color", "foreground", "current"],
204
+ comment:
205
+ "deprecated, use --calcite-color-foreground-highlight instead",
196
206
  names: {
197
207
  scss: "$calcite-color-foreground-current",
198
208
  css: "var(--calcite-color-foreground-current)",
@@ -206,6 +216,8 @@ export default {
206
216
  type: "color",
207
217
  },
208
218
  },
219
+ description:
220
+ "deprecated, use --calcite-color-foreground-highlight instead",
209
221
  filePath: "src/tokens/semantic/color/light.json",
210
222
  isSource: true,
211
223
  original: {
@@ -214,10 +226,49 @@ export default {
214
226
  attributes: {
215
227
  category: "color",
216
228
  },
229
+ description:
230
+ "deprecated, use --calcite-color-foreground-highlight instead",
217
231
  key: "{semantic.color.foreground.current}",
218
232
  },
219
233
  name: "calciteColorForegroundCurrent",
220
234
  path: ["semantic", "color", "foreground", "current"],
235
+ comment:
236
+ "deprecated, use --calcite-color-foreground-highlight instead",
237
+ },
238
+ highlight: {
239
+ key: "{semantic.color.foreground.highlight}",
240
+ value: "#d6efff",
241
+ type: "color",
242
+ attributes: {
243
+ category: "color",
244
+ type: "color",
245
+ item: "foreground",
246
+ subitem: "highlight",
247
+ names: {
248
+ scss: "$calcite-color-foreground-highlight",
249
+ css: "var(--calcite-color-foreground-highlight)",
250
+ js: "semantic.color.foreground.highlight",
251
+ docs: "semantic.color.foreground.highlight",
252
+ es6: "calciteColorForegroundHighlight",
253
+ },
254
+ "calcite-schema": {
255
+ system: "calcite",
256
+ tier: "color",
257
+ type: "color",
258
+ },
259
+ },
260
+ filePath: "src/tokens/semantic/color/light.json",
261
+ isSource: true,
262
+ original: {
263
+ value: "{core.color.high-saturation.blue.h-bb-010}",
264
+ type: "color",
265
+ attributes: {
266
+ category: "color",
267
+ },
268
+ key: "{semantic.color.foreground.highlight}",
269
+ },
270
+ name: "calciteColorForegroundHighlight",
271
+ path: ["semantic", "color", "foreground", "highlight"],
221
272
  },
222
273
  },
223
274
  transparent: {
package/dist/js/semantic.js CHANGED
@@ -1018,13 +1018,13 @@ export default {
1018
1018
  item: "radius",
1019
1019
  subitem: "sharp",
1020
1020
  value: "0",
1021
- description: "deprecated, use --calcite-conder-radius-none instead",
1021
+ description: "deprecated, use --calcite-corner-radius-none instead",
1022
1022
  filePath: "src/tokens/semantic/corner.json",
1023
1023
  isSource: true,
1024
1024
  key: "{semantic.corner.radius.sharp}",
1025
1025
  name: "calcite-semantic-corner-radius-sharp",
1026
1026
  path: ["semantic", "corner", "radius", "sharp"],
1027
- comment: "deprecated, use --calcite-conder-radius-none instead",
1027
+ comment: "deprecated, use --calcite-corner-radius-none instead",
1028
1028
  names: {
1029
1029
  scss: "$calcite-corner-radius-sharp",
1030
1030
  css: "var(--calcite-corner-radius-sharp)",
@@ -1038,7 +1038,7 @@ export default {
1038
1038
  type: "dimension",
1039
1039
  },
1040
1040
  },
1041
- description: "deprecated, use --calcite-conder-radius-none instead",
1041
+ description: "deprecated, use --calcite-corner-radius-none instead",
1042
1042
  filePath: "src/tokens/semantic/corner.json",
1043
1043
  isSource: true,
1044
1044
  original: {
@@ -1047,12 +1047,12 @@ export default {
1047
1047
  attributes: {
1048
1048
  category: "corner",
1049
1049
  },
1050
- description: "deprecated, use --calcite-conder-radius-none instead",
1050
+ description: "deprecated, use --calcite-corner-radius-none instead",
1051
1051
  key: "{semantic.corner.radius.sharp}",
1052
1052
  },
1053
1053
  name: "Corner Radius Sharp",
1054
1054
  path: ["semantic", "corner", "radius", "sharp"],
1055
- comment: "deprecated, use --calcite-conder-radius-none instead",
1055
+ comment: "deprecated, use --calcite-corner-radius-none instead",
1056
1056
  },
1057
1057
  none: {
1058
1058
  key: "{semantic.corner.radius.none}",
package/dist/scss/core.scss CHANGED
@@ -167,7 +167,7 @@ $calcite-color-medium-saturation-blue-m-bb-050: #84c1e8;
167
167
  $calcite-color-medium-saturation-blue-m-bb-060: #6db5e3;
168
168
  $calcite-color-medium-saturation-blue-m-bb-070: #548eb4;
169
169
  $calcite-color-medium-saturation-blue-m-bb-080: #3a6884;
170
- $calcite-color-medium-saturation-blue-m-bb-090: #214155;
170
+ $calcite-color-medium-saturation-blue-m-bb-090: #2b465f;
171
171
  $calcite-color-medium-saturation-blue-m-bb-100: #071a26;
172
172
  $calcite-color-medium-saturation-green-blue-m-gb-010: #dbf2f1;
173
173
  $calcite-color-medium-saturation-green-blue-m-gb-020: #beedec;
@@ -289,7 +289,7 @@ $calcite-color-medium-saturation-violet-m-vv-070: #796397;
289
289
  $calcite-color-medium-saturation-violet-m-vv-080: #584572;
290
290
  $calcite-color-medium-saturation-violet-m-vv-090: #36264c;
291
291
  $calcite-color-medium-saturation-violet-m-vv-100: #140726;
292
- $calcite-color-high-saturation-blue-h-bb-010: #c7eaff;
292
+ $calcite-color-high-saturation-blue-h-bb-010: #d6efff;
293
293
  $calcite-color-high-saturation-blue-h-bb-020: #9fd4f3;
294
294
  $calcite-color-high-saturation-blue-h-bb-030: #77bde7;
295
295
  $calcite-color-high-saturation-blue-h-bb-040: #50a7da;
package/dist/scss/dark.scss CHANGED
@@ -7,7 +7,8 @@ $calcite-color-background-none: rgba(255, 255, 255, 0);
7
7
  $calcite-color-foreground-1: #2b2b2b;
8
8
  $calcite-color-foreground-2: #212121;
9
9
  $calcite-color-foreground-3: #141414;
10
- $calcite-color-foreground-current: #214155;
10
+ $calcite-color-foreground-current: #2b465f; // deprecated, use --calcite-color-foreground-highlight instead
11
+ $calcite-color-foreground-highlight: #2b465f;
11
12
  $calcite-color-transparent: rgba(255, 255, 255, 0);
12
13
  $calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
13
14
  $calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
@@ -37,7 +38,7 @@ $calcite-color-inverse-press: #f2f2f2;
37
38
  $calcite-color-text-1: #ffffff;
38
39
  $calcite-color-text-2: #bfbfbf;
39
40
  $calcite-color-text-3: #9e9e9e;
40
- $calcite-color-text-highlight: #c7eaff;
41
+ $calcite-color-text-highlight: #d6efff;
41
42
  $calcite-color-text-inverse: #141414;
42
43
  $calcite-color-text-link: #00a0ff;
43
44
  $calcite-color-border-1: #545454;
package/dist/scss/global.scss CHANGED
@@ -12,7 +12,7 @@ $calcite-container-size-margin: 24px;
12
12
  $calcite-container-size-gutter: 16px;
13
13
  $calcite-container-size-content-fluid: 100%; // for fluid grid widths
14
14
  $calcite-container-size-content-fixed: 1440px; // only for lg breakpoint fixed grid width
15
- $calcite-corner-radius-sharp: 0; // deprecated, use --calcite-conder-radius-none instead
15
+ $calcite-corner-radius-sharp: 0; // deprecated, use --calcite-corner-radius-none instead
16
16
  $calcite-corner-radius-none: 0;
17
17
  $calcite-corner-radius-xs: 2px;
18
18
  $calcite-corner-radius-sm: 4px;
package/dist/scss/index.scss CHANGED
@@ -45,7 +45,8 @@
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-current: #c7eaff;
48
+ --calcite-color-foreground-highlight: #d6efff;
49
+ --calcite-color-foreground-current: #d6efff; /** deprecated, use --calcite-color-foreground-highlight instead */
49
50
  --calcite-color-foreground-3: #ebebeb;
50
51
  --calcite-color-foreground-2: #f2f2f2;
51
52
  --calcite-color-foreground-1: #ffffff;
@@ -61,7 +62,7 @@
61
62
  --calcite-color-border-1: #545454;
62
63
  --calcite-color-text-link: #00a0ff;
63
64
  --calcite-color-text-inverse: #141414;
64
- --calcite-color-text-highlight: #c7eaff;
65
+ --calcite-color-text-highlight: #d6efff;
65
66
  --calcite-color-text-3: #9e9e9e;
66
67
  --calcite-color-text-2: #bfbfbf;
67
68
  --calcite-color-text-1: #ffffff;
@@ -91,7 +92,8 @@
91
92
  --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
92
93
  --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
93
94
  --calcite-color-transparent: rgba(255, 255, 255, 0);
94
- --calcite-color-foreground-current: #214155;
95
+ --calcite-color-foreground-highlight: #2b465f;
96
+ --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-foreground-highlight instead */
95
97
  --calcite-color-foreground-3: #141414;
96
98
  --calcite-color-foreground-2: #212121;
97
99
  --calcite-color-foreground-1: #2b2b2b;
package/dist/scss/light.scss CHANGED
@@ -7,7 +7,8 @@ $calcite-color-background-none: rgba(255, 255, 255, 0);
7
7
  $calcite-color-foreground-1: #ffffff;
8
8
  $calcite-color-foreground-2: #f2f2f2;
9
9
  $calcite-color-foreground-3: #ebebeb;
10
- $calcite-color-foreground-current: #c7eaff;
10
+ $calcite-color-foreground-current: #d6efff; // deprecated, use --calcite-color-foreground-highlight instead
11
+ $calcite-color-foreground-highlight: #d6efff;
11
12
  $calcite-color-transparent: rgba(0, 0, 0, 0);
12
13
  $calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
13
14
  $calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
package/dist/scss/semantic.scss CHANGED
@@ -12,7 +12,7 @@ $calcite-container-size-margin: 24px;
12
12
  $calcite-container-size-gutter: 16px;
13
13
  $calcite-container-size-content-fluid: 100%; // for fluid grid widths
14
14
  $calcite-container-size-content-fixed: 1440px; // only for lg breakpoint fixed grid width
15
- $calcite-corner-radius-sharp: 0; // deprecated, use --calcite-conder-radius-none instead
15
+ $calcite-corner-radius-sharp: 0; // deprecated, use --calcite-corner-radius-none instead
16
16
  $calcite-corner-radius-none: 0;
17
17
  $calcite-corner-radius-xs: 2px;
18
18
  $calcite-corner-radius-sm: 4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "3.1.1-next.1",
3
+ "version": "3.2.0-next.0",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -44,7 +44,7 @@
44
44
  "extends": "../../package.json"
45
45
  },
46
46
  "devDependencies": {
47
- "vitest": "3.1.3"
47
+ "vitest": "3.1.4"
48
48
  },
49
- "gitHead": "e9df3b0c846b395834c45119bef7aa34099ddec7"
49
+ "gitHead": "286845f59ea34438157a1ece5070a4e9ced18c9f"
50
50
  }