@atlaskit/tokens 0.9.0 → 0.9.3

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 (63) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/babel-plugin/package.json +3 -0
  3. package/css/atlassian-dark.css +2 -2
  4. package/css/atlassian-light.css +2 -2
  5. package/dist/cjs/artifacts/palettes-raw.js +1983 -0
  6. package/dist/cjs/artifacts/token-default-values.js +2 -2
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +378 -4
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +378 -4
  9. package/dist/cjs/entry-points/palettes-raw.js +15 -0
  10. package/dist/cjs/entry-points/token-ids.js +1 -1
  11. package/dist/cjs/get-token.js +1 -1
  12. package/dist/cjs/tokens/atlassian-dark/color/background.js +2 -2
  13. package/dist/cjs/tokens/atlassian-light/color/background.js +2 -2
  14. package/dist/cjs/tokens/default/deprecated/deprecated.js +187 -0
  15. package/dist/cjs/tokens/palette.js +232 -116
  16. package/dist/cjs/utils/color-detection.js +129 -0
  17. package/dist/cjs/{token-ids.js → utils/token-ids.js} +1 -1
  18. package/dist/cjs/version.json +1 -1
  19. package/dist/es2019/artifacts/palettes-raw.js +1976 -0
  20. package/dist/es2019/artifacts/token-default-values.js +2 -2
  21. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +378 -4
  22. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +378 -4
  23. package/dist/es2019/entry-points/palettes-raw.js +1 -0
  24. package/dist/es2019/entry-points/token-ids.js +1 -1
  25. package/dist/es2019/get-token.js +1 -1
  26. package/dist/es2019/tokens/atlassian-dark/color/background.js +2 -2
  27. package/dist/es2019/tokens/atlassian-light/color/background.js +2 -2
  28. package/dist/es2019/tokens/default/deprecated/deprecated.js +187 -0
  29. package/dist/es2019/tokens/palette.js +232 -116
  30. package/dist/es2019/utils/color-detection.js +101 -0
  31. package/dist/es2019/{token-ids.js → utils/token-ids.js} +1 -1
  32. package/dist/es2019/version.json +1 -1
  33. package/dist/esm/artifacts/palettes-raw.js +1976 -0
  34. package/dist/esm/artifacts/token-default-values.js +2 -2
  35. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +378 -4
  36. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +378 -4
  37. package/dist/esm/entry-points/palettes-raw.js +1 -0
  38. package/dist/esm/entry-points/token-ids.js +1 -1
  39. package/dist/esm/get-token.js +1 -1
  40. package/dist/esm/tokens/atlassian-dark/color/background.js +2 -2
  41. package/dist/esm/tokens/atlassian-light/color/background.js +2 -2
  42. package/dist/esm/tokens/default/deprecated/deprecated.js +187 -0
  43. package/dist/esm/tokens/palette.js +232 -116
  44. package/dist/esm/utils/color-detection.js +104 -0
  45. package/dist/esm/{token-ids.js → utils/token-ids.js} +1 -1
  46. package/dist/esm/version.json +1 -1
  47. package/dist/types/artifacts/palettes-raw.d.ts +19 -0
  48. package/dist/types/artifacts/token-default-values.d.ts +2 -2
  49. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +43 -0
  50. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +43 -0
  51. package/dist/types/entry-points/palettes-raw.d.ts +1 -0
  52. package/dist/types/entry-points/token-ids.d.ts +1 -1
  53. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +2 -10
  54. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +2 -10
  55. package/dist/types/tokens/default/utility/utility.d.ts +2 -142
  56. package/dist/types/types.d.ts +22 -7
  57. package/dist/types/utils/color-detection.d.ts +38 -0
  58. package/dist/types/{token-ids.d.ts → utils/token-ids.d.ts} +0 -0
  59. package/package.json +15 -5
  60. package/palettes-raw/package.json +10 -0
  61. package/rename-mapping/package.json +3 -0
  62. package/token-ids/package.json +3 -0
  63. package/token-names/package.json +3 -0
@@ -6,6 +6,8 @@ const color = {
6
6
  group: 'paint',
7
7
  state: 'deleted',
8
8
  introduced: '0.1.1',
9
+ deprecated: '0.6.0',
10
+ deleted: '0.8.0',
9
11
  replacement: 'color.background.accent.blue.bolder',
10
12
  description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
11
13
  }
@@ -15,6 +17,8 @@ const color = {
15
17
  group: 'paint',
16
18
  state: 'deleted',
17
19
  introduced: '0.1.1',
20
+ deprecated: '0.6.0',
21
+ deleted: '0.8.0',
18
22
  replacement: 'color.background.accent.green.bolder',
19
23
  description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
20
24
  }
@@ -24,6 +28,8 @@ const color = {
24
28
  group: 'paint',
25
29
  state: 'deleted',
26
30
  introduced: '0.1.1',
31
+ deprecated: '0.6.0',
32
+ deleted: '0.8.0',
27
33
  replacement: 'color.background.accent.orange.bolder',
28
34
  description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
29
35
  }
@@ -33,6 +39,8 @@ const color = {
33
39
  group: 'paint',
34
40
  state: 'deleted',
35
41
  introduced: '0.1.1',
42
+ deprecated: '0.6.0',
43
+ deleted: '0.8.0',
36
44
  replacement: 'color.background.accent.purple.bolder',
37
45
  description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
38
46
  }
@@ -42,6 +50,8 @@ const color = {
42
50
  group: 'paint',
43
51
  state: 'deleted',
44
52
  introduced: '0.1.1',
53
+ deprecated: '0.6.0',
54
+ deleted: '0.8.0',
45
55
  replacement: 'color.background.accent.red.bolder',
46
56
  description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
47
57
  }
@@ -51,6 +61,8 @@ const color = {
51
61
  group: 'paint',
52
62
  state: 'deleted',
53
63
  introduced: '0.1.1',
64
+ deprecated: '0.6.0',
65
+ deleted: '0.8.0',
54
66
  replacement: 'color.background.accent.teal.bolder',
55
67
  description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
56
68
  }
@@ -60,6 +72,8 @@ const color = {
60
72
  group: 'paint',
61
73
  state: 'deleted',
62
74
  introduced: '0.1.0',
75
+ deprecated: '0.6.0',
76
+ deleted: '0.8.0',
63
77
  replacement: 'color.background.accent.blue.subtler',
64
78
  description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
65
79
  }
@@ -69,6 +83,8 @@ const color = {
69
83
  group: 'paint',
70
84
  state: 'deleted',
71
85
  introduced: '0.1.0',
86
+ deprecated: '0.6.0',
87
+ deleted: '0.8.0',
72
88
  replacement: 'color.background.accent.green.subtler',
73
89
  description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
74
90
  }
@@ -78,6 +94,8 @@ const color = {
78
94
  group: 'paint',
79
95
  state: 'deleted',
80
96
  introduced: '0.1.0',
97
+ deprecated: '0.6.0',
98
+ deleted: '0.8.0',
81
99
  replacement: 'color.background.accent.magenta.subtler',
82
100
  description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
83
101
  }
@@ -87,6 +105,8 @@ const color = {
87
105
  group: 'paint',
88
106
  state: 'deleted',
89
107
  introduced: '0.1.0',
108
+ deprecated: '0.6.0',
109
+ deleted: '0.8.0',
90
110
  replacement: 'color.background.accent.orange.subtler',
91
111
  description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
92
112
  }
@@ -96,6 +116,8 @@ const color = {
96
116
  group: 'paint',
97
117
  state: 'deleted',
98
118
  introduced: '0.1.0',
119
+ deprecated: '0.6.0',
120
+ deleted: '0.8.0',
99
121
  replacement: 'color.background.accent.purple.subtler',
100
122
  description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
101
123
  }
@@ -105,6 +127,8 @@ const color = {
105
127
  group: 'paint',
106
128
  state: 'deleted',
107
129
  introduced: '0.1.0',
130
+ deprecated: '0.6.0',
131
+ deleted: '0.8.0',
108
132
  replacement: 'color.background.accent.red.subtler',
109
133
  description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
110
134
  }
@@ -114,6 +138,8 @@ const color = {
114
138
  group: 'paint',
115
139
  state: 'deleted',
116
140
  introduced: '0.1.0',
141
+ deprecated: '0.6.0',
142
+ deleted: '0.8.0',
117
143
  replacement: 'color.background.accent.teal.subtler',
118
144
  description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
119
145
  }
@@ -127,6 +153,8 @@ const color = {
127
153
  group: 'paint',
128
154
  state: 'deleted',
129
155
  introduced: '0.6.0',
156
+ deprecated: '0.7.0',
157
+ deleted: '0.8.0',
130
158
  replacement: 'color.background.accent.blue.subtler',
131
159
  description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
132
160
  }
@@ -136,6 +164,8 @@ const color = {
136
164
  group: 'paint',
137
165
  state: 'deleted',
138
166
  introduced: '0.6.0',
167
+ deprecated: '0.7.0',
168
+ deleted: '0.8.0',
139
169
  replacement: 'color.background.accent.blue.subtle',
140
170
  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.'
141
171
  }
@@ -147,6 +177,8 @@ const color = {
147
177
  group: 'paint',
148
178
  state: 'deleted',
149
179
  introduced: '0.6.0',
180
+ deprecated: '0.7.0',
181
+ deleted: '0.8.0',
150
182
  replacement: 'color.background.accent.red.subtler',
151
183
  description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
152
184
  }
@@ -156,6 +188,8 @@ const color = {
156
188
  group: 'paint',
157
189
  state: 'deleted',
158
190
  introduced: '0.6.0',
191
+ deprecated: '0.7.0',
192
+ deleted: '0.8.0',
159
193
  replacement: 'color.background.accent.red.subtle',
160
194
  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.'
161
195
  }
@@ -167,6 +201,8 @@ const color = {
167
201
  group: 'paint',
168
202
  state: 'deleted',
169
203
  introduced: '0.6.0',
204
+ deprecated: '0.7.0',
205
+ deleted: '0.8.0',
170
206
  replacement: 'color.background.accent.orange.subtler',
171
207
  description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
172
208
  }
@@ -176,6 +212,8 @@ const color = {
176
212
  group: 'paint',
177
213
  state: 'deleted',
178
214
  introduced: '0.6.0',
215
+ deprecated: '0.7.0',
216
+ deleted: '0.8.0',
179
217
  replacement: 'color.background.accent.orange.subtle',
180
218
  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.'
181
219
  }
@@ -187,6 +225,8 @@ const color = {
187
225
  group: 'paint',
188
226
  state: 'deleted',
189
227
  introduced: '0.6.0',
228
+ deprecated: '0.7.0',
229
+ deleted: '0.8.0',
190
230
  replacement: 'color.background.accent.yellow.subtler',
191
231
  description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
192
232
  }
@@ -196,6 +236,8 @@ const color = {
196
236
  group: 'paint',
197
237
  state: 'deleted',
198
238
  introduced: '0.6.0',
239
+ deprecated: '0.7.0',
240
+ deleted: '0.8.0',
199
241
  replacement: 'color.background.accent.yellow.subtle',
200
242
  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.'
201
243
  }
@@ -207,6 +249,8 @@ const color = {
207
249
  group: 'paint',
208
250
  state: 'deleted',
209
251
  introduced: '0.6.0',
252
+ deprecated: '0.7.0',
253
+ deleted: '0.8.0',
210
254
  replacement: 'color.background.accent.green.subtler',
211
255
  description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
212
256
  }
@@ -216,6 +260,8 @@ const color = {
216
260
  group: 'paint',
217
261
  state: 'deleted',
218
262
  introduced: '0.6.0',
263
+ deprecated: '0.7.0',
264
+ deleted: '0.8.0',
219
265
  replacement: 'color.background.accent.green.subtle',
220
266
  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.'
221
267
  }
@@ -227,6 +273,8 @@ const color = {
227
273
  group: 'paint',
228
274
  state: 'deleted',
229
275
  introduced: '0.6.0',
276
+ deprecated: '0.7.0',
277
+ deleted: '0.8.0',
230
278
  replacement: 'color.background.accent.teal.subtler',
231
279
  description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
232
280
  }
@@ -236,6 +284,8 @@ const color = {
236
284
  group: 'paint',
237
285
  state: 'deleted',
238
286
  introduced: '0.6.0',
287
+ deprecated: '0.7.0',
288
+ deleted: '0.8.0',
239
289
  replacement: 'color.background.accent.teal.subtle',
240
290
  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.'
241
291
  }
@@ -247,6 +297,8 @@ const color = {
247
297
  group: 'paint',
248
298
  state: 'deleted',
249
299
  introduced: '0.6.0',
300
+ deprecated: '0.7.0',
301
+ deleted: '0.8.0',
250
302
  replacement: 'color.background.accent.purple.subtler',
251
303
  description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
252
304
  }
@@ -256,6 +308,8 @@ const color = {
256
308
  group: 'paint',
257
309
  state: 'deleted',
258
310
  introduced: '0.6.0',
311
+ deprecated: '0.7.0',
312
+ deleted: '0.8.0',
259
313
  replacement: 'color.background.accent.purple.subtle',
260
314
  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.'
261
315
  }
@@ -267,6 +321,8 @@ const color = {
267
321
  group: 'paint',
268
322
  state: 'deleted',
269
323
  introduced: '0.6.0',
324
+ deprecated: '0.7.0',
325
+ deleted: '0.8.0',
270
326
  replacement: 'color.background.accent.magenta.subtler',
271
327
  description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
272
328
  }
@@ -276,6 +332,8 @@ const color = {
276
332
  group: 'paint',
277
333
  state: 'deleted',
278
334
  introduced: '0.6.0',
335
+ deprecated: '0.7.0',
336
+ deleted: '0.8.0',
279
337
  replacement: 'color.background.accent.magenta.subtle',
280
338
  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.'
281
339
  }
@@ -287,6 +345,8 @@ const color = {
287
345
  group: 'paint',
288
346
  state: 'deleted',
289
347
  introduced: '0.0.15',
348
+ deprecated: '0.6.0',
349
+ deleted: '0.8.0',
290
350
  replacement: 'color.blanket.[default]',
291
351
  description: 'Use for the screen overlay that appears with modal dialogs'
292
352
  }
@@ -298,6 +358,7 @@ const color = {
298
358
  group: 'paint',
299
359
  state: 'deprecated',
300
360
  introduced: '0.6.0',
361
+ deprecated: '0.6.2',
301
362
  replacement: 'color.background.selected.[default].[default]',
302
363
  description: 'Use for the background of elements used to reinforce our brand.'
303
364
  }
@@ -307,6 +368,7 @@ const color = {
307
368
  group: 'paint',
308
369
  state: 'deprecated',
309
370
  introduced: '0.6.0',
371
+ deprecated: '0.6.2',
310
372
  replacement: 'color.background.selected.[default].hovered',
311
373
  description: 'Hovered state for color.background.brand'
312
374
  }
@@ -316,6 +378,7 @@ const color = {
316
378
  group: 'paint',
317
379
  state: 'deprecated',
318
380
  introduced: '0.6.0',
381
+ deprecated: '0.6.2',
319
382
  replacement: 'color.background.selected.[default].pressed',
320
383
  description: 'Pressed state for color.background.brand'
321
384
  }
@@ -328,6 +391,8 @@ const color = {
328
391
  group: 'paint',
329
392
  state: 'deleted',
330
393
  introduced: '0.0.15',
394
+ deprecated: '0.6.0',
395
+ deleted: '0.8.0',
331
396
  replacement: 'color.background.brand.bold.hovered',
332
397
  description: 'Hover state of background.boldBrand'
333
398
  }
@@ -337,6 +402,8 @@ const color = {
337
402
  group: 'paint',
338
403
  state: 'deleted',
339
404
  introduced: '0.0.15',
405
+ deprecated: '0.6.0',
406
+ deleted: '0.8.0',
340
407
  replacement: 'color.background.brand.bold.pressed',
341
408
  description: 'Pressed state of background.boldBrand'
342
409
  }
@@ -346,6 +413,8 @@ const color = {
346
413
  group: 'paint',
347
414
  state: 'deleted',
348
415
  introduced: '0.0.15',
416
+ deprecated: '0.6.0',
417
+ deleted: '0.8.0',
349
418
  replacement: 'color.background.brand.bold.[default]',
350
419
  description: 'A vibrant background for small UI elements like primary buttons and bold in progress lozenges.'
351
420
  }
@@ -357,6 +426,8 @@ const color = {
357
426
  group: 'paint',
358
427
  state: 'deleted',
359
428
  introduced: '0.0.15',
429
+ deprecated: '0.6.0',
430
+ deleted: '0.8.0',
360
431
  replacement: 'color.background.danger.bold.hovered',
361
432
  description: 'Hover state of background.boldDanger'
362
433
  }
@@ -366,6 +437,8 @@ const color = {
366
437
  group: 'paint',
367
438
  state: 'deleted',
368
439
  introduced: '0.0.15',
440
+ deprecated: '0.6.0',
441
+ deleted: '0.8.0',
369
442
  replacement: 'color.background.danger.bold.pressed',
370
443
  description: 'Pressed state of background.boldDanger'
371
444
  }
@@ -375,6 +448,8 @@ const color = {
375
448
  group: 'paint',
376
449
  state: 'deleted',
377
450
  introduced: '0.0.15',
451
+ deprecated: '0.6.0',
452
+ deleted: '0.8.0',
378
453
  replacement: 'color.background.danger.bold.[default]',
379
454
  description: 'A vibrant background for small UI elements like danger buttons and bold removed lozenges.'
380
455
  }
@@ -386,6 +461,8 @@ const color = {
386
461
  group: 'paint',
387
462
  state: 'deleted',
388
463
  introduced: '0.0.15',
464
+ deprecated: '0.6.0',
465
+ deleted: '0.8.0',
389
466
  replacement: 'color.background.discovery.bold.hovered',
390
467
  description: 'Hover state of background.boldDiscovery'
391
468
  }
@@ -395,6 +472,8 @@ const color = {
395
472
  group: 'paint',
396
473
  state: 'deleted',
397
474
  introduced: '0.0.15',
475
+ deprecated: '0.6.0',
476
+ deleted: '0.8.0',
398
477
  replacement: 'color.background.discovery.bold.pressed',
399
478
  description: 'Pressed state of background.boldDiscovery'
400
479
  }
@@ -404,6 +483,8 @@ const color = {
404
483
  group: 'paint',
405
484
  state: 'deleted',
406
485
  introduced: '0.0.15',
486
+ deprecated: '0.6.0',
487
+ deleted: '0.8.0',
407
488
  replacement: 'color.background.discovery.bold.[default]',
408
489
  description: 'A vibrant background for small UI elements like onboarding buttons and bold new lozenges.'
409
490
  }
@@ -415,6 +496,8 @@ const color = {
415
496
  group: 'paint',
416
497
  state: 'deleted',
417
498
  introduced: '0.0.15',
499
+ deprecated: '0.6.0',
500
+ deleted: '0.8.0',
418
501
  replacement: 'color.background.neutral.bold.hovered',
419
502
  description: 'Hover state of background.boldNeutral'
420
503
  }
@@ -424,6 +507,8 @@ const color = {
424
507
  group: 'paint',
425
508
  state: 'deleted',
426
509
  introduced: '0.0.15',
510
+ deprecated: '0.6.0',
511
+ deleted: '0.8.0',
427
512
  replacement: 'color.background.neutral.bold.pressed',
428
513
  description: 'Pressed state of background.boldNeutral'
429
514
  }
@@ -433,6 +518,8 @@ const color = {
433
518
  group: 'paint',
434
519
  state: 'deleted',
435
520
  introduced: '0.0.15',
521
+ deprecated: '0.6.0',
522
+ deleted: '0.8.0',
436
523
  replacement: 'color.background.neutral.bold.[default]',
437
524
  description: 'A vibrant background for small UI elements like unchecked toggles and bold default lozenges.'
438
525
  }
@@ -444,6 +531,8 @@ const color = {
444
531
  group: 'paint',
445
532
  state: 'deleted',
446
533
  introduced: '0.0.15',
534
+ deprecated: '0.6.0',
535
+ deleted: '0.8.0',
447
536
  replacement: 'color.background.success.bold.hovered',
448
537
  description: 'Hover state of background.boldSuccess'
449
538
  }
@@ -453,6 +542,8 @@ const color = {
453
542
  group: 'paint',
454
543
  state: 'deleted',
455
544
  introduced: '0.0.15',
545
+ deprecated: '0.6.0',
546
+ deleted: '0.8.0',
456
547
  replacement: 'color.background.success.bold.pressed',
457
548
  description: 'Pressed state of background.boldSuccess'
458
549
  }
@@ -462,6 +553,8 @@ const color = {
462
553
  group: 'paint',
463
554
  state: 'deleted',
464
555
  introduced: '0.0.15',
556
+ deprecated: '0.6.0',
557
+ deleted: '0.8.0',
465
558
  replacement: 'color.background.success.bold.[default]',
466
559
  description: 'A vibrant background for small UI elements like checked toggles and bold success lozenges.'
467
560
  }
@@ -473,6 +566,8 @@ const color = {
473
566
  group: 'paint',
474
567
  state: 'deleted',
475
568
  introduced: '0.0.15',
569
+ deprecated: '0.6.0',
570
+ deleted: '0.8.0',
476
571
  replacement: 'color.background.warning.bold.hovered',
477
572
  description: 'Hover state of background.boldWarning'
478
573
  }
@@ -482,6 +577,8 @@ const color = {
482
577
  group: 'paint',
483
578
  state: 'deleted',
484
579
  introduced: '0.0.15',
580
+ deprecated: '0.6.0',
581
+ deleted: '0.8.0',
485
582
  replacement: 'color.background.warning.bold.pressed',
486
583
  description: 'Pressed state of background.boldWarning'
487
584
  }
@@ -491,6 +588,8 @@ const color = {
491
588
  group: 'paint',
492
589
  state: 'deleted',
493
590
  introduced: '0.0.15',
591
+ deprecated: '0.6.0',
592
+ deleted: '0.8.0',
494
593
  replacement: 'color.background.warning.bold.[default]',
495
594
  description: 'A vibrant background for small UI elements like warning buttons and bold moved lozenges.'
496
595
  }
@@ -501,6 +600,8 @@ const color = {
501
600
  group: 'paint',
502
601
  state: 'deleted',
503
602
  introduced: '0.0.15',
603
+ deprecated: '0.6.0',
604
+ deleted: '0.8.0',
504
605
  replacement: 'elevation.surface.raised',
505
606
  description: 'Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card.'
506
607
  }
@@ -510,6 +611,8 @@ const color = {
510
611
  group: 'paint',
511
612
  state: 'deleted',
512
613
  introduced: '0.0.15',
614
+ deprecated: '0.6.0',
615
+ deleted: '0.8.0',
513
616
  replacement: 'elevation.surface.[default]',
514
617
  description: 'Use as the primary background for the UI'
515
618
  }
@@ -520,6 +623,7 @@ const color = {
520
623
  group: 'paint',
521
624
  state: 'deprecated',
522
625
  introduced: '0.1.0',
626
+ deprecated: '0.8.3',
523
627
  replacement: 'color.background.inverse.subtle.[default]',
524
628
  description: 'Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards.'
525
629
  }
@@ -530,6 +634,8 @@ const color = {
530
634
  group: 'paint',
531
635
  state: 'deleted',
532
636
  introduced: '0.0.15',
637
+ deprecated: '0.6.0',
638
+ deleted: '0.8.0',
533
639
  replacement: 'elevation.surface.overlay',
534
640
  description: `
535
641
  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).
@@ -545,6 +651,7 @@ Combine with shadow.overlay.`
545
651
  group: 'paint',
546
652
  state: 'deprecated',
547
653
  introduced: '0.1.0',
654
+ deprecated: '0.6.0',
548
655
  replacement: 'color.background.selected.[default].[default]',
549
656
  description: 'Use for backgrounds of elements in a selected state'
550
657
  }
@@ -554,6 +661,7 @@ Combine with shadow.overlay.`
554
661
  group: 'paint',
555
662
  state: 'deprecated',
556
663
  introduced: '0.1.0',
664
+ deprecated: '0.6.0',
557
665
  replacement: 'color.background.selected.[default].hovered',
558
666
  description: 'Hover state for color.background.selected'
559
667
  }
@@ -565,6 +673,8 @@ Combine with shadow.overlay.`
565
673
  group: 'paint',
566
674
  state: 'deleted',
567
675
  introduced: '0.0.15',
676
+ deprecated: '0.6.0',
677
+ deleted: '0.8.0',
568
678
  replacement: 'color.background.input.pressed',
569
679
  description: 'Pressed state for background.subtleBorderedNeutral'
570
680
  }
@@ -574,6 +684,8 @@ Combine with shadow.overlay.`
574
684
  group: 'paint',
575
685
  state: 'deleted',
576
686
  introduced: '0.0.15',
687
+ deprecated: '0.6.0',
688
+ deleted: '0.8.0',
577
689
  replacement: 'color.background.input.[default]',
578
690
  description: 'Hover state for background.subtleBorderedNeutral'
579
691
  }
@@ -585,6 +697,7 @@ Combine with shadow.overlay.`
585
697
  group: 'paint',
586
698
  state: 'deprecated',
587
699
  introduced: '0.0.15',
700
+ deprecated: '0.6.0',
588
701
  replacement: 'color.background.selected.[default].hovered',
589
702
  description: 'Hover state for background.subtleBrand'
590
703
  }
@@ -594,6 +707,7 @@ Combine with shadow.overlay.`
594
707
  group: 'paint',
595
708
  state: 'deprecated',
596
709
  introduced: '0.0.15',
710
+ deprecated: '0.6.0',
597
711
  replacement: 'color.background.selected.[default].pressed',
598
712
  description: 'Pressed state for background.subtleBrand'
599
713
  }
@@ -603,6 +717,7 @@ Combine with shadow.overlay.`
603
717
  group: 'paint',
604
718
  state: 'deprecated',
605
719
  introduced: '0.0.15',
720
+ deprecated: '0.6.0',
606
721
  replacement: 'color.background.selected.[default].[default]',
607
722
  description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.'
608
723
  }
@@ -614,6 +729,8 @@ Combine with shadow.overlay.`
614
729
  group: 'paint',
615
730
  state: 'deleted',
616
731
  introduced: '0.0.15',
732
+ deprecated: '0.6.0',
733
+ deleted: '0.8.0',
617
734
  replacement: 'color.background.danger.[default].hovered',
618
735
  description: 'Hover state for background.subtleDanger'
619
736
  }
@@ -623,6 +740,8 @@ Combine with shadow.overlay.`
623
740
  group: 'paint',
624
741
  state: 'deleted',
625
742
  introduced: '0.0.15',
743
+ deprecated: '0.6.0',
744
+ deleted: '0.8.0',
626
745
  replacement: 'color.background.danger.[default].pressed',
627
746
  description: 'Pressed state for background.subtleDanger'
628
747
  }
@@ -632,6 +751,8 @@ Combine with shadow.overlay.`
632
751
  group: 'paint',
633
752
  state: 'deleted',
634
753
  introduced: '0.0.15',
754
+ deprecated: '0.6.0',
755
+ deleted: '0.8.0',
635
756
  replacement: 'color.background.danger.[default].[default]',
636
757
  description: 'Use for subdued backgrounds of UI elements like error section messages and removed lozenges.'
637
758
  }
@@ -643,6 +764,8 @@ Combine with shadow.overlay.`
643
764
  group: 'paint',
644
765
  state: 'deleted',
645
766
  introduced: '0.0.15',
767
+ deprecated: '0.6.0',
768
+ deleted: '0.8.0',
646
769
  replacement: 'color.background.discovery.[default].hovered',
647
770
  description: 'Hover state for background.subtleDiscovery'
648
771
  }
@@ -652,6 +775,8 @@ Combine with shadow.overlay.`
652
775
  group: 'paint',
653
776
  state: 'deleted',
654
777
  introduced: '0.0.15',
778
+ deprecated: '0.6.0',
779
+ deleted: '0.8.0',
655
780
  replacement: 'color.background.discovery.[default].pressed',
656
781
  description: 'Pressed state for background.subtleDiscovery'
657
782
  }
@@ -661,6 +786,8 @@ Combine with shadow.overlay.`
661
786
  group: 'paint',
662
787
  state: 'deleted',
663
788
  introduced: '0.0.15',
789
+ deprecated: '0.6.0',
790
+ deleted: '0.8.0',
664
791
  replacement: 'color.background.discovery.[default].[default]',
665
792
  description: 'Use for subdued backgrounds of UI elements like discovery section messages and new lozenges.'
666
793
  }
@@ -672,6 +799,8 @@ Combine with shadow.overlay.`
672
799
  group: 'paint',
673
800
  state: 'deleted',
674
801
  introduced: '0.0.15',
802
+ deprecated: '0.6.0',
803
+ deleted: '0.8.0',
675
804
  replacement: 'color.background.neutral.[default].hovered',
676
805
  description: 'Hover state for background.subtleNeutral'
677
806
  }
@@ -681,6 +810,8 @@ Combine with shadow.overlay.`
681
810
  group: 'paint',
682
811
  state: 'deleted',
683
812
  introduced: '0.0.15',
813
+ deprecated: '0.6.0',
814
+ deleted: '0.8.0',
684
815
  replacement: 'color.background.neutral.[default].pressed',
685
816
  description: 'Pressed state for background.subtleNeutral'
686
817
  }
@@ -690,6 +821,8 @@ Combine with shadow.overlay.`
690
821
  group: 'paint',
691
822
  state: 'deleted',
692
823
  introduced: '0.0.15',
824
+ deprecated: '0.6.0',
825
+ deleted: '0.8.0',
693
826
  replacement: 'color.background.neutral.[default].[default]',
694
827
  description: 'Use as the default background of UI elements like buttons, lozenges, and tags.'
695
828
  }
@@ -701,6 +834,8 @@ Combine with shadow.overlay.`
701
834
  group: 'paint',
702
835
  state: 'deleted',
703
836
  introduced: '0.0.15',
837
+ deprecated: '0.6.0',
838
+ deleted: '0.8.0',
704
839
  replacement: 'color.background.success.[default].hovered',
705
840
  description: 'Hover state for background.subtleSuccess'
706
841
  }
@@ -710,6 +845,8 @@ Combine with shadow.overlay.`
710
845
  group: 'paint',
711
846
  state: 'deleted',
712
847
  introduced: '0.0.15',
848
+ deprecated: '0.6.0',
849
+ deleted: '0.8.0',
713
850
  replacement: 'color.background.success.[default].pressed',
714
851
  description: 'Pressed state for background.subtleSuccess'
715
852
  }
@@ -719,6 +856,8 @@ Combine with shadow.overlay.`
719
856
  group: 'paint',
720
857
  state: 'deleted',
721
858
  introduced: '0.0.15',
859
+ deprecated: '0.6.0',
860
+ deleted: '0.8.0',
722
861
  replacement: 'color.background.success.[default].[default]',
723
862
  description: 'Use for subdued backgrounds of UI elements like success section messages and success lozenges.'
724
863
  }
@@ -730,6 +869,8 @@ Combine with shadow.overlay.`
730
869
  group: 'paint',
731
870
  state: 'deleted',
732
871
  introduced: '0.0.15',
872
+ deprecated: '0.6.0',
873
+ deleted: '0.8.0',
733
874
  replacement: 'color.background.warning.[default].hovered',
734
875
  description: 'Hover state for background.subtleWarning'
735
876
  }
@@ -739,6 +880,8 @@ Combine with shadow.overlay.`
739
880
  group: 'paint',
740
881
  state: 'deleted',
741
882
  introduced: '0.0.15',
883
+ deprecated: '0.6.0',
884
+ deleted: '0.8.0',
742
885
  replacement: 'color.background.warning.[default].pressed',
743
886
  description: 'Pressed state for background.subtleWarning'
744
887
  }
@@ -748,6 +891,8 @@ Combine with shadow.overlay.`
748
891
  group: 'paint',
749
892
  state: 'deleted',
750
893
  introduced: '0.0.15',
894
+ deprecated: '0.6.0',
895
+ deleted: '0.8.0',
751
896
  replacement: 'color.background.warning.[default].[default]',
752
897
  description: 'Use for subdued backgrounds of UI elements like warning section messages and moved lozenges.'
753
898
  }
@@ -758,6 +903,8 @@ Combine with shadow.overlay.`
758
903
  group: 'paint',
759
904
  state: 'deleted',
760
905
  introduced: '0.0.15',
906
+ deprecated: '0.6.0',
907
+ deleted: '0.8.0',
761
908
  replacement: 'elevation.surface.sunken',
762
909
  description: 'Use as a secondary background for the UI'
763
910
  }
@@ -768,6 +915,8 @@ Combine with shadow.overlay.`
768
915
  group: 'paint',
769
916
  state: 'deleted',
770
917
  introduced: '0.0.15',
918
+ deprecated: '0.6.0',
919
+ deleted: '0.8.0',
771
920
  replacement: 'color.background.neutral.subtle.hovered',
772
921
  description: 'Hover state for UIs that do not have a default background, such as menu items or subtle buttons.'
773
922
  }
@@ -777,6 +926,8 @@ Combine with shadow.overlay.`
777
926
  group: 'paint',
778
927
  state: 'deleted',
779
928
  introduced: '0.0.15',
929
+ deprecated: '0.6.0',
930
+ deleted: '0.8.0',
780
931
  replacement: 'color.background.neutral.subtle.pressed',
781
932
  description: 'Pressed state for UIs that do not have a default background, such as menu items or subtle buttons.'
782
933
  }
@@ -789,6 +940,8 @@ Combine with shadow.overlay.`
789
940
  group: 'paint',
790
941
  state: 'deleted',
791
942
  introduced: '0.0.15',
943
+ deprecated: '0.6.0',
944
+ deleted: '0.8.0',
792
945
  replacement: 'color.text.[default]',
793
946
  description: 'Use for primary text, such as body copy, sentence case headers, and buttons'
794
947
  }
@@ -799,6 +952,8 @@ Combine with shadow.overlay.`
799
952
  group: 'paint',
800
953
  state: 'deleted',
801
954
  introduced: '0.0.15',
955
+ deprecated: '0.6.0',
956
+ deleted: '0.8.0',
802
957
  replacement: 'color.link.pressed',
803
958
  description: 'Use for links in a pressed state'
804
959
  }
@@ -808,6 +963,8 @@ Combine with shadow.overlay.`
808
963
  group: 'paint',
809
964
  state: 'deleted',
810
965
  introduced: '0.0.15',
966
+ deprecated: '0.6.0',
967
+ deleted: '0.8.0',
811
968
  replacement: 'color.link.[default]',
812
969
  description: 'Use for links in a resting or hover state. Add an underline for hover states'
813
970
  }
@@ -818,6 +975,8 @@ Combine with shadow.overlay.`
818
975
  group: 'paint',
819
976
  state: 'deleted',
820
977
  introduced: '0.0.15',
978
+ deprecated: '0.6.0',
979
+ deleted: '0.8.0',
821
980
  replacement: 'color.text.subtlest',
822
981
  description: `
823
982
  Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.
@@ -830,6 +989,8 @@ Use for icons that are paired with text.medEmphasis text`
830
989
  group: 'paint',
831
990
  state: 'deleted',
832
991
  introduced: '0.0.15',
992
+ deprecated: '0.6.0',
993
+ deleted: '0.8.0',
833
994
  replacement: 'color.text.subtle',
834
995
  description: `
835
996
  Use for secondary text, such navigation, subtle button links, input field labels, and all caps subheadings.
@@ -843,6 +1004,8 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
843
1004
  group: 'paint',
844
1005
  state: 'deleted',
845
1006
  introduced: '0.0.15',
1007
+ deprecated: '0.6.0',
1008
+ deleted: '0.8.0',
846
1009
  replacement: 'color.text.inverse',
847
1010
  description: 'Use for text and icons when on bold backgrounds'
848
1011
  }
@@ -852,6 +1015,8 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
852
1015
  group: 'paint',
853
1016
  state: 'deleted',
854
1017
  introduced: '0.0.15',
1018
+ deprecated: '0.6.0',
1019
+ deleted: '0.8.0',
855
1020
  replacement: 'color.text.warning.inverse',
856
1021
  description: 'Use for text and icons when on bold warning backgrounds'
857
1022
  }
@@ -863,6 +1028,8 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
863
1028
  group: 'paint',
864
1029
  state: 'deleted',
865
1030
  introduced: '0.0.15',
1031
+ deprecated: '0.6.0',
1032
+ deleted: '0.8.0',
866
1033
  replacement: 'color.border.focused',
867
1034
  description: 'Use for focus rings of elements in a focus state'
868
1035
  }
@@ -872,6 +1039,8 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
872
1039
  group: 'paint',
873
1040
  state: 'deleted',
874
1041
  introduced: '0.0.15',
1042
+ deprecated: '0.6.0',
1043
+ deleted: '0.8.0',
875
1044
  replacement: 'color.border.[default]',
876
1045
  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'
877
1046
  }
@@ -883,6 +1052,8 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
883
1052
  group: 'paint',
884
1053
  state: 'deleted',
885
1054
  introduced: '0.0.15',
1055
+ deprecated: '0.6.0',
1056
+ deleted: '0.8.0',
886
1057
  replacement: 'color.icon.brand',
887
1058
  description: `
888
1059
  Use rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.
@@ -895,6 +1066,8 @@ Also use for blue icons or borders when there is no meaning tied to the color, s
895
1066
  group: 'paint',
896
1067
  state: 'deleted',
897
1068
  introduced: '0.0.15',
1069
+ deprecated: '0.6.0',
1070
+ deleted: '0.8.0',
898
1071
  replacement: 'color.icon.danger',
899
1072
  description: `
900
1073
  Use rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.
@@ -907,6 +1080,8 @@ Also use for red icons or borders when there is no meaning tied to the color, su
907
1080
  group: 'paint',
908
1081
  state: 'deleted',
909
1082
  introduced: '0.0.15',
1083
+ deprecated: '0.6.0',
1084
+ deleted: '0.8.0',
910
1085
  replacement: 'color.icon.discovery',
911
1086
  description: `
912
1087
  Use rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.
@@ -920,6 +1095,8 @@ Also use for purple icons or borders when there is no meaning tied to the color,
920
1095
  group: 'paint',
921
1096
  state: 'deleted',
922
1097
  introduced: '0.0.15',
1098
+ deprecated: '0.6.0',
1099
+ deleted: '0.8.0',
923
1100
  replacement: 'color.icon.success',
924
1101
  description: `
925
1102
  Use rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.
@@ -933,6 +1110,8 @@ Also use for green icons or borders when there is no meaning tied to the color,
933
1110
  group: 'paint',
934
1111
  state: 'deleted',
935
1112
  introduced: '0.0.15',
1113
+ deprecated: '0.6.0',
1114
+ deleted: '0.8.0',
936
1115
  replacement: 'color.icon.warning.[default]',
937
1116
  description: `
938
1117
  Use rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.
@@ -948,6 +1127,8 @@ Also use for yellow icons or borders when there is no meaning tied to the color,
948
1127
  group: 'paint',
949
1128
  state: 'deleted',
950
1129
  introduced: '0.1.0',
1130
+ deprecated: '0.6.0',
1131
+ deleted: '0.8.0',
951
1132
  replacement: 'color.interaction.hovered',
952
1133
  description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.'
953
1134
  }
@@ -957,6 +1138,8 @@ Also use for yellow icons or borders when there is no meaning tied to the color,
957
1138
  group: 'paint',
958
1139
  state: 'deleted',
959
1140
  introduced: '0.1.0',
1141
+ deprecated: '0.6.0',
1142
+ deleted: '0.8.0',
960
1143
  replacement: 'color.interaction.pressed',
961
1144
  description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
962
1145
  }
@@ -969,6 +1152,8 @@ Also use for yellow icons or borders when there is no meaning tied to the color,
969
1152
  group: 'shadow',
970
1153
  state: 'deleted',
971
1154
  introduced: '0.6.0',
1155
+ deprecated: '0.6.0',
1156
+ deleted: '0.8.0',
972
1157
  replacement: 'elevation.shadow.raised',
973
1158
  description: `
974
1159
  Use for the box shadow of raised card elements, such as Jira cards on a Kanban board.
@@ -981,6 +1166,8 @@ Combine with background.overlay`
981
1166
  group: 'shadow',
982
1167
  state: 'deleted',
983
1168
  introduced: '0.6.0',
1169
+ deprecated: '0.6.0',
1170
+ deleted: '0.8.0',
984
1171
  replacement: 'elevation.shadow.overlay',
985
1172
  description: `
986
1173
  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).