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