@atlaskit/tokens 0.6.3 → 0.7.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 +38 -0
- package/css/atlassian-dark.css +45 -3
- package/css/atlassian-light.css +43 -1
- package/dist/cjs/artifacts/rename-mapping.js +78 -14
- package/dist/cjs/artifacts/token-default-values.js +43 -1
- package/dist/cjs/artifacts/token-names.js +42 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1009 -179
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1007 -177
- package/dist/cjs/figma/synchronize-figma-tokens.js +34 -9
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/accent.js +120 -32
- package/dist/cjs/tokens/atlassian-dark/color/background.js +11 -1
- package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
- package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
- package/dist/cjs/tokens/atlassian-light/color/background.js +11 -1
- package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +66 -0
- package/dist/cjs/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/cjs/tokens/default/color/accent.js +234 -50
- package/dist/cjs/tokens/default/color/background.js +20 -4
- package/dist/cjs/tokens/default/deprecated/deprecated.js +160 -14
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/rename-mapping.js +78 -14
- package/dist/es2019/artifacts/token-default-values.js +43 -1
- package/dist/es2019/artifacts/token-names.js +42 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1009 -179
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1007 -177
- package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
- package/dist/es2019/tokens/atlassian-dark/color/background.js +11 -1
- package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
- package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
- package/dist/es2019/tokens/atlassian-light/color/background.js +11 -1
- package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +66 -0
- package/dist/es2019/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/es2019/tokens/default/color/accent.js +234 -50
- package/dist/es2019/tokens/default/color/background.js +20 -4
- package/dist/es2019/tokens/default/deprecated/deprecated.js +160 -14
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/rename-mapping.js +78 -14
- package/dist/esm/artifacts/token-default-values.js +43 -1
- package/dist/esm/artifacts/token-names.js +42 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1009 -179
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1007 -177
- package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
- package/dist/esm/tokens/atlassian-dark/color/background.js +11 -1
- package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
- package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
- package/dist/esm/tokens/atlassian-light/color/background.js +11 -1
- package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +66 -0
- package/dist/esm/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/esm/tokens/default/color/accent.js +234 -50
- package/dist/esm/tokens/default/color/background.js +20 -4
- package/dist/esm/tokens/default/deprecated/deprecated.js +160 -14
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +43 -1
- package/dist/types/artifacts/token-names.d.ts +84 -0
- package/dist/types/artifacts/types-internal.d.ts +1 -1
- package/dist/types/artifacts/types.d.ts +1 -1
- package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
- package/dist/types/tokens/default/utility/utility.d.ts +10 -10
- package/dist/types/types.d.ts +103 -25
- package/package.json +1 -1
|
@@ -17,8 +17,27 @@ var tokens = [{
|
|
|
17
17
|
},
|
|
18
18
|
"value": "B800"
|
|
19
19
|
},
|
|
20
|
-
"name": "color.text.accent.blue",
|
|
21
|
-
"path": ["color", "text", "accent", "blue"]
|
|
20
|
+
"name": "color.text.accent.blue.[default]",
|
|
21
|
+
"path": ["color", "text", "accent", "blue", "[default]"]
|
|
22
|
+
}, {
|
|
23
|
+
"attributes": {
|
|
24
|
+
"group": "paint",
|
|
25
|
+
"state": "active",
|
|
26
|
+
"description": "Use on bold blue accent backgrounds."
|
|
27
|
+
},
|
|
28
|
+
"value": "#09326C",
|
|
29
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
30
|
+
"isSource": true,
|
|
31
|
+
"original": {
|
|
32
|
+
"attributes": {
|
|
33
|
+
"group": "paint",
|
|
34
|
+
"state": "active",
|
|
35
|
+
"description": "Use on bold blue accent backgrounds."
|
|
36
|
+
},
|
|
37
|
+
"value": "B900"
|
|
38
|
+
},
|
|
39
|
+
"name": "color.text.accent.blue.bolder",
|
|
40
|
+
"path": ["color", "text", "accent", "blue", "bolder"]
|
|
22
41
|
}, {
|
|
23
42
|
"attributes": {
|
|
24
43
|
"group": "paint",
|
|
@@ -36,8 +55,27 @@ var tokens = [{
|
|
|
36
55
|
},
|
|
37
56
|
"value": "R800"
|
|
38
57
|
},
|
|
39
|
-
"name": "color.text.accent.red",
|
|
40
|
-
"path": ["color", "text", "accent", "red"]
|
|
58
|
+
"name": "color.text.accent.red.[default]",
|
|
59
|
+
"path": ["color", "text", "accent", "red", "[default]"]
|
|
60
|
+
}, {
|
|
61
|
+
"attributes": {
|
|
62
|
+
"group": "paint",
|
|
63
|
+
"state": "active",
|
|
64
|
+
"description": "Use on bold red accent backgrounds."
|
|
65
|
+
},
|
|
66
|
+
"value": "#601E16",
|
|
67
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
68
|
+
"isSource": true,
|
|
69
|
+
"original": {
|
|
70
|
+
"attributes": {
|
|
71
|
+
"group": "paint",
|
|
72
|
+
"state": "active",
|
|
73
|
+
"description": "Use on bold red accent backgrounds."
|
|
74
|
+
},
|
|
75
|
+
"value": "R900"
|
|
76
|
+
},
|
|
77
|
+
"name": "color.text.accent.red.bolder",
|
|
78
|
+
"path": ["color", "text", "accent", "red", "bolder"]
|
|
41
79
|
}, {
|
|
42
80
|
"attributes": {
|
|
43
81
|
"group": "paint",
|
|
@@ -55,8 +93,27 @@ var tokens = [{
|
|
|
55
93
|
},
|
|
56
94
|
"value": "O800"
|
|
57
95
|
},
|
|
58
|
-
"name": "color.text.accent.orange",
|
|
59
|
-
"path": ["color", "text", "accent", "orange"]
|
|
96
|
+
"name": "color.text.accent.orange.[default]",
|
|
97
|
+
"path": ["color", "text", "accent", "orange", "[default]"]
|
|
98
|
+
}, {
|
|
99
|
+
"attributes": {
|
|
100
|
+
"group": "paint",
|
|
101
|
+
"state": "active",
|
|
102
|
+
"description": "Use on bold orange accent backgrounds."
|
|
103
|
+
},
|
|
104
|
+
"value": "#5F3811",
|
|
105
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
106
|
+
"isSource": true,
|
|
107
|
+
"original": {
|
|
108
|
+
"attributes": {
|
|
109
|
+
"group": "paint",
|
|
110
|
+
"state": "active",
|
|
111
|
+
"description": "Use on bold orange accent backgrounds."
|
|
112
|
+
},
|
|
113
|
+
"value": "O900"
|
|
114
|
+
},
|
|
115
|
+
"name": "color.text.accent.orange.bolder",
|
|
116
|
+
"path": ["color", "text", "accent", "orange", "bolder"]
|
|
60
117
|
}, {
|
|
61
118
|
"attributes": {
|
|
62
119
|
"group": "paint",
|
|
@@ -74,8 +131,27 @@ var tokens = [{
|
|
|
74
131
|
},
|
|
75
132
|
"value": "Y800"
|
|
76
133
|
},
|
|
77
|
-
"name": "color.text.accent.yellow",
|
|
78
|
-
"path": ["color", "text", "accent", "yellow"]
|
|
134
|
+
"name": "color.text.accent.yellow.[default]",
|
|
135
|
+
"path": ["color", "text", "accent", "yellow", "[default]"]
|
|
136
|
+
}, {
|
|
137
|
+
"attributes": {
|
|
138
|
+
"group": "paint",
|
|
139
|
+
"state": "active",
|
|
140
|
+
"description": "Use on bold yellow accent backgrounds."
|
|
141
|
+
},
|
|
142
|
+
"value": "#533F04",
|
|
143
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
144
|
+
"isSource": true,
|
|
145
|
+
"original": {
|
|
146
|
+
"attributes": {
|
|
147
|
+
"group": "paint",
|
|
148
|
+
"state": "active",
|
|
149
|
+
"description": "Use on bold yellow accent backgrounds."
|
|
150
|
+
},
|
|
151
|
+
"value": "Y900"
|
|
152
|
+
},
|
|
153
|
+
"name": "color.text.accent.yellow.bolder",
|
|
154
|
+
"path": ["color", "text", "accent", "yellow", "bolder"]
|
|
79
155
|
}, {
|
|
80
156
|
"attributes": {
|
|
81
157
|
"group": "paint",
|
|
@@ -93,8 +169,27 @@ var tokens = [{
|
|
|
93
169
|
},
|
|
94
170
|
"value": "G800"
|
|
95
171
|
},
|
|
96
|
-
"name": "color.text.accent.green",
|
|
97
|
-
"path": ["color", "text", "accent", "green"]
|
|
172
|
+
"name": "color.text.accent.green.[default]",
|
|
173
|
+
"path": ["color", "text", "accent", "green", "[default]"]
|
|
174
|
+
}, {
|
|
175
|
+
"attributes": {
|
|
176
|
+
"group": "paint",
|
|
177
|
+
"state": "active",
|
|
178
|
+
"description": "Use on bold green accent backgrounds."
|
|
179
|
+
},
|
|
180
|
+
"value": "#164B35",
|
|
181
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
182
|
+
"isSource": true,
|
|
183
|
+
"original": {
|
|
184
|
+
"attributes": {
|
|
185
|
+
"group": "paint",
|
|
186
|
+
"state": "active",
|
|
187
|
+
"description": "Use on bold green accent backgrounds."
|
|
188
|
+
},
|
|
189
|
+
"value": "G900"
|
|
190
|
+
},
|
|
191
|
+
"name": "color.text.accent.green.bolder",
|
|
192
|
+
"path": ["color", "text", "accent", "green", "bolder"]
|
|
98
193
|
}, {
|
|
99
194
|
"attributes": {
|
|
100
195
|
"group": "paint",
|
|
@@ -112,8 +207,27 @@ var tokens = [{
|
|
|
112
207
|
},
|
|
113
208
|
"value": "P800"
|
|
114
209
|
},
|
|
115
|
-
"name": "color.text.accent.purple",
|
|
116
|
-
"path": ["color", "text", "accent", "purple"]
|
|
210
|
+
"name": "color.text.accent.purple.[default]",
|
|
211
|
+
"path": ["color", "text", "accent", "purple", "[default]"]
|
|
212
|
+
}, {
|
|
213
|
+
"attributes": {
|
|
214
|
+
"group": "paint",
|
|
215
|
+
"state": "active",
|
|
216
|
+
"description": "Use on bold purple accent backgrounds."
|
|
217
|
+
},
|
|
218
|
+
"value": "#352C63",
|
|
219
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
220
|
+
"isSource": true,
|
|
221
|
+
"original": {
|
|
222
|
+
"attributes": {
|
|
223
|
+
"group": "paint",
|
|
224
|
+
"state": "active",
|
|
225
|
+
"description": "Use on bold purple accent backgrounds."
|
|
226
|
+
},
|
|
227
|
+
"value": "P900"
|
|
228
|
+
},
|
|
229
|
+
"name": "color.text.accent.purple.bolder",
|
|
230
|
+
"path": ["color", "text", "accent", "purple", "bolder"]
|
|
117
231
|
}, {
|
|
118
232
|
"attributes": {
|
|
119
233
|
"group": "paint",
|
|
@@ -131,8 +245,27 @@ var tokens = [{
|
|
|
131
245
|
},
|
|
132
246
|
"value": "T800"
|
|
133
247
|
},
|
|
134
|
-
"name": "color.text.accent.teal",
|
|
135
|
-
"path": ["color", "text", "accent", "teal"]
|
|
248
|
+
"name": "color.text.accent.teal.[default]",
|
|
249
|
+
"path": ["color", "text", "accent", "teal", "[default]"]
|
|
250
|
+
}, {
|
|
251
|
+
"attributes": {
|
|
252
|
+
"group": "paint",
|
|
253
|
+
"state": "active",
|
|
254
|
+
"description": "Use on bold teal accent backgrounds."
|
|
255
|
+
},
|
|
256
|
+
"value": "#1D474C",
|
|
257
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
258
|
+
"isSource": true,
|
|
259
|
+
"original": {
|
|
260
|
+
"attributes": {
|
|
261
|
+
"group": "paint",
|
|
262
|
+
"state": "active",
|
|
263
|
+
"description": "Use on bold teal accent backgrounds."
|
|
264
|
+
},
|
|
265
|
+
"value": "T900"
|
|
266
|
+
},
|
|
267
|
+
"name": "color.text.accent.teal.bolder",
|
|
268
|
+
"path": ["color", "text", "accent", "teal", "bolder"]
|
|
136
269
|
}, {
|
|
137
270
|
"attributes": {
|
|
138
271
|
"group": "paint",
|
|
@@ -150,8 +283,27 @@ var tokens = [{
|
|
|
150
283
|
},
|
|
151
284
|
"value": "M800"
|
|
152
285
|
},
|
|
153
|
-
"name": "color.text.accent.magenta",
|
|
154
|
-
"path": ["color", "text", "accent", "magenta"]
|
|
286
|
+
"name": "color.text.accent.magenta.[default]",
|
|
287
|
+
"path": ["color", "text", "accent", "magenta", "[default]"]
|
|
288
|
+
}, {
|
|
289
|
+
"attributes": {
|
|
290
|
+
"group": "paint",
|
|
291
|
+
"state": "active",
|
|
292
|
+
"description": "Use on bold magenta accent backgrounds."
|
|
293
|
+
},
|
|
294
|
+
"value": "#50253F",
|
|
295
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
296
|
+
"isSource": true,
|
|
297
|
+
"original": {
|
|
298
|
+
"attributes": {
|
|
299
|
+
"group": "paint",
|
|
300
|
+
"state": "active",
|
|
301
|
+
"description": "Use on bold magenta accent backgrounds."
|
|
302
|
+
},
|
|
303
|
+
"value": "M900"
|
|
304
|
+
},
|
|
305
|
+
"name": "color.text.accent.magenta.bolder",
|
|
306
|
+
"path": ["color", "text", "accent", "magenta", "bolder"]
|
|
155
307
|
}, {
|
|
156
308
|
"attributes": {
|
|
157
309
|
"group": "paint",
|
|
@@ -930,7 +1082,7 @@ var tokens = [{
|
|
|
930
1082
|
"attributes": {
|
|
931
1083
|
"group": "paint",
|
|
932
1084
|
"state": "active",
|
|
933
|
-
"description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color
|
|
1085
|
+
"description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
|
|
934
1086
|
},
|
|
935
1087
|
"value": "#1D7AFC",
|
|
936
1088
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
@@ -939,7 +1091,7 @@ var tokens = [{
|
|
|
939
1091
|
"attributes": {
|
|
940
1092
|
"group": "paint",
|
|
941
1093
|
"state": "active",
|
|
942
|
-
"description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color
|
|
1094
|
+
"description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
|
|
943
1095
|
},
|
|
944
1096
|
"value": "B600"
|
|
945
1097
|
},
|
|
@@ -949,7 +1101,7 @@ var tokens = [{
|
|
|
949
1101
|
"attributes": {
|
|
950
1102
|
"group": "paint",
|
|
951
1103
|
"state": "active",
|
|
952
|
-
"description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color
|
|
1104
|
+
"description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
|
|
953
1105
|
},
|
|
954
1106
|
"value": "#E34935",
|
|
955
1107
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
@@ -958,7 +1110,7 @@ var tokens = [{
|
|
|
958
1110
|
"attributes": {
|
|
959
1111
|
"group": "paint",
|
|
960
1112
|
"state": "active",
|
|
961
|
-
"description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color
|
|
1113
|
+
"description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
|
|
962
1114
|
},
|
|
963
1115
|
"value": "R600"
|
|
964
1116
|
},
|
|
@@ -1262,352 +1414,990 @@ var tokens = [{
|
|
|
1262
1414
|
"attributes": {
|
|
1263
1415
|
"group": "paint",
|
|
1264
1416
|
"state": "active",
|
|
1265
|
-
"description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
|
|
1417
|
+
"description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
|
|
1418
|
+
},
|
|
1419
|
+
"value": "P600"
|
|
1420
|
+
},
|
|
1421
|
+
"name": "color.border.discovery",
|
|
1422
|
+
"path": ["color", "border", "discovery"]
|
|
1423
|
+
}, {
|
|
1424
|
+
"attributes": {
|
|
1425
|
+
"group": "paint",
|
|
1426
|
+
"state": "active",
|
|
1427
|
+
"description": "Use for borders communicating information or something in-progress."
|
|
1428
|
+
},
|
|
1429
|
+
"value": "#1D7AFC",
|
|
1430
|
+
"filePath": "src/tokens/atlassian-light/color/border.tsx",
|
|
1431
|
+
"isSource": true,
|
|
1432
|
+
"original": {
|
|
1433
|
+
"attributes": {
|
|
1434
|
+
"group": "paint",
|
|
1435
|
+
"state": "active",
|
|
1436
|
+
"description": "Use for borders communicating information or something in-progress."
|
|
1437
|
+
},
|
|
1438
|
+
"value": "B600"
|
|
1439
|
+
},
|
|
1440
|
+
"name": "color.border.information",
|
|
1441
|
+
"path": ["color", "border", "information"]
|
|
1442
|
+
}, {
|
|
1443
|
+
"attributes": {
|
|
1444
|
+
"group": "paint",
|
|
1445
|
+
"state": "deprecated",
|
|
1446
|
+
"replacement": "color.border.focused",
|
|
1447
|
+
"description": "Use for focus rings of elements in a focus state"
|
|
1448
|
+
},
|
|
1449
|
+
"value": "#388BFF",
|
|
1450
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1451
|
+
"isSource": true,
|
|
1452
|
+
"original": {
|
|
1453
|
+
"attributes": {
|
|
1454
|
+
"group": "paint",
|
|
1455
|
+
"state": "deprecated",
|
|
1456
|
+
"replacement": "color.border.focused",
|
|
1457
|
+
"description": "Use for focus rings of elements in a focus state"
|
|
1458
|
+
},
|
|
1459
|
+
"value": "B500"
|
|
1460
|
+
},
|
|
1461
|
+
"name": "color.border.focus",
|
|
1462
|
+
"path": ["color", "border", "focus"]
|
|
1463
|
+
}, {
|
|
1464
|
+
"attributes": {
|
|
1465
|
+
"group": "paint",
|
|
1466
|
+
"state": "deprecated",
|
|
1467
|
+
"replacement": "color.border.[default]",
|
|
1468
|
+
"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"
|
|
1469
|
+
},
|
|
1470
|
+
"value": "#091E4224",
|
|
1471
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1472
|
+
"isSource": true,
|
|
1473
|
+
"original": {
|
|
1474
|
+
"attributes": {
|
|
1475
|
+
"group": "paint",
|
|
1476
|
+
"state": "deprecated",
|
|
1477
|
+
"replacement": "color.border.[default]",
|
|
1478
|
+
"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"
|
|
1479
|
+
},
|
|
1480
|
+
"value": "N300A"
|
|
1481
|
+
},
|
|
1482
|
+
"name": "color.border.neutral",
|
|
1483
|
+
"path": ["color", "border", "neutral"]
|
|
1484
|
+
}, {
|
|
1485
|
+
"attributes": {
|
|
1486
|
+
"group": "paint",
|
|
1487
|
+
"state": "active",
|
|
1488
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1489
|
+
},
|
|
1490
|
+
"value": "#E9F2FF",
|
|
1491
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1492
|
+
"isSource": true,
|
|
1493
|
+
"original": {
|
|
1494
|
+
"attributes": {
|
|
1495
|
+
"group": "paint",
|
|
1496
|
+
"state": "active",
|
|
1497
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1498
|
+
},
|
|
1499
|
+
"value": "B100"
|
|
1500
|
+
},
|
|
1501
|
+
"name": "color.background.accent.blue.subtlest",
|
|
1502
|
+
"path": ["color", "background", "accent", "blue", "subtlest"]
|
|
1503
|
+
}, {
|
|
1504
|
+
"attributes": {
|
|
1505
|
+
"group": "paint",
|
|
1506
|
+
"state": "active",
|
|
1507
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1508
|
+
},
|
|
1509
|
+
"value": "#CCE0FF",
|
|
1510
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1511
|
+
"isSource": true,
|
|
1512
|
+
"original": {
|
|
1513
|
+
"attributes": {
|
|
1514
|
+
"group": "paint",
|
|
1515
|
+
"state": "active",
|
|
1516
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1517
|
+
},
|
|
1518
|
+
"value": "B200"
|
|
1519
|
+
},
|
|
1520
|
+
"name": "color.background.accent.blue.subtler",
|
|
1521
|
+
"path": ["color", "background", "accent", "blue", "subtler"]
|
|
1522
|
+
}, {
|
|
1523
|
+
"attributes": {
|
|
1524
|
+
"group": "paint",
|
|
1525
|
+
"state": "active",
|
|
1526
|
+
"description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1527
|
+
},
|
|
1528
|
+
"value": "#579DFF",
|
|
1529
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1530
|
+
"isSource": true,
|
|
1531
|
+
"original": {
|
|
1532
|
+
"attributes": {
|
|
1533
|
+
"group": "paint",
|
|
1534
|
+
"state": "active",
|
|
1535
|
+
"description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1536
|
+
},
|
|
1537
|
+
"value": "B400"
|
|
1538
|
+
},
|
|
1539
|
+
"name": "color.background.accent.blue.subtle",
|
|
1540
|
+
"path": ["color", "background", "accent", "blue", "subtle"]
|
|
1541
|
+
}, {
|
|
1542
|
+
"attributes": {
|
|
1543
|
+
"group": "paint",
|
|
1544
|
+
"state": "active",
|
|
1545
|
+
"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."
|
|
1546
|
+
},
|
|
1547
|
+
"value": "#0C66E4",
|
|
1548
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1549
|
+
"isSource": true,
|
|
1550
|
+
"original": {
|
|
1551
|
+
"attributes": {
|
|
1552
|
+
"group": "paint",
|
|
1553
|
+
"state": "active",
|
|
1554
|
+
"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."
|
|
1555
|
+
},
|
|
1556
|
+
"value": "B700"
|
|
1557
|
+
},
|
|
1558
|
+
"name": "color.background.accent.blue.bolder",
|
|
1559
|
+
"path": ["color", "background", "accent", "blue", "bolder"]
|
|
1560
|
+
}, {
|
|
1561
|
+
"attributes": {
|
|
1562
|
+
"group": "paint",
|
|
1563
|
+
"state": "deprecated",
|
|
1564
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
1565
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1566
|
+
},
|
|
1567
|
+
"value": "#CCE0FF",
|
|
1568
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1569
|
+
"isSource": true,
|
|
1570
|
+
"original": {
|
|
1571
|
+
"attributes": {
|
|
1572
|
+
"group": "paint",
|
|
1573
|
+
"state": "deprecated",
|
|
1574
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
1575
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1576
|
+
},
|
|
1577
|
+
"value": "B200"
|
|
1578
|
+
},
|
|
1579
|
+
"name": "color.background.accent.blue.[default]",
|
|
1580
|
+
"path": ["color", "background", "accent", "blue", "[default]"]
|
|
1581
|
+
}, {
|
|
1582
|
+
"attributes": {
|
|
1583
|
+
"group": "paint",
|
|
1584
|
+
"state": "deprecated",
|
|
1585
|
+
"replacement": "color.background.accent.blue.subtle",
|
|
1586
|
+
"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."
|
|
1587
|
+
},
|
|
1588
|
+
"value": "#579DFF",
|
|
1589
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1590
|
+
"isSource": true,
|
|
1591
|
+
"original": {
|
|
1592
|
+
"attributes": {
|
|
1593
|
+
"group": "paint",
|
|
1594
|
+
"state": "deprecated",
|
|
1595
|
+
"replacement": "color.background.accent.blue.subtle",
|
|
1596
|
+
"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."
|
|
1597
|
+
},
|
|
1598
|
+
"value": "B400"
|
|
1599
|
+
},
|
|
1600
|
+
"name": "color.background.accent.blue.bold",
|
|
1601
|
+
"path": ["color", "background", "accent", "blue", "bold"]
|
|
1602
|
+
}, {
|
|
1603
|
+
"attributes": {
|
|
1604
|
+
"group": "paint",
|
|
1605
|
+
"state": "active",
|
|
1606
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1607
|
+
},
|
|
1608
|
+
"value": "#FFEDEB",
|
|
1609
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1610
|
+
"isSource": true,
|
|
1611
|
+
"original": {
|
|
1612
|
+
"attributes": {
|
|
1613
|
+
"group": "paint",
|
|
1614
|
+
"state": "active",
|
|
1615
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1616
|
+
},
|
|
1617
|
+
"value": "R100"
|
|
1618
|
+
},
|
|
1619
|
+
"name": "color.background.accent.red.subtlest",
|
|
1620
|
+
"path": ["color", "background", "accent", "red", "subtlest"]
|
|
1621
|
+
}, {
|
|
1622
|
+
"attributes": {
|
|
1623
|
+
"group": "paint",
|
|
1624
|
+
"state": "active",
|
|
1625
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1626
|
+
},
|
|
1627
|
+
"value": "#FFD2CC",
|
|
1628
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1629
|
+
"isSource": true,
|
|
1630
|
+
"original": {
|
|
1631
|
+
"attributes": {
|
|
1632
|
+
"group": "paint",
|
|
1633
|
+
"state": "active",
|
|
1634
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1635
|
+
},
|
|
1636
|
+
"value": "R200"
|
|
1637
|
+
},
|
|
1638
|
+
"name": "color.background.accent.red.subtler",
|
|
1639
|
+
"path": ["color", "background", "accent", "red", "subtler"]
|
|
1640
|
+
}, {
|
|
1641
|
+
"attributes": {
|
|
1642
|
+
"group": "paint",
|
|
1643
|
+
"state": "active",
|
|
1644
|
+
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1645
|
+
},
|
|
1646
|
+
"value": "#F87462",
|
|
1647
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1648
|
+
"isSource": true,
|
|
1649
|
+
"original": {
|
|
1650
|
+
"attributes": {
|
|
1651
|
+
"group": "paint",
|
|
1652
|
+
"state": "active",
|
|
1653
|
+
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1654
|
+
},
|
|
1655
|
+
"value": "R400"
|
|
1656
|
+
},
|
|
1657
|
+
"name": "color.background.accent.red.subtle",
|
|
1658
|
+
"path": ["color", "background", "accent", "red", "subtle"]
|
|
1659
|
+
}, {
|
|
1660
|
+
"attributes": {
|
|
1661
|
+
"group": "paint",
|
|
1662
|
+
"state": "active",
|
|
1663
|
+
"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."
|
|
1664
|
+
},
|
|
1665
|
+
"value": "#CA3521",
|
|
1666
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1667
|
+
"isSource": true,
|
|
1668
|
+
"original": {
|
|
1669
|
+
"attributes": {
|
|
1670
|
+
"group": "paint",
|
|
1671
|
+
"state": "active",
|
|
1672
|
+
"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."
|
|
1673
|
+
},
|
|
1674
|
+
"value": "R700"
|
|
1675
|
+
},
|
|
1676
|
+
"name": "color.background.accent.red.bolder",
|
|
1677
|
+
"path": ["color", "background", "accent", "red", "bolder"]
|
|
1678
|
+
}, {
|
|
1679
|
+
"attributes": {
|
|
1680
|
+
"group": "paint",
|
|
1681
|
+
"state": "deprecated",
|
|
1682
|
+
"replacement": "color.background.accent.red.subtler",
|
|
1683
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1684
|
+
},
|
|
1685
|
+
"value": "#FFD2CC",
|
|
1686
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1687
|
+
"isSource": true,
|
|
1688
|
+
"original": {
|
|
1689
|
+
"attributes": {
|
|
1690
|
+
"group": "paint",
|
|
1691
|
+
"state": "deprecated",
|
|
1692
|
+
"replacement": "color.background.accent.red.subtler",
|
|
1693
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1694
|
+
},
|
|
1695
|
+
"value": "R200"
|
|
1696
|
+
},
|
|
1697
|
+
"name": "color.background.accent.red.[default]",
|
|
1698
|
+
"path": ["color", "background", "accent", "red", "[default]"]
|
|
1699
|
+
}, {
|
|
1700
|
+
"attributes": {
|
|
1701
|
+
"group": "paint",
|
|
1702
|
+
"state": "deprecated",
|
|
1703
|
+
"replacement": "color.background.accent.red.subtle",
|
|
1704
|
+
"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."
|
|
1705
|
+
},
|
|
1706
|
+
"value": "#F87462",
|
|
1707
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1708
|
+
"isSource": true,
|
|
1709
|
+
"original": {
|
|
1710
|
+
"attributes": {
|
|
1711
|
+
"group": "paint",
|
|
1712
|
+
"state": "deprecated",
|
|
1713
|
+
"replacement": "color.background.accent.red.subtle",
|
|
1714
|
+
"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."
|
|
1715
|
+
},
|
|
1716
|
+
"value": "R400"
|
|
1717
|
+
},
|
|
1718
|
+
"name": "color.background.accent.red.bold",
|
|
1719
|
+
"path": ["color", "background", "accent", "red", "bold"]
|
|
1720
|
+
}, {
|
|
1721
|
+
"attributes": {
|
|
1722
|
+
"group": "paint",
|
|
1723
|
+
"state": "active",
|
|
1724
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1725
|
+
},
|
|
1726
|
+
"value": "#FFF4E5",
|
|
1727
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1728
|
+
"isSource": true,
|
|
1729
|
+
"original": {
|
|
1730
|
+
"attributes": {
|
|
1731
|
+
"group": "paint",
|
|
1732
|
+
"state": "active",
|
|
1733
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1734
|
+
},
|
|
1735
|
+
"value": "O100"
|
|
1736
|
+
},
|
|
1737
|
+
"name": "color.background.accent.orange.subtlest",
|
|
1738
|
+
"path": ["color", "background", "accent", "orange", "subtlest"]
|
|
1739
|
+
}, {
|
|
1740
|
+
"attributes": {
|
|
1741
|
+
"group": "paint",
|
|
1742
|
+
"state": "active",
|
|
1743
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1744
|
+
},
|
|
1745
|
+
"value": "#FFE2BD",
|
|
1746
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1747
|
+
"isSource": true,
|
|
1748
|
+
"original": {
|
|
1749
|
+
"attributes": {
|
|
1750
|
+
"group": "paint",
|
|
1751
|
+
"state": "active",
|
|
1752
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1753
|
+
},
|
|
1754
|
+
"value": "O200"
|
|
1755
|
+
},
|
|
1756
|
+
"name": "color.background.accent.orange.subtler",
|
|
1757
|
+
"path": ["color", "background", "accent", "orange", "subtler"]
|
|
1758
|
+
}, {
|
|
1759
|
+
"attributes": {
|
|
1760
|
+
"group": "paint",
|
|
1761
|
+
"state": "active",
|
|
1762
|
+
"description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1763
|
+
},
|
|
1764
|
+
"value": "#FAA53D",
|
|
1765
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1766
|
+
"isSource": true,
|
|
1767
|
+
"original": {
|
|
1768
|
+
"attributes": {
|
|
1769
|
+
"group": "paint",
|
|
1770
|
+
"state": "active",
|
|
1771
|
+
"description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1772
|
+
},
|
|
1773
|
+
"value": "O400"
|
|
1774
|
+
},
|
|
1775
|
+
"name": "color.background.accent.orange.subtle",
|
|
1776
|
+
"path": ["color", "background", "accent", "orange", "subtle"]
|
|
1777
|
+
}, {
|
|
1778
|
+
"attributes": {
|
|
1779
|
+
"group": "paint",
|
|
1780
|
+
"state": "active",
|
|
1781
|
+
"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."
|
|
1782
|
+
},
|
|
1783
|
+
"value": "#B65C02",
|
|
1784
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1785
|
+
"isSource": true,
|
|
1786
|
+
"original": {
|
|
1787
|
+
"attributes": {
|
|
1788
|
+
"group": "paint",
|
|
1789
|
+
"state": "active",
|
|
1790
|
+
"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."
|
|
1791
|
+
},
|
|
1792
|
+
"value": "O700"
|
|
1793
|
+
},
|
|
1794
|
+
"name": "color.background.accent.orange.bolder",
|
|
1795
|
+
"path": ["color", "background", "accent", "orange", "bolder"]
|
|
1796
|
+
}, {
|
|
1797
|
+
"attributes": {
|
|
1798
|
+
"group": "paint",
|
|
1799
|
+
"state": "deprecated",
|
|
1800
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
1801
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1802
|
+
},
|
|
1803
|
+
"value": "#FFE2BD",
|
|
1804
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1805
|
+
"isSource": true,
|
|
1806
|
+
"original": {
|
|
1807
|
+
"attributes": {
|
|
1808
|
+
"group": "paint",
|
|
1809
|
+
"state": "deprecated",
|
|
1810
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
1811
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1812
|
+
},
|
|
1813
|
+
"value": "O200"
|
|
1814
|
+
},
|
|
1815
|
+
"name": "color.background.accent.orange.[default]",
|
|
1816
|
+
"path": ["color", "background", "accent", "orange", "[default]"]
|
|
1817
|
+
}, {
|
|
1818
|
+
"attributes": {
|
|
1819
|
+
"group": "paint",
|
|
1820
|
+
"state": "deprecated",
|
|
1821
|
+
"replacement": "color.background.accent.orange.subtle",
|
|
1822
|
+
"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."
|
|
1823
|
+
},
|
|
1824
|
+
"value": "#FAA53D",
|
|
1825
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1826
|
+
"isSource": true,
|
|
1827
|
+
"original": {
|
|
1828
|
+
"attributes": {
|
|
1829
|
+
"group": "paint",
|
|
1830
|
+
"state": "deprecated",
|
|
1831
|
+
"replacement": "color.background.accent.orange.subtle",
|
|
1832
|
+
"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."
|
|
1833
|
+
},
|
|
1834
|
+
"value": "O400"
|
|
1835
|
+
},
|
|
1836
|
+
"name": "color.background.accent.orange.bold",
|
|
1837
|
+
"path": ["color", "background", "accent", "orange", "bold"]
|
|
1838
|
+
}, {
|
|
1839
|
+
"attributes": {
|
|
1840
|
+
"group": "paint",
|
|
1841
|
+
"state": "active",
|
|
1842
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1843
|
+
},
|
|
1844
|
+
"value": "#FFF7D6",
|
|
1845
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1846
|
+
"isSource": true,
|
|
1847
|
+
"original": {
|
|
1848
|
+
"attributes": {
|
|
1849
|
+
"group": "paint",
|
|
1850
|
+
"state": "active",
|
|
1851
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1852
|
+
},
|
|
1853
|
+
"value": "Y100"
|
|
1854
|
+
},
|
|
1855
|
+
"name": "color.background.accent.yellow.subtlest",
|
|
1856
|
+
"path": ["color", "background", "accent", "yellow", "subtlest"]
|
|
1857
|
+
}, {
|
|
1858
|
+
"attributes": {
|
|
1859
|
+
"group": "paint",
|
|
1860
|
+
"state": "active",
|
|
1861
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1862
|
+
},
|
|
1863
|
+
"value": "#F8E6A0",
|
|
1864
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1865
|
+
"isSource": true,
|
|
1866
|
+
"original": {
|
|
1867
|
+
"attributes": {
|
|
1868
|
+
"group": "paint",
|
|
1869
|
+
"state": "active",
|
|
1870
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1871
|
+
},
|
|
1872
|
+
"value": "Y200"
|
|
1873
|
+
},
|
|
1874
|
+
"name": "color.background.accent.yellow.subtler",
|
|
1875
|
+
"path": ["color", "background", "accent", "yellow", "subtler"]
|
|
1876
|
+
}, {
|
|
1877
|
+
"attributes": {
|
|
1878
|
+
"group": "paint",
|
|
1879
|
+
"state": "active",
|
|
1880
|
+
"description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1881
|
+
},
|
|
1882
|
+
"value": "#E2B203",
|
|
1883
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1884
|
+
"isSource": true,
|
|
1885
|
+
"original": {
|
|
1886
|
+
"attributes": {
|
|
1887
|
+
"group": "paint",
|
|
1888
|
+
"state": "active",
|
|
1889
|
+
"description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1890
|
+
},
|
|
1891
|
+
"value": "Y400"
|
|
1892
|
+
},
|
|
1893
|
+
"name": "color.background.accent.yellow.subtle",
|
|
1894
|
+
"path": ["color", "background", "accent", "yellow", "subtle"]
|
|
1895
|
+
}, {
|
|
1896
|
+
"attributes": {
|
|
1897
|
+
"group": "paint",
|
|
1898
|
+
"state": "active",
|
|
1899
|
+
"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."
|
|
1900
|
+
},
|
|
1901
|
+
"value": "#946F00",
|
|
1902
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1903
|
+
"isSource": true,
|
|
1904
|
+
"original": {
|
|
1905
|
+
"attributes": {
|
|
1906
|
+
"group": "paint",
|
|
1907
|
+
"state": "active",
|
|
1908
|
+
"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."
|
|
1909
|
+
},
|
|
1910
|
+
"value": "Y700"
|
|
1911
|
+
},
|
|
1912
|
+
"name": "color.background.accent.yellow.bolder",
|
|
1913
|
+
"path": ["color", "background", "accent", "yellow", "bolder"]
|
|
1914
|
+
}, {
|
|
1915
|
+
"attributes": {
|
|
1916
|
+
"group": "paint",
|
|
1917
|
+
"state": "deprecated",
|
|
1918
|
+
"replacement": "color.background.accent.yellow.subtler",
|
|
1919
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1920
|
+
},
|
|
1921
|
+
"value": "#F8E6A0",
|
|
1922
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1923
|
+
"isSource": true,
|
|
1924
|
+
"original": {
|
|
1925
|
+
"attributes": {
|
|
1926
|
+
"group": "paint",
|
|
1927
|
+
"state": "deprecated",
|
|
1928
|
+
"replacement": "color.background.accent.yellow.subtler",
|
|
1929
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1930
|
+
},
|
|
1931
|
+
"value": "Y200"
|
|
1932
|
+
},
|
|
1933
|
+
"name": "color.background.accent.yellow.[default]",
|
|
1934
|
+
"path": ["color", "background", "accent", "yellow", "[default]"]
|
|
1935
|
+
}, {
|
|
1936
|
+
"attributes": {
|
|
1937
|
+
"group": "paint",
|
|
1938
|
+
"state": "deprecated",
|
|
1939
|
+
"replacement": "color.background.accent.yellow.subtle",
|
|
1940
|
+
"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."
|
|
1941
|
+
},
|
|
1942
|
+
"value": "#E2B203",
|
|
1943
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1944
|
+
"isSource": true,
|
|
1945
|
+
"original": {
|
|
1946
|
+
"attributes": {
|
|
1947
|
+
"group": "paint",
|
|
1948
|
+
"state": "deprecated",
|
|
1949
|
+
"replacement": "color.background.accent.yellow.subtle",
|
|
1950
|
+
"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."
|
|
1951
|
+
},
|
|
1952
|
+
"value": "Y400"
|
|
1953
|
+
},
|
|
1954
|
+
"name": "color.background.accent.yellow.bold",
|
|
1955
|
+
"path": ["color", "background", "accent", "yellow", "bold"]
|
|
1956
|
+
}, {
|
|
1957
|
+
"attributes": {
|
|
1958
|
+
"group": "paint",
|
|
1959
|
+
"state": "active",
|
|
1960
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1961
|
+
},
|
|
1962
|
+
"value": "#DFFCF0",
|
|
1963
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1964
|
+
"isSource": true,
|
|
1965
|
+
"original": {
|
|
1966
|
+
"attributes": {
|
|
1967
|
+
"group": "paint",
|
|
1968
|
+
"state": "active",
|
|
1969
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1970
|
+
},
|
|
1971
|
+
"value": "G100"
|
|
1972
|
+
},
|
|
1973
|
+
"name": "color.background.accent.green.subtlest",
|
|
1974
|
+
"path": ["color", "background", "accent", "green", "subtlest"]
|
|
1975
|
+
}, {
|
|
1976
|
+
"attributes": {
|
|
1977
|
+
"group": "paint",
|
|
1978
|
+
"state": "active",
|
|
1979
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1980
|
+
},
|
|
1981
|
+
"value": "#BAF3DB",
|
|
1982
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1983
|
+
"isSource": true,
|
|
1984
|
+
"original": {
|
|
1985
|
+
"attributes": {
|
|
1986
|
+
"group": "paint",
|
|
1987
|
+
"state": "active",
|
|
1988
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1989
|
+
},
|
|
1990
|
+
"value": "G200"
|
|
1991
|
+
},
|
|
1992
|
+
"name": "color.background.accent.green.subtler",
|
|
1993
|
+
"path": ["color", "background", "accent", "green", "subtler"]
|
|
1994
|
+
}, {
|
|
1995
|
+
"attributes": {
|
|
1996
|
+
"group": "paint",
|
|
1997
|
+
"state": "active",
|
|
1998
|
+
"description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1999
|
+
},
|
|
2000
|
+
"value": "#4BCE97",
|
|
2001
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2002
|
+
"isSource": true,
|
|
2003
|
+
"original": {
|
|
2004
|
+
"attributes": {
|
|
2005
|
+
"group": "paint",
|
|
2006
|
+
"state": "active",
|
|
2007
|
+
"description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1266
2008
|
},
|
|
1267
|
-
"value": "
|
|
2009
|
+
"value": "G400"
|
|
1268
2010
|
},
|
|
1269
|
-
"name": "color.
|
|
1270
|
-
"path": ["color", "
|
|
2011
|
+
"name": "color.background.accent.green.subtle",
|
|
2012
|
+
"path": ["color", "background", "accent", "green", "subtle"]
|
|
1271
2013
|
}, {
|
|
1272
2014
|
"attributes": {
|
|
1273
2015
|
"group": "paint",
|
|
1274
2016
|
"state": "active",
|
|
1275
|
-
"description": "Use for
|
|
2017
|
+
"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."
|
|
1276
2018
|
},
|
|
1277
|
-
"value": "#
|
|
1278
|
-
"filePath": "src/tokens/atlassian-light/color/
|
|
2019
|
+
"value": "#1F845A",
|
|
2020
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1279
2021
|
"isSource": true,
|
|
1280
2022
|
"original": {
|
|
1281
2023
|
"attributes": {
|
|
1282
2024
|
"group": "paint",
|
|
1283
2025
|
"state": "active",
|
|
1284
|
-
"description": "Use for
|
|
2026
|
+
"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."
|
|
1285
2027
|
},
|
|
1286
|
-
"value": "
|
|
2028
|
+
"value": "G700"
|
|
1287
2029
|
},
|
|
1288
|
-
"name": "color.
|
|
1289
|
-
"path": ["color", "
|
|
2030
|
+
"name": "color.background.accent.green.bolder",
|
|
2031
|
+
"path": ["color", "background", "accent", "green", "bolder"]
|
|
1290
2032
|
}, {
|
|
1291
2033
|
"attributes": {
|
|
1292
2034
|
"group": "paint",
|
|
1293
2035
|
"state": "deprecated",
|
|
1294
|
-
"replacement": "color.
|
|
1295
|
-
"description": "Use for
|
|
2036
|
+
"replacement": "color.background.accent.green.subtler",
|
|
2037
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1296
2038
|
},
|
|
1297
|
-
"value": "#
|
|
2039
|
+
"value": "#BAF3DB",
|
|
1298
2040
|
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1299
2041
|
"isSource": true,
|
|
1300
2042
|
"original": {
|
|
1301
2043
|
"attributes": {
|
|
1302
2044
|
"group": "paint",
|
|
1303
2045
|
"state": "deprecated",
|
|
1304
|
-
"replacement": "color.
|
|
1305
|
-
"description": "Use for
|
|
2046
|
+
"replacement": "color.background.accent.green.subtler",
|
|
2047
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1306
2048
|
},
|
|
1307
|
-
"value": "
|
|
2049
|
+
"value": "G200"
|
|
1308
2050
|
},
|
|
1309
|
-
"name": "color.
|
|
1310
|
-
"path": ["color", "
|
|
2051
|
+
"name": "color.background.accent.green.[default]",
|
|
2052
|
+
"path": ["color", "background", "accent", "green", "[default]"]
|
|
1311
2053
|
}, {
|
|
1312
2054
|
"attributes": {
|
|
1313
2055
|
"group": "paint",
|
|
1314
2056
|
"state": "deprecated",
|
|
1315
|
-
"replacement": "color.
|
|
1316
|
-
"description": "Use
|
|
2057
|
+
"replacement": "color.background.accent.green.subtle",
|
|
2058
|
+
"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."
|
|
1317
2059
|
},
|
|
1318
|
-
"value": "#
|
|
2060
|
+
"value": "#4BCE97",
|
|
1319
2061
|
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1320
2062
|
"isSource": true,
|
|
1321
2063
|
"original": {
|
|
1322
2064
|
"attributes": {
|
|
1323
2065
|
"group": "paint",
|
|
1324
2066
|
"state": "deprecated",
|
|
1325
|
-
"replacement": "color.
|
|
1326
|
-
"description": "Use
|
|
2067
|
+
"replacement": "color.background.accent.green.subtle",
|
|
2068
|
+
"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."
|
|
1327
2069
|
},
|
|
1328
|
-
"value": "
|
|
2070
|
+
"value": "G400"
|
|
1329
2071
|
},
|
|
1330
|
-
"name": "color.
|
|
1331
|
-
"path": ["color", "
|
|
2072
|
+
"name": "color.background.accent.green.bold",
|
|
2073
|
+
"path": ["color", "background", "accent", "green", "bold"]
|
|
1332
2074
|
}, {
|
|
1333
2075
|
"attributes": {
|
|
1334
2076
|
"group": "paint",
|
|
1335
2077
|
"state": "active",
|
|
1336
|
-
"description": "Use for
|
|
2078
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1337
2079
|
},
|
|
1338
|
-
"value": "#
|
|
2080
|
+
"value": "#E3FAFC",
|
|
1339
2081
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1340
2082
|
"isSource": true,
|
|
1341
2083
|
"original": {
|
|
1342
2084
|
"attributes": {
|
|
1343
2085
|
"group": "paint",
|
|
1344
2086
|
"state": "active",
|
|
1345
|
-
"description": "Use for
|
|
2087
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1346
2088
|
},
|
|
1347
|
-
"value": "
|
|
2089
|
+
"value": "T100"
|
|
1348
2090
|
},
|
|
1349
|
-
"name": "color.background.accent.
|
|
1350
|
-
"path": ["color", "background", "accent", "
|
|
2091
|
+
"name": "color.background.accent.teal.subtlest",
|
|
2092
|
+
"path": ["color", "background", "accent", "teal", "subtlest"]
|
|
1351
2093
|
}, {
|
|
1352
2094
|
"attributes": {
|
|
1353
2095
|
"group": "paint",
|
|
1354
2096
|
"state": "active",
|
|
1355
|
-
"description": "Use for
|
|
2097
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1356
2098
|
},
|
|
1357
|
-
"value": "#
|
|
2099
|
+
"value": "#C1F0F5",
|
|
1358
2100
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1359
2101
|
"isSource": true,
|
|
1360
2102
|
"original": {
|
|
1361
2103
|
"attributes": {
|
|
1362
2104
|
"group": "paint",
|
|
1363
2105
|
"state": "active",
|
|
1364
|
-
"description": "Use for
|
|
2106
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1365
2107
|
},
|
|
1366
|
-
"value": "
|
|
2108
|
+
"value": "T200"
|
|
1367
2109
|
},
|
|
1368
|
-
"name": "color.background.accent.
|
|
1369
|
-
"path": ["color", "background", "accent", "
|
|
2110
|
+
"name": "color.background.accent.teal.subtler",
|
|
2111
|
+
"path": ["color", "background", "accent", "teal", "subtler"]
|
|
1370
2112
|
}, {
|
|
1371
2113
|
"attributes": {
|
|
1372
2114
|
"group": "paint",
|
|
1373
2115
|
"state": "active",
|
|
1374
|
-
"description": "Use for
|
|
2116
|
+
"description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1375
2117
|
},
|
|
1376
|
-
"value": "#
|
|
2118
|
+
"value": "#60C6D2",
|
|
1377
2119
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1378
2120
|
"isSource": true,
|
|
1379
2121
|
"original": {
|
|
1380
2122
|
"attributes": {
|
|
1381
2123
|
"group": "paint",
|
|
1382
2124
|
"state": "active",
|
|
1383
|
-
"description": "Use for
|
|
2125
|
+
"description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1384
2126
|
},
|
|
1385
|
-
"value": "
|
|
2127
|
+
"value": "T400"
|
|
1386
2128
|
},
|
|
1387
|
-
"name": "color.background.accent.
|
|
1388
|
-
"path": ["color", "background", "accent", "
|
|
2129
|
+
"name": "color.background.accent.teal.subtle",
|
|
2130
|
+
"path": ["color", "background", "accent", "teal", "subtle"]
|
|
1389
2131
|
}, {
|
|
1390
2132
|
"attributes": {
|
|
1391
2133
|
"group": "paint",
|
|
1392
2134
|
"state": "active",
|
|
1393
|
-
"description": "Use for
|
|
2135
|
+
"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."
|
|
1394
2136
|
},
|
|
1395
|
-
"value": "#
|
|
2137
|
+
"value": "#1D7F8C",
|
|
1396
2138
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1397
2139
|
"isSource": true,
|
|
1398
2140
|
"original": {
|
|
1399
2141
|
"attributes": {
|
|
1400
2142
|
"group": "paint",
|
|
1401
2143
|
"state": "active",
|
|
1402
|
-
"description": "Use for
|
|
2144
|
+
"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."
|
|
1403
2145
|
},
|
|
1404
|
-
"value": "
|
|
2146
|
+
"value": "T700"
|
|
1405
2147
|
},
|
|
1406
|
-
"name": "color.background.accent.
|
|
1407
|
-
"path": ["color", "background", "accent", "
|
|
2148
|
+
"name": "color.background.accent.teal.bolder",
|
|
2149
|
+
"path": ["color", "background", "accent", "teal", "bolder"]
|
|
1408
2150
|
}, {
|
|
1409
2151
|
"attributes": {
|
|
1410
2152
|
"group": "paint",
|
|
1411
|
-
"state": "
|
|
1412
|
-
"
|
|
2153
|
+
"state": "deprecated",
|
|
2154
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
2155
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1413
2156
|
},
|
|
1414
|
-
"value": "#
|
|
1415
|
-
"filePath": "src/tokens/atlassian-light/
|
|
2157
|
+
"value": "#C1F0F5",
|
|
2158
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1416
2159
|
"isSource": true,
|
|
1417
2160
|
"original": {
|
|
1418
2161
|
"attributes": {
|
|
1419
2162
|
"group": "paint",
|
|
1420
|
-
"state": "
|
|
1421
|
-
"
|
|
2163
|
+
"state": "deprecated",
|
|
2164
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
2165
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1422
2166
|
},
|
|
1423
|
-
"value": "
|
|
2167
|
+
"value": "T200"
|
|
1424
2168
|
},
|
|
1425
|
-
"name": "color.background.accent.
|
|
1426
|
-
"path": ["color", "background", "accent", "
|
|
2169
|
+
"name": "color.background.accent.teal.[default]",
|
|
2170
|
+
"path": ["color", "background", "accent", "teal", "[default]"]
|
|
1427
2171
|
}, {
|
|
1428
2172
|
"attributes": {
|
|
1429
2173
|
"group": "paint",
|
|
1430
|
-
"state": "
|
|
1431
|
-
"
|
|
2174
|
+
"state": "deprecated",
|
|
2175
|
+
"replacement": "color.background.accent.teal.subtle",
|
|
2176
|
+
"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."
|
|
1432
2177
|
},
|
|
1433
|
-
"value": "#
|
|
1434
|
-
"filePath": "src/tokens/atlassian-light/
|
|
2178
|
+
"value": "#60C6D2",
|
|
2179
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1435
2180
|
"isSource": true,
|
|
1436
2181
|
"original": {
|
|
1437
2182
|
"attributes": {
|
|
1438
2183
|
"group": "paint",
|
|
1439
|
-
"state": "
|
|
1440
|
-
"
|
|
2184
|
+
"state": "deprecated",
|
|
2185
|
+
"replacement": "color.background.accent.teal.subtle",
|
|
2186
|
+
"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."
|
|
1441
2187
|
},
|
|
1442
|
-
"value": "
|
|
2188
|
+
"value": "T400"
|
|
1443
2189
|
},
|
|
1444
|
-
"name": "color.background.accent.
|
|
1445
|
-
"path": ["color", "background", "accent", "
|
|
2190
|
+
"name": "color.background.accent.teal.bold",
|
|
2191
|
+
"path": ["color", "background", "accent", "teal", "bold"]
|
|
1446
2192
|
}, {
|
|
1447
2193
|
"attributes": {
|
|
1448
2194
|
"group": "paint",
|
|
1449
2195
|
"state": "active",
|
|
1450
|
-
"description": "Use for
|
|
2196
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1451
2197
|
},
|
|
1452
|
-
"value": "#
|
|
2198
|
+
"value": "#F3F0FF",
|
|
1453
2199
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1454
2200
|
"isSource": true,
|
|
1455
2201
|
"original": {
|
|
1456
2202
|
"attributes": {
|
|
1457
2203
|
"group": "paint",
|
|
1458
2204
|
"state": "active",
|
|
1459
|
-
"description": "Use for
|
|
2205
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1460
2206
|
},
|
|
1461
|
-
"value": "
|
|
2207
|
+
"value": "P100"
|
|
1462
2208
|
},
|
|
1463
|
-
"name": "color.background.accent.
|
|
1464
|
-
"path": ["color", "background", "accent", "
|
|
2209
|
+
"name": "color.background.accent.purple.subtlest",
|
|
2210
|
+
"path": ["color", "background", "accent", "purple", "subtlest"]
|
|
1465
2211
|
}, {
|
|
1466
2212
|
"attributes": {
|
|
1467
2213
|
"group": "paint",
|
|
1468
2214
|
"state": "active",
|
|
1469
|
-
"description": "Use for
|
|
2215
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1470
2216
|
},
|
|
1471
|
-
"value": "#
|
|
2217
|
+
"value": "#DFD8FD",
|
|
1472
2218
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1473
2219
|
"isSource": true,
|
|
1474
2220
|
"original": {
|
|
1475
2221
|
"attributes": {
|
|
1476
2222
|
"group": "paint",
|
|
1477
2223
|
"state": "active",
|
|
1478
|
-
"description": "Use for
|
|
2224
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1479
2225
|
},
|
|
1480
|
-
"value": "
|
|
2226
|
+
"value": "P200"
|
|
1481
2227
|
},
|
|
1482
|
-
"name": "color.background.accent.
|
|
1483
|
-
"path": ["color", "background", "accent", "
|
|
2228
|
+
"name": "color.background.accent.purple.subtler",
|
|
2229
|
+
"path": ["color", "background", "accent", "purple", "subtler"]
|
|
1484
2230
|
}, {
|
|
1485
2231
|
"attributes": {
|
|
1486
2232
|
"group": "paint",
|
|
1487
2233
|
"state": "active",
|
|
1488
|
-
"description": "Use for
|
|
2234
|
+
"description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1489
2235
|
},
|
|
1490
|
-
"value": "#
|
|
2236
|
+
"value": "#9F8FEF",
|
|
1491
2237
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1492
2238
|
"isSource": true,
|
|
1493
2239
|
"original": {
|
|
1494
2240
|
"attributes": {
|
|
1495
2241
|
"group": "paint",
|
|
1496
2242
|
"state": "active",
|
|
1497
|
-
"description": "Use for
|
|
2243
|
+
"description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1498
2244
|
},
|
|
1499
|
-
"value": "
|
|
2245
|
+
"value": "P400"
|
|
1500
2246
|
},
|
|
1501
|
-
"name": "color.background.accent.
|
|
1502
|
-
"path": ["color", "background", "accent", "
|
|
2247
|
+
"name": "color.background.accent.purple.subtle",
|
|
2248
|
+
"path": ["color", "background", "accent", "purple", "subtle"]
|
|
1503
2249
|
}, {
|
|
1504
2250
|
"attributes": {
|
|
1505
2251
|
"group": "paint",
|
|
1506
2252
|
"state": "active",
|
|
1507
|
-
"description": "Use for
|
|
2253
|
+
"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."
|
|
1508
2254
|
},
|
|
1509
|
-
"value": "#
|
|
2255
|
+
"value": "#6E5DC6",
|
|
1510
2256
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1511
2257
|
"isSource": true,
|
|
1512
2258
|
"original": {
|
|
1513
2259
|
"attributes": {
|
|
1514
2260
|
"group": "paint",
|
|
1515
2261
|
"state": "active",
|
|
1516
|
-
"description": "Use for
|
|
2262
|
+
"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."
|
|
1517
2263
|
},
|
|
1518
|
-
"value": "
|
|
2264
|
+
"value": "P700"
|
|
1519
2265
|
},
|
|
1520
|
-
"name": "color.background.accent.
|
|
1521
|
-
"path": ["color", "background", "accent", "
|
|
2266
|
+
"name": "color.background.accent.purple.bolder",
|
|
2267
|
+
"path": ["color", "background", "accent", "purple", "bolder"]
|
|
2268
|
+
}, {
|
|
2269
|
+
"attributes": {
|
|
2270
|
+
"group": "paint",
|
|
2271
|
+
"state": "deprecated",
|
|
2272
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
2273
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2274
|
+
},
|
|
2275
|
+
"value": "#DFD8FD",
|
|
2276
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2277
|
+
"isSource": true,
|
|
2278
|
+
"original": {
|
|
2279
|
+
"attributes": {
|
|
2280
|
+
"group": "paint",
|
|
2281
|
+
"state": "deprecated",
|
|
2282
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
2283
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2284
|
+
},
|
|
2285
|
+
"value": "P200"
|
|
2286
|
+
},
|
|
2287
|
+
"name": "color.background.accent.purple.[default]",
|
|
2288
|
+
"path": ["color", "background", "accent", "purple", "[default]"]
|
|
2289
|
+
}, {
|
|
2290
|
+
"attributes": {
|
|
2291
|
+
"group": "paint",
|
|
2292
|
+
"state": "deprecated",
|
|
2293
|
+
"replacement": "color.background.accent.purple.subtle",
|
|
2294
|
+
"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."
|
|
2295
|
+
},
|
|
2296
|
+
"value": "#9F8FEF",
|
|
2297
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2298
|
+
"isSource": true,
|
|
2299
|
+
"original": {
|
|
2300
|
+
"attributes": {
|
|
2301
|
+
"group": "paint",
|
|
2302
|
+
"state": "deprecated",
|
|
2303
|
+
"replacement": "color.background.accent.purple.subtle",
|
|
2304
|
+
"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."
|
|
2305
|
+
},
|
|
2306
|
+
"value": "P400"
|
|
2307
|
+
},
|
|
2308
|
+
"name": "color.background.accent.purple.bold",
|
|
2309
|
+
"path": ["color", "background", "accent", "purple", "bold"]
|
|
1522
2310
|
}, {
|
|
1523
2311
|
"attributes": {
|
|
1524
2312
|
"group": "paint",
|
|
1525
2313
|
"state": "active",
|
|
1526
|
-
"description": "Use for
|
|
2314
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1527
2315
|
},
|
|
1528
|
-
"value": "#
|
|
2316
|
+
"value": "#FFECF8",
|
|
1529
2317
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1530
2318
|
"isSource": true,
|
|
1531
2319
|
"original": {
|
|
1532
2320
|
"attributes": {
|
|
1533
2321
|
"group": "paint",
|
|
1534
2322
|
"state": "active",
|
|
1535
|
-
"description": "Use for
|
|
2323
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1536
2324
|
},
|
|
1537
|
-
"value": "
|
|
2325
|
+
"value": "M100"
|
|
1538
2326
|
},
|
|
1539
|
-
"name": "color.background.accent.
|
|
1540
|
-
"path": ["color", "background", "accent", "
|
|
2327
|
+
"name": "color.background.accent.magenta.subtlest",
|
|
2328
|
+
"path": ["color", "background", "accent", "magenta", "subtlest"]
|
|
1541
2329
|
}, {
|
|
1542
2330
|
"attributes": {
|
|
1543
2331
|
"group": "paint",
|
|
1544
2332
|
"state": "active",
|
|
1545
|
-
"description": "Use for
|
|
2333
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1546
2334
|
},
|
|
1547
|
-
"value": "#
|
|
2335
|
+
"value": "#FDD0EC",
|
|
1548
2336
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1549
2337
|
"isSource": true,
|
|
1550
2338
|
"original": {
|
|
1551
2339
|
"attributes": {
|
|
1552
2340
|
"group": "paint",
|
|
1553
2341
|
"state": "active",
|
|
1554
|
-
"description": "Use for
|
|
2342
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1555
2343
|
},
|
|
1556
|
-
"value": "
|
|
2344
|
+
"value": "M200"
|
|
1557
2345
|
},
|
|
1558
|
-
"name": "color.background.accent.
|
|
1559
|
-
"path": ["color", "background", "accent", "
|
|
2346
|
+
"name": "color.background.accent.magenta.subtler",
|
|
2347
|
+
"path": ["color", "background", "accent", "magenta", "subtler"]
|
|
1560
2348
|
}, {
|
|
1561
2349
|
"attributes": {
|
|
1562
2350
|
"group": "paint",
|
|
1563
2351
|
"state": "active",
|
|
1564
|
-
"description": "Use for
|
|
2352
|
+
"description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1565
2353
|
},
|
|
1566
|
-
"value": "#
|
|
2354
|
+
"value": "#E774BB",
|
|
1567
2355
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1568
2356
|
"isSource": true,
|
|
1569
2357
|
"original": {
|
|
1570
2358
|
"attributes": {
|
|
1571
2359
|
"group": "paint",
|
|
1572
2360
|
"state": "active",
|
|
1573
|
-
"description": "Use for
|
|
2361
|
+
"description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1574
2362
|
},
|
|
1575
|
-
"value": "
|
|
2363
|
+
"value": "M400"
|
|
1576
2364
|
},
|
|
1577
|
-
"name": "color.background.accent.
|
|
1578
|
-
"path": ["color", "background", "accent", "
|
|
2365
|
+
"name": "color.background.accent.magenta.subtle",
|
|
2366
|
+
"path": ["color", "background", "accent", "magenta", "subtle"]
|
|
1579
2367
|
}, {
|
|
1580
2368
|
"attributes": {
|
|
1581
2369
|
"group": "paint",
|
|
1582
2370
|
"state": "active",
|
|
1583
|
-
"description": "Use for
|
|
2371
|
+
"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."
|
|
1584
2372
|
},
|
|
1585
|
-
"value": "#
|
|
2373
|
+
"value": "#AE4787",
|
|
1586
2374
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1587
2375
|
"isSource": true,
|
|
1588
2376
|
"original": {
|
|
1589
2377
|
"attributes": {
|
|
1590
2378
|
"group": "paint",
|
|
1591
2379
|
"state": "active",
|
|
1592
|
-
"description": "Use for
|
|
2380
|
+
"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."
|
|
1593
2381
|
},
|
|
1594
|
-
"value": "
|
|
2382
|
+
"value": "M700"
|
|
1595
2383
|
},
|
|
1596
|
-
"name": "color.background.accent.
|
|
1597
|
-
"path": ["color", "background", "accent", "
|
|
2384
|
+
"name": "color.background.accent.magenta.bolder",
|
|
2385
|
+
"path": ["color", "background", "accent", "magenta", "bolder"]
|
|
1598
2386
|
}, {
|
|
1599
2387
|
"attributes": {
|
|
1600
2388
|
"group": "paint",
|
|
1601
|
-
"state": "
|
|
2389
|
+
"state": "deprecated",
|
|
2390
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
1602
2391
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1603
2392
|
},
|
|
1604
2393
|
"value": "#FDD0EC",
|
|
1605
|
-
"filePath": "src/tokens/atlassian-light/
|
|
2394
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1606
2395
|
"isSource": true,
|
|
1607
2396
|
"original": {
|
|
1608
2397
|
"attributes": {
|
|
1609
2398
|
"group": "paint",
|
|
1610
|
-
"state": "
|
|
2399
|
+
"state": "deprecated",
|
|
2400
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
1611
2401
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1612
2402
|
},
|
|
1613
2403
|
"value": "M200"
|
|
@@ -1617,17 +2407,19 @@ var tokens = [{
|
|
|
1617
2407
|
}, {
|
|
1618
2408
|
"attributes": {
|
|
1619
2409
|
"group": "paint",
|
|
1620
|
-
"state": "
|
|
1621
|
-
"
|
|
2410
|
+
"state": "deprecated",
|
|
2411
|
+
"replacement": "color.background.accent.magenta.subtle",
|
|
2412
|
+
"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."
|
|
1622
2413
|
},
|
|
1623
2414
|
"value": "#E774BB",
|
|
1624
|
-
"filePath": "src/tokens/atlassian-light/
|
|
2415
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1625
2416
|
"isSource": true,
|
|
1626
2417
|
"original": {
|
|
1627
2418
|
"attributes": {
|
|
1628
2419
|
"group": "paint",
|
|
1629
|
-
"state": "
|
|
1630
|
-
"
|
|
2420
|
+
"state": "deprecated",
|
|
2421
|
+
"replacement": "color.background.accent.magenta.subtle",
|
|
2422
|
+
"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."
|
|
1631
2423
|
},
|
|
1632
2424
|
"value": "M400"
|
|
1633
2425
|
},
|
|
@@ -2749,7 +3541,7 @@ var tokens = [{
|
|
|
2749
3541
|
"attributes": {
|
|
2750
3542
|
"group": "paint",
|
|
2751
3543
|
"state": "deprecated",
|
|
2752
|
-
"replacement": "color.blanket",
|
|
3544
|
+
"replacement": "color.blanket.[default]",
|
|
2753
3545
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
2754
3546
|
},
|
|
2755
3547
|
"value": "#091E427A",
|
|
@@ -2759,7 +3551,7 @@ var tokens = [{
|
|
|
2759
3551
|
"attributes": {
|
|
2760
3552
|
"group": "paint",
|
|
2761
3553
|
"state": "deprecated",
|
|
2762
|
-
"replacement": "color.blanket",
|
|
3554
|
+
"replacement": "color.blanket.[default]",
|
|
2763
3555
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
2764
3556
|
},
|
|
2765
3557
|
"value": "N500A"
|
|
@@ -3707,8 +4499,46 @@ var tokens = [{
|
|
|
3707
4499
|
},
|
|
3708
4500
|
"value": "N500A"
|
|
3709
4501
|
},
|
|
3710
|
-
"name": "color.blanket",
|
|
3711
|
-
"path": ["color", "blanket"]
|
|
4502
|
+
"name": "color.blanket.[default]",
|
|
4503
|
+
"path": ["color", "blanket", "[default]"]
|
|
4504
|
+
}, {
|
|
4505
|
+
"attributes": {
|
|
4506
|
+
"group": "paint",
|
|
4507
|
+
"state": "active",
|
|
4508
|
+
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
4509
|
+
},
|
|
4510
|
+
"value": "#388BFFCC",
|
|
4511
|
+
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
4512
|
+
"isSource": true,
|
|
4513
|
+
"original": {
|
|
4514
|
+
"attributes": {
|
|
4515
|
+
"group": "paint",
|
|
4516
|
+
"state": "active",
|
|
4517
|
+
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
4518
|
+
},
|
|
4519
|
+
"value": "#388BFFCC"
|
|
4520
|
+
},
|
|
4521
|
+
"name": "color.blanket.selected",
|
|
4522
|
+
"path": ["color", "blanket", "selected"]
|
|
4523
|
+
}, {
|
|
4524
|
+
"attributes": {
|
|
4525
|
+
"group": "paint",
|
|
4526
|
+
"state": "active",
|
|
4527
|
+
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
4528
|
+
},
|
|
4529
|
+
"value": "#EF5C48CC",
|
|
4530
|
+
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
4531
|
+
"isSource": true,
|
|
4532
|
+
"original": {
|
|
4533
|
+
"attributes": {
|
|
4534
|
+
"group": "paint",
|
|
4535
|
+
"state": "active",
|
|
4536
|
+
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
4537
|
+
},
|
|
4538
|
+
"value": "#EF5C48CC"
|
|
4539
|
+
},
|
|
4540
|
+
"name": "color.blanket.danger",
|
|
4541
|
+
"path": ["color", "blanket", "danger"]
|
|
3712
4542
|
}, {
|
|
3713
4543
|
"attributes": {
|
|
3714
4544
|
"group": "paint",
|
|
@@ -3827,7 +4657,7 @@ var tokens = [{
|
|
|
3827
4657
|
"attributes": {
|
|
3828
4658
|
"group": "paint",
|
|
3829
4659
|
"state": "deprecated",
|
|
3830
|
-
"replacement": "color.background.accent.blue.
|
|
4660
|
+
"replacement": "color.background.accent.blue.bolder",
|
|
3831
4661
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3832
4662
|
},
|
|
3833
4663
|
"value": "#579DFF",
|
|
@@ -3837,7 +4667,7 @@ var tokens = [{
|
|
|
3837
4667
|
"attributes": {
|
|
3838
4668
|
"group": "paint",
|
|
3839
4669
|
"state": "deprecated",
|
|
3840
|
-
"replacement": "color.background.accent.blue.
|
|
4670
|
+
"replacement": "color.background.accent.blue.bolder",
|
|
3841
4671
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3842
4672
|
},
|
|
3843
4673
|
"value": "B400"
|
|
@@ -3848,7 +4678,7 @@ var tokens = [{
|
|
|
3848
4678
|
"attributes": {
|
|
3849
4679
|
"group": "paint",
|
|
3850
4680
|
"state": "deprecated",
|
|
3851
|
-
"replacement": "color.background.accent.green.
|
|
4681
|
+
"replacement": "color.background.accent.green.bolder",
|
|
3852
4682
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3853
4683
|
},
|
|
3854
4684
|
"value": "#4BCE97",
|
|
@@ -3858,7 +4688,7 @@ var tokens = [{
|
|
|
3858
4688
|
"attributes": {
|
|
3859
4689
|
"group": "paint",
|
|
3860
4690
|
"state": "deprecated",
|
|
3861
|
-
"replacement": "color.background.accent.green.
|
|
4691
|
+
"replacement": "color.background.accent.green.bolder",
|
|
3862
4692
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3863
4693
|
},
|
|
3864
4694
|
"value": "G400"
|
|
@@ -3869,7 +4699,7 @@ var tokens = [{
|
|
|
3869
4699
|
"attributes": {
|
|
3870
4700
|
"group": "paint",
|
|
3871
4701
|
"state": "deprecated",
|
|
3872
|
-
"replacement": "color.background.accent.orange.
|
|
4702
|
+
"replacement": "color.background.accent.orange.bolder",
|
|
3873
4703
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3874
4704
|
},
|
|
3875
4705
|
"value": "#FAA53D",
|
|
@@ -3879,7 +4709,7 @@ var tokens = [{
|
|
|
3879
4709
|
"attributes": {
|
|
3880
4710
|
"group": "paint",
|
|
3881
4711
|
"state": "deprecated",
|
|
3882
|
-
"replacement": "color.background.accent.orange.
|
|
4712
|
+
"replacement": "color.background.accent.orange.bolder",
|
|
3883
4713
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3884
4714
|
},
|
|
3885
4715
|
"value": "O400"
|
|
@@ -3890,7 +4720,7 @@ var tokens = [{
|
|
|
3890
4720
|
"attributes": {
|
|
3891
4721
|
"group": "paint",
|
|
3892
4722
|
"state": "deprecated",
|
|
3893
|
-
"replacement": "color.background.accent.purple.
|
|
4723
|
+
"replacement": "color.background.accent.purple.bolder",
|
|
3894
4724
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3895
4725
|
},
|
|
3896
4726
|
"value": "#9F8FEF",
|
|
@@ -3900,7 +4730,7 @@ var tokens = [{
|
|
|
3900
4730
|
"attributes": {
|
|
3901
4731
|
"group": "paint",
|
|
3902
4732
|
"state": "deprecated",
|
|
3903
|
-
"replacement": "color.background.accent.purple.
|
|
4733
|
+
"replacement": "color.background.accent.purple.bolder",
|
|
3904
4734
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3905
4735
|
},
|
|
3906
4736
|
"value": "P400"
|
|
@@ -3911,7 +4741,7 @@ var tokens = [{
|
|
|
3911
4741
|
"attributes": {
|
|
3912
4742
|
"group": "paint",
|
|
3913
4743
|
"state": "deprecated",
|
|
3914
|
-
"replacement": "color.background.accent.red.
|
|
4744
|
+
"replacement": "color.background.accent.red.bolder",
|
|
3915
4745
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3916
4746
|
},
|
|
3917
4747
|
"value": "#F87462",
|
|
@@ -3921,7 +4751,7 @@ var tokens = [{
|
|
|
3921
4751
|
"attributes": {
|
|
3922
4752
|
"group": "paint",
|
|
3923
4753
|
"state": "deprecated",
|
|
3924
|
-
"replacement": "color.background.accent.red.
|
|
4754
|
+
"replacement": "color.background.accent.red.bolder",
|
|
3925
4755
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3926
4756
|
},
|
|
3927
4757
|
"value": "R400"
|
|
@@ -3932,7 +4762,7 @@ var tokens = [{
|
|
|
3932
4762
|
"attributes": {
|
|
3933
4763
|
"group": "paint",
|
|
3934
4764
|
"state": "deprecated",
|
|
3935
|
-
"replacement": "color.background.accent.teal.
|
|
4765
|
+
"replacement": "color.background.accent.teal.bolder",
|
|
3936
4766
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3937
4767
|
},
|
|
3938
4768
|
"value": "#60C6D2",
|
|
@@ -3942,7 +4772,7 @@ var tokens = [{
|
|
|
3942
4772
|
"attributes": {
|
|
3943
4773
|
"group": "paint",
|
|
3944
4774
|
"state": "deprecated",
|
|
3945
|
-
"replacement": "color.background.accent.teal.
|
|
4775
|
+
"replacement": "color.background.accent.teal.bolder",
|
|
3946
4776
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3947
4777
|
},
|
|
3948
4778
|
"value": "T400"
|
|
@@ -3953,7 +4783,7 @@ var tokens = [{
|
|
|
3953
4783
|
"attributes": {
|
|
3954
4784
|
"group": "paint",
|
|
3955
4785
|
"state": "deprecated",
|
|
3956
|
-
"replacement": "color.background.accent.blue.
|
|
4786
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
3957
4787
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3958
4788
|
},
|
|
3959
4789
|
"value": "#CCE0FF",
|
|
@@ -3963,7 +4793,7 @@ var tokens = [{
|
|
|
3963
4793
|
"attributes": {
|
|
3964
4794
|
"group": "paint",
|
|
3965
4795
|
"state": "deprecated",
|
|
3966
|
-
"replacement": "color.background.accent.blue.
|
|
4796
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
3967
4797
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3968
4798
|
},
|
|
3969
4799
|
"value": "B200"
|
|
@@ -3974,7 +4804,7 @@ var tokens = [{
|
|
|
3974
4804
|
"attributes": {
|
|
3975
4805
|
"group": "paint",
|
|
3976
4806
|
"state": "deprecated",
|
|
3977
|
-
"replacement": "color.background.accent.green.
|
|
4807
|
+
"replacement": "color.background.accent.green.subtler",
|
|
3978
4808
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3979
4809
|
},
|
|
3980
4810
|
"value": "#BAF3DB",
|
|
@@ -3984,7 +4814,7 @@ var tokens = [{
|
|
|
3984
4814
|
"attributes": {
|
|
3985
4815
|
"group": "paint",
|
|
3986
4816
|
"state": "deprecated",
|
|
3987
|
-
"replacement": "color.background.accent.green.
|
|
4817
|
+
"replacement": "color.background.accent.green.subtler",
|
|
3988
4818
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3989
4819
|
},
|
|
3990
4820
|
"value": "G200"
|
|
@@ -3995,7 +4825,7 @@ var tokens = [{
|
|
|
3995
4825
|
"attributes": {
|
|
3996
4826
|
"group": "paint",
|
|
3997
4827
|
"state": "deprecated",
|
|
3998
|
-
"replacement": "color.background.accent.magenta.
|
|
4828
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
3999
4829
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4000
4830
|
},
|
|
4001
4831
|
"value": "#FDD0EC",
|
|
@@ -4005,7 +4835,7 @@ var tokens = [{
|
|
|
4005
4835
|
"attributes": {
|
|
4006
4836
|
"group": "paint",
|
|
4007
4837
|
"state": "deprecated",
|
|
4008
|
-
"replacement": "color.background.accent.magenta.
|
|
4838
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
4009
4839
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4010
4840
|
},
|
|
4011
4841
|
"value": "M200"
|
|
@@ -4016,7 +4846,7 @@ var tokens = [{
|
|
|
4016
4846
|
"attributes": {
|
|
4017
4847
|
"group": "paint",
|
|
4018
4848
|
"state": "deprecated",
|
|
4019
|
-
"replacement": "color.background.accent.orange.
|
|
4849
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
4020
4850
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4021
4851
|
},
|
|
4022
4852
|
"value": "#FFE2BD",
|
|
@@ -4026,7 +4856,7 @@ var tokens = [{
|
|
|
4026
4856
|
"attributes": {
|
|
4027
4857
|
"group": "paint",
|
|
4028
4858
|
"state": "deprecated",
|
|
4029
|
-
"replacement": "color.background.accent.orange.
|
|
4859
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
4030
4860
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4031
4861
|
},
|
|
4032
4862
|
"value": "O200"
|
|
@@ -4037,7 +4867,7 @@ var tokens = [{
|
|
|
4037
4867
|
"attributes": {
|
|
4038
4868
|
"group": "paint",
|
|
4039
4869
|
"state": "deprecated",
|
|
4040
|
-
"replacement": "color.background.accent.purple.
|
|
4870
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
4041
4871
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4042
4872
|
},
|
|
4043
4873
|
"value": "#DFD8FD",
|
|
@@ -4047,7 +4877,7 @@ var tokens = [{
|
|
|
4047
4877
|
"attributes": {
|
|
4048
4878
|
"group": "paint",
|
|
4049
4879
|
"state": "deprecated",
|
|
4050
|
-
"replacement": "color.background.accent.purple.
|
|
4880
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
4051
4881
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4052
4882
|
},
|
|
4053
4883
|
"value": "P200"
|
|
@@ -4058,7 +4888,7 @@ var tokens = [{
|
|
|
4058
4888
|
"attributes": {
|
|
4059
4889
|
"group": "paint",
|
|
4060
4890
|
"state": "deprecated",
|
|
4061
|
-
"replacement": "color.background.accent.red.
|
|
4891
|
+
"replacement": "color.background.accent.red.subtler",
|
|
4062
4892
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4063
4893
|
},
|
|
4064
4894
|
"value": "#FFD2CC",
|
|
@@ -4068,7 +4898,7 @@ var tokens = [{
|
|
|
4068
4898
|
"attributes": {
|
|
4069
4899
|
"group": "paint",
|
|
4070
4900
|
"state": "deprecated",
|
|
4071
|
-
"replacement": "color.background.accent.red.
|
|
4901
|
+
"replacement": "color.background.accent.red.subtler",
|
|
4072
4902
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4073
4903
|
},
|
|
4074
4904
|
"value": "R200"
|
|
@@ -4079,7 +4909,7 @@ var tokens = [{
|
|
|
4079
4909
|
"attributes": {
|
|
4080
4910
|
"group": "paint",
|
|
4081
4911
|
"state": "deprecated",
|
|
4082
|
-
"replacement": "color.background.accent.teal.
|
|
4912
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
4083
4913
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4084
4914
|
},
|
|
4085
4915
|
"value": "#C1F0F5",
|
|
@@ -4089,7 +4919,7 @@ var tokens = [{
|
|
|
4089
4919
|
"attributes": {
|
|
4090
4920
|
"group": "paint",
|
|
4091
4921
|
"state": "deprecated",
|
|
4092
|
-
"replacement": "color.background.accent.teal.
|
|
4922
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
4093
4923
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4094
4924
|
},
|
|
4095
4925
|
"value": "T200"
|
|
@@ -4476,7 +5306,7 @@ var tokens = [{
|
|
|
4476
5306
|
"state": "active",
|
|
4477
5307
|
"description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
|
|
4478
5308
|
},
|
|
4479
|
-
"value": "#
|
|
5309
|
+
"value": "#F7F8F9",
|
|
4480
5310
|
"filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
|
|
4481
5311
|
"isSource": true,
|
|
4482
5312
|
"original": {
|
|
@@ -4485,7 +5315,7 @@ var tokens = [{
|
|
|
4485
5315
|
"state": "active",
|
|
4486
5316
|
"description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
|
|
4487
5317
|
},
|
|
4488
|
-
"value": "
|
|
5318
|
+
"value": "N100"
|
|
4489
5319
|
},
|
|
4490
5320
|
"name": "elevation.surface.sunken",
|
|
4491
5321
|
"path": ["elevation", "surface", "sunken"]
|