@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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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 @@ var 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: "\nUse 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).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
535
641
  }
@@ -540,6 +646,7 @@ var color = {
540
646
  group: 'paint',
541
647
  state: 'deprecated',
542
648
  introduced: '0.1.0',
649
+ deprecated: '0.6.0',
543
650
  replacement: 'color.background.selected.[default].[default]',
544
651
  description: 'Use for backgrounds of elements in a selected state'
545
652
  }
@@ -549,6 +656,7 @@ var color = {
549
656
  group: 'paint',
550
657
  state: 'deprecated',
551
658
  introduced: '0.1.0',
659
+ deprecated: '0.6.0',
552
660
  replacement: 'color.background.selected.[default].hovered',
553
661
  description: 'Hover state for color.background.selected'
554
662
  }
@@ -560,6 +668,8 @@ var color = {
560
668
  group: 'paint',
561
669
  state: 'deleted',
562
670
  introduced: '0.0.15',
671
+ deprecated: '0.6.0',
672
+ deleted: '0.8.0',
563
673
  replacement: 'color.background.input.pressed',
564
674
  description: 'Pressed state for background.subtleBorderedNeutral'
565
675
  }
@@ -569,6 +679,8 @@ var color = {
569
679
  group: 'paint',
570
680
  state: 'deleted',
571
681
  introduced: '0.0.15',
682
+ deprecated: '0.6.0',
683
+ deleted: '0.8.0',
572
684
  replacement: 'color.background.input.[default]',
573
685
  description: 'Hover state for background.subtleBorderedNeutral'
574
686
  }
@@ -580,6 +692,7 @@ var color = {
580
692
  group: 'paint',
581
693
  state: 'deprecated',
582
694
  introduced: '0.0.15',
695
+ deprecated: '0.6.0',
583
696
  replacement: 'color.background.selected.[default].hovered',
584
697
  description: 'Hover state for background.subtleBrand'
585
698
  }
@@ -589,6 +702,7 @@ var color = {
589
702
  group: 'paint',
590
703
  state: 'deprecated',
591
704
  introduced: '0.0.15',
705
+ deprecated: '0.6.0',
592
706
  replacement: 'color.background.selected.[default].pressed',
593
707
  description: 'Pressed state for background.subtleBrand'
594
708
  }
@@ -598,6 +712,7 @@ var color = {
598
712
  group: 'paint',
599
713
  state: 'deprecated',
600
714
  introduced: '0.0.15',
715
+ deprecated: '0.6.0',
601
716
  replacement: 'color.background.selected.[default].[default]',
602
717
  description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.'
603
718
  }
@@ -609,6 +724,8 @@ var color = {
609
724
  group: 'paint',
610
725
  state: 'deleted',
611
726
  introduced: '0.0.15',
727
+ deprecated: '0.6.0',
728
+ deleted: '0.8.0',
612
729
  replacement: 'color.background.danger.[default].hovered',
613
730
  description: 'Hover state for background.subtleDanger'
614
731
  }
@@ -618,6 +735,8 @@ var color = {
618
735
  group: 'paint',
619
736
  state: 'deleted',
620
737
  introduced: '0.0.15',
738
+ deprecated: '0.6.0',
739
+ deleted: '0.8.0',
621
740
  replacement: 'color.background.danger.[default].pressed',
622
741
  description: 'Pressed state for background.subtleDanger'
623
742
  }
@@ -627,6 +746,8 @@ var color = {
627
746
  group: 'paint',
628
747
  state: 'deleted',
629
748
  introduced: '0.0.15',
749
+ deprecated: '0.6.0',
750
+ deleted: '0.8.0',
630
751
  replacement: 'color.background.danger.[default].[default]',
631
752
  description: 'Use for subdued backgrounds of UI elements like error section messages and removed lozenges.'
632
753
  }
@@ -638,6 +759,8 @@ var color = {
638
759
  group: 'paint',
639
760
  state: 'deleted',
640
761
  introduced: '0.0.15',
762
+ deprecated: '0.6.0',
763
+ deleted: '0.8.0',
641
764
  replacement: 'color.background.discovery.[default].hovered',
642
765
  description: 'Hover state for background.subtleDiscovery'
643
766
  }
@@ -647,6 +770,8 @@ var color = {
647
770
  group: 'paint',
648
771
  state: 'deleted',
649
772
  introduced: '0.0.15',
773
+ deprecated: '0.6.0',
774
+ deleted: '0.8.0',
650
775
  replacement: 'color.background.discovery.[default].pressed',
651
776
  description: 'Pressed state for background.subtleDiscovery'
652
777
  }
@@ -656,6 +781,8 @@ var color = {
656
781
  group: 'paint',
657
782
  state: 'deleted',
658
783
  introduced: '0.0.15',
784
+ deprecated: '0.6.0',
785
+ deleted: '0.8.0',
659
786
  replacement: 'color.background.discovery.[default].[default]',
660
787
  description: 'Use for subdued backgrounds of UI elements like discovery section messages and new lozenges.'
661
788
  }
@@ -667,6 +794,8 @@ var color = {
667
794
  group: 'paint',
668
795
  state: 'deleted',
669
796
  introduced: '0.0.15',
797
+ deprecated: '0.6.0',
798
+ deleted: '0.8.0',
670
799
  replacement: 'color.background.neutral.[default].hovered',
671
800
  description: 'Hover state for background.subtleNeutral'
672
801
  }
@@ -676,6 +805,8 @@ var color = {
676
805
  group: 'paint',
677
806
  state: 'deleted',
678
807
  introduced: '0.0.15',
808
+ deprecated: '0.6.0',
809
+ deleted: '0.8.0',
679
810
  replacement: 'color.background.neutral.[default].pressed',
680
811
  description: 'Pressed state for background.subtleNeutral'
681
812
  }
@@ -685,6 +816,8 @@ var color = {
685
816
  group: 'paint',
686
817
  state: 'deleted',
687
818
  introduced: '0.0.15',
819
+ deprecated: '0.6.0',
820
+ deleted: '0.8.0',
688
821
  replacement: 'color.background.neutral.[default].[default]',
689
822
  description: 'Use as the default background of UI elements like buttons, lozenges, and tags.'
690
823
  }
@@ -696,6 +829,8 @@ var color = {
696
829
  group: 'paint',
697
830
  state: 'deleted',
698
831
  introduced: '0.0.15',
832
+ deprecated: '0.6.0',
833
+ deleted: '0.8.0',
699
834
  replacement: 'color.background.success.[default].hovered',
700
835
  description: 'Hover state for background.subtleSuccess'
701
836
  }
@@ -705,6 +840,8 @@ var color = {
705
840
  group: 'paint',
706
841
  state: 'deleted',
707
842
  introduced: '0.0.15',
843
+ deprecated: '0.6.0',
844
+ deleted: '0.8.0',
708
845
  replacement: 'color.background.success.[default].pressed',
709
846
  description: 'Pressed state for background.subtleSuccess'
710
847
  }
@@ -714,6 +851,8 @@ var color = {
714
851
  group: 'paint',
715
852
  state: 'deleted',
716
853
  introduced: '0.0.15',
854
+ deprecated: '0.6.0',
855
+ deleted: '0.8.0',
717
856
  replacement: 'color.background.success.[default].[default]',
718
857
  description: 'Use for subdued backgrounds of UI elements like success section messages and success lozenges.'
719
858
  }
@@ -725,6 +864,8 @@ var color = {
725
864
  group: 'paint',
726
865
  state: 'deleted',
727
866
  introduced: '0.0.15',
867
+ deprecated: '0.6.0',
868
+ deleted: '0.8.0',
728
869
  replacement: 'color.background.warning.[default].hovered',
729
870
  description: 'Hover state for background.subtleWarning'
730
871
  }
@@ -734,6 +875,8 @@ var color = {
734
875
  group: 'paint',
735
876
  state: 'deleted',
736
877
  introduced: '0.0.15',
878
+ deprecated: '0.6.0',
879
+ deleted: '0.8.0',
737
880
  replacement: 'color.background.warning.[default].pressed',
738
881
  description: 'Pressed state for background.subtleWarning'
739
882
  }
@@ -743,6 +886,8 @@ var color = {
743
886
  group: 'paint',
744
887
  state: 'deleted',
745
888
  introduced: '0.0.15',
889
+ deprecated: '0.6.0',
890
+ deleted: '0.8.0',
746
891
  replacement: 'color.background.warning.[default].[default]',
747
892
  description: 'Use for subdued backgrounds of UI elements like warning section messages and moved lozenges.'
748
893
  }
@@ -753,6 +898,8 @@ var color = {
753
898
  group: 'paint',
754
899
  state: 'deleted',
755
900
  introduced: '0.0.15',
901
+ deprecated: '0.6.0',
902
+ deleted: '0.8.0',
756
903
  replacement: 'elevation.surface.sunken',
757
904
  description: 'Use as a secondary background for the UI'
758
905
  }
@@ -763,6 +910,8 @@ var color = {
763
910
  group: 'paint',
764
911
  state: 'deleted',
765
912
  introduced: '0.0.15',
913
+ deprecated: '0.6.0',
914
+ deleted: '0.8.0',
766
915
  replacement: 'color.background.neutral.subtle.hovered',
767
916
  description: 'Hover state for UIs that do not have a default background, such as menu items or subtle buttons.'
768
917
  }
@@ -772,6 +921,8 @@ var color = {
772
921
  group: 'paint',
773
922
  state: 'deleted',
774
923
  introduced: '0.0.15',
924
+ deprecated: '0.6.0',
925
+ deleted: '0.8.0',
775
926
  replacement: 'color.background.neutral.subtle.pressed',
776
927
  description: 'Pressed state for UIs that do not have a default background, such as menu items or subtle buttons.'
777
928
  }
@@ -784,6 +935,8 @@ var color = {
784
935
  group: 'paint',
785
936
  state: 'deleted',
786
937
  introduced: '0.0.15',
938
+ deprecated: '0.6.0',
939
+ deleted: '0.8.0',
787
940
  replacement: 'color.text.[default]',
788
941
  description: 'Use for primary text, such as body copy, sentence case headers, and buttons'
789
942
  }
@@ -794,6 +947,8 @@ var color = {
794
947
  group: 'paint',
795
948
  state: 'deleted',
796
949
  introduced: '0.0.15',
950
+ deprecated: '0.6.0',
951
+ deleted: '0.8.0',
797
952
  replacement: 'color.link.pressed',
798
953
  description: 'Use for links in a pressed state'
799
954
  }
@@ -803,6 +958,8 @@ var color = {
803
958
  group: 'paint',
804
959
  state: 'deleted',
805
960
  introduced: '0.0.15',
961
+ deprecated: '0.6.0',
962
+ deleted: '0.8.0',
806
963
  replacement: 'color.link.[default]',
807
964
  description: 'Use for links in a resting or hover state. Add an underline for hover states'
808
965
  }
@@ -813,6 +970,8 @@ var color = {
813
970
  group: 'paint',
814
971
  state: 'deleted',
815
972
  introduced: '0.0.15',
973
+ deprecated: '0.6.0',
974
+ deleted: '0.8.0',
816
975
  replacement: 'color.text.subtlest',
817
976
  description: "\nUse for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.\n\nUse for icons that are paired with text.medEmphasis text"
818
977
  }
@@ -822,6 +981,8 @@ var color = {
822
981
  group: 'paint',
823
982
  state: 'deleted',
824
983
  introduced: '0.0.15',
984
+ deprecated: '0.6.0',
985
+ deleted: '0.8.0',
825
986
  replacement: 'color.text.subtle',
826
987
  description: "\nUse for secondary text, such navigation, subtle button links, input field labels, and all caps subheadings.\n\nUse for icon-only buttons, or icons paired with text.highEmphasis text\n "
827
988
  }
@@ -831,6 +992,8 @@ var color = {
831
992
  group: 'paint',
832
993
  state: 'deleted',
833
994
  introduced: '0.0.15',
995
+ deprecated: '0.6.0',
996
+ deleted: '0.8.0',
834
997
  replacement: 'color.text.inverse',
835
998
  description: 'Use for text and icons when on bold backgrounds'
836
999
  }
@@ -840,6 +1003,8 @@ var color = {
840
1003
  group: 'paint',
841
1004
  state: 'deleted',
842
1005
  introduced: '0.0.15',
1006
+ deprecated: '0.6.0',
1007
+ deleted: '0.8.0',
843
1008
  replacement: 'color.text.warning.inverse',
844
1009
  description: 'Use for text and icons when on bold warning backgrounds'
845
1010
  }
@@ -851,6 +1016,8 @@ var color = {
851
1016
  group: 'paint',
852
1017
  state: 'deleted',
853
1018
  introduced: '0.0.15',
1019
+ deprecated: '0.6.0',
1020
+ deleted: '0.8.0',
854
1021
  replacement: 'color.border.focused',
855
1022
  description: 'Use for focus rings of elements in a focus state'
856
1023
  }
@@ -860,6 +1027,8 @@ var color = {
860
1027
  group: 'paint',
861
1028
  state: 'deleted',
862
1029
  introduced: '0.0.15',
1030
+ deprecated: '0.6.0',
1031
+ deleted: '0.8.0',
863
1032
  replacement: 'color.border.[default]',
864
1033
  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'
865
1034
  }
@@ -871,6 +1040,8 @@ var color = {
871
1040
  group: 'paint',
872
1041
  state: 'deleted',
873
1042
  introduced: '0.0.15',
1043
+ deprecated: '0.6.0',
1044
+ deleted: '0.8.0',
874
1045
  replacement: 'color.icon.brand',
875
1046
  description: "\nUse rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.\n\nAlso use for blue icons or borders when there is no meaning tied to the color, such as file type icons."
876
1047
  }
@@ -880,6 +1051,8 @@ var color = {
880
1051
  group: 'paint',
881
1052
  state: 'deleted',
882
1053
  introduced: '0.0.15',
1054
+ deprecated: '0.6.0',
1055
+ deleted: '0.8.0',
883
1056
  replacement: 'color.icon.danger',
884
1057
  description: "\nUse rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.\n\nAlso use for red icons or borders when there is no meaning tied to the color, such as file type icons."
885
1058
  }
@@ -889,6 +1062,8 @@ var color = {
889
1062
  group: 'paint',
890
1063
  state: 'deleted',
891
1064
  introduced: '0.0.15',
1065
+ deprecated: '0.6.0',
1066
+ deleted: '0.8.0',
892
1067
  replacement: 'color.icon.discovery',
893
1068
  description: "\nUse rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.\n\nAlso use for purple icons or borders when there is no meaning tied to the color, such as file type icons.\n"
894
1069
  }
@@ -898,6 +1073,8 @@ var color = {
898
1073
  group: 'paint',
899
1074
  state: 'deleted',
900
1075
  introduced: '0.0.15',
1076
+ deprecated: '0.6.0',
1077
+ deleted: '0.8.0',
901
1078
  replacement: 'color.icon.success',
902
1079
  description: "\nUse rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.\n\nAlso use for green icons or borders when there is no meaning tied to the color, such as file type icons.\n"
903
1080
  }
@@ -907,6 +1084,8 @@ var color = {
907
1084
  group: 'paint',
908
1085
  state: 'deleted',
909
1086
  introduced: '0.0.15',
1087
+ deprecated: '0.6.0',
1088
+ deleted: '0.8.0',
910
1089
  replacement: 'color.icon.warning.[default]',
911
1090
  description: "\nUse rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.\n\nAlso use for yellow icons or borders when there is no meaning tied to the color, such as file type icons.\n"
912
1091
  }
@@ -918,6 +1097,8 @@ var color = {
918
1097
  group: 'paint',
919
1098
  state: 'deleted',
920
1099
  introduced: '0.1.0',
1100
+ deprecated: '0.6.0',
1101
+ deleted: '0.8.0',
921
1102
  replacement: 'color.interaction.hovered',
922
1103
  description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.'
923
1104
  }
@@ -927,6 +1108,8 @@ var color = {
927
1108
  group: 'paint',
928
1109
  state: 'deleted',
929
1110
  introduced: '0.1.0',
1111
+ deprecated: '0.6.0',
1112
+ deleted: '0.8.0',
930
1113
  replacement: 'color.interaction.pressed',
931
1114
  description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
932
1115
  }
@@ -939,6 +1122,8 @@ var color = {
939
1122
  group: 'shadow',
940
1123
  state: 'deleted',
941
1124
  introduced: '0.6.0',
1125
+ deprecated: '0.6.0',
1126
+ deleted: '0.8.0',
942
1127
  replacement: 'elevation.shadow.raised',
943
1128
  description: "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
944
1129
  }
@@ -948,6 +1133,8 @@ var color = {
948
1133
  group: 'shadow',
949
1134
  state: 'deleted',
950
1135
  introduced: '0.6.0',
1136
+ deprecated: '0.6.0',
1137
+ deleted: '0.8.0',
951
1138
  replacement: 'elevation.shadow.overlay',
952
1139
  description: "\nUse 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).\n\nAlso use for the box shadow of raised cards in a dragged state.\n\nCombine with background.overlay"
953
1140
  }