@esri/calcite-design-tokens 4.0.0-next.2 → 4.0.0-next.20

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/LICENSE.md +1 -1
  2. package/README.md +1 -1
  3. package/dist/css/breakpoints.css +8 -4
  4. package/dist/css/core.css +17 -2
  5. package/dist/css/dark.css +31 -27
  6. package/dist/css/global.css +64 -20
  7. package/dist/css/index.css +175 -150
  8. package/dist/css/light.css +36 -32
  9. package/dist/css/semantic.css +64 -20
  10. package/dist/docs/core.json +402 -3
  11. package/dist/docs/dark.json +647 -556
  12. package/dist/docs/global.json +3937 -2619
  13. package/dist/docs/light.json +667 -576
  14. package/dist/docs/semantic.json +2760 -1541
  15. package/dist/es6/breakpoints.d.ts +6 -2
  16. package/dist/es6/breakpoints.js +4 -2
  17. package/dist/es6/core.d.ts +15 -0
  18. package/dist/es6/core.js +17 -2
  19. package/dist/es6/dark.d.ts +31 -23
  20. package/dist/es6/dark.js +31 -27
  21. package/dist/es6/global.d.ts +106 -32
  22. package/dist/es6/global.js +129 -79
  23. package/dist/es6/light.d.ts +31 -23
  24. package/dist/es6/light.js +36 -32
  25. package/dist/es6/semantic.d.ts +63 -1
  26. package/dist/es6/semantic.js +64 -20
  27. package/dist/scss/breakpoints.scss +8 -4
  28. package/dist/scss/core.scss +17 -2
  29. package/dist/scss/dark.scss +31 -27
  30. package/dist/scss/global.scss +64 -20
  31. package/dist/scss/index.scss +69 -59
  32. package/dist/scss/light.scss +36 -32
  33. package/dist/scss/semantic.scss +64 -20
  34. package/package.json +8 -7
  35. package/dist/css/component.css +0 -11
package/dist/docs/light.json CHANGED
@@ -1,21 +1,20 @@
1
1
  {
2
- "timestamp": 1760036293168,
2
+ "timestamp": 1769721280724,
3
3
  "tokens": [
4
4
  {
5
- "key": "{semantic.color.background.default}",
5
+ "key": "{color.surface.1}",
6
6
  "value": "#f7f7f7",
7
7
  "type": "color",
8
8
  "attributes": {
9
9
  "category": "color",
10
- "group": "background",
11
- "type": "color",
12
- "item": "background",
13
- "subitem": "default",
10
+ "group": "surface",
11
+ "type": "surface",
12
+ "item": "1",
14
13
  "names": {
15
- "scss": "$calcite-color-background",
16
- "css": "var(--calcite-color-background)",
17
- "docs": "semantic.color.background.default",
18
- "es6": "calciteColorBackground"
14
+ "scss": "$calcite-color-surface-1",
15
+ "css": "var(--calcite-color-surface-1)",
16
+ "docs": "color.surface.1",
17
+ "es6": "calciteColorSurface1"
19
18
  },
20
19
  "calcite-schema": {
21
20
  "system": "calcite",
@@ -25,24 +24,23 @@
25
24
  },
26
25
  "filePath": "src/tokens/semantic/color/light.json",
27
26
  "isSource": true,
28
- "name": "Color Background",
29
- "path": ["semantic", "color", "background", "default"]
27
+ "name": "Color Surface 1",
28
+ "path": ["color", "surface", "1"]
30
29
  },
31
30
  {
32
- "key": "{semantic.color.background.none}",
33
- "value": "rgba(255, 255, 255, 0)",
31
+ "key": "{color.surface.2}",
32
+ "value": "#ffffff",
34
33
  "type": "color",
35
34
  "attributes": {
36
35
  "category": "color",
37
- "group": "background",
38
- "type": "color",
39
- "item": "background",
40
- "subitem": "none",
36
+ "group": "surface",
37
+ "type": "surface",
38
+ "item": "2",
41
39
  "names": {
42
- "scss": "$calcite-color-background-none",
43
- "css": "var(--calcite-color-background-none)",
44
- "docs": "semantic.color.background.none",
45
- "es6": "calciteColorBackgroundNone"
40
+ "scss": "$calcite-color-surface-2",
41
+ "css": "var(--calcite-color-surface-2)",
42
+ "docs": "color.surface.2",
43
+ "es6": "calciteColorSurface2"
46
44
  },
47
45
  "calcite-schema": {
48
46
  "system": "calcite",
@@ -52,24 +50,23 @@
52
50
  },
53
51
  "filePath": "src/tokens/semantic/color/light.json",
54
52
  "isSource": true,
55
- "name": "Color Background None",
56
- "path": ["semantic", "color", "background", "none"]
53
+ "name": "Color Surface 2",
54
+ "path": ["color", "surface", "2"]
57
55
  },
58
56
  {
59
- "key": "{semantic.color.foreground.1}",
60
- "value": "#ffffff",
57
+ "key": "{color.surface.3}",
58
+ "value": "#f2f2f2",
61
59
  "type": "color",
62
60
  "attributes": {
63
61
  "category": "color",
64
- "group": "foreground",
65
- "type": "color",
66
- "item": "foreground",
67
- "subitem": "1",
62
+ "group": "surface",
63
+ "type": "surface",
64
+ "item": "3",
68
65
  "names": {
69
- "scss": "$calcite-color-foreground-1",
70
- "css": "var(--calcite-color-foreground-1)",
71
- "docs": "semantic.color.foreground.1",
72
- "es6": "calciteColorForeground1"
66
+ "scss": "$calcite-color-surface-3",
67
+ "css": "var(--calcite-color-surface-3)",
68
+ "docs": "color.surface.3",
69
+ "es6": "calciteColorSurface3"
73
70
  },
74
71
  "calcite-schema": {
75
72
  "system": "calcite",
@@ -79,24 +76,23 @@
79
76
  },
80
77
  "filePath": "src/tokens/semantic/color/light.json",
81
78
  "isSource": true,
82
- "name": "Color Foreground 1",
83
- "path": ["semantic", "color", "foreground", "1"]
79
+ "name": "Color Surface 3",
80
+ "path": ["color", "surface", "3"]
84
81
  },
85
82
  {
86
- "key": "{semantic.color.foreground.2}",
87
- "value": "#f2f2f2",
83
+ "key": "{color.surface.4}",
84
+ "value": "#ebebeb",
88
85
  "type": "color",
89
86
  "attributes": {
90
87
  "category": "color",
91
- "group": "foreground",
92
- "type": "color",
93
- "item": "foreground",
94
- "subitem": "2",
88
+ "group": "surface",
89
+ "type": "surface",
90
+ "item": "4",
95
91
  "names": {
96
- "scss": "$calcite-color-foreground-2",
97
- "css": "var(--calcite-color-foreground-2)",
98
- "docs": "semantic.color.foreground.2",
99
- "es6": "calciteColorForeground2"
92
+ "scss": "$calcite-color-surface-4",
93
+ "css": "var(--calcite-color-surface-4)",
94
+ "docs": "color.surface.4",
95
+ "es6": "calciteColorSurface4"
100
96
  },
101
97
  "calcite-schema": {
102
98
  "system": "calcite",
@@ -106,24 +102,23 @@
106
102
  },
107
103
  "filePath": "src/tokens/semantic/color/light.json",
108
104
  "isSource": true,
109
- "name": "Color Foreground 2",
110
- "path": ["semantic", "color", "foreground", "2"]
105
+ "name": "Color Surface 4",
106
+ "path": ["color", "surface", "4"]
111
107
  },
112
108
  {
113
- "key": "{semantic.color.foreground.3}",
114
- "value": "#ebebeb",
109
+ "key": "{color.surface.highlight}",
110
+ "value": "#d6efff",
115
111
  "type": "color",
116
112
  "attributes": {
117
113
  "category": "color",
118
- "group": "foreground",
119
- "type": "color",
120
- "item": "foreground",
121
- "subitem": "3",
114
+ "group": "surface",
115
+ "type": "surface",
116
+ "item": "highlight",
122
117
  "names": {
123
- "scss": "$calcite-color-foreground-3",
124
- "css": "var(--calcite-color-foreground-3)",
125
- "docs": "semantic.color.foreground.3",
126
- "es6": "calciteColorForeground3"
118
+ "scss": "$calcite-color-surface-highlight",
119
+ "css": "var(--calcite-color-surface-highlight)",
120
+ "docs": "color.surface.highlight",
121
+ "es6": "calciteColorSurfaceHighlight"
127
122
  },
128
123
  "calcite-schema": {
129
124
  "system": "calcite",
@@ -133,32 +128,31 @@
133
128
  },
134
129
  "filePath": "src/tokens/semantic/color/light.json",
135
130
  "isSource": true,
136
- "name": "Color Foreground 3",
137
- "path": ["semantic", "color", "foreground", "3"]
131
+ "name": "Color Surface Highlight",
132
+ "path": ["color", "surface", "highlight"]
138
133
  },
139
134
  {
140
- "key": "{semantic.color.foreground.current}",
141
- "value": "#d6efff",
135
+ "key": "{color.background.default}",
136
+ "value": "#f7f7f7",
142
137
  "type": "color",
143
138
  "attributes": {
144
139
  "category": "color",
145
- "group": "foreground",
140
+ "group": "background",
146
141
  "type": "color",
147
- "item": "foreground",
148
- "subitem": "current",
149
- "value": "#d6efff",
150
- "description": "deprecated, use --calcite-color-surface-highlight instead",
142
+ "item": "default",
143
+ "value": "#f7f7f7",
144
+ "description": "Deprecated, use `--calcite-color-surface-1` instead",
151
145
  "filePath": "src/tokens/semantic/color/light.json",
152
146
  "isSource": true,
153
- "key": "{semantic.color.foreground.current}",
154
- "name": "calcite-semantic-color-foreground-current",
155
- "path": ["semantic", "color", "foreground", "current"],
156
- "comment": "deprecated, use --calcite-color-surface-highlight instead",
147
+ "key": "{color.background.default}",
148
+ "name": "calcite-color-background-default",
149
+ "path": ["color", "background", "default"],
150
+ "comment": "Deprecated, use `--calcite-color-surface-1` instead",
157
151
  "names": {
158
- "scss": "$calcite-color-foreground-current",
159
- "css": "var(--calcite-color-foreground-current)",
160
- "docs": "semantic.color.foreground.current",
161
- "es6": "calciteColorForegroundCurrent"
152
+ "scss": "$calcite-color-background",
153
+ "css": "var(--calcite-color-background)",
154
+ "docs": "color.background.default",
155
+ "es6": "calciteColorBackground"
162
156
  },
163
157
  "calcite-schema": {
164
158
  "system": "calcite",
@@ -166,28 +160,27 @@
166
160
  "type": "color"
167
161
  }
168
162
  },
169
- "description": "deprecated, use --calcite-color-surface-highlight instead",
163
+ "description": "Deprecated, use `--calcite-color-surface-1` instead",
170
164
  "filePath": "src/tokens/semantic/color/light.json",
171
165
  "isSource": true,
172
- "name": "Color Foreground Current",
173
- "path": ["semantic", "color", "foreground", "current"],
174
- "comment": "deprecated, use --calcite-color-surface-highlight instead"
166
+ "name": "Color Background",
167
+ "path": ["color", "background", "default"],
168
+ "comment": "Deprecated, use `--calcite-color-surface-1` instead"
175
169
  },
176
170
  {
177
- "key": "{semantic.color.surface.highlight}",
178
- "value": "#d6efff",
171
+ "key": "{color.background.none}",
172
+ "value": "rgba(255, 255, 255, 0)",
179
173
  "type": "color",
180
174
  "attributes": {
181
175
  "category": "color",
182
- "group": "foreground",
183
- "type": "color",
184
- "item": "surface",
185
- "subitem": "highlight",
176
+ "group": "background",
177
+ "type": "background",
178
+ "item": "none",
186
179
  "names": {
187
- "scss": "$calcite-color-surface-highlight",
188
- "css": "var(--calcite-color-surface-highlight)",
189
- "docs": "semantic.color.surface.highlight",
190
- "es6": "calciteColorSurfaceHighlight"
180
+ "scss": "$calcite-color-background-none",
181
+ "css": "var(--calcite-color-background-none)",
182
+ "docs": "color.background.none",
183
+ "es6": "calciteColorBackgroundNone"
191
184
  },
192
185
  "calcite-schema": {
193
186
  "system": "calcite",
@@ -197,25 +190,31 @@
197
190
  },
198
191
  "filePath": "src/tokens/semantic/color/light.json",
199
192
  "isSource": true,
200
- "name": "Color Surface Highlight",
201
- "path": ["semantic", "color", "surface", "highlight"]
193
+ "name": "Color Background None",
194
+ "path": ["color", "background", "none"]
202
195
  },
203
196
  {
204
- "key": "{semantic.color.transparent.default.default}",
205
- "value": "rgba(0, 0, 0, 0)",
197
+ "key": "{color.foreground.1}",
198
+ "value": "#ffffff",
206
199
  "type": "color",
207
200
  "attributes": {
208
201
  "category": "color",
209
- "group": "transparent",
202
+ "group": "foreground",
210
203
  "type": "color",
211
- "item": "transparent",
212
- "subitem": "default",
213
- "state": "default",
204
+ "item": "1",
205
+ "value": "#ffffff",
206
+ "description": "Deprecated, use `--calcite-color-surface-2` instead",
207
+ "filePath": "src/tokens/semantic/color/light.json",
208
+ "isSource": true,
209
+ "key": "{color.foreground.1}",
210
+ "name": "calcite-color-foreground-1",
211
+ "path": ["color", "foreground", "1"],
212
+ "comment": "Deprecated, use `--calcite-color-surface-2` instead",
214
213
  "names": {
215
- "scss": "$calcite-color-transparent",
216
- "css": "var(--calcite-color-transparent)",
217
- "docs": "semantic.color.transparent.default.default",
218
- "es6": "calciteColorTransparent"
214
+ "scss": "$calcite-color-foreground-1",
215
+ "css": "var(--calcite-color-foreground-1)",
216
+ "docs": "color.foreground.1",
217
+ "es6": "calciteColorForeground1"
219
218
  },
220
219
  "calcite-schema": {
221
220
  "system": "calcite",
@@ -223,27 +222,35 @@
223
222
  "type": "color"
224
223
  }
225
224
  },
225
+ "description": "Deprecated, use `--calcite-color-surface-2` instead",
226
226
  "filePath": "src/tokens/semantic/color/light.json",
227
227
  "isSource": true,
228
- "name": "Color Transparent",
229
- "path": ["semantic", "color", "transparent", "default", "default"]
228
+ "name": "Color Foreground 1",
229
+ "path": ["color", "foreground", "1"],
230
+ "comment": "Deprecated, use `--calcite-color-surface-2` instead"
230
231
  },
231
232
  {
232
- "key": "{semantic.color.transparent.default.hover}",
233
- "value": "rgba(0, 0, 0, 0.04)",
233
+ "key": "{color.foreground.2}",
234
+ "value": "#f2f2f2",
234
235
  "type": "color",
235
236
  "attributes": {
236
237
  "category": "color",
237
- "group": "transparent",
238
+ "group": "foreground",
238
239
  "type": "color",
239
- "item": "transparent",
240
- "subitem": "default",
241
- "state": "hover",
240
+ "item": "2",
241
+ "value": "#f2f2f2",
242
+ "description": "Deprecated, use `--calcite-color-surface-3` instead",
243
+ "filePath": "src/tokens/semantic/color/light.json",
244
+ "isSource": true,
245
+ "key": "{color.foreground.2}",
246
+ "name": "calcite-color-foreground-2",
247
+ "path": ["color", "foreground", "2"],
248
+ "comment": "Deprecated, use `--calcite-color-surface-3` instead",
242
249
  "names": {
243
- "scss": "$calcite-color-transparent-hover",
244
- "css": "var(--calcite-color-transparent-hover)",
245
- "docs": "semantic.color.transparent.default.hover",
246
- "es6": "calciteColorTransparentHover"
250
+ "scss": "$calcite-color-foreground-2",
251
+ "css": "var(--calcite-color-foreground-2)",
252
+ "docs": "color.foreground.2",
253
+ "es6": "calciteColorForeground2"
247
254
  },
248
255
  "calcite-schema": {
249
256
  "system": "calcite",
@@ -251,27 +258,35 @@
251
258
  "type": "color"
252
259
  }
253
260
  },
261
+ "description": "Deprecated, use `--calcite-color-surface-3` instead",
254
262
  "filePath": "src/tokens/semantic/color/light.json",
255
263
  "isSource": true,
256
- "name": "Color Transparent Hover",
257
- "path": ["semantic", "color", "transparent", "default", "hover"]
264
+ "name": "Color Foreground 2",
265
+ "path": ["color", "foreground", "2"],
266
+ "comment": "Deprecated, use `--calcite-color-surface-3` instead"
258
267
  },
259
268
  {
260
- "key": "{semantic.color.transparent.default.press}",
261
- "value": "rgba(0, 0, 0, 0.08)",
269
+ "key": "{color.foreground.3}",
270
+ "value": "#ebebeb",
262
271
  "type": "color",
263
272
  "attributes": {
264
273
  "category": "color",
265
- "group": "transparent",
274
+ "group": "foreground",
266
275
  "type": "color",
267
- "item": "transparent",
268
- "subitem": "default",
269
- "state": "press",
276
+ "item": "3",
277
+ "value": "#ebebeb",
278
+ "description": "Deprecated, use `--calcite-color-surface-4` instead",
279
+ "filePath": "src/tokens/semantic/color/light.json",
280
+ "isSource": true,
281
+ "key": "{color.foreground.3}",
282
+ "name": "calcite-color-foreground-3",
283
+ "path": ["color", "foreground", "3"],
284
+ "comment": "Deprecated, use `--calcite-color-surface-4` instead",
270
285
  "names": {
271
- "scss": "$calcite-color-transparent-press",
272
- "css": "var(--calcite-color-transparent-press)",
273
- "docs": "semantic.color.transparent.default.press",
274
- "es6": "calciteColorTransparentPress"
286
+ "scss": "$calcite-color-foreground-3",
287
+ "css": "var(--calcite-color-foreground-3)",
288
+ "docs": "color.foreground.3",
289
+ "es6": "calciteColorForeground3"
275
290
  },
276
291
  "calcite-schema": {
277
292
  "system": "calcite",
@@ -279,28 +294,35 @@
279
294
  "type": "color"
280
295
  }
281
296
  },
297
+ "description": "Deprecated, use `--calcite-color-surface-4` instead",
282
298
  "filePath": "src/tokens/semantic/color/light.json",
283
299
  "isSource": true,
284
- "name": "Color Transparent Press",
285
- "path": ["semantic", "color", "transparent", "default", "press"]
300
+ "name": "Color Foreground 3",
301
+ "path": ["color", "foreground", "3"],
302
+ "comment": "Deprecated, use `--calcite-color-surface-4` instead"
286
303
  },
287
304
  {
288
- "key": "{semantic.color.transparent.inverse.hover}",
289
- "value": "rgba(255, 255, 255, 0.12)",
305
+ "key": "{color.foreground.current}",
306
+ "value": "#d6efff",
290
307
  "type": "color",
291
308
  "attributes": {
292
309
  "category": "color",
293
- "group": "transparent",
294
- "kind": "inverse",
310
+ "group": "foreground",
295
311
  "type": "color",
296
- "item": "transparent",
297
- "subitem": "inverse",
298
- "state": "hover",
312
+ "item": "current",
313
+ "value": "#d6efff",
314
+ "description": "deprecated, use --calcite-color-surface-highlight instead",
315
+ "filePath": "src/tokens/semantic/color/light.json",
316
+ "isSource": true,
317
+ "key": "{color.foreground.current}",
318
+ "name": "calcite-color-foreground-current",
319
+ "path": ["color", "foreground", "current"],
320
+ "comment": "deprecated, use --calcite-color-surface-highlight instead",
299
321
  "names": {
300
- "scss": "$calcite-color-transparent-inverse-hover",
301
- "css": "var(--calcite-color-transparent-inverse-hover)",
302
- "docs": "semantic.color.transparent.inverse.hover",
303
- "es6": "calciteColorTransparentInverseHover"
322
+ "scss": "$calcite-color-foreground-current",
323
+ "css": "var(--calcite-color-foreground-current)",
324
+ "docs": "color.foreground.current",
325
+ "es6": "calciteColorForegroundCurrent"
304
326
  },
305
327
  "calcite-schema": {
306
328
  "system": "calcite",
@@ -308,28 +330,27 @@
308
330
  "type": "color"
309
331
  }
310
332
  },
333
+ "description": "deprecated, use --calcite-color-surface-highlight instead",
311
334
  "filePath": "src/tokens/semantic/color/light.json",
312
335
  "isSource": true,
313
- "name": "Color Transparent Inverse Hover",
314
- "path": ["semantic", "color", "transparent", "inverse", "hover"]
336
+ "name": "Color Foreground Current",
337
+ "path": ["color", "foreground", "current"],
338
+ "comment": "deprecated, use --calcite-color-surface-highlight instead"
315
339
  },
316
340
  {
317
- "key": "{semantic.color.transparent.inverse.press}",
318
- "value": "rgba(255, 255, 255, 0.16)",
341
+ "key": "{color.text.1}",
342
+ "value": "#141414",
319
343
  "type": "color",
320
344
  "attributes": {
321
345
  "category": "color",
322
- "group": "transparent",
323
- "kind": "inverse",
324
- "type": "color",
325
- "item": "transparent",
326
- "subitem": "inverse",
327
- "state": "press",
346
+ "group": "text",
347
+ "type": "text",
348
+ "item": "1",
328
349
  "names": {
329
- "scss": "$calcite-color-transparent-inverse-press",
330
- "css": "var(--calcite-color-transparent-inverse-press)",
331
- "docs": "semantic.color.transparent.inverse.press",
332
- "es6": "calciteColorTransparentInversePress"
350
+ "scss": "$calcite-color-text-1",
351
+ "css": "var(--calcite-color-text-1)",
352
+ "docs": "color.text.1",
353
+ "es6": "calciteColorText1"
333
354
  },
334
355
  "calcite-schema": {
335
356
  "system": "calcite",
@@ -339,24 +360,23 @@
339
360
  },
340
361
  "filePath": "src/tokens/semantic/color/light.json",
341
362
  "isSource": true,
342
- "name": "Color Transparent Inverse Press",
343
- "path": ["semantic", "color", "transparent", "inverse", "press"]
363
+ "name": "Color Text 1",
364
+ "path": ["color", "text", "1"]
344
365
  },
345
366
  {
346
- "key": "{semantic.color.transparent.scrim}",
347
- "value": "rgba(255, 255, 255, 0.85)",
367
+ "key": "{color.text.2}",
368
+ "value": "#4a4a4a",
348
369
  "type": "color",
349
370
  "attributes": {
350
371
  "category": "color",
351
- "group": "transparent",
352
- "type": "color",
353
- "item": "transparent",
354
- "subitem": "scrim",
372
+ "group": "text",
373
+ "type": "text",
374
+ "item": "2",
355
375
  "names": {
356
- "scss": "$calcite-color-transparent-scrim",
357
- "css": "var(--calcite-color-transparent-scrim)",
358
- "docs": "semantic.color.transparent.scrim",
359
- "es6": "calciteColorTransparentScrim"
376
+ "scss": "$calcite-color-text-2",
377
+ "css": "var(--calcite-color-text-2)",
378
+ "docs": "color.text.2",
379
+ "es6": "calciteColorText2"
360
380
  },
361
381
  "calcite-schema": {
362
382
  "system": "calcite",
@@ -366,24 +386,23 @@
366
386
  },
367
387
  "filePath": "src/tokens/semantic/color/light.json",
368
388
  "isSource": true,
369
- "name": "Color Transparent Scrim",
370
- "path": ["semantic", "color", "transparent", "scrim"]
389
+ "name": "Color Text 2",
390
+ "path": ["color", "text", "2"]
371
391
  },
372
392
  {
373
- "key": "{semantic.color.transparent.tint}",
374
- "value": "rgba(255, 255, 255, 0.8)",
393
+ "key": "{color.text.3}",
394
+ "value": "#6b6b6b",
375
395
  "type": "color",
376
396
  "attributes": {
377
397
  "category": "color",
378
- "group": "transparent",
379
- "type": "color",
380
- "item": "transparent",
381
- "subitem": "tint",
398
+ "group": "text",
399
+ "type": "text",
400
+ "item": "3",
382
401
  "names": {
383
- "scss": "$calcite-color-transparent-tint",
384
- "css": "var(--calcite-color-transparent-tint)",
385
- "docs": "semantic.color.transparent.tint",
386
- "es6": "calciteColorTransparentTint"
402
+ "scss": "$calcite-color-text-3",
403
+ "css": "var(--calcite-color-text-3)",
404
+ "docs": "color.text.3",
405
+ "es6": "calciteColorText3"
387
406
  },
388
407
  "calcite-schema": {
389
408
  "system": "calcite",
@@ -393,25 +412,23 @@
393
412
  },
394
413
  "filePath": "src/tokens/semantic/color/light.json",
395
414
  "isSource": true,
396
- "name": "Color Transparent Tint",
397
- "path": ["semantic", "color", "transparent", "tint"]
415
+ "name": "Color Text 3",
416
+ "path": ["color", "text", "3"]
398
417
  },
399
418
  {
400
- "key": "{semantic.color.brand.default.default}",
401
- "value": "#007ac2",
419
+ "key": "{color.text.inverse}",
420
+ "value": "#ffffff",
402
421
  "type": "color",
403
422
  "attributes": {
404
423
  "category": "color",
405
- "group": "brand",
406
- "type": "color",
407
- "item": "brand",
408
- "subitem": "default",
409
- "state": "default",
424
+ "group": "text",
425
+ "type": "text",
426
+ "item": "inverse",
410
427
  "names": {
411
- "scss": "$calcite-color-brand",
412
- "css": "var(--calcite-color-brand)",
413
- "docs": "semantic.color.brand.default.default",
414
- "es6": "calciteColorBrand"
428
+ "scss": "$calcite-color-text-inverse",
429
+ "css": "var(--calcite-color-text-inverse)",
430
+ "docs": "color.text.inverse",
431
+ "es6": "calciteColorTextInverse"
415
432
  },
416
433
  "calcite-schema": {
417
434
  "system": "calcite",
@@ -421,25 +438,23 @@
421
438
  },
422
439
  "filePath": "src/tokens/semantic/color/light.json",
423
440
  "isSource": true,
424
- "name": "Color Brand",
425
- "path": ["semantic", "color", "brand", "default", "default"]
441
+ "name": "Color Text Inverse",
442
+ "path": ["color", "text", "inverse"]
426
443
  },
427
444
  {
428
- "key": "{semantic.color.brand.default.hover}",
445
+ "key": "{color.text.link}",
429
446
  "value": "#00619b",
430
447
  "type": "color",
431
448
  "attributes": {
432
449
  "category": "color",
433
- "group": "brand",
434
- "type": "color",
435
- "item": "brand",
436
- "subitem": "default",
437
- "state": "hover",
450
+ "group": "text",
451
+ "type": "text",
452
+ "item": "link",
438
453
  "names": {
439
- "scss": "$calcite-color-brand-hover",
440
- "css": "var(--calcite-color-brand-hover)",
441
- "docs": "semantic.color.brand.default.hover",
442
- "es6": "calciteColorBrandHover"
454
+ "scss": "$calcite-color-text-link",
455
+ "css": "var(--calcite-color-text-link)",
456
+ "docs": "color.text.link",
457
+ "es6": "calciteColorTextLink"
443
458
  },
444
459
  "calcite-schema": {
445
460
  "system": "calcite",
@@ -449,25 +464,23 @@
449
464
  },
450
465
  "filePath": "src/tokens/semantic/color/light.json",
451
466
  "isSource": true,
452
- "name": "Color Brand Hover",
453
- "path": ["semantic", "color", "brand", "default", "hover"]
467
+ "name": "Color Text Link",
468
+ "path": ["color", "text", "link"]
454
469
  },
455
470
  {
456
- "key": "{semantic.color.brand.default.press}",
471
+ "key": "{color.text.highlight}",
457
472
  "value": "#004874",
458
473
  "type": "color",
459
474
  "attributes": {
460
475
  "category": "color",
461
- "group": "brand",
462
- "type": "color",
463
- "item": "brand",
464
- "subitem": "default",
465
- "state": "press",
476
+ "group": "text",
477
+ "type": "text",
478
+ "item": "highlight",
466
479
  "names": {
467
- "scss": "$calcite-color-brand-press",
468
- "css": "var(--calcite-color-brand-press)",
469
- "docs": "semantic.color.brand.default.press",
470
- "es6": "calciteColorBrandPress"
480
+ "scss": "$calcite-color-text-highlight",
481
+ "css": "var(--calcite-color-text-highlight)",
482
+ "docs": "color.text.highlight",
483
+ "es6": "calciteColorTextHighlight"
471
484
  },
472
485
  "calcite-schema": {
473
486
  "system": "calcite",
@@ -477,24 +490,23 @@
477
490
  },
478
491
  "filePath": "src/tokens/semantic/color/light.json",
479
492
  "isSource": true,
480
- "name": "Color Brand Press",
481
- "path": ["semantic", "color", "brand", "default", "press"]
493
+ "name": "Color Text Highlight",
494
+ "path": ["color", "text", "highlight"]
482
495
  },
483
496
  {
484
- "key": "{semantic.color.brand.underline}",
497
+ "key": "{color.border.1}",
498
+ "value": "#d4d4d4",
485
499
  "type": "color",
486
- "value": "rgba(0, 97, 155, 0.4)",
487
500
  "attributes": {
488
501
  "category": "color",
489
- "group": "brand",
490
- "type": "color",
491
- "item": "brand",
492
- "subitem": "underline",
502
+ "group": "border",
503
+ "type": "border",
504
+ "item": "1",
493
505
  "names": {
494
- "scss": "$calcite-color-brand-underline",
495
- "css": "var(--calcite-color-brand-underline)",
496
- "docs": "semantic.color.brand.underline",
497
- "es6": "calciteColorBrandUnderline"
506
+ "scss": "$calcite-color-border-1",
507
+ "css": "var(--calcite-color-border-1)",
508
+ "docs": "color.border.1",
509
+ "es6": "calciteColorBorder1"
498
510
  },
499
511
  "calcite-schema": {
500
512
  "system": "calcite",
@@ -504,26 +516,23 @@
504
516
  },
505
517
  "filePath": "src/tokens/semantic/color/light.json",
506
518
  "isSource": true,
507
- "name": "Color Brand Underline",
508
- "path": ["semantic", "color", "brand", "underline"]
519
+ "name": "Color Border 1",
520
+ "path": ["color", "border", "1"]
509
521
  },
510
522
  {
511
- "key": "{semantic.color.status.info.default}",
512
- "value": "#00619b",
523
+ "key": "{color.border.2}",
524
+ "value": "#dedede",
513
525
  "type": "color",
514
526
  "attributes": {
515
527
  "category": "color",
516
- "group": "status",
517
- "kind": "info",
518
- "type": "color",
519
- "item": "status",
520
- "subitem": "info",
521
- "state": "default",
528
+ "group": "border",
529
+ "type": "border",
530
+ "item": "2",
522
531
  "names": {
523
- "scss": "$calcite-color-status-info",
524
- "css": "var(--calcite-color-status-info)",
525
- "docs": "semantic.color.status.info.default",
526
- "es6": "calciteColorStatusInfo"
532
+ "scss": "$calcite-color-border-2",
533
+ "css": "var(--calcite-color-border-2)",
534
+ "docs": "color.border.2",
535
+ "es6": "calciteColorBorder2"
527
536
  },
528
537
  "calcite-schema": {
529
538
  "system": "calcite",
@@ -533,26 +542,23 @@
533
542
  },
534
543
  "filePath": "src/tokens/semantic/color/light.json",
535
544
  "isSource": true,
536
- "name": "Color Status Info",
537
- "path": ["semantic", "color", "status", "info", "default"]
545
+ "name": "Color Border 2",
546
+ "path": ["color", "border", "2"]
538
547
  },
539
548
  {
540
- "key": "{semantic.color.status.info.hover}",
541
- "value": "#004874",
549
+ "key": "{color.border.3}",
550
+ "value": "#ebebeb",
542
551
  "type": "color",
543
552
  "attributes": {
544
553
  "category": "color",
545
- "group": "status",
546
- "kind": "info",
547
- "type": "color",
548
- "item": "status",
549
- "subitem": "info",
550
- "state": "hover",
554
+ "group": "border",
555
+ "type": "border",
556
+ "item": "3",
551
557
  "names": {
552
- "scss": "$calcite-color-status-info-hover",
553
- "css": "var(--calcite-color-status-info-hover)",
554
- "docs": "semantic.color.status.info.hover",
555
- "es6": "calciteColorStatusInfoHover"
558
+ "scss": "$calcite-color-border-3",
559
+ "css": "var(--calcite-color-border-3)",
560
+ "docs": "color.border.3",
561
+ "es6": "calciteColorBorder3"
556
562
  },
557
563
  "calcite-schema": {
558
564
  "system": "calcite",
@@ -562,26 +568,23 @@
562
568
  },
563
569
  "filePath": "src/tokens/semantic/color/light.json",
564
570
  "isSource": true,
565
- "name": "Color Status Info Hover",
566
- "path": ["semantic", "color", "status", "info", "hover"]
571
+ "name": "Color Border 3",
572
+ "path": ["color", "border", "3"]
567
573
  },
568
574
  {
569
- "key": "{semantic.color.status.info.press}",
570
- "value": "#00304d",
575
+ "key": "{color.border.input}",
576
+ "value": "#949494",
571
577
  "type": "color",
572
578
  "attributes": {
573
579
  "category": "color",
574
- "group": "status",
575
- "kind": "info",
576
- "type": "color",
577
- "item": "status",
578
- "subitem": "info",
579
- "state": "press",
580
+ "group": "border",
581
+ "type": "border",
582
+ "item": "input",
580
583
  "names": {
581
- "scss": "$calcite-color-status-info-press",
582
- "css": "var(--calcite-color-status-info-press)",
583
- "docs": "semantic.color.status.info.press",
584
- "es6": "calciteColorStatusInfoPress"
584
+ "scss": "$calcite-color-border-input",
585
+ "css": "var(--calcite-color-border-input)",
586
+ "docs": "color.border.input",
587
+ "es6": "calciteColorBorderInput"
585
588
  },
586
589
  "calcite-schema": {
587
590
  "system": "calcite",
@@ -591,26 +594,23 @@
591
594
  },
592
595
  "filePath": "src/tokens/semantic/color/light.json",
593
596
  "isSource": true,
594
- "name": "Color Status Info Press",
595
- "path": ["semantic", "color", "status", "info", "press"]
597
+ "name": "Color Border Input",
598
+ "path": ["color", "border", "input"]
596
599
  },
597
600
  {
598
- "key": "{semantic.color.status.success.default}",
599
- "value": "#35ac46",
601
+ "key": "{color.border.ghost}",
602
+ "value": "rgba(0, 0, 0, 0.3)",
600
603
  "type": "color",
601
604
  "attributes": {
602
605
  "category": "color",
603
- "group": "status",
604
- "kind": "success",
605
- "type": "color",
606
- "item": "status",
607
- "subitem": "success",
608
- "state": "default",
606
+ "group": "border",
607
+ "type": "border",
608
+ "item": "ghost",
609
609
  "names": {
610
- "scss": "$calcite-color-status-success",
611
- "css": "var(--calcite-color-status-success)",
612
- "docs": "semantic.color.status.success.default",
613
- "es6": "calciteColorStatusSuccess"
610
+ "scss": "$calcite-color-border-ghost",
611
+ "css": "var(--calcite-color-border-ghost)",
612
+ "docs": "color.border.ghost",
613
+ "es6": "calciteColorBorderGhost"
614
614
  },
615
615
  "calcite-schema": {
616
616
  "system": "calcite",
@@ -620,26 +620,23 @@
620
620
  },
621
621
  "filePath": "src/tokens/semantic/color/light.json",
622
622
  "isSource": true,
623
- "name": "Color Status Success",
624
- "path": ["semantic", "color", "status", "success", "default"]
623
+ "name": "Color Border Ghost",
624
+ "path": ["color", "border", "ghost"]
625
625
  },
626
626
  {
627
- "key": "{semantic.color.status.success.hover}",
628
- "value": "#288835",
627
+ "key": "{color.border.white}",
628
+ "value": "#ffffff",
629
629
  "type": "color",
630
630
  "attributes": {
631
631
  "category": "color",
632
- "group": "status",
633
- "kind": "success",
634
- "type": "color",
635
- "item": "status",
636
- "subitem": "success",
637
- "state": "hover",
632
+ "group": "border",
633
+ "type": "border",
634
+ "item": "white",
638
635
  "names": {
639
- "scss": "$calcite-color-status-success-hover",
640
- "css": "var(--calcite-color-status-success-hover)",
641
- "docs": "semantic.color.status.success.hover",
642
- "es6": "calciteColorStatusSuccessHover"
636
+ "scss": "$calcite-color-border-white",
637
+ "css": "var(--calcite-color-border-white)",
638
+ "docs": "color.border.white",
639
+ "es6": "calciteColorBorderWhite"
643
640
  },
644
641
  "calcite-schema": {
645
642
  "system": "calcite",
@@ -649,26 +646,23 @@
649
646
  },
650
647
  "filePath": "src/tokens/semantic/color/light.json",
651
648
  "isSource": true,
652
- "name": "Color Status Success Hover",
653
- "path": ["semantic", "color", "status", "success", "hover"]
649
+ "name": "Color Border White",
650
+ "path": ["color", "border", "white"]
654
651
  },
655
652
  {
656
- "key": "{semantic.color.status.success.press}",
657
- "value": "#1a6324",
653
+ "key": "{color.brand.default}",
654
+ "value": "#007ac2",
658
655
  "type": "color",
659
656
  "attributes": {
660
657
  "category": "color",
661
- "group": "status",
662
- "kind": "success",
663
- "type": "color",
664
- "item": "status",
665
- "subitem": "success",
666
- "state": "press",
658
+ "group": "brand",
659
+ "type": "brand",
660
+ "item": "default",
667
661
  "names": {
668
- "scss": "$calcite-color-status-success-press",
669
- "css": "var(--calcite-color-status-success-press)",
670
- "docs": "semantic.color.status.success.press",
671
- "es6": "calciteColorStatusSuccessPress"
662
+ "scss": "$calcite-color-brand",
663
+ "css": "var(--calcite-color-brand)",
664
+ "docs": "color.brand.default",
665
+ "es6": "calciteColorBrand"
672
666
  },
673
667
  "calcite-schema": {
674
668
  "system": "calcite",
@@ -678,26 +672,23 @@
678
672
  },
679
673
  "filePath": "src/tokens/semantic/color/light.json",
680
674
  "isSource": true,
681
- "name": "Color Status Success Press",
682
- "path": ["semantic", "color", "status", "success", "press"]
675
+ "name": "Color Brand",
676
+ "path": ["color", "brand", "default"]
683
677
  },
684
678
  {
685
- "key": "{semantic.color.status.warning.default}",
686
- "value": "#f89927",
679
+ "key": "{color.brand.hover}",
680
+ "value": "#00619b",
687
681
  "type": "color",
688
682
  "attributes": {
689
683
  "category": "color",
690
- "group": "status",
691
- "kind": "warning",
692
- "type": "color",
693
- "item": "status",
694
- "subitem": "warning",
695
- "state": "default",
684
+ "group": "brand",
685
+ "type": "brand",
686
+ "item": "hover",
696
687
  "names": {
697
- "scss": "$calcite-color-status-warning",
698
- "css": "var(--calcite-color-status-warning)",
699
- "docs": "semantic.color.status.warning.default",
700
- "es6": "calciteColorStatusWarning"
688
+ "scss": "$calcite-color-brand-hover",
689
+ "css": "var(--calcite-color-brand-hover)",
690
+ "docs": "color.brand.hover",
691
+ "es6": "calciteColorBrandHover"
701
692
  },
702
693
  "calcite-schema": {
703
694
  "system": "calcite",
@@ -707,26 +698,23 @@
707
698
  },
708
699
  "filePath": "src/tokens/semantic/color/light.json",
709
700
  "isSource": true,
710
- "name": "Color Status Warning",
711
- "path": ["semantic", "color", "status", "warning", "default"]
701
+ "name": "Color Brand Hover",
702
+ "path": ["color", "brand", "hover"]
712
703
  },
713
704
  {
714
- "key": "{semantic.color.status.warning.hover}",
715
- "value": "#d17300",
705
+ "key": "{color.brand.press}",
706
+ "value": "#004874",
716
707
  "type": "color",
717
708
  "attributes": {
718
709
  "category": "color",
719
- "group": "status",
720
- "kind": "warning",
721
- "type": "color",
722
- "item": "status",
723
- "subitem": "warning",
724
- "state": "hover",
710
+ "group": "brand",
711
+ "type": "brand",
712
+ "item": "press",
725
713
  "names": {
726
- "scss": "$calcite-color-status-warning-hover",
727
- "css": "var(--calcite-color-status-warning-hover)",
728
- "docs": "semantic.color.status.warning.hover",
729
- "es6": "calciteColorStatusWarningHover"
714
+ "scss": "$calcite-color-brand-press",
715
+ "css": "var(--calcite-color-brand-press)",
716
+ "docs": "color.brand.press",
717
+ "es6": "calciteColorBrandPress"
730
718
  },
731
719
  "calcite-schema": {
732
720
  "system": "calcite",
@@ -736,26 +724,23 @@
736
724
  },
737
725
  "filePath": "src/tokens/semantic/color/light.json",
738
726
  "isSource": true,
739
- "name": "Color Status Warning Hover",
740
- "path": ["semantic", "color", "status", "warning", "hover"]
727
+ "name": "Color Brand Press",
728
+ "path": ["color", "brand", "press"]
741
729
  },
742
730
  {
743
- "key": "{semantic.color.status.warning.press}",
744
- "value": "#9a5b10",
731
+ "key": "{color.brand.underline}",
745
732
  "type": "color",
733
+ "value": "rgba(0, 97, 155, 0.4)",
746
734
  "attributes": {
747
735
  "category": "color",
748
- "group": "status",
749
- "kind": "warning",
750
- "type": "color",
751
- "item": "status",
752
- "subitem": "warning",
753
- "state": "press",
736
+ "group": "brand",
737
+ "type": "brand",
738
+ "item": "underline",
754
739
  "names": {
755
- "scss": "$calcite-color-status-warning-press",
756
- "css": "var(--calcite-color-status-warning-press)",
757
- "docs": "semantic.color.status.warning.press",
758
- "es6": "calciteColorStatusWarningPress"
740
+ "scss": "$calcite-color-brand-underline",
741
+ "css": "var(--calcite-color-brand-underline)",
742
+ "docs": "color.brand.underline",
743
+ "es6": "calciteColorBrandUnderline"
759
744
  },
760
745
  "calcite-schema": {
761
746
  "system": "calcite",
@@ -765,26 +750,103 @@
765
750
  },
766
751
  "filePath": "src/tokens/semantic/color/light.json",
767
752
  "isSource": true,
768
- "name": "Color Status Warning Press",
769
- "path": ["semantic", "color", "status", "warning", "press"]
753
+ "name": "Color Brand Underline",
754
+ "path": ["color", "brand", "underline"]
770
755
  },
771
756
  {
772
- "key": "{semantic.color.status.danger.default}",
773
- "value": "#d83020",
757
+ "key": "{color.inverse.default}",
758
+ "value": "#363636",
759
+ "type": "color",
760
+ "attributes": {
761
+ "category": "color",
762
+ "group": "inverse",
763
+ "type": "inverse",
764
+ "item": "default",
765
+ "names": {
766
+ "scss": "$calcite-color-inverse",
767
+ "css": "var(--calcite-color-inverse)",
768
+ "docs": "color.inverse.default",
769
+ "es6": "calciteColorInverse"
770
+ },
771
+ "calcite-schema": {
772
+ "system": "calcite",
773
+ "tier": "color",
774
+ "type": "color"
775
+ }
776
+ },
777
+ "filePath": "src/tokens/semantic/color/light.json",
778
+ "isSource": true,
779
+ "name": "Color Inverse",
780
+ "path": ["color", "inverse", "default"]
781
+ },
782
+ {
783
+ "key": "{color.inverse.hover}",
784
+ "value": "#2b2b2b",
785
+ "type": "color",
786
+ "attributes": {
787
+ "category": "color",
788
+ "group": "inverse",
789
+ "type": "inverse",
790
+ "item": "hover",
791
+ "names": {
792
+ "scss": "$calcite-color-inverse-hover",
793
+ "css": "var(--calcite-color-inverse-hover)",
794
+ "docs": "color.inverse.hover",
795
+ "es6": "calciteColorInverseHover"
796
+ },
797
+ "calcite-schema": {
798
+ "system": "calcite",
799
+ "tier": "color",
800
+ "type": "color"
801
+ }
802
+ },
803
+ "filePath": "src/tokens/semantic/color/light.json",
804
+ "isSource": true,
805
+ "name": "Color Inverse Hover",
806
+ "path": ["color", "inverse", "hover"]
807
+ },
808
+ {
809
+ "key": "{color.inverse.press}",
810
+ "value": "#212121",
811
+ "type": "color",
812
+ "attributes": {
813
+ "category": "color",
814
+ "group": "inverse",
815
+ "type": "inverse",
816
+ "item": "press",
817
+ "names": {
818
+ "scss": "$calcite-color-inverse-press",
819
+ "css": "var(--calcite-color-inverse-press)",
820
+ "docs": "color.inverse.press",
821
+ "es6": "calciteColorInversePress"
822
+ },
823
+ "calcite-schema": {
824
+ "system": "calcite",
825
+ "tier": "color",
826
+ "type": "color"
827
+ }
828
+ },
829
+ "filePath": "src/tokens/semantic/color/light.json",
830
+ "isSource": true,
831
+ "name": "Color Inverse Press",
832
+ "path": ["color", "inverse", "press"]
833
+ },
834
+ {
835
+ "key": "{color.status.info.default}",
836
+ "value": "#00619b",
774
837
  "type": "color",
775
838
  "attributes": {
776
839
  "category": "color",
777
840
  "group": "status",
778
- "kind": "danger",
779
- "type": "color",
780
- "item": "status",
781
- "subitem": "danger",
782
- "state": "default",
841
+ "kind": "info",
842
+ "type": "status",
843
+ "item": "info",
844
+ "subitem": "default",
783
845
  "names": {
784
- "scss": "$calcite-color-status-danger",
785
- "css": "var(--calcite-color-status-danger)",
786
- "docs": "semantic.color.status.danger.default",
787
- "es6": "calciteColorStatusDanger"
846
+ "scss": "$calcite-color-status-info",
847
+ "css": "var(--calcite-color-status-info)",
848
+ "docs": "color.status.info.default",
849
+ "es6": "calciteColorStatusInfo"
788
850
  },
789
851
  "calcite-schema": {
790
852
  "system": "calcite",
@@ -794,26 +856,25 @@
794
856
  },
795
857
  "filePath": "src/tokens/semantic/color/light.json",
796
858
  "isSource": true,
797
- "name": "Color Status Danger",
798
- "path": ["semantic", "color", "status", "danger", "default"]
859
+ "name": "Color Status Info",
860
+ "path": ["color", "status", "info", "default"]
799
861
  },
800
862
  {
801
- "key": "{semantic.color.status.danger.hover}",
802
- "value": "#a82b1e",
863
+ "key": "{color.status.info.hover}",
864
+ "value": "#004874",
803
865
  "type": "color",
804
866
  "attributes": {
805
867
  "category": "color",
806
868
  "group": "status",
807
- "kind": "danger",
808
- "type": "color",
809
- "item": "status",
810
- "subitem": "danger",
811
- "state": "hover",
869
+ "kind": "info",
870
+ "type": "status",
871
+ "item": "info",
872
+ "subitem": "hover",
812
873
  "names": {
813
- "scss": "$calcite-color-status-danger-hover",
814
- "css": "var(--calcite-color-status-danger-hover)",
815
- "docs": "semantic.color.status.danger.hover",
816
- "es6": "calciteColorStatusDangerHover"
874
+ "scss": "$calcite-color-status-info-hover",
875
+ "css": "var(--calcite-color-status-info-hover)",
876
+ "docs": "color.status.info.hover",
877
+ "es6": "calciteColorStatusInfoHover"
817
878
  },
818
879
  "calcite-schema": {
819
880
  "system": "calcite",
@@ -823,26 +884,25 @@
823
884
  },
824
885
  "filePath": "src/tokens/semantic/color/light.json",
825
886
  "isSource": true,
826
- "name": "Color Status Danger Hover",
827
- "path": ["semantic", "color", "status", "danger", "hover"]
887
+ "name": "Color Status Info Hover",
888
+ "path": ["color", "status", "info", "hover"]
828
889
  },
829
890
  {
830
- "key": "{semantic.color.status.danger.press}",
831
- "value": "#7c1d13",
891
+ "key": "{color.status.info.press}",
892
+ "value": "#00304d",
832
893
  "type": "color",
833
894
  "attributes": {
834
895
  "category": "color",
835
896
  "group": "status",
836
- "kind": "danger",
837
- "type": "color",
838
- "item": "status",
839
- "subitem": "danger",
840
- "state": "press",
897
+ "kind": "info",
898
+ "type": "status",
899
+ "item": "info",
900
+ "subitem": "press",
841
901
  "names": {
842
- "scss": "$calcite-color-status-danger-press",
843
- "css": "var(--calcite-color-status-danger-press)",
844
- "docs": "semantic.color.status.danger.press",
845
- "es6": "calciteColorStatusDangerPress"
902
+ "scss": "$calcite-color-status-info-press",
903
+ "css": "var(--calcite-color-status-info-press)",
904
+ "docs": "color.status.info.press",
905
+ "es6": "calciteColorStatusInfoPress"
846
906
  },
847
907
  "calcite-schema": {
848
908
  "system": "calcite",
@@ -852,24 +912,25 @@
852
912
  },
853
913
  "filePath": "src/tokens/semantic/color/light.json",
854
914
  "isSource": true,
855
- "name": "Color Status Danger Press",
856
- "path": ["semantic", "color", "status", "danger", "press"]
915
+ "name": "Color Status Info Press",
916
+ "path": ["color", "status", "info", "press"]
857
917
  },
858
918
  {
859
- "key": "{semantic.color.inverse.default}",
860
- "value": "#363636",
919
+ "key": "{color.status.success.default}",
920
+ "value": "#288835",
861
921
  "type": "color",
862
922
  "attributes": {
863
923
  "category": "color",
864
- "group": "inverse",
865
- "type": "color",
866
- "item": "inverse",
924
+ "group": "status",
925
+ "kind": "success",
926
+ "type": "status",
927
+ "item": "success",
867
928
  "subitem": "default",
868
929
  "names": {
869
- "scss": "$calcite-color-inverse",
870
- "css": "var(--calcite-color-inverse)",
871
- "docs": "semantic.color.inverse.default",
872
- "es6": "calciteColorInverse"
930
+ "scss": "$calcite-color-status-success",
931
+ "css": "var(--calcite-color-status-success)",
932
+ "docs": "color.status.success.default",
933
+ "es6": "calciteColorStatusSuccess"
873
934
  },
874
935
  "calcite-schema": {
875
936
  "system": "calcite",
@@ -879,24 +940,25 @@
879
940
  },
880
941
  "filePath": "src/tokens/semantic/color/light.json",
881
942
  "isSource": true,
882
- "name": "Color Inverse",
883
- "path": ["semantic", "color", "inverse", "default"]
943
+ "name": "Color Status Success",
944
+ "path": ["color", "status", "success", "default"]
884
945
  },
885
946
  {
886
- "key": "{semantic.color.inverse.hover}",
887
- "value": "#2b2b2b",
947
+ "key": "{color.status.success.hover}",
948
+ "value": "#1a6324",
888
949
  "type": "color",
889
950
  "attributes": {
890
951
  "category": "color",
891
- "group": "inverse",
892
- "type": "color",
893
- "item": "inverse",
952
+ "group": "status",
953
+ "kind": "success",
954
+ "type": "status",
955
+ "item": "success",
894
956
  "subitem": "hover",
895
957
  "names": {
896
- "scss": "$calcite-color-inverse-hover",
897
- "css": "var(--calcite-color-inverse-hover)",
898
- "docs": "semantic.color.inverse.hover",
899
- "es6": "calciteColorInverseHover"
958
+ "scss": "$calcite-color-status-success-hover",
959
+ "css": "var(--calcite-color-status-success-hover)",
960
+ "docs": "color.status.success.hover",
961
+ "es6": "calciteColorStatusSuccessHover"
900
962
  },
901
963
  "calcite-schema": {
902
964
  "system": "calcite",
@@ -906,24 +968,25 @@
906
968
  },
907
969
  "filePath": "src/tokens/semantic/color/light.json",
908
970
  "isSource": true,
909
- "name": "Color Inverse Hover",
910
- "path": ["semantic", "color", "inverse", "hover"]
971
+ "name": "Color Status Success Hover",
972
+ "path": ["color", "status", "success", "hover"]
911
973
  },
912
974
  {
913
- "key": "{semantic.color.inverse.press}",
914
- "value": "#212121",
975
+ "key": "{color.status.success.press}",
976
+ "value": "#0d3f14",
915
977
  "type": "color",
916
978
  "attributes": {
917
979
  "category": "color",
918
- "group": "inverse",
919
- "type": "color",
920
- "item": "inverse",
980
+ "group": "status",
981
+ "kind": "success",
982
+ "type": "status",
983
+ "item": "success",
921
984
  "subitem": "press",
922
985
  "names": {
923
- "scss": "$calcite-color-inverse-press",
924
- "css": "var(--calcite-color-inverse-press)",
925
- "docs": "semantic.color.inverse.press",
926
- "es6": "calciteColorInversePress"
986
+ "scss": "$calcite-color-status-success-press",
987
+ "css": "var(--calcite-color-status-success-press)",
988
+ "docs": "color.status.success.press",
989
+ "es6": "calciteColorStatusSuccessPress"
927
990
  },
928
991
  "calcite-schema": {
929
992
  "system": "calcite",
@@ -933,24 +996,25 @@
933
996
  },
934
997
  "filePath": "src/tokens/semantic/color/light.json",
935
998
  "isSource": true,
936
- "name": "Color Inverse Press",
937
- "path": ["semantic", "color", "inverse", "press"]
999
+ "name": "Color Status Success Press",
1000
+ "path": ["color", "status", "success", "press"]
938
1001
  },
939
1002
  {
940
- "key": "{semantic.color.text.1}",
941
- "value": "#141414",
1003
+ "key": "{color.status.warning.default}",
1004
+ "value": "#da7c0b",
942
1005
  "type": "color",
943
1006
  "attributes": {
944
1007
  "category": "color",
945
- "group": "text",
946
- "type": "color",
947
- "item": "text",
948
- "subitem": "1",
1008
+ "group": "status",
1009
+ "kind": "warning",
1010
+ "type": "status",
1011
+ "item": "warning",
1012
+ "subitem": "default",
949
1013
  "names": {
950
- "scss": "$calcite-color-text-1",
951
- "css": "var(--calcite-color-text-1)",
952
- "docs": "semantic.color.text.1",
953
- "es6": "calciteColorText1"
1014
+ "scss": "$calcite-color-status-warning",
1015
+ "css": "var(--calcite-color-status-warning)",
1016
+ "docs": "color.status.warning.default",
1017
+ "es6": "calciteColorStatusWarning"
954
1018
  },
955
1019
  "calcite-schema": {
956
1020
  "system": "calcite",
@@ -960,24 +1024,25 @@
960
1024
  },
961
1025
  "filePath": "src/tokens/semantic/color/light.json",
962
1026
  "isSource": true,
963
- "name": "Color Text 1",
964
- "path": ["semantic", "color", "text", "1"]
1027
+ "name": "Color Status Warning",
1028
+ "path": ["color", "status", "warning", "default"]
965
1029
  },
966
1030
  {
967
- "key": "{semantic.color.text.2}",
968
- "value": "#4a4a4a",
1031
+ "key": "{color.status.warning.hover}",
1032
+ "value": "#c26b00",
969
1033
  "type": "color",
970
1034
  "attributes": {
971
1035
  "category": "color",
972
- "group": "text",
973
- "type": "color",
974
- "item": "text",
975
- "subitem": "2",
1036
+ "group": "status",
1037
+ "kind": "warning",
1038
+ "type": "status",
1039
+ "item": "warning",
1040
+ "subitem": "hover",
976
1041
  "names": {
977
- "scss": "$calcite-color-text-2",
978
- "css": "var(--calcite-color-text-2)",
979
- "docs": "semantic.color.text.2",
980
- "es6": "calciteColorText2"
1042
+ "scss": "$calcite-color-status-warning-hover",
1043
+ "css": "var(--calcite-color-status-warning-hover)",
1044
+ "docs": "color.status.warning.hover",
1045
+ "es6": "calciteColorStatusWarningHover"
981
1046
  },
982
1047
  "calcite-schema": {
983
1048
  "system": "calcite",
@@ -987,24 +1052,25 @@
987
1052
  },
988
1053
  "filePath": "src/tokens/semantic/color/light.json",
989
1054
  "isSource": true,
990
- "name": "Color Text 2",
991
- "path": ["semantic", "color", "text", "2"]
1055
+ "name": "Color Status Warning Hover",
1056
+ "path": ["color", "status", "warning", "hover"]
992
1057
  },
993
1058
  {
994
- "key": "{semantic.color.text.3}",
995
- "value": "#6b6b6b",
1059
+ "key": "{color.status.warning.press}",
1060
+ "value": "#9a5b10",
996
1061
  "type": "color",
997
1062
  "attributes": {
998
1063
  "category": "color",
999
- "group": "text",
1000
- "type": "color",
1001
- "item": "text",
1002
- "subitem": "3",
1064
+ "group": "status",
1065
+ "kind": "warning",
1066
+ "type": "status",
1067
+ "item": "warning",
1068
+ "subitem": "press",
1003
1069
  "names": {
1004
- "scss": "$calcite-color-text-3",
1005
- "css": "var(--calcite-color-text-3)",
1006
- "docs": "semantic.color.text.3",
1007
- "es6": "calciteColorText3"
1070
+ "scss": "$calcite-color-status-warning-press",
1071
+ "css": "var(--calcite-color-status-warning-press)",
1072
+ "docs": "color.status.warning.press",
1073
+ "es6": "calciteColorStatusWarningPress"
1008
1074
  },
1009
1075
  "calcite-schema": {
1010
1076
  "system": "calcite",
@@ -1014,24 +1080,25 @@
1014
1080
  },
1015
1081
  "filePath": "src/tokens/semantic/color/light.json",
1016
1082
  "isSource": true,
1017
- "name": "Color Text 3",
1018
- "path": ["semantic", "color", "text", "3"]
1083
+ "name": "Color Status Warning Press",
1084
+ "path": ["color", "status", "warning", "press"]
1019
1085
  },
1020
1086
  {
1021
- "key": "{semantic.color.text.highlight}",
1022
- "value": "#004874",
1087
+ "key": "{color.status.danger.default}",
1088
+ "value": "#d83020",
1023
1089
  "type": "color",
1024
1090
  "attributes": {
1025
1091
  "category": "color",
1026
- "group": "text",
1027
- "type": "color",
1028
- "item": "text",
1029
- "subitem": "highlight",
1092
+ "group": "status",
1093
+ "kind": "danger",
1094
+ "type": "status",
1095
+ "item": "danger",
1096
+ "subitem": "default",
1030
1097
  "names": {
1031
- "scss": "$calcite-color-text-highlight",
1032
- "css": "var(--calcite-color-text-highlight)",
1033
- "docs": "semantic.color.text.highlight",
1034
- "es6": "calciteColorTextHighlight"
1098
+ "scss": "$calcite-color-status-danger",
1099
+ "css": "var(--calcite-color-status-danger)",
1100
+ "docs": "color.status.danger.default",
1101
+ "es6": "calciteColorStatusDanger"
1035
1102
  },
1036
1103
  "calcite-schema": {
1037
1104
  "system": "calcite",
@@ -1041,24 +1108,25 @@
1041
1108
  },
1042
1109
  "filePath": "src/tokens/semantic/color/light.json",
1043
1110
  "isSource": true,
1044
- "name": "Color Text Highlight",
1045
- "path": ["semantic", "color", "text", "highlight"]
1111
+ "name": "Color Status Danger",
1112
+ "path": ["color", "status", "danger", "default"]
1046
1113
  },
1047
1114
  {
1048
- "key": "{semantic.color.text.inverse}",
1049
- "value": "#ffffff",
1115
+ "key": "{color.status.danger.hover}",
1116
+ "value": "#a82b1e",
1050
1117
  "type": "color",
1051
1118
  "attributes": {
1052
1119
  "category": "color",
1053
- "group": "text",
1054
- "type": "color",
1055
- "item": "text",
1056
- "subitem": "inverse",
1120
+ "group": "status",
1121
+ "kind": "danger",
1122
+ "type": "status",
1123
+ "item": "danger",
1124
+ "subitem": "hover",
1057
1125
  "names": {
1058
- "scss": "$calcite-color-text-inverse",
1059
- "css": "var(--calcite-color-text-inverse)",
1060
- "docs": "semantic.color.text.inverse",
1061
- "es6": "calciteColorTextInverse"
1126
+ "scss": "$calcite-color-status-danger-hover",
1127
+ "css": "var(--calcite-color-status-danger-hover)",
1128
+ "docs": "color.status.danger.hover",
1129
+ "es6": "calciteColorStatusDangerHover"
1062
1130
  },
1063
1131
  "calcite-schema": {
1064
1132
  "system": "calcite",
@@ -1068,24 +1136,25 @@
1068
1136
  },
1069
1137
  "filePath": "src/tokens/semantic/color/light.json",
1070
1138
  "isSource": true,
1071
- "name": "Color Text Inverse",
1072
- "path": ["semantic", "color", "text", "inverse"]
1139
+ "name": "Color Status Danger Hover",
1140
+ "path": ["color", "status", "danger", "hover"]
1073
1141
  },
1074
1142
  {
1075
- "key": "{semantic.color.text.link}",
1076
- "value": "#00619b",
1143
+ "key": "{color.status.danger.press}",
1144
+ "value": "#7c1d13",
1077
1145
  "type": "color",
1078
1146
  "attributes": {
1079
1147
  "category": "color",
1080
- "group": "text",
1081
- "type": "color",
1082
- "item": "text",
1083
- "subitem": "link",
1148
+ "group": "status",
1149
+ "kind": "danger",
1150
+ "type": "status",
1151
+ "item": "danger",
1152
+ "subitem": "press",
1084
1153
  "names": {
1085
- "scss": "$calcite-color-text-link",
1086
- "css": "var(--calcite-color-text-link)",
1087
- "docs": "semantic.color.text.link",
1088
- "es6": "calciteColorTextLink"
1154
+ "scss": "$calcite-color-status-danger-press",
1155
+ "css": "var(--calcite-color-status-danger-press)",
1156
+ "docs": "color.status.danger.press",
1157
+ "es6": "calciteColorStatusDangerPress"
1089
1158
  },
1090
1159
  "calcite-schema": {
1091
1160
  "system": "calcite",
@@ -1095,24 +1164,23 @@
1095
1164
  },
1096
1165
  "filePath": "src/tokens/semantic/color/light.json",
1097
1166
  "isSource": true,
1098
- "name": "Color Text Link",
1099
- "path": ["semantic", "color", "text", "link"]
1167
+ "name": "Color Status Danger Press",
1168
+ "path": ["color", "status", "danger", "press"]
1100
1169
  },
1101
1170
  {
1102
- "key": "{semantic.color.border.1}",
1103
- "value": "#c9c9c9",
1171
+ "key": "{color.transparent.default}",
1172
+ "value": "rgba(0, 0, 0, 0)",
1104
1173
  "type": "color",
1105
1174
  "attributes": {
1106
1175
  "category": "color",
1107
- "group": "border",
1108
- "type": "color",
1109
- "item": "border",
1110
- "subitem": "1",
1176
+ "group": "transparent",
1177
+ "type": "transparent",
1178
+ "item": "default",
1111
1179
  "names": {
1112
- "scss": "$calcite-color-border-1",
1113
- "css": "var(--calcite-color-border-1)",
1114
- "docs": "semantic.color.border.1",
1115
- "es6": "calciteColorBorder1"
1180
+ "scss": "$calcite-color-transparent",
1181
+ "css": "var(--calcite-color-transparent)",
1182
+ "docs": "color.transparent.default",
1183
+ "es6": "calciteColorTransparent"
1116
1184
  },
1117
1185
  "calcite-schema": {
1118
1186
  "system": "calcite",
@@ -1122,24 +1190,23 @@
1122
1190
  },
1123
1191
  "filePath": "src/tokens/semantic/color/light.json",
1124
1192
  "isSource": true,
1125
- "name": "Color Border 1",
1126
- "path": ["semantic", "color", "border", "1"]
1193
+ "name": "Color Transparent",
1194
+ "path": ["color", "transparent", "default"]
1127
1195
  },
1128
1196
  {
1129
- "key": "{semantic.color.border.2}",
1130
- "value": "#d4d4d4",
1197
+ "key": "{color.transparent.hover}",
1198
+ "value": "rgba(0, 0, 0, 0.04)",
1131
1199
  "type": "color",
1132
1200
  "attributes": {
1133
1201
  "category": "color",
1134
- "group": "border",
1135
- "type": "color",
1136
- "item": "border",
1137
- "subitem": "2",
1202
+ "group": "transparent",
1203
+ "type": "transparent",
1204
+ "item": "hover",
1138
1205
  "names": {
1139
- "scss": "$calcite-color-border-2",
1140
- "css": "var(--calcite-color-border-2)",
1141
- "docs": "semantic.color.border.2",
1142
- "es6": "calciteColorBorder2"
1206
+ "scss": "$calcite-color-transparent-hover",
1207
+ "css": "var(--calcite-color-transparent-hover)",
1208
+ "docs": "color.transparent.hover",
1209
+ "es6": "calciteColorTransparentHover"
1143
1210
  },
1144
1211
  "calcite-schema": {
1145
1212
  "system": "calcite",
@@ -1149,24 +1216,23 @@
1149
1216
  },
1150
1217
  "filePath": "src/tokens/semantic/color/light.json",
1151
1218
  "isSource": true,
1152
- "name": "Color Border 2",
1153
- "path": ["semantic", "color", "border", "2"]
1219
+ "name": "Color Transparent Hover",
1220
+ "path": ["color", "transparent", "hover"]
1154
1221
  },
1155
1222
  {
1156
- "key": "{semantic.color.border.3}",
1157
- "value": "#dedede",
1223
+ "key": "{color.transparent.press}",
1224
+ "value": "rgba(0, 0, 0, 0.08)",
1158
1225
  "type": "color",
1159
1226
  "attributes": {
1160
1227
  "category": "color",
1161
- "group": "border",
1162
- "type": "color",
1163
- "item": "border",
1164
- "subitem": "3",
1228
+ "group": "transparent",
1229
+ "type": "transparent",
1230
+ "item": "press",
1165
1231
  "names": {
1166
- "scss": "$calcite-color-border-3",
1167
- "css": "var(--calcite-color-border-3)",
1168
- "docs": "semantic.color.border.3",
1169
- "es6": "calciteColorBorder3"
1232
+ "scss": "$calcite-color-transparent-press",
1233
+ "css": "var(--calcite-color-transparent-press)",
1234
+ "docs": "color.transparent.press",
1235
+ "es6": "calciteColorTransparentPress"
1170
1236
  },
1171
1237
  "calcite-schema": {
1172
1238
  "system": "calcite",
@@ -1176,24 +1242,23 @@
1176
1242
  },
1177
1243
  "filePath": "src/tokens/semantic/color/light.json",
1178
1244
  "isSource": true,
1179
- "name": "Color Border 3",
1180
- "path": ["semantic", "color", "border", "3"]
1245
+ "name": "Color Transparent Press",
1246
+ "path": ["color", "transparent", "press"]
1181
1247
  },
1182
1248
  {
1183
- "key": "{semantic.color.border.input}",
1184
- "value": "#949494",
1249
+ "key": "{color.transparent.scrim}",
1250
+ "value": "rgba(255, 255, 255, 0.85)",
1185
1251
  "type": "color",
1186
1252
  "attributes": {
1187
1253
  "category": "color",
1188
- "group": "border",
1189
- "type": "color",
1190
- "item": "border",
1191
- "subitem": "input",
1254
+ "group": "transparent",
1255
+ "type": "transparent",
1256
+ "item": "scrim",
1192
1257
  "names": {
1193
- "scss": "$calcite-color-border-input",
1194
- "css": "var(--calcite-color-border-input)",
1195
- "docs": "semantic.color.border.input",
1196
- "es6": "calciteColorBorderInput"
1258
+ "scss": "$calcite-color-transparent-scrim",
1259
+ "css": "var(--calcite-color-transparent-scrim)",
1260
+ "docs": "color.transparent.scrim",
1261
+ "es6": "calciteColorTransparentScrim"
1197
1262
  },
1198
1263
  "calcite-schema": {
1199
1264
  "system": "calcite",
@@ -1203,24 +1268,23 @@
1203
1268
  },
1204
1269
  "filePath": "src/tokens/semantic/color/light.json",
1205
1270
  "isSource": true,
1206
- "name": "Color Border Input",
1207
- "path": ["semantic", "color", "border", "input"]
1271
+ "name": "Color Transparent Scrim",
1272
+ "path": ["color", "transparent", "scrim"]
1208
1273
  },
1209
1274
  {
1210
- "key": "{semantic.color.border.ghost}",
1211
- "value": "rgba(0, 0, 0, 0.3)",
1275
+ "key": "{color.transparent.tint}",
1276
+ "value": "rgba(255, 255, 255, 0.8)",
1212
1277
  "type": "color",
1213
1278
  "attributes": {
1214
1279
  "category": "color",
1215
- "group": "border",
1216
- "type": "color",
1217
- "item": "border",
1218
- "subitem": "ghost",
1280
+ "group": "transparent",
1281
+ "type": "transparent",
1282
+ "item": "tint",
1219
1283
  "names": {
1220
- "scss": "$calcite-color-border-ghost",
1221
- "css": "var(--calcite-color-border-ghost)",
1222
- "docs": "semantic.color.border.ghost",
1223
- "es6": "calciteColorBorderGhost"
1284
+ "scss": "$calcite-color-transparent-tint",
1285
+ "css": "var(--calcite-color-transparent-tint)",
1286
+ "docs": "color.transparent.tint",
1287
+ "es6": "calciteColorTransparentTint"
1224
1288
  },
1225
1289
  "calcite-schema": {
1226
1290
  "system": "calcite",
@@ -1230,24 +1294,25 @@
1230
1294
  },
1231
1295
  "filePath": "src/tokens/semantic/color/light.json",
1232
1296
  "isSource": true,
1233
- "name": "Color Border Ghost",
1234
- "path": ["semantic", "color", "border", "ghost"]
1297
+ "name": "Color Transparent Tint",
1298
+ "path": ["color", "transparent", "tint"]
1235
1299
  },
1236
1300
  {
1237
- "key": "{semantic.color.border.white}",
1238
- "value": "#ffffff",
1301
+ "key": "{color.transparent.inverse.hover}",
1302
+ "value": "rgba(255, 255, 255, 0.12)",
1239
1303
  "type": "color",
1240
1304
  "attributes": {
1241
1305
  "category": "color",
1242
- "group": "border",
1243
- "type": "color",
1244
- "item": "border",
1245
- "subitem": "white",
1306
+ "group": "transparent",
1307
+ "kind": "inverse",
1308
+ "type": "transparent",
1309
+ "item": "inverse",
1310
+ "subitem": "hover",
1246
1311
  "names": {
1247
- "scss": "$calcite-color-border-white",
1248
- "css": "var(--calcite-color-border-white)",
1249
- "docs": "semantic.color.border.white",
1250
- "es6": "calciteColorBorderWhite"
1312
+ "scss": "$calcite-color-transparent-inverse-hover",
1313
+ "css": "var(--calcite-color-transparent-inverse-hover)",
1314
+ "docs": "color.transparent.inverse.hover",
1315
+ "es6": "calciteColorTransparentInverseHover"
1251
1316
  },
1252
1317
  "calcite-schema": {
1253
1318
  "system": "calcite",
@@ -1257,24 +1322,50 @@
1257
1322
  },
1258
1323
  "filePath": "src/tokens/semantic/color/light.json",
1259
1324
  "isSource": true,
1260
- "name": "Color Border White",
1261
- "path": ["semantic", "color", "border", "white"]
1325
+ "name": "Color Transparent Inverse Hover",
1326
+ "path": ["color", "transparent", "inverse", "hover"]
1262
1327
  },
1263
1328
  {
1264
- "key": "{semantic.color.focus.default}",
1329
+ "key": "{color.transparent.inverse.press}",
1330
+ "value": "rgba(255, 255, 255, 0.16)",
1331
+ "type": "color",
1332
+ "attributes": {
1333
+ "category": "color",
1334
+ "group": "transparent",
1335
+ "kind": "inverse",
1336
+ "type": "transparent",
1337
+ "item": "inverse",
1338
+ "subitem": "press",
1339
+ "names": {
1340
+ "scss": "$calcite-color-transparent-inverse-press",
1341
+ "css": "var(--calcite-color-transparent-inverse-press)",
1342
+ "docs": "color.transparent.inverse.press",
1343
+ "es6": "calciteColorTransparentInversePress"
1344
+ },
1345
+ "calcite-schema": {
1346
+ "system": "calcite",
1347
+ "tier": "color",
1348
+ "type": "color"
1349
+ }
1350
+ },
1351
+ "filePath": "src/tokens/semantic/color/light.json",
1352
+ "isSource": true,
1353
+ "name": "Color Transparent Inverse Press",
1354
+ "path": ["color", "transparent", "inverse", "press"]
1355
+ },
1356
+ {
1357
+ "key": "{color.focus.default}",
1265
1358
  "value": "#007ac2",
1266
1359
  "type": "color",
1267
1360
  "attributes": {
1268
1361
  "category": "color",
1269
1362
  "group": "focus",
1270
- "scope": "component",
1271
- "type": "color",
1272
- "item": "focus",
1273
- "subitem": "default",
1363
+ "type": "focus",
1364
+ "item": "default",
1274
1365
  "names": {
1275
1366
  "scss": "$calcite-color-focus",
1276
1367
  "css": "var(--calcite-color-focus)",
1277
- "docs": "semantic.color.focus.default",
1368
+ "docs": "color.focus.default",
1278
1369
  "es6": "calciteColorFocus"
1279
1370
  },
1280
1371
  "calcite-schema": {
@@ -1286,7 +1377,7 @@
1286
1377
  "filePath": "src/tokens/semantic/color/light.json",
1287
1378
  "isSource": true,
1288
1379
  "name": "Color Focus",
1289
- "path": ["semantic", "color", "focus", "default"]
1380
+ "path": ["color", "focus", "default"]
1290
1381
  }
1291
1382
  ]
1292
1383
  }