@atlaskit/tokens 0.6.3 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/css/atlassian-dark.css +45 -3
  3. package/css/atlassian-light.css +43 -1
  4. package/dist/cjs/artifacts/rename-mapping.js +78 -14
  5. package/dist/cjs/artifacts/token-default-values.js +43 -1
  6. package/dist/cjs/artifacts/token-names.js +42 -0
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1009 -179
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1007 -177
  9. package/dist/cjs/figma/synchronize-figma-tokens.js +34 -9
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/tokens/atlassian-dark/color/accent.js +120 -32
  12. package/dist/cjs/tokens/atlassian-dark/color/background.js +11 -1
  13. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
  14. package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
  15. package/dist/cjs/tokens/atlassian-light/color/background.js +11 -1
  16. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +66 -0
  17. package/dist/cjs/tokens/atlassian-light/elevation/surface.js +1 -1
  18. package/dist/cjs/tokens/default/color/accent.js +234 -50
  19. package/dist/cjs/tokens/default/color/background.js +20 -4
  20. package/dist/cjs/tokens/default/deprecated/deprecated.js +160 -14
  21. package/dist/cjs/version.json +1 -1
  22. package/dist/es2019/artifacts/rename-mapping.js +78 -14
  23. package/dist/es2019/artifacts/token-default-values.js +43 -1
  24. package/dist/es2019/artifacts/token-names.js +42 -0
  25. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1009 -179
  26. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1007 -177
  27. package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
  28. package/dist/es2019/get-token.js +1 -1
  29. package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
  30. package/dist/es2019/tokens/atlassian-dark/color/background.js +11 -1
  31. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
  32. package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
  33. package/dist/es2019/tokens/atlassian-light/color/background.js +11 -1
  34. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +66 -0
  35. package/dist/es2019/tokens/atlassian-light/elevation/surface.js +1 -1
  36. package/dist/es2019/tokens/default/color/accent.js +234 -50
  37. package/dist/es2019/tokens/default/color/background.js +20 -4
  38. package/dist/es2019/tokens/default/deprecated/deprecated.js +160 -14
  39. package/dist/es2019/version.json +1 -1
  40. package/dist/esm/artifacts/rename-mapping.js +78 -14
  41. package/dist/esm/artifacts/token-default-values.js +43 -1
  42. package/dist/esm/artifacts/token-names.js +42 -0
  43. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1009 -179
  44. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1007 -177
  45. package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
  46. package/dist/esm/get-token.js +1 -1
  47. package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
  48. package/dist/esm/tokens/atlassian-dark/color/background.js +11 -1
  49. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
  50. package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
  51. package/dist/esm/tokens/atlassian-light/color/background.js +11 -1
  52. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +66 -0
  53. package/dist/esm/tokens/atlassian-light/elevation/surface.js +1 -1
  54. package/dist/esm/tokens/default/color/accent.js +234 -50
  55. package/dist/esm/tokens/default/color/background.js +20 -4
  56. package/dist/esm/tokens/default/deprecated/deprecated.js +160 -14
  57. package/dist/esm/version.json +1 -1
  58. package/dist/types/artifacts/token-default-values.d.ts +43 -1
  59. package/dist/types/artifacts/token-names.d.ts +84 -0
  60. package/dist/types/artifacts/types-internal.d.ts +1 -1
  61. package/dist/types/artifacts/types.d.ts +1 -1
  62. package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
  63. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  64. package/dist/types/types.d.ts +103 -25
  65. 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, such as file type icons."
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, such as file type icons."
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, such as file type icons."
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, such as file type icons."
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
  },
@@ -1268,352 +1420,990 @@ var tokens = [{
1268
1420
  "attributes": {
1269
1421
  "group": "paint",
1270
1422
  "state": "active",
1271
- "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
1423
+ "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
1424
+ },
1425
+ "value": "P600"
1426
+ },
1427
+ "name": "color.border.discovery",
1428
+ "path": ["color", "border", "discovery"]
1429
+ }, {
1430
+ "attributes": {
1431
+ "group": "paint",
1432
+ "state": "active",
1433
+ "description": "Use for borders communicating information or something in-progress."
1434
+ },
1435
+ "value": "#1D7AFC",
1436
+ "filePath": "src/tokens/atlassian-light/color/border.tsx",
1437
+ "isSource": true,
1438
+ "original": {
1439
+ "attributes": {
1440
+ "group": "paint",
1441
+ "state": "active",
1442
+ "description": "Use for borders communicating information or something in-progress."
1443
+ },
1444
+ "value": "B600"
1445
+ },
1446
+ "name": "color.border.information",
1447
+ "path": ["color", "border", "information"]
1448
+ }, {
1449
+ "attributes": {
1450
+ "group": "paint",
1451
+ "state": "deprecated",
1452
+ "replacement": "color.border.focused",
1453
+ "description": "Use for focus rings of elements in a focus state"
1454
+ },
1455
+ "value": "#388BFF",
1456
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1457
+ "isSource": true,
1458
+ "original": {
1459
+ "attributes": {
1460
+ "group": "paint",
1461
+ "state": "deprecated",
1462
+ "replacement": "color.border.focused",
1463
+ "description": "Use for focus rings of elements in a focus state"
1464
+ },
1465
+ "value": "B500"
1466
+ },
1467
+ "name": "color.border.focus",
1468
+ "path": ["color", "border", "focus"]
1469
+ }, {
1470
+ "attributes": {
1471
+ "group": "paint",
1472
+ "state": "deprecated",
1473
+ "replacement": "color.border.[default]",
1474
+ "description": "Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers"
1475
+ },
1476
+ "value": "#091E4224",
1477
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1478
+ "isSource": true,
1479
+ "original": {
1480
+ "attributes": {
1481
+ "group": "paint",
1482
+ "state": "deprecated",
1483
+ "replacement": "color.border.[default]",
1484
+ "description": "Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers"
1485
+ },
1486
+ "value": "N300A"
1487
+ },
1488
+ "name": "color.border.neutral",
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"]
1509
+ }, {
1510
+ "attributes": {
1511
+ "group": "paint",
1512
+ "state": "active",
1513
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1514
+ },
1515
+ "value": "#CCE0FF",
1516
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1517
+ "isSource": true,
1518
+ "original": {
1519
+ "attributes": {
1520
+ "group": "paint",
1521
+ "state": "active",
1522
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1523
+ },
1524
+ "value": "B200"
1525
+ },
1526
+ "name": "color.background.accent.blue.subtler",
1527
+ "path": ["color", "background", "accent", "blue", "subtler"]
1528
+ }, {
1529
+ "attributes": {
1530
+ "group": "paint",
1531
+ "state": "active",
1532
+ "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1533
+ },
1534
+ "value": "#579DFF",
1535
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1536
+ "isSource": true,
1537
+ "original": {
1538
+ "attributes": {
1539
+ "group": "paint",
1540
+ "state": "active",
1541
+ "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1542
+ },
1543
+ "value": "B400"
1544
+ },
1545
+ "name": "color.background.accent.blue.subtle",
1546
+ "path": ["color", "background", "accent", "blue", "subtle"]
1547
+ }, {
1548
+ "attributes": {
1549
+ "group": "paint",
1550
+ "state": "active",
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."
1552
+ },
1553
+ "value": "#0C66E4",
1554
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1555
+ "isSource": true,
1556
+ "original": {
1557
+ "attributes": {
1558
+ "group": "paint",
1559
+ "state": "active",
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."
1561
+ },
1562
+ "value": "B700"
1563
+ },
1564
+ "name": "color.background.accent.blue.bolder",
1565
+ "path": ["color", "background", "accent", "blue", "bolder"]
1566
+ }, {
1567
+ "attributes": {
1568
+ "group": "paint",
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."
1572
+ },
1573
+ "value": "#CCE0FF",
1574
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1575
+ "isSource": true,
1576
+ "original": {
1577
+ "attributes": {
1578
+ "group": "paint",
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."
1582
+ },
1583
+ "value": "B200"
1584
+ },
1585
+ "name": "color.background.accent.blue.[default]",
1586
+ "path": ["color", "background", "accent", "blue", "[default]"]
1587
+ }, {
1588
+ "attributes": {
1589
+ "group": "paint",
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."
1593
+ },
1594
+ "value": "#579DFF",
1595
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1596
+ "isSource": true,
1597
+ "original": {
1598
+ "attributes": {
1599
+ "group": "paint",
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."
1603
+ },
1604
+ "value": "B400"
1605
+ },
1606
+ "name": "color.background.accent.blue.bold",
1607
+ "path": ["color", "background", "accent", "blue", "bold"]
1608
+ }, {
1609
+ "attributes": {
1610
+ "group": "paint",
1611
+ "state": "active",
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."
1613
+ },
1614
+ "value": "#FFEDEB",
1615
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1616
+ "isSource": true,
1617
+ "original": {
1618
+ "attributes": {
1619
+ "group": "paint",
1620
+ "state": "active",
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."
1622
+ },
1623
+ "value": "R100"
1624
+ },
1625
+ "name": "color.background.accent.red.subtlest",
1626
+ "path": ["color", "background", "accent", "red", "subtlest"]
1627
+ }, {
1628
+ "attributes": {
1629
+ "group": "paint",
1630
+ "state": "active",
1631
+ "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
1632
+ },
1633
+ "value": "#FFD2CC",
1634
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1635
+ "isSource": true,
1636
+ "original": {
1637
+ "attributes": {
1638
+ "group": "paint",
1639
+ "state": "active",
1640
+ "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
1641
+ },
1642
+ "value": "R200"
1643
+ },
1644
+ "name": "color.background.accent.red.subtler",
1645
+ "path": ["color", "background", "accent", "red", "subtler"]
1646
+ }, {
1647
+ "attributes": {
1648
+ "group": "paint",
1649
+ "state": "active",
1650
+ "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
1651
+ },
1652
+ "value": "#F87462",
1653
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1654
+ "isSource": true,
1655
+ "original": {
1656
+ "attributes": {
1657
+ "group": "paint",
1658
+ "state": "active",
1659
+ "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
1660
+ },
1661
+ "value": "R400"
1662
+ },
1663
+ "name": "color.background.accent.red.subtle",
1664
+ "path": ["color", "background", "accent", "red", "subtle"]
1665
+ }, {
1666
+ "attributes": {
1667
+ "group": "paint",
1668
+ "state": "active",
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."
1670
+ },
1671
+ "value": "#CA3521",
1672
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1673
+ "isSource": true,
1674
+ "original": {
1675
+ "attributes": {
1676
+ "group": "paint",
1677
+ "state": "active",
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."
1679
+ },
1680
+ "value": "R700"
1681
+ },
1682
+ "name": "color.background.accent.red.bolder",
1683
+ "path": ["color", "background", "accent", "red", "bolder"]
1684
+ }, {
1685
+ "attributes": {
1686
+ "group": "paint",
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."
1690
+ },
1691
+ "value": "#FFD2CC",
1692
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1693
+ "isSource": true,
1694
+ "original": {
1695
+ "attributes": {
1696
+ "group": "paint",
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."
1700
+ },
1701
+ "value": "R200"
1702
+ },
1703
+ "name": "color.background.accent.red.[default]",
1704
+ "path": ["color", "background", "accent", "red", "[default]"]
1705
+ }, {
1706
+ "attributes": {
1707
+ "group": "paint",
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."
1711
+ },
1712
+ "value": "#F87462",
1713
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1714
+ "isSource": true,
1715
+ "original": {
1716
+ "attributes": {
1717
+ "group": "paint",
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."
1721
+ },
1722
+ "value": "R400"
1723
+ },
1724
+ "name": "color.background.accent.red.bold",
1725
+ "path": ["color", "background", "accent", "red", "bold"]
1726
+ }, {
1727
+ "attributes": {
1728
+ "group": "paint",
1729
+ "state": "active",
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."
1731
+ },
1732
+ "value": "#FFF4E5",
1733
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1734
+ "isSource": true,
1735
+ "original": {
1736
+ "attributes": {
1737
+ "group": "paint",
1738
+ "state": "active",
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."
1740
+ },
1741
+ "value": "O100"
1742
+ },
1743
+ "name": "color.background.accent.orange.subtlest",
1744
+ "path": ["color", "background", "accent", "orange", "subtlest"]
1745
+ }, {
1746
+ "attributes": {
1747
+ "group": "paint",
1748
+ "state": "active",
1749
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
1750
+ },
1751
+ "value": "#FFE2BD",
1752
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1753
+ "isSource": true,
1754
+ "original": {
1755
+ "attributes": {
1756
+ "group": "paint",
1757
+ "state": "active",
1758
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
1759
+ },
1760
+ "value": "O200"
1761
+ },
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."
1272
2014
  },
1273
- "value": "P600"
2015
+ "value": "G400"
1274
2016
  },
1275
- "name": "color.border.discovery",
1276
- "path": ["color", "border", "discovery"]
2017
+ "name": "color.background.accent.green.subtle",
2018
+ "path": ["color", "background", "accent", "green", "subtle"]
1277
2019
  }, {
1278
2020
  "attributes": {
1279
2021
  "group": "paint",
1280
2022
  "state": "active",
1281
- "description": "Use for borders communicating information or something in-progress."
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."
1282
2024
  },
1283
- "value": "#1D7AFC",
1284
- "filePath": "src/tokens/atlassian-light/color/border.tsx",
2025
+ "value": "#1F845A",
2026
+ "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1285
2027
  "isSource": true,
1286
2028
  "original": {
1287
2029
  "attributes": {
1288
2030
  "group": "paint",
1289
2031
  "state": "active",
1290
- "description": "Use for borders communicating information or something in-progress."
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."
1291
2033
  },
1292
- "value": "B600"
2034
+ "value": "G700"
1293
2035
  },
1294
- "name": "color.border.information",
1295
- "path": ["color", "border", "information"]
2036
+ "name": "color.background.accent.green.bolder",
2037
+ "path": ["color", "background", "accent", "green", "bolder"]
1296
2038
  }, {
1297
2039
  "attributes": {
1298
2040
  "group": "paint",
1299
2041
  "state": "deprecated",
1300
- "replacement": "color.border.focused",
1301
- "description": "Use for focus rings of elements in a focus state"
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."
1302
2044
  },
1303
- "value": "#388BFF",
2045
+ "value": "#BAF3DB",
1304
2046
  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1305
2047
  "isSource": true,
1306
2048
  "original": {
1307
2049
  "attributes": {
1308
2050
  "group": "paint",
1309
2051
  "state": "deprecated",
1310
- "replacement": "color.border.focused",
1311
- "description": "Use for focus rings of elements in a focus state"
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."
1312
2054
  },
1313
- "value": "B500"
2055
+ "value": "G200"
1314
2056
  },
1315
- "name": "color.border.focus",
1316
- "path": ["color", "border", "focus"]
2057
+ "name": "color.background.accent.green.[default]",
2058
+ "path": ["color", "background", "accent", "green", "[default]"]
1317
2059
  }, {
1318
2060
  "attributes": {
1319
2061
  "group": "paint",
1320
2062
  "state": "deprecated",
1321
- "replacement": "color.border.[default]",
1322
- "description": "Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers"
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."
1323
2065
  },
1324
- "value": "#091E4224",
2066
+ "value": "#4BCE97",
1325
2067
  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1326
2068
  "isSource": true,
1327
2069
  "original": {
1328
2070
  "attributes": {
1329
2071
  "group": "paint",
1330
2072
  "state": "deprecated",
1331
- "replacement": "color.border.[default]",
1332
- "description": "Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers"
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."
1333
2075
  },
1334
- "value": "N300A"
2076
+ "value": "G400"
1335
2077
  },
1336
- "name": "color.border.neutral",
1337
- "path": ["color", "border", "neutral"]
2078
+ "name": "color.background.accent.green.bold",
2079
+ "path": ["color", "background", "accent", "green", "bold"]
1338
2080
  }, {
1339
2081
  "attributes": {
1340
2082
  "group": "paint",
1341
2083
  "state": "active",
1342
- "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
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."
1343
2085
  },
1344
- "value": "#CCE0FF",
2086
+ "value": "#E3FAFC",
1345
2087
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1346
2088
  "isSource": true,
1347
2089
  "original": {
1348
2090
  "attributes": {
1349
2091
  "group": "paint",
1350
2092
  "state": "active",
1351
- "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
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."
1352
2094
  },
1353
- "value": "B200"
2095
+ "value": "T100"
1354
2096
  },
1355
- "name": "color.background.accent.blue.[default]",
1356
- "path": ["color", "background", "accent", "blue", "[default]"]
2097
+ "name": "color.background.accent.teal.subtlest",
2098
+ "path": ["color", "background", "accent", "teal", "subtlest"]
1357
2099
  }, {
1358
2100
  "attributes": {
1359
2101
  "group": "paint",
1360
2102
  "state": "active",
1361
- "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
2103
+ "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
1362
2104
  },
1363
- "value": "#579DFF",
2105
+ "value": "#C1F0F5",
1364
2106
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1365
2107
  "isSource": true,
1366
2108
  "original": {
1367
2109
  "attributes": {
1368
2110
  "group": "paint",
1369
2111
  "state": "active",
1370
- "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
2112
+ "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
1371
2113
  },
1372
- "value": "B400"
2114
+ "value": "T200"
1373
2115
  },
1374
- "name": "color.background.accent.blue.bold",
1375
- "path": ["color", "background", "accent", "blue", "bold"]
2116
+ "name": "color.background.accent.teal.subtler",
2117
+ "path": ["color", "background", "accent", "teal", "subtler"]
1376
2118
  }, {
1377
2119
  "attributes": {
1378
2120
  "group": "paint",
1379
2121
  "state": "active",
1380
- "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
2122
+ "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
1381
2123
  },
1382
- "value": "#FFD2CC",
2124
+ "value": "#60C6D2",
1383
2125
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1384
2126
  "isSource": true,
1385
2127
  "original": {
1386
2128
  "attributes": {
1387
2129
  "group": "paint",
1388
2130
  "state": "active",
1389
- "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
2131
+ "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
1390
2132
  },
1391
- "value": "R200"
2133
+ "value": "T400"
1392
2134
  },
1393
- "name": "color.background.accent.red.[default]",
1394
- "path": ["color", "background", "accent", "red", "[default]"]
2135
+ "name": "color.background.accent.teal.subtle",
2136
+ "path": ["color", "background", "accent", "teal", "subtle"]
1395
2137
  }, {
1396
2138
  "attributes": {
1397
2139
  "group": "paint",
1398
2140
  "state": "active",
1399
- "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1400
2142
  },
1401
- "value": "#F87462",
2143
+ "value": "#1D7F8C",
1402
2144
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1403
2145
  "isSource": true,
1404
2146
  "original": {
1405
2147
  "attributes": {
1406
2148
  "group": "paint",
1407
2149
  "state": "active",
1408
- "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1409
2151
  },
1410
- "value": "R400"
2152
+ "value": "T700"
1411
2153
  },
1412
- "name": "color.background.accent.red.bold",
1413
- "path": ["color", "background", "accent", "red", "bold"]
2154
+ "name": "color.background.accent.teal.bolder",
2155
+ "path": ["color", "background", "accent", "teal", "bolder"]
1414
2156
  }, {
1415
2157
  "attributes": {
1416
2158
  "group": "paint",
1417
- "state": "active",
1418
- "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1419
2162
  },
1420
- "value": "#FFE2BD",
1421
- "filePath": "src/tokens/atlassian-light/color/accent.tsx",
2163
+ "value": "#C1F0F5",
2164
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1422
2165
  "isSource": true,
1423
2166
  "original": {
1424
2167
  "attributes": {
1425
2168
  "group": "paint",
1426
- "state": "active",
1427
- "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1428
2172
  },
1429
- "value": "O200"
2173
+ "value": "T200"
1430
2174
  },
1431
- "name": "color.background.accent.orange.[default]",
1432
- "path": ["color", "background", "accent", "orange", "[default]"]
2175
+ "name": "color.background.accent.teal.[default]",
2176
+ "path": ["color", "background", "accent", "teal", "[default]"]
1433
2177
  }, {
1434
2178
  "attributes": {
1435
2179
  "group": "paint",
1436
- "state": "active",
1437
- "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1438
2183
  },
1439
- "value": "#FAA53D",
1440
- "filePath": "src/tokens/atlassian-light/color/accent.tsx",
2184
+ "value": "#60C6D2",
2185
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1441
2186
  "isSource": true,
1442
2187
  "original": {
1443
2188
  "attributes": {
1444
2189
  "group": "paint",
1445
- "state": "active",
1446
- "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1447
2193
  },
1448
- "value": "O400"
2194
+ "value": "T400"
1449
2195
  },
1450
- "name": "color.background.accent.orange.bold",
1451
- "path": ["color", "background", "accent", "orange", "bold"]
2196
+ "name": "color.background.accent.teal.bold",
2197
+ "path": ["color", "background", "accent", "teal", "bold"]
1452
2198
  }, {
1453
2199
  "attributes": {
1454
2200
  "group": "paint",
1455
2201
  "state": "active",
1456
- "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1457
2203
  },
1458
- "value": "#F8E6A0",
2204
+ "value": "#F3F0FF",
1459
2205
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1460
2206
  "isSource": true,
1461
2207
  "original": {
1462
2208
  "attributes": {
1463
2209
  "group": "paint",
1464
2210
  "state": "active",
1465
- "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1466
2212
  },
1467
- "value": "Y200"
2213
+ "value": "P100"
1468
2214
  },
1469
- "name": "color.background.accent.yellow.[default]",
1470
- "path": ["color", "background", "accent", "yellow", "[default]"]
2215
+ "name": "color.background.accent.purple.subtlest",
2216
+ "path": ["color", "background", "accent", "purple", "subtlest"]
1471
2217
  }, {
1472
2218
  "attributes": {
1473
2219
  "group": "paint",
1474
2220
  "state": "active",
1475
- "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
2221
+ "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
1476
2222
  },
1477
- "value": "#E2B203",
2223
+ "value": "#DFD8FD",
1478
2224
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1479
2225
  "isSource": true,
1480
2226
  "original": {
1481
2227
  "attributes": {
1482
2228
  "group": "paint",
1483
2229
  "state": "active",
1484
- "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
2230
+ "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
1485
2231
  },
1486
- "value": "Y400"
2232
+ "value": "P200"
1487
2233
  },
1488
- "name": "color.background.accent.yellow.bold",
1489
- "path": ["color", "background", "accent", "yellow", "bold"]
2234
+ "name": "color.background.accent.purple.subtler",
2235
+ "path": ["color", "background", "accent", "purple", "subtler"]
1490
2236
  }, {
1491
2237
  "attributes": {
1492
2238
  "group": "paint",
1493
2239
  "state": "active",
1494
- "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
2240
+ "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
1495
2241
  },
1496
- "value": "#BAF3DB",
2242
+ "value": "#9F8FEF",
1497
2243
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1498
2244
  "isSource": true,
1499
2245
  "original": {
1500
2246
  "attributes": {
1501
2247
  "group": "paint",
1502
2248
  "state": "active",
1503
- "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
2249
+ "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
1504
2250
  },
1505
- "value": "G200"
2251
+ "value": "P400"
1506
2252
  },
1507
- "name": "color.background.accent.green.[default]",
1508
- "path": ["color", "background", "accent", "green", "[default]"]
2253
+ "name": "color.background.accent.purple.subtle",
2254
+ "path": ["color", "background", "accent", "purple", "subtle"]
1509
2255
  }, {
1510
2256
  "attributes": {
1511
2257
  "group": "paint",
1512
2258
  "state": "active",
1513
- "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1514
2260
  },
1515
- "value": "#4BCE97",
2261
+ "value": "#6E5DC6",
1516
2262
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1517
2263
  "isSource": true,
1518
2264
  "original": {
1519
2265
  "attributes": {
1520
2266
  "group": "paint",
1521
2267
  "state": "active",
1522
- "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1523
2269
  },
1524
- "value": "G400"
2270
+ "value": "P700"
1525
2271
  },
1526
- "name": "color.background.accent.green.bold",
1527
- "path": ["color", "background", "accent", "green", "bold"]
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
+ },
2314
+ "name": "color.background.accent.purple.bold",
2315
+ "path": ["color", "background", "accent", "purple", "bold"]
1528
2316
  }, {
1529
2317
  "attributes": {
1530
2318
  "group": "paint",
1531
2319
  "state": "active",
1532
- "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1533
2321
  },
1534
- "value": "#C1F0F5",
2322
+ "value": "#FFECF8",
1535
2323
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1536
2324
  "isSource": true,
1537
2325
  "original": {
1538
2326
  "attributes": {
1539
2327
  "group": "paint",
1540
2328
  "state": "active",
1541
- "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1542
2330
  },
1543
- "value": "T200"
2331
+ "value": "M100"
1544
2332
  },
1545
- "name": "color.background.accent.teal.[default]",
1546
- "path": ["color", "background", "accent", "teal", "[default]"]
2333
+ "name": "color.background.accent.magenta.subtlest",
2334
+ "path": ["color", "background", "accent", "magenta", "subtlest"]
1547
2335
  }, {
1548
2336
  "attributes": {
1549
2337
  "group": "paint",
1550
2338
  "state": "active",
1551
- "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
2339
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1552
2340
  },
1553
- "value": "#60C6D2",
2341
+ "value": "#FDD0EC",
1554
2342
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1555
2343
  "isSource": true,
1556
2344
  "original": {
1557
2345
  "attributes": {
1558
2346
  "group": "paint",
1559
2347
  "state": "active",
1560
- "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
2348
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1561
2349
  },
1562
- "value": "T400"
2350
+ "value": "M200"
1563
2351
  },
1564
- "name": "color.background.accent.teal.bold",
1565
- "path": ["color", "background", "accent", "teal", "bold"]
2352
+ "name": "color.background.accent.magenta.subtler",
2353
+ "path": ["color", "background", "accent", "magenta", "subtler"]
1566
2354
  }, {
1567
2355
  "attributes": {
1568
2356
  "group": "paint",
1569
2357
  "state": "active",
1570
- "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
2358
+ "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1571
2359
  },
1572
- "value": "#DFD8FD",
2360
+ "value": "#E774BB",
1573
2361
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1574
2362
  "isSource": true,
1575
2363
  "original": {
1576
2364
  "attributes": {
1577
2365
  "group": "paint",
1578
2366
  "state": "active",
1579
- "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
2367
+ "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1580
2368
  },
1581
- "value": "P200"
2369
+ "value": "M400"
1582
2370
  },
1583
- "name": "color.background.accent.purple.[default]",
1584
- "path": ["color", "background", "accent", "purple", "[default]"]
2371
+ "name": "color.background.accent.magenta.subtle",
2372
+ "path": ["color", "background", "accent", "magenta", "subtle"]
1585
2373
  }, {
1586
2374
  "attributes": {
1587
2375
  "group": "paint",
1588
2376
  "state": "active",
1589
- "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1590
2378
  },
1591
- "value": "#9F8FEF",
2379
+ "value": "#AE4787",
1592
2380
  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
1593
2381
  "isSource": true,
1594
2382
  "original": {
1595
2383
  "attributes": {
1596
2384
  "group": "paint",
1597
2385
  "state": "active",
1598
- "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1599
2387
  },
1600
- "value": "P400"
2388
+ "value": "M700"
1601
2389
  },
1602
- "name": "color.background.accent.purple.bold",
1603
- "path": ["color", "background", "accent", "purple", "bold"]
2390
+ "name": "color.background.accent.magenta.bolder",
2391
+ "path": ["color", "background", "accent", "magenta", "bolder"]
1604
2392
  }, {
1605
2393
  "attributes": {
1606
2394
  "group": "paint",
1607
- "state": "active",
2395
+ "state": "deprecated",
2396
+ "replacement": "color.background.accent.magenta.subtler",
1608
2397
  "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1609
2398
  },
1610
2399
  "value": "#FDD0EC",
1611
- "filePath": "src/tokens/atlassian-light/color/accent.tsx",
2400
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1612
2401
  "isSource": true,
1613
2402
  "original": {
1614
2403
  "attributes": {
1615
2404
  "group": "paint",
1616
- "state": "active",
2405
+ "state": "deprecated",
2406
+ "replacement": "color.background.accent.magenta.subtler",
1617
2407
  "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1618
2408
  },
1619
2409
  "value": "M200"
@@ -1623,17 +2413,19 @@ var tokens = [{
1623
2413
  }, {
1624
2414
  "attributes": {
1625
2415
  "group": "paint",
1626
- "state": "active",
1627
- "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1628
2419
  },
1629
2420
  "value": "#E774BB",
1630
- "filePath": "src/tokens/atlassian-light/color/accent.tsx",
2421
+ "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
1631
2422
  "isSource": true,
1632
2423
  "original": {
1633
2424
  "attributes": {
1634
2425
  "group": "paint",
1635
- "state": "active",
1636
- "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
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."
1637
2429
  },
1638
2430
  "value": "M400"
1639
2431
  },
@@ -2755,7 +3547,7 @@ var tokens = [{
2755
3547
  "attributes": {
2756
3548
  "group": "paint",
2757
3549
  "state": "deprecated",
2758
- "replacement": "color.blanket",
3550
+ "replacement": "color.blanket.[default]",
2759
3551
  "description": "Use for the screen overlay that appears with modal dialogs"
2760
3552
  },
2761
3553
  "value": "#091E427A",
@@ -2765,7 +3557,7 @@ var tokens = [{
2765
3557
  "attributes": {
2766
3558
  "group": "paint",
2767
3559
  "state": "deprecated",
2768
- "replacement": "color.blanket",
3560
+ "replacement": "color.blanket.[default]",
2769
3561
  "description": "Use for the screen overlay that appears with modal dialogs"
2770
3562
  },
2771
3563
  "value": "N500A"
@@ -3713,8 +4505,46 @@ var tokens = [{
3713
4505
  },
3714
4506
  "value": "N500A"
3715
4507
  },
3716
- "name": "color.blanket",
3717
- "path": ["color", "blanket"]
4508
+ "name": "color.blanket.[default]",
4509
+ "path": ["color", "blanket", "[default]"]
4510
+ }, {
4511
+ "attributes": {
4512
+ "group": "paint",
4513
+ "state": "active",
4514
+ "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
4515
+ },
4516
+ "value": "#388BFFCC",
4517
+ "filePath": "src/tokens/atlassian-light/color/background.tsx",
4518
+ "isSource": true,
4519
+ "original": {
4520
+ "attributes": {
4521
+ "group": "paint",
4522
+ "state": "active",
4523
+ "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
4524
+ },
4525
+ "value": "#388BFFCC"
4526
+ },
4527
+ "name": "color.blanket.selected",
4528
+ "path": ["color", "blanket", "selected"]
4529
+ }, {
4530
+ "attributes": {
4531
+ "group": "paint",
4532
+ "state": "active",
4533
+ "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
4534
+ },
4535
+ "value": "#EF5C48CC",
4536
+ "filePath": "src/tokens/atlassian-light/color/background.tsx",
4537
+ "isSource": true,
4538
+ "original": {
4539
+ "attributes": {
4540
+ "group": "paint",
4541
+ "state": "active",
4542
+ "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
4543
+ },
4544
+ "value": "#EF5C48CC"
4545
+ },
4546
+ "name": "color.blanket.danger",
4547
+ "path": ["color", "blanket", "danger"]
3718
4548
  }, {
3719
4549
  "attributes": {
3720
4550
  "group": "paint",
@@ -3833,7 +4663,7 @@ var tokens = [{
3833
4663
  "attributes": {
3834
4664
  "group": "paint",
3835
4665
  "state": "deprecated",
3836
- "replacement": "color.background.accent.blue.bold",
4666
+ "replacement": "color.background.accent.blue.bolder",
3837
4667
  "description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3838
4668
  },
3839
4669
  "value": "#579DFF",
@@ -3843,7 +4673,7 @@ var tokens = [{
3843
4673
  "attributes": {
3844
4674
  "group": "paint",
3845
4675
  "state": "deprecated",
3846
- "replacement": "color.background.accent.blue.bold",
4676
+ "replacement": "color.background.accent.blue.bolder",
3847
4677
  "description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3848
4678
  },
3849
4679
  "value": "B400"
@@ -3854,7 +4684,7 @@ var tokens = [{
3854
4684
  "attributes": {
3855
4685
  "group": "paint",
3856
4686
  "state": "deprecated",
3857
- "replacement": "color.background.accent.green.bold",
4687
+ "replacement": "color.background.accent.green.bolder",
3858
4688
  "description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3859
4689
  },
3860
4690
  "value": "#4BCE97",
@@ -3864,7 +4694,7 @@ var tokens = [{
3864
4694
  "attributes": {
3865
4695
  "group": "paint",
3866
4696
  "state": "deprecated",
3867
- "replacement": "color.background.accent.green.bold",
4697
+ "replacement": "color.background.accent.green.bolder",
3868
4698
  "description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3869
4699
  },
3870
4700
  "value": "G400"
@@ -3875,7 +4705,7 @@ var tokens = [{
3875
4705
  "attributes": {
3876
4706
  "group": "paint",
3877
4707
  "state": "deprecated",
3878
- "replacement": "color.background.accent.orange.bold",
4708
+ "replacement": "color.background.accent.orange.bolder",
3879
4709
  "description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3880
4710
  },
3881
4711
  "value": "#FAA53D",
@@ -3885,7 +4715,7 @@ var tokens = [{
3885
4715
  "attributes": {
3886
4716
  "group": "paint",
3887
4717
  "state": "deprecated",
3888
- "replacement": "color.background.accent.orange.bold",
4718
+ "replacement": "color.background.accent.orange.bolder",
3889
4719
  "description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3890
4720
  },
3891
4721
  "value": "O400"
@@ -3896,7 +4726,7 @@ var tokens = [{
3896
4726
  "attributes": {
3897
4727
  "group": "paint",
3898
4728
  "state": "deprecated",
3899
- "replacement": "color.background.accent.purple.bold",
4729
+ "replacement": "color.background.accent.purple.bolder",
3900
4730
  "description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3901
4731
  },
3902
4732
  "value": "#9F8FEF",
@@ -3906,7 +4736,7 @@ var tokens = [{
3906
4736
  "attributes": {
3907
4737
  "group": "paint",
3908
4738
  "state": "deprecated",
3909
- "replacement": "color.background.accent.purple.bold",
4739
+ "replacement": "color.background.accent.purple.bolder",
3910
4740
  "description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3911
4741
  },
3912
4742
  "value": "P400"
@@ -3917,7 +4747,7 @@ var tokens = [{
3917
4747
  "attributes": {
3918
4748
  "group": "paint",
3919
4749
  "state": "deprecated",
3920
- "replacement": "color.background.accent.red.bold",
4750
+ "replacement": "color.background.accent.red.bolder",
3921
4751
  "description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3922
4752
  },
3923
4753
  "value": "#F87462",
@@ -3927,7 +4757,7 @@ var tokens = [{
3927
4757
  "attributes": {
3928
4758
  "group": "paint",
3929
4759
  "state": "deprecated",
3930
- "replacement": "color.background.accent.red.bold",
4760
+ "replacement": "color.background.accent.red.bolder",
3931
4761
  "description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3932
4762
  },
3933
4763
  "value": "R400"
@@ -3938,7 +4768,7 @@ var tokens = [{
3938
4768
  "attributes": {
3939
4769
  "group": "paint",
3940
4770
  "state": "deprecated",
3941
- "replacement": "color.background.accent.teal.bold",
4771
+ "replacement": "color.background.accent.teal.bolder",
3942
4772
  "description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3943
4773
  },
3944
4774
  "value": "#60C6D2",
@@ -3948,7 +4778,7 @@ var tokens = [{
3948
4778
  "attributes": {
3949
4779
  "group": "paint",
3950
4780
  "state": "deprecated",
3951
- "replacement": "color.background.accent.teal.bold",
4781
+ "replacement": "color.background.accent.teal.bolder",
3952
4782
  "description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3953
4783
  },
3954
4784
  "value": "T400"
@@ -3959,7 +4789,7 @@ var tokens = [{
3959
4789
  "attributes": {
3960
4790
  "group": "paint",
3961
4791
  "state": "deprecated",
3962
- "replacement": "color.background.accent.blue.[default]",
4792
+ "replacement": "color.background.accent.blue.subtler",
3963
4793
  "description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3964
4794
  },
3965
4795
  "value": "#CCE0FF",
@@ -3969,7 +4799,7 @@ var tokens = [{
3969
4799
  "attributes": {
3970
4800
  "group": "paint",
3971
4801
  "state": "deprecated",
3972
- "replacement": "color.background.accent.blue.[default]",
4802
+ "replacement": "color.background.accent.blue.subtler",
3973
4803
  "description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3974
4804
  },
3975
4805
  "value": "B200"
@@ -3980,7 +4810,7 @@ var tokens = [{
3980
4810
  "attributes": {
3981
4811
  "group": "paint",
3982
4812
  "state": "deprecated",
3983
- "replacement": "color.background.accent.green.[default]",
4813
+ "replacement": "color.background.accent.green.subtler",
3984
4814
  "description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3985
4815
  },
3986
4816
  "value": "#BAF3DB",
@@ -3990,7 +4820,7 @@ var tokens = [{
3990
4820
  "attributes": {
3991
4821
  "group": "paint",
3992
4822
  "state": "deprecated",
3993
- "replacement": "color.background.accent.green.[default]",
4823
+ "replacement": "color.background.accent.green.subtler",
3994
4824
  "description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3995
4825
  },
3996
4826
  "value": "G200"
@@ -4001,7 +4831,7 @@ var tokens = [{
4001
4831
  "attributes": {
4002
4832
  "group": "paint",
4003
4833
  "state": "deprecated",
4004
- "replacement": "color.background.accent.magenta.[default]",
4834
+ "replacement": "color.background.accent.magenta.subtler",
4005
4835
  "description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4006
4836
  },
4007
4837
  "value": "#FDD0EC",
@@ -4011,7 +4841,7 @@ var tokens = [{
4011
4841
  "attributes": {
4012
4842
  "group": "paint",
4013
4843
  "state": "deprecated",
4014
- "replacement": "color.background.accent.magenta.[default]",
4844
+ "replacement": "color.background.accent.magenta.subtler",
4015
4845
  "description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4016
4846
  },
4017
4847
  "value": "M200"
@@ -4022,7 +4852,7 @@ var tokens = [{
4022
4852
  "attributes": {
4023
4853
  "group": "paint",
4024
4854
  "state": "deprecated",
4025
- "replacement": "color.background.accent.orange.[default]",
4855
+ "replacement": "color.background.accent.orange.subtler",
4026
4856
  "description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4027
4857
  },
4028
4858
  "value": "#FFE2BD",
@@ -4032,7 +4862,7 @@ var tokens = [{
4032
4862
  "attributes": {
4033
4863
  "group": "paint",
4034
4864
  "state": "deprecated",
4035
- "replacement": "color.background.accent.orange.[default]",
4865
+ "replacement": "color.background.accent.orange.subtler",
4036
4866
  "description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4037
4867
  },
4038
4868
  "value": "O200"
@@ -4043,7 +4873,7 @@ var tokens = [{
4043
4873
  "attributes": {
4044
4874
  "group": "paint",
4045
4875
  "state": "deprecated",
4046
- "replacement": "color.background.accent.purple.[default]",
4876
+ "replacement": "color.background.accent.purple.subtler",
4047
4877
  "description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4048
4878
  },
4049
4879
  "value": "#DFD8FD",
@@ -4053,7 +4883,7 @@ var tokens = [{
4053
4883
  "attributes": {
4054
4884
  "group": "paint",
4055
4885
  "state": "deprecated",
4056
- "replacement": "color.background.accent.purple.[default]",
4886
+ "replacement": "color.background.accent.purple.subtler",
4057
4887
  "description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4058
4888
  },
4059
4889
  "value": "P200"
@@ -4064,7 +4894,7 @@ var tokens = [{
4064
4894
  "attributes": {
4065
4895
  "group": "paint",
4066
4896
  "state": "deprecated",
4067
- "replacement": "color.background.accent.red.[default]",
4897
+ "replacement": "color.background.accent.red.subtler",
4068
4898
  "description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4069
4899
  },
4070
4900
  "value": "#FFD2CC",
@@ -4074,7 +4904,7 @@ var tokens = [{
4074
4904
  "attributes": {
4075
4905
  "group": "paint",
4076
4906
  "state": "deprecated",
4077
- "replacement": "color.background.accent.red.[default]",
4907
+ "replacement": "color.background.accent.red.subtler",
4078
4908
  "description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4079
4909
  },
4080
4910
  "value": "R200"
@@ -4085,7 +4915,7 @@ var tokens = [{
4085
4915
  "attributes": {
4086
4916
  "group": "paint",
4087
4917
  "state": "deprecated",
4088
- "replacement": "color.background.accent.teal.[default]",
4918
+ "replacement": "color.background.accent.teal.subtler",
4089
4919
  "description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4090
4920
  },
4091
4921
  "value": "#C1F0F5",
@@ -4095,7 +4925,7 @@ var tokens = [{
4095
4925
  "attributes": {
4096
4926
  "group": "paint",
4097
4927
  "state": "deprecated",
4098
- "replacement": "color.background.accent.teal.[default]",
4928
+ "replacement": "color.background.accent.teal.subtler",
4099
4929
  "description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
4100
4930
  },
4101
4931
  "value": "T200"
@@ -4482,7 +5312,7 @@ var tokens = [{
4482
5312
  "state": "active",
4483
5313
  "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
4484
5314
  },
4485
- "value": "#091E4208",
5315
+ "value": "#F7F8F9",
4486
5316
  "filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
4487
5317
  "isSource": true,
4488
5318
  "original": {
@@ -4491,7 +5321,7 @@ var tokens = [{
4491
5321
  "state": "active",
4492
5322
  "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
4493
5323
  },
4494
- "value": "N100A"
5324
+ "value": "N100"
4495
5325
  },
4496
5326
  "name": "elevation.surface.sunken",
4497
5327
  "path": ["elevation", "surface", "sunken"]