@atlaskit/tokens 0.7.3 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +77 -0
  2. package/css/atlassian-dark.css +2 -0
  3. package/css/atlassian-light.css +2 -0
  4. package/dist/cjs/artifacts/rename-mapping.js +89 -89
  5. package/dist/cjs/artifacts/token-default-values.js +2 -0
  6. package/dist/cjs/artifacts/token-names.js +2 -0
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +216 -178
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +216 -178
  9. package/dist/cjs/get-token.js +1 -1
  10. package/dist/cjs/tokens/atlassian-dark/color/skeleton.js +20 -0
  11. package/dist/cjs/tokens/atlassian-light/color/skeleton.js +20 -0
  12. package/dist/cjs/tokens/default/color/skeleton.js +28 -0
  13. package/dist/cjs/tokens/default/deprecated/deprecated.js +89 -89
  14. package/dist/cjs/version.json +1 -1
  15. package/dist/es2019/artifacts/rename-mapping.js +89 -89
  16. package/dist/es2019/artifacts/token-default-values.js +2 -0
  17. package/dist/es2019/artifacts/token-names.js +2 -0
  18. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +216 -178
  19. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +216 -178
  20. package/dist/es2019/get-token.js +1 -1
  21. package/dist/es2019/tokens/atlassian-dark/color/skeleton.js +13 -0
  22. package/dist/es2019/tokens/atlassian-light/color/skeleton.js +13 -0
  23. package/dist/es2019/tokens/default/color/skeleton.js +21 -0
  24. package/dist/es2019/tokens/default/deprecated/deprecated.js +89 -89
  25. package/dist/es2019/version.json +1 -1
  26. package/dist/esm/artifacts/rename-mapping.js +89 -89
  27. package/dist/esm/artifacts/token-default-values.js +2 -0
  28. package/dist/esm/artifacts/token-names.js +2 -0
  29. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +216 -178
  30. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +216 -178
  31. package/dist/esm/get-token.js +1 -1
  32. package/dist/esm/tokens/atlassian-dark/color/skeleton.js +13 -0
  33. package/dist/esm/tokens/atlassian-light/color/skeleton.js +13 -0
  34. package/dist/esm/tokens/default/color/skeleton.js +21 -0
  35. package/dist/esm/tokens/default/deprecated/deprecated.js +89 -89
  36. package/dist/esm/version.json +1 -1
  37. package/dist/types/artifacts/token-default-values.d.ts +2 -0
  38. package/dist/types/artifacts/token-names.d.ts +4 -0
  39. package/dist/types/artifacts/types-internal.d.ts +1 -1
  40. package/dist/types/artifacts/types.d.ts +1 -1
  41. package/dist/types/tokens/atlassian-dark/color/skeleton.d.ts +3 -0
  42. package/dist/types/tokens/atlassian-light/color/skeleton.d.ts +3 -0
  43. package/dist/types/tokens/default/color/skeleton.d.ts +3 -0
  44. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  45. package/dist/types/types.d.ts +8 -0
  46. package/package.json +1 -1
package/dist/es2019/tokens/default/deprecated/deprecated.js CHANGED
@@ -4,7 +4,7 @@ const color = {
4
4
  boldBlue: {
5
5
  attributes: {
6
6
  group: 'paint',
7
- state: 'deprecated',
7
+ state: 'deleted',
8
8
  replacement: 'color.background.accent.blue.bolder',
9
9
  description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
10
10
  }
@@ -12,7 +12,7 @@ const color = {
12
12
  boldGreen: {
13
13
  attributes: {
14
14
  group: 'paint',
15
- state: 'deprecated',
15
+ state: 'deleted',
16
16
  replacement: 'color.background.accent.green.bolder',
17
17
  description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
18
18
  }
@@ -20,7 +20,7 @@ const color = {
20
20
  boldOrange: {
21
21
  attributes: {
22
22
  group: 'paint',
23
- state: 'deprecated',
23
+ state: 'deleted',
24
24
  replacement: 'color.background.accent.orange.bolder',
25
25
  description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
26
26
  }
@@ -28,7 +28,7 @@ const color = {
28
28
  boldPurple: {
29
29
  attributes: {
30
30
  group: 'paint',
31
- state: 'deprecated',
31
+ state: 'deleted',
32
32
  replacement: 'color.background.accent.purple.bolder',
33
33
  description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
34
34
  }
@@ -36,7 +36,7 @@ const color = {
36
36
  boldRed: {
37
37
  attributes: {
38
38
  group: 'paint',
39
- state: 'deprecated',
39
+ state: 'deleted',
40
40
  replacement: 'color.background.accent.red.bolder',
41
41
  description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
42
42
  }
@@ -44,7 +44,7 @@ const color = {
44
44
  boldTeal: {
45
45
  attributes: {
46
46
  group: 'paint',
47
- state: 'deprecated',
47
+ state: 'deleted',
48
48
  replacement: 'color.background.accent.teal.bolder',
49
49
  description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
50
50
  }
@@ -52,7 +52,7 @@ const color = {
52
52
  subtleBlue: {
53
53
  attributes: {
54
54
  group: 'paint',
55
- state: 'deprecated',
55
+ state: 'deleted',
56
56
  replacement: 'color.background.accent.blue.subtler',
57
57
  description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
58
58
  }
@@ -60,7 +60,7 @@ const color = {
60
60
  subtleGreen: {
61
61
  attributes: {
62
62
  group: 'paint',
63
- state: 'deprecated',
63
+ state: 'deleted',
64
64
  replacement: 'color.background.accent.green.subtler',
65
65
  description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
66
66
  }
@@ -68,7 +68,7 @@ const color = {
68
68
  subtleMagenta: {
69
69
  attributes: {
70
70
  group: 'paint',
71
- state: 'deprecated',
71
+ state: 'deleted',
72
72
  replacement: 'color.background.accent.magenta.subtler',
73
73
  description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
74
74
  }
@@ -76,7 +76,7 @@ const color = {
76
76
  subtleOrange: {
77
77
  attributes: {
78
78
  group: 'paint',
79
- state: 'deprecated',
79
+ state: 'deleted',
80
80
  replacement: 'color.background.accent.orange.subtler',
81
81
  description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
82
82
  }
@@ -84,7 +84,7 @@ const color = {
84
84
  subtlePurple: {
85
85
  attributes: {
86
86
  group: 'paint',
87
- state: 'deprecated',
87
+ state: 'deleted',
88
88
  replacement: 'color.background.accent.purple.subtler',
89
89
  description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
90
90
  }
@@ -92,7 +92,7 @@ const color = {
92
92
  subtleRed: {
93
93
  attributes: {
94
94
  group: 'paint',
95
- state: 'deprecated',
95
+ state: 'deleted',
96
96
  replacement: 'color.background.accent.red.subtler',
97
97
  description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
98
98
  }
@@ -100,7 +100,7 @@ const color = {
100
100
  subtleTeal: {
101
101
  attributes: {
102
102
  group: 'paint',
103
- state: 'deprecated',
103
+ state: 'deleted',
104
104
  replacement: 'color.background.accent.teal.subtler',
105
105
  description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
106
106
  }
@@ -112,7 +112,7 @@ const color = {
112
112
  '[default]': {
113
113
  attributes: {
114
114
  group: 'paint',
115
- state: 'deprecated',
115
+ state: 'deleted',
116
116
  replacement: 'color.background.accent.blue.subtler',
117
117
  description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
118
118
  }
@@ -120,7 +120,7 @@ const color = {
120
120
  bold: {
121
121
  attributes: {
122
122
  group: 'paint',
123
- state: 'deprecated',
123
+ state: 'deleted',
124
124
  replacement: 'color.background.accent.blue.subtle',
125
125
  description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
126
126
  }
@@ -130,7 +130,7 @@ const color = {
130
130
  '[default]': {
131
131
  attributes: {
132
132
  group: 'paint',
133
- state: 'deprecated',
133
+ state: 'deleted',
134
134
  replacement: 'color.background.accent.red.subtler',
135
135
  description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
136
136
  }
@@ -138,7 +138,7 @@ const color = {
138
138
  bold: {
139
139
  attributes: {
140
140
  group: 'paint',
141
- state: 'deprecated',
141
+ state: 'deleted',
142
142
  replacement: 'color.background.accent.red.subtle',
143
143
  description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
144
144
  }
@@ -148,7 +148,7 @@ const color = {
148
148
  '[default]': {
149
149
  attributes: {
150
150
  group: 'paint',
151
- state: 'deprecated',
151
+ state: 'deleted',
152
152
  replacement: 'color.background.accent.orange.subtler',
153
153
  description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
154
154
  }
@@ -156,7 +156,7 @@ const color = {
156
156
  bold: {
157
157
  attributes: {
158
158
  group: 'paint',
159
- state: 'deprecated',
159
+ state: 'deleted',
160
160
  replacement: 'color.background.accent.orange.subtle',
161
161
  description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
162
162
  }
@@ -166,7 +166,7 @@ const color = {
166
166
  '[default]': {
167
167
  attributes: {
168
168
  group: 'paint',
169
- state: 'deprecated',
169
+ state: 'deleted',
170
170
  replacement: 'color.background.accent.yellow.subtler',
171
171
  description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
172
172
  }
@@ -174,7 +174,7 @@ const color = {
174
174
  bold: {
175
175
  attributes: {
176
176
  group: 'paint',
177
- state: 'deprecated',
177
+ state: 'deleted',
178
178
  replacement: 'color.background.accent.yellow.subtle',
179
179
  description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
180
180
  }
@@ -184,7 +184,7 @@ const color = {
184
184
  '[default]': {
185
185
  attributes: {
186
186
  group: 'paint',
187
- state: 'deprecated',
187
+ state: 'deleted',
188
188
  replacement: 'color.background.accent.green.subtler',
189
189
  description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
190
190
  }
@@ -192,7 +192,7 @@ const color = {
192
192
  bold: {
193
193
  attributes: {
194
194
  group: 'paint',
195
- state: 'deprecated',
195
+ state: 'deleted',
196
196
  replacement: 'color.background.accent.green.subtle',
197
197
  description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
198
198
  }
@@ -202,7 +202,7 @@ const color = {
202
202
  '[default]': {
203
203
  attributes: {
204
204
  group: 'paint',
205
- state: 'deprecated',
205
+ state: 'deleted',
206
206
  replacement: 'color.background.accent.teal.subtler',
207
207
  description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
208
208
  }
@@ -210,7 +210,7 @@ const color = {
210
210
  bold: {
211
211
  attributes: {
212
212
  group: 'paint',
213
- state: 'deprecated',
213
+ state: 'deleted',
214
214
  replacement: 'color.background.accent.teal.subtle',
215
215
  description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
216
216
  }
@@ -220,7 +220,7 @@ const color = {
220
220
  '[default]': {
221
221
  attributes: {
222
222
  group: 'paint',
223
- state: 'deprecated',
223
+ state: 'deleted',
224
224
  replacement: 'color.background.accent.purple.subtler',
225
225
  description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
226
226
  }
@@ -228,7 +228,7 @@ const color = {
228
228
  bold: {
229
229
  attributes: {
230
230
  group: 'paint',
231
- state: 'deprecated',
231
+ state: 'deleted',
232
232
  replacement: 'color.background.accent.purple.subtle',
233
233
  description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
234
234
  }
@@ -238,7 +238,7 @@ const color = {
238
238
  '[default]': {
239
239
  attributes: {
240
240
  group: 'paint',
241
- state: 'deprecated',
241
+ state: 'deleted',
242
242
  replacement: 'color.background.accent.magenta.subtler',
243
243
  description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
244
244
  }
@@ -246,7 +246,7 @@ const color = {
246
246
  bold: {
247
247
  attributes: {
248
248
  group: 'paint',
249
- state: 'deprecated',
249
+ state: 'deleted',
250
250
  replacement: 'color.background.accent.magenta.subtle',
251
251
  description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
252
252
  }
@@ -256,7 +256,7 @@ const color = {
256
256
  blanket: {
257
257
  attributes: {
258
258
  group: 'paint',
259
- state: 'deprecated',
259
+ state: 'deleted',
260
260
  replacement: 'color.blanket.[default]',
261
261
  description: 'Use for the screen overlay that appears with modal dialogs'
262
262
  }
@@ -293,7 +293,7 @@ const color = {
293
293
  hover: {
294
294
  attributes: {
295
295
  group: 'paint',
296
- state: 'deprecated',
296
+ state: 'deleted',
297
297
  replacement: 'color.background.brand.bold.hovered',
298
298
  description: 'Hover state of background.boldBrand'
299
299
  }
@@ -301,7 +301,7 @@ const color = {
301
301
  pressed: {
302
302
  attributes: {
303
303
  group: 'paint',
304
- state: 'deprecated',
304
+ state: 'deleted',
305
305
  replacement: 'color.background.brand.bold.pressed',
306
306
  description: 'Pressed state of background.boldBrand'
307
307
  }
@@ -309,7 +309,7 @@ const color = {
309
309
  resting: {
310
310
  attributes: {
311
311
  group: 'paint',
312
- state: 'deprecated',
312
+ state: 'deleted',
313
313
  replacement: 'color.background.brand.bold.[default]',
314
314
  description: 'A vibrant background for small UI elements like primary buttons and bold in progress lozenges.'
315
315
  }
@@ -319,7 +319,7 @@ const color = {
319
319
  hover: {
320
320
  attributes: {
321
321
  group: 'paint',
322
- state: 'deprecated',
322
+ state: 'deleted',
323
323
  replacement: 'color.background.danger.bold.hovered',
324
324
  description: 'Hover state of background.boldDanger'
325
325
  }
@@ -327,7 +327,7 @@ const color = {
327
327
  pressed: {
328
328
  attributes: {
329
329
  group: 'paint',
330
- state: 'deprecated',
330
+ state: 'deleted',
331
331
  replacement: 'color.background.danger.bold.pressed',
332
332
  description: 'Pressed state of background.boldDanger'
333
333
  }
@@ -335,7 +335,7 @@ const color = {
335
335
  resting: {
336
336
  attributes: {
337
337
  group: 'paint',
338
- state: 'deprecated',
338
+ state: 'deleted',
339
339
  replacement: 'color.background.danger.bold.[default]',
340
340
  description: 'A vibrant background for small UI elements like danger buttons and bold removed lozenges.'
341
341
  }
@@ -345,7 +345,7 @@ const color = {
345
345
  hover: {
346
346
  attributes: {
347
347
  group: 'paint',
348
- state: 'deprecated',
348
+ state: 'deleted',
349
349
  replacement: 'color.background.discovery.bold.hovered',
350
350
  description: 'Hover state of background.boldDiscovery'
351
351
  }
@@ -353,7 +353,7 @@ const color = {
353
353
  pressed: {
354
354
  attributes: {
355
355
  group: 'paint',
356
- state: 'deprecated',
356
+ state: 'deleted',
357
357
  replacement: 'color.background.discovery.bold.pressed',
358
358
  description: 'Pressed state of background.boldDiscovery'
359
359
  }
@@ -361,7 +361,7 @@ const color = {
361
361
  resting: {
362
362
  attributes: {
363
363
  group: 'paint',
364
- state: 'deprecated',
364
+ state: 'deleted',
365
365
  replacement: 'color.background.discovery.bold.[default]',
366
366
  description: 'A vibrant background for small UI elements like onboarding buttons and bold new lozenges.'
367
367
  }
@@ -371,7 +371,7 @@ const color = {
371
371
  hover: {
372
372
  attributes: {
373
373
  group: 'paint',
374
- state: 'deprecated',
374
+ state: 'deleted',
375
375
  replacement: 'color.background.neutral.bold.hovered',
376
376
  description: 'Hover state of background.boldNeutral'
377
377
  }
@@ -379,7 +379,7 @@ const color = {
379
379
  pressed: {
380
380
  attributes: {
381
381
  group: 'paint',
382
- state: 'deprecated',
382
+ state: 'deleted',
383
383
  replacement: 'color.background.neutral.bold.pressed',
384
384
  description: 'Pressed state of background.boldNeutral'
385
385
  }
@@ -387,7 +387,7 @@ const color = {
387
387
  resting: {
388
388
  attributes: {
389
389
  group: 'paint',
390
- state: 'deprecated',
390
+ state: 'deleted',
391
391
  replacement: 'color.background.neutral.bold.[default]',
392
392
  description: 'A vibrant background for small UI elements like unchecked toggles and bold default lozenges.'
393
393
  }
@@ -397,7 +397,7 @@ const color = {
397
397
  hover: {
398
398
  attributes: {
399
399
  group: 'paint',
400
- state: 'deprecated',
400
+ state: 'deleted',
401
401
  replacement: 'color.background.success.bold.hovered',
402
402
  description: 'Hover state of background.boldSuccess'
403
403
  }
@@ -405,7 +405,7 @@ const color = {
405
405
  pressed: {
406
406
  attributes: {
407
407
  group: 'paint',
408
- state: 'deprecated',
408
+ state: 'deleted',
409
409
  replacement: 'color.background.success.bold.pressed',
410
410
  description: 'Pressed state of background.boldSuccess'
411
411
  }
@@ -413,7 +413,7 @@ const color = {
413
413
  resting: {
414
414
  attributes: {
415
415
  group: 'paint',
416
- state: 'deprecated',
416
+ state: 'deleted',
417
417
  replacement: 'color.background.success.bold.[default]',
418
418
  description: 'A vibrant background for small UI elements like checked toggles and bold success lozenges.'
419
419
  }
@@ -423,7 +423,7 @@ const color = {
423
423
  hover: {
424
424
  attributes: {
425
425
  group: 'paint',
426
- state: 'deprecated',
426
+ state: 'deleted',
427
427
  replacement: 'color.background.warning.bold.hovered',
428
428
  description: 'Hover state of background.boldWarning'
429
429
  }
@@ -431,7 +431,7 @@ const color = {
431
431
  pressed: {
432
432
  attributes: {
433
433
  group: 'paint',
434
- state: 'deprecated',
434
+ state: 'deleted',
435
435
  replacement: 'color.background.warning.bold.pressed',
436
436
  description: 'Pressed state of background.boldWarning'
437
437
  }
@@ -439,7 +439,7 @@ const color = {
439
439
  resting: {
440
440
  attributes: {
441
441
  group: 'paint',
442
- state: 'deprecated',
442
+ state: 'deleted',
443
443
  replacement: 'color.background.warning.bold.[default]',
444
444
  description: 'A vibrant background for small UI elements like warning buttons and bold moved lozenges.'
445
445
  }
@@ -448,7 +448,7 @@ const color = {
448
448
  card: {
449
449
  attributes: {
450
450
  group: 'paint',
451
- state: 'deprecated',
451
+ state: 'deleted',
452
452
  replacement: 'elevation.surface.raised',
453
453
  description: 'Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card.'
454
454
  }
@@ -456,7 +456,7 @@ const color = {
456
456
  default: {
457
457
  attributes: {
458
458
  group: 'paint',
459
- state: 'deprecated',
459
+ state: 'deleted',
460
460
  replacement: 'elevation.surface.[default]',
461
461
  description: 'Use as the primary background for the UI'
462
462
  }
@@ -464,7 +464,7 @@ const color = {
464
464
  overlay: {
465
465
  attributes: {
466
466
  group: 'paint',
467
- state: 'deprecated',
467
+ state: 'deleted',
468
468
  replacement: 'elevation.surface.overlay',
469
469
  description: `
470
470
  Use for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).
@@ -496,7 +496,7 @@ Combine with shadow.overlay.`
496
496
  pressed: {
497
497
  attributes: {
498
498
  group: 'paint',
499
- state: 'deprecated',
499
+ state: 'deleted',
500
500
  replacement: 'color.background.input.pressed',
501
501
  description: 'Pressed state for background.subtleBorderedNeutral'
502
502
  }
@@ -504,7 +504,7 @@ Combine with shadow.overlay.`
504
504
  resting: {
505
505
  attributes: {
506
506
  group: 'paint',
507
- state: 'deprecated',
507
+ state: 'deleted',
508
508
  replacement: 'color.background.input.[default]',
509
509
  description: 'Hover state for background.subtleBorderedNeutral'
510
510
  }
@@ -540,7 +540,7 @@ Combine with shadow.overlay.`
540
540
  hover: {
541
541
  attributes: {
542
542
  group: 'paint',
543
- state: 'deprecated',
543
+ state: 'deleted',
544
544
  replacement: 'color.background.danger.[default].hovered',
545
545
  description: 'Hover state for background.subtleDanger'
546
546
  }
@@ -548,7 +548,7 @@ Combine with shadow.overlay.`
548
548
  pressed: {
549
549
  attributes: {
550
550
  group: 'paint',
551
- state: 'deprecated',
551
+ state: 'deleted',
552
552
  replacement: 'color.background.danger.[default].pressed',
553
553
  description: 'Pressed state for background.subtleDanger'
554
554
  }
@@ -556,7 +556,7 @@ Combine with shadow.overlay.`
556
556
  resting: {
557
557
  attributes: {
558
558
  group: 'paint',
559
- state: 'deprecated',
559
+ state: 'deleted',
560
560
  replacement: 'color.background.danger.[default].[default]',
561
561
  description: 'Use for subdued backgrounds of UI elements like error section messages and removed lozenges.'
562
562
  }
@@ -566,7 +566,7 @@ Combine with shadow.overlay.`
566
566
  hover: {
567
567
  attributes: {
568
568
  group: 'paint',
569
- state: 'deprecated',
569
+ state: 'deleted',
570
570
  replacement: 'color.background.discovery.[default].hovered',
571
571
  description: 'Hover state for background.subtleDiscovery'
572
572
  }
@@ -574,7 +574,7 @@ Combine with shadow.overlay.`
574
574
  pressed: {
575
575
  attributes: {
576
576
  group: 'paint',
577
- state: 'deprecated',
577
+ state: 'deleted',
578
578
  replacement: 'color.background.discovery.[default].pressed',
579
579
  description: 'Pressed state for background.subtleDiscovery'
580
580
  }
@@ -582,7 +582,7 @@ Combine with shadow.overlay.`
582
582
  resting: {
583
583
  attributes: {
584
584
  group: 'paint',
585
- state: 'deprecated',
585
+ state: 'deleted',
586
586
  replacement: 'color.background.discovery.[default].[default]',
587
587
  description: 'Use for subdued backgrounds of UI elements like discovery section messages and new lozenges.'
588
588
  }
@@ -592,7 +592,7 @@ Combine with shadow.overlay.`
592
592
  hover: {
593
593
  attributes: {
594
594
  group: 'paint',
595
- state: 'deprecated',
595
+ state: 'deleted',
596
596
  replacement: 'color.background.neutral.[default].hovered',
597
597
  description: 'Hover state for background.subtleNeutral'
598
598
  }
@@ -600,7 +600,7 @@ Combine with shadow.overlay.`
600
600
  pressed: {
601
601
  attributes: {
602
602
  group: 'paint',
603
- state: 'deprecated',
603
+ state: 'deleted',
604
604
  replacement: 'color.background.neutral.[default].pressed',
605
605
  description: 'Pressed state for background.subtleNeutral'
606
606
  }
@@ -608,7 +608,7 @@ Combine with shadow.overlay.`
608
608
  resting: {
609
609
  attributes: {
610
610
  group: 'paint',
611
- state: 'deprecated',
611
+ state: 'deleted',
612
612
  replacement: 'color.background.neutral.[default].[default]',
613
613
  description: 'Use as the default background of UI elements like buttons, lozenges, and tags.'
614
614
  }
@@ -618,7 +618,7 @@ Combine with shadow.overlay.`
618
618
  hover: {
619
619
  attributes: {
620
620
  group: 'paint',
621
- state: 'deprecated',
621
+ state: 'deleted',
622
622
  replacement: 'color.background.success.[default].hovered',
623
623
  description: 'Hover state for background.subtleSuccess'
624
624
  }
@@ -626,7 +626,7 @@ Combine with shadow.overlay.`
626
626
  pressed: {
627
627
  attributes: {
628
628
  group: 'paint',
629
- state: 'deprecated',
629
+ state: 'deleted',
630
630
  replacement: 'color.background.success.[default].pressed',
631
631
  description: 'Pressed state for background.subtleSuccess'
632
632
  }
@@ -634,7 +634,7 @@ Combine with shadow.overlay.`
634
634
  resting: {
635
635
  attributes: {
636
636
  group: 'paint',
637
- state: 'deprecated',
637
+ state: 'deleted',
638
638
  replacement: 'color.background.success.[default].[default]',
639
639
  description: 'Use for subdued backgrounds of UI elements like success section messages and success lozenges.'
640
640
  }
@@ -644,7 +644,7 @@ Combine with shadow.overlay.`
644
644
  hover: {
645
645
  attributes: {
646
646
  group: 'paint',
647
- state: 'deprecated',
647
+ state: 'deleted',
648
648
  replacement: 'color.background.warning.[default].hovered',
649
649
  description: 'Hover state for background.subtleWarning'
650
650
  }
@@ -652,7 +652,7 @@ Combine with shadow.overlay.`
652
652
  pressed: {
653
653
  attributes: {
654
654
  group: 'paint',
655
- state: 'deprecated',
655
+ state: 'deleted',
656
656
  replacement: 'color.background.warning.[default].pressed',
657
657
  description: 'Pressed state for background.subtleWarning'
658
658
  }
@@ -660,7 +660,7 @@ Combine with shadow.overlay.`
660
660
  resting: {
661
661
  attributes: {
662
662
  group: 'paint',
663
- state: 'deprecated',
663
+ state: 'deleted',
664
664
  replacement: 'color.background.warning.[default].[default]',
665
665
  description: 'Use for subdued backgrounds of UI elements like warning section messages and moved lozenges.'
666
666
  }
@@ -669,7 +669,7 @@ Combine with shadow.overlay.`
669
669
  sunken: {
670
670
  attributes: {
671
671
  group: 'paint',
672
- state: 'deprecated',
672
+ state: 'deleted',
673
673
  replacement: 'elevation.surface.sunken',
674
674
  description: 'Use as a secondary background for the UI'
675
675
  }
@@ -678,7 +678,7 @@ Combine with shadow.overlay.`
678
678
  hover: {
679
679
  attributes: {
680
680
  group: 'paint',
681
- state: 'deprecated',
681
+ state: 'deleted',
682
682
  replacement: 'color.background.neutral.subtle.hovered',
683
683
  description: 'Hover state for UIs that do not have a default background, such as menu items or subtle buttons.'
684
684
  }
@@ -686,7 +686,7 @@ Combine with shadow.overlay.`
686
686
  pressed: {
687
687
  attributes: {
688
688
  group: 'paint',
689
- state: 'deprecated',
689
+ state: 'deleted',
690
690
  replacement: 'color.background.neutral.subtle.pressed',
691
691
  description: 'Pressed state for UIs that do not have a default background, such as menu items or subtle buttons.'
692
692
  }
@@ -697,7 +697,7 @@ Combine with shadow.overlay.`
697
697
  highEmphasis: {
698
698
  attributes: {
699
699
  group: 'paint',
700
- state: 'deprecated',
700
+ state: 'deleted',
701
701
  replacement: 'color.text.[default]',
702
702
  description: 'Use for primary text, such as body copy, sentence case headers, and buttons'
703
703
  }
@@ -706,7 +706,7 @@ Combine with shadow.overlay.`
706
706
  pressed: {
707
707
  attributes: {
708
708
  group: 'paint',
709
- state: 'deprecated',
709
+ state: 'deleted',
710
710
  replacement: 'color.link.pressed',
711
711
  description: 'Use for links in a pressed state'
712
712
  }
@@ -714,7 +714,7 @@ Combine with shadow.overlay.`
714
714
  resting: {
715
715
  attributes: {
716
716
  group: 'paint',
717
- state: 'deprecated',
717
+ state: 'deleted',
718
718
  replacement: 'color.link.[default]',
719
719
  description: 'Use for links in a resting or hover state. Add an underline for hover states'
720
720
  }
@@ -723,7 +723,7 @@ Combine with shadow.overlay.`
723
723
  lowEmphasis: {
724
724
  attributes: {
725
725
  group: 'paint',
726
- state: 'deprecated',
726
+ state: 'deleted',
727
727
  replacement: 'color.text.subtlest',
728
728
  description: `
729
729
  Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.
@@ -734,7 +734,7 @@ Use for icons that are paired with text.medEmphasis text`
734
734
  mediumEmphasis: {
735
735
  attributes: {
736
736
  group: 'paint',
737
- state: 'deprecated',
737
+ state: 'deleted',
738
738
  replacement: 'color.text.subtle',
739
739
  description: `
740
740
  Use for secondary text, such navigation, subtle button links, input field labels, and all caps subheadings.
@@ -746,7 +746,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
746
746
  onBold: {
747
747
  attributes: {
748
748
  group: 'paint',
749
- state: 'deprecated',
749
+ state: 'deleted',
750
750
  replacement: 'color.text.inverse',
751
751
  description: 'Use for text and icons when on bold backgrounds'
752
752
  }
@@ -754,7 +754,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
754
754
  onBoldWarning: {
755
755
  attributes: {
756
756
  group: 'paint',
757
- state: 'deprecated',
757
+ state: 'deleted',
758
758
  replacement: 'color.text.warning.inverse',
759
759
  description: 'Use for text and icons when on bold warning backgrounds'
760
760
  }
@@ -764,7 +764,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
764
764
  focus: {
765
765
  attributes: {
766
766
  group: 'paint',
767
- state: 'deprecated',
767
+ state: 'deleted',
768
768
  replacement: 'color.border.focused',
769
769
  description: 'Use for focus rings of elements in a focus state'
770
770
  }
@@ -772,7 +772,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
772
772
  neutral: {
773
773
  attributes: {
774
774
  group: 'paint',
775
- state: 'deprecated',
775
+ state: 'deleted',
776
776
  replacement: 'color.border.[default]',
777
777
  description: 'Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers'
778
778
  }
@@ -782,7 +782,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
782
782
  brand: {
783
783
  attributes: {
784
784
  group: 'paint',
785
- state: 'deprecated',
785
+ state: 'deleted',
786
786
  replacement: 'color.icon.brand',
787
787
  description: `
788
788
  Use rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.
@@ -793,7 +793,7 @@ Also use for blue icons or borders when there is no meaning tied to the color, s
793
793
  danger: {
794
794
  attributes: {
795
795
  group: 'paint',
796
- state: 'deprecated',
796
+ state: 'deleted',
797
797
  replacement: 'color.icon.danger',
798
798
  description: `
799
799
  Use rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.
@@ -804,7 +804,7 @@ Also use for red icons or borders when there is no meaning tied to the color, su
804
804
  discovery: {
805
805
  attributes: {
806
806
  group: 'paint',
807
- state: 'deprecated',
807
+ state: 'deleted',
808
808
  replacement: 'color.icon.discovery',
809
809
  description: `
810
810
  Use rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.
@@ -816,7 +816,7 @@ Also use for purple icons or borders when there is no meaning tied to the color,
816
816
  success: {
817
817
  attributes: {
818
818
  group: 'paint',
819
- state: 'deprecated',
819
+ state: 'deleted',
820
820
  replacement: 'color.icon.success',
821
821
  description: `
822
822
  Use rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.
@@ -828,7 +828,7 @@ Also use for green icons or borders when there is no meaning tied to the color,
828
828
  warning: {
829
829
  attributes: {
830
830
  group: 'paint',
831
- state: 'deprecated',
831
+ state: 'deleted',
832
832
  replacement: 'color.icon.warning.[default]',
833
833
  description: `
834
834
  Use rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.
@@ -842,7 +842,7 @@ Also use for yellow icons or borders when there is no meaning tied to the color,
842
842
  hover: {
843
843
  attributes: {
844
844
  group: 'paint',
845
- state: 'deprecated',
845
+ state: 'deleted',
846
846
  replacement: 'color.interaction.hovered',
847
847
  description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.'
848
848
  }
@@ -850,7 +850,7 @@ Also use for yellow icons or borders when there is no meaning tied to the color,
850
850
  pressed: {
851
851
  attributes: {
852
852
  group: 'paint',
853
- state: 'deprecated',
853
+ state: 'deleted',
854
854
  replacement: 'color.interaction.pressed',
855
855
  description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
856
856
  }
@@ -861,7 +861,7 @@ Also use for yellow icons or borders when there is no meaning tied to the color,
861
861
  card: {
862
862
  attributes: {
863
863
  group: 'shadow',
864
- state: 'deprecated',
864
+ state: 'deleted',
865
865
  replacement: 'elevation.shadow.raised',
866
866
  description: `
867
867
  Use for the box shadow of raised card elements, such as Jira cards on a Kanban board.
@@ -872,7 +872,7 @@ Combine with background.overlay`
872
872
  overlay: {
873
873
  attributes: {
874
874
  group: 'shadow',
875
- state: 'deprecated',
875
+ state: 'deleted',
876
876
  replacement: 'elevation.shadow.overlay',
877
877
  description: `
878
878
  Use for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).