@atlaskit/tokens 0.9.1 → 0.9.2
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.
- package/CHANGELOG.md +6 -0
- package/babel-plugin/package.json +3 -0
- package/dist/cjs/artifacts/palettes-raw.js +1983 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +374 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +374 -0
- package/dist/cjs/entry-points/palettes-raw.js +15 -0
- package/dist/cjs/entry-points/token-ids.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/default/deprecated/deprecated.js +187 -0
- package/dist/cjs/tokens/palette.js +232 -116
- package/dist/cjs/utils/color-detection.js +129 -0
- package/dist/cjs/{token-ids.js → utils/token-ids.js} +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/palettes-raw.js +1976 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +374 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +374 -0
- package/dist/es2019/entry-points/palettes-raw.js +1 -0
- package/dist/es2019/entry-points/token-ids.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/default/deprecated/deprecated.js +187 -0
- package/dist/es2019/tokens/palette.js +232 -116
- package/dist/es2019/utils/color-detection.js +101 -0
- package/dist/es2019/{token-ids.js → utils/token-ids.js} +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/palettes-raw.js +1976 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +374 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +374 -0
- package/dist/esm/entry-points/palettes-raw.js +1 -0
- package/dist/esm/entry-points/token-ids.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/default/deprecated/deprecated.js +187 -0
- package/dist/esm/tokens/palette.js +232 -116
- package/dist/esm/utils/color-detection.js +104 -0
- package/dist/esm/{token-ids.js → utils/token-ids.js} +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/palettes-raw.d.ts +19 -0
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +43 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +43 -0
- package/dist/types/entry-points/palettes-raw.d.ts +1 -0
- package/dist/types/entry-points/token-ids.d.ts +1 -1
- package/dist/types/types.d.ts +22 -7
- package/dist/types/utils/color-detection.d.ts +38 -0
- package/dist/types/{token-ids.d.ts → utils/token-ids.d.ts} +0 -0
- package/package.json +13 -3
- package/palettes-raw/package.json +10 -0
- package/rename-mapping/package.json +3 -0
- package/token-ids/package.json +3 -0
- 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
|
}
|