@atlaskit/tokens 0.6.1 → 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.
Files changed (95) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/css/atlassian-dark.css +55 -8
  3. package/css/atlassian-light.css +54 -7
  4. package/dist/cjs/artifacts/rename-mapping.js +100 -32
  5. package/dist/cjs/artifacts/token-default-values.js +54 -7
  6. package/dist/cjs/artifacts/token-names.js +54 -7
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1151 -224
  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 +16 -3
  13. package/dist/cjs/tokens/atlassian-dark/color/border.js +3 -0
  14. package/dist/cjs/tokens/atlassian-dark/color/icon.js +3 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -0
  16. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  17. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +1 -1
  18. package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
  19. package/dist/cjs/tokens/atlassian-light/color/background.js +13 -0
  20. package/dist/cjs/tokens/atlassian-light/color/border.js +3 -0
  21. package/dist/cjs/tokens/atlassian-light/color/icon.js +3 -0
  22. package/dist/cjs/tokens/atlassian-light/color/text.js +3 -0
  23. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  24. package/dist/cjs/tokens/default/color/accent.js +234 -50
  25. package/dist/cjs/tokens/default/color/background.js +30 -5
  26. package/dist/cjs/tokens/default/color/border.js +7 -0
  27. package/dist/cjs/tokens/default/color/icon.js +7 -0
  28. package/dist/cjs/tokens/default/color/text.js +7 -0
  29. package/dist/cjs/tokens/default/deprecated/deprecated.js +192 -34
  30. package/dist/cjs/tokens/palette.js +6 -0
  31. package/dist/cjs/version.json +1 -1
  32. package/dist/es2019/artifacts/rename-mapping.js +100 -32
  33. package/dist/es2019/artifacts/token-default-values.js +54 -7
  34. package/dist/es2019/artifacts/token-names.js +54 -7
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1151 -224
  37. package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
  38. package/dist/es2019/get-token.js +1 -1
  39. package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
  40. package/dist/es2019/tokens/atlassian-dark/color/background.js +16 -3
  41. package/dist/es2019/tokens/atlassian-dark/color/border.js +3 -0
  42. package/dist/es2019/tokens/atlassian-dark/color/icon.js +3 -0
  43. package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -0
  44. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  45. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +1 -1
  46. package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
  47. package/dist/es2019/tokens/atlassian-light/color/background.js +13 -0
  48. package/dist/es2019/tokens/atlassian-light/color/border.js +3 -0
  49. package/dist/es2019/tokens/atlassian-light/color/icon.js +3 -0
  50. package/dist/es2019/tokens/atlassian-light/color/text.js +3 -0
  51. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  52. package/dist/es2019/tokens/default/color/accent.js +234 -50
  53. package/dist/es2019/tokens/default/color/background.js +30 -5
  54. package/dist/es2019/tokens/default/color/border.js +7 -0
  55. package/dist/es2019/tokens/default/color/icon.js +7 -0
  56. package/dist/es2019/tokens/default/color/text.js +7 -0
  57. package/dist/es2019/tokens/default/deprecated/deprecated.js +192 -34
  58. package/dist/es2019/tokens/palette.js +6 -0
  59. package/dist/es2019/version.json +1 -1
  60. package/dist/esm/artifacts/rename-mapping.js +100 -32
  61. package/dist/esm/artifacts/token-default-values.js +54 -7
  62. package/dist/esm/artifacts/token-names.js +54 -7
  63. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1173 -246
  64. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1151 -224
  65. package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
  66. package/dist/esm/get-token.js +1 -1
  67. package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
  68. package/dist/esm/tokens/atlassian-dark/color/background.js +16 -3
  69. package/dist/esm/tokens/atlassian-dark/color/border.js +3 -0
  70. package/dist/esm/tokens/atlassian-dark/color/icon.js +3 -0
  71. package/dist/esm/tokens/atlassian-dark/color/text.js +3 -0
  72. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +79 -6
  73. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +1 -1
  74. package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
  75. package/dist/esm/tokens/atlassian-light/color/background.js +13 -0
  76. package/dist/esm/tokens/atlassian-light/color/border.js +3 -0
  77. package/dist/esm/tokens/atlassian-light/color/icon.js +3 -0
  78. package/dist/esm/tokens/atlassian-light/color/text.js +3 -0
  79. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +79 -6
  80. package/dist/esm/tokens/default/color/accent.js +234 -50
  81. package/dist/esm/tokens/default/color/background.js +30 -5
  82. package/dist/esm/tokens/default/color/border.js +7 -0
  83. package/dist/esm/tokens/default/color/icon.js +7 -0
  84. package/dist/esm/tokens/default/color/text.js +7 -0
  85. package/dist/esm/tokens/default/deprecated/deprecated.js +192 -34
  86. package/dist/esm/tokens/palette.js +6 -0
  87. package/dist/esm/version.json +1 -1
  88. package/dist/types/artifacts/token-default-values.d.ts +54 -7
  89. package/dist/types/artifacts/token-names.d.ts +108 -14
  90. package/dist/types/artifacts/types-internal.d.ts +1 -1
  91. package/dist/types/artifacts/types.d.ts +1 -1
  92. package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
  93. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  94. package/dist/types/types.d.ts +116 -26
  95. package/package.json +2 -4
@@ -17,8 +17,27 @@ var tokens = [{
17
17
  },
18
18
  "value": "B300"
19
19
  },
20
- "name": "color.text.accent.blue",
21
- "path": ["color", "text", "accent", "blue"]
20
+ "name": "color.text.accent.blue.[default]",
21
+ "path": ["color", "text", "accent", "blue", "[default]"]
22
+ }, {
23
+ "attributes": {
24
+ "group": "paint",
25
+ "state": "active",
26
+ "description": "Use on bold blue accent backgrounds."
27
+ },
28
+ "value": "#CCE0FF",
29
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
30
+ "isSource": true,
31
+ "original": {
32
+ "attributes": {
33
+ "group": "paint",
34
+ "state": "active",
35
+ "description": "Use on bold blue accent backgrounds."
36
+ },
37
+ "value": "B200"
38
+ },
39
+ "name": "color.text.accent.blue.bolder",
40
+ "path": ["color", "text", "accent", "blue", "bolder"]
22
41
  }, {
23
42
  "attributes": {
24
43
  "group": "paint",
@@ -36,8 +55,27 @@ var tokens = [{
36
55
  },
37
56
  "value": "R300"
38
57
  },
39
- "name": "color.text.accent.red",
40
- "path": ["color", "text", "accent", "red"]
58
+ "name": "color.text.accent.red.[default]",
59
+ "path": ["color", "text", "accent", "red", "[default]"]
60
+ }, {
61
+ "attributes": {
62
+ "group": "paint",
63
+ "state": "active",
64
+ "description": "Use on bold red accent backgrounds."
65
+ },
66
+ "value": "#FFD2CC",
67
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
68
+ "isSource": true,
69
+ "original": {
70
+ "attributes": {
71
+ "group": "paint",
72
+ "state": "active",
73
+ "description": "Use on bold red accent backgrounds."
74
+ },
75
+ "value": "R200"
76
+ },
77
+ "name": "color.text.accent.red.bolder",
78
+ "path": ["color", "text", "accent", "red", "bolder"]
41
79
  }, {
42
80
  "attributes": {
43
81
  "group": "paint",
@@ -55,8 +93,27 @@ var tokens = [{
55
93
  },
56
94
  "value": "O300"
57
95
  },
58
- "name": "color.text.accent.orange",
59
- "path": ["color", "text", "accent", "orange"]
96
+ "name": "color.text.accent.orange.[default]",
97
+ "path": ["color", "text", "accent", "orange", "[default]"]
98
+ }, {
99
+ "attributes": {
100
+ "group": "paint",
101
+ "state": "active",
102
+ "description": "Use on bold orange accent backgrounds."
103
+ },
104
+ "value": "#FFE2BD",
105
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
106
+ "isSource": true,
107
+ "original": {
108
+ "attributes": {
109
+ "group": "paint",
110
+ "state": "active",
111
+ "description": "Use on bold orange accent backgrounds."
112
+ },
113
+ "value": "O200"
114
+ },
115
+ "name": "color.text.accent.orange.bolder",
116
+ "path": ["color", "text", "accent", "orange", "bolder"]
60
117
  }, {
61
118
  "attributes": {
62
119
  "group": "paint",
@@ -74,8 +131,27 @@ var tokens = [{
74
131
  },
75
132
  "value": "Y300"
76
133
  },
77
- "name": "color.text.accent.yellow",
78
- "path": ["color", "text", "accent", "yellow"]
134
+ "name": "color.text.accent.yellow.[default]",
135
+ "path": ["color", "text", "accent", "yellow", "[default]"]
136
+ }, {
137
+ "attributes": {
138
+ "group": "paint",
139
+ "state": "active",
140
+ "description": "Use on bold yellow accent backgrounds."
141
+ },
142
+ "value": "#F8E6A0",
143
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
144
+ "isSource": true,
145
+ "original": {
146
+ "attributes": {
147
+ "group": "paint",
148
+ "state": "active",
149
+ "description": "Use on bold yellow accent backgrounds."
150
+ },
151
+ "value": "Y200"
152
+ },
153
+ "name": "color.text.accent.yellow.bolder",
154
+ "path": ["color", "text", "accent", "yellow", "bolder"]
79
155
  }, {
80
156
  "attributes": {
81
157
  "group": "paint",
@@ -93,8 +169,27 @@ var tokens = [{
93
169
  },
94
170
  "value": "G300"
95
171
  },
96
- "name": "color.text.accent.green",
97
- "path": ["color", "text", "accent", "green"]
172
+ "name": "color.text.accent.green.[default]",
173
+ "path": ["color", "text", "accent", "green", "[default]"]
174
+ }, {
175
+ "attributes": {
176
+ "group": "paint",
177
+ "state": "active",
178
+ "description": "Use on bold green accent backgrounds."
179
+ },
180
+ "value": "#BAF3DB",
181
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
182
+ "isSource": true,
183
+ "original": {
184
+ "attributes": {
185
+ "group": "paint",
186
+ "state": "active",
187
+ "description": "Use on bold green accent backgrounds."
188
+ },
189
+ "value": "G200"
190
+ },
191
+ "name": "color.text.accent.green.bolder",
192
+ "path": ["color", "text", "accent", "green", "bolder"]
98
193
  }, {
99
194
  "attributes": {
100
195
  "group": "paint",
@@ -112,8 +207,27 @@ var tokens = [{
112
207
  },
113
208
  "value": "P300"
114
209
  },
115
- "name": "color.text.accent.purple",
116
- "path": ["color", "text", "accent", "purple"]
210
+ "name": "color.text.accent.purple.[default]",
211
+ "path": ["color", "text", "accent", "purple", "[default]"]
212
+ }, {
213
+ "attributes": {
214
+ "group": "paint",
215
+ "state": "active",
216
+ "description": "Use on bold purple accent backgrounds."
217
+ },
218
+ "value": "#DFD8FD",
219
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
220
+ "isSource": true,
221
+ "original": {
222
+ "attributes": {
223
+ "group": "paint",
224
+ "state": "active",
225
+ "description": "Use on bold purple accent backgrounds."
226
+ },
227
+ "value": "P200"
228
+ },
229
+ "name": "color.text.accent.purple.bolder",
230
+ "path": ["color", "text", "accent", "purple", "bolder"]
117
231
  }, {
118
232
  "attributes": {
119
233
  "group": "paint",
@@ -131,8 +245,27 @@ var tokens = [{
131
245
  },
132
246
  "value": "T300"
133
247
  },
134
- "name": "color.text.accent.teal",
135
- "path": ["color", "text", "accent", "teal"]
248
+ "name": "color.text.accent.teal.[default]",
249
+ "path": ["color", "text", "accent", "teal", "[default]"]
250
+ }, {
251
+ "attributes": {
252
+ "group": "paint",
253
+ "state": "active",
254
+ "description": "Use on bold teal accent backgrounds."
255
+ },
256
+ "value": "#C1F0F5",
257
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
258
+ "isSource": true,
259
+ "original": {
260
+ "attributes": {
261
+ "group": "paint",
262
+ "state": "active",
263
+ "description": "Use on bold teal accent backgrounds."
264
+ },
265
+ "value": "T200"
266
+ },
267
+ "name": "color.text.accent.teal.bolder",
268
+ "path": ["color", "text", "accent", "teal", "bolder"]
136
269
  }, {
137
270
  "attributes": {
138
271
  "group": "paint",
@@ -150,8 +283,27 @@ var tokens = [{
150
283
  },
151
284
  "value": "M300"
152
285
  },
153
- "name": "color.text.accent.magenta",
154
- "path": ["color", "text", "accent", "magenta"]
286
+ "name": "color.text.accent.magenta.[default]",
287
+ "path": ["color", "text", "accent", "magenta", "[default]"]
288
+ }, {
289
+ "attributes": {
290
+ "group": "paint",
291
+ "state": "active",
292
+ "description": "Use on bold magenta accent backgrounds."
293
+ },
294
+ "value": "#FDD0EC",
295
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
296
+ "isSource": true,
297
+ "original": {
298
+ "attributes": {
299
+ "group": "paint",
300
+ "state": "active",
301
+ "description": "Use on bold magenta accent backgrounds."
302
+ },
303
+ "value": "M200"
304
+ },
305
+ "name": "color.text.accent.magenta.bolder",
306
+ "path": ["color", "text", "accent", "magenta", "bolder"]
155
307
  }, {
156
308
  "attributes": {
157
309
  "group": "paint",
@@ -251,7 +403,7 @@ var tokens = [{
251
403
  "attributes": {
252
404
  "group": "paint",
253
405
  "state": "active",
254
- "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
406
+ "description": "Use for text that reinforces our brand."
255
407
  },
256
408
  "value": "#579DFF",
257
409
  "filePath": "src/tokens/atlassian-dark/color/text.tsx",
@@ -260,12 +412,31 @@ var tokens = [{
260
412
  "attributes": {
261
413
  "group": "paint",
262
414
  "state": "active",
263
- "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
415
+ "description": "Use for text that reinforces our brand."
264
416
  },
265
417
  "value": "B400"
266
418
  },
267
419
  "name": "color.text.brand",
268
420
  "path": ["color", "text", "brand"]
421
+ }, {
422
+ "attributes": {
423
+ "group": "paint",
424
+ "state": "active",
425
+ "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
426
+ },
427
+ "value": "#579DFF",
428
+ "filePath": "src/tokens/atlassian-dark/color/text.tsx",
429
+ "isSource": true,
430
+ "original": {
431
+ "attributes": {
432
+ "group": "paint",
433
+ "state": "active",
434
+ "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
435
+ },
436
+ "value": "B400"
437
+ },
438
+ "name": "color.text.selected",
439
+ "path": ["color", "text", "selected"]
269
440
  }, {
270
441
  "attributes": {
271
442
  "group": "paint",
@@ -527,27 +698,6 @@ var tokens = [{
527
698
  },
528
699
  "name": "color.text.onBoldWarning",
529
700
  "path": ["color", "text", "onBoldWarning"]
530
- }, {
531
- "attributes": {
532
- "group": "paint",
533
- "state": "deprecated",
534
- "replacement": "color.text.brand",
535
- "description": "Use for text, icons, borders, or other visual indicators in selected states"
536
- },
537
- "value": "#579DFF",
538
- "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
539
- "isSource": true,
540
- "original": {
541
- "attributes": {
542
- "group": "paint",
543
- "state": "deprecated",
544
- "replacement": "color.text.brand",
545
- "description": "Use for text, icons, borders, or other visual indicators in selected states"
546
- },
547
- "value": "B400"
548
- },
549
- "name": "color.text.selected",
550
- "path": ["color", "text", "selected"]
551
701
  }, {
552
702
  "attributes": {
553
703
  "group": "paint",
@@ -780,7 +930,7 @@ var tokens = [{
780
930
  "attributes": {
781
931
  "group": "paint",
782
932
  "state": "active",
783
- "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
933
+ "description": "Use for icons that reinforce our brand."
784
934
  },
785
935
  "value": "#579DFF",
786
936
  "filePath": "src/tokens/atlassian-dark/color/icon.tsx",
@@ -789,12 +939,31 @@ var tokens = [{
789
939
  "attributes": {
790
940
  "group": "paint",
791
941
  "state": "active",
792
- "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
942
+ "description": "Use for icons that reinforce our brand."
793
943
  },
794
944
  "value": "B400"
795
945
  },
796
946
  "name": "color.icon.brand",
797
947
  "path": ["color", "icon", "brand"]
948
+ }, {
949
+ "attributes": {
950
+ "group": "paint",
951
+ "state": "active",
952
+ "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
953
+ },
954
+ "value": "#579DFF",
955
+ "filePath": "src/tokens/atlassian-dark/color/icon.tsx",
956
+ "isSource": true,
957
+ "original": {
958
+ "attributes": {
959
+ "group": "paint",
960
+ "state": "active",
961
+ "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
962
+ },
963
+ "value": "B400"
964
+ },
965
+ "name": "color.icon.selected",
966
+ "path": ["color", "icon", "selected"]
798
967
  }, {
799
968
  "attributes": {
800
969
  "group": "paint",
@@ -913,7 +1082,7 @@ var tokens = [{
913
1082
  "attributes": {
914
1083
  "group": "paint",
915
1084
  "state": "active",
916
- "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
1085
+ "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
917
1086
  },
918
1087
  "value": "#388BFF",
919
1088
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
@@ -922,7 +1091,7 @@ var tokens = [{
922
1091
  "attributes": {
923
1092
  "group": "paint",
924
1093
  "state": "active",
925
- "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
1094
+ "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
926
1095
  },
927
1096
  "value": "B500"
928
1097
  },
@@ -932,7 +1101,7 @@ var tokens = [{
932
1101
  "attributes": {
933
1102
  "group": "paint",
934
1103
  "state": "active",
935
- "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
1104
+ "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
936
1105
  },
937
1106
  "value": "#EF5C48",
938
1107
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
@@ -941,7 +1110,7 @@ var tokens = [{
941
1110
  "attributes": {
942
1111
  "group": "paint",
943
1112
  "state": "active",
944
- "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
1113
+ "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
945
1114
  },
946
1115
  "value": "R500"
947
1116
  },
@@ -1141,7 +1310,7 @@ var tokens = [{
1141
1310
  "attributes": {
1142
1311
  "group": "paint",
1143
1312
  "state": "active",
1144
- "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
1313
+ "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
1145
1314
  },
1146
1315
  "value": "#579DFF",
1147
1316
  "filePath": "src/tokens/atlassian-dark/color/border.tsx",
@@ -1150,12 +1319,31 @@ var tokens = [{
1150
1319
  "attributes": {
1151
1320
  "group": "paint",
1152
1321
  "state": "active",
1153
- "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
1322
+ "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
1154
1323
  },
1155
1324
  "value": "B400"
1156
1325
  },
1157
1326
  "name": "color.border.brand",
1158
1327
  "path": ["color", "border", "brand"]
1328
+ }, {
1329
+ "attributes": {
1330
+ "group": "paint",
1331
+ "state": "active",
1332
+ "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
1333
+ },
1334
+ "value": "#579DFF",
1335
+ "filePath": "src/tokens/atlassian-dark/color/border.tsx",
1336
+ "isSource": true,
1337
+ "original": {
1338
+ "attributes": {
1339
+ "group": "paint",
1340
+ "state": "active",
1341
+ "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
1342
+ },
1343
+ "value": "B400"
1344
+ },
1345
+ "name": "color.border.selected",
1346
+ "path": ["color", "border", "selected"]
1159
1347
  }, {
1160
1348
  "attributes": {
1161
1349
  "group": "paint",
@@ -1297,113 +1485,353 @@ var tokens = [{
1297
1485
  "attributes": {
1298
1486
  "group": "paint",
1299
1487
  "state": "active",
1300
- "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1488
+ "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1301
1489
  },
1302
- "value": "#09326C",
1490
+ "value": "#082145",
1303
1491
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1304
1492
  "isSource": true,
1305
1493
  "original": {
1306
1494
  "attributes": {
1307
1495
  "group": "paint",
1308
1496
  "state": "active",
1309
- "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1497
+ "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1310
1498
  },
1311
- "value": "B900"
1499
+ "value": "B1000"
1312
1500
  },
1313
- "name": "color.background.accent.blue.[default]",
1314
- "path": ["color", "background", "accent", "blue", "[default]"]
1501
+ "name": "color.background.accent.blue.subtlest",
1502
+ "path": ["color", "background", "accent", "blue", "subtlest"]
1315
1503
  }, {
1316
1504
  "attributes": {
1317
1505
  "group": "paint",
1318
1506
  "state": "active",
1319
- "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1507
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1320
1508
  },
1321
- "value": "#0C66E4",
1509
+ "value": "#09326C",
1322
1510
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1323
1511
  "isSource": true,
1324
1512
  "original": {
1325
1513
  "attributes": {
1326
1514
  "group": "paint",
1327
1515
  "state": "active",
1328
- "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1516
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1329
1517
  },
1330
- "value": "B700"
1518
+ "value": "B900"
1331
1519
  },
1332
- "name": "color.background.accent.blue.bold",
1333
- "path": ["color", "background", "accent", "blue", "bold"]
1520
+ "name": "color.background.accent.blue.subtler",
1521
+ "path": ["color", "background", "accent", "blue", "subtler"]
1334
1522
  }, {
1335
1523
  "attributes": {
1336
1524
  "group": "paint",
1337
1525
  "state": "active",
1338
- "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
1526
+ "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1339
1527
  },
1340
- "value": "#601E16",
1528
+ "value": "#0055CC",
1341
1529
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1342
1530
  "isSource": true,
1343
1531
  "original": {
1344
1532
  "attributes": {
1345
1533
  "group": "paint",
1346
1534
  "state": "active",
1347
- "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
1535
+ "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1348
1536
  },
1349
- "value": "R900"
1537
+ "value": "B800"
1350
1538
  },
1351
- "name": "color.background.accent.red.[default]",
1352
- "path": ["color", "background", "accent", "red", "[default]"]
1539
+ "name": "color.background.accent.blue.subtle",
1540
+ "path": ["color", "background", "accent", "blue", "subtle"]
1353
1541
  }, {
1354
1542
  "attributes": {
1355
1543
  "group": "paint",
1356
1544
  "state": "active",
1357
- "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
1545
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1358
1546
  },
1359
- "value": "#CA3521",
1547
+ "value": "#579DFF",
1360
1548
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1361
1549
  "isSource": true,
1362
1550
  "original": {
1363
1551
  "attributes": {
1364
1552
  "group": "paint",
1365
1553
  "state": "active",
1366
- "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
1554
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1367
1555
  },
1368
- "value": "R700"
1556
+ "value": "B400"
1369
1557
  },
1370
- "name": "color.background.accent.red.bold",
1371
- "path": ["color", "background", "accent", "red", "bold"]
1558
+ "name": "color.background.accent.blue.bolder",
1559
+ "path": ["color", "background", "accent", "blue", "bolder"]
1372
1560
  }, {
1373
1561
  "attributes": {
1374
1562
  "group": "paint",
1375
- "state": "active",
1376
- "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
1563
+ "state": "deprecated",
1564
+ "replacement": "color.background.accent.blue.subtler",
1565
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1377
1566
  },
1378
- "value": "#5F3811",
1379
- "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1567
+ "value": "#09326C",
1568
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1380
1569
  "isSource": true,
1381
1570
  "original": {
1382
1571
  "attributes": {
1383
1572
  "group": "paint",
1384
- "state": "active",
1385
- "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
1573
+ "state": "deprecated",
1574
+ "replacement": "color.background.accent.blue.subtler",
1575
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
1386
1576
  },
1387
- "value": "O900"
1577
+ "value": "B900"
1388
1578
  },
1389
- "name": "color.background.accent.orange.[default]",
1390
- "path": ["color", "background", "accent", "orange", "[default]"]
1579
+ "name": "color.background.accent.blue.[default]",
1580
+ "path": ["color", "background", "accent", "blue", "[default]"]
1391
1581
  }, {
1392
1582
  "attributes": {
1393
1583
  "group": "paint",
1394
- "state": "active",
1395
- "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
1584
+ "state": "deprecated",
1585
+ "replacement": "color.background.accent.blue.subtle",
1586
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1396
1587
  },
1397
- "value": "#B65C02",
1398
- "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1588
+ "value": "#0C66E4",
1589
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1399
1590
  "isSource": true,
1400
1591
  "original": {
1401
1592
  "attributes": {
1402
1593
  "group": "paint",
1403
- "state": "active",
1404
- "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
1594
+ "state": "deprecated",
1595
+ "replacement": "color.background.accent.blue.subtle",
1596
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1405
1597
  },
1406
- "value": "O700"
1598
+ "value": "B700"
1599
+ },
1600
+ "name": "color.background.accent.blue.bold",
1601
+ "path": ["color", "background", "accent", "blue", "bold"]
1602
+ }, {
1603
+ "attributes": {
1604
+ "group": "paint",
1605
+ "state": "active",
1606
+ "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1607
+ },
1608
+ "value": "#391813",
1609
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1610
+ "isSource": true,
1611
+ "original": {
1612
+ "attributes": {
1613
+ "group": "paint",
1614
+ "state": "active",
1615
+ "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1616
+ },
1617
+ "value": "R1000"
1618
+ },
1619
+ "name": "color.background.accent.red.subtlest",
1620
+ "path": ["color", "background", "accent", "red", "subtlest"]
1621
+ }, {
1622
+ "attributes": {
1623
+ "group": "paint",
1624
+ "state": "active",
1625
+ "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
1626
+ },
1627
+ "value": "#601E16",
1628
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1629
+ "isSource": true,
1630
+ "original": {
1631
+ "attributes": {
1632
+ "group": "paint",
1633
+ "state": "active",
1634
+ "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
1635
+ },
1636
+ "value": "R900"
1637
+ },
1638
+ "name": "color.background.accent.red.subtler",
1639
+ "path": ["color", "background", "accent", "red", "subtler"]
1640
+ }, {
1641
+ "attributes": {
1642
+ "group": "paint",
1643
+ "state": "active",
1644
+ "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
1645
+ },
1646
+ "value": "#AE2A19",
1647
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1648
+ "isSource": true,
1649
+ "original": {
1650
+ "attributes": {
1651
+ "group": "paint",
1652
+ "state": "active",
1653
+ "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
1654
+ },
1655
+ "value": "R800"
1656
+ },
1657
+ "name": "color.background.accent.red.subtle",
1658
+ "path": ["color", "background", "accent", "red", "subtle"]
1659
+ }, {
1660
+ "attributes": {
1661
+ "group": "paint",
1662
+ "state": "active",
1663
+ "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1664
+ },
1665
+ "value": "#F87462",
1666
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1667
+ "isSource": true,
1668
+ "original": {
1669
+ "attributes": {
1670
+ "group": "paint",
1671
+ "state": "active",
1672
+ "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1673
+ },
1674
+ "value": "R400"
1675
+ },
1676
+ "name": "color.background.accent.red.bolder",
1677
+ "path": ["color", "background", "accent", "red", "bolder"]
1678
+ }, {
1679
+ "attributes": {
1680
+ "group": "paint",
1681
+ "state": "deprecated",
1682
+ "replacement": "color.background.accent.red.subtler",
1683
+ "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
1684
+ },
1685
+ "value": "#601E16",
1686
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1687
+ "isSource": true,
1688
+ "original": {
1689
+ "attributes": {
1690
+ "group": "paint",
1691
+ "state": "deprecated",
1692
+ "replacement": "color.background.accent.red.subtler",
1693
+ "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
1694
+ },
1695
+ "value": "R900"
1696
+ },
1697
+ "name": "color.background.accent.red.[default]",
1698
+ "path": ["color", "background", "accent", "red", "[default]"]
1699
+ }, {
1700
+ "attributes": {
1701
+ "group": "paint",
1702
+ "state": "deprecated",
1703
+ "replacement": "color.background.accent.red.subtle",
1704
+ "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1705
+ },
1706
+ "value": "#CA3521",
1707
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1708
+ "isSource": true,
1709
+ "original": {
1710
+ "attributes": {
1711
+ "group": "paint",
1712
+ "state": "deprecated",
1713
+ "replacement": "color.background.accent.red.subtle",
1714
+ "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1715
+ },
1716
+ "value": "R700"
1717
+ },
1718
+ "name": "color.background.accent.red.bold",
1719
+ "path": ["color", "background", "accent", "red", "bold"]
1720
+ }, {
1721
+ "attributes": {
1722
+ "group": "paint",
1723
+ "state": "active",
1724
+ "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1725
+ },
1726
+ "value": "#43290F",
1727
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1728
+ "isSource": true,
1729
+ "original": {
1730
+ "attributes": {
1731
+ "group": "paint",
1732
+ "state": "active",
1733
+ "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1734
+ },
1735
+ "value": "O1000"
1736
+ },
1737
+ "name": "color.background.accent.orange.subtlest",
1738
+ "path": ["color", "background", "accent", "orange", "subtlest"]
1739
+ }, {
1740
+ "attributes": {
1741
+ "group": "paint",
1742
+ "state": "active",
1743
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
1744
+ },
1745
+ "value": "#5F3811",
1746
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1747
+ "isSource": true,
1748
+ "original": {
1749
+ "attributes": {
1750
+ "group": "paint",
1751
+ "state": "active",
1752
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
1753
+ },
1754
+ "value": "O900"
1755
+ },
1756
+ "name": "color.background.accent.orange.subtler",
1757
+ "path": ["color", "background", "accent", "orange", "subtler"]
1758
+ }, {
1759
+ "attributes": {
1760
+ "group": "paint",
1761
+ "state": "active",
1762
+ "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
1763
+ },
1764
+ "value": "#974F0C",
1765
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1766
+ "isSource": true,
1767
+ "original": {
1768
+ "attributes": {
1769
+ "group": "paint",
1770
+ "state": "active",
1771
+ "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
1772
+ },
1773
+ "value": "O800"
1774
+ },
1775
+ "name": "color.background.accent.orange.subtle",
1776
+ "path": ["color", "background", "accent", "orange", "subtle"]
1777
+ }, {
1778
+ "attributes": {
1779
+ "group": "paint",
1780
+ "state": "active",
1781
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1782
+ },
1783
+ "value": "#FAA53D",
1784
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1785
+ "isSource": true,
1786
+ "original": {
1787
+ "attributes": {
1788
+ "group": "paint",
1789
+ "state": "active",
1790
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1791
+ },
1792
+ "value": "O400"
1793
+ },
1794
+ "name": "color.background.accent.orange.bolder",
1795
+ "path": ["color", "background", "accent", "orange", "bolder"]
1796
+ }, {
1797
+ "attributes": {
1798
+ "group": "paint",
1799
+ "state": "deprecated",
1800
+ "replacement": "color.background.accent.orange.subtler",
1801
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
1802
+ },
1803
+ "value": "#5F3811",
1804
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1805
+ "isSource": true,
1806
+ "original": {
1807
+ "attributes": {
1808
+ "group": "paint",
1809
+ "state": "deprecated",
1810
+ "replacement": "color.background.accent.orange.subtler",
1811
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
1812
+ },
1813
+ "value": "O900"
1814
+ },
1815
+ "name": "color.background.accent.orange.[default]",
1816
+ "path": ["color", "background", "accent", "orange", "[default]"]
1817
+ }, {
1818
+ "attributes": {
1819
+ "group": "paint",
1820
+ "state": "deprecated",
1821
+ "replacement": "color.background.accent.orange.subtle",
1822
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1823
+ },
1824
+ "value": "#B65C02",
1825
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1826
+ "isSource": true,
1827
+ "original": {
1828
+ "attributes": {
1829
+ "group": "paint",
1830
+ "state": "deprecated",
1831
+ "replacement": "color.background.accent.orange.subtle",
1832
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1833
+ },
1834
+ "value": "O700"
1407
1835
  },
1408
1836
  "name": "color.background.accent.orange.bold",
1409
1837
  "path": ["color", "background", "accent", "orange", "bold"]
@@ -1411,53 +1839,211 @@ var tokens = [{
1411
1839
  "attributes": {
1412
1840
  "group": "paint",
1413
1841
  "state": "active",
1414
- "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1842
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1843
+ },
1844
+ "value": "#3D2E00",
1845
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1846
+ "isSource": true,
1847
+ "original": {
1848
+ "attributes": {
1849
+ "group": "paint",
1850
+ "state": "active",
1851
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1852
+ },
1853
+ "value": "Y1000"
1854
+ },
1855
+ "name": "color.background.accent.yellow.subtlest",
1856
+ "path": ["color", "background", "accent", "yellow", "subtlest"]
1857
+ }, {
1858
+ "attributes": {
1859
+ "group": "paint",
1860
+ "state": "active",
1861
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1862
+ },
1863
+ "value": "#533F04",
1864
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1865
+ "isSource": true,
1866
+ "original": {
1867
+ "attributes": {
1868
+ "group": "paint",
1869
+ "state": "active",
1870
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1871
+ },
1872
+ "value": "Y900"
1873
+ },
1874
+ "name": "color.background.accent.yellow.subtler",
1875
+ "path": ["color", "background", "accent", "yellow", "subtler"]
1876
+ }, {
1877
+ "attributes": {
1878
+ "group": "paint",
1879
+ "state": "active",
1880
+ "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1881
+ },
1882
+ "value": "#7F5F01",
1883
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1884
+ "isSource": true,
1885
+ "original": {
1886
+ "attributes": {
1887
+ "group": "paint",
1888
+ "state": "active",
1889
+ "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1890
+ },
1891
+ "value": "Y800"
1892
+ },
1893
+ "name": "color.background.accent.yellow.subtle",
1894
+ "path": ["color", "background", "accent", "yellow", "subtle"]
1895
+ }, {
1896
+ "attributes": {
1897
+ "group": "paint",
1898
+ "state": "active",
1899
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1900
+ },
1901
+ "value": "#E2B203",
1902
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1903
+ "isSource": true,
1904
+ "original": {
1905
+ "attributes": {
1906
+ "group": "paint",
1907
+ "state": "active",
1908
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1909
+ },
1910
+ "value": "Y400"
1911
+ },
1912
+ "name": "color.background.accent.yellow.bolder",
1913
+ "path": ["color", "background", "accent", "yellow", "bolder"]
1914
+ }, {
1915
+ "attributes": {
1916
+ "group": "paint",
1917
+ "state": "deprecated",
1918
+ "replacement": "color.background.accent.yellow.subtler",
1919
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1920
+ },
1921
+ "value": "#533F04",
1922
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1923
+ "isSource": true,
1924
+ "original": {
1925
+ "attributes": {
1926
+ "group": "paint",
1927
+ "state": "deprecated",
1928
+ "replacement": "color.background.accent.yellow.subtler",
1929
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1930
+ },
1931
+ "value": "Y900"
1932
+ },
1933
+ "name": "color.background.accent.yellow.[default]",
1934
+ "path": ["color", "background", "accent", "yellow", "[default]"]
1935
+ }, {
1936
+ "attributes": {
1937
+ "group": "paint",
1938
+ "state": "deprecated",
1939
+ "replacement": "color.background.accent.yellow.subtle",
1940
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1941
+ },
1942
+ "value": "#946F00",
1943
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1944
+ "isSource": true,
1945
+ "original": {
1946
+ "attributes": {
1947
+ "group": "paint",
1948
+ "state": "deprecated",
1949
+ "replacement": "color.background.accent.yellow.subtle",
1950
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1951
+ },
1952
+ "value": "Y700"
1953
+ },
1954
+ "name": "color.background.accent.yellow.bold",
1955
+ "path": ["color", "background", "accent", "yellow", "bold"]
1956
+ }, {
1957
+ "attributes": {
1958
+ "group": "paint",
1959
+ "state": "active",
1960
+ "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1415
1961
  },
1416
- "value": "#533F04",
1962
+ "value": "#133527",
1417
1963
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1418
1964
  "isSource": true,
1419
1965
  "original": {
1420
1966
  "attributes": {
1421
1967
  "group": "paint",
1422
1968
  "state": "active",
1423
- "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1969
+ "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1424
1970
  },
1425
- "value": "Y900"
1971
+ "value": "G1000"
1426
1972
  },
1427
- "name": "color.background.accent.yellow.[default]",
1428
- "path": ["color", "background", "accent", "yellow", "[default]"]
1973
+ "name": "color.background.accent.green.subtlest",
1974
+ "path": ["color", "background", "accent", "green", "subtlest"]
1429
1975
  }, {
1430
1976
  "attributes": {
1431
1977
  "group": "paint",
1432
1978
  "state": "active",
1433
- "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1979
+ "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
1434
1980
  },
1435
- "value": "#946F00",
1981
+ "value": "#164B35",
1436
1982
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1437
1983
  "isSource": true,
1438
1984
  "original": {
1439
1985
  "attributes": {
1440
1986
  "group": "paint",
1441
1987
  "state": "active",
1442
- "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1988
+ "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
1443
1989
  },
1444
- "value": "Y700"
1990
+ "value": "G900"
1445
1991
  },
1446
- "name": "color.background.accent.yellow.bold",
1447
- "path": ["color", "background", "accent", "yellow", "bold"]
1992
+ "name": "color.background.accent.green.subtler",
1993
+ "path": ["color", "background", "accent", "green", "subtler"]
1448
1994
  }, {
1449
1995
  "attributes": {
1450
1996
  "group": "paint",
1451
1997
  "state": "active",
1452
- "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
1998
+ "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
1453
1999
  },
1454
- "value": "#164B35",
2000
+ "value": "#216E4E",
2001
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2002
+ "isSource": true,
2003
+ "original": {
2004
+ "attributes": {
2005
+ "group": "paint",
2006
+ "state": "active",
2007
+ "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
2008
+ },
2009
+ "value": "G800"
2010
+ },
2011
+ "name": "color.background.accent.green.subtle",
2012
+ "path": ["color", "background", "accent", "green", "subtle"]
2013
+ }, {
2014
+ "attributes": {
2015
+ "group": "paint",
2016
+ "state": "active",
2017
+ "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2018
+ },
2019
+ "value": "#4BCE97",
1455
2020
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1456
2021
  "isSource": true,
1457
2022
  "original": {
1458
2023
  "attributes": {
1459
2024
  "group": "paint",
1460
2025
  "state": "active",
2026
+ "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2027
+ },
2028
+ "value": "G400"
2029
+ },
2030
+ "name": "color.background.accent.green.bolder",
2031
+ "path": ["color", "background", "accent", "green", "bolder"]
2032
+ }, {
2033
+ "attributes": {
2034
+ "group": "paint",
2035
+ "state": "deprecated",
2036
+ "replacement": "color.background.accent.green.subtler",
2037
+ "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
2038
+ },
2039
+ "value": "#164B35",
2040
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
2041
+ "isSource": true,
2042
+ "original": {
2043
+ "attributes": {
2044
+ "group": "paint",
2045
+ "state": "deprecated",
2046
+ "replacement": "color.background.accent.green.subtler",
1461
2047
  "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
1462
2048
  },
1463
2049
  "value": "G900"
@@ -1467,22 +2053,43 @@ var tokens = [{
1467
2053
  }, {
1468
2054
  "attributes": {
1469
2055
  "group": "paint",
1470
- "state": "active",
1471
- "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
2056
+ "state": "deprecated",
2057
+ "replacement": "color.background.accent.green.subtle",
2058
+ "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1472
2059
  },
1473
2060
  "value": "#1F845A",
1474
- "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2061
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1475
2062
  "isSource": true,
1476
2063
  "original": {
1477
2064
  "attributes": {
1478
2065
  "group": "paint",
1479
- "state": "active",
1480
- "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
2066
+ "state": "deprecated",
2067
+ "replacement": "color.background.accent.green.subtle",
2068
+ "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1481
2069
  },
1482
2070
  "value": "G700"
1483
2071
  },
1484
2072
  "name": "color.background.accent.green.bold",
1485
2073
  "path": ["color", "background", "accent", "green", "bold"]
2074
+ }, {
2075
+ "attributes": {
2076
+ "group": "paint",
2077
+ "state": "active",
2078
+ "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
2079
+ },
2080
+ "value": "#153337",
2081
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2082
+ "isSource": true,
2083
+ "original": {
2084
+ "attributes": {
2085
+ "group": "paint",
2086
+ "state": "active",
2087
+ "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
2088
+ },
2089
+ "value": "T1000"
2090
+ },
2091
+ "name": "color.background.accent.teal.subtlest",
2092
+ "path": ["color", "background", "accent", "teal", "subtlest"]
1486
2093
  }, {
1487
2094
  "attributes": {
1488
2095
  "group": "paint",
@@ -1500,15 +2107,15 @@ var tokens = [{
1500
2107
  },
1501
2108
  "value": "T900"
1502
2109
  },
1503
- "name": "color.background.accent.teal.[default]",
1504
- "path": ["color", "background", "accent", "teal", "[default]"]
2110
+ "name": "color.background.accent.teal.subtler",
2111
+ "path": ["color", "background", "accent", "teal", "subtler"]
1505
2112
  }, {
1506
2113
  "attributes": {
1507
2114
  "group": "paint",
1508
2115
  "state": "active",
1509
2116
  "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
1510
2117
  },
1511
- "value": "#1D7F8C",
2118
+ "value": "#206B74",
1512
2119
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1513
2120
  "isSource": true,
1514
2121
  "original": {
@@ -1517,10 +2124,90 @@ var tokens = [{
1517
2124
  "state": "active",
1518
2125
  "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
1519
2126
  },
2127
+ "value": "T800"
2128
+ },
2129
+ "name": "color.background.accent.teal.subtle",
2130
+ "path": ["color", "background", "accent", "teal", "subtle"]
2131
+ }, {
2132
+ "attributes": {
2133
+ "group": "paint",
2134
+ "state": "active",
2135
+ "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2136
+ },
2137
+ "value": "#60C6D2",
2138
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2139
+ "isSource": true,
2140
+ "original": {
2141
+ "attributes": {
2142
+ "group": "paint",
2143
+ "state": "active",
2144
+ "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2145
+ },
2146
+ "value": "T400"
2147
+ },
2148
+ "name": "color.background.accent.teal.bolder",
2149
+ "path": ["color", "background", "accent", "teal", "bolder"]
2150
+ }, {
2151
+ "attributes": {
2152
+ "group": "paint",
2153
+ "state": "deprecated",
2154
+ "replacement": "color.background.accent.teal.subtler",
2155
+ "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
2156
+ },
2157
+ "value": "#1D474C",
2158
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
2159
+ "isSource": true,
2160
+ "original": {
2161
+ "attributes": {
2162
+ "group": "paint",
2163
+ "state": "deprecated",
2164
+ "replacement": "color.background.accent.teal.subtler",
2165
+ "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
2166
+ },
2167
+ "value": "T900"
2168
+ },
2169
+ "name": "color.background.accent.teal.[default]",
2170
+ "path": ["color", "background", "accent", "teal", "[default]"]
2171
+ }, {
2172
+ "attributes": {
2173
+ "group": "paint",
2174
+ "state": "deprecated",
2175
+ "replacement": "color.background.accent.teal.subtle",
2176
+ "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2177
+ },
2178
+ "value": "#1D7F8C",
2179
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
2180
+ "isSource": true,
2181
+ "original": {
2182
+ "attributes": {
2183
+ "group": "paint",
2184
+ "state": "deprecated",
2185
+ "replacement": "color.background.accent.teal.subtle",
2186
+ "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2187
+ },
1520
2188
  "value": "T700"
1521
2189
  },
1522
2190
  "name": "color.background.accent.teal.bold",
1523
2191
  "path": ["color", "background", "accent", "teal", "bold"]
2192
+ }, {
2193
+ "attributes": {
2194
+ "group": "paint",
2195
+ "state": "active",
2196
+ "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
2197
+ },
2198
+ "value": "#231C3F",
2199
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2200
+ "isSource": true,
2201
+ "original": {
2202
+ "attributes": {
2203
+ "group": "paint",
2204
+ "state": "active",
2205
+ "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
2206
+ },
2207
+ "value": "P1000"
2208
+ },
2209
+ "name": "color.background.accent.purple.subtlest",
2210
+ "path": ["color", "background", "accent", "purple", "subtlest"]
1524
2211
  }, {
1525
2212
  "attributes": {
1526
2213
  "group": "paint",
@@ -1538,40 +2225,179 @@ var tokens = [{
1538
2225
  },
1539
2226
  "value": "P900"
1540
2227
  },
2228
+ "name": "color.background.accent.purple.subtler",
2229
+ "path": ["color", "background", "accent", "purple", "subtler"]
2230
+ }, {
2231
+ "attributes": {
2232
+ "group": "paint",
2233
+ "state": "active",
2234
+ "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
2235
+ },
2236
+ "value": "#5E4DB2",
2237
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2238
+ "isSource": true,
2239
+ "original": {
2240
+ "attributes": {
2241
+ "group": "paint",
2242
+ "state": "active",
2243
+ "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
2244
+ },
2245
+ "value": "P800"
2246
+ },
2247
+ "name": "color.background.accent.purple.subtle",
2248
+ "path": ["color", "background", "accent", "purple", "subtle"]
2249
+ }, {
2250
+ "attributes": {
2251
+ "group": "paint",
2252
+ "state": "active",
2253
+ "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2254
+ },
2255
+ "value": "#9F8FEF",
2256
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2257
+ "isSource": true,
2258
+ "original": {
2259
+ "attributes": {
2260
+ "group": "paint",
2261
+ "state": "active",
2262
+ "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2263
+ },
2264
+ "value": "P400"
2265
+ },
2266
+ "name": "color.background.accent.purple.bolder",
2267
+ "path": ["color", "background", "accent", "purple", "bolder"]
2268
+ }, {
2269
+ "attributes": {
2270
+ "group": "paint",
2271
+ "state": "deprecated",
2272
+ "replacement": "color.background.accent.purple.subtler",
2273
+ "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
2274
+ },
2275
+ "value": "#352C63",
2276
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
2277
+ "isSource": true,
2278
+ "original": {
2279
+ "attributes": {
2280
+ "group": "paint",
2281
+ "state": "deprecated",
2282
+ "replacement": "color.background.accent.purple.subtler",
2283
+ "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
2284
+ },
2285
+ "value": "P900"
2286
+ },
1541
2287
  "name": "color.background.accent.purple.[default]",
1542
2288
  "path": ["color", "background", "accent", "purple", "[default]"]
2289
+ }, {
2290
+ "attributes": {
2291
+ "group": "paint",
2292
+ "state": "deprecated",
2293
+ "replacement": "color.background.accent.purple.subtle",
2294
+ "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2295
+ },
2296
+ "value": "#6E5DC6",
2297
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
2298
+ "isSource": true,
2299
+ "original": {
2300
+ "attributes": {
2301
+ "group": "paint",
2302
+ "state": "deprecated",
2303
+ "replacement": "color.background.accent.purple.subtle",
2304
+ "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
2305
+ },
2306
+ "value": "P700"
2307
+ },
2308
+ "name": "color.background.accent.purple.bold",
2309
+ "path": ["color", "background", "accent", "purple", "bold"]
2310
+ }, {
2311
+ "attributes": {
2312
+ "group": "paint",
2313
+ "state": "active",
2314
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
2315
+ },
2316
+ "value": "#341829",
2317
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2318
+ "isSource": true,
2319
+ "original": {
2320
+ "attributes": {
2321
+ "group": "paint",
2322
+ "state": "active",
2323
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
2324
+ },
2325
+ "value": "M1000"
2326
+ },
2327
+ "name": "color.background.accent.magenta.subtlest",
2328
+ "path": ["color", "background", "accent", "magenta", "subtlest"]
2329
+ }, {
2330
+ "attributes": {
2331
+ "group": "paint",
2332
+ "state": "active",
2333
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
2334
+ },
2335
+ "value": "#50253F",
2336
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2337
+ "isSource": true,
2338
+ "original": {
2339
+ "attributes": {
2340
+ "group": "paint",
2341
+ "state": "active",
2342
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
2343
+ },
2344
+ "value": "M900"
2345
+ },
2346
+ "name": "color.background.accent.magenta.subtler",
2347
+ "path": ["color", "background", "accent", "magenta", "subtler"]
2348
+ }, {
2349
+ "attributes": {
2350
+ "group": "paint",
2351
+ "state": "active",
2352
+ "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
2353
+ },
2354
+ "value": "#943D73",
2355
+ "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2356
+ "isSource": true,
2357
+ "original": {
2358
+ "attributes": {
2359
+ "group": "paint",
2360
+ "state": "active",
2361
+ "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
2362
+ },
2363
+ "value": "M800"
2364
+ },
2365
+ "name": "color.background.accent.magenta.subtle",
2366
+ "path": ["color", "background", "accent", "magenta", "subtle"]
1543
2367
  }, {
1544
2368
  "attributes": {
1545
2369
  "group": "paint",
1546
2370
  "state": "active",
1547
- "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
2371
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1548
2372
  },
1549
- "value": "#6E5DC6",
2373
+ "value": "#E774BB",
1550
2374
  "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
1551
2375
  "isSource": true,
1552
2376
  "original": {
1553
2377
  "attributes": {
1554
2378
  "group": "paint",
1555
2379
  "state": "active",
1556
- "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
2380
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1557
2381
  },
1558
- "value": "P700"
2382
+ "value": "M400"
1559
2383
  },
1560
- "name": "color.background.accent.purple.bold",
1561
- "path": ["color", "background", "accent", "purple", "bold"]
2384
+ "name": "color.background.accent.magenta.bolder",
2385
+ "path": ["color", "background", "accent", "magenta", "bolder"]
1562
2386
  }, {
1563
2387
  "attributes": {
1564
2388
  "group": "paint",
1565
- "state": "active",
2389
+ "state": "deprecated",
2390
+ "replacement": "color.background.accent.magenta.subtler",
1566
2391
  "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1567
2392
  },
1568
2393
  "value": "#50253F",
1569
- "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2394
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1570
2395
  "isSource": true,
1571
2396
  "original": {
1572
2397
  "attributes": {
1573
2398
  "group": "paint",
1574
- "state": "active",
2399
+ "state": "deprecated",
2400
+ "replacement": "color.background.accent.magenta.subtler",
1575
2401
  "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1576
2402
  },
1577
2403
  "value": "M900"
@@ -1581,17 +2407,19 @@ var tokens = [{
1581
2407
  }, {
1582
2408
  "attributes": {
1583
2409
  "group": "paint",
1584
- "state": "active",
1585
- "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
2410
+ "state": "deprecated",
2411
+ "replacement": "color.background.accent.magenta.subtle",
2412
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1586
2413
  },
1587
2414
  "value": "#AE4787",
1588
- "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
2415
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1589
2416
  "isSource": true,
1590
2417
  "original": {
1591
2418
  "attributes": {
1592
2419
  "group": "paint",
1593
- "state": "active",
1594
- "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
2420
+ "state": "deprecated",
2421
+ "replacement": "color.background.accent.magenta.subtle",
2422
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1595
2423
  },
1596
2424
  "value": "M700"
1597
2425
  },
@@ -1867,56 +2695,119 @@ var tokens = [{
1867
2695
  "attributes": {
1868
2696
  "group": "paint",
1869
2697
  "state": "active",
1870
- "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
2698
+ "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
1871
2699
  },
1872
- "value": "#A1BDD914",
2700
+ "value": "#579DFF",
1873
2701
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
1874
2702
  "isSource": true,
1875
2703
  "original": {
1876
2704
  "attributes": {
1877
2705
  "group": "paint",
1878
2706
  "state": "active",
1879
- "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
2707
+ "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
1880
2708
  },
1881
- "value": "DN200A"
2709
+ "value": "B400"
1882
2710
  },
1883
- "name": "color.background.brand.[default].[default]",
1884
- "path": ["color", "background", "brand", "[default]", "[default]"]
2711
+ "name": "color.background.brand.bold.[default]",
2712
+ "path": ["color", "background", "brand", "bold", "[default]"]
1885
2713
  }, {
1886
2714
  "attributes": {
1887
2715
  "group": "paint",
1888
2716
  "state": "active",
1889
- "description": "Hovered state for color.background.brand"
2717
+ "description": "Hovered state of color.background.brand.bold"
1890
2718
  },
1891
- "value": "#A6C5E229",
2719
+ "value": "#85B8FF",
2720
+ "filePath": "src/tokens/atlassian-dark/color/background.tsx",
2721
+ "isSource": true,
2722
+ "original": {
2723
+ "attributes": {
2724
+ "group": "paint",
2725
+ "state": "active",
2726
+ "description": "Hovered state of color.background.brand.bold"
2727
+ },
2728
+ "value": "B300"
2729
+ },
2730
+ "name": "color.background.brand.bold.hovered",
2731
+ "path": ["color", "background", "brand", "bold", "hovered"]
2732
+ }, {
2733
+ "attributes": {
2734
+ "group": "paint",
2735
+ "state": "active",
2736
+ "description": "Pressed state of color.background.brand.bold"
2737
+ },
2738
+ "value": "#CCE0FF",
1892
2739
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
1893
2740
  "isSource": true,
1894
2741
  "original": {
1895
2742
  "attributes": {
1896
2743
  "group": "paint",
1897
2744
  "state": "active",
2745
+ "description": "Pressed state of color.background.brand.bold"
2746
+ },
2747
+ "value": "B200"
2748
+ },
2749
+ "name": "color.background.brand.bold.pressed",
2750
+ "path": ["color", "background", "brand", "bold", "pressed"]
2751
+ }, {
2752
+ "attributes": {
2753
+ "group": "paint",
2754
+ "state": "deprecated",
2755
+ "replacement": "color.background.selected.[default].[default]",
2756
+ "description": "Use for the background of elements used to reinforce our brand."
2757
+ },
2758
+ "value": "#082145",
2759
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
2760
+ "isSource": true,
2761
+ "original": {
2762
+ "attributes": {
2763
+ "group": "paint",
2764
+ "state": "deprecated",
2765
+ "replacement": "color.background.selected.[default].[default]",
2766
+ "description": "Use for the background of elements used to reinforce our brand."
2767
+ },
2768
+ "value": "B1000"
2769
+ },
2770
+ "name": "color.background.brand.[default].[default]",
2771
+ "path": ["color", "background", "brand", "[default]", "[default]"]
2772
+ }, {
2773
+ "attributes": {
2774
+ "group": "paint",
2775
+ "state": "deprecated",
2776
+ "replacement": "color.background.selected.[default].hovered",
2777
+ "description": "Hovered state for color.background.brand"
2778
+ },
2779
+ "value": "#09326C",
2780
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
2781
+ "isSource": true,
2782
+ "original": {
2783
+ "attributes": {
2784
+ "group": "paint",
2785
+ "state": "deprecated",
2786
+ "replacement": "color.background.selected.[default].hovered",
1898
2787
  "description": "Hovered state for color.background.brand"
1899
2788
  },
1900
- "value": "DN300A"
2789
+ "value": "B900"
1901
2790
  },
1902
2791
  "name": "color.background.brand.[default].hovered",
1903
2792
  "path": ["color", "background", "brand", "[default]", "hovered"]
1904
2793
  }, {
1905
2794
  "attributes": {
1906
2795
  "group": "paint",
1907
- "state": "active",
2796
+ "state": "deprecated",
2797
+ "replacement": "color.background.selected.[default].pressed",
1908
2798
  "description": "Pressed state for color.background.brand"
1909
2799
  },
1910
- "value": "#BFDBF847",
1911
- "filePath": "src/tokens/atlassian-dark/color/background.tsx",
2800
+ "value": "#0055CC",
2801
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
1912
2802
  "isSource": true,
1913
2803
  "original": {
1914
2804
  "attributes": {
1915
2805
  "group": "paint",
1916
- "state": "active",
2806
+ "state": "deprecated",
2807
+ "replacement": "color.background.selected.[default].pressed",
1917
2808
  "description": "Pressed state for color.background.brand"
1918
2809
  },
1919
- "value": "DN400A"
2810
+ "value": "B800"
1920
2811
  },
1921
2812
  "name": "color.background.brand.[default].pressed",
1922
2813
  "path": ["color", "background", "brand", "[default]", "pressed"]
@@ -1924,7 +2815,64 @@ var tokens = [{
1924
2815
  "attributes": {
1925
2816
  "group": "paint",
1926
2817
  "state": "active",
1927
- "description": "Use for the backgrounds of primary buttons or elements in a selected state, such as checkboxed and radio buttons."
2818
+ "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
2819
+ },
2820
+ "value": "#082145",
2821
+ "filePath": "src/tokens/atlassian-dark/color/background.tsx",
2822
+ "isSource": true,
2823
+ "original": {
2824
+ "attributes": {
2825
+ "group": "paint",
2826
+ "state": "active",
2827
+ "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
2828
+ },
2829
+ "value": "B1000"
2830
+ },
2831
+ "name": "color.background.selected.[default].[default]",
2832
+ "path": ["color", "background", "selected", "[default]", "[default]"]
2833
+ }, {
2834
+ "attributes": {
2835
+ "group": "paint",
2836
+ "state": "active",
2837
+ "description": "Hovered state for color.background.selected"
2838
+ },
2839
+ "value": "#09326C",
2840
+ "filePath": "src/tokens/atlassian-dark/color/background.tsx",
2841
+ "isSource": true,
2842
+ "original": {
2843
+ "attributes": {
2844
+ "group": "paint",
2845
+ "state": "active",
2846
+ "description": "Hovered state for color.background.selected"
2847
+ },
2848
+ "value": "B900"
2849
+ },
2850
+ "name": "color.background.selected.[default].hovered",
2851
+ "path": ["color", "background", "selected", "[default]", "hovered"]
2852
+ }, {
2853
+ "attributes": {
2854
+ "group": "paint",
2855
+ "state": "active",
2856
+ "description": "Pressed state for color.background.selected"
2857
+ },
2858
+ "value": "#0055CC",
2859
+ "filePath": "src/tokens/atlassian-dark/color/background.tsx",
2860
+ "isSource": true,
2861
+ "original": {
2862
+ "attributes": {
2863
+ "group": "paint",
2864
+ "state": "active",
2865
+ "description": "Pressed state for color.background.selected"
2866
+ },
2867
+ "value": "B800"
2868
+ },
2869
+ "name": "color.background.selected.[default].pressed",
2870
+ "path": ["color", "background", "selected", "[default]", "pressed"]
2871
+ }, {
2872
+ "attributes": {
2873
+ "group": "paint",
2874
+ "state": "active",
2875
+ "description": "Use for the backgrounds of elements in a selected state, such as checkboxed and radio buttons."
1928
2876
  },
1929
2877
  "value": "#579DFF",
1930
2878
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
@@ -1933,17 +2881,17 @@ var tokens = [{
1933
2881
  "attributes": {
1934
2882
  "group": "paint",
1935
2883
  "state": "active",
1936
- "description": "Use for the backgrounds of primary buttons or elements in a selected state, such as checkboxed and radio buttons."
2884
+ "description": "Use for the backgrounds of elements in a selected state, such as checkboxed and radio buttons."
1937
2885
  },
1938
2886
  "value": "B400"
1939
2887
  },
1940
- "name": "color.background.brand.bold.[default]",
1941
- "path": ["color", "background", "brand", "bold", "[default]"]
2888
+ "name": "color.background.selected.bold.[default]",
2889
+ "path": ["color", "background", "selected", "bold", "[default]"]
1942
2890
  }, {
1943
2891
  "attributes": {
1944
2892
  "group": "paint",
1945
2893
  "state": "active",
1946
- "description": "Hovered state of color.background.brand.bold"
2894
+ "description": "Hovered state of color.background.selected.bold"
1947
2895
  },
1948
2896
  "value": "#85B8FF",
1949
2897
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
@@ -1952,17 +2900,17 @@ var tokens = [{
1952
2900
  "attributes": {
1953
2901
  "group": "paint",
1954
2902
  "state": "active",
1955
- "description": "Hovered state of color.background.brand.bold"
2903
+ "description": "Hovered state of color.background.selected.bold"
1956
2904
  },
1957
2905
  "value": "B300"
1958
2906
  },
1959
- "name": "color.background.brand.bold.hovered",
1960
- "path": ["color", "background", "brand", "bold", "hovered"]
2907
+ "name": "color.background.selected.bold.hovered",
2908
+ "path": ["color", "background", "selected", "bold", "hovered"]
1961
2909
  }, {
1962
2910
  "attributes": {
1963
2911
  "group": "paint",
1964
2912
  "state": "active",
1965
- "description": "Pressed state of color.background.brand.bold"
2913
+ "description": "Pressed state of color.background.selected.bold"
1966
2914
  },
1967
2915
  "value": "#CCE0FF",
1968
2916
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
@@ -1971,12 +2919,54 @@ var tokens = [{
1971
2919
  "attributes": {
1972
2920
  "group": "paint",
1973
2921
  "state": "active",
1974
- "description": "Pressed state of color.background.brand.bold"
2922
+ "description": "Pressed state of color.background.selected.bold"
1975
2923
  },
1976
2924
  "value": "B200"
1977
2925
  },
1978
- "name": "color.background.brand.bold.pressed",
1979
- "path": ["color", "background", "brand", "bold", "pressed"]
2926
+ "name": "color.background.selected.bold.pressed",
2927
+ "path": ["color", "background", "selected", "bold", "pressed"]
2928
+ }, {
2929
+ "attributes": {
2930
+ "group": "paint",
2931
+ "state": "deprecated",
2932
+ "replacement": "color.background.selected.[default].[default]",
2933
+ "description": "Use for backgrounds of elements in a selected state"
2934
+ },
2935
+ "value": "#A1BDD914",
2936
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
2937
+ "isSource": true,
2938
+ "original": {
2939
+ "attributes": {
2940
+ "group": "paint",
2941
+ "state": "deprecated",
2942
+ "replacement": "color.background.selected.[default].[default]",
2943
+ "description": "Use for backgrounds of elements in a selected state"
2944
+ },
2945
+ "value": "DN200A"
2946
+ },
2947
+ "name": "color.background.selected.resting",
2948
+ "path": ["color", "background", "selected", "resting"]
2949
+ }, {
2950
+ "attributes": {
2951
+ "group": "paint",
2952
+ "state": "deprecated",
2953
+ "replacement": "color.background.selected.[default].hovered",
2954
+ "description": "Hover state for color.background.selected"
2955
+ },
2956
+ "value": "#A6C5E229",
2957
+ "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
2958
+ "isSource": true,
2959
+ "original": {
2960
+ "attributes": {
2961
+ "group": "paint",
2962
+ "state": "deprecated",
2963
+ "replacement": "color.background.selected.[default].hovered",
2964
+ "description": "Hover state for color.background.selected"
2965
+ },
2966
+ "value": "DN300A"
2967
+ },
2968
+ "name": "color.background.selected.hover",
2969
+ "path": ["color", "background", "selected", "hover"]
1980
2970
  }, {
1981
2971
  "attributes": {
1982
2972
  "group": "paint",
@@ -3009,69 +3999,6 @@ var tokens = [{
3009
3999
  },
3010
4000
  "name": "color.background.overlay",
3011
4001
  "path": ["color", "background", "overlay"]
3012
- }, {
3013
- "attributes": {
3014
- "group": "paint",
3015
- "state": "deprecated",
3016
- "replacement": "color.background.brand.[default].[default]",
3017
- "description": "Use for backgrounds of elements in a selected state"
3018
- },
3019
- "value": "#A1BDD914",
3020
- "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
3021
- "isSource": true,
3022
- "original": {
3023
- "attributes": {
3024
- "group": "paint",
3025
- "state": "deprecated",
3026
- "replacement": "color.background.brand.[default].[default]",
3027
- "description": "Use for backgrounds of elements in a selected state"
3028
- },
3029
- "value": "DN200A"
3030
- },
3031
- "name": "color.background.selected.resting",
3032
- "path": ["color", "background", "selected", "resting"]
3033
- }, {
3034
- "attributes": {
3035
- "group": "paint",
3036
- "state": "deprecated",
3037
- "replacement": "color.background.brand.[default].hovered",
3038
- "description": "Hover state for color.background.selected"
3039
- },
3040
- "value": "#A6C5E229",
3041
- "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
3042
- "isSource": true,
3043
- "original": {
3044
- "attributes": {
3045
- "group": "paint",
3046
- "state": "deprecated",
3047
- "replacement": "color.background.brand.[default].hovered",
3048
- "description": "Hover state for color.background.selected"
3049
- },
3050
- "value": "DN300A"
3051
- },
3052
- "name": "color.background.selected.hover",
3053
- "path": ["color", "background", "selected", "hover"]
3054
- }, {
3055
- "attributes": {
3056
- "group": "paint",
3057
- "state": "deprecated",
3058
- "replacement": "color.background.brand.[default].pressed",
3059
- "description": "Pressed state for color.background.selected"
3060
- },
3061
- "value": "#BFDBF847",
3062
- "filePath": "src/tokens/atlassian-dark/deprecated/deprecated.tsx",
3063
- "isSource": true,
3064
- "original": {
3065
- "attributes": {
3066
- "group": "paint",
3067
- "state": "deprecated",
3068
- "replacement": "color.background.brand.[default].pressed",
3069
- "description": "Pressed state for color.background.selected"
3070
- },
3071
- "value": "DN400A"
3072
- },
3073
- "name": "color.background.selected.pressed",
3074
- "path": ["color", "background", "selected", "pressed"]
3075
4002
  }, {
3076
4003
  "attributes": {
3077
4004
  "group": "paint",
@@ -3118,7 +4045,7 @@ var tokens = [{
3118
4045
  "attributes": {
3119
4046
  "group": "paint",
3120
4047
  "state": "deprecated",
3121
- "replacement": "color.background.brand.[default].hovered",
4048
+ "replacement": "color.background.selected.[default].hovered",
3122
4049
  "description": "Hover state for background.subtleBrand"
3123
4050
  },
3124
4051
  "value": "#09326C",
@@ -3128,7 +4055,7 @@ var tokens = [{
3128
4055
  "attributes": {
3129
4056
  "group": "paint",
3130
4057
  "state": "deprecated",
3131
- "replacement": "color.background.brand.[default].hovered",
4058
+ "replacement": "color.background.selected.[default].hovered",
3132
4059
  "description": "Hover state for background.subtleBrand"
3133
4060
  },
3134
4061
  "value": "B900"
@@ -3139,7 +4066,7 @@ var tokens = [{
3139
4066
  "attributes": {
3140
4067
  "group": "paint",
3141
4068
  "state": "deprecated",
3142
- "replacement": "color.background.brand.[default].pressed",
4069
+ "replacement": "color.background.selected.[default].pressed",
3143
4070
  "description": "Pressed state for background.subtleBrand"
3144
4071
  },
3145
4072
  "value": "#0055CC",
@@ -3149,7 +4076,7 @@ var tokens = [{
3149
4076
  "attributes": {
3150
4077
  "group": "paint",
3151
4078
  "state": "deprecated",
3152
- "replacement": "color.background.brand.[default].pressed",
4079
+ "replacement": "color.background.selected.[default].pressed",
3153
4080
  "description": "Pressed state for background.subtleBrand"
3154
4081
  },
3155
4082
  "value": "B800"
@@ -3160,7 +4087,7 @@ var tokens = [{
3160
4087
  "attributes": {
3161
4088
  "group": "paint",
3162
4089
  "state": "deprecated",
3163
- "replacement": "color.background.brand.[default].[default]",
4090
+ "replacement": "color.background.selected.[default].[default]",
3164
4091
  "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
3165
4092
  },
3166
4093
  "value": "#082145",
@@ -3170,7 +4097,7 @@ var tokens = [{
3170
4097
  "attributes": {
3171
4098
  "group": "paint",
3172
4099
  "state": "deprecated",
3173
- "replacement": "color.background.brand.[default].[default]",
4100
+ "replacement": "color.background.selected.[default].[default]",
3174
4101
  "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
3175
4102
  },
3176
4103
  "value": "B1000"
@@ -3692,7 +4619,7 @@ var tokens = [{
3692
4619
  "attributes": {
3693
4620
  "group": "paint",
3694
4621
  "state": "deprecated",
3695
- "replacement": "color.background.accent.blue.bold",
4622
+ "replacement": "color.background.accent.blue.bolder",
3696
4623
  "description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3697
4624
  },
3698
4625
  "value": "#0C66E4",
@@ -3702,7 +4629,7 @@ var tokens = [{
3702
4629
  "attributes": {
3703
4630
  "group": "paint",
3704
4631
  "state": "deprecated",
3705
- "replacement": "color.background.accent.blue.bold",
4632
+ "replacement": "color.background.accent.blue.bolder",
3706
4633
  "description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3707
4634
  },
3708
4635
  "value": "B700"
@@ -3713,7 +4640,7 @@ var tokens = [{
3713
4640
  "attributes": {
3714
4641
  "group": "paint",
3715
4642
  "state": "deprecated",
3716
- "replacement": "color.background.accent.green.bold",
4643
+ "replacement": "color.background.accent.green.bolder",
3717
4644
  "description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3718
4645
  },
3719
4646
  "value": "#1F845A",
@@ -3723,7 +4650,7 @@ var tokens = [{
3723
4650
  "attributes": {
3724
4651
  "group": "paint",
3725
4652
  "state": "deprecated",
3726
- "replacement": "color.background.accent.green.bold",
4653
+ "replacement": "color.background.accent.green.bolder",
3727
4654
  "description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3728
4655
  },
3729
4656
  "value": "G700"
@@ -3734,7 +4661,7 @@ var tokens = [{
3734
4661
  "attributes": {
3735
4662
  "group": "paint",
3736
4663
  "state": "deprecated",
3737
- "replacement": "color.background.accent.orange.bold",
4664
+ "replacement": "color.background.accent.orange.bolder",
3738
4665
  "description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3739
4666
  },
3740
4667
  "value": "#B65C02",
@@ -3744,7 +4671,7 @@ var tokens = [{
3744
4671
  "attributes": {
3745
4672
  "group": "paint",
3746
4673
  "state": "deprecated",
3747
- "replacement": "color.background.accent.orange.bold",
4674
+ "replacement": "color.background.accent.orange.bolder",
3748
4675
  "description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3749
4676
  },
3750
4677
  "value": "O700"
@@ -3755,7 +4682,7 @@ var tokens = [{
3755
4682
  "attributes": {
3756
4683
  "group": "paint",
3757
4684
  "state": "deprecated",
3758
- "replacement": "color.background.accent.purple.bold",
4685
+ "replacement": "color.background.accent.purple.bolder",
3759
4686
  "description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3760
4687
  },
3761
4688
  "value": "#6E5DC6",
@@ -3765,7 +4692,7 @@ var tokens = [{
3765
4692
  "attributes": {
3766
4693
  "group": "paint",
3767
4694
  "state": "deprecated",
3768
- "replacement": "color.background.accent.purple.bold",
4695
+ "replacement": "color.background.accent.purple.bolder",
3769
4696
  "description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3770
4697
  },
3771
4698
  "value": "P700"
@@ -3776,7 +4703,7 @@ var tokens = [{
3776
4703
  "attributes": {
3777
4704
  "group": "paint",
3778
4705
  "state": "deprecated",
3779
- "replacement": "color.background.accent.red.bold",
4706
+ "replacement": "color.background.accent.red.bolder",
3780
4707
  "description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3781
4708
  },
3782
4709
  "value": "#CA3521",
@@ -3786,7 +4713,7 @@ var tokens = [{
3786
4713
  "attributes": {
3787
4714
  "group": "paint",
3788
4715
  "state": "deprecated",
3789
- "replacement": "color.background.accent.red.bold",
4716
+ "replacement": "color.background.accent.red.bolder",
3790
4717
  "description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3791
4718
  },
3792
4719
  "value": "R700"
@@ -3797,7 +4724,7 @@ var tokens = [{
3797
4724
  "attributes": {
3798
4725
  "group": "paint",
3799
4726
  "state": "deprecated",
3800
- "replacement": "color.background.accent.teal.bold",
4727
+ "replacement": "color.background.accent.teal.bolder",
3801
4728
  "description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3802
4729
  },
3803
4730
  "value": "#1D7F8C",
@@ -3807,7 +4734,7 @@ var tokens = [{
3807
4734
  "attributes": {
3808
4735
  "group": "paint",
3809
4736
  "state": "deprecated",
3810
- "replacement": "color.background.accent.teal.bold",
4737
+ "replacement": "color.background.accent.teal.bolder",
3811
4738
  "description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
3812
4739
  },
3813
4740
  "value": "T700"
@@ -3818,7 +4745,7 @@ var tokens = [{
3818
4745
  "attributes": {
3819
4746
  "group": "paint",
3820
4747
  "state": "deprecated",
3821
- "replacement": "color.background.accent.blue.[default]",
4748
+ "replacement": "color.background.accent.blue.subtler",
3822
4749
  "description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3823
4750
  },
3824
4751
  "value": "#09326C",
@@ -3828,7 +4755,7 @@ var tokens = [{
3828
4755
  "attributes": {
3829
4756
  "group": "paint",
3830
4757
  "state": "deprecated",
3831
- "replacement": "color.background.accent.blue.[default]",
4758
+ "replacement": "color.background.accent.blue.subtler",
3832
4759
  "description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3833
4760
  },
3834
4761
  "value": "B900"
@@ -3839,7 +4766,7 @@ var tokens = [{
3839
4766
  "attributes": {
3840
4767
  "group": "paint",
3841
4768
  "state": "deprecated",
3842
- "replacement": "color.background.accent.green.[default]",
4769
+ "replacement": "color.background.accent.green.subtler",
3843
4770
  "description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3844
4771
  },
3845
4772
  "value": "#164B35",
@@ -3849,7 +4776,7 @@ var tokens = [{
3849
4776
  "attributes": {
3850
4777
  "group": "paint",
3851
4778
  "state": "deprecated",
3852
- "replacement": "color.background.accent.green.[default]",
4779
+ "replacement": "color.background.accent.green.subtler",
3853
4780
  "description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3854
4781
  },
3855
4782
  "value": "G900"
@@ -3860,7 +4787,7 @@ var tokens = [{
3860
4787
  "attributes": {
3861
4788
  "group": "paint",
3862
4789
  "state": "deprecated",
3863
- "replacement": "color.background.accent.magenta.[default]",
4790
+ "replacement": "color.background.accent.magenta.subtler",
3864
4791
  "description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3865
4792
  },
3866
4793
  "value": "#50253F",
@@ -3870,7 +4797,7 @@ var tokens = [{
3870
4797
  "attributes": {
3871
4798
  "group": "paint",
3872
4799
  "state": "deprecated",
3873
- "replacement": "color.background.accent.magenta.[default]",
4800
+ "replacement": "color.background.accent.magenta.subtler",
3874
4801
  "description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3875
4802
  },
3876
4803
  "value": "M900"
@@ -3881,7 +4808,7 @@ var tokens = [{
3881
4808
  "attributes": {
3882
4809
  "group": "paint",
3883
4810
  "state": "deprecated",
3884
- "replacement": "color.background.accent.orange.[default]",
4811
+ "replacement": "color.background.accent.orange.subtler",
3885
4812
  "description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3886
4813
  },
3887
4814
  "value": "#5F3811",
@@ -3891,7 +4818,7 @@ var tokens = [{
3891
4818
  "attributes": {
3892
4819
  "group": "paint",
3893
4820
  "state": "deprecated",
3894
- "replacement": "color.background.accent.orange.[default]",
4821
+ "replacement": "color.background.accent.orange.subtler",
3895
4822
  "description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3896
4823
  },
3897
4824
  "value": "O900"
@@ -3902,7 +4829,7 @@ var tokens = [{
3902
4829
  "attributes": {
3903
4830
  "group": "paint",
3904
4831
  "state": "deprecated",
3905
- "replacement": "color.background.accent.purple.[default]",
4832
+ "replacement": "color.background.accent.purple.subtler",
3906
4833
  "description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3907
4834
  },
3908
4835
  "value": "#352C63",
@@ -3912,7 +4839,7 @@ var tokens = [{
3912
4839
  "attributes": {
3913
4840
  "group": "paint",
3914
4841
  "state": "deprecated",
3915
- "replacement": "color.background.accent.purple.[default]",
4842
+ "replacement": "color.background.accent.purple.subtler",
3916
4843
  "description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3917
4844
  },
3918
4845
  "value": "P900"
@@ -3923,7 +4850,7 @@ var tokens = [{
3923
4850
  "attributes": {
3924
4851
  "group": "paint",
3925
4852
  "state": "deprecated",
3926
- "replacement": "color.background.accent.red.[default]",
4853
+ "replacement": "color.background.accent.red.subtler",
3927
4854
  "description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3928
4855
  },
3929
4856
  "value": "#601E16",
@@ -3933,7 +4860,7 @@ var tokens = [{
3933
4860
  "attributes": {
3934
4861
  "group": "paint",
3935
4862
  "state": "deprecated",
3936
- "replacement": "color.background.accent.red.[default]",
4863
+ "replacement": "color.background.accent.red.subtler",
3937
4864
  "description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3938
4865
  },
3939
4866
  "value": "R900"
@@ -3944,7 +4871,7 @@ var tokens = [{
3944
4871
  "attributes": {
3945
4872
  "group": "paint",
3946
4873
  "state": "deprecated",
3947
- "replacement": "color.background.accent.teal.[default]",
4874
+ "replacement": "color.background.accent.teal.subtler",
3948
4875
  "description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3949
4876
  },
3950
4877
  "value": "#1D474C",
@@ -3954,7 +4881,7 @@ var tokens = [{
3954
4881
  "attributes": {
3955
4882
  "group": "paint",
3956
4883
  "state": "deprecated",
3957
- "replacement": "color.background.accent.teal.[default]",
4884
+ "replacement": "color.background.accent.teal.subtler",
3958
4885
  "description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
3959
4886
  },
3960
4887
  "value": "T900"
@@ -4381,7 +5308,7 @@ var tokens = [{
4381
5308
  "state": "active",
4382
5309
  "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
4383
5310
  },
4384
- "value": "#03040442",
5311
+ "value": "#101214",
4385
5312
  "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
4386
5313
  "isSource": true,
4387
5314
  "original": {
@@ -4390,7 +5317,7 @@ var tokens = [{
4390
5317
  "state": "active",
4391
5318
  "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
4392
5319
  },
4393
- "value": "DN-100A"
5320
+ "value": "DN-100"
4394
5321
  },
4395
5322
  "name": "elevation.surface.sunken",
4396
5323
  "path": ["elevation", "surface", "sunken"]