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