@atlaskit/tokens 13.2.0 → 13.3.1

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 (75) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  6. package/dist/cjs/artifacts/token-default-values.js +118 -107
  7. package/dist/cjs/artifacts/token-names.js +118 -107
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +3413 -3171
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3180 -2938
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3414 -3172
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3180 -2938
  12. package/dist/cjs/entry-points/token-metadata.codegen.js +1748 -1649
  13. package/dist/cjs/utils/token-order.js +1 -1
  14. package/dist/cjs/utils/token-usage-guidelines.js +14 -1
  15. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +118 -107
  16. package/dist/es2019/artifacts/themes/atlassian-dark.js +118 -107
  17. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +118 -107
  18. package/dist/es2019/artifacts/themes/atlassian-light.js +118 -107
  19. package/dist/es2019/artifacts/token-default-values.js +118 -107
  20. package/dist/es2019/artifacts/token-names.js +118 -107
  21. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +3413 -3171
  22. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3180 -2938
  23. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3414 -3172
  24. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3180 -2938
  25. package/dist/es2019/entry-points/token-metadata.codegen.js +1748 -1649
  26. package/dist/es2019/utils/token-order.js +1 -1
  27. package/dist/es2019/utils/token-usage-guidelines.js +14 -1
  28. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  29. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  30. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  31. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  32. package/dist/esm/artifacts/token-default-values.js +118 -107
  33. package/dist/esm/artifacts/token-names.js +118 -107
  34. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +3413 -3171
  35. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3180 -2938
  36. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +3414 -3172
  37. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3180 -2938
  38. package/dist/esm/entry-points/token-metadata.codegen.js +1748 -1649
  39. package/dist/esm/utils/token-order.js +1 -1
  40. package/dist/esm/utils/token-usage-guidelines.js +14 -1
  41. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  42. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  43. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  44. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  45. package/dist/types/artifacts/token-default-values.d.ts +118 -107
  46. package/dist/types/artifacts/token-names.d.ts +235 -213
  47. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  48. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  49. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  50. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  51. package/dist/types/artifacts/types-internal.d.ts +2 -2
  52. package/dist/types/artifacts/types.d.ts +2 -2
  53. package/dist/types/entry-points/css-type-schema.codegen.d.ts +6 -6
  54. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  55. package/dist/types/types.d.ts +23 -0
  56. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  57. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  58. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  59. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  60. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +118 -107
  61. package/dist/types-ts4.5/artifacts/token-names.d.ts +235 -213
  62. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  63. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  64. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  65. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  66. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  67. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  68. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +6 -6
  69. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  70. package/dist/types-ts4.5/types.d.ts +23 -0
  71. package/figma/atlassian-dark-increased-contrast.json +1303 -1204
  72. package/figma/atlassian-dark.json +1301 -1202
  73. package/figma/atlassian-light-increased-contrast.json +1302 -1203
  74. package/figma/atlassian-light.json +1297 -1198
  75. package/package.json +2 -2
@@ -1,2767 +1,2740 @@
1
1
  {
2
2
  "name": "Dark increased-contrast",
3
3
  "tokens": {
4
- "Dark increased-contrast/color.text": {
5
- "value": "#E2E3E4",
4
+ "Dark increased-contrast/color.background.accent.lime.subtlest": {
5
+ "value": "#28311B",
6
6
  "attributes": {
7
7
  "group": "paint",
8
8
  "state": "active",
9
- "introduced": "0.6.0",
10
- "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
9
+ "introduced": "1.6.0",
10
+ "description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
11
11
  }
12
12
  },
13
- "Dark increased-contrast/color.text.accent.lime": {
14
- "value": "#D3F1A7",
13
+ "Dark increased-contrast/color.background.accent.lime.subtlest.hovered": {
14
+ "value": "#37471F",
15
15
  "attributes": {
16
16
  "group": "paint",
17
17
  "state": "active",
18
- "introduced": "1.8.0",
19
- "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
18
+ "introduced": "1.19.0",
19
+ "description": "Hovered state of color.background.accent.lime.subtlest."
20
20
  }
21
21
  },
22
- "Dark increased-contrast/color.text.accent.lime.bolder": {
23
- "value": "#EFFFD6",
22
+ "Dark increased-contrast/color.background.accent.lime.subtlest.pressed": {
23
+ "value": "#3F5224",
24
24
  "attributes": {
25
25
  "group": "paint",
26
26
  "state": "active",
27
- "introduced": "1.8.0",
28
- "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
27
+ "introduced": "1.19.0",
28
+ "description": "Pressed state of color.background.accent.lime.subtlest."
29
29
  }
30
30
  },
31
- "Dark increased-contrast/color.text.accent.red": {
32
- "value": "#FFD5D2",
31
+ "Dark increased-contrast/color.background.accent.lime.subtler": {
32
+ "value": "#37471F",
33
33
  "attributes": {
34
34
  "group": "paint",
35
35
  "state": "active",
36
- "introduced": "0.6.0",
37
- "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
36
+ "introduced": "1.6.0",
37
+ "description": "Use for for backgrounds when there is no meaning tied to the color, such as colored tags."
38
38
  }
39
39
  },
40
- "Dark increased-contrast/color.text.accent.red.bolder": {
41
- "value": "#FFECEB",
40
+ "Dark increased-contrast/color.background.accent.lime.subtler.hovered": {
41
+ "value": "#3F5224",
42
42
  "attributes": {
43
43
  "group": "paint",
44
44
  "state": "active",
45
- "introduced": "0.7.0",
46
- "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
45
+ "introduced": "1.19.0",
46
+ "description": "Hovered state of color.background.accent.lime.subtler."
47
47
  }
48
48
  },
49
- "Dark increased-contrast/color.text.accent.orange": {
50
- "value": "#FCE4A6",
49
+ "Dark increased-contrast/color.background.accent.lime.subtler.pressed": {
50
+ "value": "#4C6B1F",
51
51
  "attributes": {
52
52
  "group": "paint",
53
53
  "state": "active",
54
- "introduced": "0.6.0",
55
- "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
54
+ "introduced": "1.19.0",
55
+ "description": "Pressed state of color.background.accent.lime.subtler."
56
56
  }
57
57
  },
58
- "Dark increased-contrast/color.text.accent.orange.bolder": {
59
- "value": "#FFF5DB",
58
+ "Dark increased-contrast/color.background.accent.lime.subtle": {
59
+ "value": "#4C6B1F",
60
60
  "attributes": {
61
61
  "group": "paint",
62
62
  "state": "active",
63
- "introduced": "0.7.0",
64
- "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
63
+ "introduced": "1.6.0",
64
+ "description": "Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags."
65
65
  }
66
66
  },
67
- "Dark increased-contrast/color.text.accent.yellow": {
68
- "value": "#F5E989",
67
+ "Dark increased-contrast/color.background.accent.lime.subtle.hovered": {
68
+ "value": "#3F5224",
69
69
  "attributes": {
70
70
  "group": "paint",
71
71
  "state": "active",
72
- "introduced": "0.6.0",
73
- "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
72
+ "introduced": "1.19.0",
73
+ "description": "Hovered state of color.background.accent.lime.subtle."
74
74
  }
75
75
  },
76
- "Dark increased-contrast/color.text.accent.yellow.bolder": {
77
- "value": "#FEF7C8",
76
+ "Dark increased-contrast/color.background.accent.lime.subtle.pressed": {
77
+ "value": "#37471F",
78
78
  "attributes": {
79
79
  "group": "paint",
80
80
  "state": "active",
81
- "introduced": "0.7.0",
82
- "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
81
+ "introduced": "1.19.0",
82
+ "description": "Pressed state of color.background.accent.lime.subtle."
83
83
  }
84
84
  },
85
- "Dark increased-contrast/color.text.accent.green": {
86
- "value": "#BAF3DB",
85
+ "Dark increased-contrast/color.background.accent.lime.bolder": {
86
+ "value": "#D3F1A7",
87
87
  "attributes": {
88
88
  "group": "paint",
89
89
  "state": "active",
90
- "introduced": "0.6.0",
91
- "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
90
+ "introduced": "1.6.0",
91
+ "description": "Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
92
92
  }
93
93
  },
94
- "Dark increased-contrast/color.text.accent.green.bolder": {
95
- "value": "#DCFFF1",
94
+ "Dark increased-contrast/color.background.accent.lime.bolder.hovered": {
95
+ "value": "#EFFFD6",
96
96
  "attributes": {
97
97
  "group": "paint",
98
98
  "state": "active",
99
- "introduced": "0.7.0",
100
- "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
99
+ "introduced": "1.19.0",
100
+ "description": "Hovered state of color.background.accent.lime.bolder."
101
101
  }
102
102
  },
103
- "Dark increased-contrast/color.text.accent.teal": {
104
- "value": "#C6EDFB",
103
+ "Dark increased-contrast/color.background.accent.lime.bolder.pressed": {
104
+ "value": "#BDE97C",
105
105
  "attributes": {
106
106
  "group": "paint",
107
107
  "state": "active",
108
- "introduced": "0.6.0",
109
- "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
108
+ "introduced": "1.19.0",
109
+ "description": "Pressed state of color.background.accent.lime.bolder."
110
110
  }
111
111
  },
112
- "Dark increased-contrast/color.text.accent.teal.bolder": {
113
- "value": "#E7F9FF",
112
+ "Dark increased-contrast/color.background.accent.red.subtlest": {
113
+ "value": "#42221F",
114
114
  "attributes": {
115
115
  "group": "paint",
116
116
  "state": "active",
117
117
  "introduced": "0.7.0",
118
- "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
118
+ "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
119
119
  }
120
120
  },
121
- "Dark increased-contrast/color.text.accent.blue": {
122
- "value": "#CFE1FD",
121
+ "Dark increased-contrast/color.background.accent.red.subtlest.hovered": {
122
+ "value": "#5D1F1A",
123
123
  "attributes": {
124
124
  "group": "paint",
125
125
  "state": "active",
126
- "introduced": "0.6.0",
127
- "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
126
+ "introduced": "1.19.0",
127
+ "description": "Hovered state of color.background.accent.red.subtlest."
128
128
  }
129
129
  },
130
- "Dark increased-contrast/color.text.accent.blue.bolder": {
131
- "value": "#E9F2FE",
130
+ "Dark increased-contrast/color.background.accent.red.subtlest.pressed": {
131
+ "value": "#872821",
132
132
  "attributes": {
133
133
  "group": "paint",
134
134
  "state": "active",
135
- "introduced": "0.7.0",
136
- "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
135
+ "introduced": "1.19.0",
136
+ "description": "Pressed state of color.background.accent.red.subtlest."
137
137
  }
138
138
  },
139
- "Dark increased-contrast/color.text.accent.purple": {
140
- "value": "#EED7FC",
139
+ "Dark increased-contrast/color.background.accent.red.subtler": {
140
+ "value": "#5D1F1A",
141
141
  "attributes": {
142
142
  "group": "paint",
143
143
  "state": "active",
144
- "introduced": "0.6.0",
145
- "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
144
+ "introduced": "0.7.0",
145
+ "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
146
146
  }
147
147
  },
148
- "Dark increased-contrast/color.text.accent.purple.bolder": {
149
- "value": "#F8EEFE",
148
+ "Dark increased-contrast/color.background.accent.red.subtler.hovered": {
149
+ "value": "#872821",
150
150
  "attributes": {
151
151
  "group": "paint",
152
152
  "state": "active",
153
- "introduced": "0.7.0",
154
- "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
153
+ "introduced": "1.19.0",
154
+ "description": "Hovered state of color.background.accent.red.subtler."
155
155
  }
156
156
  },
157
- "Dark increased-contrast/color.text.accent.magenta": {
158
- "value": "#FDD0EC",
157
+ "Dark increased-contrast/color.background.accent.red.subtler.pressed": {
158
+ "value": "#AE2E24",
159
159
  "attributes": {
160
160
  "group": "paint",
161
161
  "state": "active",
162
- "introduced": "0.6.0",
163
- "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
162
+ "introduced": "1.19.0",
163
+ "description": "Pressed state of color.background.accent.red.subtler."
164
164
  }
165
165
  },
166
- "Dark increased-contrast/color.text.accent.magenta.bolder": {
167
- "value": "#FFECF8",
166
+ "Dark increased-contrast/color.background.accent.red.subtle": {
167
+ "value": "#AE2E24",
168
168
  "attributes": {
169
169
  "group": "paint",
170
170
  "state": "active",
171
171
  "introduced": "0.7.0",
172
- "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
172
+ "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
173
173
  }
174
174
  },
175
- "Dark increased-contrast/color.text.accent.gray": {
176
- "value": "#BFC1C4",
175
+ "Dark increased-contrast/color.background.accent.red.subtle.hovered": {
176
+ "value": "#872821",
177
177
  "attributes": {
178
178
  "group": "paint",
179
179
  "state": "active",
180
- "introduced": "0.10.5",
181
- "description": "Use for text on non-bold gray accent backgrounds, such as colored tags."
180
+ "introduced": "1.19.0",
181
+ "description": "Hovered state of color.background.accent.red.subtle."
182
182
  }
183
183
  },
184
- "Dark increased-contrast/color.text.accent.gray.bolder": {
185
- "value": "#E2E3E4",
184
+ "Dark increased-contrast/color.background.accent.red.subtle.pressed": {
185
+ "value": "#5D1F1A",
186
186
  "attributes": {
187
187
  "group": "paint",
188
188
  "state": "active",
189
- "introduced": "0.10.5",
190
- "description": "Use for text and icons on gray subtle accent backgrounds."
189
+ "introduced": "1.19.0",
190
+ "description": "Pressed state of color.background.accent.red.subtle."
191
191
  }
192
192
  },
193
- "Dark increased-contrast/color.text.disabled": {
194
- "value": "#E5E9F640",
193
+ "Dark increased-contrast/color.background.accent.red.bolder": {
194
+ "value": "#FFD5D2",
195
195
  "attributes": {
196
196
  "group": "paint",
197
197
  "state": "active",
198
- "introduced": "0.0.15",
199
- "description": "Use for text in a disabled state."
198
+ "introduced": "0.7.0",
199
+ "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."
200
200
  }
201
201
  },
202
- "Dark increased-contrast/color.text.inverse": {
203
- "value": "#1F1F21",
202
+ "Dark increased-contrast/color.background.accent.red.bolder.hovered": {
203
+ "value": "#FFECEB",
204
204
  "attributes": {
205
205
  "group": "paint",
206
206
  "state": "active",
207
- "introduced": "0.6.0",
208
- "description": "Use for text on bold backgrounds."
207
+ "introduced": "1.19.0",
208
+ "description": "Hovered state of color.background.accent.red.bolder."
209
209
  }
210
210
  },
211
- "Dark increased-contrast/color.text.selected": {
212
- "value": "#CFE1FD",
211
+ "Dark increased-contrast/color.background.accent.red.bolder.pressed": {
212
+ "value": "#FFB8B2",
213
213
  "attributes": {
214
214
  "group": "paint",
215
215
  "state": "active",
216
- "introduced": "0.6.0",
217
- "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
216
+ "introduced": "1.19.0",
217
+ "description": "Pressed state of color.background.accent.red.bolder."
218
218
  }
219
219
  },
220
- "Dark increased-contrast/color.text.brand": {
221
- "value": "#CFE1FD",
220
+ "Dark increased-contrast/color.background.accent.orange.subtlest": {
221
+ "value": "#3A2C1F",
222
222
  "attributes": {
223
223
  "group": "paint",
224
224
  "state": "active",
225
- "introduced": "0.6.0",
226
- "description": "Use for text that reinforces our brand."
225
+ "introduced": "0.7.0",
226
+ "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
227
227
  }
228
228
  },
229
- "Dark increased-contrast/color.text.danger": {
230
- "value": "#FFD5D2",
229
+ "Dark increased-contrast/color.background.accent.orange.subtlest.hovered": {
230
+ "value": "#693200",
231
231
  "attributes": {
232
232
  "group": "paint",
233
233
  "state": "active",
234
- "introduced": "0.0.15",
235
- "description": "Use for critical text, such as input field error messaging."
234
+ "introduced": "1.19.0",
235
+ "description": "Hovered state of color.background.accent.orange.subtlest."
236
236
  }
237
237
  },
238
- "Dark increased-contrast/color.text.danger.bolder": {
239
- "value": "#FFECEB",
238
+ "Dark increased-contrast/color.background.accent.orange.subtlest.pressed": {
239
+ "value": "#7A3B00",
240
240
  "attributes": {
241
241
  "group": "paint",
242
242
  "state": "active",
243
- "introduced": "8.1.0",
244
- "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance."
243
+ "introduced": "1.19.0",
244
+ "description": "Pressed state of color.background.accent.orange.subtlest."
245
245
  }
246
246
  },
247
- "Dark increased-contrast/color.text.warning": {
248
- "value": "#FCE4A6",
247
+ "Dark increased-contrast/color.background.accent.orange.subtler": {
248
+ "value": "#693200",
249
249
  "attributes": {
250
250
  "group": "paint",
251
251
  "state": "active",
252
- "introduced": "0.0.15",
253
- "description": "Use for text to emphasize caution, such as in moved lozenges."
252
+ "introduced": "0.7.0",
253
+ "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
254
254
  }
255
255
  },
256
- "Dark increased-contrast/color.text.warning.inverse": {
257
- "value": "#18191A",
256
+ "Dark increased-contrast/color.background.accent.orange.subtler.hovered": {
257
+ "value": "#7A3B00",
258
258
  "attributes": {
259
259
  "group": "paint",
260
260
  "state": "active",
261
- "introduced": "0.6.0",
262
- "description": "Use for text when on bold warning backgrounds."
261
+ "introduced": "1.19.0",
262
+ "description": "Hovered state of color.background.accent.orange.subtler."
263
263
  }
264
264
  },
265
- "Dark increased-contrast/color.text.warning.bolder": {
266
- "value": "#FFF5DB",
265
+ "Dark increased-contrast/color.background.accent.orange.subtler.pressed": {
266
+ "value": "#9E4C00",
267
267
  "attributes": {
268
268
  "group": "paint",
269
269
  "state": "active",
270
- "introduced": "8.1.0",
271
- "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance."
270
+ "introduced": "1.19.0",
271
+ "description": "Pressed state of color.background.accent.orange.subtler."
272
272
  }
273
273
  },
274
- "Dark increased-contrast/color.text.success": {
275
- "value": "#BAF3DB",
274
+ "Dark increased-contrast/color.background.accent.orange.subtle": {
275
+ "value": "#9E4C00",
276
276
  "attributes": {
277
277
  "group": "paint",
278
278
  "state": "active",
279
- "introduced": "0.0.15",
280
- "description": "Use for text to communicate a favorable outcome, such as input field success messaging."
279
+ "introduced": "0.7.0",
280
+ "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
281
281
  }
282
282
  },
283
- "Dark increased-contrast/color.text.success.bolder": {
284
- "value": "#DCFFF1",
283
+ "Dark increased-contrast/color.background.accent.orange.subtle.hovered": {
284
+ "value": "#7A3B00",
285
285
  "attributes": {
286
286
  "group": "paint",
287
287
  "state": "active",
288
- "introduced": "8.1.0",
289
- "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance."
288
+ "introduced": "1.19.0",
289
+ "description": "Hovered state of color.background.accent.orange.subtle."
290
290
  }
291
291
  },
292
- "Dark increased-contrast/color.text.discovery": {
293
- "value": "#EED7FC",
292
+ "Dark increased-contrast/color.background.accent.orange.subtle.pressed": {
293
+ "value": "#693200",
294
294
  "attributes": {
295
295
  "group": "paint",
296
296
  "state": "active",
297
- "introduced": "0.0.15",
298
- "description": "Use for text to emphasize change or something new, such as in new lozenges."
299
- }
300
- },
301
- "Dark increased-contrast/color.text.discovery.bolder": {
302
- "value": "#F8EEFE",
303
- "attributes": {
304
- "group": "paint",
305
- "state": "active",
306
- "introduced": "8.1.0",
307
- "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance."
308
- }
309
- },
310
- "Dark increased-contrast/color.text.information": {
311
- "value": "#CFE1FD",
312
- "attributes": {
313
- "group": "paint",
314
- "state": "active",
315
- "introduced": "0.6.0",
316
- "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
317
- }
318
- },
319
- "Dark increased-contrast/color.text.information.bolder": {
320
- "value": "#E9F2FE",
321
- "attributes": {
322
- "group": "paint",
323
- "state": "active",
324
- "introduced": "8.1.0",
325
- "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance."
326
- }
327
- },
328
- "Dark increased-contrast/color.text.subtlest": {
329
- "value": "#BFC1C4",
330
- "attributes": {
331
- "group": "paint",
332
- "state": "active",
333
- "introduced": "0.6.0",
334
- "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
335
- }
336
- },
337
- "Dark increased-contrast/color.text.subtle": {
338
- "value": "#CECFD2",
339
- "attributes": {
340
- "group": "paint",
341
- "state": "active",
342
- "introduced": "0.6.0",
343
- "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
344
- }
345
- },
346
- "Dark increased-contrast/color.link": {
347
- "value": "#CFE1FD",
348
- "attributes": {
349
- "group": "paint",
350
- "state": "active",
351
- "introduced": "0.6.0",
352
- "description": "Use for links in a default or hovered state. Add an underline for hovered states."
353
- }
354
- },
355
- "Dark increased-contrast/color.link.pressed": {
356
- "value": "#CFE1FD",
357
- "attributes": {
358
- "group": "paint",
359
- "state": "active",
360
- "introduced": "0.6.0",
361
- "description": "Use for links in a pressed state."
297
+ "introduced": "1.19.0",
298
+ "description": "Pressed state of color.background.accent.orange.subtle."
362
299
  }
363
300
  },
364
- "Dark increased-contrast/color.link.visited": {
365
- "value": "#D8A0F7",
301
+ "Dark increased-contrast/color.background.accent.orange.bolder": {
302
+ "value": "#FCE4A6",
366
303
  "attributes": {
367
304
  "group": "paint",
368
305
  "state": "active",
369
- "introduced": "1.23.0",
370
- "description": "Use for visited links."
306
+ "introduced": "0.7.0",
307
+ "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."
371
308
  }
372
309
  },
373
- "Dark increased-contrast/color.link.visited.pressed": {
374
- "value": "#EED7FC",
310
+ "Dark increased-contrast/color.background.accent.orange.bolder.hovered": {
311
+ "value": "#FFF5DB",
375
312
  "attributes": {
376
313
  "group": "paint",
377
314
  "state": "active",
378
- "introduced": "1.43.0",
379
- "description": "Use for visited links in a pressed state."
315
+ "introduced": "1.19.0",
316
+ "description": "Hovered state of color.background.accent.orange.bolder."
380
317
  }
381
318
  },
382
- "Dark increased-contrast/color.icon": {
383
- "value": "#CECFD2",
319
+ "Dark increased-contrast/color.background.accent.orange.bolder.pressed": {
320
+ "value": "#FBD779",
384
321
  "attributes": {
385
322
  "group": "paint",
386
323
  "state": "active",
387
- "introduced": "0.6.0",
388
- "description": "Use for icon-only buttons, or icons paired with color.text"
324
+ "introduced": "1.19.0",
325
+ "description": "Pressed state of color.background.accent.orange.bolder."
389
326
  }
390
327
  },
391
- "Dark increased-contrast/color.icon.accent.lime": {
392
- "value": "#B3DF72",
328
+ "Dark increased-contrast/color.background.accent.yellow.subtlest": {
329
+ "value": "#332E1B",
393
330
  "attributes": {
394
331
  "group": "paint",
395
332
  "state": "active",
396
- "introduced": "1.6.0",
397
- "description": "Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
333
+ "introduced": "0.7.0",
334
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
398
335
  }
399
336
  },
400
- "Dark increased-contrast/color.icon.accent.red": {
401
- "value": "#FD9891",
337
+ "Dark increased-contrast/color.background.accent.yellow.subtlest.hovered": {
338
+ "value": "#533F04",
402
339
  "attributes": {
403
340
  "group": "paint",
404
341
  "state": "active",
405
- "introduced": "0.6.0",
406
- "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
342
+ "introduced": "1.19.0",
343
+ "description": "Hovered state of color.background.accent.yellow.subtlest."
407
344
  }
408
345
  },
409
- "Dark increased-contrast/color.icon.accent.orange": {
410
- "value": "#FBC828",
346
+ "Dark increased-contrast/color.background.accent.yellow.subtlest.pressed": {
347
+ "value": "#614A05",
411
348
  "attributes": {
412
349
  "group": "paint",
413
350
  "state": "active",
414
- "introduced": "0.6.0",
415
- "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
351
+ "introduced": "1.19.0",
352
+ "description": "Pressed state of color.background.accent.yellow.subtlest."
416
353
  }
417
354
  },
418
- "Dark increased-contrast/color.icon.accent.yellow": {
419
- "value": "#EED12B",
355
+ "Dark increased-contrast/color.background.accent.yellow.subtler": {
356
+ "value": "#533F04",
420
357
  "attributes": {
421
358
  "group": "paint",
422
359
  "state": "active",
423
- "introduced": "0.6.0",
424
- "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
360
+ "introduced": "0.7.0",
361
+ "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
425
362
  }
426
363
  },
427
- "Dark increased-contrast/color.icon.accent.green": {
428
- "value": "#7EE2B8",
364
+ "Dark increased-contrast/color.background.accent.yellow.subtler.hovered": {
365
+ "value": "#614A05",
429
366
  "attributes": {
430
367
  "group": "paint",
431
368
  "state": "active",
432
- "introduced": "0.6.0",
433
- "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
369
+ "introduced": "1.19.0",
370
+ "description": "Hovered state of color.background.accent.yellow.subtler."
434
371
  }
435
372
  },
436
- "Dark increased-contrast/color.icon.accent.teal": {
437
- "value": "#9DD9EE",
373
+ "Dark increased-contrast/color.background.accent.yellow.subtler.pressed": {
374
+ "value": "#7F5F01",
438
375
  "attributes": {
439
376
  "group": "paint",
440
377
  "state": "active",
441
- "introduced": "0.6.0",
442
- "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
378
+ "introduced": "1.19.0",
379
+ "description": "Pressed state of color.background.accent.yellow.subtler."
443
380
  }
444
381
  },
445
- "Dark increased-contrast/color.icon.accent.blue": {
446
- "value": "#8FB8F6",
382
+ "Dark increased-contrast/color.background.accent.yellow.subtle": {
383
+ "value": "#7F5F01",
447
384
  "attributes": {
448
385
  "group": "paint",
449
386
  "state": "active",
450
- "introduced": "0.6.0",
451
- "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
387
+ "introduced": "0.7.0",
388
+ "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
452
389
  }
453
390
  },
454
- "Dark increased-contrast/color.icon.accent.purple": {
455
- "value": "#D8A0F7",
391
+ "Dark increased-contrast/color.background.accent.yellow.subtle.hovered": {
392
+ "value": "#614A05",
456
393
  "attributes": {
457
394
  "group": "paint",
458
395
  "state": "active",
459
- "introduced": "0.6.0",
460
- "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
396
+ "introduced": "1.19.0",
397
+ "description": "Hovered state of color.background.accent.yellow.subtle."
461
398
  }
462
399
  },
463
- "Dark increased-contrast/color.icon.accent.magenta": {
464
- "value": "#F797D2",
400
+ "Dark increased-contrast/color.background.accent.yellow.subtle.pressed": {
401
+ "value": "#533F04",
465
402
  "attributes": {
466
403
  "group": "paint",
467
404
  "state": "active",
468
- "introduced": "0.6.0",
469
- "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
405
+ "introduced": "1.19.0",
406
+ "description": "Pressed state of color.background.accent.yellow.subtle."
470
407
  }
471
408
  },
472
- "Dark increased-contrast/color.icon.accent.gray": {
473
- "value": "#A9ABAF",
409
+ "Dark increased-contrast/color.background.accent.yellow.bolder": {
410
+ "value": "#F5E989",
474
411
  "attributes": {
475
412
  "group": "paint",
476
413
  "state": "active",
477
- "introduced": "0.10.5",
478
- "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons."
414
+ "introduced": "0.7.0",
415
+ "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."
479
416
  }
480
417
  },
481
- "Dark increased-contrast/color.icon.disabled": {
482
- "value": "#E5E9F640",
418
+ "Dark increased-contrast/color.background.accent.yellow.bolder.hovered": {
419
+ "value": "#FEF7C8",
483
420
  "attributes": {
484
421
  "group": "paint",
485
422
  "state": "active",
486
- "introduced": "0.6.0",
487
- "description": "Use for icons in a disabled state."
423
+ "introduced": "1.19.0",
424
+ "description": "Hovered state of color.background.accent.yellow.bolder."
488
425
  }
489
426
  },
490
- "Dark increased-contrast/color.icon.inverse": {
491
- "value": "#1F1F21",
427
+ "Dark increased-contrast/color.background.accent.yellow.bolder.pressed": {
428
+ "value": "#EFDD4E",
492
429
  "attributes": {
493
430
  "group": "paint",
494
431
  "state": "active",
495
- "introduced": "0.6.0",
496
- "description": "Use for icons on bold backgrounds."
432
+ "introduced": "1.19.0",
433
+ "description": "Pressed state of color.background.accent.yellow.bolder."
497
434
  }
498
435
  },
499
- "Dark increased-contrast/color.icon.selected": {
500
- "value": "#8FB8F6",
436
+ "Dark increased-contrast/color.background.accent.green.subtlest": {
437
+ "value": "#1C3329",
501
438
  "attributes": {
502
439
  "group": "paint",
503
440
  "state": "active",
504
- "introduced": "0.6.2",
505
- "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
441
+ "introduced": "0.7.0",
442
+ "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
506
443
  }
507
444
  },
508
- "Dark increased-contrast/color.icon.brand": {
509
- "value": "#8FB8F6",
445
+ "Dark increased-contrast/color.background.accent.green.subtlest.hovered": {
446
+ "value": "#164B35",
510
447
  "attributes": {
511
448
  "group": "paint",
512
449
  "state": "active",
513
- "introduced": "0.6.0",
514
- "description": "Use for icons that reinforce our brand."
450
+ "introduced": "1.19.0",
451
+ "description": "Hovered state of color.background.accent.green.subtlest."
515
452
  }
516
453
  },
517
- "Dark increased-contrast/color.icon.danger": {
518
- "value": "#F87168",
454
+ "Dark increased-contrast/color.background.accent.green.subtlest.pressed": {
455
+ "value": "#19573D",
519
456
  "attributes": {
520
457
  "group": "paint",
521
458
  "state": "active",
522
- "introduced": "0.6.0",
523
- "description": "Use for icons communicating critical information, such as those used in error handing."
459
+ "introduced": "1.19.0",
460
+ "description": "Pressed state of color.background.accent.green.subtlest."
524
461
  }
525
462
  },
526
- "Dark increased-contrast/color.icon.warning": {
527
- "value": "#FBC828",
463
+ "Dark increased-contrast/color.background.accent.green.subtler": {
464
+ "value": "#164B35",
528
465
  "attributes": {
529
466
  "group": "paint",
530
467
  "state": "active",
531
- "introduced": "0.6.0",
532
- "description": "Use for icons communicating caution, such as those used in warning section messages."
468
+ "introduced": "0.7.0",
469
+ "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
533
470
  }
534
471
  },
535
- "Dark increased-contrast/color.icon.warning.inverse": {
536
- "value": "#18191A",
472
+ "Dark increased-contrast/color.background.accent.green.subtler.hovered": {
473
+ "value": "#19573D",
537
474
  "attributes": {
538
475
  "group": "paint",
539
476
  "state": "active",
540
- "introduced": "0.6.0",
541
- "description": "Use for icons when on bold warning backgrounds."
477
+ "introduced": "1.19.0",
478
+ "description": "Hovered state of color.background.accent.green.subtler."
542
479
  }
543
480
  },
544
- "Dark increased-contrast/color.icon.success": {
545
- "value": "#7EE2B8",
481
+ "Dark increased-contrast/color.background.accent.green.subtler.pressed": {
482
+ "value": "#216E4E",
546
483
  "attributes": {
547
484
  "group": "paint",
548
485
  "state": "active",
549
- "introduced": "0.6.0",
550
- "description": "Use for icons communicating a favorable outcome, such as those used in success section messaged."
486
+ "introduced": "1.19.0",
487
+ "description": "Pressed state of color.background.accent.green.subtler."
551
488
  }
552
489
  },
553
- "Dark increased-contrast/color.icon.discovery": {
554
- "value": "#C97CF4",
490
+ "Dark increased-contrast/color.background.accent.green.subtle": {
491
+ "value": "#216E4E",
555
492
  "attributes": {
556
493
  "group": "paint",
557
494
  "state": "active",
558
- "introduced": "0.6.0",
559
- "description": "Use for icons communicating change or something new, such as discovery section messages."
495
+ "introduced": "0.7.0",
496
+ "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
560
497
  }
561
498
  },
562
- "Dark increased-contrast/color.icon.information": {
563
- "value": "#8FB8F6",
499
+ "Dark increased-contrast/color.background.accent.green.subtle.hovered": {
500
+ "value": "#19573D",
564
501
  "attributes": {
565
502
  "group": "paint",
566
503
  "state": "active",
567
- "introduced": "0.6.0",
568
- "description": "Use for icons communicating information or something in-progress, such as information section messages."
504
+ "introduced": "1.19.0",
505
+ "description": "Hovered state of color.background.accent.green.subtle."
569
506
  }
570
507
  },
571
- "Dark increased-contrast/color.icon.subtlest": {
572
- "value": "#BFC1C4",
508
+ "Dark increased-contrast/color.background.accent.green.subtle.pressed": {
509
+ "value": "#164B35",
573
510
  "attributes": {
574
511
  "group": "paint",
575
512
  "state": "active",
576
- "introduced": "1.54.0",
577
- "description": "Use for icons paired with color.text.subtlest"
513
+ "introduced": "1.19.0",
514
+ "description": "Pressed state of color.background.accent.green.subtle."
578
515
  }
579
516
  },
580
- "Dark increased-contrast/color.icon.subtle": {
581
- "value": "#BFC1C4",
517
+ "Dark increased-contrast/color.background.accent.green.bolder": {
518
+ "value": "#BAF3DB",
582
519
  "attributes": {
583
520
  "group": "paint",
584
521
  "state": "active",
585
- "introduced": "0.6.0",
586
- "description": "Use for icons paired with color.text.subtle"
522
+ "introduced": "0.7.0",
523
+ "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."
587
524
  }
588
525
  },
589
- "Dark increased-contrast/color.border": {
590
- "value": "#E9F0FB5C",
526
+ "Dark increased-contrast/color.background.accent.green.bolder.hovered": {
527
+ "value": "#DCFFF1",
591
528
  "attributes": {
592
529
  "group": "paint",
593
530
  "state": "active",
594
- "introduced": "0.6.0",
595
- "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
531
+ "introduced": "1.19.0",
532
+ "description": "Hovered state of color.background.accent.green.bolder."
596
533
  }
597
534
  },
598
- "Dark increased-contrast/color.border.accent.lime": {
599
- "value": "#B3DF72",
535
+ "Dark increased-contrast/color.background.accent.green.bolder.pressed": {
536
+ "value": "#97EDC9",
600
537
  "attributes": {
601
538
  "group": "paint",
602
539
  "state": "active",
603
- "introduced": "1.6.0",
604
- "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color."
540
+ "introduced": "1.19.0",
541
+ "description": "Pressed state of color.background.accent.green.bolder."
605
542
  }
606
543
  },
607
- "Dark increased-contrast/color.border.accent.lime.subtle": {
608
- "value": "#4C6B1F",
544
+ "Dark increased-contrast/color.background.accent.teal.subtlest": {
545
+ "value": "#1E3137",
609
546
  "attributes": {
610
547
  "group": "paint",
611
548
  "state": "active",
612
- "introduced": "13.2.0",
613
- "description": "Use for decorative lime borders that do not need to meet 3:1 contrast requirements."
549
+ "introduced": "0.7.0",
550
+ "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
614
551
  }
615
552
  },
616
- "Dark increased-contrast/color.border.accent.red": {
617
- "value": "#FD9891",
553
+ "Dark increased-contrast/color.background.accent.teal.subtlest.hovered": {
554
+ "value": "#164555",
618
555
  "attributes": {
619
556
  "group": "paint",
620
557
  "state": "active",
621
- "introduced": "0.6.0",
622
- "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
558
+ "introduced": "1.19.0",
559
+ "description": "Hovered state of color.background.accent.teal.subtlest."
623
560
  }
624
561
  },
625
- "Dark increased-contrast/color.border.accent.red.subtle": {
626
- "value": "#AE2E24",
562
+ "Dark increased-contrast/color.background.accent.teal.subtlest.pressed": {
563
+ "value": "#1A5265",
627
564
  "attributes": {
628
565
  "group": "paint",
629
566
  "state": "active",
630
- "introduced": "13.2.0",
631
- "description": "Use for decorative red borders that do not need to meet 3:1 contrast requirements."
567
+ "introduced": "1.19.0",
568
+ "description": "Pressed state of color.background.accent.teal.subtlest."
632
569
  }
633
570
  },
634
- "Dark increased-contrast/color.border.accent.orange": {
635
- "value": "#FBC828",
571
+ "Dark increased-contrast/color.background.accent.teal.subtler": {
572
+ "value": "#164555",
636
573
  "attributes": {
637
574
  "group": "paint",
638
575
  "state": "active",
639
- "introduced": "0.6.0",
640
- "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
576
+ "introduced": "0.7.0",
577
+ "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
641
578
  }
642
579
  },
643
- "Dark increased-contrast/color.border.accent.orange.subtle": {
644
- "value": "#9E4C00",
580
+ "Dark increased-contrast/color.background.accent.teal.subtler.hovered": {
581
+ "value": "#1A5265",
645
582
  "attributes": {
646
583
  "group": "paint",
647
584
  "state": "active",
648
- "introduced": "13.2.0",
649
- "description": "Use for decorative orange borders that do not need to meet 3:1 contrast requirements."
585
+ "introduced": "1.19.0",
586
+ "description": "Hovered state of color.background.accent.teal.subtler."
650
587
  }
651
588
  },
652
- "Dark increased-contrast/color.border.accent.yellow": {
653
- "value": "#EED12B",
589
+ "Dark increased-contrast/color.background.accent.teal.subtler.pressed": {
590
+ "value": "#206A83",
654
591
  "attributes": {
655
592
  "group": "paint",
656
593
  "state": "active",
657
- "introduced": "0.6.0",
658
- "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color."
594
+ "introduced": "1.19.0",
595
+ "description": "Pressed state of color.background.accent.teal.subtler."
659
596
  }
660
597
  },
661
- "Dark increased-contrast/color.border.accent.yellow.subtle": {
662
- "value": "#7F5F01",
598
+ "Dark increased-contrast/color.background.accent.teal.subtle": {
599
+ "value": "#206A83",
663
600
  "attributes": {
664
601
  "group": "paint",
665
602
  "state": "active",
666
- "introduced": "13.2.0",
667
- "description": "Use for decorative yellow borders that do not need to meet 3:1 contrast requirements."
603
+ "introduced": "0.7.0",
604
+ "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
668
605
  }
669
606
  },
670
- "Dark increased-contrast/color.border.accent.green": {
671
- "value": "#7EE2B8",
607
+ "Dark increased-contrast/color.background.accent.teal.subtle.hovered": {
608
+ "value": "#1A5265",
672
609
  "attributes": {
673
610
  "group": "paint",
674
611
  "state": "active",
675
- "introduced": "0.6.0",
676
- "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color."
612
+ "introduced": "1.19.0",
613
+ "description": "Hovered state of color.background.accent.teal.subtle."
677
614
  }
678
615
  },
679
- "Dark increased-contrast/color.border.accent.green.subtle": {
680
- "value": "#216E4E",
616
+ "Dark increased-contrast/color.background.accent.teal.subtle.pressed": {
617
+ "value": "#164555",
681
618
  "attributes": {
682
619
  "group": "paint",
683
620
  "state": "active",
684
- "introduced": "13.2.0",
685
- "description": "Use for decorative green borders that do not need to meet 3:1 contrast requirements."
621
+ "introduced": "1.19.0",
622
+ "description": "Pressed state of color.background.accent.teal.subtle."
686
623
  }
687
624
  },
688
- "Dark increased-contrast/color.border.accent.teal": {
689
- "value": "#9DD9EE",
625
+ "Dark increased-contrast/color.background.accent.teal.bolder": {
626
+ "value": "#C6EDFB",
690
627
  "attributes": {
691
628
  "group": "paint",
692
629
  "state": "active",
693
- "introduced": "0.6.0",
694
- "description": "Use for teal borders on non-bold backgrounds when there is no meaning tied to the color."
630
+ "introduced": "0.7.0",
631
+ "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."
695
632
  }
696
633
  },
697
- "Dark increased-contrast/color.border.accent.teal.subtle": {
698
- "value": "#206A83",
634
+ "Dark increased-contrast/color.background.accent.teal.bolder.hovered": {
635
+ "value": "#E7F9FF",
699
636
  "attributes": {
700
637
  "group": "paint",
701
638
  "state": "active",
702
- "introduced": "13.2.0",
703
- "description": "Use for decorative teal borders that do not need to meet 3:1 contrast requirements."
639
+ "introduced": "1.19.0",
640
+ "description": "Hovered state of color.background.accent.teal.bolder."
704
641
  }
705
642
  },
706
- "Dark increased-contrast/color.border.accent.blue": {
707
- "value": "#8FB8F6",
643
+ "Dark increased-contrast/color.background.accent.teal.bolder.pressed": {
644
+ "value": "#B1E4F7",
708
645
  "attributes": {
709
646
  "group": "paint",
710
647
  "state": "active",
711
- "introduced": "0.6.0",
712
- "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
648
+ "introduced": "1.19.0",
649
+ "description": "Pressed state of color.background.accent.teal.bolder."
713
650
  }
714
651
  },
715
- "Dark increased-contrast/color.border.accent.blue.subtle": {
716
- "value": "#1558BC",
652
+ "Dark increased-contrast/color.background.accent.blue.subtlest": {
653
+ "value": "#1C2B42",
717
654
  "attributes": {
718
655
  "group": "paint",
719
656
  "state": "active",
720
- "introduced": "13.2.0",
721
- "description": "Use for decorative blue borders that do not need to meet 3:1 contrast requirements."
657
+ "introduced": "0.7.0",
658
+ "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
722
659
  }
723
660
  },
724
- "Dark increased-contrast/color.border.accent.purple": {
725
- "value": "#D8A0F7",
661
+ "Dark increased-contrast/color.background.accent.blue.subtlest.hovered": {
662
+ "value": "#123263",
726
663
  "attributes": {
727
664
  "group": "paint",
728
665
  "state": "active",
729
- "introduced": "0.6.0",
730
- "description": "Use for purple borders on non-bold backgrounds when there is no meaning tied to the color."
666
+ "introduced": "1.19.0",
667
+ "description": "Hovered state of color.background.accent.blue.subtlest."
731
668
  }
732
669
  },
733
- "Dark increased-contrast/color.border.accent.purple.subtle": {
734
- "value": "#803FA5",
670
+ "Dark increased-contrast/color.background.accent.blue.subtlest.pressed": {
671
+ "value": "#144794",
735
672
  "attributes": {
736
673
  "group": "paint",
737
674
  "state": "active",
738
- "introduced": "13.2.0",
739
- "description": "Use for decorative purple borders that do not need to meet 3:1 contrast requirements."
675
+ "introduced": "1.19.0",
676
+ "description": "Pressed state of color.background.accent.blue.subtlest."
740
677
  }
741
678
  },
742
- "Dark increased-contrast/color.border.accent.magenta": {
743
- "value": "#F797D2",
679
+ "Dark increased-contrast/color.background.accent.blue.subtler": {
680
+ "value": "#123263",
744
681
  "attributes": {
745
682
  "group": "paint",
746
683
  "state": "active",
747
- "introduced": "0.6.0",
748
- "description": "Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color."
684
+ "introduced": "0.7.0",
685
+ "description": "Use for blue backgrounds when there is no meaning tied to the color, such as colored tags."
749
686
  }
750
687
  },
751
- "Dark increased-contrast/color.border.accent.magenta.subtle": {
752
- "value": "#943D73",
688
+ "Dark increased-contrast/color.background.accent.blue.subtler.hovered": {
689
+ "value": "#144794",
753
690
  "attributes": {
754
691
  "group": "paint",
755
692
  "state": "active",
756
- "introduced": "13.2.0",
757
- "description": "Use for decorative magenta borders that do not need to meet 3:1 contrast requirements."
693
+ "introduced": "1.19.0",
694
+ "description": "Hovered state of color.background.accent.blue.subtler."
758
695
  }
759
696
  },
760
- "Dark increased-contrast/color.border.accent.gray": {
761
- "value": "#A9ABAF",
697
+ "Dark increased-contrast/color.background.accent.blue.subtler.pressed": {
698
+ "value": "#1558BC",
762
699
  "attributes": {
763
700
  "group": "paint",
764
701
  "state": "active",
765
- "introduced": "0.10.5",
766
- "description": "Use for borders on non-bold gray accent backgrounds."
702
+ "introduced": "1.19.0",
703
+ "description": "Pressed state of color.background.accent.blue.subtler."
767
704
  }
768
705
  },
769
- "Dark increased-contrast/color.border.accent.gray.subtle": {
770
- "value": "#4B4D51",
706
+ "Dark increased-contrast/color.background.accent.blue.subtle": {
707
+ "value": "#1558BC",
771
708
  "attributes": {
772
709
  "group": "paint",
773
710
  "state": "active",
774
- "introduced": "13.2.0",
775
- "description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
711
+ "introduced": "0.7.0",
712
+ "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags."
776
713
  }
777
714
  },
778
- "Dark increased-contrast/color.border.disabled": {
779
- "value": "#E3E4F21F",
715
+ "Dark increased-contrast/color.background.accent.blue.subtle.hovered": {
716
+ "value": "#144794",
780
717
  "attributes": {
781
718
  "group": "paint",
782
719
  "state": "active",
783
- "introduced": "0.6.0",
784
- "description": "Use for borders of elements in a disabled state."
720
+ "introduced": "1.19.0",
721
+ "description": "Hovered state of color.background.accent.blue.subtle."
785
722
  }
786
723
  },
787
- "Dark increased-contrast/color.border.focused": {
788
- "value": "#8FB8F6",
724
+ "Dark increased-contrast/color.background.accent.blue.subtle.pressed": {
725
+ "value": "#123263",
789
726
  "attributes": {
790
727
  "group": "paint",
791
728
  "state": "active",
792
- "introduced": "0.6.0",
793
- "description": "Use for focus rings of elements in a focus state."
729
+ "introduced": "1.19.0",
730
+ "description": "Pressed state of color.background.accent.blue.subtle."
794
731
  }
795
732
  },
796
- "Dark increased-contrast/color.border.input": {
797
- "value": "#A9ABAF",
733
+ "Dark increased-contrast/color.background.accent.blue.bolder": {
734
+ "value": "#669DF1",
798
735
  "attributes": {
799
736
  "group": "paint",
800
737
  "state": "active",
801
- "introduced": "0.6.0",
802
- "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
738
+ "introduced": "0.7.0",
739
+ "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."
803
740
  }
804
741
  },
805
- "Dark increased-contrast/color.border.inverse": {
806
- "value": "#18191A",
742
+ "Dark increased-contrast/color.background.accent.blue.bolder.hovered": {
743
+ "value": "#8FB8F6",
807
744
  "attributes": {
808
745
  "group": "paint",
809
746
  "state": "active",
810
- "introduced": "0.6.0",
811
- "description": "Use for borders on bold backgrounds."
747
+ "introduced": "1.19.0",
748
+ "description": "Hovered state of color.background.accent.blue.bolder."
812
749
  }
813
750
  },
814
- "Dark increased-contrast/color.border.selected": {
815
- "value": "#8FB8F6",
751
+ "Dark increased-contrast/color.background.accent.blue.bolder.pressed": {
752
+ "value": "#ADCBFB",
816
753
  "attributes": {
817
754
  "group": "paint",
818
755
  "state": "active",
819
- "introduced": "0.6.2",
820
- "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
756
+ "introduced": "1.19.0",
757
+ "description": "Pressed state of color.background.accent.blue.bolder."
821
758
  }
822
759
  },
823
- "Dark increased-contrast/color.border.brand": {
824
- "value": "#8FB8F6",
760
+ "Dark increased-contrast/color.background.accent.purple.subtlest": {
761
+ "value": "#35243F",
825
762
  "attributes": {
826
763
  "group": "paint",
827
764
  "state": "active",
828
- "introduced": "0.6.0",
829
- "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
765
+ "introduced": "0.7.0",
766
+ "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
830
767
  }
831
768
  },
832
- "Dark increased-contrast/color.border.danger": {
833
- "value": "#F87168",
769
+ "Dark increased-contrast/color.background.accent.purple.subtlest.hovered": {
770
+ "value": "#48245D",
834
771
  "attributes": {
835
772
  "group": "paint",
836
773
  "state": "active",
837
- "introduced": "0.6.0",
838
- "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
774
+ "introduced": "1.19.0",
775
+ "description": "Hovered state of color.background.accent.purple.subtlest."
839
776
  }
840
777
  },
841
- "Dark increased-contrast/color.border.danger.subtle": {
842
- "value": "#AE2E24",
778
+ "Dark increased-contrast/color.background.accent.purple.subtlest.pressed": {
779
+ "value": "#673286",
843
780
  "attributes": {
844
781
  "group": "paint",
845
782
  "state": "active",
846
- "introduced": "13.2.0",
847
- "description": "Use for decorative danger borders that do not need to meet 3:1 contrast requirements."
783
+ "introduced": "1.19.0",
784
+ "description": "Pressed state of color.background.accent.purple.subtlest."
848
785
  }
849
786
  },
850
- "Dark increased-contrast/color.border.warning": {
851
- "value": "#FBC828",
787
+ "Dark increased-contrast/color.background.accent.purple.subtler": {
788
+ "value": "#48245D",
852
789
  "attributes": {
853
790
  "group": "paint",
854
791
  "state": "active",
855
- "introduced": "0.6.0",
856
- "description": "Use for borders communicating caution."
792
+ "introduced": "0.7.0",
793
+ "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
857
794
  }
858
795
  },
859
- "Dark increased-contrast/color.border.warning.subtle": {
860
- "value": "#9E4C00",
796
+ "Dark increased-contrast/color.background.accent.purple.subtler.hovered": {
797
+ "value": "#673286",
861
798
  "attributes": {
862
799
  "group": "paint",
863
800
  "state": "active",
864
- "introduced": "13.2.0",
865
- "description": "Use for decorative warning borders that do not need to meet 3:1 contrast requirements."
801
+ "introduced": "1.19.0",
802
+ "description": "Hovered state of color.background.accent.purple.subtler."
866
803
  }
867
804
  },
868
- "Dark increased-contrast/color.border.success": {
869
- "value": "#7EE2B8",
805
+ "Dark increased-contrast/color.background.accent.purple.subtler.pressed": {
806
+ "value": "#803FA5",
870
807
  "attributes": {
871
808
  "group": "paint",
872
809
  "state": "active",
873
- "introduced": "0.6.0",
874
- "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
810
+ "introduced": "1.19.0",
811
+ "description": "Pressed state of color.background.accent.purple.subtler."
875
812
  }
876
813
  },
877
- "Dark increased-contrast/color.border.success.subtle": {
878
- "value": "#4C6B1F",
814
+ "Dark increased-contrast/color.background.accent.purple.subtle": {
815
+ "value": "#803FA5",
879
816
  "attributes": {
880
817
  "group": "paint",
881
818
  "state": "active",
882
- "introduced": "13.2.0",
883
- "description": "Use for decorative success borders that do not need to meet 3:1 contrast requirements."
819
+ "introduced": "0.7.0",
820
+ "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
884
821
  }
885
822
  },
886
- "Dark increased-contrast/color.border.discovery": {
887
- "value": "#C97CF4",
823
+ "Dark increased-contrast/color.background.accent.purple.subtle.hovered": {
824
+ "value": "#673286",
888
825
  "attributes": {
889
826
  "group": "paint",
890
827
  "state": "active",
891
- "introduced": "0.6.0",
892
- "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
828
+ "introduced": "1.19.0",
829
+ "description": "Hovered state of color.background.accent.purple.subtle."
893
830
  }
894
831
  },
895
- "Dark increased-contrast/color.border.discovery.subtle": {
896
- "value": "#803FA5",
832
+ "Dark increased-contrast/color.background.accent.purple.subtle.pressed": {
833
+ "value": "#48245D",
897
834
  "attributes": {
898
835
  "group": "paint",
899
836
  "state": "active",
900
- "introduced": "13.2.0",
901
- "description": "Use for decorative discovery borders that do not need to meet 3:1 contrast requirements."
837
+ "introduced": "1.19.0",
838
+ "description": "Pressed state of color.background.accent.purple.subtle."
902
839
  }
903
840
  },
904
- "Dark increased-contrast/color.border.information": {
905
- "value": "#8FB8F6",
841
+ "Dark increased-contrast/color.background.accent.purple.bolder": {
842
+ "value": "#EED7FC",
906
843
  "attributes": {
907
844
  "group": "paint",
908
845
  "state": "active",
909
- "introduced": "0.6.0",
910
- "description": "Use for borders communicating information or something in-progress."
846
+ "introduced": "0.7.0",
847
+ "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."
911
848
  }
912
849
  },
913
- "Dark increased-contrast/color.border.information.subtle": {
914
- "value": "#1558BC",
850
+ "Dark increased-contrast/color.background.accent.purple.bolder.hovered": {
851
+ "value": "#F8EEFE",
915
852
  "attributes": {
916
853
  "group": "paint",
917
854
  "state": "active",
918
- "introduced": "13.2.0",
919
- "description": "Use for decorative information borders that do not need to meet 3:1 contrast requirements."
855
+ "introduced": "1.19.0",
856
+ "description": "Hovered state of color.background.accent.purple.bolder."
920
857
  }
921
858
  },
922
- "Dark increased-contrast/color.border.bold": {
923
- "value": "#A9ABAF",
859
+ "Dark increased-contrast/color.background.accent.purple.bolder.pressed": {
860
+ "value": "#E3BDFA",
924
861
  "attributes": {
925
862
  "group": "paint",
926
863
  "state": "active",
927
- "introduced": "0.10.8",
928
- "description": "A neutral border option that passes min 3:1 contrast ratios."
864
+ "introduced": "1.19.0",
865
+ "description": "Pressed state of color.background.accent.purple.bolder."
929
866
  }
930
867
  },
931
- "Dark increased-contrast/color.background.accent.lime.subtlest": {
932
- "value": "#28311B",
868
+ "Dark increased-contrast/color.background.accent.magenta.subtlest": {
869
+ "value": "#3D2232",
933
870
  "attributes": {
934
871
  "group": "paint",
935
872
  "state": "active",
936
- "introduced": "1.6.0",
937
- "description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
873
+ "introduced": "0.7.0",
874
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
938
875
  }
939
876
  },
940
- "Dark increased-contrast/color.background.accent.lime.subtlest.hovered": {
941
- "value": "#37471F",
877
+ "Dark increased-contrast/color.background.accent.magenta.subtlest.hovered": {
878
+ "value": "#50253F",
942
879
  "attributes": {
943
880
  "group": "paint",
944
881
  "state": "active",
945
882
  "introduced": "1.19.0",
946
- "description": "Hovered state of color.background.accent.lime.subtlest."
883
+ "description": "Hovered state of color.background.accent.magenta.subtlest."
947
884
  }
948
885
  },
949
- "Dark increased-contrast/color.background.accent.lime.subtlest.pressed": {
950
- "value": "#3F5224",
886
+ "Dark increased-contrast/color.background.accent.magenta.subtlest.pressed": {
887
+ "value": "#77325B",
951
888
  "attributes": {
952
889
  "group": "paint",
953
890
  "state": "active",
954
891
  "introduced": "1.19.0",
955
- "description": "Pressed state of color.background.accent.lime.subtlest."
892
+ "description": "Pressed state of color.background.accent.magenta.subtlest."
956
893
  }
957
894
  },
958
- "Dark increased-contrast/color.background.accent.lime.subtler": {
959
- "value": "#37471F",
895
+ "Dark increased-contrast/color.background.accent.magenta.subtler": {
896
+ "value": "#50253F",
960
897
  "attributes": {
961
898
  "group": "paint",
962
899
  "state": "active",
963
- "introduced": "1.6.0",
964
- "description": "Use for for backgrounds when there is no meaning tied to the color, such as colored tags."
900
+ "introduced": "0.7.0",
901
+ "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
965
902
  }
966
903
  },
967
- "Dark increased-contrast/color.background.accent.lime.subtler.hovered": {
968
- "value": "#3F5224",
904
+ "Dark increased-contrast/color.background.accent.magenta.subtler.hovered": {
905
+ "value": "#77325B",
969
906
  "attributes": {
970
907
  "group": "paint",
971
908
  "state": "active",
972
909
  "introduced": "1.19.0",
973
- "description": "Hovered state of color.background.accent.lime.subtler."
910
+ "description": "Hovered state of color.background.accent.magenta.subtler."
974
911
  }
975
912
  },
976
- "Dark increased-contrast/color.background.accent.lime.subtler.pressed": {
977
- "value": "#4C6B1F",
913
+ "Dark increased-contrast/color.background.accent.magenta.subtler.pressed": {
914
+ "value": "#943D73",
978
915
  "attributes": {
979
916
  "group": "paint",
980
917
  "state": "active",
981
918
  "introduced": "1.19.0",
982
- "description": "Pressed state of color.background.accent.lime.subtler."
919
+ "description": "Pressed state of color.background.accent.magenta.subtler."
983
920
  }
984
921
  },
985
- "Dark increased-contrast/color.background.accent.lime.subtle": {
986
- "value": "#4C6B1F",
922
+ "Dark increased-contrast/color.background.accent.magenta.subtle": {
923
+ "value": "#943D73",
987
924
  "attributes": {
988
925
  "group": "paint",
989
926
  "state": "active",
990
- "introduced": "1.6.0",
991
- "description": "Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags."
927
+ "introduced": "0.7.0",
928
+ "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
992
929
  }
993
930
  },
994
- "Dark increased-contrast/color.background.accent.lime.subtle.hovered": {
995
- "value": "#3F5224",
931
+ "Dark increased-contrast/color.background.accent.magenta.subtle.hovered": {
932
+ "value": "#77325B",
996
933
  "attributes": {
997
934
  "group": "paint",
998
935
  "state": "active",
999
936
  "introduced": "1.19.0",
1000
- "description": "Hovered state of color.background.accent.lime.subtle."
937
+ "description": "Hovered state of color.background.accent.magenta.subtle."
1001
938
  }
1002
939
  },
1003
- "Dark increased-contrast/color.background.accent.lime.subtle.pressed": {
1004
- "value": "#37471F",
940
+ "Dark increased-contrast/color.background.accent.magenta.subtle.pressed": {
941
+ "value": "#50253F",
1005
942
  "attributes": {
1006
943
  "group": "paint",
1007
944
  "state": "active",
1008
945
  "introduced": "1.19.0",
1009
- "description": "Pressed state of color.background.accent.lime.subtle."
946
+ "description": "Pressed state of color.background.accent.magenta.subtle."
1010
947
  }
1011
948
  },
1012
- "Dark increased-contrast/color.background.accent.lime.bolder": {
1013
- "value": "#D3F1A7",
949
+ "Dark increased-contrast/color.background.accent.magenta.bolder": {
950
+ "value": "#FDD0EC",
1014
951
  "attributes": {
1015
952
  "group": "paint",
1016
953
  "state": "active",
1017
- "introduced": "1.6.0",
1018
- "description": "Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
954
+ "introduced": "0.7.0",
955
+ "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."
1019
956
  }
1020
957
  },
1021
- "Dark increased-contrast/color.background.accent.lime.bolder.hovered": {
1022
- "value": "#EFFFD6",
958
+ "Dark increased-contrast/color.background.accent.magenta.bolder.hovered": {
959
+ "value": "#FFECF8",
1023
960
  "attributes": {
1024
961
  "group": "paint",
1025
962
  "state": "active",
1026
963
  "introduced": "1.19.0",
1027
- "description": "Hovered state of color.background.accent.lime.bolder."
964
+ "description": "Hovered state of color.background.accent.magenta.bolder."
1028
965
  }
1029
966
  },
1030
- "Dark increased-contrast/color.background.accent.lime.bolder.pressed": {
1031
- "value": "#BDE97C",
967
+ "Dark increased-contrast/color.background.accent.magenta.bolder.pressed": {
968
+ "value": "#FCB6E1",
1032
969
  "attributes": {
1033
970
  "group": "paint",
1034
971
  "state": "active",
1035
972
  "introduced": "1.19.0",
1036
- "description": "Pressed state of color.background.accent.lime.bolder."
973
+ "description": "Pressed state of color.background.accent.magenta.bolder."
1037
974
  }
1038
975
  },
1039
- "Dark increased-contrast/color.background.accent.red.subtlest": {
1040
- "value": "#42221F",
976
+ "Dark increased-contrast/color.background.accent.gray.subtlest": {
977
+ "value": "#303134",
1041
978
  "attributes": {
1042
979
  "group": "paint",
1043
980
  "state": "active",
1044
981
  "introduced": "0.7.0",
1045
- "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
982
+ "description": "Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1046
983
  }
1047
984
  },
1048
- "Dark increased-contrast/color.background.accent.red.subtlest.hovered": {
1049
- "value": "#5D1F1A",
985
+ "Dark increased-contrast/color.background.accent.gray.subtlest.hovered": {
986
+ "value": "#3D3F43",
1050
987
  "attributes": {
1051
988
  "group": "paint",
1052
989
  "state": "active",
1053
990
  "introduced": "1.19.0",
1054
- "description": "Hovered state of color.background.accent.red.subtlest."
991
+ "description": "Hovered state of color.background.accent.gray.subtlest."
1055
992
  }
1056
993
  },
1057
- "Dark increased-contrast/color.background.accent.red.subtlest.pressed": {
1058
- "value": "#872821",
994
+ "Dark increased-contrast/color.background.accent.gray.subtlest.pressed": {
995
+ "value": "#4B4D51",
1059
996
  "attributes": {
1060
997
  "group": "paint",
1061
998
  "state": "active",
1062
999
  "introduced": "1.19.0",
1063
- "description": "Pressed state of color.background.accent.red.subtlest."
1000
+ "description": "Pressed state of color.background.accent.gray.subtlest."
1064
1001
  }
1065
1002
  },
1066
- "Dark increased-contrast/color.background.accent.red.subtler": {
1067
- "value": "#5D1F1A",
1003
+ "Dark increased-contrast/color.background.accent.gray.subtler": {
1004
+ "value": "#4B4D51",
1068
1005
  "attributes": {
1069
1006
  "group": "paint",
1070
1007
  "state": "active",
1071
1008
  "introduced": "0.7.0",
1072
- "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
1009
+ "description": "Use for gray backgrounds when there is no meaning tied to the color, such as colored tags."
1073
1010
  }
1074
1011
  },
1075
- "Dark increased-contrast/color.background.accent.red.subtler.hovered": {
1076
- "value": "#872821",
1012
+ "Dark increased-contrast/color.background.accent.gray.subtler.hovered": {
1013
+ "value": "#63666B",
1077
1014
  "attributes": {
1078
1015
  "group": "paint",
1079
1016
  "state": "active",
1080
1017
  "introduced": "1.19.0",
1081
- "description": "Hovered state of color.background.accent.red.subtler."
1018
+ "description": "Hovered state of color.background.accent.gray.subtler."
1082
1019
  }
1083
1020
  },
1084
- "Dark increased-contrast/color.background.accent.red.subtler.pressed": {
1085
- "value": "#AE2E24",
1021
+ "Dark increased-contrast/color.background.accent.gray.subtler.pressed": {
1022
+ "value": "#7E8188",
1086
1023
  "attributes": {
1087
1024
  "group": "paint",
1088
1025
  "state": "active",
1089
1026
  "introduced": "1.19.0",
1090
- "description": "Pressed state of color.background.accent.red.subtler."
1027
+ "description": "Pressed state of color.background.accent.gray.subtler."
1091
1028
  }
1092
1029
  },
1093
- "Dark increased-contrast/color.background.accent.red.subtle": {
1094
- "value": "#AE2E24",
1030
+ "Dark increased-contrast/color.background.accent.gray.subtle": {
1031
+ "value": "#4B4D51",
1095
1032
  "attributes": {
1096
1033
  "group": "paint",
1097
1034
  "state": "active",
1098
1035
  "introduced": "0.7.0",
1099
- "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
1036
+ "description": "Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags."
1100
1037
  }
1101
1038
  },
1102
- "Dark increased-contrast/color.background.accent.red.subtle.hovered": {
1103
- "value": "#872821",
1039
+ "Dark increased-contrast/color.background.accent.gray.subtle.hovered": {
1040
+ "value": "#303134",
1104
1041
  "attributes": {
1105
1042
  "group": "paint",
1106
1043
  "state": "active",
1107
1044
  "introduced": "1.19.0",
1108
- "description": "Hovered state of color.background.accent.red.subtle."
1045
+ "description": "Hovered state of color.background.accent.gray.subtle."
1109
1046
  }
1110
1047
  },
1111
- "Dark increased-contrast/color.background.accent.red.subtle.pressed": {
1112
- "value": "#5D1F1A",
1048
+ "Dark increased-contrast/color.background.accent.gray.subtle.pressed": {
1049
+ "value": "#242528",
1113
1050
  "attributes": {
1114
1051
  "group": "paint",
1115
1052
  "state": "active",
1116
1053
  "introduced": "1.19.0",
1117
- "description": "Pressed state of color.background.accent.red.subtle."
1054
+ "description": "Pressed state of color.background.accent.gray.subtle."
1118
1055
  }
1119
1056
  },
1120
- "Dark increased-contrast/color.background.accent.red.bolder": {
1121
- "value": "#FFD5D2",
1057
+ "Dark increased-contrast/color.background.accent.gray.bolder": {
1058
+ "value": "#A9ABAF",
1122
1059
  "attributes": {
1123
1060
  "group": "paint",
1124
1061
  "state": "active",
1125
1062
  "introduced": "0.7.0",
1126
- "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."
1063
+ "description": "Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1127
1064
  }
1128
1065
  },
1129
- "Dark increased-contrast/color.background.accent.red.bolder.hovered": {
1130
- "value": "#FFECEB",
1066
+ "Dark increased-contrast/color.background.accent.gray.bolder.hovered": {
1067
+ "value": "#BFC1C4",
1131
1068
  "attributes": {
1132
1069
  "group": "paint",
1133
1070
  "state": "active",
1134
1071
  "introduced": "1.19.0",
1135
- "description": "Hovered state of color.background.accent.red.bolder."
1072
+ "description": "Hovered state of color.background.accent.gray.bolder."
1136
1073
  }
1137
1074
  },
1138
- "Dark increased-contrast/color.background.accent.red.bolder.pressed": {
1139
- "value": "#FFB8B2",
1075
+ "Dark increased-contrast/color.background.accent.gray.bolder.pressed": {
1076
+ "value": "#CECFD2",
1140
1077
  "attributes": {
1141
1078
  "group": "paint",
1142
1079
  "state": "active",
1143
1080
  "introduced": "1.19.0",
1144
- "description": "Pressed state of color.background.accent.red.bolder."
1081
+ "description": "Pressed state of color.background.accent.gray.subtlest."
1145
1082
  }
1146
1083
  },
1147
- "Dark increased-contrast/color.background.accent.orange.subtlest": {
1148
- "value": "#3A2C1F",
1084
+ "Dark increased-contrast/color.background.disabled": {
1085
+ "value": "#E3E4F21F",
1149
1086
  "attributes": {
1150
1087
  "group": "paint",
1151
1088
  "state": "active",
1152
- "introduced": "0.7.0",
1153
- "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1089
+ "introduced": "0.0.15",
1090
+ "description": "Use for backgrounds of elements in a disabled state."
1154
1091
  }
1155
1092
  },
1156
- "Dark increased-contrast/color.background.accent.orange.subtlest.hovered": {
1157
- "value": "#693200",
1093
+ "Dark increased-contrast/color.background.input": {
1094
+ "value": "#242528",
1158
1095
  "attributes": {
1159
1096
  "group": "paint",
1160
1097
  "state": "active",
1161
- "introduced": "1.19.0",
1162
- "description": "Hovered state of color.background.accent.orange.subtlest."
1098
+ "introduced": "0.6.0",
1099
+ "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
1163
1100
  }
1164
1101
  },
1165
- "Dark increased-contrast/color.background.accent.orange.subtlest.pressed": {
1166
- "value": "#7A3B00",
1102
+ "Dark increased-contrast/color.background.input.hovered": {
1103
+ "value": "#2B2C2F",
1167
1104
  "attributes": {
1168
1105
  "group": "paint",
1169
1106
  "state": "active",
1170
- "introduced": "1.19.0",
1171
- "description": "Pressed state of color.background.accent.orange.subtlest."
1107
+ "introduced": "0.6.0",
1108
+ "description": "Hovered state for color.background.input"
1172
1109
  }
1173
1110
  },
1174
- "Dark increased-contrast/color.background.accent.orange.subtler": {
1175
- "value": "#693200",
1111
+ "Dark increased-contrast/color.background.input.pressed": {
1112
+ "value": "#242528",
1176
1113
  "attributes": {
1177
1114
  "group": "paint",
1178
1115
  "state": "active",
1179
- "introduced": "0.7.0",
1180
- "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
1116
+ "introduced": "0.6.0",
1117
+ "description": "Pressed state for color.background.input"
1181
1118
  }
1182
1119
  },
1183
- "Dark increased-contrast/color.background.accent.orange.subtler.hovered": {
1184
- "value": "#7A3B00",
1120
+ "Dark increased-contrast/color.background.inverse.subtle": {
1121
+ "value": "#FFFFFF29",
1185
1122
  "attributes": {
1186
1123
  "group": "paint",
1187
1124
  "state": "active",
1188
- "introduced": "1.19.0",
1189
- "description": "Hovered state of color.background.accent.orange.subtler."
1125
+ "introduced": "0.8.3",
1126
+ "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
1190
1127
  }
1191
1128
  },
1192
- "Dark increased-contrast/color.background.accent.orange.subtler.pressed": {
1193
- "value": "#9E4C00",
1129
+ "Dark increased-contrast/color.background.inverse.subtle.hovered": {
1130
+ "value": "#FFFFFF3D",
1194
1131
  "attributes": {
1195
1132
  "group": "paint",
1196
1133
  "state": "active",
1197
- "introduced": "1.19.0",
1198
- "description": "Pressed state of color.background.accent.orange.subtler."
1134
+ "introduced": "0.8.3",
1135
+ "description": "Use for the hovered state of color.background.inverse.subtle"
1199
1136
  }
1200
1137
  },
1201
- "Dark increased-contrast/color.background.accent.orange.subtle": {
1202
- "value": "#9E4C00",
1138
+ "Dark increased-contrast/color.background.inverse.subtle.pressed": {
1139
+ "value": "#FFFFFF52",
1203
1140
  "attributes": {
1204
1141
  "group": "paint",
1205
1142
  "state": "active",
1206
- "introduced": "0.7.0",
1207
- "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
1143
+ "introduced": "0.8.3",
1144
+ "description": "Use for the pressed state of color.background.inverse.subtle"
1208
1145
  }
1209
1146
  },
1210
- "Dark increased-contrast/color.background.accent.orange.subtle.hovered": {
1211
- "value": "#7A3B00",
1147
+ "Dark increased-contrast/color.background.neutral": {
1148
+ "value": "#CECED912",
1212
1149
  "attributes": {
1213
1150
  "group": "paint",
1214
1151
  "state": "active",
1215
- "introduced": "1.19.0",
1216
- "description": "Hovered state of color.background.accent.orange.subtle."
1152
+ "introduced": "0.6.0",
1153
+ "description": "The default background for neutral elements, such as default buttons."
1217
1154
  }
1218
1155
  },
1219
- "Dark increased-contrast/color.background.accent.orange.subtle.pressed": {
1220
- "value": "#693200",
1156
+ "Dark increased-contrast/color.background.neutral.hovered": {
1157
+ "value": "#E3E4F21F",
1221
1158
  "attributes": {
1222
1159
  "group": "paint",
1223
1160
  "state": "active",
1224
- "introduced": "1.19.0",
1225
- "description": "Pressed state of color.background.accent.orange.subtle."
1161
+ "introduced": "0.6.0",
1162
+ "description": "Hovered state for color.background.neutral"
1226
1163
  }
1227
1164
  },
1228
- "Dark increased-contrast/color.background.accent.orange.bolder": {
1229
- "value": "#FCE4A6",
1165
+ "Dark increased-contrast/color.background.neutral.pressed": {
1166
+ "value": "#E5E9F640",
1230
1167
  "attributes": {
1231
1168
  "group": "paint",
1232
1169
  "state": "active",
1233
- "introduced": "0.7.0",
1234
- "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."
1170
+ "introduced": "0.6.0",
1171
+ "description": "Pressed state for color.background.neutral"
1235
1172
  }
1236
1173
  },
1237
- "Dark increased-contrast/color.background.accent.orange.bolder.hovered": {
1238
- "value": "#FFF5DB",
1174
+ "Dark increased-contrast/color.background.neutral.subtle": {
1175
+ "value": "#00000000",
1239
1176
  "attributes": {
1240
1177
  "group": "paint",
1241
1178
  "state": "active",
1242
- "introduced": "1.19.0",
1243
- "description": "Hovered state of color.background.accent.orange.bolder."
1179
+ "introduced": "0.6.0",
1180
+ "description": "Use for the background of elements that appear to have no background in a resting state, such as subtle buttons and menu items."
1244
1181
  }
1245
1182
  },
1246
- "Dark increased-contrast/color.background.accent.orange.bolder.pressed": {
1247
- "value": "#FBD779",
1183
+ "Dark increased-contrast/color.background.neutral.subtle.hovered": {
1184
+ "value": "#CECED912",
1248
1185
  "attributes": {
1249
1186
  "group": "paint",
1250
1187
  "state": "active",
1251
- "introduced": "1.19.0",
1252
- "description": "Pressed state of color.background.accent.orange.bolder."
1188
+ "introduced": "0.6.0",
1189
+ "description": "Hovered state for color.background.neutral.subtle"
1253
1190
  }
1254
1191
  },
1255
- "Dark increased-contrast/color.background.accent.yellow.subtlest": {
1256
- "value": "#332E1B",
1192
+ "Dark increased-contrast/color.background.neutral.subtle.pressed": {
1193
+ "value": "#E3E4F21F",
1257
1194
  "attributes": {
1258
1195
  "group": "paint",
1259
1196
  "state": "active",
1260
- "introduced": "0.7.0",
1261
- "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1197
+ "introduced": "0.6.0",
1198
+ "description": "Pressed state for color.background.neutral.subtle"
1262
1199
  }
1263
1200
  },
1264
- "Dark increased-contrast/color.background.accent.yellow.subtlest.hovered": {
1265
- "value": "#533F04",
1201
+ "Dark increased-contrast/color.background.neutral.bold": {
1202
+ "value": "#CECFD2",
1266
1203
  "attributes": {
1267
1204
  "group": "paint",
1268
1205
  "state": "active",
1269
- "introduced": "1.19.0",
1270
- "description": "Hovered state of color.background.accent.yellow.subtlest."
1206
+ "introduced": "0.6.0",
1207
+ "description": "A vibrant background option for neutral UI elements, such as announcement banners."
1271
1208
  }
1272
1209
  },
1273
- "Dark increased-contrast/color.background.accent.yellow.subtlest.pressed": {
1274
- "value": "#614A05",
1210
+ "Dark increased-contrast/color.background.neutral.bold.hovered": {
1211
+ "value": "#BFC1C4",
1275
1212
  "attributes": {
1276
1213
  "group": "paint",
1277
1214
  "state": "active",
1278
- "introduced": "1.19.0",
1279
- "description": "Pressed state of color.background.accent.yellow.subtlest."
1215
+ "introduced": "0.6.0",
1216
+ "description": "Hovered state of color.background.neutral.bold"
1280
1217
  }
1281
1218
  },
1282
- "Dark increased-contrast/color.background.accent.yellow.subtler": {
1283
- "value": "#533F04",
1219
+ "Dark increased-contrast/color.background.neutral.bold.pressed": {
1220
+ "value": "#A9ABAF",
1284
1221
  "attributes": {
1285
1222
  "group": "paint",
1286
1223
  "state": "active",
1287
- "introduced": "0.7.0",
1288
- "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1224
+ "introduced": "0.6.0",
1225
+ "description": "Pressed state of color.background.neutral.bold"
1289
1226
  }
1290
1227
  },
1291
- "Dark increased-contrast/color.background.accent.yellow.subtler.hovered": {
1292
- "value": "#614A05",
1228
+ "Dark increased-contrast/color.background.selected": {
1229
+ "value": "#1C2B42",
1293
1230
  "attributes": {
1294
1231
  "group": "paint",
1295
1232
  "state": "active",
1296
- "introduced": "1.19.0",
1297
- "description": "Hovered state of color.background.accent.yellow.subtler."
1233
+ "introduced": "0.6.2",
1234
+ "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
1298
1235
  }
1299
1236
  },
1300
- "Dark increased-contrast/color.background.accent.yellow.subtler.pressed": {
1301
- "value": "#7F5F01",
1237
+ "Dark increased-contrast/color.background.selected.hovered": {
1238
+ "value": "#123263",
1302
1239
  "attributes": {
1303
1240
  "group": "paint",
1304
1241
  "state": "active",
1305
- "introduced": "1.19.0",
1306
- "description": "Pressed state of color.background.accent.yellow.subtler."
1242
+ "introduced": "0.6.2",
1243
+ "description": "Hovered state for color.background.selected"
1307
1244
  }
1308
1245
  },
1309
- "Dark increased-contrast/color.background.accent.yellow.subtle": {
1310
- "value": "#7F5F01",
1246
+ "Dark increased-contrast/color.background.selected.pressed": {
1247
+ "value": "#1558BC",
1311
1248
  "attributes": {
1312
1249
  "group": "paint",
1313
1250
  "state": "active",
1314
- "introduced": "0.7.0",
1315
- "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
1251
+ "introduced": "0.6.2",
1252
+ "description": "Pressed state for color.background.selected"
1316
1253
  }
1317
1254
  },
1318
- "Dark increased-contrast/color.background.accent.yellow.subtle.hovered": {
1319
- "value": "#614A05",
1255
+ "Dark increased-contrast/color.background.selected.bold": {
1256
+ "value": "#CFE1FD",
1320
1257
  "attributes": {
1321
1258
  "group": "paint",
1322
1259
  "state": "active",
1323
- "introduced": "1.19.0",
1324
- "description": "Hovered state of color.background.accent.yellow.subtle."
1260
+ "introduced": "0.6.2",
1261
+ "description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
1325
1262
  }
1326
1263
  },
1327
- "Dark increased-contrast/color.background.accent.yellow.subtle.pressed": {
1328
- "value": "#533F04",
1264
+ "Dark increased-contrast/color.background.selected.bold.hovered": {
1265
+ "value": "#E9F2FE",
1329
1266
  "attributes": {
1330
1267
  "group": "paint",
1331
1268
  "state": "active",
1332
- "introduced": "1.19.0",
1333
- "description": "Pressed state of color.background.accent.yellow.subtle."
1269
+ "introduced": "0.6.2",
1270
+ "description": "Hovered state of color.background.selected.bold"
1334
1271
  }
1335
1272
  },
1336
- "Dark increased-contrast/color.background.accent.yellow.bolder": {
1337
- "value": "#F5E989",
1273
+ "Dark increased-contrast/color.background.selected.bold.pressed": {
1274
+ "value": "#E2E3E4",
1338
1275
  "attributes": {
1339
1276
  "group": "paint",
1340
1277
  "state": "active",
1341
- "introduced": "0.7.0",
1342
- "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."
1278
+ "introduced": "0.6.2",
1279
+ "description": "Pressed state of color.background.selected.bold"
1343
1280
  }
1344
1281
  },
1345
- "Dark increased-contrast/color.background.accent.yellow.bolder.hovered": {
1346
- "value": "#FEF7C8",
1282
+ "Dark increased-contrast/color.background.brand.subtlest": {
1283
+ "value": "#1C2B42",
1347
1284
  "attributes": {
1348
1285
  "group": "paint",
1349
1286
  "state": "active",
1350
- "introduced": "1.19.0",
1351
- "description": "Hovered state of color.background.accent.yellow.bolder."
1287
+ "introduced": "1.13.0",
1288
+ "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
1352
1289
  }
1353
1290
  },
1354
- "Dark increased-contrast/color.background.accent.yellow.bolder.pressed": {
1355
- "value": "#EFDD4E",
1291
+ "Dark increased-contrast/color.background.brand.subtlest.hovered": {
1292
+ "value": "#123263",
1356
1293
  "attributes": {
1357
1294
  "group": "paint",
1358
1295
  "state": "active",
1359
- "introduced": "1.19.0",
1360
- "description": "Pressed state of color.background.accent.yellow.bolder."
1296
+ "introduced": "1.13.0",
1297
+ "description": "Hovered state of color.background.brand.subtlest."
1361
1298
  }
1362
1299
  },
1363
- "Dark increased-contrast/color.background.accent.green.subtlest": {
1364
- "value": "#1C3329",
1300
+ "Dark increased-contrast/color.background.brand.subtlest.pressed": {
1301
+ "value": "#144794",
1365
1302
  "attributes": {
1366
1303
  "group": "paint",
1367
1304
  "state": "active",
1368
- "introduced": "0.7.0",
1369
- "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1305
+ "introduced": "1.13.0",
1306
+ "description": "Pressed state of color.background.brand.subtlest"
1307
+ }
1308
+ },
1309
+ "Dark increased-contrast/color.background.brand.bold": {
1310
+ "value": "#CFE1FD",
1311
+ "attributes": {
1312
+ "group": "paint",
1313
+ "state": "active",
1314
+ "introduced": "0.6.0",
1315
+ "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
1370
1316
  }
1371
1317
  },
1372
- "Dark increased-contrast/color.background.accent.green.subtlest.hovered": {
1373
- "value": "#164B35",
1318
+ "Dark increased-contrast/color.background.brand.bold.hovered": {
1319
+ "value": "#E9F2FE",
1374
1320
  "attributes": {
1375
1321
  "group": "paint",
1376
1322
  "state": "active",
1377
- "introduced": "1.19.0",
1378
- "description": "Hovered state of color.background.accent.green.subtlest."
1323
+ "introduced": "0.6.0",
1324
+ "description": "Hovered state of color.background.brand.bold."
1379
1325
  }
1380
1326
  },
1381
- "Dark increased-contrast/color.background.accent.green.subtlest.pressed": {
1382
- "value": "#19573D",
1327
+ "Dark increased-contrast/color.background.brand.bold.pressed": {
1328
+ "value": "#E2E3E4",
1383
1329
  "attributes": {
1384
1330
  "group": "paint",
1385
1331
  "state": "active",
1386
- "introduced": "1.19.0",
1387
- "description": "Pressed state of color.background.accent.green.subtlest."
1332
+ "introduced": "0.6.0",
1333
+ "description": "Pressed state of color.background.brand.bold."
1388
1334
  }
1389
1335
  },
1390
- "Dark increased-contrast/color.background.accent.green.subtler": {
1391
- "value": "#164B35",
1336
+ "Dark increased-contrast/color.background.brand.boldest": {
1337
+ "value": "#E9F2FE",
1392
1338
  "attributes": {
1393
1339
  "group": "paint",
1394
1340
  "state": "active",
1395
- "introduced": "0.7.0",
1396
- "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
1341
+ "introduced": "1.13.0",
1342
+ "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
1397
1343
  }
1398
1344
  },
1399
- "Dark increased-contrast/color.background.accent.green.subtler.hovered": {
1400
- "value": "#19573D",
1345
+ "Dark increased-contrast/color.background.brand.boldest.hovered": {
1346
+ "value": "#CFE1FD",
1401
1347
  "attributes": {
1402
1348
  "group": "paint",
1403
1349
  "state": "active",
1404
- "introduced": "1.19.0",
1405
- "description": "Hovered state of color.background.accent.green.subtler."
1350
+ "introduced": "1.13.0",
1351
+ "description": "Hovered state of color.background.brand.boldest."
1406
1352
  }
1407
1353
  },
1408
- "Dark increased-contrast/color.background.accent.green.subtler.pressed": {
1409
- "value": "#216E4E",
1354
+ "Dark increased-contrast/color.background.brand.boldest.pressed": {
1355
+ "value": "#ADCBFB",
1410
1356
  "attributes": {
1411
1357
  "group": "paint",
1412
1358
  "state": "active",
1413
- "introduced": "1.19.0",
1414
- "description": "Pressed state of color.background.accent.green.subtler."
1359
+ "introduced": "1.13.0",
1360
+ "description": "Pressed state of color.background.brand.boldest."
1415
1361
  }
1416
1362
  },
1417
- "Dark increased-contrast/color.background.accent.green.subtle": {
1418
- "value": "#216E4E",
1363
+ "Dark increased-contrast/color.background.danger": {
1364
+ "value": "#42221F",
1419
1365
  "attributes": {
1420
1366
  "group": "paint",
1421
1367
  "state": "active",
1422
- "introduced": "0.7.0",
1423
- "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
1368
+ "introduced": "0.6.0",
1369
+ "description": "Use for backgrounds communicating critical information, such in error section messages."
1424
1370
  }
1425
1371
  },
1426
- "Dark increased-contrast/color.background.accent.green.subtle.hovered": {
1427
- "value": "#19573D",
1372
+ "Dark increased-contrast/color.background.danger.hovered": {
1373
+ "value": "#5D1F1A",
1428
1374
  "attributes": {
1429
1375
  "group": "paint",
1430
1376
  "state": "active",
1431
- "introduced": "1.19.0",
1432
- "description": "Hovered state of color.background.accent.green.subtle."
1377
+ "introduced": "0.6.0",
1378
+ "description": "Hovered state for color.background.danger"
1433
1379
  }
1434
1380
  },
1435
- "Dark increased-contrast/color.background.accent.green.subtle.pressed": {
1436
- "value": "#164B35",
1381
+ "Dark increased-contrast/color.background.danger.pressed": {
1382
+ "value": "#872821",
1437
1383
  "attributes": {
1438
1384
  "group": "paint",
1439
1385
  "state": "active",
1440
- "introduced": "1.19.0",
1441
- "description": "Pressed state of color.background.accent.green.subtle."
1386
+ "introduced": "0.6.0",
1387
+ "description": "Pressed state for color.background.danger"
1442
1388
  }
1443
1389
  },
1444
- "Dark increased-contrast/color.background.accent.green.bolder": {
1445
- "value": "#BAF3DB",
1390
+ "Dark increased-contrast/color.background.danger.subtler": {
1391
+ "value": "#5D1F1A",
1446
1392
  "attributes": {
1447
1393
  "group": "paint",
1448
1394
  "state": "active",
1449
- "introduced": "0.7.0",
1450
- "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."
1395
+ "introduced": "8.1.0",
1396
+ "description": "Use for backgrounds of danger lozenges and badges to ensure accessibility and desired visual appearance."
1451
1397
  }
1452
1398
  },
1453
- "Dark increased-contrast/color.background.accent.green.bolder.hovered": {
1454
- "value": "#DCFFF1",
1399
+ "Dark increased-contrast/color.background.danger.subtler.hovered": {
1400
+ "value": "#872821",
1455
1401
  "attributes": {
1456
1402
  "group": "paint",
1457
1403
  "state": "active",
1458
- "introduced": "1.19.0",
1459
- "description": "Hovered state of color.background.accent.green.bolder."
1404
+ "introduced": "8.1.0",
1405
+ "description": "Hovered state of color.background.danger.subtler"
1460
1406
  }
1461
1407
  },
1462
- "Dark increased-contrast/color.background.accent.green.bolder.pressed": {
1463
- "value": "#97EDC9",
1408
+ "Dark increased-contrast/color.background.danger.subtler.pressed": {
1409
+ "value": "#AE2E24",
1464
1410
  "attributes": {
1465
1411
  "group": "paint",
1466
1412
  "state": "active",
1467
- "introduced": "1.19.0",
1468
- "description": "Pressed state of color.background.accent.green.bolder."
1413
+ "introduced": "8.1.0",
1414
+ "description": "Pressed state of color.background.danger.subtler"
1469
1415
  }
1470
1416
  },
1471
- "Dark increased-contrast/color.background.accent.teal.subtlest": {
1472
- "value": "#1E3137",
1417
+ "Dark increased-contrast/color.background.danger.subtle": {
1418
+ "value": "#AE2E24",
1473
1419
  "attributes": {
1474
1420
  "group": "paint",
1475
1421
  "state": "active",
1476
- "introduced": "0.7.0",
1477
- "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1422
+ "introduced": "13.2.0",
1423
+ "description": "Background colour for non-interactive elements communicating critical danger information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.danger.bold or color.background.danger.subtler for interactive states."
1478
1424
  }
1479
1425
  },
1480
- "Dark increased-contrast/color.background.accent.teal.subtlest.hovered": {
1481
- "value": "#164555",
1426
+ "Dark increased-contrast/color.background.danger.bold": {
1427
+ "value": "#FFD5D2",
1482
1428
  "attributes": {
1483
1429
  "group": "paint",
1484
1430
  "state": "active",
1485
- "introduced": "1.19.0",
1486
- "description": "Hovered state of color.background.accent.teal.subtlest."
1431
+ "introduced": "0.6.0",
1432
+ "description": "A vibrant background option for communicating critical information, such as in danger buttons and error banners."
1487
1433
  }
1488
1434
  },
1489
- "Dark increased-contrast/color.background.accent.teal.subtlest.pressed": {
1490
- "value": "#1A5265",
1435
+ "Dark increased-contrast/color.background.danger.bold.hovered": {
1436
+ "value": "#FFECEB",
1491
1437
  "attributes": {
1492
1438
  "group": "paint",
1493
1439
  "state": "active",
1494
- "introduced": "1.19.0",
1495
- "description": "Pressed state of color.background.accent.teal.subtlest."
1440
+ "introduced": "0.6.0",
1441
+ "description": "Hovered state of color.background.danger.bold"
1496
1442
  }
1497
1443
  },
1498
- "Dark increased-contrast/color.background.accent.teal.subtler": {
1499
- "value": "#164555",
1444
+ "Dark increased-contrast/color.background.danger.bold.pressed": {
1445
+ "value": "#E2E3E4",
1500
1446
  "attributes": {
1501
1447
  "group": "paint",
1502
1448
  "state": "active",
1503
- "introduced": "0.7.0",
1504
- "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
1449
+ "introduced": "0.6.0",
1450
+ "description": "Pressed state of color.background.danger.bold"
1505
1451
  }
1506
1452
  },
1507
- "Dark increased-contrast/color.background.accent.teal.subtler.hovered": {
1508
- "value": "#1A5265",
1453
+ "Dark increased-contrast/color.background.warning": {
1454
+ "value": "#3A2C1F",
1509
1455
  "attributes": {
1510
1456
  "group": "paint",
1511
1457
  "state": "active",
1512
- "introduced": "1.19.0",
1513
- "description": "Hovered state of color.background.accent.teal.subtler."
1458
+ "introduced": "0.6.0",
1459
+ "description": "Use for backgrounds communicating caution, such as in warning section messages."
1514
1460
  }
1515
1461
  },
1516
- "Dark increased-contrast/color.background.accent.teal.subtler.pressed": {
1517
- "value": "#206A83",
1462
+ "Dark increased-contrast/color.background.warning.hovered": {
1463
+ "value": "#693200",
1518
1464
  "attributes": {
1519
1465
  "group": "paint",
1520
1466
  "state": "active",
1521
- "introduced": "1.19.0",
1522
- "description": "Pressed state of color.background.accent.teal.subtler."
1467
+ "introduced": "0.6.0",
1468
+ "description": "Hovered state for color.background.warning"
1523
1469
  }
1524
1470
  },
1525
- "Dark increased-contrast/color.background.accent.teal.subtle": {
1526
- "value": "#206A83",
1471
+ "Dark increased-contrast/color.background.warning.pressed": {
1472
+ "value": "#7A3B00",
1527
1473
  "attributes": {
1528
1474
  "group": "paint",
1529
1475
  "state": "active",
1530
- "introduced": "0.7.0",
1531
- "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
1476
+ "introduced": "0.6.0",
1477
+ "description": "Pressed state for color.background.warning"
1532
1478
  }
1533
1479
  },
1534
- "Dark increased-contrast/color.background.accent.teal.subtle.hovered": {
1535
- "value": "#1A5265",
1480
+ "Dark increased-contrast/color.background.warning.subtler": {
1481
+ "value": "#693200",
1536
1482
  "attributes": {
1537
1483
  "group": "paint",
1538
1484
  "state": "active",
1539
- "introduced": "1.19.0",
1540
- "description": "Hovered state of color.background.accent.teal.subtle."
1485
+ "introduced": "8.1.0",
1486
+ "description": "Use for backgrounds of warning lozenges and badges to ensure accessibility and desired visual appearance."
1541
1487
  }
1542
1488
  },
1543
- "Dark increased-contrast/color.background.accent.teal.subtle.pressed": {
1544
- "value": "#164555",
1489
+ "Dark increased-contrast/color.background.warning.subtler.hovered": {
1490
+ "value": "#7A3B00",
1545
1491
  "attributes": {
1546
1492
  "group": "paint",
1547
1493
  "state": "active",
1548
- "introduced": "1.19.0",
1549
- "description": "Pressed state of color.background.accent.teal.subtle."
1494
+ "introduced": "8.1.0",
1495
+ "description": "Hovered state of color.background.warning.subtler"
1550
1496
  }
1551
1497
  },
1552
- "Dark increased-contrast/color.background.accent.teal.bolder": {
1553
- "value": "#C6EDFB",
1498
+ "Dark increased-contrast/color.background.warning.subtler.pressed": {
1499
+ "value": "#9E4C00",
1554
1500
  "attributes": {
1555
1501
  "group": "paint",
1556
1502
  "state": "active",
1557
- "introduced": "0.7.0",
1558
- "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."
1503
+ "introduced": "8.1.0",
1504
+ "description": "Pressed state of color.background.warning.subtler"
1559
1505
  }
1560
1506
  },
1561
- "Dark increased-contrast/color.background.accent.teal.bolder.hovered": {
1562
- "value": "#E7F9FF",
1507
+ "Dark increased-contrast/color.background.warning.subtle": {
1508
+ "value": "#9E4C00",
1563
1509
  "attributes": {
1564
1510
  "group": "paint",
1565
1511
  "state": "active",
1566
- "introduced": "1.19.0",
1567
- "description": "Hovered state of color.background.accent.teal.bolder."
1512
+ "introduced": "13.2.0",
1513
+ "description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
1568
1514
  }
1569
1515
  },
1570
- "Dark increased-contrast/color.background.accent.teal.bolder.pressed": {
1571
- "value": "#B1E4F7",
1516
+ "Dark increased-contrast/color.background.warning.bold": {
1517
+ "value": "#F5E989",
1572
1518
  "attributes": {
1573
1519
  "group": "paint",
1574
1520
  "state": "active",
1575
- "introduced": "1.19.0",
1576
- "description": "Pressed state of color.background.accent.teal.bolder."
1521
+ "introduced": "0.6.0",
1522
+ "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
1577
1523
  }
1578
1524
  },
1579
- "Dark increased-contrast/color.background.accent.blue.subtlest": {
1580
- "value": "#1C2B42",
1525
+ "Dark increased-contrast/color.background.warning.bold.hovered": {
1526
+ "value": "#FEF7C8",
1581
1527
  "attributes": {
1582
1528
  "group": "paint",
1583
1529
  "state": "active",
1584
- "introduced": "0.7.0",
1585
- "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1530
+ "introduced": "0.6.0",
1531
+ "description": "Hovered state of color.background.warning.bold"
1586
1532
  }
1587
1533
  },
1588
- "Dark increased-contrast/color.background.accent.blue.subtlest.hovered": {
1589
- "value": "#123263",
1534
+ "Dark increased-contrast/color.background.warning.bold.pressed": {
1535
+ "value": "#E2E3E4",
1590
1536
  "attributes": {
1591
1537
  "group": "paint",
1592
1538
  "state": "active",
1593
- "introduced": "1.19.0",
1594
- "description": "Hovered state of color.background.accent.blue.subtlest."
1539
+ "introduced": "0.6.0",
1540
+ "description": "Pressed state of color.background.warning.bold"
1595
1541
  }
1596
1542
  },
1597
- "Dark increased-contrast/color.background.accent.blue.subtlest.pressed": {
1598
- "value": "#144794",
1543
+ "Dark increased-contrast/color.background.success": {
1544
+ "value": "#28311B",
1599
1545
  "attributes": {
1600
1546
  "group": "paint",
1601
1547
  "state": "active",
1602
- "introduced": "1.19.0",
1603
- "description": "Pressed state of color.background.accent.blue.subtlest."
1548
+ "introduced": "0.6.0",
1549
+ "description": "Use for backgrounds communicating a favorable outcome, such as in success section messages."
1604
1550
  }
1605
1551
  },
1606
- "Dark increased-contrast/color.background.accent.blue.subtler": {
1607
- "value": "#123263",
1552
+ "Dark increased-contrast/color.background.success.hovered": {
1553
+ "value": "#37471F",
1608
1554
  "attributes": {
1609
1555
  "group": "paint",
1610
1556
  "state": "active",
1611
- "introduced": "0.7.0",
1612
- "description": "Use for blue backgrounds when there is no meaning tied to the color, such as colored tags."
1557
+ "introduced": "0.6.0",
1558
+ "description": "Hovered state for color.background.success"
1613
1559
  }
1614
1560
  },
1615
- "Dark increased-contrast/color.background.accent.blue.subtler.hovered": {
1616
- "value": "#144794",
1561
+ "Dark increased-contrast/color.background.success.pressed": {
1562
+ "value": "#3F5224",
1617
1563
  "attributes": {
1618
1564
  "group": "paint",
1619
1565
  "state": "active",
1620
- "introduced": "1.19.0",
1621
- "description": "Hovered state of color.background.accent.blue.subtler."
1566
+ "introduced": "0.6.0",
1567
+ "description": "Pressed state for color.background.success"
1622
1568
  }
1623
1569
  },
1624
- "Dark increased-contrast/color.background.accent.blue.subtler.pressed": {
1625
- "value": "#1558BC",
1570
+ "Dark increased-contrast/color.background.success.subtler": {
1571
+ "value": "#37471F",
1626
1572
  "attributes": {
1627
1573
  "group": "paint",
1628
1574
  "state": "active",
1629
- "introduced": "1.19.0",
1630
- "description": "Pressed state of color.background.accent.blue.subtler."
1575
+ "introduced": "8.1.0",
1576
+ "description": "Use for backgrounds of success lozenges and badges to ensure accessibility and desired visual appearance."
1631
1577
  }
1632
1578
  },
1633
- "Dark increased-contrast/color.background.accent.blue.subtle": {
1634
- "value": "#1558BC",
1579
+ "Dark increased-contrast/color.background.success.subtler.hovered": {
1580
+ "value": "#3F5224",
1635
1581
  "attributes": {
1636
1582
  "group": "paint",
1637
1583
  "state": "active",
1638
- "introduced": "0.7.0",
1639
- "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags."
1584
+ "introduced": "8.1.0",
1585
+ "description": "Hovered state of color.background.success.subtler"
1640
1586
  }
1641
1587
  },
1642
- "Dark increased-contrast/color.background.accent.blue.subtle.hovered": {
1643
- "value": "#144794",
1588
+ "Dark increased-contrast/color.background.success.subtler.pressed": {
1589
+ "value": "#4C6B1F",
1644
1590
  "attributes": {
1645
1591
  "group": "paint",
1646
1592
  "state": "active",
1647
- "introduced": "1.19.0",
1648
- "description": "Hovered state of color.background.accent.blue.subtle."
1593
+ "introduced": "8.1.0",
1594
+ "description": "Pressed state of color.background.success.subtler"
1649
1595
  }
1650
1596
  },
1651
- "Dark increased-contrast/color.background.accent.blue.subtle.pressed": {
1652
- "value": "#123263",
1597
+ "Dark increased-contrast/color.background.success.subtle": {
1598
+ "value": "#4C6B1F",
1653
1599
  "attributes": {
1654
1600
  "group": "paint",
1655
1601
  "state": "active",
1656
- "introduced": "1.19.0",
1657
- "description": "Pressed state of color.background.accent.blue.subtle."
1602
+ "introduced": "13.2.0",
1603
+ "description": "Background colour for non-interactive elements communicating success (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.success.bold or color.background.success.subtler for interactive states."
1658
1604
  }
1659
1605
  },
1660
- "Dark increased-contrast/color.background.accent.blue.bolder": {
1661
- "value": "#669DF1",
1606
+ "Dark increased-contrast/color.background.success.bold": {
1607
+ "value": "#BAF3DB",
1662
1608
  "attributes": {
1663
1609
  "group": "paint",
1664
1610
  "state": "active",
1665
- "introduced": "0.7.0",
1666
- "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."
1611
+ "introduced": "0.6.0",
1612
+ "description": "A vibrant background option for communicating a favorable outcome, such as in checked toggles."
1667
1613
  }
1668
1614
  },
1669
- "Dark increased-contrast/color.background.accent.blue.bolder.hovered": {
1670
- "value": "#8FB8F6",
1615
+ "Dark increased-contrast/color.background.success.bold.hovered": {
1616
+ "value": "#DCFFF1",
1671
1617
  "attributes": {
1672
1618
  "group": "paint",
1673
1619
  "state": "active",
1674
- "introduced": "1.19.0",
1675
- "description": "Hovered state of color.background.accent.blue.bolder."
1620
+ "introduced": "0.6.0",
1621
+ "description": "Hovered state of color.background.success.bold"
1676
1622
  }
1677
1623
  },
1678
- "Dark increased-contrast/color.background.accent.blue.bolder.pressed": {
1679
- "value": "#ADCBFB",
1624
+ "Dark increased-contrast/color.background.success.bold.pressed": {
1625
+ "value": "#E2E3E4",
1680
1626
  "attributes": {
1681
1627
  "group": "paint",
1682
1628
  "state": "active",
1683
- "introduced": "1.19.0",
1684
- "description": "Pressed state of color.background.accent.blue.bolder."
1629
+ "introduced": "0.6.0",
1630
+ "description": "Pressed state of color.background.success.bold"
1685
1631
  }
1686
1632
  },
1687
- "Dark increased-contrast/color.background.accent.purple.subtlest": {
1633
+ "Dark increased-contrast/color.background.discovery": {
1688
1634
  "value": "#35243F",
1689
1635
  "attributes": {
1690
1636
  "group": "paint",
1691
1637
  "state": "active",
1692
- "introduced": "0.7.0",
1693
- "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1638
+ "introduced": "0.6.0",
1639
+ "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
1694
1640
  }
1695
1641
  },
1696
- "Dark increased-contrast/color.background.accent.purple.subtlest.hovered": {
1642
+ "Dark increased-contrast/color.background.discovery.hovered": {
1697
1643
  "value": "#48245D",
1698
1644
  "attributes": {
1699
1645
  "group": "paint",
1700
1646
  "state": "active",
1701
- "introduced": "1.19.0",
1702
- "description": "Hovered state of color.background.accent.purple.subtlest."
1647
+ "introduced": "0.6.0",
1648
+ "description": "Hover state for color.background.discovery"
1703
1649
  }
1704
1650
  },
1705
- "Dark increased-contrast/color.background.accent.purple.subtlest.pressed": {
1651
+ "Dark increased-contrast/color.background.discovery.pressed": {
1706
1652
  "value": "#673286",
1707
1653
  "attributes": {
1708
1654
  "group": "paint",
1709
1655
  "state": "active",
1710
- "introduced": "1.19.0",
1711
- "description": "Pressed state of color.background.accent.purple.subtlest."
1656
+ "introduced": "0.6.0",
1657
+ "description": "Pressed state for color.background.discovery"
1712
1658
  }
1713
1659
  },
1714
- "Dark increased-contrast/color.background.accent.purple.subtler": {
1660
+ "Dark increased-contrast/color.background.discovery.subtler": {
1715
1661
  "value": "#48245D",
1716
1662
  "attributes": {
1717
1663
  "group": "paint",
1718
1664
  "state": "active",
1719
- "introduced": "0.7.0",
1720
- "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
1665
+ "introduced": "8.1.0",
1666
+ "description": "Use for backgrounds of discovery lozenges and badges to ensure accessibility and desired visual appearance."
1721
1667
  }
1722
1668
  },
1723
- "Dark increased-contrast/color.background.accent.purple.subtler.hovered": {
1669
+ "Dark increased-contrast/color.background.discovery.subtler.hovered": {
1724
1670
  "value": "#673286",
1725
1671
  "attributes": {
1726
1672
  "group": "paint",
1727
1673
  "state": "active",
1728
- "introduced": "1.19.0",
1729
- "description": "Hovered state of color.background.accent.purple.subtler."
1674
+ "introduced": "8.1.0",
1675
+ "description": "Hovered state of color.background.discovery.subtler"
1730
1676
  }
1731
1677
  },
1732
- "Dark increased-contrast/color.background.accent.purple.subtler.pressed": {
1678
+ "Dark increased-contrast/color.background.discovery.subtler.pressed": {
1733
1679
  "value": "#803FA5",
1734
1680
  "attributes": {
1735
1681
  "group": "paint",
1736
1682
  "state": "active",
1737
- "introduced": "1.19.0",
1738
- "description": "Pressed state of color.background.accent.purple.subtler."
1683
+ "introduced": "8.1.0",
1684
+ "description": "Pressed state of color.background.discovery.subtler"
1739
1685
  }
1740
1686
  },
1741
- "Dark increased-contrast/color.background.accent.purple.subtle": {
1687
+ "Dark increased-contrast/color.background.discovery.subtle": {
1742
1688
  "value": "#803FA5",
1743
1689
  "attributes": {
1744
1690
  "group": "paint",
1745
1691
  "state": "active",
1746
- "introduced": "0.7.0",
1747
- "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
1692
+ "introduced": "13.2.0",
1693
+ "description": "Background colour for non-interactive elements communicating discovery (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.discovery.bold or color.background.discovery.subtler for interactive states."
1748
1694
  }
1749
1695
  },
1750
- "Dark increased-contrast/color.background.accent.purple.subtle.hovered": {
1751
- "value": "#673286",
1696
+ "Dark increased-contrast/color.background.discovery.bold": {
1697
+ "value": "#EED7FC",
1752
1698
  "attributes": {
1753
1699
  "group": "paint",
1754
1700
  "state": "active",
1755
- "introduced": "1.19.0",
1756
- "description": "Hovered state of color.background.accent.purple.subtle."
1701
+ "introduced": "0.6.0",
1702
+ "description": "A vibrant background option communicating change or something new, such as in onboarding spotlights."
1757
1703
  }
1758
1704
  },
1759
- "Dark increased-contrast/color.background.accent.purple.subtle.pressed": {
1760
- "value": "#48245D",
1705
+ "Dark increased-contrast/color.background.discovery.bold.hovered": {
1706
+ "value": "#F8EEFE",
1761
1707
  "attributes": {
1762
1708
  "group": "paint",
1763
1709
  "state": "active",
1764
- "introduced": "1.19.0",
1765
- "description": "Pressed state of color.background.accent.purple.subtle."
1710
+ "introduced": "0.6.0",
1711
+ "description": "Hovered state of color.background.discovery.bold"
1766
1712
  }
1767
1713
  },
1768
- "Dark increased-contrast/color.background.accent.purple.bolder": {
1769
- "value": "#EED7FC",
1714
+ "Dark increased-contrast/color.background.discovery.bold.pressed": {
1715
+ "value": "#E2E3E4",
1770
1716
  "attributes": {
1771
1717
  "group": "paint",
1772
1718
  "state": "active",
1773
- "introduced": "0.7.0",
1774
- "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."
1719
+ "introduced": "0.6.0",
1720
+ "description": "Pressed state of color.background.discovery.bold"
1775
1721
  }
1776
1722
  },
1777
- "Dark increased-contrast/color.background.accent.purple.bolder.hovered": {
1778
- "value": "#F8EEFE",
1723
+ "Dark increased-contrast/color.background.information": {
1724
+ "value": "#1C2B42",
1779
1725
  "attributes": {
1780
1726
  "group": "paint",
1781
1727
  "state": "active",
1782
- "introduced": "1.19.0",
1783
- "description": "Hovered state of color.background.accent.purple.bolder."
1728
+ "introduced": "0.6.0",
1729
+ "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
1784
1730
  }
1785
1731
  },
1786
- "Dark increased-contrast/color.background.accent.purple.bolder.pressed": {
1787
- "value": "#E3BDFA",
1732
+ "Dark increased-contrast/color.background.information.hovered": {
1733
+ "value": "#123263",
1788
1734
  "attributes": {
1789
1735
  "group": "paint",
1790
1736
  "state": "active",
1791
- "introduced": "1.19.0",
1792
- "description": "Pressed state of color.background.accent.purple.bolder."
1737
+ "introduced": "0.6.0",
1738
+ "description": "Hovered state of color.background.information"
1793
1739
  }
1794
1740
  },
1795
- "Dark increased-contrast/color.background.accent.magenta.subtlest": {
1796
- "value": "#3D2232",
1741
+ "Dark increased-contrast/color.background.information.pressed": {
1742
+ "value": "#144794",
1797
1743
  "attributes": {
1798
1744
  "group": "paint",
1799
1745
  "state": "active",
1800
- "introduced": "0.7.0",
1801
- "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1746
+ "introduced": "0.6.0",
1747
+ "description": "Pressed state of color.background.information"
1802
1748
  }
1803
1749
  },
1804
- "Dark increased-contrast/color.background.accent.magenta.subtlest.hovered": {
1805
- "value": "#50253F",
1750
+ "Dark increased-contrast/color.background.information.subtler": {
1751
+ "value": "#123263",
1806
1752
  "attributes": {
1807
1753
  "group": "paint",
1808
1754
  "state": "active",
1809
- "introduced": "1.19.0",
1810
- "description": "Hovered state of color.background.accent.magenta.subtlest."
1755
+ "introduced": "8.1.0",
1756
+ "description": "Use for backgrounds of information lozenges and badges to ensure accessibility and desired visual appearance."
1811
1757
  }
1812
1758
  },
1813
- "Dark increased-contrast/color.background.accent.magenta.subtlest.pressed": {
1814
- "value": "#77325B",
1759
+ "Dark increased-contrast/color.background.information.subtler.hovered": {
1760
+ "value": "#144794",
1815
1761
  "attributes": {
1816
1762
  "group": "paint",
1817
1763
  "state": "active",
1818
- "introduced": "1.19.0",
1819
- "description": "Pressed state of color.background.accent.magenta.subtlest."
1764
+ "introduced": "8.1.0",
1765
+ "description": "Hovered state of color.background.information.subtler"
1820
1766
  }
1821
1767
  },
1822
- "Dark increased-contrast/color.background.accent.magenta.subtler": {
1823
- "value": "#50253F",
1768
+ "Dark increased-contrast/color.background.information.subtler.pressed": {
1769
+ "value": "#1558BC",
1824
1770
  "attributes": {
1825
1771
  "group": "paint",
1826
1772
  "state": "active",
1827
- "introduced": "0.7.0",
1828
- "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1773
+ "introduced": "8.1.0",
1774
+ "description": "Pressed state of color.background.information.subtler"
1829
1775
  }
1830
1776
  },
1831
- "Dark increased-contrast/color.background.accent.magenta.subtler.hovered": {
1832
- "value": "#77325B",
1777
+ "Dark increased-contrast/color.background.information.subtle": {
1778
+ "value": "#1558BC",
1833
1779
  "attributes": {
1834
1780
  "group": "paint",
1835
1781
  "state": "active",
1836
- "introduced": "1.19.0",
1837
- "description": "Hovered state of color.background.accent.magenta.subtler."
1782
+ "introduced": "13.2.0",
1783
+ "description": "Background colour for non-interactive elements communicating information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.information.bold or color.background.information.subtler for interactive states."
1838
1784
  }
1839
1785
  },
1840
- "Dark increased-contrast/color.background.accent.magenta.subtler.pressed": {
1841
- "value": "#943D73",
1786
+ "Dark increased-contrast/color.background.information.bold": {
1787
+ "value": "#CFE1FD",
1842
1788
  "attributes": {
1843
1789
  "group": "paint",
1844
1790
  "state": "active",
1845
- "introduced": "1.19.0",
1846
- "description": "Pressed state of color.background.accent.magenta.subtler."
1791
+ "introduced": "0.6.0",
1792
+ "description": "A vibrant background option for communicating information or something in-progress."
1847
1793
  }
1848
1794
  },
1849
- "Dark increased-contrast/color.background.accent.magenta.subtle": {
1850
- "value": "#943D73",
1795
+ "Dark increased-contrast/color.background.information.bold.hovered": {
1796
+ "value": "#E9F2FE",
1851
1797
  "attributes": {
1852
1798
  "group": "paint",
1853
1799
  "state": "active",
1854
- "introduced": "0.7.0",
1855
- "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
1800
+ "introduced": "0.6.0",
1801
+ "description": "Hovered state of color.background.information.bold"
1856
1802
  }
1857
1803
  },
1858
- "Dark increased-contrast/color.background.accent.magenta.subtle.hovered": {
1859
- "value": "#77325B",
1804
+ "Dark increased-contrast/color.background.information.bold.pressed": {
1805
+ "value": "#E2E3E4",
1860
1806
  "attributes": {
1861
1807
  "group": "paint",
1862
1808
  "state": "active",
1863
- "introduced": "1.19.0",
1864
- "description": "Hovered state of color.background.accent.magenta.subtle."
1809
+ "introduced": "0.6.0",
1810
+ "description": "Pressed state of color.background.information.bold"
1865
1811
  }
1866
1812
  },
1867
- "Dark increased-contrast/color.background.accent.magenta.subtle.pressed": {
1868
- "value": "#50253F",
1813
+ "Dark increased-contrast/color.border": {
1814
+ "value": "#E9F0FB5C",
1869
1815
  "attributes": {
1870
1816
  "group": "paint",
1871
1817
  "state": "active",
1872
- "introduced": "1.19.0",
1873
- "description": "Pressed state of color.background.accent.magenta.subtle."
1818
+ "introduced": "0.6.0",
1819
+ "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
1874
1820
  }
1875
1821
  },
1876
- "Dark increased-contrast/color.background.accent.magenta.bolder": {
1877
- "value": "#FDD0EC",
1822
+ "Dark increased-contrast/color.border.accent.lime": {
1823
+ "value": "#B3DF72",
1878
1824
  "attributes": {
1879
1825
  "group": "paint",
1880
1826
  "state": "active",
1881
- "introduced": "0.7.0",
1882
- "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."
1827
+ "introduced": "1.6.0",
1828
+ "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color."
1883
1829
  }
1884
1830
  },
1885
- "Dark increased-contrast/color.background.accent.magenta.bolder.hovered": {
1886
- "value": "#FFECF8",
1831
+ "Dark increased-contrast/color.border.accent.lime.subtle": {
1832
+ "value": "#4C6B1F",
1887
1833
  "attributes": {
1888
1834
  "group": "paint",
1889
1835
  "state": "active",
1890
- "introduced": "1.19.0",
1891
- "description": "Hovered state of color.background.accent.magenta.bolder."
1836
+ "introduced": "13.2.0",
1837
+ "description": "Use for decorative lime borders that do not need to meet 3:1 contrast requirements."
1892
1838
  }
1893
1839
  },
1894
- "Dark increased-contrast/color.background.accent.magenta.bolder.pressed": {
1895
- "value": "#FCB6E1",
1840
+ "Dark increased-contrast/color.border.accent.red": {
1841
+ "value": "#FD9891",
1896
1842
  "attributes": {
1897
1843
  "group": "paint",
1898
1844
  "state": "active",
1899
- "introduced": "1.19.0",
1900
- "description": "Pressed state of color.background.accent.magenta.bolder."
1845
+ "introduced": "0.6.0",
1846
+ "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
1901
1847
  }
1902
1848
  },
1903
- "Dark increased-contrast/color.background.accent.gray.subtlest": {
1904
- "value": "#303134",
1849
+ "Dark increased-contrast/color.border.accent.red.subtle": {
1850
+ "value": "#AE2E24",
1905
1851
  "attributes": {
1906
1852
  "group": "paint",
1907
1853
  "state": "active",
1908
- "introduced": "0.7.0",
1909
- "description": "Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
1854
+ "introduced": "13.2.0",
1855
+ "description": "Use for decorative red borders that do not need to meet 3:1 contrast requirements."
1910
1856
  }
1911
1857
  },
1912
- "Dark increased-contrast/color.background.accent.gray.subtlest.hovered": {
1913
- "value": "#3D3F43",
1858
+ "Dark increased-contrast/color.border.accent.orange": {
1859
+ "value": "#FBC828",
1914
1860
  "attributes": {
1915
1861
  "group": "paint",
1916
1862
  "state": "active",
1917
- "introduced": "1.19.0",
1918
- "description": "Hovered state of color.background.accent.gray.subtlest."
1863
+ "introduced": "0.6.0",
1864
+ "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
1919
1865
  }
1920
1866
  },
1921
- "Dark increased-contrast/color.background.accent.gray.subtlest.pressed": {
1922
- "value": "#4B4D51",
1867
+ "Dark increased-contrast/color.border.accent.orange.subtle": {
1868
+ "value": "#9E4C00",
1923
1869
  "attributes": {
1924
1870
  "group": "paint",
1925
1871
  "state": "active",
1926
- "introduced": "1.19.0",
1927
- "description": "Pressed state of color.background.accent.gray.subtlest."
1872
+ "introduced": "13.2.0",
1873
+ "description": "Use for decorative orange borders that do not need to meet 3:1 contrast requirements."
1928
1874
  }
1929
1875
  },
1930
- "Dark increased-contrast/color.background.accent.gray.subtler": {
1931
- "value": "#4B4D51",
1876
+ "Dark increased-contrast/color.border.accent.yellow": {
1877
+ "value": "#EED12B",
1932
1878
  "attributes": {
1933
1879
  "group": "paint",
1934
1880
  "state": "active",
1935
- "introduced": "0.7.0",
1936
- "description": "Use for gray backgrounds when there is no meaning tied to the color, such as colored tags."
1881
+ "introduced": "0.6.0",
1882
+ "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color."
1937
1883
  }
1938
1884
  },
1939
- "Dark increased-contrast/color.background.accent.gray.subtler.hovered": {
1940
- "value": "#63666B",
1885
+ "Dark increased-contrast/color.border.accent.yellow.subtle": {
1886
+ "value": "#7F5F01",
1887
+ "attributes": {
1888
+ "group": "paint",
1889
+ "state": "active",
1890
+ "introduced": "13.2.0",
1891
+ "description": "Use for decorative yellow borders that do not need to meet 3:1 contrast requirements."
1892
+ }
1893
+ },
1894
+ "Dark increased-contrast/color.border.accent.green": {
1895
+ "value": "#7EE2B8",
1896
+ "attributes": {
1897
+ "group": "paint",
1898
+ "state": "active",
1899
+ "introduced": "0.6.0",
1900
+ "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color."
1901
+ }
1902
+ },
1903
+ "Dark increased-contrast/color.border.accent.green.subtle": {
1904
+ "value": "#216E4E",
1941
1905
  "attributes": {
1942
1906
  "group": "paint",
1943
1907
  "state": "active",
1944
- "introduced": "1.19.0",
1945
- "description": "Hovered state of color.background.accent.gray.subtler."
1908
+ "introduced": "13.2.0",
1909
+ "description": "Use for decorative green borders that do not need to meet 3:1 contrast requirements."
1946
1910
  }
1947
1911
  },
1948
- "Dark increased-contrast/color.background.accent.gray.subtler.pressed": {
1949
- "value": "#7E8188",
1912
+ "Dark increased-contrast/color.border.accent.teal": {
1913
+ "value": "#9DD9EE",
1950
1914
  "attributes": {
1951
1915
  "group": "paint",
1952
1916
  "state": "active",
1953
- "introduced": "1.19.0",
1954
- "description": "Pressed state of color.background.accent.gray.subtler."
1917
+ "introduced": "0.6.0",
1918
+ "description": "Use for teal borders on non-bold backgrounds when there is no meaning tied to the color."
1955
1919
  }
1956
1920
  },
1957
- "Dark increased-contrast/color.background.accent.gray.subtle": {
1958
- "value": "#4B4D51",
1921
+ "Dark increased-contrast/color.border.accent.teal.subtle": {
1922
+ "value": "#206A83",
1959
1923
  "attributes": {
1960
1924
  "group": "paint",
1961
1925
  "state": "active",
1962
- "introduced": "0.7.0",
1963
- "description": "Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags."
1926
+ "introduced": "13.2.0",
1927
+ "description": "Use for decorative teal borders that do not need to meet 3:1 contrast requirements."
1964
1928
  }
1965
1929
  },
1966
- "Dark increased-contrast/color.background.accent.gray.subtle.hovered": {
1967
- "value": "#303134",
1930
+ "Dark increased-contrast/color.border.accent.blue": {
1931
+ "value": "#8FB8F6",
1968
1932
  "attributes": {
1969
1933
  "group": "paint",
1970
1934
  "state": "active",
1971
- "introduced": "1.19.0",
1972
- "description": "Hovered state of color.background.accent.gray.subtle."
1935
+ "introduced": "0.6.0",
1936
+ "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
1973
1937
  }
1974
1938
  },
1975
- "Dark increased-contrast/color.background.accent.gray.subtle.pressed": {
1976
- "value": "#242528",
1939
+ "Dark increased-contrast/color.border.accent.blue.subtle": {
1940
+ "value": "#1558BC",
1977
1941
  "attributes": {
1978
1942
  "group": "paint",
1979
1943
  "state": "active",
1980
- "introduced": "1.19.0",
1981
- "description": "Pressed state of color.background.accent.gray.subtle."
1944
+ "introduced": "13.2.0",
1945
+ "description": "Use for decorative blue borders that do not need to meet 3:1 contrast requirements."
1982
1946
  }
1983
1947
  },
1984
- "Dark increased-contrast/color.background.accent.gray.bolder": {
1985
- "value": "#A9ABAF",
1948
+ "Dark increased-contrast/color.border.accent.purple": {
1949
+ "value": "#D8A0F7",
1986
1950
  "attributes": {
1987
1951
  "group": "paint",
1988
1952
  "state": "active",
1989
- "introduced": "0.7.0",
1990
- "description": "Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
1953
+ "introduced": "0.6.0",
1954
+ "description": "Use for purple borders on non-bold backgrounds when there is no meaning tied to the color."
1991
1955
  }
1992
1956
  },
1993
- "Dark increased-contrast/color.background.accent.gray.bolder.hovered": {
1994
- "value": "#BFC1C4",
1957
+ "Dark increased-contrast/color.border.accent.purple.subtle": {
1958
+ "value": "#803FA5",
1995
1959
  "attributes": {
1996
1960
  "group": "paint",
1997
1961
  "state": "active",
1998
- "introduced": "1.19.0",
1999
- "description": "Hovered state of color.background.accent.gray.bolder."
1962
+ "introduced": "13.2.0",
1963
+ "description": "Use for decorative purple borders that do not need to meet 3:1 contrast requirements."
2000
1964
  }
2001
1965
  },
2002
- "Dark increased-contrast/color.background.accent.gray.bolder.pressed": {
2003
- "value": "#CECFD2",
1966
+ "Dark increased-contrast/color.border.accent.magenta": {
1967
+ "value": "#F797D2",
2004
1968
  "attributes": {
2005
1969
  "group": "paint",
2006
1970
  "state": "active",
2007
- "introduced": "1.19.0",
2008
- "description": "Pressed state of color.background.accent.gray.subtlest."
1971
+ "introduced": "0.6.0",
1972
+ "description": "Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color."
2009
1973
  }
2010
1974
  },
2011
- "Dark increased-contrast/color.background.disabled": {
2012
- "value": "#E3E4F21F",
1975
+ "Dark increased-contrast/color.border.accent.magenta.subtle": {
1976
+ "value": "#943D73",
2013
1977
  "attributes": {
2014
1978
  "group": "paint",
2015
1979
  "state": "active",
2016
- "introduced": "0.0.15",
2017
- "description": "Use for backgrounds of elements in a disabled state."
1980
+ "introduced": "13.2.0",
1981
+ "description": "Use for decorative magenta borders that do not need to meet 3:1 contrast requirements."
2018
1982
  }
2019
1983
  },
2020
- "Dark increased-contrast/color.background.input": {
2021
- "value": "#242528",
1984
+ "Dark increased-contrast/color.border.accent.gray": {
1985
+ "value": "#A9ABAF",
2022
1986
  "attributes": {
2023
1987
  "group": "paint",
2024
1988
  "state": "active",
2025
- "introduced": "0.6.0",
2026
- "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
1989
+ "introduced": "0.10.5",
1990
+ "description": "Use for borders on non-bold gray accent backgrounds."
2027
1991
  }
2028
1992
  },
2029
- "Dark increased-contrast/color.background.input.hovered": {
2030
- "value": "#2B2C2F",
1993
+ "Dark increased-contrast/color.border.accent.gray.subtle": {
1994
+ "value": "#4B4D51",
2031
1995
  "attributes": {
2032
1996
  "group": "paint",
2033
1997
  "state": "active",
2034
- "introduced": "0.6.0",
2035
- "description": "Hovered state for color.background.input"
1998
+ "introduced": "13.2.0",
1999
+ "description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
2036
2000
  }
2037
2001
  },
2038
- "Dark increased-contrast/color.background.input.pressed": {
2039
- "value": "#242528",
2002
+ "Dark increased-contrast/color.border.disabled": {
2003
+ "value": "#E3E4F21F",
2040
2004
  "attributes": {
2041
2005
  "group": "paint",
2042
2006
  "state": "active",
2043
2007
  "introduced": "0.6.0",
2044
- "description": "Pressed state for color.background.input"
2008
+ "description": "Use for borders of elements in a disabled state."
2045
2009
  }
2046
2010
  },
2047
- "Dark increased-contrast/color.background.inverse.subtle": {
2048
- "value": "#FFFFFF29",
2011
+ "Dark increased-contrast/color.border.focused": {
2012
+ "value": "#8FB8F6",
2049
2013
  "attributes": {
2050
2014
  "group": "paint",
2051
2015
  "state": "active",
2052
- "introduced": "0.8.3",
2053
- "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
2016
+ "introduced": "0.6.0",
2017
+ "description": "Use for focus rings of elements in a focus state."
2054
2018
  }
2055
2019
  },
2056
- "Dark increased-contrast/color.background.inverse.subtle.hovered": {
2057
- "value": "#FFFFFF3D",
2020
+ "Dark increased-contrast/color.border.input": {
2021
+ "value": "#A9ABAF",
2058
2022
  "attributes": {
2059
2023
  "group": "paint",
2060
2024
  "state": "active",
2061
- "introduced": "0.8.3",
2062
- "description": "Use for the hovered state of color.background.inverse.subtle"
2025
+ "introduced": "0.6.0",
2026
+ "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
2063
2027
  }
2064
2028
  },
2065
- "Dark increased-contrast/color.background.inverse.subtle.pressed": {
2066
- "value": "#FFFFFF52",
2029
+ "Dark increased-contrast/color.border.inverse": {
2030
+ "value": "#18191A",
2067
2031
  "attributes": {
2068
2032
  "group": "paint",
2069
2033
  "state": "active",
2070
- "introduced": "0.8.3",
2071
- "description": "Use for the pressed state of color.background.inverse.subtle"
2034
+ "introduced": "0.6.0",
2035
+ "description": "Use for borders on bold backgrounds."
2072
2036
  }
2073
2037
  },
2074
- "Dark increased-contrast/color.background.neutral": {
2075
- "value": "#CECED912",
2038
+ "Dark increased-contrast/color.border.selected": {
2039
+ "value": "#8FB8F6",
2076
2040
  "attributes": {
2077
2041
  "group": "paint",
2078
2042
  "state": "active",
2079
- "introduced": "0.6.0",
2080
- "description": "The default background for neutral elements, such as default buttons."
2043
+ "introduced": "0.6.2",
2044
+ "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
2081
2045
  }
2082
2046
  },
2083
- "Dark increased-contrast/color.background.neutral.hovered": {
2084
- "value": "#E3E4F21F",
2047
+ "Dark increased-contrast/color.border.brand": {
2048
+ "value": "#8FB8F6",
2085
2049
  "attributes": {
2086
2050
  "group": "paint",
2087
2051
  "state": "active",
2088
2052
  "introduced": "0.6.0",
2089
- "description": "Hovered state for color.background.neutral"
2053
+ "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
2090
2054
  }
2091
2055
  },
2092
- "Dark increased-contrast/color.background.neutral.pressed": {
2093
- "value": "#E5E9F640",
2056
+ "Dark increased-contrast/color.border.danger": {
2057
+ "value": "#F87168",
2094
2058
  "attributes": {
2095
2059
  "group": "paint",
2096
2060
  "state": "active",
2097
2061
  "introduced": "0.6.0",
2098
- "description": "Pressed state for color.background.neutral"
2062
+ "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
2099
2063
  }
2100
2064
  },
2101
- "Dark increased-contrast/color.background.neutral.subtle": {
2102
- "value": "#00000000",
2065
+ "Dark increased-contrast/color.border.danger.subtle": {
2066
+ "value": "#AE2E24",
2103
2067
  "attributes": {
2104
2068
  "group": "paint",
2105
2069
  "state": "active",
2106
- "introduced": "0.6.0",
2107
- "description": "Use for the background of elements that appear to have no background in a resting state, such as subtle buttons and menu items."
2070
+ "introduced": "13.2.0",
2071
+ "description": "Use for decorative danger borders that do not need to meet 3:1 contrast requirements."
2108
2072
  }
2109
2073
  },
2110
- "Dark increased-contrast/color.background.neutral.subtle.hovered": {
2111
- "value": "#CECED912",
2074
+ "Dark increased-contrast/color.border.warning": {
2075
+ "value": "#FBC828",
2112
2076
  "attributes": {
2113
2077
  "group": "paint",
2114
2078
  "state": "active",
2115
2079
  "introduced": "0.6.0",
2116
- "description": "Hovered state for color.background.neutral.subtle"
2080
+ "description": "Use for borders communicating caution."
2117
2081
  }
2118
2082
  },
2119
- "Dark increased-contrast/color.background.neutral.subtle.pressed": {
2120
- "value": "#E3E4F21F",
2083
+ "Dark increased-contrast/color.border.warning.subtle": {
2084
+ "value": "#9E4C00",
2121
2085
  "attributes": {
2122
2086
  "group": "paint",
2123
2087
  "state": "active",
2124
- "introduced": "0.6.0",
2125
- "description": "Pressed state for color.background.neutral.subtle"
2088
+ "introduced": "13.2.0",
2089
+ "description": "Use for decorative warning borders that do not need to meet 3:1 contrast requirements."
2126
2090
  }
2127
2091
  },
2128
- "Dark increased-contrast/color.background.neutral.bold": {
2129
- "value": "#CECFD2",
2092
+ "Dark increased-contrast/color.border.success": {
2093
+ "value": "#7EE2B8",
2130
2094
  "attributes": {
2131
2095
  "group": "paint",
2132
2096
  "state": "active",
2133
2097
  "introduced": "0.6.0",
2134
- "description": "A vibrant background option for neutral UI elements, such as announcement banners."
2098
+ "description": "Use for borders communicating a favorable outcome, such as the borders on validated text fields."
2135
2099
  }
2136
2100
  },
2137
- "Dark increased-contrast/color.background.neutral.bold.hovered": {
2138
- "value": "#BFC1C4",
2101
+ "Dark increased-contrast/color.border.success.subtle": {
2102
+ "value": "#4C6B1F",
2139
2103
  "attributes": {
2140
2104
  "group": "paint",
2141
2105
  "state": "active",
2142
- "introduced": "0.6.0",
2143
- "description": "Hovered state of color.background.neutral.bold"
2106
+ "introduced": "13.2.0",
2107
+ "description": "Use for decorative success borders that do not need to meet 3:1 contrast requirements."
2144
2108
  }
2145
2109
  },
2146
- "Dark increased-contrast/color.background.neutral.bold.pressed": {
2147
- "value": "#A9ABAF",
2110
+ "Dark increased-contrast/color.border.discovery": {
2111
+ "value": "#C97CF4",
2148
2112
  "attributes": {
2149
2113
  "group": "paint",
2150
2114
  "state": "active",
2151
2115
  "introduced": "0.6.0",
2152
- "description": "Pressed state of color.background.neutral.bold"
2116
+ "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
2153
2117
  }
2154
2118
  },
2155
- "Dark increased-contrast/color.background.selected": {
2156
- "value": "#1C2B42",
2119
+ "Dark increased-contrast/color.border.discovery.subtle": {
2120
+ "value": "#803FA5",
2157
2121
  "attributes": {
2158
2122
  "group": "paint",
2159
2123
  "state": "active",
2160
- "introduced": "0.6.2",
2161
- "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
2124
+ "introduced": "13.2.0",
2125
+ "description": "Use for decorative discovery borders that do not need to meet 3:1 contrast requirements."
2162
2126
  }
2163
2127
  },
2164
- "Dark increased-contrast/color.background.selected.hovered": {
2165
- "value": "#123263",
2128
+ "Dark increased-contrast/color.border.information": {
2129
+ "value": "#8FB8F6",
2166
2130
  "attributes": {
2167
2131
  "group": "paint",
2168
2132
  "state": "active",
2169
- "introduced": "0.6.2",
2170
- "description": "Hovered state for color.background.selected"
2133
+ "introduced": "0.6.0",
2134
+ "description": "Use for borders communicating information or something in-progress."
2171
2135
  }
2172
2136
  },
2173
- "Dark increased-contrast/color.background.selected.pressed": {
2137
+ "Dark increased-contrast/color.border.information.subtle": {
2174
2138
  "value": "#1558BC",
2175
2139
  "attributes": {
2176
2140
  "group": "paint",
2177
2141
  "state": "active",
2178
- "introduced": "0.6.2",
2179
- "description": "Pressed state for color.background.selected"
2142
+ "introduced": "13.2.0",
2143
+ "description": "Use for decorative information borders that do not need to meet 3:1 contrast requirements."
2180
2144
  }
2181
2145
  },
2182
- "Dark increased-contrast/color.background.selected.bold": {
2183
- "value": "#CFE1FD",
2146
+ "Dark increased-contrast/color.border.bold": {
2147
+ "value": "#A9ABAF",
2184
2148
  "attributes": {
2185
2149
  "group": "paint",
2186
2150
  "state": "active",
2187
- "introduced": "0.6.2",
2188
- "description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
2151
+ "introduced": "0.10.8",
2152
+ "description": "A neutral border option that passes min 3:1 contrast ratios."
2189
2153
  }
2190
2154
  },
2191
- "Dark increased-contrast/color.background.selected.bold.hovered": {
2192
- "value": "#E9F2FE",
2155
+ "Dark increased-contrast/color.text": {
2156
+ "value": "#E2E3E4",
2193
2157
  "attributes": {
2194
2158
  "group": "paint",
2195
2159
  "state": "active",
2196
- "introduced": "0.6.2",
2197
- "description": "Hovered state of color.background.selected.bold"
2160
+ "introduced": "0.6.0",
2161
+ "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
2198
2162
  }
2199
2163
  },
2200
- "Dark increased-contrast/color.background.selected.bold.pressed": {
2201
- "value": "#E2E3E4",
2164
+ "Dark increased-contrast/color.text.accent.lime": {
2165
+ "value": "#D3F1A7",
2202
2166
  "attributes": {
2203
2167
  "group": "paint",
2204
2168
  "state": "active",
2205
- "introduced": "0.6.2",
2206
- "description": "Pressed state of color.background.selected.bold"
2169
+ "introduced": "1.8.0",
2170
+ "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
2207
2171
  }
2208
2172
  },
2209
- "Dark increased-contrast/color.background.brand.subtlest": {
2210
- "value": "#1C2B42",
2173
+ "Dark increased-contrast/color.text.accent.lime.bolder": {
2174
+ "value": "#EFFFD6",
2211
2175
  "attributes": {
2212
2176
  "group": "paint",
2213
2177
  "state": "active",
2214
- "introduced": "1.13.0",
2215
- "description": "Use for the background of elements used to reinforce our brand, but with less emphasis."
2178
+ "introduced": "1.8.0",
2179
+ "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
2216
2180
  }
2217
2181
  },
2218
- "Dark increased-contrast/color.background.brand.subtlest.hovered": {
2219
- "value": "#123263",
2182
+ "Dark increased-contrast/color.text.accent.red": {
2183
+ "value": "#FFD5D2",
2220
2184
  "attributes": {
2221
2185
  "group": "paint",
2222
2186
  "state": "active",
2223
- "introduced": "1.13.0",
2224
- "description": "Hovered state of color.background.brand.subtlest."
2187
+ "introduced": "0.6.0",
2188
+ "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
2225
2189
  }
2226
2190
  },
2227
- "Dark increased-contrast/color.background.brand.subtlest.pressed": {
2228
- "value": "#144794",
2191
+ "Dark increased-contrast/color.text.accent.red.bolder": {
2192
+ "value": "#FFECEB",
2229
2193
  "attributes": {
2230
2194
  "group": "paint",
2231
2195
  "state": "active",
2232
- "introduced": "1.13.0",
2233
- "description": "Pressed state of color.background.brand.subtlest"
2196
+ "introduced": "0.7.0",
2197
+ "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
2234
2198
  }
2235
2199
  },
2236
- "Dark increased-contrast/color.background.brand.bold": {
2237
- "value": "#CFE1FD",
2200
+ "Dark increased-contrast/color.text.accent.orange": {
2201
+ "value": "#FCE4A6",
2238
2202
  "attributes": {
2239
2203
  "group": "paint",
2240
2204
  "state": "active",
2241
2205
  "introduced": "0.6.0",
2242
- "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
2206
+ "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
2243
2207
  }
2244
2208
  },
2245
- "Dark increased-contrast/color.background.brand.bold.hovered": {
2246
- "value": "#E9F2FE",
2209
+ "Dark increased-contrast/color.text.accent.orange.bolder": {
2210
+ "value": "#FFF5DB",
2247
2211
  "attributes": {
2248
2212
  "group": "paint",
2249
2213
  "state": "active",
2250
- "introduced": "0.6.0",
2251
- "description": "Hovered state of color.background.brand.bold."
2214
+ "introduced": "0.7.0",
2215
+ "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
2252
2216
  }
2253
2217
  },
2254
- "Dark increased-contrast/color.background.brand.bold.pressed": {
2255
- "value": "#E2E3E4",
2218
+ "Dark increased-contrast/color.text.accent.yellow": {
2219
+ "value": "#F5E989",
2256
2220
  "attributes": {
2257
2221
  "group": "paint",
2258
2222
  "state": "active",
2259
2223
  "introduced": "0.6.0",
2260
- "description": "Pressed state of color.background.brand.bold."
2224
+ "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
2261
2225
  }
2262
2226
  },
2263
- "Dark increased-contrast/color.background.brand.boldest": {
2264
- "value": "#E9F2FE",
2227
+ "Dark increased-contrast/color.text.accent.yellow.bolder": {
2228
+ "value": "#FEF7C8",
2265
2229
  "attributes": {
2266
2230
  "group": "paint",
2267
2231
  "state": "active",
2268
- "introduced": "1.13.0",
2269
- "description": "Use for the background of elements used to reinforce our brand, that need to stand out a lot."
2232
+ "introduced": "0.7.0",
2233
+ "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
2270
2234
  }
2271
2235
  },
2272
- "Dark increased-contrast/color.background.brand.boldest.hovered": {
2273
- "value": "#CFE1FD",
2236
+ "Dark increased-contrast/color.text.accent.green": {
2237
+ "value": "#BAF3DB",
2274
2238
  "attributes": {
2275
2239
  "group": "paint",
2276
2240
  "state": "active",
2277
- "introduced": "1.13.0",
2278
- "description": "Hovered state of color.background.brand.boldest."
2241
+ "introduced": "0.6.0",
2242
+ "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
2279
2243
  }
2280
2244
  },
2281
- "Dark increased-contrast/color.background.brand.boldest.pressed": {
2282
- "value": "#ADCBFB",
2245
+ "Dark increased-contrast/color.text.accent.green.bolder": {
2246
+ "value": "#DCFFF1",
2283
2247
  "attributes": {
2284
2248
  "group": "paint",
2285
2249
  "state": "active",
2286
- "introduced": "1.13.0",
2287
- "description": "Pressed state of color.background.brand.boldest."
2250
+ "introduced": "0.7.0",
2251
+ "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
2288
2252
  }
2289
2253
  },
2290
- "Dark increased-contrast/color.background.danger": {
2291
- "value": "#42221F",
2254
+ "Dark increased-contrast/color.text.accent.teal": {
2255
+ "value": "#C6EDFB",
2292
2256
  "attributes": {
2293
2257
  "group": "paint",
2294
2258
  "state": "active",
2295
2259
  "introduced": "0.6.0",
2296
- "description": "Use for backgrounds communicating critical information, such in error section messages."
2260
+ "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
2297
2261
  }
2298
2262
  },
2299
- "Dark increased-contrast/color.background.danger.hovered": {
2300
- "value": "#5D1F1A",
2263
+ "Dark increased-contrast/color.text.accent.teal.bolder": {
2264
+ "value": "#E7F9FF",
2301
2265
  "attributes": {
2302
2266
  "group": "paint",
2303
2267
  "state": "active",
2304
- "introduced": "0.6.0",
2305
- "description": "Hovered state for color.background.danger"
2268
+ "introduced": "0.7.0",
2269
+ "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
2306
2270
  }
2307
2271
  },
2308
- "Dark increased-contrast/color.background.danger.pressed": {
2309
- "value": "#872821",
2272
+ "Dark increased-contrast/color.text.accent.blue": {
2273
+ "value": "#CFE1FD",
2310
2274
  "attributes": {
2311
2275
  "group": "paint",
2312
2276
  "state": "active",
2313
2277
  "introduced": "0.6.0",
2314
- "description": "Pressed state for color.background.danger"
2278
+ "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
2315
2279
  }
2316
2280
  },
2317
- "Dark increased-contrast/color.background.danger.subtler": {
2318
- "value": "#5D1F1A",
2281
+ "Dark increased-contrast/color.text.accent.blue.bolder": {
2282
+ "value": "#E9F2FE",
2319
2283
  "attributes": {
2320
2284
  "group": "paint",
2321
2285
  "state": "active",
2322
- "introduced": "8.1.0",
2323
- "description": "Use for backgrounds of danger lozenges and badges to ensure accessibility and desired visual appearance."
2286
+ "introduced": "0.7.0",
2287
+ "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
2324
2288
  }
2325
2289
  },
2326
- "Dark increased-contrast/color.background.danger.subtler.hovered": {
2327
- "value": "#872821",
2290
+ "Dark increased-contrast/color.text.accent.purple": {
2291
+ "value": "#EED7FC",
2328
2292
  "attributes": {
2329
2293
  "group": "paint",
2330
2294
  "state": "active",
2331
- "introduced": "8.1.0",
2332
- "description": "Hovered state of color.background.danger.subtler"
2295
+ "introduced": "0.6.0",
2296
+ "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
2333
2297
  }
2334
2298
  },
2335
- "Dark increased-contrast/color.background.danger.subtler.pressed": {
2336
- "value": "#AE2E24",
2299
+ "Dark increased-contrast/color.text.accent.purple.bolder": {
2300
+ "value": "#F8EEFE",
2337
2301
  "attributes": {
2338
2302
  "group": "paint",
2339
2303
  "state": "active",
2340
- "introduced": "8.1.0",
2341
- "description": "Pressed state of color.background.danger.subtler"
2304
+ "introduced": "0.7.0",
2305
+ "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
2342
2306
  }
2343
2307
  },
2344
- "Dark increased-contrast/color.background.danger.subtle": {
2345
- "value": "#AE2E24",
2308
+ "Dark increased-contrast/color.text.accent.magenta": {
2309
+ "value": "#FDD0EC",
2346
2310
  "attributes": {
2347
2311
  "group": "paint",
2348
2312
  "state": "active",
2349
- "introduced": "13.2.0",
2350
- "description": "Background colour for non-interactive elements communicating critical danger information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces see color.background.danger.bold or color.background.danger.subtler for interactive states."
2313
+ "introduced": "0.6.0",
2314
+ "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
2351
2315
  }
2352
2316
  },
2353
- "Dark increased-contrast/color.background.danger.bold": {
2354
- "value": "#FFD5D2",
2317
+ "Dark increased-contrast/color.text.accent.magenta.bolder": {
2318
+ "value": "#FFECF8",
2355
2319
  "attributes": {
2356
2320
  "group": "paint",
2357
2321
  "state": "active",
2358
- "introduced": "0.6.0",
2359
- "description": "A vibrant background option for communicating critical information, such as in danger buttons and error banners."
2322
+ "introduced": "0.7.0",
2323
+ "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
2360
2324
  }
2361
2325
  },
2362
- "Dark increased-contrast/color.background.danger.bold.hovered": {
2363
- "value": "#FFECEB",
2326
+ "Dark increased-contrast/color.text.accent.gray": {
2327
+ "value": "#BFC1C4",
2364
2328
  "attributes": {
2365
2329
  "group": "paint",
2366
2330
  "state": "active",
2367
- "introduced": "0.6.0",
2368
- "description": "Hovered state of color.background.danger.bold"
2331
+ "introduced": "0.10.5",
2332
+ "description": "Use for text on non-bold gray accent backgrounds, such as colored tags."
2369
2333
  }
2370
2334
  },
2371
- "Dark increased-contrast/color.background.danger.bold.pressed": {
2335
+ "Dark increased-contrast/color.text.accent.gray.bolder": {
2372
2336
  "value": "#E2E3E4",
2373
2337
  "attributes": {
2374
2338
  "group": "paint",
2375
2339
  "state": "active",
2376
- "introduced": "0.6.0",
2377
- "description": "Pressed state of color.background.danger.bold"
2340
+ "introduced": "0.10.5",
2341
+ "description": "Use for text and icons on gray subtle accent backgrounds."
2378
2342
  }
2379
2343
  },
2380
- "Dark increased-contrast/color.background.warning": {
2381
- "value": "#3A2C1F",
2344
+ "Dark increased-contrast/color.text.disabled": {
2345
+ "value": "#E5E9F640",
2382
2346
  "attributes": {
2383
2347
  "group": "paint",
2384
2348
  "state": "active",
2385
- "introduced": "0.6.0",
2386
- "description": "Use for backgrounds communicating caution, such as in warning section messages."
2349
+ "introduced": "0.0.15",
2350
+ "description": "Use for text in a disabled state."
2387
2351
  }
2388
2352
  },
2389
- "Dark increased-contrast/color.background.warning.hovered": {
2390
- "value": "#693200",
2353
+ "Dark increased-contrast/color.text.inverse": {
2354
+ "value": "#1F1F21",
2391
2355
  "attributes": {
2392
2356
  "group": "paint",
2393
2357
  "state": "active",
2394
2358
  "introduced": "0.6.0",
2395
- "description": "Hovered state for color.background.warning"
2359
+ "description": "Use for text on bold backgrounds."
2396
2360
  }
2397
2361
  },
2398
- "Dark increased-contrast/color.background.warning.pressed": {
2399
- "value": "#7A3B00",
2362
+ "Dark increased-contrast/color.text.selected": {
2363
+ "value": "#CFE1FD",
2400
2364
  "attributes": {
2401
2365
  "group": "paint",
2402
2366
  "state": "active",
2403
2367
  "introduced": "0.6.0",
2404
- "description": "Pressed state for color.background.warning"
2368
+ "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
2405
2369
  }
2406
2370
  },
2407
- "Dark increased-contrast/color.background.warning.subtler": {
2408
- "value": "#693200",
2371
+ "Dark increased-contrast/color.text.brand": {
2372
+ "value": "#CFE1FD",
2409
2373
  "attributes": {
2410
2374
  "group": "paint",
2411
2375
  "state": "active",
2412
- "introduced": "8.1.0",
2413
- "description": "Use for backgrounds of warning lozenges and badges to ensure accessibility and desired visual appearance."
2376
+ "introduced": "0.6.0",
2377
+ "description": "Use for text that reinforces our brand."
2414
2378
  }
2415
2379
  },
2416
- "Dark increased-contrast/color.background.warning.subtler.hovered": {
2417
- "value": "#7A3B00",
2380
+ "Dark increased-contrast/color.text.danger": {
2381
+ "value": "#FFD5D2",
2418
2382
  "attributes": {
2419
2383
  "group": "paint",
2420
2384
  "state": "active",
2421
- "introduced": "8.1.0",
2422
- "description": "Hovered state of color.background.warning.subtler"
2385
+ "introduced": "0.0.15",
2386
+ "description": "Use for critical text, such as input field error messaging."
2423
2387
  }
2424
2388
  },
2425
- "Dark increased-contrast/color.background.warning.subtler.pressed": {
2426
- "value": "#9E4C00",
2389
+ "Dark increased-contrast/color.text.danger.bolder": {
2390
+ "value": "#FFECEB",
2427
2391
  "attributes": {
2428
2392
  "group": "paint",
2429
2393
  "state": "active",
2430
2394
  "introduced": "8.1.0",
2431
- "description": "Pressed state of color.background.warning.subtler"
2395
+ "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance."
2432
2396
  }
2433
2397
  },
2434
- "Dark increased-contrast/color.background.warning.subtle": {
2435
- "value": "#9E4C00",
2398
+ "Dark increased-contrast/color.text.warning": {
2399
+ "value": "#FCE4A6",
2436
2400
  "attributes": {
2437
2401
  "group": "paint",
2438
2402
  "state": "active",
2439
- "introduced": "13.2.0",
2440
- "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
2403
+ "introduced": "0.0.15",
2404
+ "description": "Use for text to emphasize caution, such as in moved lozenges."
2441
2405
  }
2442
2406
  },
2443
- "Dark increased-contrast/color.background.warning.bold": {
2444
- "value": "#F5E989",
2407
+ "Dark increased-contrast/color.text.warning.inverse": {
2408
+ "value": "#18191A",
2445
2409
  "attributes": {
2446
2410
  "group": "paint",
2447
2411
  "state": "active",
2448
2412
  "introduced": "0.6.0",
2449
- "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
2413
+ "description": "Use for text when on bold warning backgrounds."
2450
2414
  }
2451
2415
  },
2452
- "Dark increased-contrast/color.background.warning.bold.hovered": {
2453
- "value": "#FEF7C8",
2416
+ "Dark increased-contrast/color.text.warning.bolder": {
2417
+ "value": "#FFF5DB",
2454
2418
  "attributes": {
2455
2419
  "group": "paint",
2456
2420
  "state": "active",
2457
- "introduced": "0.6.0",
2458
- "description": "Hovered state of color.background.warning.bold"
2421
+ "introduced": "8.1.0",
2422
+ "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance."
2459
2423
  }
2460
2424
  },
2461
- "Dark increased-contrast/color.background.warning.bold.pressed": {
2462
- "value": "#E2E3E4",
2425
+ "Dark increased-contrast/color.text.success": {
2426
+ "value": "#BAF3DB",
2463
2427
  "attributes": {
2464
2428
  "group": "paint",
2465
2429
  "state": "active",
2466
- "introduced": "0.6.0",
2467
- "description": "Pressed state of color.background.warning.bold"
2430
+ "introduced": "0.0.15",
2431
+ "description": "Use for text to communicate a favorable outcome, such as input field success messaging."
2468
2432
  }
2469
2433
  },
2470
- "Dark increased-contrast/color.background.success": {
2471
- "value": "#28311B",
2434
+ "Dark increased-contrast/color.text.success.bolder": {
2435
+ "value": "#DCFFF1",
2472
2436
  "attributes": {
2473
2437
  "group": "paint",
2474
2438
  "state": "active",
2475
- "introduced": "0.6.0",
2476
- "description": "Use for backgrounds communicating a favorable outcome, such as in success section messages."
2439
+ "introduced": "8.1.0",
2440
+ "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance."
2477
2441
  }
2478
2442
  },
2479
- "Dark increased-contrast/color.background.success.hovered": {
2480
- "value": "#37471F",
2443
+ "Dark increased-contrast/color.text.discovery": {
2444
+ "value": "#EED7FC",
2481
2445
  "attributes": {
2482
2446
  "group": "paint",
2483
2447
  "state": "active",
2484
- "introduced": "0.6.0",
2485
- "description": "Hovered state for color.background.success"
2448
+ "introduced": "0.0.15",
2449
+ "description": "Use for text to emphasize change or something new, such as in new lozenges."
2486
2450
  }
2487
2451
  },
2488
- "Dark increased-contrast/color.background.success.pressed": {
2489
- "value": "#3F5224",
2452
+ "Dark increased-contrast/color.text.discovery.bolder": {
2453
+ "value": "#F8EEFE",
2490
2454
  "attributes": {
2491
2455
  "group": "paint",
2492
2456
  "state": "active",
2493
- "introduced": "0.6.0",
2494
- "description": "Pressed state for color.background.success"
2457
+ "introduced": "8.1.0",
2458
+ "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance."
2495
2459
  }
2496
2460
  },
2497
- "Dark increased-contrast/color.background.success.subtler": {
2498
- "value": "#37471F",
2461
+ "Dark increased-contrast/color.text.information": {
2462
+ "value": "#CFE1FD",
2499
2463
  "attributes": {
2500
2464
  "group": "paint",
2501
2465
  "state": "active",
2502
- "introduced": "8.1.0",
2503
- "description": "Use for backgrounds of success lozenges and badges to ensure accessibility and desired visual appearance."
2466
+ "introduced": "0.6.0",
2467
+ "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
2504
2468
  }
2505
2469
  },
2506
- "Dark increased-contrast/color.background.success.subtler.hovered": {
2507
- "value": "#3F5224",
2470
+ "Dark increased-contrast/color.text.information.bolder": {
2471
+ "value": "#E9F2FE",
2508
2472
  "attributes": {
2509
2473
  "group": "paint",
2510
2474
  "state": "active",
2511
2475
  "introduced": "8.1.0",
2512
- "description": "Hovered state of color.background.success.subtler"
2476
+ "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance."
2513
2477
  }
2514
2478
  },
2515
- "Dark increased-contrast/color.background.success.subtler.pressed": {
2516
- "value": "#4C6B1F",
2479
+ "Dark increased-contrast/color.text.subtlest": {
2480
+ "value": "#BFC1C4",
2517
2481
  "attributes": {
2518
2482
  "group": "paint",
2519
2483
  "state": "active",
2520
- "introduced": "8.1.0",
2521
- "description": "Pressed state of color.background.success.subtler"
2484
+ "introduced": "0.6.0",
2485
+ "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
2522
2486
  }
2523
2487
  },
2524
- "Dark increased-contrast/color.background.success.subtle": {
2525
- "value": "#4C6B1F",
2488
+ "Dark increased-contrast/color.text.subtle": {
2489
+ "value": "#CECFD2",
2526
2490
  "attributes": {
2527
2491
  "group": "paint",
2528
2492
  "state": "active",
2529
- "introduced": "13.2.0",
2530
- "description": "Background colour for non-interactive elements communicating success (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.success.bold or color.background.success.subtler for interactive states."
2493
+ "introduced": "0.6.0",
2494
+ "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
2531
2495
  }
2532
2496
  },
2533
- "Dark increased-contrast/color.background.success.bold": {
2534
- "value": "#BAF3DB",
2497
+ "Dark increased-contrast/color.icon": {
2498
+ "value": "#CECFD2",
2535
2499
  "attributes": {
2536
2500
  "group": "paint",
2537
2501
  "state": "active",
2538
2502
  "introduced": "0.6.0",
2539
- "description": "A vibrant background option for communicating a favorable outcome, such as in checked toggles."
2503
+ "description": "Use for icon-only buttons, or icons paired with color.text"
2540
2504
  }
2541
2505
  },
2542
- "Dark increased-contrast/color.background.success.bold.hovered": {
2543
- "value": "#DCFFF1",
2506
+ "Dark increased-contrast/color.icon.accent.lime": {
2507
+ "value": "#B3DF72",
2508
+ "attributes": {
2509
+ "group": "paint",
2510
+ "state": "active",
2511
+ "introduced": "1.6.0",
2512
+ "description": "Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
2513
+ }
2514
+ },
2515
+ "Dark increased-contrast/color.icon.accent.red": {
2516
+ "value": "#FD9891",
2544
2517
  "attributes": {
2545
2518
  "group": "paint",
2546
2519
  "state": "active",
2547
2520
  "introduced": "0.6.0",
2548
- "description": "Hovered state of color.background.success.bold"
2521
+ "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
2549
2522
  }
2550
2523
  },
2551
- "Dark increased-contrast/color.background.success.bold.pressed": {
2552
- "value": "#E2E3E4",
2524
+ "Dark increased-contrast/color.icon.accent.orange": {
2525
+ "value": "#FBC828",
2553
2526
  "attributes": {
2554
2527
  "group": "paint",
2555
2528
  "state": "active",
2556
2529
  "introduced": "0.6.0",
2557
- "description": "Pressed state of color.background.success.bold"
2530
+ "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
2558
2531
  }
2559
2532
  },
2560
- "Dark increased-contrast/color.background.discovery": {
2561
- "value": "#35243F",
2533
+ "Dark increased-contrast/color.icon.accent.yellow": {
2534
+ "value": "#EED12B",
2562
2535
  "attributes": {
2563
2536
  "group": "paint",
2564
2537
  "state": "active",
2565
2538
  "introduced": "0.6.0",
2566
- "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
2539
+ "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
2567
2540
  }
2568
2541
  },
2569
- "Dark increased-contrast/color.background.discovery.hovered": {
2570
- "value": "#48245D",
2542
+ "Dark increased-contrast/color.icon.accent.green": {
2543
+ "value": "#7EE2B8",
2571
2544
  "attributes": {
2572
2545
  "group": "paint",
2573
2546
  "state": "active",
2574
2547
  "introduced": "0.6.0",
2575
- "description": "Hover state for color.background.discovery"
2548
+ "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
2576
2549
  }
2577
2550
  },
2578
- "Dark increased-contrast/color.background.discovery.pressed": {
2579
- "value": "#673286",
2551
+ "Dark increased-contrast/color.icon.accent.teal": {
2552
+ "value": "#9DD9EE",
2580
2553
  "attributes": {
2581
2554
  "group": "paint",
2582
2555
  "state": "active",
2583
2556
  "introduced": "0.6.0",
2584
- "description": "Pressed state for color.background.discovery"
2557
+ "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
2585
2558
  }
2586
2559
  },
2587
- "Dark increased-contrast/color.background.discovery.subtler": {
2588
- "value": "#48245D",
2560
+ "Dark increased-contrast/color.icon.accent.blue": {
2561
+ "value": "#8FB8F6",
2589
2562
  "attributes": {
2590
2563
  "group": "paint",
2591
2564
  "state": "active",
2592
- "introduced": "8.1.0",
2593
- "description": "Use for backgrounds of discovery lozenges and badges to ensure accessibility and desired visual appearance."
2565
+ "introduced": "0.6.0",
2566
+ "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
2594
2567
  }
2595
2568
  },
2596
- "Dark increased-contrast/color.background.discovery.subtler.hovered": {
2597
- "value": "#673286",
2569
+ "Dark increased-contrast/color.icon.accent.purple": {
2570
+ "value": "#D8A0F7",
2598
2571
  "attributes": {
2599
2572
  "group": "paint",
2600
2573
  "state": "active",
2601
- "introduced": "8.1.0",
2602
- "description": "Hovered state of color.background.discovery.subtler"
2574
+ "introduced": "0.6.0",
2575
+ "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
2603
2576
  }
2604
2577
  },
2605
- "Dark increased-contrast/color.background.discovery.subtler.pressed": {
2606
- "value": "#803FA5",
2578
+ "Dark increased-contrast/color.icon.accent.magenta": {
2579
+ "value": "#F797D2",
2607
2580
  "attributes": {
2608
2581
  "group": "paint",
2609
2582
  "state": "active",
2610
- "introduced": "8.1.0",
2611
- "description": "Pressed state of color.background.discovery.subtler"
2583
+ "introduced": "0.6.0",
2584
+ "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
2612
2585
  }
2613
2586
  },
2614
- "Dark increased-contrast/color.background.discovery.subtle": {
2615
- "value": "#803FA5",
2587
+ "Dark increased-contrast/color.icon.accent.gray": {
2588
+ "value": "#A9ABAF",
2616
2589
  "attributes": {
2617
2590
  "group": "paint",
2618
2591
  "state": "active",
2619
- "introduced": "13.2.0",
2620
- "description": "Background colour for non-interactive elements communicating discovery (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.discovery.bold or color.background.discovery.subtler for interactive states."
2592
+ "introduced": "0.10.5",
2593
+ "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons."
2621
2594
  }
2622
2595
  },
2623
- "Dark increased-contrast/color.background.discovery.bold": {
2624
- "value": "#EED7FC",
2596
+ "Dark increased-contrast/color.icon.disabled": {
2597
+ "value": "#E5E9F640",
2625
2598
  "attributes": {
2626
2599
  "group": "paint",
2627
2600
  "state": "active",
2628
2601
  "introduced": "0.6.0",
2629
- "description": "A vibrant background option communicating change or something new, such as in onboarding spotlights."
2602
+ "description": "Use for icons in a disabled state."
2630
2603
  }
2631
2604
  },
2632
- "Dark increased-contrast/color.background.discovery.bold.hovered": {
2633
- "value": "#F8EEFE",
2605
+ "Dark increased-contrast/color.icon.inverse": {
2606
+ "value": "#1F1F21",
2634
2607
  "attributes": {
2635
2608
  "group": "paint",
2636
2609
  "state": "active",
2637
2610
  "introduced": "0.6.0",
2638
- "description": "Hovered state of color.background.discovery.bold"
2611
+ "description": "Use for icons on bold backgrounds."
2639
2612
  }
2640
2613
  },
2641
- "Dark increased-contrast/color.background.discovery.bold.pressed": {
2642
- "value": "#E2E3E4",
2614
+ "Dark increased-contrast/color.icon.selected": {
2615
+ "value": "#8FB8F6",
2643
2616
  "attributes": {
2644
2617
  "group": "paint",
2645
2618
  "state": "active",
2646
- "introduced": "0.6.0",
2647
- "description": "Pressed state of color.background.discovery.bold"
2619
+ "introduced": "0.6.2",
2620
+ "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
2648
2621
  }
2649
2622
  },
2650
- "Dark increased-contrast/color.background.information": {
2651
- "value": "#1C2B42",
2623
+ "Dark increased-contrast/color.icon.brand": {
2624
+ "value": "#8FB8F6",
2652
2625
  "attributes": {
2653
2626
  "group": "paint",
2654
2627
  "state": "active",
2655
2628
  "introduced": "0.6.0",
2656
- "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
2629
+ "description": "Use for icons that reinforce our brand."
2657
2630
  }
2658
2631
  },
2659
- "Dark increased-contrast/color.background.information.hovered": {
2660
- "value": "#123263",
2632
+ "Dark increased-contrast/color.icon.danger": {
2633
+ "value": "#F87168",
2661
2634
  "attributes": {
2662
2635
  "group": "paint",
2663
2636
  "state": "active",
2664
2637
  "introduced": "0.6.0",
2665
- "description": "Hovered state of color.background.information"
2638
+ "description": "Use for icons communicating critical information, such as those used in error handing."
2666
2639
  }
2667
2640
  },
2668
- "Dark increased-contrast/color.background.information.pressed": {
2669
- "value": "#144794",
2641
+ "Dark increased-contrast/color.icon.warning": {
2642
+ "value": "#FBC828",
2670
2643
  "attributes": {
2671
2644
  "group": "paint",
2672
2645
  "state": "active",
2673
2646
  "introduced": "0.6.0",
2674
- "description": "Pressed state of color.background.information"
2647
+ "description": "Use for icons communicating caution, such as those used in warning section messages."
2675
2648
  }
2676
2649
  },
2677
- "Dark increased-contrast/color.background.information.subtler": {
2678
- "value": "#123263",
2650
+ "Dark increased-contrast/color.icon.warning.inverse": {
2651
+ "value": "#18191A",
2679
2652
  "attributes": {
2680
2653
  "group": "paint",
2681
2654
  "state": "active",
2682
- "introduced": "8.1.0",
2683
- "description": "Use for backgrounds of information lozenges and badges to ensure accessibility and desired visual appearance."
2655
+ "introduced": "0.6.0",
2656
+ "description": "Use for icons when on bold warning backgrounds."
2684
2657
  }
2685
2658
  },
2686
- "Dark increased-contrast/color.background.information.subtler.hovered": {
2687
- "value": "#144794",
2659
+ "Dark increased-contrast/color.icon.success": {
2660
+ "value": "#7EE2B8",
2688
2661
  "attributes": {
2689
2662
  "group": "paint",
2690
2663
  "state": "active",
2691
- "introduced": "8.1.0",
2692
- "description": "Hovered state of color.background.information.subtler"
2664
+ "introduced": "0.6.0",
2665
+ "description": "Use for icons communicating a favorable outcome, such as those used in success section messaged."
2693
2666
  }
2694
2667
  },
2695
- "Dark increased-contrast/color.background.information.subtler.pressed": {
2696
- "value": "#1558BC",
2668
+ "Dark increased-contrast/color.icon.discovery": {
2669
+ "value": "#C97CF4",
2697
2670
  "attributes": {
2698
2671
  "group": "paint",
2699
2672
  "state": "active",
2700
- "introduced": "8.1.0",
2701
- "description": "Pressed state of color.background.information.subtler"
2673
+ "introduced": "0.6.0",
2674
+ "description": "Use for icons communicating change or something new, such as discovery section messages."
2702
2675
  }
2703
2676
  },
2704
- "Dark increased-contrast/color.background.information.subtle": {
2705
- "value": "#1558BC",
2677
+ "Dark increased-contrast/color.icon.information": {
2678
+ "value": "#8FB8F6",
2706
2679
  "attributes": {
2707
2680
  "group": "paint",
2708
2681
  "state": "active",
2709
- "introduced": "13.2.0",
2710
- "description": "Background colour for non-interactive elements communicating information (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.information.bold or color.background.information.subtler for interactive states."
2682
+ "introduced": "0.6.0",
2683
+ "description": "Use for icons communicating information or something in-progress, such as information section messages."
2711
2684
  }
2712
2685
  },
2713
- "Dark increased-contrast/color.background.information.bold": {
2714
- "value": "#CFE1FD",
2686
+ "Dark increased-contrast/color.icon.subtlest": {
2687
+ "value": "#BFC1C4",
2715
2688
  "attributes": {
2716
2689
  "group": "paint",
2717
2690
  "state": "active",
2718
- "introduced": "0.6.0",
2719
- "description": "A vibrant background option for communicating information or something in-progress."
2691
+ "introduced": "1.54.0",
2692
+ "description": "Use for icons paired with color.text.subtlest"
2720
2693
  }
2721
2694
  },
2722
- "Dark increased-contrast/color.background.information.bold.hovered": {
2723
- "value": "#E9F2FE",
2695
+ "Dark increased-contrast/color.icon.subtle": {
2696
+ "value": "#BFC1C4",
2724
2697
  "attributes": {
2725
2698
  "group": "paint",
2726
2699
  "state": "active",
2727
2700
  "introduced": "0.6.0",
2728
- "description": "Hovered state of color.background.information.bold"
2701
+ "description": "Use for icons paired with color.text.subtle"
2729
2702
  }
2730
2703
  },
2731
- "Dark increased-contrast/color.background.information.bold.pressed": {
2732
- "value": "#E2E3E4",
2704
+ "Dark increased-contrast/color.link": {
2705
+ "value": "#CFE1FD",
2733
2706
  "attributes": {
2734
2707
  "group": "paint",
2735
2708
  "state": "active",
2736
2709
  "introduced": "0.6.0",
2737
- "description": "Pressed state of color.background.information.bold"
2710
+ "description": "Use for links in a default or hovered state. Add an underline for hovered states."
2738
2711
  }
2739
2712
  },
2740
- "Dark increased-contrast/color.blanket": {
2741
- "value": "#10121499",
2713
+ "Dark increased-contrast/color.link.pressed": {
2714
+ "value": "#CFE1FD",
2742
2715
  "attributes": {
2743
2716
  "group": "paint",
2744
2717
  "state": "active",
2745
- "introduced": "0.0.15",
2746
- "description": "Use for the screen overlay that appears with modal dialogs"
2718
+ "introduced": "0.6.0",
2719
+ "description": "Use for links in a pressed state."
2747
2720
  }
2748
2721
  },
2749
- "Dark increased-contrast/color.blanket.selected": {
2750
- "value": "#1D7AFC14",
2722
+ "Dark increased-contrast/color.link.visited": {
2723
+ "value": "#D8A0F7",
2751
2724
  "attributes": {
2752
2725
  "group": "paint",
2753
2726
  "state": "active",
2754
- "introduced": "0.6.0",
2755
- "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
2727
+ "introduced": "1.23.0",
2728
+ "description": "Use for visited links."
2756
2729
  }
2757
2730
  },
2758
- "Dark increased-contrast/color.blanket.danger": {
2759
- "value": "#E3493514",
2731
+ "Dark increased-contrast/color.link.visited.pressed": {
2732
+ "value": "#EED7FC",
2760
2733
  "attributes": {
2761
2734
  "group": "paint",
2762
2735
  "state": "active",
2763
- "introduced": "0.6.0",
2764
- "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
2736
+ "introduced": "1.43.0",
2737
+ "description": "Use for visited links in a pressed state."
2765
2738
  }
2766
2739
  },
2767
2740
  "Dark increased-contrast/color.interaction.hovered": {
@@ -2800,6 +2773,33 @@
2800
2773
  "description": "Use for the pulse or shimmer effect in skeleton loading states"
2801
2774
  }
2802
2775
  },
2776
+ "Dark increased-contrast/color.blanket": {
2777
+ "value": "#10121499",
2778
+ "attributes": {
2779
+ "group": "paint",
2780
+ "state": "active",
2781
+ "introduced": "0.0.15",
2782
+ "description": "Use for the screen overlay that appears with modal dialogs"
2783
+ }
2784
+ },
2785
+ "Dark increased-contrast/color.blanket.selected": {
2786
+ "value": "#1D7AFC14",
2787
+ "attributes": {
2788
+ "group": "paint",
2789
+ "state": "active",
2790
+ "introduced": "0.6.0",
2791
+ "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
2792
+ }
2793
+ },
2794
+ "Dark increased-contrast/color.blanket.danger": {
2795
+ "value": "#E3493514",
2796
+ "attributes": {
2797
+ "group": "paint",
2798
+ "state": "active",
2799
+ "introduced": "0.6.0",
2800
+ "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
2801
+ }
2802
+ },
2803
2803
  "Dark increased-contrast/color.chart.categorical.1": {
2804
2804
  "value": "#9DD9EE",
2805
2805
  "attributes": {
@@ -3700,6 +3700,105 @@
3700
3700
  "description": "Hovered state of color.chart.information.bold."
3701
3701
  }
3702
3702
  },
3703
+ "Dark increased-contrast/color.rovo.background.brand.bold": {
3704
+ "value": "#FFFFFF",
3705
+ "attributes": {
3706
+ "group": "paint",
3707
+ "state": "active",
3708
+ "introduced": "8.2.0",
3709
+ "description": "Background color for Rovo brand emphasis."
3710
+ }
3711
+ },
3712
+ "Dark increased-contrast/color.rovo.background.brand.bold.hovered": {
3713
+ "value": "#E2E3E4",
3714
+ "attributes": {
3715
+ "group": "paint",
3716
+ "state": "active",
3717
+ "introduced": "8.2.0",
3718
+ "description": "Hovered state of color.rovo.background.brand.bold."
3719
+ }
3720
+ },
3721
+ "Dark increased-contrast/color.rovo.background.brand.bold.pressed": {
3722
+ "value": "#CECFD2",
3723
+ "attributes": {
3724
+ "group": "paint",
3725
+ "state": "active",
3726
+ "introduced": "8.2.0",
3727
+ "description": "Pressed state of color.rovo.background.brand.bold."
3728
+ }
3729
+ },
3730
+ "Dark increased-contrast/color.rovo.border.lime": {
3731
+ "value": "#82B536",
3732
+ "attributes": {
3733
+ "group": "paint",
3734
+ "state": "active",
3735
+ "introduced": "13.1.1",
3736
+ "description": "Use for Rovo lime borders."
3737
+ }
3738
+ },
3739
+ "Dark increased-contrast/color.rovo.border.saffron": {
3740
+ "value": "#FCA700",
3741
+ "attributes": {
3742
+ "group": "paint",
3743
+ "state": "active",
3744
+ "introduced": "13.1.1",
3745
+ "description": "Use for Rovo saffron borders."
3746
+ }
3747
+ },
3748
+ "Dark increased-contrast/color.rovo.border.blue": {
3749
+ "value": "#357DE8",
3750
+ "attributes": {
3751
+ "group": "paint",
3752
+ "state": "active",
3753
+ "introduced": "13.1.1",
3754
+ "description": "Use for Rovo blue borders."
3755
+ }
3756
+ },
3757
+ "Dark increased-contrast/color.rovo.border.purple": {
3758
+ "value": "#BF63F3",
3759
+ "attributes": {
3760
+ "group": "paint",
3761
+ "state": "active",
3762
+ "introduced": "13.1.1",
3763
+ "description": "Use for Rovo purple borders."
3764
+ }
3765
+ },
3766
+ "Dark increased-contrast/color.rovo.icon.lime": {
3767
+ "value": "#82B536",
3768
+ "attributes": {
3769
+ "group": "paint",
3770
+ "state": "active",
3771
+ "introduced": "13.1.1",
3772
+ "description": "Use for Rovo lime icons."
3773
+ }
3774
+ },
3775
+ "Dark increased-contrast/color.rovo.icon.saffron": {
3776
+ "value": "#FCA700",
3777
+ "attributes": {
3778
+ "group": "paint",
3779
+ "state": "active",
3780
+ "introduced": "13.1.1",
3781
+ "description": "Use for Rovo saffron icons."
3782
+ }
3783
+ },
3784
+ "Dark increased-contrast/color.rovo.icon.blue": {
3785
+ "value": "#357DE8",
3786
+ "attributes": {
3787
+ "group": "paint",
3788
+ "state": "active",
3789
+ "introduced": "13.1.1",
3790
+ "description": "Use for Rovo blue icons."
3791
+ }
3792
+ },
3793
+ "Dark increased-contrast/color.rovo.icon.purple": {
3794
+ "value": "#BF63F3",
3795
+ "attributes": {
3796
+ "group": "paint",
3797
+ "state": "active",
3798
+ "introduced": "13.1.1",
3799
+ "description": "Use for Rovo purple icons."
3800
+ }
3801
+ },
3703
3802
  "Dark increased-contrast/elevation.surface": {
3704
3803
  "value": "#1F1F21",
3705
3804
  "attributes": {