@atlaskit/tokens 0.8.0 → 0.8.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 (91) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/css/atlassian-dark.css +7 -4
  3. package/css/atlassian-light.css +7 -4
  4. package/dist/cjs/artifacts/rename-mapping.js +4 -0
  5. package/dist/cjs/artifacts/token-default-values.js +7 -4
  6. package/dist/cjs/artifacts/token-names.js +3 -0
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +623 -18
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +621 -16
  9. package/dist/cjs/constants.js +18 -0
  10. package/dist/cjs/entry-points/token-ids.js +25 -0
  11. package/dist/cjs/get-token.js +1 -1
  12. package/dist/cjs/token-ids.js +75 -0
  13. package/dist/cjs/tokens/atlassian-dark/color/background.js +17 -5
  14. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
  15. package/dist/cjs/tokens/atlassian-light/color/background.js +17 -5
  16. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +6 -0
  17. package/dist/cjs/tokens/default/color/accent.js +65 -1
  18. package/dist/cjs/tokens/default/color/background.js +82 -6
  19. package/dist/cjs/tokens/default/color/border.js +11 -0
  20. package/dist/cjs/tokens/default/color/icon.js +13 -1
  21. package/dist/cjs/tokens/default/color/interaction.js +4 -0
  22. package/dist/cjs/tokens/default/color/skeleton.js +2 -0
  23. package/dist/cjs/tokens/default/color/text.js +15 -0
  24. package/dist/cjs/tokens/default/deprecated/deprecated.js +108 -0
  25. package/dist/cjs/tokens/default/elevation/shadow.js +3 -0
  26. package/dist/cjs/tokens/default/elevation/surface.js +4 -0
  27. package/dist/cjs/tokens/default/utility/utility.js +2 -0
  28. package/dist/cjs/version.json +4 -2
  29. package/dist/es2019/artifacts/rename-mapping.js +4 -0
  30. package/dist/es2019/artifacts/token-default-values.js +7 -4
  31. package/dist/es2019/artifacts/token-names.js +3 -0
  32. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +623 -18
  33. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +621 -16
  34. package/dist/es2019/constants.js +8 -0
  35. package/dist/es2019/entry-points/token-ids.js +1 -0
  36. package/dist/es2019/get-token.js +1 -1
  37. package/dist/es2019/token-ids.js +51 -0
  38. package/dist/es2019/tokens/atlassian-dark/color/background.js +17 -5
  39. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
  40. package/dist/es2019/tokens/atlassian-light/color/background.js +17 -5
  41. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +6 -0
  42. package/dist/es2019/tokens/default/color/accent.js +65 -1
  43. package/dist/es2019/tokens/default/color/background.js +82 -6
  44. package/dist/es2019/tokens/default/color/border.js +11 -0
  45. package/dist/es2019/tokens/default/color/icon.js +13 -1
  46. package/dist/es2019/tokens/default/color/interaction.js +4 -0
  47. package/dist/es2019/tokens/default/color/skeleton.js +2 -0
  48. package/dist/es2019/tokens/default/color/text.js +15 -0
  49. package/dist/es2019/tokens/default/deprecated/deprecated.js +108 -0
  50. package/dist/es2019/tokens/default/elevation/shadow.js +3 -0
  51. package/dist/es2019/tokens/default/elevation/surface.js +4 -0
  52. package/dist/es2019/tokens/default/utility/utility.js +2 -0
  53. package/dist/es2019/version.json +4 -2
  54. package/dist/esm/artifacts/rename-mapping.js +4 -0
  55. package/dist/esm/artifacts/token-default-values.js +7 -4
  56. package/dist/esm/artifacts/token-names.js +3 -0
  57. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +623 -18
  58. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +621 -16
  59. package/dist/esm/constants.js +8 -0
  60. package/dist/esm/entry-points/token-ids.js +1 -0
  61. package/dist/esm/get-token.js +1 -1
  62. package/dist/esm/token-ids.js +58 -0
  63. package/dist/esm/tokens/atlassian-dark/color/background.js +17 -5
  64. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
  65. package/dist/esm/tokens/atlassian-light/color/background.js +17 -5
  66. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +6 -0
  67. package/dist/esm/tokens/default/color/accent.js +65 -1
  68. package/dist/esm/tokens/default/color/background.js +82 -6
  69. package/dist/esm/tokens/default/color/border.js +11 -0
  70. package/dist/esm/tokens/default/color/icon.js +13 -1
  71. package/dist/esm/tokens/default/color/interaction.js +4 -0
  72. package/dist/esm/tokens/default/color/skeleton.js +2 -0
  73. package/dist/esm/tokens/default/color/text.js +15 -0
  74. package/dist/esm/tokens/default/deprecated/deprecated.js +108 -0
  75. package/dist/esm/tokens/default/elevation/shadow.js +3 -0
  76. package/dist/esm/tokens/default/elevation/surface.js +4 -0
  77. package/dist/esm/tokens/default/utility/utility.js +2 -0
  78. package/dist/esm/version.json +4 -2
  79. package/dist/types/artifacts/token-default-values.d.ts +7 -4
  80. package/dist/types/artifacts/token-names.d.ts +6 -0
  81. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +8 -0
  82. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +8 -0
  83. package/dist/types/artifacts/types-internal.d.ts +1 -1
  84. package/dist/types/artifacts/types.d.ts +1 -1
  85. package/dist/types/constants.d.ts +4 -0
  86. package/dist/types/entry-points/token-ids.d.ts +1 -0
  87. package/dist/types/token-ids.d.ts +43 -0
  88. package/dist/types/tokens/default/utility/utility.d.ts +14 -10
  89. package/dist/types/types.d.ts +12 -1
  90. package/package.json +5 -2
  91. package/token-ids/package.json +7 -0
@@ -13,6 +13,7 @@ var color = {
13
13
  attributes: {
14
14
  group: 'paint',
15
15
  state: 'active',
16
+ introduced: '0.6.0',
16
17
  description: 'Use for blue text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
17
18
  }
18
19
  },
@@ -20,6 +21,7 @@ var color = {
20
21
  attributes: {
21
22
  group: 'paint',
22
23
  state: 'active',
24
+ introduced: '0.7.0',
23
25
  description: 'Use on bold blue accent backgrounds.'
24
26
  }
25
27
  }
@@ -29,6 +31,7 @@ var color = {
29
31
  attributes: {
30
32
  group: 'paint',
31
33
  state: 'active',
34
+ introduced: '0.6.0',
32
35
  description: 'Use for red text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
33
36
  }
34
37
  },
@@ -36,6 +39,7 @@ var color = {
36
39
  attributes: {
37
40
  group: 'paint',
38
41
  state: 'active',
42
+ introduced: '0.7.0',
39
43
  description: 'Use on bold red accent backgrounds.'
40
44
  }
41
45
  }
@@ -45,6 +49,7 @@ var color = {
45
49
  attributes: {
46
50
  group: 'paint',
47
51
  state: 'active',
52
+ introduced: '0.6.0',
48
53
  description: 'Use for orange text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
49
54
  }
50
55
  },
@@ -52,6 +57,7 @@ var color = {
52
57
  attributes: {
53
58
  group: 'paint',
54
59
  state: 'active',
60
+ introduced: '0.7.0',
55
61
  description: 'Use on bold orange accent backgrounds.'
56
62
  }
57
63
  }
@@ -61,6 +67,7 @@ var color = {
61
67
  attributes: {
62
68
  group: 'paint',
63
69
  state: 'active',
70
+ introduced: '0.6.0',
64
71
  description: 'Use for yellow text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
65
72
  }
66
73
  },
@@ -68,6 +75,7 @@ var color = {
68
75
  attributes: {
69
76
  group: 'paint',
70
77
  state: 'active',
78
+ introduced: '0.7.0',
71
79
  description: 'Use on bold yellow accent backgrounds.'
72
80
  }
73
81
  }
@@ -77,6 +85,7 @@ var color = {
77
85
  attributes: {
78
86
  group: 'paint',
79
87
  state: 'active',
88
+ introduced: '0.6.0',
80
89
  description: 'Use for green text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
81
90
  }
82
91
  },
@@ -84,6 +93,7 @@ var color = {
84
93
  attributes: {
85
94
  group: 'paint',
86
95
  state: 'active',
96
+ introduced: '0.7.0',
87
97
  description: 'Use on bold green accent backgrounds.'
88
98
  }
89
99
  }
@@ -93,6 +103,7 @@ var color = {
93
103
  attributes: {
94
104
  group: 'paint',
95
105
  state: 'active',
106
+ introduced: '0.6.0',
96
107
  description: 'Use for purple text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
97
108
  }
98
109
  },
@@ -100,6 +111,7 @@ var color = {
100
111
  attributes: {
101
112
  group: 'paint',
102
113
  state: 'active',
114
+ introduced: '0.7.0',
103
115
  description: 'Use on bold purple accent backgrounds.'
104
116
  }
105
117
  }
@@ -109,6 +121,7 @@ var color = {
109
121
  attributes: {
110
122
  group: 'paint',
111
123
  state: 'active',
124
+ introduced: '0.6.0',
112
125
  description: 'Use for teal text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
113
126
  }
114
127
  },
@@ -116,6 +129,7 @@ var color = {
116
129
  attributes: {
117
130
  group: 'paint',
118
131
  state: 'active',
132
+ introduced: '0.7.0',
119
133
  description: 'Use on bold teal accent backgrounds.'
120
134
  }
121
135
  }
@@ -125,13 +139,15 @@ var color = {
125
139
  attributes: {
126
140
  group: 'paint',
127
141
  state: 'active',
128
- description: 'Use for megenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
142
+ introduced: '0.6.0',
143
+ description: 'Use for magenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags.'
129
144
  }
130
145
  },
131
146
  bolder: {
132
147
  attributes: {
133
148
  group: 'paint',
134
149
  state: 'active',
150
+ introduced: '0.7.0',
135
151
  description: 'Use on bold magenta accent backgrounds.'
136
152
  }
137
153
  }
@@ -144,6 +160,7 @@ var color = {
144
160
  attributes: {
145
161
  group: 'paint',
146
162
  state: 'active',
163
+ introduced: '0.6.0',
147
164
  description: 'Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
148
165
  }
149
166
  },
@@ -151,6 +168,7 @@ var color = {
151
168
  attributes: {
152
169
  group: 'paint',
153
170
  state: 'active',
171
+ introduced: '0.6.0',
154
172
  description: 'Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
155
173
  }
156
174
  },
@@ -158,6 +176,7 @@ var color = {
158
176
  attributes: {
159
177
  group: 'paint',
160
178
  state: 'active',
179
+ introduced: '0.6.0',
161
180
  description: 'Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
162
181
  }
163
182
  },
@@ -165,6 +184,7 @@ var color = {
165
184
  attributes: {
166
185
  group: 'paint',
167
186
  state: 'active',
187
+ introduced: '0.6.0',
168
188
  description: 'Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
169
189
  }
170
190
  },
@@ -172,6 +192,7 @@ var color = {
172
192
  attributes: {
173
193
  group: 'paint',
174
194
  state: 'active',
195
+ introduced: '0.6.0',
175
196
  description: 'Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
176
197
  }
177
198
  },
@@ -179,6 +200,7 @@ var color = {
179
200
  attributes: {
180
201
  group: 'paint',
181
202
  state: 'active',
203
+ introduced: '0.6.0',
182
204
  description: 'Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
183
205
  }
184
206
  },
@@ -186,6 +208,7 @@ var color = {
186
208
  attributes: {
187
209
  group: 'paint',
188
210
  state: 'active',
211
+ introduced: '0.6.0',
189
212
  description: 'Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
190
213
  }
191
214
  },
@@ -193,6 +216,7 @@ var color = {
193
216
  attributes: {
194
217
  group: 'paint',
195
218
  state: 'active',
219
+ introduced: '0.6.0',
196
220
  description: 'Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons.'
197
221
  }
198
222
  }
@@ -204,6 +228,7 @@ var color = {
204
228
  attributes: {
205
229
  group: 'paint',
206
230
  state: 'active',
231
+ introduced: '0.6.0',
207
232
  description: 'Use for blue borders on non-bold backgrounds when there is no meaning tied to the color.'
208
233
  }
209
234
  },
@@ -211,6 +236,7 @@ var color = {
211
236
  attributes: {
212
237
  group: 'paint',
213
238
  state: 'active',
239
+ introduced: '0.6.0',
214
240
  description: 'Use for red borders on non-bold backgrounds when there is no meaning tied to the color.'
215
241
  }
216
242
  },
@@ -218,6 +244,7 @@ var color = {
218
244
  attributes: {
219
245
  group: 'paint',
220
246
  state: 'active',
247
+ introduced: '0.6.0',
221
248
  description: 'Use for orange borders on non-bold backgrounds when there is no meaning tied to the color.'
222
249
  }
223
250
  },
@@ -225,6 +252,7 @@ var color = {
225
252
  attributes: {
226
253
  group: 'paint',
227
254
  state: 'active',
255
+ introduced: '0.6.0',
228
256
  description: 'Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color.'
229
257
  }
230
258
  },
@@ -232,6 +260,7 @@ var color = {
232
260
  attributes: {
233
261
  group: 'paint',
234
262
  state: 'active',
263
+ introduced: '0.6.0',
235
264
  description: 'Use for green borders on non-bold backgrounds when there is no meaning tied to the color.'
236
265
  }
237
266
  },
@@ -239,6 +268,7 @@ var color = {
239
268
  attributes: {
240
269
  group: 'paint',
241
270
  state: 'active',
271
+ introduced: '0.6.0',
242
272
  description: 'Use for purple borders on non-bold backgrounds when there is no meaning tied to the color.'
243
273
  }
244
274
  },
@@ -246,6 +276,7 @@ var color = {
246
276
  attributes: {
247
277
  group: 'paint',
248
278
  state: 'active',
279
+ introduced: '0.6.0',
249
280
  description: 'Use for teal borders on non-bold backgrounds when there is no meaning tied to the color.'
250
281
  }
251
282
  },
@@ -253,6 +284,7 @@ var color = {
253
284
  attributes: {
254
285
  group: 'paint',
255
286
  state: 'active',
287
+ introduced: '0.6.0',
256
288
  description: 'Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color.'
257
289
  }
258
290
  }
@@ -265,6 +297,7 @@ var color = {
265
297
  attributes: {
266
298
  group: 'paint',
267
299
  state: 'active',
300
+ introduced: '0.7.0',
268
301
  description: 'Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
269
302
  }
270
303
  },
@@ -272,6 +305,7 @@ var color = {
272
305
  attributes: {
273
306
  group: 'paint',
274
307
  state: 'active',
308
+ introduced: '0.7.0',
275
309
  description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
276
310
  }
277
311
  },
@@ -279,6 +313,7 @@ var color = {
279
313
  attributes: {
280
314
  group: 'paint',
281
315
  state: 'active',
316
+ introduced: '0.7.0',
282
317
  description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
283
318
  }
284
319
  },
@@ -286,6 +321,7 @@ var color = {
286
321
  attributes: {
287
322
  group: 'paint',
288
323
  state: 'active',
324
+ introduced: '0.7.0',
289
325
  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.'
290
326
  }
291
327
  }
@@ -295,6 +331,7 @@ var color = {
295
331
  attributes: {
296
332
  group: 'paint',
297
333
  state: 'active',
334
+ introduced: '0.7.0',
298
335
  description: 'Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
299
336
  }
300
337
  },
@@ -302,6 +339,7 @@ var color = {
302
339
  attributes: {
303
340
  group: 'paint',
304
341
  state: 'active',
342
+ introduced: '0.7.0',
305
343
  description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
306
344
  }
307
345
  },
@@ -309,6 +347,7 @@ var color = {
309
347
  attributes: {
310
348
  group: 'paint',
311
349
  state: 'active',
350
+ introduced: '0.7.0',
312
351
  description: 'Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags.'
313
352
  }
314
353
  },
@@ -316,6 +355,7 @@ var color = {
316
355
  attributes: {
317
356
  group: 'paint',
318
357
  state: 'active',
358
+ introduced: '0.7.0',
319
359
  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.'
320
360
  }
321
361
  }
@@ -325,6 +365,7 @@ var color = {
325
365
  attributes: {
326
366
  group: 'paint',
327
367
  state: 'active',
368
+ introduced: '0.7.0',
328
369
  description: 'Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
329
370
  }
330
371
  },
@@ -332,6 +373,7 @@ var color = {
332
373
  attributes: {
333
374
  group: 'paint',
334
375
  state: 'active',
376
+ introduced: '0.7.0',
335
377
  description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
336
378
  }
337
379
  },
@@ -339,6 +381,7 @@ var color = {
339
381
  attributes: {
340
382
  group: 'paint',
341
383
  state: 'active',
384
+ introduced: '0.7.0',
342
385
  description: 'Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags.'
343
386
  }
344
387
  },
@@ -346,6 +389,7 @@ var color = {
346
389
  attributes: {
347
390
  group: 'paint',
348
391
  state: 'active',
392
+ introduced: '0.7.0',
349
393
  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.'
350
394
  }
351
395
  }
@@ -355,6 +399,7 @@ var color = {
355
399
  attributes: {
356
400
  group: 'paint',
357
401
  state: 'active',
402
+ introduced: '0.7.0',
358
403
  description: 'Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
359
404
  }
360
405
  },
@@ -362,6 +407,7 @@ var color = {
362
407
  attributes: {
363
408
  group: 'paint',
364
409
  state: 'active',
410
+ introduced: '0.7.0',
365
411
  description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
366
412
  }
367
413
  },
@@ -369,6 +415,7 @@ var color = {
369
415
  attributes: {
370
416
  group: 'paint',
371
417
  state: 'active',
418
+ introduced: '0.7.0',
372
419
  description: 'Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
373
420
  }
374
421
  },
@@ -376,6 +423,7 @@ var color = {
376
423
  attributes: {
377
424
  group: 'paint',
378
425
  state: 'active',
426
+ introduced: '0.7.0',
379
427
  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.'
380
428
  }
381
429
  }
@@ -385,6 +433,7 @@ var color = {
385
433
  attributes: {
386
434
  group: 'paint',
387
435
  state: 'active',
436
+ introduced: '0.7.0',
388
437
  description: 'Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
389
438
  }
390
439
  },
@@ -392,6 +441,7 @@ var color = {
392
441
  attributes: {
393
442
  group: 'paint',
394
443
  state: 'active',
444
+ introduced: '0.7.0',
395
445
  description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
396
446
  }
397
447
  },
@@ -399,6 +449,7 @@ var color = {
399
449
  attributes: {
400
450
  group: 'paint',
401
451
  state: 'active',
452
+ introduced: '0.7.0',
402
453
  description: 'Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags.'
403
454
  }
404
455
  },
@@ -406,6 +457,7 @@ var color = {
406
457
  attributes: {
407
458
  group: 'paint',
408
459
  state: 'active',
460
+ introduced: '0.7.0',
409
461
  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.'
410
462
  }
411
463
  }
@@ -415,6 +467,7 @@ var color = {
415
467
  attributes: {
416
468
  group: 'paint',
417
469
  state: 'active',
470
+ introduced: '0.7.0',
418
471
  description: 'Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
419
472
  }
420
473
  },
@@ -422,6 +475,7 @@ var color = {
422
475
  attributes: {
423
476
  group: 'paint',
424
477
  state: 'active',
478
+ introduced: '0.7.0',
425
479
  description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
426
480
  }
427
481
  },
@@ -429,6 +483,7 @@ var color = {
429
483
  attributes: {
430
484
  group: 'paint',
431
485
  state: 'active',
486
+ introduced: '0.7.0',
432
487
  description: 'Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags.'
433
488
  }
434
489
  },
@@ -436,6 +491,7 @@ var color = {
436
491
  attributes: {
437
492
  group: 'paint',
438
493
  state: 'active',
494
+ introduced: '0.7.0',
439
495
  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.'
440
496
  }
441
497
  }
@@ -445,6 +501,7 @@ var color = {
445
501
  attributes: {
446
502
  group: 'paint',
447
503
  state: 'active',
504
+ introduced: '0.7.0',
448
505
  description: 'Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
449
506
  }
450
507
  },
@@ -452,6 +509,7 @@ var color = {
452
509
  attributes: {
453
510
  group: 'paint',
454
511
  state: 'active',
512
+ introduced: '0.7.0',
455
513
  description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
456
514
  }
457
515
  },
@@ -459,6 +517,7 @@ var color = {
459
517
  attributes: {
460
518
  group: 'paint',
461
519
  state: 'active',
520
+ introduced: '0.7.0',
462
521
  description: 'Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags.'
463
522
  }
464
523
  },
@@ -466,6 +525,7 @@ var color = {
466
525
  attributes: {
467
526
  group: 'paint',
468
527
  state: 'active',
528
+ introduced: '0.7.0',
469
529
  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.'
470
530
  }
471
531
  }
@@ -475,6 +535,7 @@ var color = {
475
535
  attributes: {
476
536
  group: 'paint',
477
537
  state: 'active',
538
+ introduced: '0.7.0',
478
539
  description: 'Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
479
540
  }
480
541
  },
@@ -482,6 +543,7 @@ var color = {
482
543
  attributes: {
483
544
  group: 'paint',
484
545
  state: 'active',
546
+ introduced: '0.7.0',
485
547
  description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
486
548
  }
487
549
  },
@@ -489,6 +551,7 @@ var color = {
489
551
  attributes: {
490
552
  group: 'paint',
491
553
  state: 'active',
554
+ introduced: '0.7.0',
492
555
  description: 'Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
493
556
  }
494
557
  },
@@ -496,6 +559,7 @@ var color = {
496
559
  attributes: {
497
560
  group: 'paint',
498
561
  state: 'active',
562
+ introduced: '0.7.0',
499
563
  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.'
500
564
  }
501
565
  }