@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": "B300"
|
|
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": "#CCE0FF",
|
|
29
|
+
"filePath": "src/tokens/atlassian-dark/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": "B200"
|
|
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": "R300"
|
|
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": "#FFD2CC",
|
|
67
|
+
"filePath": "src/tokens/atlassian-dark/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": "R200"
|
|
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": "O300"
|
|
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": "#FFE2BD",
|
|
105
|
+
"filePath": "src/tokens/atlassian-dark/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": "O200"
|
|
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": "Y300"
|
|
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": "#F8E6A0",
|
|
143
|
+
"filePath": "src/tokens/atlassian-dark/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": "Y200"
|
|
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": "G300"
|
|
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": "#BAF3DB",
|
|
181
|
+
"filePath": "src/tokens/atlassian-dark/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": "G200"
|
|
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": "P300"
|
|
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": "#DFD8FD",
|
|
219
|
+
"filePath": "src/tokens/atlassian-dark/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": "P200"
|
|
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": "T300"
|
|
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": "#C1F0F5",
|
|
257
|
+
"filePath": "src/tokens/atlassian-dark/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": "T200"
|
|
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": "M300"
|
|
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": "#FDD0EC",
|
|
295
|
+
"filePath": "src/tokens/atlassian-dark/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": "M200"
|
|
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": "#388BFF",
|
|
936
1088
|
"filePath": "src/tokens/atlassian-dark/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": "B500"
|
|
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": "#EF5C48",
|
|
955
1107
|
"filePath": "src/tokens/atlassian-dark/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": "R500"
|
|
964
1116
|
},
|
|
@@ -1333,237 +1485,736 @@ const tokens = [{
|
|
|
1333
1485
|
"attributes": {
|
|
1334
1486
|
"group": "paint",
|
|
1335
1487
|
"state": "active",
|
|
1336
|
-
"description": "Use for blue backgrounds when there is no meaning tied to the color
|
|
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."
|
|
1337
1489
|
},
|
|
1338
|
-
"value": "#
|
|
1490
|
+
"value": "#082145",
|
|
1339
1491
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1340
1492
|
"isSource": true,
|
|
1341
1493
|
"original": {
|
|
1342
1494
|
"attributes": {
|
|
1343
1495
|
"group": "paint",
|
|
1344
1496
|
"state": "active",
|
|
1345
|
-
"description": "Use for blue backgrounds when there is no meaning tied to the color
|
|
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."
|
|
1346
1498
|
},
|
|
1347
|
-
"value": "
|
|
1499
|
+
"value": "B1000"
|
|
1348
1500
|
},
|
|
1349
|
-
"name": "color.background.accent.blue.
|
|
1350
|
-
"path": ["color", "background", "accent", "blue", "
|
|
1501
|
+
"name": "color.background.accent.blue.subtlest",
|
|
1502
|
+
"path": ["color", "background", "accent", "blue", "subtlest"]
|
|
1351
1503
|
}, {
|
|
1352
1504
|
"attributes": {
|
|
1353
1505
|
"group": "paint",
|
|
1354
1506
|
"state": "active",
|
|
1355
|
-
"description": "Use for
|
|
1507
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1356
1508
|
},
|
|
1357
|
-
"value": "#
|
|
1509
|
+
"value": "#09326C",
|
|
1358
1510
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1359
1511
|
"isSource": true,
|
|
1360
1512
|
"original": {
|
|
1361
1513
|
"attributes": {
|
|
1362
1514
|
"group": "paint",
|
|
1363
1515
|
"state": "active",
|
|
1364
|
-
"description": "Use for
|
|
1516
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1365
1517
|
},
|
|
1366
|
-
"value": "
|
|
1518
|
+
"value": "B900"
|
|
1367
1519
|
},
|
|
1368
|
-
"name": "color.background.accent.blue.
|
|
1369
|
-
"path": ["color", "background", "accent", "blue", "
|
|
1520
|
+
"name": "color.background.accent.blue.subtler",
|
|
1521
|
+
"path": ["color", "background", "accent", "blue", "subtler"]
|
|
1370
1522
|
}, {
|
|
1371
1523
|
"attributes": {
|
|
1372
1524
|
"group": "paint",
|
|
1373
1525
|
"state": "active",
|
|
1374
|
-
"description": "Use for
|
|
1526
|
+
"description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1375
1527
|
},
|
|
1376
|
-
"value": "#
|
|
1528
|
+
"value": "#0055CC",
|
|
1377
1529
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1378
1530
|
"isSource": true,
|
|
1379
1531
|
"original": {
|
|
1380
1532
|
"attributes": {
|
|
1381
1533
|
"group": "paint",
|
|
1382
1534
|
"state": "active",
|
|
1383
|
-
"description": "Use for
|
|
1535
|
+
"description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1384
1536
|
},
|
|
1385
|
-
"value": "
|
|
1537
|
+
"value": "B800"
|
|
1386
1538
|
},
|
|
1387
|
-
"name": "color.background.accent.
|
|
1388
|
-
"path": ["color", "background", "accent", "
|
|
1539
|
+
"name": "color.background.accent.blue.subtle",
|
|
1540
|
+
"path": ["color", "background", "accent", "blue", "subtle"]
|
|
1389
1541
|
}, {
|
|
1390
1542
|
"attributes": {
|
|
1391
1543
|
"group": "paint",
|
|
1392
1544
|
"state": "active",
|
|
1393
|
-
"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."
|
|
1394
1546
|
},
|
|
1395
|
-
"value": "#
|
|
1547
|
+
"value": "#579DFF",
|
|
1396
1548
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1397
1549
|
"isSource": true,
|
|
1398
1550
|
"original": {
|
|
1399
1551
|
"attributes": {
|
|
1400
1552
|
"group": "paint",
|
|
1401
1553
|
"state": "active",
|
|
1402
|
-
"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."
|
|
1403
1555
|
},
|
|
1404
|
-
"value": "
|
|
1556
|
+
"value": "B400"
|
|
1405
1557
|
},
|
|
1406
|
-
"name": "color.background.accent.
|
|
1407
|
-
"path": ["color", "background", "accent", "
|
|
1558
|
+
"name": "color.background.accent.blue.bolder",
|
|
1559
|
+
"path": ["color", "background", "accent", "blue", "bolder"]
|
|
1408
1560
|
}, {
|
|
1409
1561
|
"attributes": {
|
|
1410
1562
|
"group": "paint",
|
|
1411
|
-
"state": "
|
|
1412
|
-
"
|
|
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."
|
|
1413
1566
|
},
|
|
1414
|
-
"value": "#
|
|
1415
|
-
"filePath": "src/tokens/atlassian-dark/
|
|
1567
|
+
"value": "#09326C",
|
|
1568
|
+
"filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
|
|
1416
1569
|
"isSource": true,
|
|
1417
1570
|
"original": {
|
|
1418
1571
|
"attributes": {
|
|
1419
1572
|
"group": "paint",
|
|
1420
|
-
"state": "
|
|
1421
|
-
"
|
|
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."
|
|
1422
1576
|
},
|
|
1423
|
-
"value": "
|
|
1577
|
+
"value": "B900"
|
|
1424
1578
|
},
|
|
1425
|
-
"name": "color.background.accent.
|
|
1426
|
-
"path": ["color", "background", "accent", "
|
|
1579
|
+
"name": "color.background.accent.blue.[default]",
|
|
1580
|
+
"path": ["color", "background", "accent", "blue", "[default]"]
|
|
1427
1581
|
}, {
|
|
1428
1582
|
"attributes": {
|
|
1429
1583
|
"group": "paint",
|
|
1430
|
-
"state": "
|
|
1431
|
-
"
|
|
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."
|
|
1432
1587
|
},
|
|
1433
|
-
"value": "#
|
|
1434
|
-
"filePath": "src/tokens/atlassian-dark/
|
|
1588
|
+
"value": "#0C66E4",
|
|
1589
|
+
"filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
|
|
1435
1590
|
"isSource": true,
|
|
1436
1591
|
"original": {
|
|
1437
1592
|
"attributes": {
|
|
1438
1593
|
"group": "paint",
|
|
1439
|
-
"state": "
|
|
1440
|
-
"
|
|
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."
|
|
1441
1597
|
},
|
|
1442
|
-
"value": "
|
|
1598
|
+
"value": "B700"
|
|
1443
1599
|
},
|
|
1444
|
-
"name": "color.background.accent.
|
|
1445
|
-
"path": ["color", "background", "accent", "
|
|
1600
|
+
"name": "color.background.accent.blue.bold",
|
|
1601
|
+
"path": ["color", "background", "accent", "blue", "bold"]
|
|
1446
1602
|
}, {
|
|
1447
1603
|
"attributes": {
|
|
1448
1604
|
"group": "paint",
|
|
1449
1605
|
"state": "active",
|
|
1450
|
-
"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."
|
|
1451
1607
|
},
|
|
1452
|
-
"value": "#
|
|
1608
|
+
"value": "#391813",
|
|
1453
1609
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1454
1610
|
"isSource": true,
|
|
1455
1611
|
"original": {
|
|
1456
1612
|
"attributes": {
|
|
1457
1613
|
"group": "paint",
|
|
1458
1614
|
"state": "active",
|
|
1459
|
-
"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."
|
|
1460
1616
|
},
|
|
1461
|
-
"value": "
|
|
1617
|
+
"value": "R1000"
|
|
1462
1618
|
},
|
|
1463
|
-
"name": "color.background.accent.
|
|
1464
|
-
"path": ["color", "background", "accent", "
|
|
1619
|
+
"name": "color.background.accent.red.subtlest",
|
|
1620
|
+
"path": ["color", "background", "accent", "red", "subtlest"]
|
|
1465
1621
|
}, {
|
|
1466
1622
|
"attributes": {
|
|
1467
1623
|
"group": "paint",
|
|
1468
1624
|
"state": "active",
|
|
1469
|
-
"description": "Use for
|
|
1625
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1470
1626
|
},
|
|
1471
|
-
"value": "#
|
|
1627
|
+
"value": "#601E16",
|
|
1472
1628
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1473
1629
|
"isSource": true,
|
|
1474
1630
|
"original": {
|
|
1475
1631
|
"attributes": {
|
|
1476
1632
|
"group": "paint",
|
|
1477
1633
|
"state": "active",
|
|
1478
|
-
"description": "Use for
|
|
1634
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1479
1635
|
},
|
|
1480
|
-
"value": "
|
|
1636
|
+
"value": "R900"
|
|
1481
1637
|
},
|
|
1482
|
-
"name": "color.background.accent.
|
|
1483
|
-
"path": ["color", "background", "accent", "
|
|
1638
|
+
"name": "color.background.accent.red.subtler",
|
|
1639
|
+
"path": ["color", "background", "accent", "red", "subtler"]
|
|
1484
1640
|
}, {
|
|
1485
1641
|
"attributes": {
|
|
1486
1642
|
"group": "paint",
|
|
1487
1643
|
"state": "active",
|
|
1488
|
-
"description": "Use for
|
|
1644
|
+
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1489
1645
|
},
|
|
1490
|
-
"value": "#
|
|
1646
|
+
"value": "#AE2A19",
|
|
1491
1647
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1492
1648
|
"isSource": true,
|
|
1493
1649
|
"original": {
|
|
1494
1650
|
"attributes": {
|
|
1495
1651
|
"group": "paint",
|
|
1496
1652
|
"state": "active",
|
|
1497
|
-
"description": "Use for
|
|
1653
|
+
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1498
1654
|
},
|
|
1499
|
-
"value": "
|
|
1655
|
+
"value": "R800"
|
|
1500
1656
|
},
|
|
1501
|
-
"name": "color.background.accent.
|
|
1502
|
-
"path": ["color", "background", "accent", "
|
|
1657
|
+
"name": "color.background.accent.red.subtle",
|
|
1658
|
+
"path": ["color", "background", "accent", "red", "subtle"]
|
|
1503
1659
|
}, {
|
|
1504
1660
|
"attributes": {
|
|
1505
1661
|
"group": "paint",
|
|
1506
1662
|
"state": "active",
|
|
1507
|
-
"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."
|
|
1508
1664
|
},
|
|
1509
|
-
"value": "#
|
|
1665
|
+
"value": "#F87462",
|
|
1510
1666
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1511
1667
|
"isSource": true,
|
|
1512
1668
|
"original": {
|
|
1513
1669
|
"attributes": {
|
|
1514
1670
|
"group": "paint",
|
|
1515
1671
|
"state": "active",
|
|
1516
|
-
"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."
|
|
1517
1673
|
},
|
|
1518
|
-
"value": "
|
|
1674
|
+
"value": "R400"
|
|
1519
1675
|
},
|
|
1520
|
-
"name": "color.background.accent.
|
|
1521
|
-
"path": ["color", "background", "accent", "
|
|
1676
|
+
"name": "color.background.accent.red.bolder",
|
|
1677
|
+
"path": ["color", "background", "accent", "red", "bolder"]
|
|
1522
1678
|
}, {
|
|
1523
1679
|
"attributes": {
|
|
1524
1680
|
"group": "paint",
|
|
1525
|
-
"state": "
|
|
1526
|
-
"
|
|
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."
|
|
1527
1684
|
},
|
|
1528
|
-
"value": "#
|
|
1529
|
-
"filePath": "src/tokens/atlassian-dark/
|
|
1685
|
+
"value": "#601E16",
|
|
1686
|
+
"filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
|
|
1530
1687
|
"isSource": true,
|
|
1531
1688
|
"original": {
|
|
1532
1689
|
"attributes": {
|
|
1533
1690
|
"group": "paint",
|
|
1534
|
-
"state": "
|
|
1535
|
-
"
|
|
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."
|
|
1536
1694
|
},
|
|
1537
|
-
"value": "
|
|
1695
|
+
"value": "R900"
|
|
1538
1696
|
},
|
|
1539
|
-
"name": "color.background.accent.
|
|
1540
|
-
"path": ["color", "background", "accent", "
|
|
1697
|
+
"name": "color.background.accent.red.[default]",
|
|
1698
|
+
"path": ["color", "background", "accent", "red", "[default]"]
|
|
1541
1699
|
}, {
|
|
1542
1700
|
"attributes": {
|
|
1543
1701
|
"group": "paint",
|
|
1544
|
-
"state": "
|
|
1545
|
-
"
|
|
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."
|
|
1546
1705
|
},
|
|
1547
|
-
"value": "#
|
|
1548
|
-
"filePath": "src/tokens/atlassian-dark/
|
|
1706
|
+
"value": "#CA3521",
|
|
1707
|
+
"filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
|
|
1549
1708
|
"isSource": true,
|
|
1550
1709
|
"original": {
|
|
1551
1710
|
"attributes": {
|
|
1552
1711
|
"group": "paint",
|
|
1553
|
-
"state": "
|
|
1554
|
-
"
|
|
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."
|
|
1555
1715
|
},
|
|
1556
|
-
"value": "
|
|
1716
|
+
"value": "R700"
|
|
1557
1717
|
},
|
|
1558
|
-
"name": "color.background.accent.
|
|
1559
|
-
"path": ["color", "background", "accent", "
|
|
1718
|
+
"name": "color.background.accent.red.bold",
|
|
1719
|
+
"path": ["color", "background", "accent", "red", "bold"]
|
|
1560
1720
|
}, {
|
|
1561
1721
|
"attributes": {
|
|
1562
1722
|
"group": "paint",
|
|
1563
1723
|
"state": "active",
|
|
1564
|
-
"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."
|
|
1565
1725
|
},
|
|
1566
|
-
"value": "#
|
|
1726
|
+
"value": "#43290F",
|
|
1727
|
+
"filePath": "src/tokens/atlassian-dark/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": "O1000"
|
|
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": "#5F3811",
|
|
1746
|
+
"filePath": "src/tokens/atlassian-dark/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": "O900"
|
|
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": "#974F0C",
|
|
1765
|
+
"filePath": "src/tokens/atlassian-dark/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": "O800"
|
|
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": "#FAA53D",
|
|
1784
|
+
"filePath": "src/tokens/atlassian-dark/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": "O400"
|
|
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": "#5F3811",
|
|
1804
|
+
"filePath": "src/tokens/atlassian-dark/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": "O900"
|
|
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": "#B65C02",
|
|
1825
|
+
"filePath": "src/tokens/atlassian-dark/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": "O700"
|
|
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": "#3D2E00",
|
|
1845
|
+
"filePath": "src/tokens/atlassian-dark/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": "Y1000"
|
|
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": "#533F04",
|
|
1864
|
+
"filePath": "src/tokens/atlassian-dark/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": "Y900"
|
|
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": "#7F5F01",
|
|
1883
|
+
"filePath": "src/tokens/atlassian-dark/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": "Y800"
|
|
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": "#E2B203",
|
|
1902
|
+
"filePath": "src/tokens/atlassian-dark/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": "Y400"
|
|
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": "#533F04",
|
|
1922
|
+
"filePath": "src/tokens/atlassian-dark/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": "Y900"
|
|
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": "#946F00",
|
|
1943
|
+
"filePath": "src/tokens/atlassian-dark/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": "Y700"
|
|
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": "#133527",
|
|
1963
|
+
"filePath": "src/tokens/atlassian-dark/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": "G1000"
|
|
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": "#164B35",
|
|
1982
|
+
"filePath": "src/tokens/atlassian-dark/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": "G900"
|
|
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": "#216E4E",
|
|
2001
|
+
"filePath": "src/tokens/atlassian-dark/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": "G800"
|
|
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": "#4BCE97",
|
|
2020
|
+
"filePath": "src/tokens/atlassian-dark/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": "G400"
|
|
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": "#164B35",
|
|
2040
|
+
"filePath": "src/tokens/atlassian-dark/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": "G900"
|
|
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": "#1F845A",
|
|
2061
|
+
"filePath": "src/tokens/atlassian-dark/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": "G700"
|
|
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": "#153337",
|
|
2081
|
+
"filePath": "src/tokens/atlassian-dark/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": "T1000"
|
|
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": "#1D474C",
|
|
2100
|
+
"filePath": "src/tokens/atlassian-dark/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": "T900"
|
|
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": "#206B74",
|
|
2119
|
+
"filePath": "src/tokens/atlassian-dark/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": "T800"
|
|
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": "#60C6D2",
|
|
2138
|
+
"filePath": "src/tokens/atlassian-dark/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": "T400"
|
|
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": "#1D474C",
|
|
2158
|
+
"filePath": "src/tokens/atlassian-dark/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": "T900"
|
|
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": "#1D7F8C",
|
|
2179
|
+
"filePath": "src/tokens/atlassian-dark/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": "T700"
|
|
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": "#231C3F",
|
|
2199
|
+
"filePath": "src/tokens/atlassian-dark/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": "P1000"
|
|
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": "#352C63",
|
|
1567
2218
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1568
2219
|
"isSource": true,
|
|
1569
2220
|
"original": {
|
|
@@ -1574,15 +2225,15 @@ const tokens = [{
|
|
|
1574
2225
|
},
|
|
1575
2226
|
"value": "P900"
|
|
1576
2227
|
},
|
|
1577
|
-
"name": "color.background.accent.purple.
|
|
1578
|
-
"path": ["color", "background", "accent", "purple", "
|
|
2228
|
+
"name": "color.background.accent.purple.subtler",
|
|
2229
|
+
"path": ["color", "background", "accent", "purple", "subtler"]
|
|
1579
2230
|
}, {
|
|
1580
2231
|
"attributes": {
|
|
1581
2232
|
"group": "paint",
|
|
1582
2233
|
"state": "active",
|
|
1583
2234
|
"description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1584
2235
|
},
|
|
1585
|
-
"value": "#
|
|
2236
|
+
"value": "#5E4DB2",
|
|
1586
2237
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1587
2238
|
"isSource": true,
|
|
1588
2239
|
"original": {
|
|
@@ -1591,10 +2242,90 @@ const tokens = [{
|
|
|
1591
2242
|
"state": "active",
|
|
1592
2243
|
"description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1593
2244
|
},
|
|
2245
|
+
"value": "P800"
|
|
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": "#9F8FEF",
|
|
2256
|
+
"filePath": "src/tokens/atlassian-dark/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": "P400"
|
|
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": "#352C63",
|
|
2276
|
+
"filePath": "src/tokens/atlassian-dark/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": "P900"
|
|
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": "#6E5DC6",
|
|
2297
|
+
"filePath": "src/tokens/atlassian-dark/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
|
+
},
|
|
1594
2306
|
"value": "P700"
|
|
1595
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": "#341829",
|
|
2317
|
+
"filePath": "src/tokens/atlassian-dark/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": "M1000"
|
|
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,15 +2343,15 @@ const tokens = [{
|
|
|
1612
2343
|
},
|
|
1613
2344
|
"value": "M900"
|
|
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",
|
|
1620
2351
|
"state": "active",
|
|
1621
2352
|
"description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1622
2353
|
},
|
|
1623
|
-
"value": "#
|
|
2354
|
+
"value": "#943D73",
|
|
1624
2355
|
"filePath": "src/tokens/atlassian-dark/color/accent.tsx",
|
|
1625
2356
|
"isSource": true,
|
|
1626
2357
|
"original": {
|
|
@@ -1629,6 +2360,67 @@ const tokens = [{
|
|
|
1629
2360
|
"state": "active",
|
|
1630
2361
|
"description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1631
2362
|
},
|
|
2363
|
+
"value": "M800"
|
|
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": "#E774BB",
|
|
2374
|
+
"filePath": "src/tokens/atlassian-dark/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": "M400"
|
|
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": "#50253F",
|
|
2394
|
+
"filePath": "src/tokens/atlassian-dark/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": "M900"
|
|
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": "#AE4787",
|
|
2415
|
+
"filePath": "src/tokens/atlassian-dark/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
|
+
},
|
|
1632
2424
|
"value": "M700"
|
|
1633
2425
|
},
|
|
1634
2426
|
"name": "color.background.accent.magenta.bold",
|
|
@@ -1963,7 +2755,7 @@ const tokens = [{
|
|
|
1963
2755
|
"replacement": "color.background.selected.[default].[default]",
|
|
1964
2756
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
1965
2757
|
},
|
|
1966
|
-
"value": "#
|
|
2758
|
+
"value": "#082145",
|
|
1967
2759
|
"filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
|
|
1968
2760
|
"isSource": true,
|
|
1969
2761
|
"original": {
|
|
@@ -1973,7 +2765,7 @@ const tokens = [{
|
|
|
1973
2765
|
"replacement": "color.background.selected.[default].[default]",
|
|
1974
2766
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
1975
2767
|
},
|
|
1976
|
-
"value": "
|
|
2768
|
+
"value": "B1000"
|
|
1977
2769
|
},
|
|
1978
2770
|
"name": "color.background.brand.[default].[default]",
|
|
1979
2771
|
"path": ["color", "background", "brand", "[default]", "[default]"]
|
|
@@ -1984,7 +2776,7 @@ const tokens = [{
|
|
|
1984
2776
|
"replacement": "color.background.selected.[default].hovered",
|
|
1985
2777
|
"description": "Hovered state for color.background.brand"
|
|
1986
2778
|
},
|
|
1987
|
-
"value": "#
|
|
2779
|
+
"value": "#09326C",
|
|
1988
2780
|
"filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
|
|
1989
2781
|
"isSource": true,
|
|
1990
2782
|
"original": {
|
|
@@ -1994,7 +2786,7 @@ const tokens = [{
|
|
|
1994
2786
|
"replacement": "color.background.selected.[default].hovered",
|
|
1995
2787
|
"description": "Hovered state for color.background.brand"
|
|
1996
2788
|
},
|
|
1997
|
-
"value": "
|
|
2789
|
+
"value": "B900"
|
|
1998
2790
|
},
|
|
1999
2791
|
"name": "color.background.brand.[default].hovered",
|
|
2000
2792
|
"path": ["color", "background", "brand", "[default]", "hovered"]
|
|
@@ -2005,7 +2797,7 @@ const tokens = [{
|
|
|
2005
2797
|
"replacement": "color.background.selected.[default].pressed",
|
|
2006
2798
|
"description": "Pressed state for color.background.brand"
|
|
2007
2799
|
},
|
|
2008
|
-
"value": "#
|
|
2800
|
+
"value": "#0055CC",
|
|
2009
2801
|
"filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
|
|
2010
2802
|
"isSource": true,
|
|
2011
2803
|
"original": {
|
|
@@ -2015,7 +2807,7 @@ const tokens = [{
|
|
|
2015
2807
|
"replacement": "color.background.selected.[default].pressed",
|
|
2016
2808
|
"description": "Pressed state for color.background.brand"
|
|
2017
2809
|
},
|
|
2018
|
-
"value": "
|
|
2810
|
+
"value": "B800"
|
|
2019
2811
|
},
|
|
2020
2812
|
"name": "color.background.brand.[default].pressed",
|
|
2021
2813
|
"path": ["color", "background", "brand", "[default]", "pressed"]
|
|
@@ -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": "#0C66E4",
|
|
@@ -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": "B700"
|
|
@@ -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": "#1F845A",
|
|
@@ -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": "G700"
|
|
@@ -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": "#B65C02",
|
|
@@ -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": "O700"
|
|
@@ -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": "#6E5DC6",
|
|
@@ -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": "P700"
|
|
@@ -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": "#CA3521",
|
|
@@ -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": "R700"
|
|
@@ -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": "#1D7F8C",
|
|
@@ -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": "T700"
|
|
@@ -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": "#09326C",
|
|
@@ -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": "B900"
|
|
@@ -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": "#164B35",
|
|
@@ -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": "G900"
|
|
@@ -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": "#50253F",
|
|
@@ -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": "M900"
|
|
@@ -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": "#5F3811",
|
|
@@ -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": "O900"
|
|
@@ -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": "#352C63",
|
|
@@ -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": "P900"
|
|
@@ -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": "#601E16",
|
|
@@ -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": "R900"
|
|
@@ -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": "#1D474C",
|
|
@@ -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": "T900"
|