@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
@@ -12,6 +12,8 @@ var color = {
12
12
  group: 'paint',
13
13
  state: 'deleted',
14
14
  introduced: '0.1.1',
15
+ deprecated: '0.6.0',
16
+ deleted: '0.8.0',
15
17
  replacement: 'color.background.accent.blue.bolder',
16
18
  description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
17
19
  }
@@ -21,6 +23,8 @@ var color = {
21
23
  group: 'paint',
22
24
  state: 'deleted',
23
25
  introduced: '0.1.1',
26
+ deprecated: '0.6.0',
27
+ deleted: '0.8.0',
24
28
  replacement: 'color.background.accent.green.bolder',
25
29
  description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
26
30
  }
@@ -30,6 +34,8 @@ var color = {
30
34
  group: 'paint',
31
35
  state: 'deleted',
32
36
  introduced: '0.1.1',
37
+ deprecated: '0.6.0',
38
+ deleted: '0.8.0',
33
39
  replacement: 'color.background.accent.orange.bolder',
34
40
  description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
35
41
  }
@@ -39,6 +45,8 @@ var color = {
39
45
  group: 'paint',
40
46
  state: 'deleted',
41
47
  introduced: '0.1.1',
48
+ deprecated: '0.6.0',
49
+ deleted: '0.8.0',
42
50
  replacement: 'color.background.accent.purple.bolder',
43
51
  description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
44
52
  }
@@ -48,6 +56,8 @@ var color = {
48
56
  group: 'paint',
49
57
  state: 'deleted',
50
58
  introduced: '0.1.1',
59
+ deprecated: '0.6.0',
60
+ deleted: '0.8.0',
51
61
  replacement: 'color.background.accent.red.bolder',
52
62
  description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
53
63
  }
@@ -57,6 +67,8 @@ var color = {
57
67
  group: 'paint',
58
68
  state: 'deleted',
59
69
  introduced: '0.1.1',
70
+ deprecated: '0.6.0',
71
+ deleted: '0.8.0',
60
72
  replacement: 'color.background.accent.teal.bolder',
61
73
  description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
62
74
  }
@@ -66,6 +78,8 @@ var color = {
66
78
  group: 'paint',
67
79
  state: 'deleted',
68
80
  introduced: '0.1.0',
81
+ deprecated: '0.6.0',
82
+ deleted: '0.8.0',
69
83
  replacement: 'color.background.accent.blue.subtler',
70
84
  description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
71
85
  }
@@ -75,6 +89,8 @@ var color = {
75
89
  group: 'paint',
76
90
  state: 'deleted',
77
91
  introduced: '0.1.0',
92
+ deprecated: '0.6.0',
93
+ deleted: '0.8.0',
78
94
  replacement: 'color.background.accent.green.subtler',
79
95
  description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
80
96
  }
@@ -84,6 +100,8 @@ var color = {
84
100
  group: 'paint',
85
101
  state: 'deleted',
86
102
  introduced: '0.1.0',
103
+ deprecated: '0.6.0',
104
+ deleted: '0.8.0',
87
105
  replacement: 'color.background.accent.magenta.subtler',
88
106
  description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
89
107
  }
@@ -93,6 +111,8 @@ var color = {
93
111
  group: 'paint',
94
112
  state: 'deleted',
95
113
  introduced: '0.1.0',
114
+ deprecated: '0.6.0',
115
+ deleted: '0.8.0',
96
116
  replacement: 'color.background.accent.orange.subtler',
97
117
  description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
98
118
  }
@@ -102,6 +122,8 @@ var color = {
102
122
  group: 'paint',
103
123
  state: 'deleted',
104
124
  introduced: '0.1.0',
125
+ deprecated: '0.6.0',
126
+ deleted: '0.8.0',
105
127
  replacement: 'color.background.accent.purple.subtler',
106
128
  description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
107
129
  }
@@ -111,6 +133,8 @@ var color = {
111
133
  group: 'paint',
112
134
  state: 'deleted',
113
135
  introduced: '0.1.0',
136
+ deprecated: '0.6.0',
137
+ deleted: '0.8.0',
114
138
  replacement: 'color.background.accent.red.subtler',
115
139
  description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
116
140
  }
@@ -120,6 +144,8 @@ var color = {
120
144
  group: 'paint',
121
145
  state: 'deleted',
122
146
  introduced: '0.1.0',
147
+ deprecated: '0.6.0',
148
+ deleted: '0.8.0',
123
149
  replacement: 'color.background.accent.teal.subtler',
124
150
  description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
125
151
  }
@@ -133,6 +159,8 @@ var color = {
133
159
  group: 'paint',
134
160
  state: 'deleted',
135
161
  introduced: '0.6.0',
162
+ deprecated: '0.7.0',
163
+ deleted: '0.8.0',
136
164
  replacement: 'color.background.accent.blue.subtler',
137
165
  description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
138
166
  }
@@ -142,6 +170,8 @@ var color = {
142
170
  group: 'paint',
143
171
  state: 'deleted',
144
172
  introduced: '0.6.0',
173
+ deprecated: '0.7.0',
174
+ deleted: '0.8.0',
145
175
  replacement: 'color.background.accent.blue.subtle',
146
176
  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.'
147
177
  }
@@ -153,6 +183,8 @@ var color = {
153
183
  group: 'paint',
154
184
  state: 'deleted',
155
185
  introduced: '0.6.0',
186
+ deprecated: '0.7.0',
187
+ deleted: '0.8.0',
156
188
  replacement: 'color.background.accent.red.subtler',
157
189
  description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
158
190
  }
@@ -162,6 +194,8 @@ var color = {
162
194
  group: 'paint',
163
195
  state: 'deleted',
164
196
  introduced: '0.6.0',
197
+ deprecated: '0.7.0',
198
+ deleted: '0.8.0',
165
199
  replacement: 'color.background.accent.red.subtle',
166
200
  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.'
167
201
  }
@@ -173,6 +207,8 @@ var color = {
173
207
  group: 'paint',
174
208
  state: 'deleted',
175
209
  introduced: '0.6.0',
210
+ deprecated: '0.7.0',
211
+ deleted: '0.8.0',
176
212
  replacement: 'color.background.accent.orange.subtler',
177
213
  description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
178
214
  }
@@ -182,6 +218,8 @@ var color = {
182
218
  group: 'paint',
183
219
  state: 'deleted',
184
220
  introduced: '0.6.0',
221
+ deprecated: '0.7.0',
222
+ deleted: '0.8.0',
185
223
  replacement: 'color.background.accent.orange.subtle',
186
224
  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.'
187
225
  }
@@ -193,6 +231,8 @@ var color = {
193
231
  group: 'paint',
194
232
  state: 'deleted',
195
233
  introduced: '0.6.0',
234
+ deprecated: '0.7.0',
235
+ deleted: '0.8.0',
196
236
  replacement: 'color.background.accent.yellow.subtler',
197
237
  description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
198
238
  }
@@ -202,6 +242,8 @@ var color = {
202
242
  group: 'paint',
203
243
  state: 'deleted',
204
244
  introduced: '0.6.0',
245
+ deprecated: '0.7.0',
246
+ deleted: '0.8.0',
205
247
  replacement: 'color.background.accent.yellow.subtle',
206
248
  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.'
207
249
  }
@@ -213,6 +255,8 @@ var color = {
213
255
  group: 'paint',
214
256
  state: 'deleted',
215
257
  introduced: '0.6.0',
258
+ deprecated: '0.7.0',
259
+ deleted: '0.8.0',
216
260
  replacement: 'color.background.accent.green.subtler',
217
261
  description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
218
262
  }
@@ -222,6 +266,8 @@ var color = {
222
266
  group: 'paint',
223
267
  state: 'deleted',
224
268
  introduced: '0.6.0',
269
+ deprecated: '0.7.0',
270
+ deleted: '0.8.0',
225
271
  replacement: 'color.background.accent.green.subtle',
226
272
  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.'
227
273
  }
@@ -233,6 +279,8 @@ var color = {
233
279
  group: 'paint',
234
280
  state: 'deleted',
235
281
  introduced: '0.6.0',
282
+ deprecated: '0.7.0',
283
+ deleted: '0.8.0',
236
284
  replacement: 'color.background.accent.teal.subtler',
237
285
  description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
238
286
  }
@@ -242,6 +290,8 @@ var color = {
242
290
  group: 'paint',
243
291
  state: 'deleted',
244
292
  introduced: '0.6.0',
293
+ deprecated: '0.7.0',
294
+ deleted: '0.8.0',
245
295
  replacement: 'color.background.accent.teal.subtle',
246
296
  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.'
247
297
  }
@@ -253,6 +303,8 @@ var color = {
253
303
  group: 'paint',
254
304
  state: 'deleted',
255
305
  introduced: '0.6.0',
306
+ deprecated: '0.7.0',
307
+ deleted: '0.8.0',
256
308
  replacement: 'color.background.accent.purple.subtler',
257
309
  description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
258
310
  }
@@ -262,6 +314,8 @@ var color = {
262
314
  group: 'paint',
263
315
  state: 'deleted',
264
316
  introduced: '0.6.0',
317
+ deprecated: '0.7.0',
318
+ deleted: '0.8.0',
265
319
  replacement: 'color.background.accent.purple.subtle',
266
320
  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.'
267
321
  }
@@ -273,6 +327,8 @@ var color = {
273
327
  group: 'paint',
274
328
  state: 'deleted',
275
329
  introduced: '0.6.0',
330
+ deprecated: '0.7.0',
331
+ deleted: '0.8.0',
276
332
  replacement: 'color.background.accent.magenta.subtler',
277
333
  description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
278
334
  }
@@ -282,6 +338,8 @@ var color = {
282
338
  group: 'paint',
283
339
  state: 'deleted',
284
340
  introduced: '0.6.0',
341
+ deprecated: '0.7.0',
342
+ deleted: '0.8.0',
285
343
  replacement: 'color.background.accent.magenta.subtle',
286
344
  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.'
287
345
  }
@@ -293,6 +351,8 @@ var color = {
293
351
  group: 'paint',
294
352
  state: 'deleted',
295
353
  introduced: '0.0.15',
354
+ deprecated: '0.6.0',
355
+ deleted: '0.8.0',
296
356
  replacement: 'color.blanket.[default]',
297
357
  description: 'Use for the screen overlay that appears with modal dialogs'
298
358
  }
@@ -304,6 +364,7 @@ var color = {
304
364
  group: 'paint',
305
365
  state: 'deprecated',
306
366
  introduced: '0.6.0',
367
+ deprecated: '0.6.2',
307
368
  replacement: 'color.background.selected.[default].[default]',
308
369
  description: 'Use for the background of elements used to reinforce our brand.'
309
370
  }
@@ -313,6 +374,7 @@ var color = {
313
374
  group: 'paint',
314
375
  state: 'deprecated',
315
376
  introduced: '0.6.0',
377
+ deprecated: '0.6.2',
316
378
  replacement: 'color.background.selected.[default].hovered',
317
379
  description: 'Hovered state for color.background.brand'
318
380
  }
@@ -322,6 +384,7 @@ var color = {
322
384
  group: 'paint',
323
385
  state: 'deprecated',
324
386
  introduced: '0.6.0',
387
+ deprecated: '0.6.2',
325
388
  replacement: 'color.background.selected.[default].pressed',
326
389
  description: 'Pressed state for color.background.brand'
327
390
  }
@@ -334,6 +397,8 @@ var color = {
334
397
  group: 'paint',
335
398
  state: 'deleted',
336
399
  introduced: '0.0.15',
400
+ deprecated: '0.6.0',
401
+ deleted: '0.8.0',
337
402
  replacement: 'color.background.brand.bold.hovered',
338
403
  description: 'Hover state of background.boldBrand'
339
404
  }
@@ -343,6 +408,8 @@ var color = {
343
408
  group: 'paint',
344
409
  state: 'deleted',
345
410
  introduced: '0.0.15',
411
+ deprecated: '0.6.0',
412
+ deleted: '0.8.0',
346
413
  replacement: 'color.background.brand.bold.pressed',
347
414
  description: 'Pressed state of background.boldBrand'
348
415
  }
@@ -352,6 +419,8 @@ var color = {
352
419
  group: 'paint',
353
420
  state: 'deleted',
354
421
  introduced: '0.0.15',
422
+ deprecated: '0.6.0',
423
+ deleted: '0.8.0',
355
424
  replacement: 'color.background.brand.bold.[default]',
356
425
  description: 'A vibrant background for small UI elements like primary buttons and bold in progress lozenges.'
357
426
  }
@@ -363,6 +432,8 @@ var color = {
363
432
  group: 'paint',
364
433
  state: 'deleted',
365
434
  introduced: '0.0.15',
435
+ deprecated: '0.6.0',
436
+ deleted: '0.8.0',
366
437
  replacement: 'color.background.danger.bold.hovered',
367
438
  description: 'Hover state of background.boldDanger'
368
439
  }
@@ -372,6 +443,8 @@ var color = {
372
443
  group: 'paint',
373
444
  state: 'deleted',
374
445
  introduced: '0.0.15',
446
+ deprecated: '0.6.0',
447
+ deleted: '0.8.0',
375
448
  replacement: 'color.background.danger.bold.pressed',
376
449
  description: 'Pressed state of background.boldDanger'
377
450
  }
@@ -381,6 +454,8 @@ var color = {
381
454
  group: 'paint',
382
455
  state: 'deleted',
383
456
  introduced: '0.0.15',
457
+ deprecated: '0.6.0',
458
+ deleted: '0.8.0',
384
459
  replacement: 'color.background.danger.bold.[default]',
385
460
  description: 'A vibrant background for small UI elements like danger buttons and bold removed lozenges.'
386
461
  }
@@ -392,6 +467,8 @@ var color = {
392
467
  group: 'paint',
393
468
  state: 'deleted',
394
469
  introduced: '0.0.15',
470
+ deprecated: '0.6.0',
471
+ deleted: '0.8.0',
395
472
  replacement: 'color.background.discovery.bold.hovered',
396
473
  description: 'Hover state of background.boldDiscovery'
397
474
  }
@@ -401,6 +478,8 @@ var color = {
401
478
  group: 'paint',
402
479
  state: 'deleted',
403
480
  introduced: '0.0.15',
481
+ deprecated: '0.6.0',
482
+ deleted: '0.8.0',
404
483
  replacement: 'color.background.discovery.bold.pressed',
405
484
  description: 'Pressed state of background.boldDiscovery'
406
485
  }
@@ -410,6 +489,8 @@ var color = {
410
489
  group: 'paint',
411
490
  state: 'deleted',
412
491
  introduced: '0.0.15',
492
+ deprecated: '0.6.0',
493
+ deleted: '0.8.0',
413
494
  replacement: 'color.background.discovery.bold.[default]',
414
495
  description: 'A vibrant background for small UI elements like onboarding buttons and bold new lozenges.'
415
496
  }
@@ -421,6 +502,8 @@ var color = {
421
502
  group: 'paint',
422
503
  state: 'deleted',
423
504
  introduced: '0.0.15',
505
+ deprecated: '0.6.0',
506
+ deleted: '0.8.0',
424
507
  replacement: 'color.background.neutral.bold.hovered',
425
508
  description: 'Hover state of background.boldNeutral'
426
509
  }
@@ -430,6 +513,8 @@ var color = {
430
513
  group: 'paint',
431
514
  state: 'deleted',
432
515
  introduced: '0.0.15',
516
+ deprecated: '0.6.0',
517
+ deleted: '0.8.0',
433
518
  replacement: 'color.background.neutral.bold.pressed',
434
519
  description: 'Pressed state of background.boldNeutral'
435
520
  }
@@ -439,6 +524,8 @@ var color = {
439
524
  group: 'paint',
440
525
  state: 'deleted',
441
526
  introduced: '0.0.15',
527
+ deprecated: '0.6.0',
528
+ deleted: '0.8.0',
442
529
  replacement: 'color.background.neutral.bold.[default]',
443
530
  description: 'A vibrant background for small UI elements like unchecked toggles and bold default lozenges.'
444
531
  }
@@ -450,6 +537,8 @@ var color = {
450
537
  group: 'paint',
451
538
  state: 'deleted',
452
539
  introduced: '0.0.15',
540
+ deprecated: '0.6.0',
541
+ deleted: '0.8.0',
453
542
  replacement: 'color.background.success.bold.hovered',
454
543
  description: 'Hover state of background.boldSuccess'
455
544
  }
@@ -459,6 +548,8 @@ var color = {
459
548
  group: 'paint',
460
549
  state: 'deleted',
461
550
  introduced: '0.0.15',
551
+ deprecated: '0.6.0',
552
+ deleted: '0.8.0',
462
553
  replacement: 'color.background.success.bold.pressed',
463
554
  description: 'Pressed state of background.boldSuccess'
464
555
  }
@@ -468,6 +559,8 @@ var color = {
468
559
  group: 'paint',
469
560
  state: 'deleted',
470
561
  introduced: '0.0.15',
562
+ deprecated: '0.6.0',
563
+ deleted: '0.8.0',
471
564
  replacement: 'color.background.success.bold.[default]',
472
565
  description: 'A vibrant background for small UI elements like checked toggles and bold success lozenges.'
473
566
  }
@@ -479,6 +572,8 @@ var color = {
479
572
  group: 'paint',
480
573
  state: 'deleted',
481
574
  introduced: '0.0.15',
575
+ deprecated: '0.6.0',
576
+ deleted: '0.8.0',
482
577
  replacement: 'color.background.warning.bold.hovered',
483
578
  description: 'Hover state of background.boldWarning'
484
579
  }
@@ -488,6 +583,8 @@ var color = {
488
583
  group: 'paint',
489
584
  state: 'deleted',
490
585
  introduced: '0.0.15',
586
+ deprecated: '0.6.0',
587
+ deleted: '0.8.0',
491
588
  replacement: 'color.background.warning.bold.pressed',
492
589
  description: 'Pressed state of background.boldWarning'
493
590
  }
@@ -497,6 +594,8 @@ var color = {
497
594
  group: 'paint',
498
595
  state: 'deleted',
499
596
  introduced: '0.0.15',
597
+ deprecated: '0.6.0',
598
+ deleted: '0.8.0',
500
599
  replacement: 'color.background.warning.bold.[default]',
501
600
  description: 'A vibrant background for small UI elements like warning buttons and bold moved lozenges.'
502
601
  }
@@ -507,6 +606,8 @@ var color = {
507
606
  group: 'paint',
508
607
  state: 'deleted',
509
608
  introduced: '0.0.15',
609
+ deprecated: '0.6.0',
610
+ deleted: '0.8.0',
510
611
  replacement: 'elevation.surface.raised',
511
612
  description: 'Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card.'
512
613
  }
@@ -516,6 +617,8 @@ var color = {
516
617
  group: 'paint',
517
618
  state: 'deleted',
518
619
  introduced: '0.0.15',
620
+ deprecated: '0.6.0',
621
+ deleted: '0.8.0',
519
622
  replacement: 'elevation.surface.[default]',
520
623
  description: 'Use as the primary background for the UI'
521
624
  }
@@ -526,6 +629,7 @@ var color = {
526
629
  group: 'paint',
527
630
  state: 'deprecated',
528
631
  introduced: '0.1.0',
632
+ deprecated: '0.8.3',
529
633
  replacement: 'color.background.inverse.subtle.[default]',
530
634
  description: 'Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards.'
531
635
  }
@@ -536,6 +640,8 @@ var color = {
536
640
  group: 'paint',
537
641
  state: 'deleted',
538
642
  introduced: '0.0.15',
643
+ deprecated: '0.6.0',
644
+ deleted: '0.8.0',
539
645
  replacement: 'elevation.surface.overlay',
540
646
  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."
541
647
  }
@@ -546,6 +652,7 @@ var color = {
546
652
  group: 'paint',
547
653
  state: 'deprecated',
548
654
  introduced: '0.1.0',
655
+ deprecated: '0.6.0',
549
656
  replacement: 'color.background.selected.[default].[default]',
550
657
  description: 'Use for backgrounds of elements in a selected state'
551
658
  }
@@ -555,6 +662,7 @@ var color = {
555
662
  group: 'paint',
556
663
  state: 'deprecated',
557
664
  introduced: '0.1.0',
665
+ deprecated: '0.6.0',
558
666
  replacement: 'color.background.selected.[default].hovered',
559
667
  description: 'Hover state for color.background.selected'
560
668
  }
@@ -566,6 +674,8 @@ var color = {
566
674
  group: 'paint',
567
675
  state: 'deleted',
568
676
  introduced: '0.0.15',
677
+ deprecated: '0.6.0',
678
+ deleted: '0.8.0',
569
679
  replacement: 'color.background.input.pressed',
570
680
  description: 'Pressed state for background.subtleBorderedNeutral'
571
681
  }
@@ -575,6 +685,8 @@ var color = {
575
685
  group: 'paint',
576
686
  state: 'deleted',
577
687
  introduced: '0.0.15',
688
+ deprecated: '0.6.0',
689
+ deleted: '0.8.0',
578
690
  replacement: 'color.background.input.[default]',
579
691
  description: 'Hover state for background.subtleBorderedNeutral'
580
692
  }
@@ -586,6 +698,7 @@ var color = {
586
698
  group: 'paint',
587
699
  state: 'deprecated',
588
700
  introduced: '0.0.15',
701
+ deprecated: '0.6.0',
589
702
  replacement: 'color.background.selected.[default].hovered',
590
703
  description: 'Hover state for background.subtleBrand'
591
704
  }
@@ -595,6 +708,7 @@ var color = {
595
708
  group: 'paint',
596
709
  state: 'deprecated',
597
710
  introduced: '0.0.15',
711
+ deprecated: '0.6.0',
598
712
  replacement: 'color.background.selected.[default].pressed',
599
713
  description: 'Pressed state for background.subtleBrand'
600
714
  }
@@ -604,6 +718,7 @@ var color = {
604
718
  group: 'paint',
605
719
  state: 'deprecated',
606
720
  introduced: '0.0.15',
721
+ deprecated: '0.6.0',
607
722
  replacement: 'color.background.selected.[default].[default]',
608
723
  description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.'
609
724
  }
@@ -615,6 +730,8 @@ var color = {
615
730
  group: 'paint',
616
731
  state: 'deleted',
617
732
  introduced: '0.0.15',
733
+ deprecated: '0.6.0',
734
+ deleted: '0.8.0',
618
735
  replacement: 'color.background.danger.[default].hovered',
619
736
  description: 'Hover state for background.subtleDanger'
620
737
  }
@@ -624,6 +741,8 @@ var color = {
624
741
  group: 'paint',
625
742
  state: 'deleted',
626
743
  introduced: '0.0.15',
744
+ deprecated: '0.6.0',
745
+ deleted: '0.8.0',
627
746
  replacement: 'color.background.danger.[default].pressed',
628
747
  description: 'Pressed state for background.subtleDanger'
629
748
  }
@@ -633,6 +752,8 @@ var color = {
633
752
  group: 'paint',
634
753
  state: 'deleted',
635
754
  introduced: '0.0.15',
755
+ deprecated: '0.6.0',
756
+ deleted: '0.8.0',
636
757
  replacement: 'color.background.danger.[default].[default]',
637
758
  description: 'Use for subdued backgrounds of UI elements like error section messages and removed lozenges.'
638
759
  }
@@ -644,6 +765,8 @@ var color = {
644
765
  group: 'paint',
645
766
  state: 'deleted',
646
767
  introduced: '0.0.15',
768
+ deprecated: '0.6.0',
769
+ deleted: '0.8.0',
647
770
  replacement: 'color.background.discovery.[default].hovered',
648
771
  description: 'Hover state for background.subtleDiscovery'
649
772
  }
@@ -653,6 +776,8 @@ var color = {
653
776
  group: 'paint',
654
777
  state: 'deleted',
655
778
  introduced: '0.0.15',
779
+ deprecated: '0.6.0',
780
+ deleted: '0.8.0',
656
781
  replacement: 'color.background.discovery.[default].pressed',
657
782
  description: 'Pressed state for background.subtleDiscovery'
658
783
  }
@@ -662,6 +787,8 @@ var color = {
662
787
  group: 'paint',
663
788
  state: 'deleted',
664
789
  introduced: '0.0.15',
790
+ deprecated: '0.6.0',
791
+ deleted: '0.8.0',
665
792
  replacement: 'color.background.discovery.[default].[default]',
666
793
  description: 'Use for subdued backgrounds of UI elements like discovery section messages and new lozenges.'
667
794
  }
@@ -673,6 +800,8 @@ var color = {
673
800
  group: 'paint',
674
801
  state: 'deleted',
675
802
  introduced: '0.0.15',
803
+ deprecated: '0.6.0',
804
+ deleted: '0.8.0',
676
805
  replacement: 'color.background.neutral.[default].hovered',
677
806
  description: 'Hover state for background.subtleNeutral'
678
807
  }
@@ -682,6 +811,8 @@ var color = {
682
811
  group: 'paint',
683
812
  state: 'deleted',
684
813
  introduced: '0.0.15',
814
+ deprecated: '0.6.0',
815
+ deleted: '0.8.0',
685
816
  replacement: 'color.background.neutral.[default].pressed',
686
817
  description: 'Pressed state for background.subtleNeutral'
687
818
  }
@@ -691,6 +822,8 @@ var color = {
691
822
  group: 'paint',
692
823
  state: 'deleted',
693
824
  introduced: '0.0.15',
825
+ deprecated: '0.6.0',
826
+ deleted: '0.8.0',
694
827
  replacement: 'color.background.neutral.[default].[default]',
695
828
  description: 'Use as the default background of UI elements like buttons, lozenges, and tags.'
696
829
  }
@@ -702,6 +835,8 @@ var color = {
702
835
  group: 'paint',
703
836
  state: 'deleted',
704
837
  introduced: '0.0.15',
838
+ deprecated: '0.6.0',
839
+ deleted: '0.8.0',
705
840
  replacement: 'color.background.success.[default].hovered',
706
841
  description: 'Hover state for background.subtleSuccess'
707
842
  }
@@ -711,6 +846,8 @@ var color = {
711
846
  group: 'paint',
712
847
  state: 'deleted',
713
848
  introduced: '0.0.15',
849
+ deprecated: '0.6.0',
850
+ deleted: '0.8.0',
714
851
  replacement: 'color.background.success.[default].pressed',
715
852
  description: 'Pressed state for background.subtleSuccess'
716
853
  }
@@ -720,6 +857,8 @@ var color = {
720
857
  group: 'paint',
721
858
  state: 'deleted',
722
859
  introduced: '0.0.15',
860
+ deprecated: '0.6.0',
861
+ deleted: '0.8.0',
723
862
  replacement: 'color.background.success.[default].[default]',
724
863
  description: 'Use for subdued backgrounds of UI elements like success section messages and success lozenges.'
725
864
  }
@@ -731,6 +870,8 @@ var color = {
731
870
  group: 'paint',
732
871
  state: 'deleted',
733
872
  introduced: '0.0.15',
873
+ deprecated: '0.6.0',
874
+ deleted: '0.8.0',
734
875
  replacement: 'color.background.warning.[default].hovered',
735
876
  description: 'Hover state for background.subtleWarning'
736
877
  }
@@ -740,6 +881,8 @@ var color = {
740
881
  group: 'paint',
741
882
  state: 'deleted',
742
883
  introduced: '0.0.15',
884
+ deprecated: '0.6.0',
885
+ deleted: '0.8.0',
743
886
  replacement: 'color.background.warning.[default].pressed',
744
887
  description: 'Pressed state for background.subtleWarning'
745
888
  }
@@ -749,6 +892,8 @@ var color = {
749
892
  group: 'paint',
750
893
  state: 'deleted',
751
894
  introduced: '0.0.15',
895
+ deprecated: '0.6.0',
896
+ deleted: '0.8.0',
752
897
  replacement: 'color.background.warning.[default].[default]',
753
898
  description: 'Use for subdued backgrounds of UI elements like warning section messages and moved lozenges.'
754
899
  }
@@ -759,6 +904,8 @@ var color = {
759
904
  group: 'paint',
760
905
  state: 'deleted',
761
906
  introduced: '0.0.15',
907
+ deprecated: '0.6.0',
908
+ deleted: '0.8.0',
762
909
  replacement: 'elevation.surface.sunken',
763
910
  description: 'Use as a secondary background for the UI'
764
911
  }
@@ -769,6 +916,8 @@ var color = {
769
916
  group: 'paint',
770
917
  state: 'deleted',
771
918
  introduced: '0.0.15',
919
+ deprecated: '0.6.0',
920
+ deleted: '0.8.0',
772
921
  replacement: 'color.background.neutral.subtle.hovered',
773
922
  description: 'Hover state for UIs that do not have a default background, such as menu items or subtle buttons.'
774
923
  }
@@ -778,6 +927,8 @@ var color = {
778
927
  group: 'paint',
779
928
  state: 'deleted',
780
929
  introduced: '0.0.15',
930
+ deprecated: '0.6.0',
931
+ deleted: '0.8.0',
781
932
  replacement: 'color.background.neutral.subtle.pressed',
782
933
  description: 'Pressed state for UIs that do not have a default background, such as menu items or subtle buttons.'
783
934
  }
@@ -790,6 +941,8 @@ var color = {
790
941
  group: 'paint',
791
942
  state: 'deleted',
792
943
  introduced: '0.0.15',
944
+ deprecated: '0.6.0',
945
+ deleted: '0.8.0',
793
946
  replacement: 'color.text.[default]',
794
947
  description: 'Use for primary text, such as body copy, sentence case headers, and buttons'
795
948
  }
@@ -800,6 +953,8 @@ var color = {
800
953
  group: 'paint',
801
954
  state: 'deleted',
802
955
  introduced: '0.0.15',
956
+ deprecated: '0.6.0',
957
+ deleted: '0.8.0',
803
958
  replacement: 'color.link.pressed',
804
959
  description: 'Use for links in a pressed state'
805
960
  }
@@ -809,6 +964,8 @@ var color = {
809
964
  group: 'paint',
810
965
  state: 'deleted',
811
966
  introduced: '0.0.15',
967
+ deprecated: '0.6.0',
968
+ deleted: '0.8.0',
812
969
  replacement: 'color.link.[default]',
813
970
  description: 'Use for links in a resting or hover state. Add an underline for hover states'
814
971
  }
@@ -819,6 +976,8 @@ var color = {
819
976
  group: 'paint',
820
977
  state: 'deleted',
821
978
  introduced: '0.0.15',
979
+ deprecated: '0.6.0',
980
+ deleted: '0.8.0',
822
981
  replacement: 'color.text.subtlest',
823
982
  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"
824
983
  }
@@ -828,6 +987,8 @@ var color = {
828
987
  group: 'paint',
829
988
  state: 'deleted',
830
989
  introduced: '0.0.15',
990
+ deprecated: '0.6.0',
991
+ deleted: '0.8.0',
831
992
  replacement: 'color.text.subtle',
832
993
  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 "
833
994
  }
@@ -837,6 +998,8 @@ var color = {
837
998
  group: 'paint',
838
999
  state: 'deleted',
839
1000
  introduced: '0.0.15',
1001
+ deprecated: '0.6.0',
1002
+ deleted: '0.8.0',
840
1003
  replacement: 'color.text.inverse',
841
1004
  description: 'Use for text and icons when on bold backgrounds'
842
1005
  }
@@ -846,6 +1009,8 @@ var color = {
846
1009
  group: 'paint',
847
1010
  state: 'deleted',
848
1011
  introduced: '0.0.15',
1012
+ deprecated: '0.6.0',
1013
+ deleted: '0.8.0',
849
1014
  replacement: 'color.text.warning.inverse',
850
1015
  description: 'Use for text and icons when on bold warning backgrounds'
851
1016
  }
@@ -857,6 +1022,8 @@ var color = {
857
1022
  group: 'paint',
858
1023
  state: 'deleted',
859
1024
  introduced: '0.0.15',
1025
+ deprecated: '0.6.0',
1026
+ deleted: '0.8.0',
860
1027
  replacement: 'color.border.focused',
861
1028
  description: 'Use for focus rings of elements in a focus state'
862
1029
  }
@@ -866,6 +1033,8 @@ var color = {
866
1033
  group: 'paint',
867
1034
  state: 'deleted',
868
1035
  introduced: '0.0.15',
1036
+ deprecated: '0.6.0',
1037
+ deleted: '0.8.0',
869
1038
  replacement: 'color.border.[default]',
870
1039
  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'
871
1040
  }
@@ -877,6 +1046,8 @@ var color = {
877
1046
  group: 'paint',
878
1047
  state: 'deleted',
879
1048
  introduced: '0.0.15',
1049
+ deprecated: '0.6.0',
1050
+ deleted: '0.8.0',
880
1051
  replacement: 'color.icon.brand',
881
1052
  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."
882
1053
  }
@@ -886,6 +1057,8 @@ var color = {
886
1057
  group: 'paint',
887
1058
  state: 'deleted',
888
1059
  introduced: '0.0.15',
1060
+ deprecated: '0.6.0',
1061
+ deleted: '0.8.0',
889
1062
  replacement: 'color.icon.danger',
890
1063
  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."
891
1064
  }
@@ -895,6 +1068,8 @@ var color = {
895
1068
  group: 'paint',
896
1069
  state: 'deleted',
897
1070
  introduced: '0.0.15',
1071
+ deprecated: '0.6.0',
1072
+ deleted: '0.8.0',
898
1073
  replacement: 'color.icon.discovery',
899
1074
  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"
900
1075
  }
@@ -904,6 +1079,8 @@ var color = {
904
1079
  group: 'paint',
905
1080
  state: 'deleted',
906
1081
  introduced: '0.0.15',
1082
+ deprecated: '0.6.0',
1083
+ deleted: '0.8.0',
907
1084
  replacement: 'color.icon.success',
908
1085
  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"
909
1086
  }
@@ -913,6 +1090,8 @@ var color = {
913
1090
  group: 'paint',
914
1091
  state: 'deleted',
915
1092
  introduced: '0.0.15',
1093
+ deprecated: '0.6.0',
1094
+ deleted: '0.8.0',
916
1095
  replacement: 'color.icon.warning.[default]',
917
1096
  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"
918
1097
  }
@@ -924,6 +1103,8 @@ var color = {
924
1103
  group: 'paint',
925
1104
  state: 'deleted',
926
1105
  introduced: '0.1.0',
1106
+ deprecated: '0.6.0',
1107
+ deleted: '0.8.0',
927
1108
  replacement: 'color.interaction.hovered',
928
1109
  description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.'
929
1110
  }
@@ -933,6 +1114,8 @@ var color = {
933
1114
  group: 'paint',
934
1115
  state: 'deleted',
935
1116
  introduced: '0.1.0',
1117
+ deprecated: '0.6.0',
1118
+ deleted: '0.8.0',
936
1119
  replacement: 'color.interaction.pressed',
937
1120
  description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
938
1121
  }
@@ -945,6 +1128,8 @@ var color = {
945
1128
  group: 'shadow',
946
1129
  state: 'deleted',
947
1130
  introduced: '0.6.0',
1131
+ deprecated: '0.6.0',
1132
+ deleted: '0.8.0',
948
1133
  replacement: 'elevation.shadow.raised',
949
1134
  description: "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
950
1135
  }
@@ -954,6 +1139,8 @@ var color = {
954
1139
  group: 'shadow',
955
1140
  state: 'deleted',
956
1141
  introduced: '0.6.0',
1142
+ deprecated: '0.6.0',
1143
+ deleted: '0.8.0',
957
1144
  replacement: 'elevation.shadow.overlay',
958
1145
  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"
959
1146
  }