@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
|
@@ -23,8 +23,27 @@ var tokens = [{
|
|
|
23
23
|
},
|
|
24
24
|
"value": "B800"
|
|
25
25
|
},
|
|
26
|
-
"name": "color.text.accent.blue",
|
|
27
|
-
"path": ["color", "text", "accent", "blue"]
|
|
26
|
+
"name": "color.text.accent.blue.[default]",
|
|
27
|
+
"path": ["color", "text", "accent", "blue", "[default]"]
|
|
28
|
+
}, {
|
|
29
|
+
"attributes": {
|
|
30
|
+
"group": "paint",
|
|
31
|
+
"state": "active",
|
|
32
|
+
"description": "Use on bold blue accent backgrounds."
|
|
33
|
+
},
|
|
34
|
+
"value": "#09326C",
|
|
35
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
36
|
+
"isSource": true,
|
|
37
|
+
"original": {
|
|
38
|
+
"attributes": {
|
|
39
|
+
"group": "paint",
|
|
40
|
+
"state": "active",
|
|
41
|
+
"description": "Use on bold blue accent backgrounds."
|
|
42
|
+
},
|
|
43
|
+
"value": "B900"
|
|
44
|
+
},
|
|
45
|
+
"name": "color.text.accent.blue.bolder",
|
|
46
|
+
"path": ["color", "text", "accent", "blue", "bolder"]
|
|
28
47
|
}, {
|
|
29
48
|
"attributes": {
|
|
30
49
|
"group": "paint",
|
|
@@ -42,8 +61,27 @@ var tokens = [{
|
|
|
42
61
|
},
|
|
43
62
|
"value": "R800"
|
|
44
63
|
},
|
|
45
|
-
"name": "color.text.accent.red",
|
|
46
|
-
"path": ["color", "text", "accent", "red"]
|
|
64
|
+
"name": "color.text.accent.red.[default]",
|
|
65
|
+
"path": ["color", "text", "accent", "red", "[default]"]
|
|
66
|
+
}, {
|
|
67
|
+
"attributes": {
|
|
68
|
+
"group": "paint",
|
|
69
|
+
"state": "active",
|
|
70
|
+
"description": "Use on bold red accent backgrounds."
|
|
71
|
+
},
|
|
72
|
+
"value": "#601E16",
|
|
73
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
74
|
+
"isSource": true,
|
|
75
|
+
"original": {
|
|
76
|
+
"attributes": {
|
|
77
|
+
"group": "paint",
|
|
78
|
+
"state": "active",
|
|
79
|
+
"description": "Use on bold red accent backgrounds."
|
|
80
|
+
},
|
|
81
|
+
"value": "R900"
|
|
82
|
+
},
|
|
83
|
+
"name": "color.text.accent.red.bolder",
|
|
84
|
+
"path": ["color", "text", "accent", "red", "bolder"]
|
|
47
85
|
}, {
|
|
48
86
|
"attributes": {
|
|
49
87
|
"group": "paint",
|
|
@@ -61,8 +99,27 @@ var tokens = [{
|
|
|
61
99
|
},
|
|
62
100
|
"value": "O800"
|
|
63
101
|
},
|
|
64
|
-
"name": "color.text.accent.orange",
|
|
65
|
-
"path": ["color", "text", "accent", "orange"]
|
|
102
|
+
"name": "color.text.accent.orange.[default]",
|
|
103
|
+
"path": ["color", "text", "accent", "orange", "[default]"]
|
|
104
|
+
}, {
|
|
105
|
+
"attributes": {
|
|
106
|
+
"group": "paint",
|
|
107
|
+
"state": "active",
|
|
108
|
+
"description": "Use on bold orange accent backgrounds."
|
|
109
|
+
},
|
|
110
|
+
"value": "#5F3811",
|
|
111
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
112
|
+
"isSource": true,
|
|
113
|
+
"original": {
|
|
114
|
+
"attributes": {
|
|
115
|
+
"group": "paint",
|
|
116
|
+
"state": "active",
|
|
117
|
+
"description": "Use on bold orange accent backgrounds."
|
|
118
|
+
},
|
|
119
|
+
"value": "O900"
|
|
120
|
+
},
|
|
121
|
+
"name": "color.text.accent.orange.bolder",
|
|
122
|
+
"path": ["color", "text", "accent", "orange", "bolder"]
|
|
66
123
|
}, {
|
|
67
124
|
"attributes": {
|
|
68
125
|
"group": "paint",
|
|
@@ -80,8 +137,27 @@ var tokens = [{
|
|
|
80
137
|
},
|
|
81
138
|
"value": "Y800"
|
|
82
139
|
},
|
|
83
|
-
"name": "color.text.accent.yellow",
|
|
84
|
-
"path": ["color", "text", "accent", "yellow"]
|
|
140
|
+
"name": "color.text.accent.yellow.[default]",
|
|
141
|
+
"path": ["color", "text", "accent", "yellow", "[default]"]
|
|
142
|
+
}, {
|
|
143
|
+
"attributes": {
|
|
144
|
+
"group": "paint",
|
|
145
|
+
"state": "active",
|
|
146
|
+
"description": "Use on bold yellow accent backgrounds."
|
|
147
|
+
},
|
|
148
|
+
"value": "#533F04",
|
|
149
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
150
|
+
"isSource": true,
|
|
151
|
+
"original": {
|
|
152
|
+
"attributes": {
|
|
153
|
+
"group": "paint",
|
|
154
|
+
"state": "active",
|
|
155
|
+
"description": "Use on bold yellow accent backgrounds."
|
|
156
|
+
},
|
|
157
|
+
"value": "Y900"
|
|
158
|
+
},
|
|
159
|
+
"name": "color.text.accent.yellow.bolder",
|
|
160
|
+
"path": ["color", "text", "accent", "yellow", "bolder"]
|
|
85
161
|
}, {
|
|
86
162
|
"attributes": {
|
|
87
163
|
"group": "paint",
|
|
@@ -99,8 +175,27 @@ var tokens = [{
|
|
|
99
175
|
},
|
|
100
176
|
"value": "G800"
|
|
101
177
|
},
|
|
102
|
-
"name": "color.text.accent.green",
|
|
103
|
-
"path": ["color", "text", "accent", "green"]
|
|
178
|
+
"name": "color.text.accent.green.[default]",
|
|
179
|
+
"path": ["color", "text", "accent", "green", "[default]"]
|
|
180
|
+
}, {
|
|
181
|
+
"attributes": {
|
|
182
|
+
"group": "paint",
|
|
183
|
+
"state": "active",
|
|
184
|
+
"description": "Use on bold green accent backgrounds."
|
|
185
|
+
},
|
|
186
|
+
"value": "#164B35",
|
|
187
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
188
|
+
"isSource": true,
|
|
189
|
+
"original": {
|
|
190
|
+
"attributes": {
|
|
191
|
+
"group": "paint",
|
|
192
|
+
"state": "active",
|
|
193
|
+
"description": "Use on bold green accent backgrounds."
|
|
194
|
+
},
|
|
195
|
+
"value": "G900"
|
|
196
|
+
},
|
|
197
|
+
"name": "color.text.accent.green.bolder",
|
|
198
|
+
"path": ["color", "text", "accent", "green", "bolder"]
|
|
104
199
|
}, {
|
|
105
200
|
"attributes": {
|
|
106
201
|
"group": "paint",
|
|
@@ -118,8 +213,27 @@ var tokens = [{
|
|
|
118
213
|
},
|
|
119
214
|
"value": "P800"
|
|
120
215
|
},
|
|
121
|
-
"name": "color.text.accent.purple",
|
|
122
|
-
"path": ["color", "text", "accent", "purple"]
|
|
216
|
+
"name": "color.text.accent.purple.[default]",
|
|
217
|
+
"path": ["color", "text", "accent", "purple", "[default]"]
|
|
218
|
+
}, {
|
|
219
|
+
"attributes": {
|
|
220
|
+
"group": "paint",
|
|
221
|
+
"state": "active",
|
|
222
|
+
"description": "Use on bold purple accent backgrounds."
|
|
223
|
+
},
|
|
224
|
+
"value": "#352C63",
|
|
225
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
226
|
+
"isSource": true,
|
|
227
|
+
"original": {
|
|
228
|
+
"attributes": {
|
|
229
|
+
"group": "paint",
|
|
230
|
+
"state": "active",
|
|
231
|
+
"description": "Use on bold purple accent backgrounds."
|
|
232
|
+
},
|
|
233
|
+
"value": "P900"
|
|
234
|
+
},
|
|
235
|
+
"name": "color.text.accent.purple.bolder",
|
|
236
|
+
"path": ["color", "text", "accent", "purple", "bolder"]
|
|
123
237
|
}, {
|
|
124
238
|
"attributes": {
|
|
125
239
|
"group": "paint",
|
|
@@ -137,8 +251,27 @@ var tokens = [{
|
|
|
137
251
|
},
|
|
138
252
|
"value": "T800"
|
|
139
253
|
},
|
|
140
|
-
"name": "color.text.accent.teal",
|
|
141
|
-
"path": ["color", "text", "accent", "teal"]
|
|
254
|
+
"name": "color.text.accent.teal.[default]",
|
|
255
|
+
"path": ["color", "text", "accent", "teal", "[default]"]
|
|
256
|
+
}, {
|
|
257
|
+
"attributes": {
|
|
258
|
+
"group": "paint",
|
|
259
|
+
"state": "active",
|
|
260
|
+
"description": "Use on bold teal accent backgrounds."
|
|
261
|
+
},
|
|
262
|
+
"value": "#1D474C",
|
|
263
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
264
|
+
"isSource": true,
|
|
265
|
+
"original": {
|
|
266
|
+
"attributes": {
|
|
267
|
+
"group": "paint",
|
|
268
|
+
"state": "active",
|
|
269
|
+
"description": "Use on bold teal accent backgrounds."
|
|
270
|
+
},
|
|
271
|
+
"value": "T900"
|
|
272
|
+
},
|
|
273
|
+
"name": "color.text.accent.teal.bolder",
|
|
274
|
+
"path": ["color", "text", "accent", "teal", "bolder"]
|
|
142
275
|
}, {
|
|
143
276
|
"attributes": {
|
|
144
277
|
"group": "paint",
|
|
@@ -156,8 +289,27 @@ var tokens = [{
|
|
|
156
289
|
},
|
|
157
290
|
"value": "M800"
|
|
158
291
|
},
|
|
159
|
-
"name": "color.text.accent.magenta",
|
|
160
|
-
"path": ["color", "text", "accent", "magenta"]
|
|
292
|
+
"name": "color.text.accent.magenta.[default]",
|
|
293
|
+
"path": ["color", "text", "accent", "magenta", "[default]"]
|
|
294
|
+
}, {
|
|
295
|
+
"attributes": {
|
|
296
|
+
"group": "paint",
|
|
297
|
+
"state": "active",
|
|
298
|
+
"description": "Use on bold magenta accent backgrounds."
|
|
299
|
+
},
|
|
300
|
+
"value": "#50253F",
|
|
301
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
302
|
+
"isSource": true,
|
|
303
|
+
"original": {
|
|
304
|
+
"attributes": {
|
|
305
|
+
"group": "paint",
|
|
306
|
+
"state": "active",
|
|
307
|
+
"description": "Use on bold magenta accent backgrounds."
|
|
308
|
+
},
|
|
309
|
+
"value": "M900"
|
|
310
|
+
},
|
|
311
|
+
"name": "color.text.accent.magenta.bolder",
|
|
312
|
+
"path": ["color", "text", "accent", "magenta", "bolder"]
|
|
161
313
|
}, {
|
|
162
314
|
"attributes": {
|
|
163
315
|
"group": "paint",
|
|
@@ -936,7 +1088,7 @@ var tokens = [{
|
|
|
936
1088
|
"attributes": {
|
|
937
1089
|
"group": "paint",
|
|
938
1090
|
"state": "active",
|
|
939
|
-
"description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color
|
|
1091
|
+
"description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
|
|
940
1092
|
},
|
|
941
1093
|
"value": "#1D7AFC",
|
|
942
1094
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
@@ -945,7 +1097,7 @@ var tokens = [{
|
|
|
945
1097
|
"attributes": {
|
|
946
1098
|
"group": "paint",
|
|
947
1099
|
"state": "active",
|
|
948
|
-
"description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color
|
|
1100
|
+
"description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
|
|
949
1101
|
},
|
|
950
1102
|
"value": "B600"
|
|
951
1103
|
},
|
|
@@ -955,7 +1107,7 @@ var tokens = [{
|
|
|
955
1107
|
"attributes": {
|
|
956
1108
|
"group": "paint",
|
|
957
1109
|
"state": "active",
|
|
958
|
-
"description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color
|
|
1110
|
+
"description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
|
|
959
1111
|
},
|
|
960
1112
|
"value": "#E34935",
|
|
961
1113
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
@@ -964,7 +1116,7 @@ var tokens = [{
|
|
|
964
1116
|
"attributes": {
|
|
965
1117
|
"group": "paint",
|
|
966
1118
|
"state": "active",
|
|
967
|
-
"description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color
|
|
1119
|
+
"description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
|
|
968
1120
|
},
|
|
969
1121
|
"value": "R600"
|
|
970
1122
|
},
|
|
@@ -1335,6 +1487,25 @@ var tokens = [{
|
|
|
1335
1487
|
},
|
|
1336
1488
|
"name": "color.border.neutral",
|
|
1337
1489
|
"path": ["color", "border", "neutral"]
|
|
1490
|
+
}, {
|
|
1491
|
+
"attributes": {
|
|
1492
|
+
"group": "paint",
|
|
1493
|
+
"state": "active",
|
|
1494
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1495
|
+
},
|
|
1496
|
+
"value": "#E9F2FF",
|
|
1497
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1498
|
+
"isSource": true,
|
|
1499
|
+
"original": {
|
|
1500
|
+
"attributes": {
|
|
1501
|
+
"group": "paint",
|
|
1502
|
+
"state": "active",
|
|
1503
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1504
|
+
},
|
|
1505
|
+
"value": "B100"
|
|
1506
|
+
},
|
|
1507
|
+
"name": "color.background.accent.blue.subtlest",
|
|
1508
|
+
"path": ["color", "background", "accent", "blue", "subtlest"]
|
|
1338
1509
|
}, {
|
|
1339
1510
|
"attributes": {
|
|
1340
1511
|
"group": "paint",
|
|
@@ -1352,8 +1523,8 @@ var tokens = [{
|
|
|
1352
1523
|
},
|
|
1353
1524
|
"value": "B200"
|
|
1354
1525
|
},
|
|
1355
|
-
"name": "color.background.accent.blue.
|
|
1356
|
-
"path": ["color", "background", "accent", "blue", "
|
|
1526
|
+
"name": "color.background.accent.blue.subtler",
|
|
1527
|
+
"path": ["color", "background", "accent", "blue", "subtler"]
|
|
1357
1528
|
}, {
|
|
1358
1529
|
"attributes": {
|
|
1359
1530
|
"group": "paint",
|
|
@@ -1371,217 +1542,697 @@ var tokens = [{
|
|
|
1371
1542
|
},
|
|
1372
1543
|
"value": "B400"
|
|
1373
1544
|
},
|
|
1374
|
-
"name": "color.background.accent.blue.
|
|
1375
|
-
"path": ["color", "background", "accent", "blue", "
|
|
1545
|
+
"name": "color.background.accent.blue.subtle",
|
|
1546
|
+
"path": ["color", "background", "accent", "blue", "subtle"]
|
|
1376
1547
|
}, {
|
|
1377
1548
|
"attributes": {
|
|
1378
1549
|
"group": "paint",
|
|
1379
1550
|
"state": "active",
|
|
1380
|
-
"description": "Use for
|
|
1551
|
+
"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."
|
|
1381
1552
|
},
|
|
1382
|
-
"value": "#
|
|
1553
|
+
"value": "#0C66E4",
|
|
1383
1554
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1384
1555
|
"isSource": true,
|
|
1385
1556
|
"original": {
|
|
1386
1557
|
"attributes": {
|
|
1387
1558
|
"group": "paint",
|
|
1388
1559
|
"state": "active",
|
|
1389
|
-
"description": "Use for
|
|
1560
|
+
"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."
|
|
1390
1561
|
},
|
|
1391
|
-
"value": "
|
|
1562
|
+
"value": "B700"
|
|
1392
1563
|
},
|
|
1393
|
-
"name": "color.background.accent.
|
|
1394
|
-
"path": ["color", "background", "accent", "
|
|
1564
|
+
"name": "color.background.accent.blue.bolder",
|
|
1565
|
+
"path": ["color", "background", "accent", "blue", "bolder"]
|
|
1395
1566
|
}, {
|
|
1396
1567
|
"attributes": {
|
|
1397
1568
|
"group": "paint",
|
|
1398
|
-
"state": "
|
|
1399
|
-
"
|
|
1569
|
+
"state": "deprecated",
|
|
1570
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
1571
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1400
1572
|
},
|
|
1401
|
-
"value": "#
|
|
1402
|
-
"filePath": "src/tokens/atlassian-light/
|
|
1573
|
+
"value": "#CCE0FF",
|
|
1574
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1403
1575
|
"isSource": true,
|
|
1404
1576
|
"original": {
|
|
1405
1577
|
"attributes": {
|
|
1406
1578
|
"group": "paint",
|
|
1407
|
-
"state": "
|
|
1408
|
-
"
|
|
1579
|
+
"state": "deprecated",
|
|
1580
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
1581
|
+
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1409
1582
|
},
|
|
1410
|
-
"value": "
|
|
1583
|
+
"value": "B200"
|
|
1411
1584
|
},
|
|
1412
|
-
"name": "color.background.accent.
|
|
1413
|
-
"path": ["color", "background", "accent", "
|
|
1585
|
+
"name": "color.background.accent.blue.[default]",
|
|
1586
|
+
"path": ["color", "background", "accent", "blue", "[default]"]
|
|
1414
1587
|
}, {
|
|
1415
1588
|
"attributes": {
|
|
1416
1589
|
"group": "paint",
|
|
1417
|
-
"state": "
|
|
1418
|
-
"
|
|
1590
|
+
"state": "deprecated",
|
|
1591
|
+
"replacement": "color.background.accent.blue.subtle",
|
|
1592
|
+
"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."
|
|
1419
1593
|
},
|
|
1420
|
-
"value": "#
|
|
1421
|
-
"filePath": "src/tokens/atlassian-light/
|
|
1594
|
+
"value": "#579DFF",
|
|
1595
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1422
1596
|
"isSource": true,
|
|
1423
1597
|
"original": {
|
|
1424
1598
|
"attributes": {
|
|
1425
1599
|
"group": "paint",
|
|
1426
|
-
"state": "
|
|
1427
|
-
"
|
|
1600
|
+
"state": "deprecated",
|
|
1601
|
+
"replacement": "color.background.accent.blue.subtle",
|
|
1602
|
+
"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."
|
|
1428
1603
|
},
|
|
1429
|
-
"value": "
|
|
1604
|
+
"value": "B400"
|
|
1430
1605
|
},
|
|
1431
|
-
"name": "color.background.accent.
|
|
1432
|
-
"path": ["color", "background", "accent", "
|
|
1606
|
+
"name": "color.background.accent.blue.bold",
|
|
1607
|
+
"path": ["color", "background", "accent", "blue", "bold"]
|
|
1433
1608
|
}, {
|
|
1434
1609
|
"attributes": {
|
|
1435
1610
|
"group": "paint",
|
|
1436
1611
|
"state": "active",
|
|
1437
|
-
"description": "Use for
|
|
1612
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1438
1613
|
},
|
|
1439
|
-
"value": "#
|
|
1614
|
+
"value": "#FFEDEB",
|
|
1440
1615
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1441
1616
|
"isSource": true,
|
|
1442
1617
|
"original": {
|
|
1443
1618
|
"attributes": {
|
|
1444
1619
|
"group": "paint",
|
|
1445
1620
|
"state": "active",
|
|
1446
|
-
"description": "Use for
|
|
1621
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1447
1622
|
},
|
|
1448
|
-
"value": "
|
|
1623
|
+
"value": "R100"
|
|
1449
1624
|
},
|
|
1450
|
-
"name": "color.background.accent.
|
|
1451
|
-
"path": ["color", "background", "accent", "
|
|
1625
|
+
"name": "color.background.accent.red.subtlest",
|
|
1626
|
+
"path": ["color", "background", "accent", "red", "subtlest"]
|
|
1452
1627
|
}, {
|
|
1453
1628
|
"attributes": {
|
|
1454
1629
|
"group": "paint",
|
|
1455
1630
|
"state": "active",
|
|
1456
|
-
"description": "Use for
|
|
1631
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1457
1632
|
},
|
|
1458
|
-
"value": "#
|
|
1633
|
+
"value": "#FFD2CC",
|
|
1459
1634
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1460
1635
|
"isSource": true,
|
|
1461
1636
|
"original": {
|
|
1462
1637
|
"attributes": {
|
|
1463
1638
|
"group": "paint",
|
|
1464
1639
|
"state": "active",
|
|
1465
|
-
"description": "Use for
|
|
1640
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1466
1641
|
},
|
|
1467
|
-
"value": "
|
|
1642
|
+
"value": "R200"
|
|
1468
1643
|
},
|
|
1469
|
-
"name": "color.background.accent.
|
|
1470
|
-
"path": ["color", "background", "accent", "
|
|
1644
|
+
"name": "color.background.accent.red.subtler",
|
|
1645
|
+
"path": ["color", "background", "accent", "red", "subtler"]
|
|
1471
1646
|
}, {
|
|
1472
1647
|
"attributes": {
|
|
1473
1648
|
"group": "paint",
|
|
1474
1649
|
"state": "active",
|
|
1475
|
-
"description": "Use for vibrant
|
|
1650
|
+
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1476
1651
|
},
|
|
1477
|
-
"value": "#
|
|
1652
|
+
"value": "#F87462",
|
|
1478
1653
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1479
1654
|
"isSource": true,
|
|
1480
1655
|
"original": {
|
|
1481
1656
|
"attributes": {
|
|
1482
1657
|
"group": "paint",
|
|
1483
1658
|
"state": "active",
|
|
1484
|
-
"description": "Use for vibrant
|
|
1659
|
+
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1485
1660
|
},
|
|
1486
|
-
"value": "
|
|
1661
|
+
"value": "R400"
|
|
1487
1662
|
},
|
|
1488
|
-
"name": "color.background.accent.
|
|
1489
|
-
"path": ["color", "background", "accent", "
|
|
1663
|
+
"name": "color.background.accent.red.subtle",
|
|
1664
|
+
"path": ["color", "background", "accent", "red", "subtle"]
|
|
1490
1665
|
}, {
|
|
1491
1666
|
"attributes": {
|
|
1492
1667
|
"group": "paint",
|
|
1493
1668
|
"state": "active",
|
|
1494
|
-
"description": "Use for
|
|
1669
|
+
"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."
|
|
1495
1670
|
},
|
|
1496
|
-
"value": "#
|
|
1671
|
+
"value": "#CA3521",
|
|
1497
1672
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1498
1673
|
"isSource": true,
|
|
1499
1674
|
"original": {
|
|
1500
1675
|
"attributes": {
|
|
1501
1676
|
"group": "paint",
|
|
1502
1677
|
"state": "active",
|
|
1503
|
-
"description": "Use for
|
|
1678
|
+
"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."
|
|
1504
1679
|
},
|
|
1505
|
-
"value": "
|
|
1680
|
+
"value": "R700"
|
|
1506
1681
|
},
|
|
1507
|
-
"name": "color.background.accent.
|
|
1508
|
-
"path": ["color", "background", "accent", "
|
|
1682
|
+
"name": "color.background.accent.red.bolder",
|
|
1683
|
+
"path": ["color", "background", "accent", "red", "bolder"]
|
|
1509
1684
|
}, {
|
|
1510
1685
|
"attributes": {
|
|
1511
1686
|
"group": "paint",
|
|
1512
|
-
"state": "
|
|
1513
|
-
"
|
|
1687
|
+
"state": "deprecated",
|
|
1688
|
+
"replacement": "color.background.accent.red.subtler",
|
|
1689
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1514
1690
|
},
|
|
1515
|
-
"value": "#
|
|
1516
|
-
"filePath": "src/tokens/atlassian-light/
|
|
1691
|
+
"value": "#FFD2CC",
|
|
1692
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1517
1693
|
"isSource": true,
|
|
1518
1694
|
"original": {
|
|
1519
1695
|
"attributes": {
|
|
1520
1696
|
"group": "paint",
|
|
1521
|
-
"state": "
|
|
1522
|
-
"
|
|
1697
|
+
"state": "deprecated",
|
|
1698
|
+
"replacement": "color.background.accent.red.subtler",
|
|
1699
|
+
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1523
1700
|
},
|
|
1524
|
-
"value": "
|
|
1701
|
+
"value": "R200"
|
|
1525
1702
|
},
|
|
1526
|
-
"name": "color.background.accent.
|
|
1527
|
-
"path": ["color", "background", "accent", "
|
|
1703
|
+
"name": "color.background.accent.red.[default]",
|
|
1704
|
+
"path": ["color", "background", "accent", "red", "[default]"]
|
|
1528
1705
|
}, {
|
|
1529
1706
|
"attributes": {
|
|
1530
1707
|
"group": "paint",
|
|
1531
|
-
"state": "
|
|
1532
|
-
"
|
|
1708
|
+
"state": "deprecated",
|
|
1709
|
+
"replacement": "color.background.accent.red.subtle",
|
|
1710
|
+
"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."
|
|
1533
1711
|
},
|
|
1534
|
-
"value": "#
|
|
1535
|
-
"filePath": "src/tokens/atlassian-light/
|
|
1712
|
+
"value": "#F87462",
|
|
1713
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1536
1714
|
"isSource": true,
|
|
1537
1715
|
"original": {
|
|
1538
1716
|
"attributes": {
|
|
1539
1717
|
"group": "paint",
|
|
1540
|
-
"state": "
|
|
1541
|
-
"
|
|
1718
|
+
"state": "deprecated",
|
|
1719
|
+
"replacement": "color.background.accent.red.subtle",
|
|
1720
|
+
"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."
|
|
1542
1721
|
},
|
|
1543
|
-
"value": "
|
|
1722
|
+
"value": "R400"
|
|
1544
1723
|
},
|
|
1545
|
-
"name": "color.background.accent.
|
|
1546
|
-
"path": ["color", "background", "accent", "
|
|
1724
|
+
"name": "color.background.accent.red.bold",
|
|
1725
|
+
"path": ["color", "background", "accent", "red", "bold"]
|
|
1547
1726
|
}, {
|
|
1548
1727
|
"attributes": {
|
|
1549
1728
|
"group": "paint",
|
|
1550
1729
|
"state": "active",
|
|
1551
|
-
"description": "Use for
|
|
1730
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1552
1731
|
},
|
|
1553
|
-
"value": "#
|
|
1732
|
+
"value": "#FFF4E5",
|
|
1554
1733
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1555
1734
|
"isSource": true,
|
|
1556
1735
|
"original": {
|
|
1557
1736
|
"attributes": {
|
|
1558
1737
|
"group": "paint",
|
|
1559
1738
|
"state": "active",
|
|
1560
|
-
"description": "Use for
|
|
1739
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1561
1740
|
},
|
|
1562
|
-
"value": "
|
|
1741
|
+
"value": "O100"
|
|
1563
1742
|
},
|
|
1564
|
-
"name": "color.background.accent.
|
|
1565
|
-
"path": ["color", "background", "accent", "
|
|
1743
|
+
"name": "color.background.accent.orange.subtlest",
|
|
1744
|
+
"path": ["color", "background", "accent", "orange", "subtlest"]
|
|
1566
1745
|
}, {
|
|
1567
1746
|
"attributes": {
|
|
1568
1747
|
"group": "paint",
|
|
1569
1748
|
"state": "active",
|
|
1570
|
-
"description": "Use for
|
|
1749
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1571
1750
|
},
|
|
1572
|
-
"value": "#
|
|
1751
|
+
"value": "#FFE2BD",
|
|
1573
1752
|
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1574
1753
|
"isSource": true,
|
|
1575
1754
|
"original": {
|
|
1576
1755
|
"attributes": {
|
|
1577
1756
|
"group": "paint",
|
|
1578
1757
|
"state": "active",
|
|
1579
|
-
"description": "Use for
|
|
1758
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1580
1759
|
},
|
|
1581
|
-
"value": "
|
|
1760
|
+
"value": "O200"
|
|
1582
1761
|
},
|
|
1583
|
-
"name": "color.background.accent.
|
|
1584
|
-
"path": ["color", "background", "accent", "
|
|
1762
|
+
"name": "color.background.accent.orange.subtler",
|
|
1763
|
+
"path": ["color", "background", "accent", "orange", "subtler"]
|
|
1764
|
+
}, {
|
|
1765
|
+
"attributes": {
|
|
1766
|
+
"group": "paint",
|
|
1767
|
+
"state": "active",
|
|
1768
|
+
"description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1769
|
+
},
|
|
1770
|
+
"value": "#FAA53D",
|
|
1771
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1772
|
+
"isSource": true,
|
|
1773
|
+
"original": {
|
|
1774
|
+
"attributes": {
|
|
1775
|
+
"group": "paint",
|
|
1776
|
+
"state": "active",
|
|
1777
|
+
"description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1778
|
+
},
|
|
1779
|
+
"value": "O400"
|
|
1780
|
+
},
|
|
1781
|
+
"name": "color.background.accent.orange.subtle",
|
|
1782
|
+
"path": ["color", "background", "accent", "orange", "subtle"]
|
|
1783
|
+
}, {
|
|
1784
|
+
"attributes": {
|
|
1785
|
+
"group": "paint",
|
|
1786
|
+
"state": "active",
|
|
1787
|
+
"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."
|
|
1788
|
+
},
|
|
1789
|
+
"value": "#B65C02",
|
|
1790
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1791
|
+
"isSource": true,
|
|
1792
|
+
"original": {
|
|
1793
|
+
"attributes": {
|
|
1794
|
+
"group": "paint",
|
|
1795
|
+
"state": "active",
|
|
1796
|
+
"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."
|
|
1797
|
+
},
|
|
1798
|
+
"value": "O700"
|
|
1799
|
+
},
|
|
1800
|
+
"name": "color.background.accent.orange.bolder",
|
|
1801
|
+
"path": ["color", "background", "accent", "orange", "bolder"]
|
|
1802
|
+
}, {
|
|
1803
|
+
"attributes": {
|
|
1804
|
+
"group": "paint",
|
|
1805
|
+
"state": "deprecated",
|
|
1806
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
1807
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1808
|
+
},
|
|
1809
|
+
"value": "#FFE2BD",
|
|
1810
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1811
|
+
"isSource": true,
|
|
1812
|
+
"original": {
|
|
1813
|
+
"attributes": {
|
|
1814
|
+
"group": "paint",
|
|
1815
|
+
"state": "deprecated",
|
|
1816
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
1817
|
+
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1818
|
+
},
|
|
1819
|
+
"value": "O200"
|
|
1820
|
+
},
|
|
1821
|
+
"name": "color.background.accent.orange.[default]",
|
|
1822
|
+
"path": ["color", "background", "accent", "orange", "[default]"]
|
|
1823
|
+
}, {
|
|
1824
|
+
"attributes": {
|
|
1825
|
+
"group": "paint",
|
|
1826
|
+
"state": "deprecated",
|
|
1827
|
+
"replacement": "color.background.accent.orange.subtle",
|
|
1828
|
+
"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."
|
|
1829
|
+
},
|
|
1830
|
+
"value": "#FAA53D",
|
|
1831
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1832
|
+
"isSource": true,
|
|
1833
|
+
"original": {
|
|
1834
|
+
"attributes": {
|
|
1835
|
+
"group": "paint",
|
|
1836
|
+
"state": "deprecated",
|
|
1837
|
+
"replacement": "color.background.accent.orange.subtle",
|
|
1838
|
+
"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."
|
|
1839
|
+
},
|
|
1840
|
+
"value": "O400"
|
|
1841
|
+
},
|
|
1842
|
+
"name": "color.background.accent.orange.bold",
|
|
1843
|
+
"path": ["color", "background", "accent", "orange", "bold"]
|
|
1844
|
+
}, {
|
|
1845
|
+
"attributes": {
|
|
1846
|
+
"group": "paint",
|
|
1847
|
+
"state": "active",
|
|
1848
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1849
|
+
},
|
|
1850
|
+
"value": "#FFF7D6",
|
|
1851
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1852
|
+
"isSource": true,
|
|
1853
|
+
"original": {
|
|
1854
|
+
"attributes": {
|
|
1855
|
+
"group": "paint",
|
|
1856
|
+
"state": "active",
|
|
1857
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1858
|
+
},
|
|
1859
|
+
"value": "Y100"
|
|
1860
|
+
},
|
|
1861
|
+
"name": "color.background.accent.yellow.subtlest",
|
|
1862
|
+
"path": ["color", "background", "accent", "yellow", "subtlest"]
|
|
1863
|
+
}, {
|
|
1864
|
+
"attributes": {
|
|
1865
|
+
"group": "paint",
|
|
1866
|
+
"state": "active",
|
|
1867
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1868
|
+
},
|
|
1869
|
+
"value": "#F8E6A0",
|
|
1870
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1871
|
+
"isSource": true,
|
|
1872
|
+
"original": {
|
|
1873
|
+
"attributes": {
|
|
1874
|
+
"group": "paint",
|
|
1875
|
+
"state": "active",
|
|
1876
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1877
|
+
},
|
|
1878
|
+
"value": "Y200"
|
|
1879
|
+
},
|
|
1880
|
+
"name": "color.background.accent.yellow.subtler",
|
|
1881
|
+
"path": ["color", "background", "accent", "yellow", "subtler"]
|
|
1882
|
+
}, {
|
|
1883
|
+
"attributes": {
|
|
1884
|
+
"group": "paint",
|
|
1885
|
+
"state": "active",
|
|
1886
|
+
"description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1887
|
+
},
|
|
1888
|
+
"value": "#E2B203",
|
|
1889
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1890
|
+
"isSource": true,
|
|
1891
|
+
"original": {
|
|
1892
|
+
"attributes": {
|
|
1893
|
+
"group": "paint",
|
|
1894
|
+
"state": "active",
|
|
1895
|
+
"description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1896
|
+
},
|
|
1897
|
+
"value": "Y400"
|
|
1898
|
+
},
|
|
1899
|
+
"name": "color.background.accent.yellow.subtle",
|
|
1900
|
+
"path": ["color", "background", "accent", "yellow", "subtle"]
|
|
1901
|
+
}, {
|
|
1902
|
+
"attributes": {
|
|
1903
|
+
"group": "paint",
|
|
1904
|
+
"state": "active",
|
|
1905
|
+
"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."
|
|
1906
|
+
},
|
|
1907
|
+
"value": "#946F00",
|
|
1908
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1909
|
+
"isSource": true,
|
|
1910
|
+
"original": {
|
|
1911
|
+
"attributes": {
|
|
1912
|
+
"group": "paint",
|
|
1913
|
+
"state": "active",
|
|
1914
|
+
"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."
|
|
1915
|
+
},
|
|
1916
|
+
"value": "Y700"
|
|
1917
|
+
},
|
|
1918
|
+
"name": "color.background.accent.yellow.bolder",
|
|
1919
|
+
"path": ["color", "background", "accent", "yellow", "bolder"]
|
|
1920
|
+
}, {
|
|
1921
|
+
"attributes": {
|
|
1922
|
+
"group": "paint",
|
|
1923
|
+
"state": "deprecated",
|
|
1924
|
+
"replacement": "color.background.accent.yellow.subtler",
|
|
1925
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1926
|
+
},
|
|
1927
|
+
"value": "#F8E6A0",
|
|
1928
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1929
|
+
"isSource": true,
|
|
1930
|
+
"original": {
|
|
1931
|
+
"attributes": {
|
|
1932
|
+
"group": "paint",
|
|
1933
|
+
"state": "deprecated",
|
|
1934
|
+
"replacement": "color.background.accent.yellow.subtler",
|
|
1935
|
+
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1936
|
+
},
|
|
1937
|
+
"value": "Y200"
|
|
1938
|
+
},
|
|
1939
|
+
"name": "color.background.accent.yellow.[default]",
|
|
1940
|
+
"path": ["color", "background", "accent", "yellow", "[default]"]
|
|
1941
|
+
}, {
|
|
1942
|
+
"attributes": {
|
|
1943
|
+
"group": "paint",
|
|
1944
|
+
"state": "deprecated",
|
|
1945
|
+
"replacement": "color.background.accent.yellow.subtle",
|
|
1946
|
+
"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."
|
|
1947
|
+
},
|
|
1948
|
+
"value": "#E2B203",
|
|
1949
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
1950
|
+
"isSource": true,
|
|
1951
|
+
"original": {
|
|
1952
|
+
"attributes": {
|
|
1953
|
+
"group": "paint",
|
|
1954
|
+
"state": "deprecated",
|
|
1955
|
+
"replacement": "color.background.accent.yellow.subtle",
|
|
1956
|
+
"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."
|
|
1957
|
+
},
|
|
1958
|
+
"value": "Y400"
|
|
1959
|
+
},
|
|
1960
|
+
"name": "color.background.accent.yellow.bold",
|
|
1961
|
+
"path": ["color", "background", "accent", "yellow", "bold"]
|
|
1962
|
+
}, {
|
|
1963
|
+
"attributes": {
|
|
1964
|
+
"group": "paint",
|
|
1965
|
+
"state": "active",
|
|
1966
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1967
|
+
},
|
|
1968
|
+
"value": "#DFFCF0",
|
|
1969
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1970
|
+
"isSource": true,
|
|
1971
|
+
"original": {
|
|
1972
|
+
"attributes": {
|
|
1973
|
+
"group": "paint",
|
|
1974
|
+
"state": "active",
|
|
1975
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1976
|
+
},
|
|
1977
|
+
"value": "G100"
|
|
1978
|
+
},
|
|
1979
|
+
"name": "color.background.accent.green.subtlest",
|
|
1980
|
+
"path": ["color", "background", "accent", "green", "subtlest"]
|
|
1981
|
+
}, {
|
|
1982
|
+
"attributes": {
|
|
1983
|
+
"group": "paint",
|
|
1984
|
+
"state": "active",
|
|
1985
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1986
|
+
},
|
|
1987
|
+
"value": "#BAF3DB",
|
|
1988
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
1989
|
+
"isSource": true,
|
|
1990
|
+
"original": {
|
|
1991
|
+
"attributes": {
|
|
1992
|
+
"group": "paint",
|
|
1993
|
+
"state": "active",
|
|
1994
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1995
|
+
},
|
|
1996
|
+
"value": "G200"
|
|
1997
|
+
},
|
|
1998
|
+
"name": "color.background.accent.green.subtler",
|
|
1999
|
+
"path": ["color", "background", "accent", "green", "subtler"]
|
|
2000
|
+
}, {
|
|
2001
|
+
"attributes": {
|
|
2002
|
+
"group": "paint",
|
|
2003
|
+
"state": "active",
|
|
2004
|
+
"description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2005
|
+
},
|
|
2006
|
+
"value": "#4BCE97",
|
|
2007
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2008
|
+
"isSource": true,
|
|
2009
|
+
"original": {
|
|
2010
|
+
"attributes": {
|
|
2011
|
+
"group": "paint",
|
|
2012
|
+
"state": "active",
|
|
2013
|
+
"description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2014
|
+
},
|
|
2015
|
+
"value": "G400"
|
|
2016
|
+
},
|
|
2017
|
+
"name": "color.background.accent.green.subtle",
|
|
2018
|
+
"path": ["color", "background", "accent", "green", "subtle"]
|
|
2019
|
+
}, {
|
|
2020
|
+
"attributes": {
|
|
2021
|
+
"group": "paint",
|
|
2022
|
+
"state": "active",
|
|
2023
|
+
"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."
|
|
2024
|
+
},
|
|
2025
|
+
"value": "#1F845A",
|
|
2026
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2027
|
+
"isSource": true,
|
|
2028
|
+
"original": {
|
|
2029
|
+
"attributes": {
|
|
2030
|
+
"group": "paint",
|
|
2031
|
+
"state": "active",
|
|
2032
|
+
"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."
|
|
2033
|
+
},
|
|
2034
|
+
"value": "G700"
|
|
2035
|
+
},
|
|
2036
|
+
"name": "color.background.accent.green.bolder",
|
|
2037
|
+
"path": ["color", "background", "accent", "green", "bolder"]
|
|
2038
|
+
}, {
|
|
2039
|
+
"attributes": {
|
|
2040
|
+
"group": "paint",
|
|
2041
|
+
"state": "deprecated",
|
|
2042
|
+
"replacement": "color.background.accent.green.subtler",
|
|
2043
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2044
|
+
},
|
|
2045
|
+
"value": "#BAF3DB",
|
|
2046
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2047
|
+
"isSource": true,
|
|
2048
|
+
"original": {
|
|
2049
|
+
"attributes": {
|
|
2050
|
+
"group": "paint",
|
|
2051
|
+
"state": "deprecated",
|
|
2052
|
+
"replacement": "color.background.accent.green.subtler",
|
|
2053
|
+
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2054
|
+
},
|
|
2055
|
+
"value": "G200"
|
|
2056
|
+
},
|
|
2057
|
+
"name": "color.background.accent.green.[default]",
|
|
2058
|
+
"path": ["color", "background", "accent", "green", "[default]"]
|
|
2059
|
+
}, {
|
|
2060
|
+
"attributes": {
|
|
2061
|
+
"group": "paint",
|
|
2062
|
+
"state": "deprecated",
|
|
2063
|
+
"replacement": "color.background.accent.green.subtle",
|
|
2064
|
+
"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."
|
|
2065
|
+
},
|
|
2066
|
+
"value": "#4BCE97",
|
|
2067
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2068
|
+
"isSource": true,
|
|
2069
|
+
"original": {
|
|
2070
|
+
"attributes": {
|
|
2071
|
+
"group": "paint",
|
|
2072
|
+
"state": "deprecated",
|
|
2073
|
+
"replacement": "color.background.accent.green.subtle",
|
|
2074
|
+
"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."
|
|
2075
|
+
},
|
|
2076
|
+
"value": "G400"
|
|
2077
|
+
},
|
|
2078
|
+
"name": "color.background.accent.green.bold",
|
|
2079
|
+
"path": ["color", "background", "accent", "green", "bold"]
|
|
2080
|
+
}, {
|
|
2081
|
+
"attributes": {
|
|
2082
|
+
"group": "paint",
|
|
2083
|
+
"state": "active",
|
|
2084
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2085
|
+
},
|
|
2086
|
+
"value": "#E3FAFC",
|
|
2087
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2088
|
+
"isSource": true,
|
|
2089
|
+
"original": {
|
|
2090
|
+
"attributes": {
|
|
2091
|
+
"group": "paint",
|
|
2092
|
+
"state": "active",
|
|
2093
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2094
|
+
},
|
|
2095
|
+
"value": "T100"
|
|
2096
|
+
},
|
|
2097
|
+
"name": "color.background.accent.teal.subtlest",
|
|
2098
|
+
"path": ["color", "background", "accent", "teal", "subtlest"]
|
|
2099
|
+
}, {
|
|
2100
|
+
"attributes": {
|
|
2101
|
+
"group": "paint",
|
|
2102
|
+
"state": "active",
|
|
2103
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2104
|
+
},
|
|
2105
|
+
"value": "#C1F0F5",
|
|
2106
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2107
|
+
"isSource": true,
|
|
2108
|
+
"original": {
|
|
2109
|
+
"attributes": {
|
|
2110
|
+
"group": "paint",
|
|
2111
|
+
"state": "active",
|
|
2112
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2113
|
+
},
|
|
2114
|
+
"value": "T200"
|
|
2115
|
+
},
|
|
2116
|
+
"name": "color.background.accent.teal.subtler",
|
|
2117
|
+
"path": ["color", "background", "accent", "teal", "subtler"]
|
|
2118
|
+
}, {
|
|
2119
|
+
"attributes": {
|
|
2120
|
+
"group": "paint",
|
|
2121
|
+
"state": "active",
|
|
2122
|
+
"description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2123
|
+
},
|
|
2124
|
+
"value": "#60C6D2",
|
|
2125
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2126
|
+
"isSource": true,
|
|
2127
|
+
"original": {
|
|
2128
|
+
"attributes": {
|
|
2129
|
+
"group": "paint",
|
|
2130
|
+
"state": "active",
|
|
2131
|
+
"description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2132
|
+
},
|
|
2133
|
+
"value": "T400"
|
|
2134
|
+
},
|
|
2135
|
+
"name": "color.background.accent.teal.subtle",
|
|
2136
|
+
"path": ["color", "background", "accent", "teal", "subtle"]
|
|
2137
|
+
}, {
|
|
2138
|
+
"attributes": {
|
|
2139
|
+
"group": "paint",
|
|
2140
|
+
"state": "active",
|
|
2141
|
+
"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."
|
|
2142
|
+
},
|
|
2143
|
+
"value": "#1D7F8C",
|
|
2144
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2145
|
+
"isSource": true,
|
|
2146
|
+
"original": {
|
|
2147
|
+
"attributes": {
|
|
2148
|
+
"group": "paint",
|
|
2149
|
+
"state": "active",
|
|
2150
|
+
"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."
|
|
2151
|
+
},
|
|
2152
|
+
"value": "T700"
|
|
2153
|
+
},
|
|
2154
|
+
"name": "color.background.accent.teal.bolder",
|
|
2155
|
+
"path": ["color", "background", "accent", "teal", "bolder"]
|
|
2156
|
+
}, {
|
|
2157
|
+
"attributes": {
|
|
2158
|
+
"group": "paint",
|
|
2159
|
+
"state": "deprecated",
|
|
2160
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
2161
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2162
|
+
},
|
|
2163
|
+
"value": "#C1F0F5",
|
|
2164
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2165
|
+
"isSource": true,
|
|
2166
|
+
"original": {
|
|
2167
|
+
"attributes": {
|
|
2168
|
+
"group": "paint",
|
|
2169
|
+
"state": "deprecated",
|
|
2170
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
2171
|
+
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2172
|
+
},
|
|
2173
|
+
"value": "T200"
|
|
2174
|
+
},
|
|
2175
|
+
"name": "color.background.accent.teal.[default]",
|
|
2176
|
+
"path": ["color", "background", "accent", "teal", "[default]"]
|
|
2177
|
+
}, {
|
|
2178
|
+
"attributes": {
|
|
2179
|
+
"group": "paint",
|
|
2180
|
+
"state": "deprecated",
|
|
2181
|
+
"replacement": "color.background.accent.teal.subtle",
|
|
2182
|
+
"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."
|
|
2183
|
+
},
|
|
2184
|
+
"value": "#60C6D2",
|
|
2185
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2186
|
+
"isSource": true,
|
|
2187
|
+
"original": {
|
|
2188
|
+
"attributes": {
|
|
2189
|
+
"group": "paint",
|
|
2190
|
+
"state": "deprecated",
|
|
2191
|
+
"replacement": "color.background.accent.teal.subtle",
|
|
2192
|
+
"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."
|
|
2193
|
+
},
|
|
2194
|
+
"value": "T400"
|
|
2195
|
+
},
|
|
2196
|
+
"name": "color.background.accent.teal.bold",
|
|
2197
|
+
"path": ["color", "background", "accent", "teal", "bold"]
|
|
2198
|
+
}, {
|
|
2199
|
+
"attributes": {
|
|
2200
|
+
"group": "paint",
|
|
2201
|
+
"state": "active",
|
|
2202
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2203
|
+
},
|
|
2204
|
+
"value": "#F3F0FF",
|
|
2205
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2206
|
+
"isSource": true,
|
|
2207
|
+
"original": {
|
|
2208
|
+
"attributes": {
|
|
2209
|
+
"group": "paint",
|
|
2210
|
+
"state": "active",
|
|
2211
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2212
|
+
},
|
|
2213
|
+
"value": "P100"
|
|
2214
|
+
},
|
|
2215
|
+
"name": "color.background.accent.purple.subtlest",
|
|
2216
|
+
"path": ["color", "background", "accent", "purple", "subtlest"]
|
|
2217
|
+
}, {
|
|
2218
|
+
"attributes": {
|
|
2219
|
+
"group": "paint",
|
|
2220
|
+
"state": "active",
|
|
2221
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2222
|
+
},
|
|
2223
|
+
"value": "#DFD8FD",
|
|
2224
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2225
|
+
"isSource": true,
|
|
2226
|
+
"original": {
|
|
2227
|
+
"attributes": {
|
|
2228
|
+
"group": "paint",
|
|
2229
|
+
"state": "active",
|
|
2230
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2231
|
+
},
|
|
2232
|
+
"value": "P200"
|
|
2233
|
+
},
|
|
2234
|
+
"name": "color.background.accent.purple.subtler",
|
|
2235
|
+
"path": ["color", "background", "accent", "purple", "subtler"]
|
|
1585
2236
|
}, {
|
|
1586
2237
|
"attributes": {
|
|
1587
2238
|
"group": "paint",
|
|
@@ -1599,8 +2250,88 @@ var tokens = [{
|
|
|
1599
2250
|
},
|
|
1600
2251
|
"value": "P400"
|
|
1601
2252
|
},
|
|
2253
|
+
"name": "color.background.accent.purple.subtle",
|
|
2254
|
+
"path": ["color", "background", "accent", "purple", "subtle"]
|
|
2255
|
+
}, {
|
|
2256
|
+
"attributes": {
|
|
2257
|
+
"group": "paint",
|
|
2258
|
+
"state": "active",
|
|
2259
|
+
"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."
|
|
2260
|
+
},
|
|
2261
|
+
"value": "#6E5DC6",
|
|
2262
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2263
|
+
"isSource": true,
|
|
2264
|
+
"original": {
|
|
2265
|
+
"attributes": {
|
|
2266
|
+
"group": "paint",
|
|
2267
|
+
"state": "active",
|
|
2268
|
+
"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."
|
|
2269
|
+
},
|
|
2270
|
+
"value": "P700"
|
|
2271
|
+
},
|
|
2272
|
+
"name": "color.background.accent.purple.bolder",
|
|
2273
|
+
"path": ["color", "background", "accent", "purple", "bolder"]
|
|
2274
|
+
}, {
|
|
2275
|
+
"attributes": {
|
|
2276
|
+
"group": "paint",
|
|
2277
|
+
"state": "deprecated",
|
|
2278
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
2279
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2280
|
+
},
|
|
2281
|
+
"value": "#DFD8FD",
|
|
2282
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2283
|
+
"isSource": true,
|
|
2284
|
+
"original": {
|
|
2285
|
+
"attributes": {
|
|
2286
|
+
"group": "paint",
|
|
2287
|
+
"state": "deprecated",
|
|
2288
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
2289
|
+
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2290
|
+
},
|
|
2291
|
+
"value": "P200"
|
|
2292
|
+
},
|
|
2293
|
+
"name": "color.background.accent.purple.[default]",
|
|
2294
|
+
"path": ["color", "background", "accent", "purple", "[default]"]
|
|
2295
|
+
}, {
|
|
2296
|
+
"attributes": {
|
|
2297
|
+
"group": "paint",
|
|
2298
|
+
"state": "deprecated",
|
|
2299
|
+
"replacement": "color.background.accent.purple.subtle",
|
|
2300
|
+
"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."
|
|
2301
|
+
},
|
|
2302
|
+
"value": "#9F8FEF",
|
|
2303
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2304
|
+
"isSource": true,
|
|
2305
|
+
"original": {
|
|
2306
|
+
"attributes": {
|
|
2307
|
+
"group": "paint",
|
|
2308
|
+
"state": "deprecated",
|
|
2309
|
+
"replacement": "color.background.accent.purple.subtle",
|
|
2310
|
+
"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."
|
|
2311
|
+
},
|
|
2312
|
+
"value": "P400"
|
|
2313
|
+
},
|
|
1602
2314
|
"name": "color.background.accent.purple.bold",
|
|
1603
2315
|
"path": ["color", "background", "accent", "purple", "bold"]
|
|
2316
|
+
}, {
|
|
2317
|
+
"attributes": {
|
|
2318
|
+
"group": "paint",
|
|
2319
|
+
"state": "active",
|
|
2320
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2321
|
+
},
|
|
2322
|
+
"value": "#FFECF8",
|
|
2323
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2324
|
+
"isSource": true,
|
|
2325
|
+
"original": {
|
|
2326
|
+
"attributes": {
|
|
2327
|
+
"group": "paint",
|
|
2328
|
+
"state": "active",
|
|
2329
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2330
|
+
},
|
|
2331
|
+
"value": "M100"
|
|
2332
|
+
},
|
|
2333
|
+
"name": "color.background.accent.magenta.subtlest",
|
|
2334
|
+
"path": ["color", "background", "accent", "magenta", "subtlest"]
|
|
1604
2335
|
}, {
|
|
1605
2336
|
"attributes": {
|
|
1606
2337
|
"group": "paint",
|
|
@@ -1618,8 +2349,8 @@ var tokens = [{
|
|
|
1618
2349
|
},
|
|
1619
2350
|
"value": "M200"
|
|
1620
2351
|
},
|
|
1621
|
-
"name": "color.background.accent.magenta.
|
|
1622
|
-
"path": ["color", "background", "accent", "magenta", "
|
|
2352
|
+
"name": "color.background.accent.magenta.subtler",
|
|
2353
|
+
"path": ["color", "background", "accent", "magenta", "subtler"]
|
|
1623
2354
|
}, {
|
|
1624
2355
|
"attributes": {
|
|
1625
2356
|
"group": "paint",
|
|
@@ -1637,6 +2368,67 @@ var tokens = [{
|
|
|
1637
2368
|
},
|
|
1638
2369
|
"value": "M400"
|
|
1639
2370
|
},
|
|
2371
|
+
"name": "color.background.accent.magenta.subtle",
|
|
2372
|
+
"path": ["color", "background", "accent", "magenta", "subtle"]
|
|
2373
|
+
}, {
|
|
2374
|
+
"attributes": {
|
|
2375
|
+
"group": "paint",
|
|
2376
|
+
"state": "active",
|
|
2377
|
+
"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."
|
|
2378
|
+
},
|
|
2379
|
+
"value": "#AE4787",
|
|
2380
|
+
"filePath": "src/tokens/atlassian-light/color/accent.tsx",
|
|
2381
|
+
"isSource": true,
|
|
2382
|
+
"original": {
|
|
2383
|
+
"attributes": {
|
|
2384
|
+
"group": "paint",
|
|
2385
|
+
"state": "active",
|
|
2386
|
+
"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."
|
|
2387
|
+
},
|
|
2388
|
+
"value": "M700"
|
|
2389
|
+
},
|
|
2390
|
+
"name": "color.background.accent.magenta.bolder",
|
|
2391
|
+
"path": ["color", "background", "accent", "magenta", "bolder"]
|
|
2392
|
+
}, {
|
|
2393
|
+
"attributes": {
|
|
2394
|
+
"group": "paint",
|
|
2395
|
+
"state": "deprecated",
|
|
2396
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
2397
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2398
|
+
},
|
|
2399
|
+
"value": "#FDD0EC",
|
|
2400
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2401
|
+
"isSource": true,
|
|
2402
|
+
"original": {
|
|
2403
|
+
"attributes": {
|
|
2404
|
+
"group": "paint",
|
|
2405
|
+
"state": "deprecated",
|
|
2406
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
2407
|
+
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2408
|
+
},
|
|
2409
|
+
"value": "M200"
|
|
2410
|
+
},
|
|
2411
|
+
"name": "color.background.accent.magenta.[default]",
|
|
2412
|
+
"path": ["color", "background", "accent", "magenta", "[default]"]
|
|
2413
|
+
}, {
|
|
2414
|
+
"attributes": {
|
|
2415
|
+
"group": "paint",
|
|
2416
|
+
"state": "deprecated",
|
|
2417
|
+
"replacement": "color.background.accent.magenta.subtle",
|
|
2418
|
+
"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."
|
|
2419
|
+
},
|
|
2420
|
+
"value": "#E774BB",
|
|
2421
|
+
"filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
|
|
2422
|
+
"isSource": true,
|
|
2423
|
+
"original": {
|
|
2424
|
+
"attributes": {
|
|
2425
|
+
"group": "paint",
|
|
2426
|
+
"state": "deprecated",
|
|
2427
|
+
"replacement": "color.background.accent.magenta.subtle",
|
|
2428
|
+
"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."
|
|
2429
|
+
},
|
|
2430
|
+
"value": "M400"
|
|
2431
|
+
},
|
|
1640
2432
|
"name": "color.background.accent.magenta.bold",
|
|
1641
2433
|
"path": ["color", "background", "accent", "magenta", "bold"]
|
|
1642
2434
|
}, {
|
|
@@ -3833,7 +4625,7 @@ var tokens = [{
|
|
|
3833
4625
|
"attributes": {
|
|
3834
4626
|
"group": "paint",
|
|
3835
4627
|
"state": "deprecated",
|
|
3836
|
-
"replacement": "color.background.accent.blue.
|
|
4628
|
+
"replacement": "color.background.accent.blue.bolder",
|
|
3837
4629
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3838
4630
|
},
|
|
3839
4631
|
"value": "#579DFF",
|
|
@@ -3843,7 +4635,7 @@ var tokens = [{
|
|
|
3843
4635
|
"attributes": {
|
|
3844
4636
|
"group": "paint",
|
|
3845
4637
|
"state": "deprecated",
|
|
3846
|
-
"replacement": "color.background.accent.blue.
|
|
4638
|
+
"replacement": "color.background.accent.blue.bolder",
|
|
3847
4639
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3848
4640
|
},
|
|
3849
4641
|
"value": "B400"
|
|
@@ -3854,7 +4646,7 @@ var tokens = [{
|
|
|
3854
4646
|
"attributes": {
|
|
3855
4647
|
"group": "paint",
|
|
3856
4648
|
"state": "deprecated",
|
|
3857
|
-
"replacement": "color.background.accent.green.
|
|
4649
|
+
"replacement": "color.background.accent.green.bolder",
|
|
3858
4650
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3859
4651
|
},
|
|
3860
4652
|
"value": "#4BCE97",
|
|
@@ -3864,7 +4656,7 @@ var tokens = [{
|
|
|
3864
4656
|
"attributes": {
|
|
3865
4657
|
"group": "paint",
|
|
3866
4658
|
"state": "deprecated",
|
|
3867
|
-
"replacement": "color.background.accent.green.
|
|
4659
|
+
"replacement": "color.background.accent.green.bolder",
|
|
3868
4660
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3869
4661
|
},
|
|
3870
4662
|
"value": "G400"
|
|
@@ -3875,7 +4667,7 @@ var tokens = [{
|
|
|
3875
4667
|
"attributes": {
|
|
3876
4668
|
"group": "paint",
|
|
3877
4669
|
"state": "deprecated",
|
|
3878
|
-
"replacement": "color.background.accent.orange.
|
|
4670
|
+
"replacement": "color.background.accent.orange.bolder",
|
|
3879
4671
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3880
4672
|
},
|
|
3881
4673
|
"value": "#FAA53D",
|
|
@@ -3885,7 +4677,7 @@ var tokens = [{
|
|
|
3885
4677
|
"attributes": {
|
|
3886
4678
|
"group": "paint",
|
|
3887
4679
|
"state": "deprecated",
|
|
3888
|
-
"replacement": "color.background.accent.orange.
|
|
4680
|
+
"replacement": "color.background.accent.orange.bolder",
|
|
3889
4681
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3890
4682
|
},
|
|
3891
4683
|
"value": "O400"
|
|
@@ -3896,7 +4688,7 @@ var tokens = [{
|
|
|
3896
4688
|
"attributes": {
|
|
3897
4689
|
"group": "paint",
|
|
3898
4690
|
"state": "deprecated",
|
|
3899
|
-
"replacement": "color.background.accent.purple.
|
|
4691
|
+
"replacement": "color.background.accent.purple.bolder",
|
|
3900
4692
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3901
4693
|
},
|
|
3902
4694
|
"value": "#9F8FEF",
|
|
@@ -3906,7 +4698,7 @@ var tokens = [{
|
|
|
3906
4698
|
"attributes": {
|
|
3907
4699
|
"group": "paint",
|
|
3908
4700
|
"state": "deprecated",
|
|
3909
|
-
"replacement": "color.background.accent.purple.
|
|
4701
|
+
"replacement": "color.background.accent.purple.bolder",
|
|
3910
4702
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3911
4703
|
},
|
|
3912
4704
|
"value": "P400"
|
|
@@ -3917,7 +4709,7 @@ var tokens = [{
|
|
|
3917
4709
|
"attributes": {
|
|
3918
4710
|
"group": "paint",
|
|
3919
4711
|
"state": "deprecated",
|
|
3920
|
-
"replacement": "color.background.accent.red.
|
|
4712
|
+
"replacement": "color.background.accent.red.bolder",
|
|
3921
4713
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3922
4714
|
},
|
|
3923
4715
|
"value": "#F87462",
|
|
@@ -3927,7 +4719,7 @@ var tokens = [{
|
|
|
3927
4719
|
"attributes": {
|
|
3928
4720
|
"group": "paint",
|
|
3929
4721
|
"state": "deprecated",
|
|
3930
|
-
"replacement": "color.background.accent.red.
|
|
4722
|
+
"replacement": "color.background.accent.red.bolder",
|
|
3931
4723
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3932
4724
|
},
|
|
3933
4725
|
"value": "R400"
|
|
@@ -3938,7 +4730,7 @@ var tokens = [{
|
|
|
3938
4730
|
"attributes": {
|
|
3939
4731
|
"group": "paint",
|
|
3940
4732
|
"state": "deprecated",
|
|
3941
|
-
"replacement": "color.background.accent.teal.
|
|
4733
|
+
"replacement": "color.background.accent.teal.bolder",
|
|
3942
4734
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3943
4735
|
},
|
|
3944
4736
|
"value": "#60C6D2",
|
|
@@ -3948,7 +4740,7 @@ var tokens = [{
|
|
|
3948
4740
|
"attributes": {
|
|
3949
4741
|
"group": "paint",
|
|
3950
4742
|
"state": "deprecated",
|
|
3951
|
-
"replacement": "color.background.accent.teal.
|
|
4743
|
+
"replacement": "color.background.accent.teal.bolder",
|
|
3952
4744
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
3953
4745
|
},
|
|
3954
4746
|
"value": "T400"
|
|
@@ -3959,7 +4751,7 @@ var tokens = [{
|
|
|
3959
4751
|
"attributes": {
|
|
3960
4752
|
"group": "paint",
|
|
3961
4753
|
"state": "deprecated",
|
|
3962
|
-
"replacement": "color.background.accent.blue.
|
|
4754
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
3963
4755
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3964
4756
|
},
|
|
3965
4757
|
"value": "#CCE0FF",
|
|
@@ -3969,7 +4761,7 @@ var tokens = [{
|
|
|
3969
4761
|
"attributes": {
|
|
3970
4762
|
"group": "paint",
|
|
3971
4763
|
"state": "deprecated",
|
|
3972
|
-
"replacement": "color.background.accent.blue.
|
|
4764
|
+
"replacement": "color.background.accent.blue.subtler",
|
|
3973
4765
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3974
4766
|
},
|
|
3975
4767
|
"value": "B200"
|
|
@@ -3980,7 +4772,7 @@ var tokens = [{
|
|
|
3980
4772
|
"attributes": {
|
|
3981
4773
|
"group": "paint",
|
|
3982
4774
|
"state": "deprecated",
|
|
3983
|
-
"replacement": "color.background.accent.green.
|
|
4775
|
+
"replacement": "color.background.accent.green.subtler",
|
|
3984
4776
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3985
4777
|
},
|
|
3986
4778
|
"value": "#BAF3DB",
|
|
@@ -3990,7 +4782,7 @@ var tokens = [{
|
|
|
3990
4782
|
"attributes": {
|
|
3991
4783
|
"group": "paint",
|
|
3992
4784
|
"state": "deprecated",
|
|
3993
|
-
"replacement": "color.background.accent.green.
|
|
4785
|
+
"replacement": "color.background.accent.green.subtler",
|
|
3994
4786
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
3995
4787
|
},
|
|
3996
4788
|
"value": "G200"
|
|
@@ -4001,7 +4793,7 @@ var tokens = [{
|
|
|
4001
4793
|
"attributes": {
|
|
4002
4794
|
"group": "paint",
|
|
4003
4795
|
"state": "deprecated",
|
|
4004
|
-
"replacement": "color.background.accent.magenta.
|
|
4796
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
4005
4797
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4006
4798
|
},
|
|
4007
4799
|
"value": "#FDD0EC",
|
|
@@ -4011,7 +4803,7 @@ var tokens = [{
|
|
|
4011
4803
|
"attributes": {
|
|
4012
4804
|
"group": "paint",
|
|
4013
4805
|
"state": "deprecated",
|
|
4014
|
-
"replacement": "color.background.accent.magenta.
|
|
4806
|
+
"replacement": "color.background.accent.magenta.subtler",
|
|
4015
4807
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4016
4808
|
},
|
|
4017
4809
|
"value": "M200"
|
|
@@ -4022,7 +4814,7 @@ var tokens = [{
|
|
|
4022
4814
|
"attributes": {
|
|
4023
4815
|
"group": "paint",
|
|
4024
4816
|
"state": "deprecated",
|
|
4025
|
-
"replacement": "color.background.accent.orange.
|
|
4817
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
4026
4818
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4027
4819
|
},
|
|
4028
4820
|
"value": "#FFE2BD",
|
|
@@ -4032,7 +4824,7 @@ var tokens = [{
|
|
|
4032
4824
|
"attributes": {
|
|
4033
4825
|
"group": "paint",
|
|
4034
4826
|
"state": "deprecated",
|
|
4035
|
-
"replacement": "color.background.accent.orange.
|
|
4827
|
+
"replacement": "color.background.accent.orange.subtler",
|
|
4036
4828
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4037
4829
|
},
|
|
4038
4830
|
"value": "O200"
|
|
@@ -4043,7 +4835,7 @@ var tokens = [{
|
|
|
4043
4835
|
"attributes": {
|
|
4044
4836
|
"group": "paint",
|
|
4045
4837
|
"state": "deprecated",
|
|
4046
|
-
"replacement": "color.background.accent.purple.
|
|
4838
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
4047
4839
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4048
4840
|
},
|
|
4049
4841
|
"value": "#DFD8FD",
|
|
@@ -4053,7 +4845,7 @@ var tokens = [{
|
|
|
4053
4845
|
"attributes": {
|
|
4054
4846
|
"group": "paint",
|
|
4055
4847
|
"state": "deprecated",
|
|
4056
|
-
"replacement": "color.background.accent.purple.
|
|
4848
|
+
"replacement": "color.background.accent.purple.subtler",
|
|
4057
4849
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4058
4850
|
},
|
|
4059
4851
|
"value": "P200"
|
|
@@ -4064,7 +4856,7 @@ var tokens = [{
|
|
|
4064
4856
|
"attributes": {
|
|
4065
4857
|
"group": "paint",
|
|
4066
4858
|
"state": "deprecated",
|
|
4067
|
-
"replacement": "color.background.accent.red.
|
|
4859
|
+
"replacement": "color.background.accent.red.subtler",
|
|
4068
4860
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4069
4861
|
},
|
|
4070
4862
|
"value": "#FFD2CC",
|
|
@@ -4074,7 +4866,7 @@ var tokens = [{
|
|
|
4074
4866
|
"attributes": {
|
|
4075
4867
|
"group": "paint",
|
|
4076
4868
|
"state": "deprecated",
|
|
4077
|
-
"replacement": "color.background.accent.red.
|
|
4869
|
+
"replacement": "color.background.accent.red.subtler",
|
|
4078
4870
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4079
4871
|
},
|
|
4080
4872
|
"value": "R200"
|
|
@@ -4085,7 +4877,7 @@ var tokens = [{
|
|
|
4085
4877
|
"attributes": {
|
|
4086
4878
|
"group": "paint",
|
|
4087
4879
|
"state": "deprecated",
|
|
4088
|
-
"replacement": "color.background.accent.teal.
|
|
4880
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
4089
4881
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4090
4882
|
},
|
|
4091
4883
|
"value": "#C1F0F5",
|
|
@@ -4095,7 +4887,7 @@ var tokens = [{
|
|
|
4095
4887
|
"attributes": {
|
|
4096
4888
|
"group": "paint",
|
|
4097
4889
|
"state": "deprecated",
|
|
4098
|
-
"replacement": "color.background.accent.teal.
|
|
4890
|
+
"replacement": "color.background.accent.teal.subtler",
|
|
4099
4891
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
4100
4892
|
},
|
|
4101
4893
|
"value": "T200"
|