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