@atlaskit/tokens 0.6.3 → 0.7.0
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 +26 -0
- package/css/atlassian-dark.css +43 -3
- package/css/atlassian-light.css +40 -0
- package/dist/cjs/artifacts/rename-mapping.js +77 -13
- package/dist/cjs/artifacts/token-default-values.js +40 -0
- package/dist/cjs/artifacts/token-names.js +40 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +936 -144
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +922 -130
- 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/deprecated/deprecated.js +69 -3
- package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
- package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +66 -0
- package/dist/cjs/tokens/default/color/accent.js +234 -50
- package/dist/cjs/tokens/default/deprecated/deprecated.js +159 -13
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/rename-mapping.js +77 -13
- package/dist/es2019/artifacts/token-default-values.js +40 -0
- package/dist/es2019/artifacts/token-names.js +40 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +936 -144
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +922 -130
- 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/deprecated/deprecated.js +69 -3
- package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
- package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +66 -0
- package/dist/es2019/tokens/default/color/accent.js +234 -50
- package/dist/es2019/tokens/default/deprecated/deprecated.js +159 -13
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/rename-mapping.js +77 -13
- package/dist/esm/artifacts/token-default-values.js +40 -0
- package/dist/esm/artifacts/token-names.js +40 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +936 -144
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +922 -130
- 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/deprecated/deprecated.js +69 -3
- package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
- package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +66 -0
- package/dist/esm/tokens/default/color/accent.js +234 -50
- package/dist/esm/tokens/default/deprecated/deprecated.js +159 -13
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +40 -0
- package/dist/types/artifacts/token-names.d.ts +80 -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 +98 -24
- package/package.json +1 -1
|
@@ -17,8 +17,27 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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 @@ const 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
|
},
|
|
@@ -1329,6 +1481,25 @@ const tokens = [{
|
|
|
1329
1481
|
},
|
|
1330
1482
|
"name": "color.border.neutral",
|
|
1331
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"]
|
|
1332
1503
|
}, {
|
|
1333
1504
|
"attributes": {
|
|
1334
1505
|
"group": "paint",
|
|
@@ -1346,8 +1517,8 @@ const tokens = [{
|
|
|
1346
1517
|
},
|
|
1347
1518
|
"value": "B200"
|
|
1348
1519
|
},
|
|
1349
|
-
"name": "color.background.accent.blue.
|
|
1350
|
-
"path": ["color", "background", "accent", "blue", "
|
|
1520
|
+
"name": "color.background.accent.blue.subtler",
|
|
1521
|
+
"path": ["color", "background", "accent", "blue", "subtler"]
|
|
1351
1522
|
}, {
|
|
1352
1523
|
"attributes": {
|
|
1353
1524
|
"group": "paint",
|
|
@@ -1365,217 +1536,697 @@ const tokens = [{
|
|
|
1365
1536
|
},
|
|
1366
1537
|
"value": "B400"
|
|
1367
1538
|
},
|
|
1368
|
-
"name": "color.background.accent.blue.
|
|
1369
|
-
"path": ["color", "background", "accent", "blue", "
|
|
1539
|
+
"name": "color.background.accent.blue.subtle",
|
|
1540
|
+
"path": ["color", "background", "accent", "blue", "subtle"]
|
|
1370
1541
|
}, {
|
|
1371
1542
|
"attributes": {
|
|
1372
1543
|
"group": "paint",
|
|
1373
1544
|
"state": "active",
|
|
1374
|
-
"description": "Use for
|
|
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."
|
|
1375
1546
|
},
|
|
1376
|
-
"value": "#
|
|
1547
|
+
"value": "#0C66E4",
|
|
1377
1548
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1378
1549
|
"isSource": true,
|
|
1379
1550
|
"original": {
|
|
1380
1551
|
"attributes": {
|
|
1381
1552
|
"group": "paint",
|
|
1382
1553
|
"state": "active",
|
|
1383
|
-
"description": "Use for
|
|
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."
|
|
1384
1555
|
},
|
|
1385
|
-
"value": "
|
|
1556
|
+
"value": "B700"
|
|
1386
1557
|
},
|
|
1387
|
-
"name": "color.background.accent.
|
|
1388
|
-
"path": ["color", "background", "accent", "
|
|
1558
|
+
"name": "color.background.accent.blue.bolder",
|
|
1559
|
+
"path": ["color", "background", "accent", "blue", "bolder"]
|
|
1389
1560
|
}, {
|
|
1390
1561
|
"attributes": {
|
|
1391
1562
|
"group": "paint",
|
|
1392
|
-
"state": "
|
|
1393
|
-
"
|
|
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."
|
|
1394
1566
|
},
|
|
1395
|
-
"value": "#
|
|
1396
|
-
"filePath": "src/tokens/atlassian-light/
|
|
1567
|
+
"value": "#CCE0FF",
|
|
1568
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1397
1569
|
"isSource": true,
|
|
1398
1570
|
"original": {
|
|
1399
1571
|
"attributes": {
|
|
1400
1572
|
"group": "paint",
|
|
1401
|
-
"state": "
|
|
1402
|
-
"
|
|
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."
|
|
1403
1576
|
},
|
|
1404
|
-
"value": "
|
|
1577
|
+
"value": "B200"
|
|
1405
1578
|
},
|
|
1406
|
-
"name": "color.background.accent.
|
|
1407
|
-
"path": ["color", "background", "accent", "
|
|
1579
|
+
"name": "color.background.accent.blue.[default]",
|
|
1580
|
+
"path": ["color", "background", "accent", "blue", "[default]"]
|
|
1408
1581
|
}, {
|
|
1409
1582
|
"attributes": {
|
|
1410
1583
|
"group": "paint",
|
|
1411
|
-
"state": "
|
|
1412
|
-
"
|
|
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."
|
|
1413
1587
|
},
|
|
1414
|
-
"value": "#
|
|
1415
|
-
"filePath": "src/tokens/atlassian-light/
|
|
1588
|
+
"value": "#579DFF",
|
|
1589
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1416
1590
|
"isSource": true,
|
|
1417
1591
|
"original": {
|
|
1418
1592
|
"attributes": {
|
|
1419
1593
|
"group": "paint",
|
|
1420
|
-
"state": "
|
|
1421
|
-
"
|
|
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."
|
|
1422
1597
|
},
|
|
1423
|
-
"value": "
|
|
1598
|
+
"value": "B400"
|
|
1424
1599
|
},
|
|
1425
|
-
"name": "color.background.accent.
|
|
1426
|
-
"path": ["color", "background", "accent", "
|
|
1600
|
+
"name": "color.background.accent.blue.bold",
|
|
1601
|
+
"path": ["color", "background", "accent", "blue", "bold"]
|
|
1427
1602
|
}, {
|
|
1428
1603
|
"attributes": {
|
|
1429
1604
|
"group": "paint",
|
|
1430
1605
|
"state": "active",
|
|
1431
|
-
"description": "Use for
|
|
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."
|
|
1432
1607
|
},
|
|
1433
|
-
"value": "#
|
|
1608
|
+
"value": "#FFEDEB",
|
|
1434
1609
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1435
1610
|
"isSource": true,
|
|
1436
1611
|
"original": {
|
|
1437
1612
|
"attributes": {
|
|
1438
1613
|
"group": "paint",
|
|
1439
1614
|
"state": "active",
|
|
1440
|
-
"description": "Use for
|
|
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."
|
|
1441
1616
|
},
|
|
1442
|
-
"value": "
|
|
1617
|
+
"value": "R100"
|
|
1443
1618
|
},
|
|
1444
|
-
"name": "color.background.accent.
|
|
1445
|
-
"path": ["color", "background", "accent", "
|
|
1619
|
+
"name": "color.background.accent.red.subtlest",
|
|
1620
|
+
"path": ["color", "background", "accent", "red", "subtlest"]
|
|
1446
1621
|
}, {
|
|
1447
1622
|
"attributes": {
|
|
1448
1623
|
"group": "paint",
|
|
1449
1624
|
"state": "active",
|
|
1450
|
-
"description": "Use for
|
|
1625
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1451
1626
|
},
|
|
1452
|
-
"value": "#
|
|
1627
|
+
"value": "#FFD2CC",
|
|
1453
1628
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1454
1629
|
"isSource": true,
|
|
1455
1630
|
"original": {
|
|
1456
1631
|
"attributes": {
|
|
1457
1632
|
"group": "paint",
|
|
1458
1633
|
"state": "active",
|
|
1459
|
-
"description": "Use for
|
|
1634
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1460
1635
|
},
|
|
1461
|
-
"value": "
|
|
1636
|
+
"value": "R200"
|
|
1462
1637
|
},
|
|
1463
|
-
"name": "color.background.accent.
|
|
1464
|
-
"path": ["color", "background", "accent", "
|
|
1638
|
+
"name": "color.background.accent.red.subtler",
|
|
1639
|
+
"path": ["color", "background", "accent", "red", "subtler"]
|
|
1465
1640
|
}, {
|
|
1466
1641
|
"attributes": {
|
|
1467
1642
|
"group": "paint",
|
|
1468
1643
|
"state": "active",
|
|
1469
|
-
"description": "Use for vibrant
|
|
1644
|
+
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1470
1645
|
},
|
|
1471
|
-
"value": "#
|
|
1646
|
+
"value": "#F87462",
|
|
1472
1647
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1473
1648
|
"isSource": true,
|
|
1474
1649
|
"original": {
|
|
1475
1650
|
"attributes": {
|
|
1476
1651
|
"group": "paint",
|
|
1477
1652
|
"state": "active",
|
|
1478
|
-
"description": "Use for vibrant
|
|
1653
|
+
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1479
1654
|
},
|
|
1480
|
-
"value": "
|
|
1655
|
+
"value": "R400"
|
|
1481
1656
|
},
|
|
1482
|
-
"name": "color.background.accent.
|
|
1483
|
-
"path": ["color", "background", "accent", "
|
|
1657
|
+
"name": "color.background.accent.red.subtle",
|
|
1658
|
+
"path": ["color", "background", "accent", "red", "subtle"]
|
|
1484
1659
|
}, {
|
|
1485
1660
|
"attributes": {
|
|
1486
1661
|
"group": "paint",
|
|
1487
1662
|
"state": "active",
|
|
1488
|
-
"description": "Use for
|
|
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."
|
|
1489
1664
|
},
|
|
1490
|
-
"value": "#
|
|
1665
|
+
"value": "#CA3521",
|
|
1491
1666
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1492
1667
|
"isSource": true,
|
|
1493
1668
|
"original": {
|
|
1494
1669
|
"attributes": {
|
|
1495
1670
|
"group": "paint",
|
|
1496
1671
|
"state": "active",
|
|
1497
|
-
"description": "Use for
|
|
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."
|
|
1498
1673
|
},
|
|
1499
|
-
"value": "
|
|
1674
|
+
"value": "R700"
|
|
1500
1675
|
},
|
|
1501
|
-
"name": "color.background.accent.
|
|
1502
|
-
"path": ["color", "background", "accent", "
|
|
1676
|
+
"name": "color.background.accent.red.bolder",
|
|
1677
|
+
"path": ["color", "background", "accent", "red", "bolder"]
|
|
1503
1678
|
}, {
|
|
1504
1679
|
"attributes": {
|
|
1505
1680
|
"group": "paint",
|
|
1506
|
-
"state": "
|
|
1507
|
-
"
|
|
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."
|
|
1508
1684
|
},
|
|
1509
|
-
"value": "#
|
|
1510
|
-
"filePath": "src/tokens/atlassian-light/
|
|
1685
|
+
"value": "#FFD2CC",
|
|
1686
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1511
1687
|
"isSource": true,
|
|
1512
1688
|
"original": {
|
|
1513
1689
|
"attributes": {
|
|
1514
1690
|
"group": "paint",
|
|
1515
|
-
"state": "
|
|
1516
|
-
"
|
|
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."
|
|
1517
1694
|
},
|
|
1518
|
-
"value": "
|
|
1695
|
+
"value": "R200"
|
|
1519
1696
|
},
|
|
1520
|
-
"name": "color.background.accent.
|
|
1521
|
-
"path": ["color", "background", "accent", "
|
|
1697
|
+
"name": "color.background.accent.red.[default]",
|
|
1698
|
+
"path": ["color", "background", "accent", "red", "[default]"]
|
|
1522
1699
|
}, {
|
|
1523
1700
|
"attributes": {
|
|
1524
1701
|
"group": "paint",
|
|
1525
|
-
"state": "
|
|
1526
|
-
"
|
|
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."
|
|
1527
1705
|
},
|
|
1528
|
-
"value": "#
|
|
1529
|
-
"filePath": "src/tokens/atlassian-light/
|
|
1706
|
+
"value": "#F87462",
|
|
1707
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1530
1708
|
"isSource": true,
|
|
1531
1709
|
"original": {
|
|
1532
1710
|
"attributes": {
|
|
1533
1711
|
"group": "paint",
|
|
1534
|
-
"state": "
|
|
1535
|
-
"
|
|
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."
|
|
1536
1715
|
},
|
|
1537
|
-
"value": "
|
|
1716
|
+
"value": "R400"
|
|
1538
1717
|
},
|
|
1539
|
-
"name": "color.background.accent.
|
|
1540
|
-
"path": ["color", "background", "accent", "
|
|
1718
|
+
"name": "color.background.accent.red.bold",
|
|
1719
|
+
"path": ["color", "background", "accent", "red", "bold"]
|
|
1541
1720
|
}, {
|
|
1542
1721
|
"attributes": {
|
|
1543
1722
|
"group": "paint",
|
|
1544
1723
|
"state": "active",
|
|
1545
|
-
"description": "Use for
|
|
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."
|
|
1546
1725
|
},
|
|
1547
|
-
"value": "#
|
|
1726
|
+
"value": "#FFF4E5",
|
|
1548
1727
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1549
1728
|
"isSource": true,
|
|
1550
1729
|
"original": {
|
|
1551
1730
|
"attributes": {
|
|
1552
1731
|
"group": "paint",
|
|
1553
1732
|
"state": "active",
|
|
1554
|
-
"description": "Use for
|
|
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."
|
|
1555
1734
|
},
|
|
1556
|
-
"value": "
|
|
1735
|
+
"value": "O100"
|
|
1557
1736
|
},
|
|
1558
|
-
"name": "color.background.accent.
|
|
1559
|
-
"path": ["color", "background", "accent", "
|
|
1737
|
+
"name": "color.background.accent.orange.subtlest",
|
|
1738
|
+
"path": ["color", "background", "accent", "orange", "subtlest"]
|
|
1560
1739
|
}, {
|
|
1561
1740
|
"attributes": {
|
|
1562
1741
|
"group": "paint",
|
|
1563
1742
|
"state": "active",
|
|
1564
|
-
"description": "Use for
|
|
1743
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1565
1744
|
},
|
|
1566
|
-
"value": "#
|
|
1745
|
+
"value": "#FFE2BD",
|
|
1567
1746
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1568
1747
|
"isSource": true,
|
|
1569
1748
|
"original": {
|
|
1570
1749
|
"attributes": {
|
|
1571
1750
|
"group": "paint",
|
|
1572
1751
|
"state": "active",
|
|
1573
|
-
"description": "Use for
|
|
1752
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1574
1753
|
},
|
|
1575
|
-
"value": "
|
|
1754
|
+
"value": "O200"
|
|
1576
1755
|
},
|
|
1577
|
-
"name": "color.background.accent.
|
|
1578
|
-
"path": ["color", "background", "accent", "
|
|
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."
|
|
2008
|
+
},
|
|
2009
|
+
"value": "G400"
|
|
2010
|
+
},
|
|
2011
|
+
"name": "color.background.accent.green.subtle",
|
|
2012
|
+
"path": ["color", "background", "accent", "green", "subtle"]
|
|
2013
|
+
}, {
|
|
2014
|
+
"attributes": {
|
|
2015
|
+
"group": "paint",
|
|
2016
|
+
"state": "active",
|
|
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."
|
|
2018
|
+
},
|
|
2019
|
+
"value": "#1F845A",
|
|
2020
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2021
|
+
"isSource": true,
|
|
2022
|
+
"original": {
|
|
2023
|
+
"attributes": {
|
|
2024
|
+
"group": "paint",
|
|
2025
|
+
"state": "active",
|
|
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."
|
|
2027
|
+
},
|
|
2028
|
+
"value": "G700"
|
|
2029
|
+
},
|
|
2030
|
+
"name": "color.background.accent.green.bolder",
|
|
2031
|
+
"path": ["color", "background", "accent", "green", "bolder"]
|
|
2032
|
+
}, {
|
|
2033
|
+
"attributes": {
|
|
2034
|
+
"group": "paint",
|
|
2035
|
+
"state": "deprecated",
|
|
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."
|
|
2038
|
+
},
|
|
2039
|
+
"value": "#BAF3DB",
|
|
2040
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2041
|
+
"isSource": true,
|
|
2042
|
+
"original": {
|
|
2043
|
+
"attributes": {
|
|
2044
|
+
"group": "paint",
|
|
2045
|
+
"state": "deprecated",
|
|
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."
|
|
2048
|
+
},
|
|
2049
|
+
"value": "G200"
|
|
2050
|
+
},
|
|
2051
|
+
"name": "color.background.accent.green.[default]",
|
|
2052
|
+
"path": ["color", "background", "accent", "green", "[default]"]
|
|
2053
|
+
}, {
|
|
2054
|
+
"attributes": {
|
|
2055
|
+
"group": "paint",
|
|
2056
|
+
"state": "deprecated",
|
|
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."
|
|
2059
|
+
},
|
|
2060
|
+
"value": "#4BCE97",
|
|
2061
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2062
|
+
"isSource": true,
|
|
2063
|
+
"original": {
|
|
2064
|
+
"attributes": {
|
|
2065
|
+
"group": "paint",
|
|
2066
|
+
"state": "deprecated",
|
|
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."
|
|
2069
|
+
},
|
|
2070
|
+
"value": "G400"
|
|
2071
|
+
},
|
|
2072
|
+
"name": "color.background.accent.green.bold",
|
|
2073
|
+
"path": ["color", "background", "accent", "green", "bold"]
|
|
2074
|
+
}, {
|
|
2075
|
+
"attributes": {
|
|
2076
|
+
"group": "paint",
|
|
2077
|
+
"state": "active",
|
|
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."
|
|
2079
|
+
},
|
|
2080
|
+
"value": "#E3FAFC",
|
|
2081
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2082
|
+
"isSource": true,
|
|
2083
|
+
"original": {
|
|
2084
|
+
"attributes": {
|
|
2085
|
+
"group": "paint",
|
|
2086
|
+
"state": "active",
|
|
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."
|
|
2088
|
+
},
|
|
2089
|
+
"value": "T100"
|
|
2090
|
+
},
|
|
2091
|
+
"name": "color.background.accent.teal.subtlest",
|
|
2092
|
+
"path": ["color", "background", "accent", "teal", "subtlest"]
|
|
2093
|
+
}, {
|
|
2094
|
+
"attributes": {
|
|
2095
|
+
"group": "paint",
|
|
2096
|
+
"state": "active",
|
|
2097
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2098
|
+
},
|
|
2099
|
+
"value": "#C1F0F5",
|
|
2100
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2101
|
+
"isSource": true,
|
|
2102
|
+
"original": {
|
|
2103
|
+
"attributes": {
|
|
2104
|
+
"group": "paint",
|
|
2105
|
+
"state": "active",
|
|
2106
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2107
|
+
},
|
|
2108
|
+
"value": "T200"
|
|
2109
|
+
},
|
|
2110
|
+
"name": "color.background.accent.teal.subtler",
|
|
2111
|
+
"path": ["color", "background", "accent", "teal", "subtler"]
|
|
2112
|
+
}, {
|
|
2113
|
+
"attributes": {
|
|
2114
|
+
"group": "paint",
|
|
2115
|
+
"state": "active",
|
|
2116
|
+
"description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2117
|
+
},
|
|
2118
|
+
"value": "#60C6D2",
|
|
2119
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2120
|
+
"isSource": true,
|
|
2121
|
+
"original": {
|
|
2122
|
+
"attributes": {
|
|
2123
|
+
"group": "paint",
|
|
2124
|
+
"state": "active",
|
|
2125
|
+
"description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2126
|
+
},
|
|
2127
|
+
"value": "T400"
|
|
2128
|
+
},
|
|
2129
|
+
"name": "color.background.accent.teal.subtle",
|
|
2130
|
+
"path": ["color", "background", "accent", "teal", "subtle"]
|
|
2131
|
+
}, {
|
|
2132
|
+
"attributes": {
|
|
2133
|
+
"group": "paint",
|
|
2134
|
+
"state": "active",
|
|
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."
|
|
2136
|
+
},
|
|
2137
|
+
"value": "#1D7F8C",
|
|
2138
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2139
|
+
"isSource": true,
|
|
2140
|
+
"original": {
|
|
2141
|
+
"attributes": {
|
|
2142
|
+
"group": "paint",
|
|
2143
|
+
"state": "active",
|
|
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."
|
|
2145
|
+
},
|
|
2146
|
+
"value": "T700"
|
|
2147
|
+
},
|
|
2148
|
+
"name": "color.background.accent.teal.bolder",
|
|
2149
|
+
"path": ["color", "background", "accent", "teal", "bolder"]
|
|
2150
|
+
}, {
|
|
2151
|
+
"attributes": {
|
|
2152
|
+
"group": "paint",
|
|
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."
|
|
2156
|
+
},
|
|
2157
|
+
"value": "#C1F0F5",
|
|
2158
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2159
|
+
"isSource": true,
|
|
2160
|
+
"original": {
|
|
2161
|
+
"attributes": {
|
|
2162
|
+
"group": "paint",
|
|
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."
|
|
2166
|
+
},
|
|
2167
|
+
"value": "T200"
|
|
2168
|
+
},
|
|
2169
|
+
"name": "color.background.accent.teal.[default]",
|
|
2170
|
+
"path": ["color", "background", "accent", "teal", "[default]"]
|
|
2171
|
+
}, {
|
|
2172
|
+
"attributes": {
|
|
2173
|
+
"group": "paint",
|
|
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."
|
|
2177
|
+
},
|
|
2178
|
+
"value": "#60C6D2",
|
|
2179
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2180
|
+
"isSource": true,
|
|
2181
|
+
"original": {
|
|
2182
|
+
"attributes": {
|
|
2183
|
+
"group": "paint",
|
|
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."
|
|
2187
|
+
},
|
|
2188
|
+
"value": "T400"
|
|
2189
|
+
},
|
|
2190
|
+
"name": "color.background.accent.teal.bold",
|
|
2191
|
+
"path": ["color", "background", "accent", "teal", "bold"]
|
|
2192
|
+
}, {
|
|
2193
|
+
"attributes": {
|
|
2194
|
+
"group": "paint",
|
|
2195
|
+
"state": "active",
|
|
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."
|
|
2197
|
+
},
|
|
2198
|
+
"value": "#F3F0FF",
|
|
2199
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2200
|
+
"isSource": true,
|
|
2201
|
+
"original": {
|
|
2202
|
+
"attributes": {
|
|
2203
|
+
"group": "paint",
|
|
2204
|
+
"state": "active",
|
|
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."
|
|
2206
|
+
},
|
|
2207
|
+
"value": "P100"
|
|
2208
|
+
},
|
|
2209
|
+
"name": "color.background.accent.purple.subtlest",
|
|
2210
|
+
"path": ["color", "background", "accent", "purple", "subtlest"]
|
|
2211
|
+
}, {
|
|
2212
|
+
"attributes": {
|
|
2213
|
+
"group": "paint",
|
|
2214
|
+
"state": "active",
|
|
2215
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2216
|
+
},
|
|
2217
|
+
"value": "#DFD8FD",
|
|
2218
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2219
|
+
"isSource": true,
|
|
2220
|
+
"original": {
|
|
2221
|
+
"attributes": {
|
|
2222
|
+
"group": "paint",
|
|
2223
|
+
"state": "active",
|
|
2224
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2225
|
+
},
|
|
2226
|
+
"value": "P200"
|
|
2227
|
+
},
|
|
2228
|
+
"name": "color.background.accent.purple.subtler",
|
|
2229
|
+
"path": ["color", "background", "accent", "purple", "subtler"]
|
|
1579
2230
|
}, {
|
|
1580
2231
|
"attributes": {
|
|
1581
2232
|
"group": "paint",
|
|
@@ -1593,8 +2244,88 @@ const tokens = [{
|
|
|
1593
2244
|
},
|
|
1594
2245
|
"value": "P400"
|
|
1595
2246
|
},
|
|
2247
|
+
"name": "color.background.accent.purple.subtle",
|
|
2248
|
+
"path": ["color", "background", "accent", "purple", "subtle"]
|
|
2249
|
+
}, {
|
|
2250
|
+
"attributes": {
|
|
2251
|
+
"group": "paint",
|
|
2252
|
+
"state": "active",
|
|
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."
|
|
2254
|
+
},
|
|
2255
|
+
"value": "#6E5DC6",
|
|
2256
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2257
|
+
"isSource": true,
|
|
2258
|
+
"original": {
|
|
2259
|
+
"attributes": {
|
|
2260
|
+
"group": "paint",
|
|
2261
|
+
"state": "active",
|
|
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."
|
|
2263
|
+
},
|
|
2264
|
+
"value": "P700"
|
|
2265
|
+
},
|
|
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
|
+
},
|
|
1596
2308
|
"name": "color.background.accent.purple.bold",
|
|
1597
2309
|
"path": ["color", "background", "accent", "purple", "bold"]
|
|
2310
|
+
}, {
|
|
2311
|
+
"attributes": {
|
|
2312
|
+
"group": "paint",
|
|
2313
|
+
"state": "active",
|
|
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."
|
|
2315
|
+
},
|
|
2316
|
+
"value": "#FFECF8",
|
|
2317
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2318
|
+
"isSource": true,
|
|
2319
|
+
"original": {
|
|
2320
|
+
"attributes": {
|
|
2321
|
+
"group": "paint",
|
|
2322
|
+
"state": "active",
|
|
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."
|
|
2324
|
+
},
|
|
2325
|
+
"value": "M100"
|
|
2326
|
+
},
|
|
2327
|
+
"name": "color.background.accent.magenta.subtlest",
|
|
2328
|
+
"path": ["color", "background", "accent", "magenta", "subtlest"]
|
|
1598
2329
|
}, {
|
|
1599
2330
|
"attributes": {
|
|
1600
2331
|
"group": "paint",
|
|
@@ -1612,8 +2343,8 @@ const tokens = [{
|
|
|
1612
2343
|
},
|
|
1613
2344
|
"value": "M200"
|
|
1614
2345
|
},
|
|
1615
|
-
"name": "color.background.accent.magenta.
|
|
1616
|
-
"path": ["color", "background", "accent", "magenta", "
|
|
2346
|
+
"name": "color.background.accent.magenta.subtler",
|
|
2347
|
+
"path": ["color", "background", "accent", "magenta", "subtler"]
|
|
1617
2348
|
}, {
|
|
1618
2349
|
"attributes": {
|
|
1619
2350
|
"group": "paint",
|
|
@@ -1631,6 +2362,67 @@ const tokens = [{
|
|
|
1631
2362
|
},
|
|
1632
2363
|
"value": "M400"
|
|
1633
2364
|
},
|
|
2365
|
+
"name": "color.background.accent.magenta.subtle",
|
|
2366
|
+
"path": ["color", "background", "accent", "magenta", "subtle"]
|
|
2367
|
+
}, {
|
|
2368
|
+
"attributes": {
|
|
2369
|
+
"group": "paint",
|
|
2370
|
+
"state": "active",
|
|
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."
|
|
2372
|
+
},
|
|
2373
|
+
"value": "#AE4787",
|
|
2374
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2375
|
+
"isSource": true,
|
|
2376
|
+
"original": {
|
|
2377
|
+
"attributes": {
|
|
2378
|
+
"group": "paint",
|
|
2379
|
+
"state": "active",
|
|
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."
|
|
2381
|
+
},
|
|
2382
|
+
"value": "M700"
|
|
2383
|
+
},
|
|
2384
|
+
"name": "color.background.accent.magenta.bolder",
|
|
2385
|
+
"path": ["color", "background", "accent", "magenta", "bolder"]
|
|
2386
|
+
}, {
|
|
2387
|
+
"attributes": {
|
|
2388
|
+
"group": "paint",
|
|
2389
|
+
"state": "deprecated",
|
|
2390
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
2391
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2392
|
+
},
|
|
2393
|
+
"value": "#FDD0EC",
|
|
2394
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2395
|
+
"isSource": true,
|
|
2396
|
+
"original": {
|
|
2397
|
+
"attributes": {
|
|
2398
|
+
"group": "paint",
|
|
2399
|
+
"state": "deprecated",
|
|
2400
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
2401
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2402
|
+
},
|
|
2403
|
+
"value": "M200"
|
|
2404
|
+
},
|
|
2405
|
+
"name": "color.background.accent.magenta.[default]",
|
|
2406
|
+
"path": ["color", "background", "accent", "magenta", "[default]"]
|
|
2407
|
+
}, {
|
|
2408
|
+
"attributes": {
|
|
2409
|
+
"group": "paint",
|
|
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."
|
|
2413
|
+
},
|
|
2414
|
+
"value": "#E774BB",
|
|
2415
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2416
|
+
"isSource": true,
|
|
2417
|
+
"original": {
|
|
2418
|
+
"attributes": {
|
|
2419
|
+
"group": "paint",
|
|
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."
|
|
2423
|
+
},
|
|
2424
|
+
"value": "M400"
|
|
2425
|
+
},
|
|
1634
2426
|
"name": "color.background.accent.magenta.bold",
|
|
1635
2427
|
"path": ["color", "background", "accent", "magenta", "bold"]
|
|
1636
2428
|
}, {
|
|
@@ -3827,7 +4619,7 @@ const tokens = [{
|
|
|
3827
4619
|
"attributes": {
|
|
3828
4620
|
"group": "paint",
|
|
3829
4621
|
"state": "deprecated",
|
|
3830
|
-
"replacement": "color.background.accent.blue.
|
|
4622
|
+
"replacement": "color.background.accent.blue.bolder",
|
|
3831
4623
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3832
4624
|
},
|
|
3833
4625
|
"value": "#579DFF",
|
|
@@ -3837,7 +4629,7 @@ const tokens = [{
|
|
|
3837
4629
|
"attributes": {
|
|
3838
4630
|
"group": "paint",
|
|
3839
4631
|
"state": "deprecated",
|
|
3840
|
-
"replacement": "color.background.accent.blue.
|
|
4632
|
+
"replacement": "color.background.accent.blue.bolder",
|
|
3841
4633
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3842
4634
|
},
|
|
3843
4635
|
"value": "B400"
|
|
@@ -3848,7 +4640,7 @@ const tokens = [{
|
|
|
3848
4640
|
"attributes": {
|
|
3849
4641
|
"group": "paint",
|
|
3850
4642
|
"state": "deprecated",
|
|
3851
|
-
"replacement": "color.background.accent.green.
|
|
4643
|
+
"replacement": "color.background.accent.green.bolder",
|
|
3852
4644
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3853
4645
|
},
|
|
3854
4646
|
"value": "#4BCE97",
|
|
@@ -3858,7 +4650,7 @@ const tokens = [{
|
|
|
3858
4650
|
"attributes": {
|
|
3859
4651
|
"group": "paint",
|
|
3860
4652
|
"state": "deprecated",
|
|
3861
|
-
"replacement": "color.background.accent.green.
|
|
4653
|
+
"replacement": "color.background.accent.green.bolder",
|
|
3862
4654
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3863
4655
|
},
|
|
3864
4656
|
"value": "G400"
|
|
@@ -3869,7 +4661,7 @@ const tokens = [{
|
|
|
3869
4661
|
"attributes": {
|
|
3870
4662
|
"group": "paint",
|
|
3871
4663
|
"state": "deprecated",
|
|
3872
|
-
"replacement": "color.background.accent.orange.
|
|
4664
|
+
"replacement": "color.background.accent.orange.bolder",
|
|
3873
4665
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3874
4666
|
},
|
|
3875
4667
|
"value": "#FAA53D",
|
|
@@ -3879,7 +4671,7 @@ const tokens = [{
|
|
|
3879
4671
|
"attributes": {
|
|
3880
4672
|
"group": "paint",
|
|
3881
4673
|
"state": "deprecated",
|
|
3882
|
-
"replacement": "color.background.accent.orange.
|
|
4674
|
+
"replacement": "color.background.accent.orange.bolder",
|
|
3883
4675
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3884
4676
|
},
|
|
3885
4677
|
"value": "O400"
|
|
@@ -3890,7 +4682,7 @@ const tokens = [{
|
|
|
3890
4682
|
"attributes": {
|
|
3891
4683
|
"group": "paint",
|
|
3892
4684
|
"state": "deprecated",
|
|
3893
|
-
"replacement": "color.background.accent.purple.
|
|
4685
|
+
"replacement": "color.background.accent.purple.bolder",
|
|
3894
4686
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3895
4687
|
},
|
|
3896
4688
|
"value": "#9F8FEF",
|
|
@@ -3900,7 +4692,7 @@ const tokens = [{
|
|
|
3900
4692
|
"attributes": {
|
|
3901
4693
|
"group": "paint",
|
|
3902
4694
|
"state": "deprecated",
|
|
3903
|
-
"replacement": "color.background.accent.purple.
|
|
4695
|
+
"replacement": "color.background.accent.purple.bolder",
|
|
3904
4696
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3905
4697
|
},
|
|
3906
4698
|
"value": "P400"
|
|
@@ -3911,7 +4703,7 @@ const tokens = [{
|
|
|
3911
4703
|
"attributes": {
|
|
3912
4704
|
"group": "paint",
|
|
3913
4705
|
"state": "deprecated",
|
|
3914
|
-
"replacement": "color.background.accent.red.
|
|
4706
|
+
"replacement": "color.background.accent.red.bolder",
|
|
3915
4707
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3916
4708
|
},
|
|
3917
4709
|
"value": "#F87462",
|
|
@@ -3921,7 +4713,7 @@ const tokens = [{
|
|
|
3921
4713
|
"attributes": {
|
|
3922
4714
|
"group": "paint",
|
|
3923
4715
|
"state": "deprecated",
|
|
3924
|
-
"replacement": "color.background.accent.red.
|
|
4716
|
+
"replacement": "color.background.accent.red.bolder",
|
|
3925
4717
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3926
4718
|
},
|
|
3927
4719
|
"value": "R400"
|
|
@@ -3932,7 +4724,7 @@ const tokens = [{
|
|
|
3932
4724
|
"attributes": {
|
|
3933
4725
|
"group": "paint",
|
|
3934
4726
|
"state": "deprecated",
|
|
3935
|
-
"replacement": "color.background.accent.teal.
|
|
4727
|
+
"replacement": "color.background.accent.teal.bolder",
|
|
3936
4728
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3937
4729
|
},
|
|
3938
4730
|
"value": "#60C6D2",
|
|
@@ -3942,7 +4734,7 @@ const tokens = [{
|
|
|
3942
4734
|
"attributes": {
|
|
3943
4735
|
"group": "paint",
|
|
3944
4736
|
"state": "deprecated",
|
|
3945
|
-
"replacement": "color.background.accent.teal.
|
|
4737
|
+
"replacement": "color.background.accent.teal.bolder",
|
|
3946
4738
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3947
4739
|
},
|
|
3948
4740
|
"value": "T400"
|
|
@@ -3953,7 +4745,7 @@ const tokens = [{
|
|
|
3953
4745
|
"attributes": {
|
|
3954
4746
|
"group": "paint",
|
|
3955
4747
|
"state": "deprecated",
|
|
3956
|
-
"replacement": "color.background.accent.blue.
|
|
4748
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
3957
4749
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3958
4750
|
},
|
|
3959
4751
|
"value": "#CCE0FF",
|
|
@@ -3963,7 +4755,7 @@ const tokens = [{
|
|
|
3963
4755
|
"attributes": {
|
|
3964
4756
|
"group": "paint",
|
|
3965
4757
|
"state": "deprecated",
|
|
3966
|
-
"replacement": "color.background.accent.blue.
|
|
4758
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
3967
4759
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3968
4760
|
},
|
|
3969
4761
|
"value": "B200"
|
|
@@ -3974,7 +4766,7 @@ const tokens = [{
|
|
|
3974
4766
|
"attributes": {
|
|
3975
4767
|
"group": "paint",
|
|
3976
4768
|
"state": "deprecated",
|
|
3977
|
-
"replacement": "color.background.accent.green.
|
|
4769
|
+
"replacement": "color.background.accent.green.subtler",
|
|
3978
4770
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3979
4771
|
},
|
|
3980
4772
|
"value": "#BAF3DB",
|
|
@@ -3984,7 +4776,7 @@ const tokens = [{
|
|
|
3984
4776
|
"attributes": {
|
|
3985
4777
|
"group": "paint",
|
|
3986
4778
|
"state": "deprecated",
|
|
3987
|
-
"replacement": "color.background.accent.green.
|
|
4779
|
+
"replacement": "color.background.accent.green.subtler",
|
|
3988
4780
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3989
4781
|
},
|
|
3990
4782
|
"value": "G200"
|
|
@@ -3995,7 +4787,7 @@ const tokens = [{
|
|
|
3995
4787
|
"attributes": {
|
|
3996
4788
|
"group": "paint",
|
|
3997
4789
|
"state": "deprecated",
|
|
3998
|
-
"replacement": "color.background.accent.magenta.
|
|
4790
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
3999
4791
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4000
4792
|
},
|
|
4001
4793
|
"value": "#FDD0EC",
|
|
@@ -4005,7 +4797,7 @@ const tokens = [{
|
|
|
4005
4797
|
"attributes": {
|
|
4006
4798
|
"group": "paint",
|
|
4007
4799
|
"state": "deprecated",
|
|
4008
|
-
"replacement": "color.background.accent.magenta.
|
|
4800
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
4009
4801
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4010
4802
|
},
|
|
4011
4803
|
"value": "M200"
|
|
@@ -4016,7 +4808,7 @@ const tokens = [{
|
|
|
4016
4808
|
"attributes": {
|
|
4017
4809
|
"group": "paint",
|
|
4018
4810
|
"state": "deprecated",
|
|
4019
|
-
"replacement": "color.background.accent.orange.
|
|
4811
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
4020
4812
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4021
4813
|
},
|
|
4022
4814
|
"value": "#FFE2BD",
|
|
@@ -4026,7 +4818,7 @@ const tokens = [{
|
|
|
4026
4818
|
"attributes": {
|
|
4027
4819
|
"group": "paint",
|
|
4028
4820
|
"state": "deprecated",
|
|
4029
|
-
"replacement": "color.background.accent.orange.
|
|
4821
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
4030
4822
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4031
4823
|
},
|
|
4032
4824
|
"value": "O200"
|
|
@@ -4037,7 +4829,7 @@ const tokens = [{
|
|
|
4037
4829
|
"attributes": {
|
|
4038
4830
|
"group": "paint",
|
|
4039
4831
|
"state": "deprecated",
|
|
4040
|
-
"replacement": "color.background.accent.purple.
|
|
4832
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
4041
4833
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4042
4834
|
},
|
|
4043
4835
|
"value": "#DFD8FD",
|
|
@@ -4047,7 +4839,7 @@ const tokens = [{
|
|
|
4047
4839
|
"attributes": {
|
|
4048
4840
|
"group": "paint",
|
|
4049
4841
|
"state": "deprecated",
|
|
4050
|
-
"replacement": "color.background.accent.purple.
|
|
4842
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
4051
4843
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4052
4844
|
},
|
|
4053
4845
|
"value": "P200"
|
|
@@ -4058,7 +4850,7 @@ const tokens = [{
|
|
|
4058
4850
|
"attributes": {
|
|
4059
4851
|
"group": "paint",
|
|
4060
4852
|
"state": "deprecated",
|
|
4061
|
-
"replacement": "color.background.accent.red.
|
|
4853
|
+
"replacement": "color.background.accent.red.subtler",
|
|
4062
4854
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4063
4855
|
},
|
|
4064
4856
|
"value": "#FFD2CC",
|
|
@@ -4068,7 +4860,7 @@ const tokens = [{
|
|
|
4068
4860
|
"attributes": {
|
|
4069
4861
|
"group": "paint",
|
|
4070
4862
|
"state": "deprecated",
|
|
4071
|
-
"replacement": "color.background.accent.red.
|
|
4863
|
+
"replacement": "color.background.accent.red.subtler",
|
|
4072
4864
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4073
4865
|
},
|
|
4074
4866
|
"value": "R200"
|
|
@@ -4079,7 +4871,7 @@ const tokens = [{
|
|
|
4079
4871
|
"attributes": {
|
|
4080
4872
|
"group": "paint",
|
|
4081
4873
|
"state": "deprecated",
|
|
4082
|
-
"replacement": "color.background.accent.teal.
|
|
4874
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
4083
4875
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4084
4876
|
},
|
|
4085
4877
|
"value": "#C1F0F5",
|
|
@@ -4089,7 +4881,7 @@ const tokens = [{
|
|
|
4089
4881
|
"attributes": {
|
|
4090
4882
|
"group": "paint",
|
|
4091
4883
|
"state": "deprecated",
|
|
4092
|
-
"replacement": "color.background.accent.teal.
|
|
4884
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
4093
4885
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4094
4886
|
},
|
|
4095
4887
|
"value": "T200"
|