@razorpay/blade 10.13.2 → 10.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/build/components/index.d.ts +114 -46
  2. package/build/components/index.development.web.js +163 -145
  3. package/build/components/index.development.web.js.map +1 -1
  4. package/build/components/index.native.d.ts +114 -46
  5. package/build/components/index.native.js +16 -16
  6. package/build/components/index.native.js.map +1 -1
  7. package/build/components/index.production.web.js +163 -145
  8. package/build/components/index.production.web.js.map +1 -1
  9. package/build/css/bankingThemeDarkDesktop.css +333 -157
  10. package/build/css/bankingThemeDarkMobile.css +333 -157
  11. package/build/css/bankingThemeLightDesktop.css +332 -156
  12. package/build/css/bankingThemeLightMobile.css +332 -156
  13. package/build/css/paymentThemeDarkDesktop.css +333 -157
  14. package/build/css/paymentThemeDarkMobile.css +333 -157
  15. package/build/css/paymentThemeLightDesktop.css +332 -156
  16. package/build/css/paymentThemeLightMobile.css +332 -156
  17. package/build/tokens/index.d.ts +46 -25
  18. package/build/tokens/index.development.web.js +3344 -1488
  19. package/build/tokens/index.development.web.js.map +1 -1
  20. package/build/tokens/index.native.d.ts +46 -25
  21. package/build/tokens/index.native.js +2 -2
  22. package/build/tokens/index.native.js.map +1 -1
  23. package/build/tokens/index.production.web.js +3344 -1488
  24. package/build/tokens/index.production.web.js.map +1 -1
  25. package/build/utils/index.d.ts +46 -25
  26. package/build/utils/index.development.web.js.map +1 -1
  27. package/build/utils/index.native.d.ts +46 -25
  28. package/build/utils/index.native.js.map +1 -1
  29. package/package.json +1 -1
package/build/css/paymentThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Sep 2023 05:09:02 GMT
3
+ * Generated on Thu, 28 Sep 2023 11:45:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -41,7 +41,7 @@
41
41
  --colors-surface-text-muted-low-contrast: hsla(216, 16%, 60%, 1);
42
42
  --colors-surface-text-muted-high-contrast: hsla(218, 19%, 81%, 1);
43
43
  --colors-surface-text-placeholder-low-contrast: hsla(214, 18%, 69%, 1);
44
- --colors-surface-text-placeholder-high-contrast: hsla(216, 15%, 54%, 1);
44
+ --colors-surface-text-placeholder-high-contrast: hsla(214, 18%, 69%, 1);
45
45
  --colors-surface-action-icon-default-low-contrast: hsla(214, 18%, 69%, 1);
46
46
  --colors-surface-action-icon-default-high-contrast: hsla(214, 21%, 94%, 0.32);
47
47
  --colors-surface-action-icon-hover-low-contrast: hsla(217, 18%, 45%, 1);
@@ -52,6 +52,9 @@
52
52
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
53
53
  --colors-surface-action-icon-disabled-low-contrast: hsla(216, 15%, 54%, 0.18);
54
54
  --colors-surface-action-icon-disabled-high-contrast: hsla(216, 15%, 54%, 0.18);
55
+ --colors-surface-overlay-background-400: hsla(0, 0, 0, 0);
56
+ --colors-surface-overlay-background-800: hsla(214, 15%, 18%, 0.64);
57
+ --colors-surface-popup-background: hsla(220, 30%, 96%, 1);
55
58
  --colors-overlay-background: hsla(214, 15%, 18%, 0.64);
56
59
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
57
60
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.18);
@@ -76,8 +79,6 @@
76
79
  --colors-brand-gray-a100-low-contrast: hsla(216, 15%, 54%, 0.18);
77
80
  --colors-brand-gray-a100-high-contrast: hsla(214, 21%, 94%, 0.18);
78
81
  --colors-brand-secondary-500: hsla(149, 99%, 35%, 1);
79
- --colors-feedback-background-neutral-low-contrast: hsla(216, 15%, 54%, 0.09);
80
- --colors-feedback-background-neutral-high-contrast: hsla(216, 33%, 29%, 1);
81
82
  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.09);
82
83
  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
83
84
  --colors-feedback-background-negative-low-contrast: hsla(9, 91%, 56%, 0.09);
@@ -86,8 +87,8 @@
86
87
  --colors-feedback-background-notice-high-contrast: hsla(38, 97%, 38%, 1);
87
88
  --colors-feedback-background-information-low-contrast: hsla(193, 100%, 35%, 0.09);
88
89
  --colors-feedback-background-information-high-contrast: hsla(193, 100%, 35%, 1);
89
- --colors-feedback-border-neutral-low-contrast: hsla(216, 15%, 54%, 0.32);
90
- --colors-feedback-border-neutral-high-contrast: hsla(216, 33%, 29%, 1);
90
+ --colors-feedback-background-neutral-low-contrast: hsla(216, 15%, 54%, 0.09);
91
+ --colors-feedback-background-neutral-high-contrast: hsla(216, 33%, 29%, 1);
91
92
  --colors-feedback-border-positive-low-contrast: hsla(155, 100%, 31%, 0.32);
92
93
  --colors-feedback-border-positive-high-contrast: hsla(160, 100%, 26%, 1);
93
94
  --colors-feedback-border-negative-low-contrast: hsla(9, 91%, 56%, 0.32);
@@ -96,8 +97,8 @@
96
97
  --colors-feedback-border-notice-high-contrast: hsla(38, 97%, 38%, 1);
97
98
  --colors-feedback-border-information-low-contrast: hsla(193, 100%, 35%, 0.32);
98
99
  --colors-feedback-border-information-high-contrast: hsla(193, 100%, 35%, 1);
99
- --colors-feedback-text-neutral-low-contrast: hsla(216, 27%, 36%, 1);
100
- --colors-feedback-text-neutral-high-contrast: hsla(0, 0%, 100%, 1);
100
+ --colors-feedback-border-neutral-low-contrast: hsla(216, 15%, 54%, 0.32);
101
+ --colors-feedback-border-neutral-high-contrast: hsla(216, 33%, 29%, 1);
101
102
  --colors-feedback-text-positive-low-contrast: hsla(160, 100%, 26%, 1);
102
103
  --colors-feedback-text-positive-high-contrast: hsla(0, 0%, 100%, 1);
103
104
  --colors-feedback-text-negative-low-contrast: hsla(8, 73%, 47%, 1);
@@ -106,8 +107,8 @@
106
107
  --colors-feedback-text-notice-high-contrast: hsla(0, 0%, 100%, 1);
107
108
  --colors-feedback-text-information-low-contrast: hsla(193, 100%, 35%, 1);
108
109
  --colors-feedback-text-information-high-contrast: hsla(0, 0%, 100%, 1);
109
- --colors-feedback-icon-neutral-low-contrast: hsla(216, 27%, 36%, 1);
110
- --colors-feedback-icon-neutral-high-contrast: hsla(0, 0%, 100%, 1);
110
+ --colors-feedback-text-neutral-low-contrast: hsla(216, 27%, 36%, 1);
111
+ --colors-feedback-text-neutral-high-contrast: hsla(0, 0%, 100%, 1);
111
112
  --colors-feedback-icon-positive-low-contrast: hsla(160, 100%, 26%, 1);
112
113
  --colors-feedback-icon-positive-high-contrast: hsla(0, 0%, 100%, 1);
113
114
  --colors-feedback-icon-negative-low-contrast: hsla(8, 73%, 47%, 1);
@@ -116,96 +117,53 @@
116
117
  --colors-feedback-icon-notice-high-contrast: hsla(0, 0%, 100%, 1);
117
118
  --colors-feedback-icon-information-low-contrast: hsla(193, 100%, 35%, 1);
118
119
  --colors-feedback-icon-information-high-contrast: hsla(0, 0%, 100%, 1);
119
- --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(216, 15%, 54%, 0.09);
120
- --colors-feedback-neutral-action-background-primary-default-high-contrast: hsla(216, 33%, 29%, 1);
121
- --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(216, 15%, 54%, 0.18);
122
- --colors-feedback-neutral-action-background-primary-hover-high-contrast: hsla(216, 44%, 23%, 1);
123
- --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
124
- --colors-feedback-neutral-action-background-primary-focus-high-contrast: hsla(217, 56%, 17%, 1);
125
- --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
126
- --colors-feedback-neutral-action-background-primary-active-high-contrast: hsla(217, 56%, 17%, 1);
127
- --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.09);
128
- --colors-feedback-neutral-action-background-primary-disabled-high-contrast: hsla(216, 33%, 29%, 1);
129
- --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(216, 15%, 54%, 0.32);
130
- --colors-feedback-neutral-action-border-primary-default-high-contrast: hsla(214, 18%, 69%, 1);
131
- --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(216, 15%, 54%, 0.32);
132
- --colors-feedback-neutral-action-border-primary-hover-high-contrast: hsla(214, 18%, 69%, 1);
133
- --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
134
- --colors-feedback-neutral-action-border-primary-focus-high-contrast: hsla(214, 18%, 69%, 1);
135
- --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
136
- --colors-feedback-neutral-action-border-primary-active-high-contrast: hsla(214, 18%, 69%, 1);
137
- --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
138
- --colors-feedback-neutral-action-border-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
139
- --colors-feedback-neutral-action-text-primary-default-low-contrast: hsla(216, 27%, 36%, 1);
140
- --colors-feedback-neutral-action-text-primary-default-high-contrast: hsla(220, 27%, 98%, 1);
141
- --colors-feedback-neutral-action-text-primary-hover-low-contrast: hsla(216, 27%, 36%, 1);
142
- --colors-feedback-neutral-action-text-primary-hover-high-contrast: hsla(220, 27%, 98%, 1);
143
- --colors-feedback-neutral-action-text-primary-focus-low-contrast: hsla(216, 27%, 36%, 1);
144
- --colors-feedback-neutral-action-text-primary-focus-high-contrast: hsla(220, 27%, 98%, 1);
145
- --colors-feedback-neutral-action-text-primary-active-low-contrast: hsla(216, 27%, 36%, 1);
146
- --colors-feedback-neutral-action-text-primary-active-high-contrast: hsla(220, 27%, 98%, 1);
147
- --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
148
- --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
149
- --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(216, 27%, 36%, 1);
150
- --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(220, 27%, 98%, 1);
151
- --colors-feedback-neutral-action-text-link-hover-low-contrast: hsla(217, 18%, 45%, 1);
152
- --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(214, 21%, 94%, 1);
153
- --colors-feedback-neutral-action-text-link-focus-low-contrast: hsla(216, 33%, 29%, 1);
154
- --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(218, 19%, 81%, 1);
155
- --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(216, 33%, 29%, 1);
156
- --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(218, 19%, 81%, 1);
157
- --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
158
- --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(216, 15%, 54%, 1);
159
- --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(216, 27%, 36%, 1);
160
- --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(220, 27%, 98%, 1);
161
- --colors-feedback-neutral-action-icon-primary-hover-low-contrast: hsla(216, 27%, 36%, 1);
162
- --colors-feedback-neutral-action-icon-primary-hover-high-contrast: hsla(220, 27%, 98%, 1);
163
- --colors-feedback-neutral-action-icon-primary-focus-low-contrast: hsla(216, 27%, 36%, 1);
164
- --colors-feedback-neutral-action-icon-primary-focus-high-contrast: hsla(220, 27%, 98%, 1);
165
- --colors-feedback-neutral-action-icon-primary-active-low-contrast: hsla(216, 27%, 36%, 1);
166
- --colors-feedback-neutral-action-icon-primary-active-high-contrast: hsla(220, 27%, 98%, 1);
167
- --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
168
- --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
169
- --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(216, 27%, 36%, 1);
170
- --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(220, 27%, 98%, 1);
171
- --colors-feedback-neutral-action-icon-link-hover-low-contrast: hsla(217, 18%, 45%, 1);
172
- --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(214, 21%, 94%, 1);
173
- --colors-feedback-neutral-action-icon-link-focus-low-contrast: hsla(216, 33%, 29%, 1);
174
- --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(218, 19%, 81%, 1);
175
- --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(216, 33%, 29%, 1);
176
- --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(218, 19%, 81%, 1);
177
- --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
178
- --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(216, 15%, 54%, 1);
179
- --colors-feedback-positive-action-background-primary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
120
+ --colors-feedback-icon-neutral-low-contrast: hsla(216, 27%, 36%, 1);
121
+ --colors-feedback-icon-neutral-high-contrast: hsla(0, 0%, 100%, 1);
180
122
  --colors-feedback-positive-action-background-primary-default-high-contrast: hsla(160, 100%, 26%, 1);
181
- --colors-feedback-positive-action-background-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
123
+ --colors-feedback-positive-action-background-primary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
182
124
  --colors-feedback-positive-action-background-primary-hover-high-contrast: hsla(163, 100%, 22%, 1);
183
- --colors-feedback-positive-action-background-primary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
125
+ --colors-feedback-positive-action-background-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
184
126
  --colors-feedback-positive-action-background-primary-focus-high-contrast: hsla(164, 100%, 17%, 1);
185
- --colors-feedback-positive-action-background-primary-active-low-contrast: hsla(155, 100%, 31%, 0.32);
127
+ --colors-feedback-positive-action-background-primary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
186
128
  --colors-feedback-positive-action-background-primary-active-high-contrast: hsla(164, 100%, 17%, 1);
187
- --colors-feedback-positive-action-background-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.09);
129
+ --colors-feedback-positive-action-background-primary-active-low-contrast: hsla(155, 100%, 31%, 0.32);
188
130
  --colors-feedback-positive-action-background-primary-disabled-high-contrast: hsla(160, 100%, 26%, 1);
189
- --colors-feedback-positive-action-border-primary-default-low-contrast: hsla(155, 100%, 31%, 0.32);
131
+ --colors-feedback-positive-action-background-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.09);
132
+ --colors-feedback-positive-action-background-secondary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
133
+ --colors-feedback-positive-action-background-secondary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
134
+ --colors-feedback-positive-action-background-secondary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
135
+ --colors-feedback-positive-action-background-secondary-active-low-contrast: hsla(155, 100%, 31%, 0.32);
136
+ --colors-feedback-positive-action-background-secondary-disabled-low-contrast: hsla(155, 100%, 31%, 0.09);
190
137
  --colors-feedback-positive-action-border-primary-default-high-contrast: hsla(107, 100%, 96%, 1);
191
- --colors-feedback-positive-action-border-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.32);
138
+ --colors-feedback-positive-action-border-primary-default-low-contrast: hsla(155, 100%, 31%, 0.32);
192
139
  --colors-feedback-positive-action-border-primary-hover-high-contrast: hsla(107, 100%, 96%, 1);
193
- --colors-feedback-positive-action-border-primary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
140
+ --colors-feedback-positive-action-border-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.32);
194
141
  --colors-feedback-positive-action-border-primary-focus-high-contrast: hsla(107, 100%, 96%, 1);
195
- --colors-feedback-positive-action-border-primary-active-low-contrast: hsla(155, 100%, 31%, 0.32);
142
+ --colors-feedback-positive-action-border-primary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
196
143
  --colors-feedback-positive-action-border-primary-active-high-contrast: hsla(107, 100%, 96%, 1);
197
- --colors-feedback-positive-action-border-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
144
+ --colors-feedback-positive-action-border-primary-active-low-contrast: hsla(155, 100%, 31%, 0.32);
198
145
  --colors-feedback-positive-action-border-primary-disabled-high-contrast: hsla(149, 99%, 35%, 1);
199
- --colors-feedback-positive-action-text-primary-default-low-contrast: hsla(160, 100%, 26%, 1);
146
+ --colors-feedback-positive-action-border-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
147
+ --colors-feedback-positive-action-border-secondary-default-low-contrast: hsla(155, 100%, 31%, 0.32);
148
+ --colors-feedback-positive-action-border-secondary-hover-low-contrast: hsla(155, 100%, 31%, 0.32);
149
+ --colors-feedback-positive-action-border-secondary-focus-low-contrast: hsla(155, 100%, 31%, 0.32);
150
+ --colors-feedback-positive-action-border-secondary-active-low-contrast: hsla(155, 100%, 31%, 0.32);
151
+ --colors-feedback-positive-action-border-secondary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
200
152
  --colors-feedback-positive-action-text-primary-default-high-contrast: hsla(107, 100%, 96%, 1);
201
- --colors-feedback-positive-action-text-primary-hover-low-contrast: hsla(160, 100%, 26%, 1);
153
+ --colors-feedback-positive-action-text-primary-default-low-contrast: hsla(160, 100%, 26%, 1);
202
154
  --colors-feedback-positive-action-text-primary-hover-high-contrast: hsla(107, 100%, 96%, 1);
203
- --colors-feedback-positive-action-text-primary-focus-low-contrast: hsla(160, 100%, 26%, 1);
155
+ --colors-feedback-positive-action-text-primary-hover-low-contrast: hsla(160, 100%, 26%, 1);
204
156
  --colors-feedback-positive-action-text-primary-focus-high-contrast: hsla(107, 100%, 96%, 1);
205
- --colors-feedback-positive-action-text-primary-active-low-contrast: hsla(160, 100%, 26%, 1);
157
+ --colors-feedback-positive-action-text-primary-focus-low-contrast: hsla(160, 100%, 26%, 1);
206
158
  --colors-feedback-positive-action-text-primary-active-high-contrast: hsla(107, 100%, 96%, 1);
207
- --colors-feedback-positive-action-text-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
159
+ --colors-feedback-positive-action-text-primary-active-low-contrast: hsla(160, 100%, 26%, 1);
208
160
  --colors-feedback-positive-action-text-primary-disabled-high-contrast: hsla(149, 99%, 35%, 1);
161
+ --colors-feedback-positive-action-text-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
162
+ --colors-feedback-positive-action-text-secondary-default-low-contrast: hsla(160, 100%, 26%, 1);
163
+ --colors-feedback-positive-action-text-secondary-hover-low-contrast: hsla(160, 100%, 26%, 1);
164
+ --colors-feedback-positive-action-text-secondary-focus-low-contrast: hsla(160, 100%, 26%, 1);
165
+ --colors-feedback-positive-action-text-secondary-active-low-contrast: hsla(160, 100%, 26%, 1);
166
+ --colors-feedback-positive-action-text-secondary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
209
167
  --colors-feedback-positive-action-text-link-default-low-contrast: hsla(160, 100%, 26%, 1);
210
168
  --colors-feedback-positive-action-text-link-default-high-contrast: hsla(107, 100%, 96%, 1);
211
169
  --colors-feedback-positive-action-text-link-hover-low-contrast: hsla(155, 100%, 31%, 1);
@@ -216,16 +174,21 @@
216
174
  --colors-feedback-positive-action-text-link-active-high-contrast: hsla(113, 69%, 83%, 1);
217
175
  --colors-feedback-positive-action-text-link-disabled-low-contrast: hsla(121, 65%, 71%, 1);
218
176
  --colors-feedback-positive-action-text-link-disabled-high-contrast: hsla(113, 69%, 83%, 1);
219
- --colors-feedback-positive-action-icon-primary-default-low-contrast: hsla(160, 100%, 26%, 1);
220
177
  --colors-feedback-positive-action-icon-primary-default-high-contrast: hsla(107, 100%, 96%, 1);
221
- --colors-feedback-positive-action-icon-primary-hover-low-contrast: hsla(160, 100%, 26%, 1);
178
+ --colors-feedback-positive-action-icon-primary-default-low-contrast: hsla(160, 100%, 26%, 1);
222
179
  --colors-feedback-positive-action-icon-primary-hover-high-contrast: hsla(107, 100%, 96%, 1);
223
- --colors-feedback-positive-action-icon-primary-focus-low-contrast: hsla(160, 100%, 26%, 1);
180
+ --colors-feedback-positive-action-icon-primary-hover-low-contrast: hsla(160, 100%, 26%, 1);
224
181
  --colors-feedback-positive-action-icon-primary-focus-high-contrast: hsla(107, 100%, 96%, 1);
225
- --colors-feedback-positive-action-icon-primary-active-low-contrast: hsla(160, 100%, 26%, 1);
182
+ --colors-feedback-positive-action-icon-primary-focus-low-contrast: hsla(160, 100%, 26%, 1);
226
183
  --colors-feedback-positive-action-icon-primary-active-high-contrast: hsla(107, 100%, 96%, 1);
227
- --colors-feedback-positive-action-icon-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
184
+ --colors-feedback-positive-action-icon-primary-active-low-contrast: hsla(160, 100%, 26%, 1);
228
185
  --colors-feedback-positive-action-icon-primary-disabled-high-contrast: hsla(149, 99%, 35%, 1);
186
+ --colors-feedback-positive-action-icon-primary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
187
+ --colors-feedback-positive-action-icon-secondary-default-low-contrast: hsla(160, 100%, 26%, 1);
188
+ --colors-feedback-positive-action-icon-secondary-hover-low-contrast: hsla(160, 100%, 26%, 1);
189
+ --colors-feedback-positive-action-icon-secondary-focus-low-contrast: hsla(160, 100%, 26%, 1);
190
+ --colors-feedback-positive-action-icon-secondary-active-low-contrast: hsla(160, 100%, 26%, 1);
191
+ --colors-feedback-positive-action-icon-secondary-disabled-low-contrast: hsla(155, 100%, 31%, 0.32);
229
192
  --colors-feedback-positive-action-icon-link-default-low-contrast: hsla(160, 100%, 26%, 1);
230
193
  --colors-feedback-positive-action-icon-link-default-high-contrast: hsla(107, 100%, 96%, 1);
231
194
  --colors-feedback-positive-action-icon-link-hover-low-contrast: hsla(155, 100%, 31%, 1);
@@ -236,36 +199,51 @@
236
199
  --colors-feedback-positive-action-icon-link-active-high-contrast: hsla(113, 69%, 83%, 1);
237
200
  --colors-feedback-positive-action-icon-link-disabled-low-contrast: hsla(121, 65%, 71%, 1);
238
201
  --colors-feedback-positive-action-icon-link-disabled-high-contrast: hsla(113, 69%, 83%, 1);
239
- --colors-feedback-negative-action-background-primary-default-low-contrast: hsla(9, 91%, 56%, 0.09);
240
202
  --colors-feedback-negative-action-background-primary-default-high-contrast: hsla(8, 73%, 47%, 1);
241
- --colors-feedback-negative-action-background-primary-hover-low-contrast: hsla(9, 91%, 56%, 0.18);
203
+ --colors-feedback-negative-action-background-primary-default-low-contrast: hsla(9, 91%, 56%, 0.09);
242
204
  --colors-feedback-negative-action-background-primary-hover-high-contrast: hsla(7, 72%, 40%, 1);
243
- --colors-feedback-negative-action-background-primary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
205
+ --colors-feedback-negative-action-background-primary-hover-low-contrast: hsla(9, 91%, 56%, 0.18);
244
206
  --colors-feedback-negative-action-background-primary-focus-high-contrast: hsla(5, 69%, 32%, 1);
245
- --colors-feedback-negative-action-background-primary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
207
+ --colors-feedback-negative-action-background-primary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
246
208
  --colors-feedback-negative-action-background-primary-active-high-contrast: hsla(5, 69%, 32%, 1);
247
- --colors-feedback-negative-action-background-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
209
+ --colors-feedback-negative-action-background-primary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
248
210
  --colors-feedback-negative-action-background-primary-disabled-high-contrast: hsla(8, 73%, 47%, 1);
249
- --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(9, 91%, 56%, 0.32);
211
+ --colors-feedback-negative-action-background-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
212
+ --colors-feedback-negative-action-background-secondary-default-low-contrast: hsla(9, 91%, 56%, 0.09);
213
+ --colors-feedback-negative-action-background-secondary-hover-low-contrast: hsla(9, 91%, 56%, 0.18);
214
+ --colors-feedback-negative-action-background-secondary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
215
+ --colors-feedback-negative-action-background-secondary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
216
+ --colors-feedback-negative-action-background-secondary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
250
217
  --colors-feedback-negative-action-border-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
251
- --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(9, 91%, 56%, 0.32);
218
+ --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(9, 91%, 56%, 0.32);
252
219
  --colors-feedback-negative-action-border-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
253
- --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
220
+ --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(9, 91%, 56%, 0.32);
254
221
  --colors-feedback-negative-action-border-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
255
- --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
222
+ --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
256
223
  --colors-feedback-negative-action-border-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
257
- --colors-feedback-negative-action-border-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
224
+ --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
258
225
  --colors-feedback-negative-action-border-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
259
- --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
226
+ --colors-feedback-negative-action-border-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
227
+ --colors-feedback-negative-action-border-secondary-default-low-contrast: hsla(9, 91%, 56%, 0.32);
228
+ --colors-feedback-negative-action-border-secondary-hover-low-contrast: hsla(9, 91%, 56%, 0.32);
229
+ --colors-feedback-negative-action-border-secondary-focus-low-contrast: hsla(9, 91%, 56%, 0.32);
230
+ --colors-feedback-negative-action-border-secondary-active-low-contrast: hsla(9, 91%, 56%, 0.32);
231
+ --colors-feedback-negative-action-border-secondary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
260
232
  --colors-feedback-negative-action-text-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
261
- --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
233
+ --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
262
234
  --colors-feedback-negative-action-text-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
263
- --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
235
+ --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
264
236
  --colors-feedback-negative-action-text-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
265
- --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
237
+ --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
266
238
  --colors-feedback-negative-action-text-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
267
- --colors-feedback-negative-action-text-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
239
+ --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
268
240
  --colors-feedback-negative-action-text-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
241
+ --colors-feedback-negative-action-text-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
242
+ --colors-feedback-negative-action-text-secondary-default-low-contrast: hsla(8, 73%, 47%, 1);
243
+ --colors-feedback-negative-action-text-secondary-hover-low-contrast: hsla(8, 73%, 47%, 1);
244
+ --colors-feedback-negative-action-text-secondary-focus-low-contrast: hsla(8, 73%, 47%, 1);
245
+ --colors-feedback-negative-action-text-secondary-active-low-contrast: hsla(8, 73%, 47%, 1);
246
+ --colors-feedback-negative-action-text-secondary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
269
247
  --colors-feedback-negative-action-text-link-default-low-contrast: hsla(8, 73%, 47%, 1);
270
248
  --colors-feedback-negative-action-text-link-default-high-contrast: hsla(0, 100%, 97%, 1);
271
249
  --colors-feedback-negative-action-text-link-hover-low-contrast: hsla(9, 91%, 56%, 1);
@@ -276,16 +254,21 @@
276
254
  --colors-feedback-negative-action-text-link-active-high-contrast: hsla(0, 100%, 92%, 1);
277
255
  --colors-feedback-negative-action-text-link-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
278
256
  --colors-feedback-negative-action-text-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
279
- --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
280
257
  --colors-feedback-negative-action-icon-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
281
- --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
258
+ --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
282
259
  --colors-feedback-negative-action-icon-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
283
- --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
260
+ --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
284
261
  --colors-feedback-negative-action-icon-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
285
- --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
262
+ --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
286
263
  --colors-feedback-negative-action-icon-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
287
- --colors-feedback-negative-action-icon-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
264
+ --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
288
265
  --colors-feedback-negative-action-icon-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
266
+ --colors-feedback-negative-action-icon-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
267
+ --colors-feedback-negative-action-icon-secondary-default-low-contrast: hsla(8, 73%, 47%, 1);
268
+ --colors-feedback-negative-action-icon-secondary-hover-low-contrast: hsla(8, 73%, 47%, 1);
269
+ --colors-feedback-negative-action-icon-secondary-focus-low-contrast: hsla(8, 73%, 47%, 1);
270
+ --colors-feedback-negative-action-icon-secondary-active-low-contrast: hsla(8, 73%, 47%, 1);
271
+ --colors-feedback-negative-action-icon-secondary-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
289
272
  --colors-feedback-negative-action-icon-link-default-low-contrast: hsla(8, 73%, 47%, 1);
290
273
  --colors-feedback-negative-action-icon-link-default-high-contrast: hsla(0, 100%, 97%, 1);
291
274
  --colors-feedback-negative-action-icon-link-hover-low-contrast: hsla(9, 91%, 56%, 1);
@@ -296,36 +279,51 @@
296
279
  --colors-feedback-negative-action-icon-link-active-high-contrast: hsla(0, 100%, 92%, 1);
297
280
  --colors-feedback-negative-action-icon-link-disabled-low-contrast: hsla(9, 91%, 56%, 0.32);
298
281
  --colors-feedback-negative-action-icon-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
299
- --colors-feedback-notice-action-background-primary-default-low-contrast: hsla(36, 100%, 44%, 0.09);
300
282
  --colors-feedback-notice-action-background-primary-default-high-contrast: hsla(38, 97%, 38%, 1);
301
- --colors-feedback-notice-action-background-primary-hover-low-contrast: hsla(36, 100%, 44%, 0.18);
283
+ --colors-feedback-notice-action-background-primary-default-low-contrast: hsla(36, 100%, 44%, 0.09);
302
284
  --colors-feedback-notice-action-background-primary-hover-high-contrast: hsla(40, 90%, 32%, 1);
303
- --colors-feedback-notice-action-background-primary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
285
+ --colors-feedback-notice-action-background-primary-hover-low-contrast: hsla(36, 100%, 44%, 0.18);
304
286
  --colors-feedback-notice-action-background-primary-focus-high-contrast: hsla(41, 82%, 26%, 1);
305
- --colors-feedback-notice-action-background-primary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
287
+ --colors-feedback-notice-action-background-primary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
306
288
  --colors-feedback-notice-action-background-primary-active-high-contrast: hsla(41, 82%, 26%, 1);
307
- --colors-feedback-notice-action-background-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.09);
289
+ --colors-feedback-notice-action-background-primary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
308
290
  --colors-feedback-notice-action-background-primary-disabled-high-contrast: hsla(38, 97%, 38%, 1);
309
- --colors-feedback-notice-action-border-primary-default-low-contrast: hsla(36, 100%, 44%, 0.32);
291
+ --colors-feedback-notice-action-background-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.09);
292
+ --colors-feedback-notice-action-background-secondary-default-low-contrast: hsla(36, 100%, 44%, 0.09);
293
+ --colors-feedback-notice-action-background-secondary-hover-low-contrast: hsla(36, 100%, 44%, 0.18);
294
+ --colors-feedback-notice-action-background-secondary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
295
+ --colors-feedback-notice-action-background-secondary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
296
+ --colors-feedback-notice-action-background-secondary-disabled-low-contrast: hsla(36, 100%, 44%, 0.09);
310
297
  --colors-feedback-notice-action-border-primary-default-high-contrast: hsla(32, 100%, 94%, 1);
311
- --colors-feedback-notice-action-border-primary-hover-low-contrast: hsla(36, 100%, 44%, 0.32);
298
+ --colors-feedback-notice-action-border-primary-default-low-contrast: hsla(36, 100%, 44%, 0.32);
312
299
  --colors-feedback-notice-action-border-primary-hover-high-contrast: hsla(32, 100%, 94%, 1);
313
- --colors-feedback-notice-action-border-primary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
300
+ --colors-feedback-notice-action-border-primary-hover-low-contrast: hsla(36, 100%, 44%, 0.32);
314
301
  --colors-feedback-notice-action-border-primary-focus-high-contrast: hsla(32, 100%, 94%, 1);
315
- --colors-feedback-notice-action-border-primary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
302
+ --colors-feedback-notice-action-border-primary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
316
303
  --colors-feedback-notice-action-border-primary-active-high-contrast: hsla(32, 100%, 94%, 1);
317
- --colors-feedback-notice-action-border-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
304
+ --colors-feedback-notice-action-border-primary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
318
305
  --colors-feedback-notice-action-border-primary-disabled-high-contrast: hsla(35, 84%, 54%, 1);
319
- --colors-feedback-notice-action-text-primary-default-low-contrast: hsla(38, 97%, 38%, 1);
306
+ --colors-feedback-notice-action-border-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
307
+ --colors-feedback-notice-action-border-secondary-default-low-contrast: hsla(36, 100%, 44%, 0.32);
308
+ --colors-feedback-notice-action-border-secondary-hover-low-contrast: hsla(36, 100%, 44%, 0.32);
309
+ --colors-feedback-notice-action-border-secondary-focus-low-contrast: hsla(36, 100%, 44%, 0.32);
310
+ --colors-feedback-notice-action-border-secondary-active-low-contrast: hsla(36, 100%, 44%, 0.32);
311
+ --colors-feedback-notice-action-border-secondary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
320
312
  --colors-feedback-notice-action-text-primary-default-high-contrast: hsla(32, 100%, 94%, 1);
321
- --colors-feedback-notice-action-text-primary-hover-low-contrast: hsla(38, 97%, 38%, 1);
313
+ --colors-feedback-notice-action-text-primary-default-low-contrast: hsla(38, 97%, 38%, 1);
322
314
  --colors-feedback-notice-action-text-primary-hover-high-contrast: hsla(32, 100%, 94%, 1);
323
- --colors-feedback-notice-action-text-primary-focus-low-contrast: hsla(38, 97%, 38%, 1);
315
+ --colors-feedback-notice-action-text-primary-hover-low-contrast: hsla(38, 97%, 38%, 1);
324
316
  --colors-feedback-notice-action-text-primary-focus-high-contrast: hsla(32, 100%, 94%, 1);
325
- --colors-feedback-notice-action-text-primary-active-low-contrast: hsla(38, 97%, 38%, 1);
317
+ --colors-feedback-notice-action-text-primary-focus-low-contrast: hsla(38, 97%, 38%, 1);
326
318
  --colors-feedback-notice-action-text-primary-active-high-contrast: hsla(32, 100%, 94%, 1);
327
- --colors-feedback-notice-action-text-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
319
+ --colors-feedback-notice-action-text-primary-active-low-contrast: hsla(38, 97%, 38%, 1);
328
320
  --colors-feedback-notice-action-text-primary-disabled-high-contrast: hsla(35, 84%, 54%, 1);
321
+ --colors-feedback-notice-action-text-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
322
+ --colors-feedback-notice-action-text-secondary-default-low-contrast: hsla(38, 97%, 38%, 1);
323
+ --colors-feedback-notice-action-text-secondary-hover-low-contrast: hsla(38, 97%, 38%, 1);
324
+ --colors-feedback-notice-action-text-secondary-focus-low-contrast: hsla(38, 97%, 38%, 1);
325
+ --colors-feedback-notice-action-text-secondary-active-low-contrast: hsla(38, 97%, 38%, 1);
326
+ --colors-feedback-notice-action-text-secondary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
329
327
  --colors-feedback-notice-action-text-link-default-low-contrast: hsla(38, 97%, 38%, 1);
330
328
  --colors-feedback-notice-action-text-link-default-high-contrast: hsla(32, 100%, 94%, 1);
331
329
  --colors-feedback-notice-action-text-link-hover-low-contrast: hsla(36, 100%, 44%, 1);
@@ -336,16 +334,21 @@
336
334
  --colors-feedback-notice-action-text-link-active-high-contrast: hsla(32, 97%, 86%, 1);
337
335
  --colors-feedback-notice-action-text-link-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
338
336
  --colors-feedback-notice-action-text-link-disabled-high-contrast: hsla(35, 84%, 54%, 1);
339
- --colors-feedback-notice-action-icon-primary-default-low-contrast: hsla(38, 97%, 38%, 1);
340
337
  --colors-feedback-notice-action-icon-primary-default-high-contrast: hsla(32, 100%, 94%, 1);
341
- --colors-feedback-notice-action-icon-primary-hover-low-contrast: hsla(38, 97%, 38%, 1);
338
+ --colors-feedback-notice-action-icon-primary-default-low-contrast: hsla(38, 97%, 38%, 1);
342
339
  --colors-feedback-notice-action-icon-primary-hover-high-contrast: hsla(32, 100%, 94%, 1);
343
- --colors-feedback-notice-action-icon-primary-focus-low-contrast: hsla(38, 97%, 38%, 1);
340
+ --colors-feedback-notice-action-icon-primary-hover-low-contrast: hsla(38, 97%, 38%, 1);
344
341
  --colors-feedback-notice-action-icon-primary-focus-high-contrast: hsla(32, 100%, 94%, 1);
345
- --colors-feedback-notice-action-icon-primary-active-low-contrast: hsla(38, 97%, 38%, 1);
342
+ --colors-feedback-notice-action-icon-primary-focus-low-contrast: hsla(38, 97%, 38%, 1);
346
343
  --colors-feedback-notice-action-icon-primary-active-high-contrast: hsla(32, 100%, 94%, 1);
347
- --colors-feedback-notice-action-icon-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
344
+ --colors-feedback-notice-action-icon-primary-active-low-contrast: hsla(38, 97%, 38%, 1);
348
345
  --colors-feedback-notice-action-icon-primary-disabled-high-contrast: hsla(35, 84%, 54%, 1);
346
+ --colors-feedback-notice-action-icon-primary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
347
+ --colors-feedback-notice-action-icon-secondary-default-low-contrast: hsla(38, 97%, 38%, 1);
348
+ --colors-feedback-notice-action-icon-secondary-hover-low-contrast: hsla(38, 97%, 38%, 1);
349
+ --colors-feedback-notice-action-icon-secondary-focus-low-contrast: hsla(38, 97%, 38%, 1);
350
+ --colors-feedback-notice-action-icon-secondary-active-low-contrast: hsla(38, 97%, 38%, 1);
351
+ --colors-feedback-notice-action-icon-secondary-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
349
352
  --colors-feedback-notice-action-icon-link-default-low-contrast: hsla(38, 97%, 38%, 1);
350
353
  --colors-feedback-notice-action-icon-link-default-high-contrast: hsla(32, 100%, 94%, 1);
351
354
  --colors-feedback-notice-action-icon-link-hover-low-contrast: hsla(36, 100%, 44%, 1);
@@ -356,36 +359,51 @@
356
359
  --colors-feedback-notice-action-icon-link-active-high-contrast: hsla(32, 97%, 86%, 1);
357
360
  --colors-feedback-notice-action-icon-link-disabled-low-contrast: hsla(36, 100%, 44%, 0.32);
358
361
  --colors-feedback-notice-action-icon-link-disabled-high-contrast: hsla(35, 84%, 54%, 1);
359
- --colors-feedback-information-action-background-primary-default-low-contrast: hsla(193, 100%, 35%, 0.09);
360
362
  --colors-feedback-information-action-background-primary-default-high-contrast: hsla(193, 100%, 35%, 1);
361
- --colors-feedback-information-action-background-primary-hover-low-contrast: hsla(193, 100%, 35%, 0.18);
363
+ --colors-feedback-information-action-background-primary-default-low-contrast: hsla(193, 100%, 35%, 0.09);
362
364
  --colors-feedback-information-action-background-primary-hover-high-contrast: hsla(195, 100%, 31%, 1);
363
- --colors-feedback-information-action-background-primary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
365
+ --colors-feedback-information-action-background-primary-hover-low-contrast: hsla(193, 100%, 35%, 0.18);
364
366
  --colors-feedback-information-action-background-primary-focus-high-contrast: hsla(196, 100%, 27%, 1);
365
- --colors-feedback-information-action-background-primary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
367
+ --colors-feedback-information-action-background-primary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
366
368
  --colors-feedback-information-action-background-primary-active-high-contrast: hsla(196, 100%, 27%, 1);
367
- --colors-feedback-information-action-background-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.09);
369
+ --colors-feedback-information-action-background-primary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
368
370
  --colors-feedback-information-action-background-primary-disabled-high-contrast: hsla(193, 100%, 35%, 1);
369
- --colors-feedback-information-action-border-primary-default-low-contrast: hsla(193, 100%, 35%, 0.32);
371
+ --colors-feedback-information-action-background-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.09);
372
+ --colors-feedback-information-action-background-secondary-default-low-contrast: hsla(193, 100%, 35%, 0.09);
373
+ --colors-feedback-information-action-background-secondary-hover-low-contrast: hsla(193, 100%, 35%, 0.18);
374
+ --colors-feedback-information-action-background-secondary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
375
+ --colors-feedback-information-action-background-secondary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
376
+ --colors-feedback-information-action-background-secondary-disabled-low-contrast: hsla(193, 100%, 35%, 0.09);
370
377
  --colors-feedback-information-action-border-primary-default-high-contrast: hsla(180, 100%, 97%, 1);
371
- --colors-feedback-information-action-border-primary-hover-low-contrast: hsla(193, 100%, 35%, 0.32);
378
+ --colors-feedback-information-action-border-primary-default-low-contrast: hsla(193, 100%, 35%, 0.32);
372
379
  --colors-feedback-information-action-border-primary-hover-high-contrast: hsla(180, 100%, 97%, 1);
373
- --colors-feedback-information-action-border-primary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
380
+ --colors-feedback-information-action-border-primary-hover-low-contrast: hsla(193, 100%, 35%, 0.32);
374
381
  --colors-feedback-information-action-border-primary-focus-high-contrast: hsla(180, 100%, 97%, 1);
375
- --colors-feedback-information-action-border-primary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
382
+ --colors-feedback-information-action-border-primary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
376
383
  --colors-feedback-information-action-border-primary-active-high-contrast: hsla(180, 100%, 97%, 1);
377
- --colors-feedback-information-action-border-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
384
+ --colors-feedback-information-action-border-primary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
378
385
  --colors-feedback-information-action-border-primary-disabled-high-contrast: hsla(187, 68%, 52%, 1);
379
- --colors-feedback-information-action-text-primary-default-low-contrast: hsla(195, 100%, 31%, 1);
386
+ --colors-feedback-information-action-border-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
387
+ --colors-feedback-information-action-border-secondary-default-low-contrast: hsla(193, 100%, 35%, 0.32);
388
+ --colors-feedback-information-action-border-secondary-hover-low-contrast: hsla(193, 100%, 35%, 0.32);
389
+ --colors-feedback-information-action-border-secondary-focus-low-contrast: hsla(193, 100%, 35%, 0.32);
390
+ --colors-feedback-information-action-border-secondary-active-low-contrast: hsla(193, 100%, 35%, 0.32);
391
+ --colors-feedback-information-action-border-secondary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
380
392
  --colors-feedback-information-action-text-primary-default-high-contrast: hsla(180, 100%, 97%, 1);
381
- --colors-feedback-information-action-text-primary-hover-low-contrast: hsla(195, 100%, 31%, 1);
393
+ --colors-feedback-information-action-text-primary-default-low-contrast: hsla(195, 100%, 31%, 1);
382
394
  --colors-feedback-information-action-text-primary-hover-high-contrast: hsla(180, 100%, 97%, 1);
383
- --colors-feedback-information-action-text-primary-focus-low-contrast: hsla(195, 100%, 31%, 1);
395
+ --colors-feedback-information-action-text-primary-hover-low-contrast: hsla(195, 100%, 31%, 1);
384
396
  --colors-feedback-information-action-text-primary-focus-high-contrast: hsla(180, 100%, 97%, 1);
385
- --colors-feedback-information-action-text-primary-active-low-contrast: hsla(195, 100%, 31%, 1);
397
+ --colors-feedback-information-action-text-primary-focus-low-contrast: hsla(195, 100%, 31%, 1);
386
398
  --colors-feedback-information-action-text-primary-active-high-contrast: hsla(180, 100%, 97%, 1);
387
- --colors-feedback-information-action-text-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
399
+ --colors-feedback-information-action-text-primary-active-low-contrast: hsla(195, 100%, 31%, 1);
388
400
  --colors-feedback-information-action-text-primary-disabled-high-contrast: hsla(187, 68%, 52%, 1);
401
+ --colors-feedback-information-action-text-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
402
+ --colors-feedback-information-action-text-secondary-default-low-contrast: hsla(195, 100%, 31%, 1);
403
+ --colors-feedback-information-action-text-secondary-hover-low-contrast: hsla(195, 100%, 31%, 1);
404
+ --colors-feedback-information-action-text-secondary-focus-low-contrast: hsla(195, 100%, 31%, 1);
405
+ --colors-feedback-information-action-text-secondary-active-low-contrast: hsla(195, 100%, 31%, 1);
406
+ --colors-feedback-information-action-text-secondary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
389
407
  --colors-feedback-information-action-text-link-default-low-contrast: hsla(195, 100%, 31%, 1);
390
408
  --colors-feedback-information-action-text-link-default-high-contrast: hsla(180, 100%, 97%, 1);
391
409
  --colors-feedback-information-action-text-link-hover-low-contrast: hsla(193, 100%, 35%, 1);
@@ -396,16 +414,21 @@
396
414
  --colors-feedback-information-action-text-link-active-high-contrast: hsla(181, 75%, 85%, 1);
397
415
  --colors-feedback-information-action-text-link-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
398
416
  --colors-feedback-information-action-text-link-disabled-high-contrast: hsla(187, 68%, 52%, 1);
399
- --colors-feedback-information-action-icon-primary-default-low-contrast: hsla(195, 100%, 31%, 1);
400
417
  --colors-feedback-information-action-icon-primary-default-high-contrast: hsla(180, 100%, 97%, 1);
401
- --colors-feedback-information-action-icon-primary-hover-low-contrast: hsla(195, 100%, 31%, 1);
418
+ --colors-feedback-information-action-icon-primary-default-low-contrast: hsla(195, 100%, 31%, 1);
402
419
  --colors-feedback-information-action-icon-primary-hover-high-contrast: hsla(180, 100%, 97%, 1);
403
- --colors-feedback-information-action-icon-primary-focus-low-contrast: hsla(195, 100%, 31%, 1);
420
+ --colors-feedback-information-action-icon-primary-hover-low-contrast: hsla(195, 100%, 31%, 1);
404
421
  --colors-feedback-information-action-icon-primary-focus-high-contrast: hsla(180, 100%, 97%, 1);
405
- --colors-feedback-information-action-icon-primary-active-low-contrast: hsla(195, 100%, 31%, 1);
422
+ --colors-feedback-information-action-icon-primary-focus-low-contrast: hsla(195, 100%, 31%, 1);
406
423
  --colors-feedback-information-action-icon-primary-active-high-contrast: hsla(180, 100%, 97%, 1);
407
- --colors-feedback-information-action-icon-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
424
+ --colors-feedback-information-action-icon-primary-active-low-contrast: hsla(195, 100%, 31%, 1);
408
425
  --colors-feedback-information-action-icon-primary-disabled-high-contrast: hsla(187, 68%, 52%, 1);
426
+ --colors-feedback-information-action-icon-primary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
427
+ --colors-feedback-information-action-icon-secondary-default-low-contrast: hsla(195, 100%, 31%, 1);
428
+ --colors-feedback-information-action-icon-secondary-hover-low-contrast: hsla(195, 100%, 31%, 1);
429
+ --colors-feedback-information-action-icon-secondary-focus-low-contrast: hsla(195, 100%, 31%, 1);
430
+ --colors-feedback-information-action-icon-secondary-active-low-contrast: hsla(195, 100%, 31%, 1);
431
+ --colors-feedback-information-action-icon-secondary-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
409
432
  --colors-feedback-information-action-icon-link-default-low-contrast: hsla(195, 100%, 31%, 1);
410
433
  --colors-feedback-information-action-icon-link-default-high-contrast: hsla(180, 100%, 97%, 1);
411
434
  --colors-feedback-information-action-icon-link-hover-low-contrast: hsla(193, 100%, 35%, 1);
@@ -416,6 +439,86 @@
416
439
  --colors-feedback-information-action-icon-link-active-high-contrast: hsla(181, 75%, 85%, 1);
417
440
  --colors-feedback-information-action-icon-link-disabled-low-contrast: hsla(193, 100%, 35%, 0.32);
418
441
  --colors-feedback-information-action-icon-link-disabled-high-contrast: hsla(187, 68%, 52%, 1);
442
+ --colors-feedback-neutral-action-background-primary-default-high-contrast: hsla(216, 33%, 29%, 1);
443
+ --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(216, 15%, 54%, 0.09);
444
+ --colors-feedback-neutral-action-background-primary-hover-high-contrast: hsla(216, 44%, 23%, 1);
445
+ --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(216, 15%, 54%, 0.18);
446
+ --colors-feedback-neutral-action-background-primary-focus-high-contrast: hsla(217, 56%, 17%, 1);
447
+ --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
448
+ --colors-feedback-neutral-action-background-primary-active-high-contrast: hsla(217, 56%, 17%, 1);
449
+ --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
450
+ --colors-feedback-neutral-action-background-primary-disabled-high-contrast: hsla(216, 33%, 29%, 1);
451
+ --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.09);
452
+ --colors-feedback-neutral-action-background-secondary-default-low-contrast: hsla(216, 15%, 54%, 0.09);
453
+ --colors-feedback-neutral-action-background-secondary-hover-low-contrast: hsla(216, 15%, 54%, 0.18);
454
+ --colors-feedback-neutral-action-background-secondary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
455
+ --colors-feedback-neutral-action-background-secondary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
456
+ --colors-feedback-neutral-action-background-secondary-disabled-low-contrast: hsla(216, 15%, 54%, 0.09);
457
+ --colors-feedback-neutral-action-border-primary-default-high-contrast: hsla(214, 18%, 69%, 1);
458
+ --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(216, 15%, 54%, 0.32);
459
+ --colors-feedback-neutral-action-border-primary-hover-high-contrast: hsla(214, 18%, 69%, 1);
460
+ --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(216, 15%, 54%, 0.32);
461
+ --colors-feedback-neutral-action-border-primary-focus-high-contrast: hsla(214, 18%, 69%, 1);
462
+ --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
463
+ --colors-feedback-neutral-action-border-primary-active-high-contrast: hsla(214, 18%, 69%, 1);
464
+ --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
465
+ --colors-feedback-neutral-action-border-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
466
+ --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
467
+ --colors-feedback-neutral-action-border-secondary-default-low-contrast: hsla(216, 15%, 54%, 0.32);
468
+ --colors-feedback-neutral-action-border-secondary-hover-low-contrast: hsla(216, 15%, 54%, 0.32);
469
+ --colors-feedback-neutral-action-border-secondary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
470
+ --colors-feedback-neutral-action-border-secondary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
471
+ --colors-feedback-neutral-action-border-secondary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
472
+ --colors-feedback-neutral-action-text-primary-default-high-contrast: hsla(220, 27%, 98%, 1);
473
+ --colors-feedback-neutral-action-text-primary-default-low-contrast: hsla(216, 27%, 36%, 1);
474
+ --colors-feedback-neutral-action-text-primary-hover-high-contrast: hsla(220, 27%, 98%, 1);
475
+ --colors-feedback-neutral-action-text-primary-hover-low-contrast: hsla(216, 27%, 36%, 1);
476
+ --colors-feedback-neutral-action-text-primary-focus-high-contrast: hsla(220, 27%, 98%, 1);
477
+ --colors-feedback-neutral-action-text-primary-focus-low-contrast: hsla(216, 27%, 36%, 1);
478
+ --colors-feedback-neutral-action-text-primary-active-high-contrast: hsla(220, 27%, 98%, 1);
479
+ --colors-feedback-neutral-action-text-primary-active-low-contrast: hsla(216, 27%, 36%, 1);
480
+ --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
481
+ --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
482
+ --colors-feedback-neutral-action-text-secondary-default-low-contrast: hsla(216, 27%, 36%, 1);
483
+ --colors-feedback-neutral-action-text-secondary-hover-low-contrast: hsla(216, 27%, 36%, 1);
484
+ --colors-feedback-neutral-action-text-secondary-focus-low-contrast: hsla(216, 27%, 36%, 1);
485
+ --colors-feedback-neutral-action-text-secondary-active-low-contrast: hsla(216, 27%, 36%, 1);
486
+ --colors-feedback-neutral-action-text-secondary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
487
+ --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(216, 27%, 36%, 1);
488
+ --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(220, 27%, 98%, 1);
489
+ --colors-feedback-neutral-action-text-link-hover-low-contrast: hsla(217, 18%, 45%, 1);
490
+ --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(214, 21%, 94%, 1);
491
+ --colors-feedback-neutral-action-text-link-focus-low-contrast: hsla(216, 33%, 29%, 1);
492
+ --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(218, 19%, 81%, 1);
493
+ --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(216, 33%, 29%, 1);
494
+ --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(218, 19%, 81%, 1);
495
+ --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
496
+ --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(216, 15%, 54%, 1);
497
+ --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(220, 27%, 98%, 1);
498
+ --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(216, 27%, 36%, 1);
499
+ --colors-feedback-neutral-action-icon-primary-hover-high-contrast: hsla(220, 27%, 98%, 1);
500
+ --colors-feedback-neutral-action-icon-primary-hover-low-contrast: hsla(216, 27%, 36%, 1);
501
+ --colors-feedback-neutral-action-icon-primary-focus-high-contrast: hsla(220, 27%, 98%, 1);
502
+ --colors-feedback-neutral-action-icon-primary-focus-low-contrast: hsla(216, 27%, 36%, 1);
503
+ --colors-feedback-neutral-action-icon-primary-active-high-contrast: hsla(220, 27%, 98%, 1);
504
+ --colors-feedback-neutral-action-icon-primary-active-low-contrast: hsla(216, 27%, 36%, 1);
505
+ --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
506
+ --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
507
+ --colors-feedback-neutral-action-icon-secondary-default-low-contrast: hsla(216, 27%, 36%, 1);
508
+ --colors-feedback-neutral-action-icon-secondary-hover-low-contrast: hsla(216, 27%, 36%, 1);
509
+ --colors-feedback-neutral-action-icon-secondary-focus-low-contrast: hsla(216, 27%, 36%, 1);
510
+ --colors-feedback-neutral-action-icon-secondary-active-low-contrast: hsla(216, 27%, 36%, 1);
511
+ --colors-feedback-neutral-action-icon-secondary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
512
+ --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(216, 27%, 36%, 1);
513
+ --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(220, 27%, 98%, 1);
514
+ --colors-feedback-neutral-action-icon-link-hover-low-contrast: hsla(217, 18%, 45%, 1);
515
+ --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(214, 21%, 94%, 1);
516
+ --colors-feedback-neutral-action-icon-link-focus-low-contrast: hsla(216, 33%, 29%, 1);
517
+ --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(218, 19%, 81%, 1);
518
+ --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(216, 33%, 29%, 1);
519
+ --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(218, 19%, 81%, 1);
520
+ --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
521
+ --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(216, 15%, 54%, 1);
419
522
  --colors-action-background-primary-default: hsla(218, 89%, 51%, 1);
420
523
  --colors-action-background-primary-hover: hsla(223, 95%, 48%, 1);
421
524
  --colors-action-background-primary-focus: hsla(227, 100%, 45%, 1);
@@ -426,11 +529,11 @@
426
529
  --colors-action-background-secondary-focus: hsla(218, 89%, 51%, 0.18);
427
530
  --colors-action-background-secondary-active: hsla(218, 89%, 51%, 0.32);
428
531
  --colors-action-background-secondary-disabled: hsla(216, 44%, 23%, 0);
429
- --colors-action-background-tertiary-default: hsla(0, 0%, 100%, 1);
430
- --colors-action-background-tertiary-hover: hsla(220, 27%, 98%, 1);
431
- --colors-action-background-tertiary-focus: hsla(220, 30%, 96%, 1);
432
- --colors-action-background-tertiary-active: hsla(214, 21%, 94%, 1);
433
- --colors-action-background-tertiary-disabled: hsla(0, 0%, 100%, 1);
532
+ --colors-action-background-tertiary-default: hsla(216, 15%, 54%, 0.09);
533
+ --colors-action-background-tertiary-hover: hsla(216, 15%, 54%, 0.18);
534
+ --colors-action-background-tertiary-focus: hsla(216, 15%, 54%, 0.32);
535
+ --colors-action-background-tertiary-active: hsla(216, 15%, 54%, 0.32);
536
+ --colors-action-background-tertiary-disabled: hsla(216, 15%, 54%, 0.09);
434
537
  --colors-action-border-primary-default: hsla(218, 89%, 51%, 1);
435
538
  --colors-action-border-primary-hover: hsla(223, 95%, 48%, 1);
436
539
  --colors-action-border-primary-focus: hsla(227, 100%, 45%, 1);
@@ -441,7 +544,7 @@
441
544
  --colors-action-border-secondary-focus: hsla(218, 89%, 51%, 1);
442
545
  --colors-action-border-secondary-active: hsla(218, 89%, 51%, 1);
443
546
  --colors-action-border-secondary-disabled: hsla(218, 19%, 81%, 1);
444
- --colors-action-border-tertiary-default: hsla(216, 19%, 89%, 1);
547
+ --colors-action-border-tertiary-default: hsla(216, 44%, 23%, 0);
445
548
  --colors-action-border-tertiary-hover: hsla(216, 19%, 89%, 1);
446
549
  --colors-action-border-tertiary-focus: hsla(216, 19%, 89%, 1);
447
550
  --colors-action-border-tertiary-active: hsla(216, 19%, 89%, 1);
@@ -488,6 +591,79 @@
488
591
  --colors-action-icon-link-active: hsla(227, 100%, 45%, 1);
489
592
  --colors-action-icon-link-disabled: hsla(218, 19%, 81%, 1);
490
593
  --colors-action-icon-link-visited: hsla(268, 100%, 79%, 1);
594
+ --colors-static-white: hsla(0, 0%, 100%, 1);
595
+ --colors-white-action-background-primary-default: hsla(0, 0%, 100%, 1);
596
+ --colors-white-action-background-primary-hover: hsla(216, 6%, 94%, 1);
597
+ --colors-white-action-background-primary-focus: hsla(216, 4%, 89%, 1);
598
+ --colors-white-action-background-primary-active: hsla(216, 4%, 89%, 1);
599
+ --colors-white-action-background-primary-disabled: hsla(210, 6%, 94%, 0.18);
600
+ --colors-white-action-background-secondary-default: hsla(214, 15%, 18%, 0);
601
+ --colors-white-action-background-secondary-hover: hsla(210, 6%, 94%, 0.18);
602
+ --colors-white-action-background-secondary-focus: hsla(210, 6%, 94%, 0.32);
603
+ --colors-white-action-background-secondary-active: hsla(210, 6%, 94%, 0.32);
604
+ --colors-white-action-background-secondary-disabled: hsla(214, 15%, 18%, 0);
605
+ --colors-white-action-background-tertiary-default: hsla(210, 6%, 94%, 0.09);
606
+ --colors-white-action-background-tertiary-hover: hsla(210, 6%, 94%, 0.18);
607
+ --colors-white-action-background-tertiary-focus: hsla(210, 6%, 94%, 0.32);
608
+ --colors-white-action-background-tertiary-active: hsla(210, 6%, 94%, 0.32);
609
+ --colors-white-action-background-tertiary-disabled: hsla(210, 6%, 94%, 0.09);
610
+ --colors-white-action-border-primary-default: hsla(0, 0%, 100%, 1);
611
+ --colors-white-action-border-primary-hover: hsla(216, 6%, 94%, 1);
612
+ --colors-white-action-border-primary-focus: hsla(216, 4%, 89%, 1);
613
+ --colors-white-action-border-primary-active: hsla(216, 4%, 89%, 1);
614
+ --colors-white-action-border-primary-disabled: hsla(210, 6%, 94%, 0.18);
615
+ --colors-white-action-border-secondary-default: hsla(0, 0%, 100%, 1);
616
+ --colors-white-action-border-secondary-hover: hsla(0, 0%, 100%, 1);
617
+ --colors-white-action-border-secondary-focus: hsla(0, 0%, 100%, 1);
618
+ --colors-white-action-border-secondary-active: hsla(0, 0%, 100%, 1);
619
+ --colors-white-action-border-secondary-disabled: hsla(210, 6%, 94%, 0.32);
620
+ --colors-white-action-border-tertiary-default: hsla(214, 15%, 18%, 0);
621
+ --colors-white-action-border-tertiary-hover: hsla(214, 15%, 18%, 0);
622
+ --colors-white-action-border-tertiary-focus: hsla(214, 15%, 18%, 0);
623
+ --colors-white-action-border-tertiary-active: hsla(214, 15%, 18%, 0);
624
+ --colors-white-action-border-tertiary-disabled: hsla(214, 15%, 18%, 0);
625
+ --colors-white-action-text-primary-default: hsla(218, 89%, 51%, 1);
626
+ --colors-white-action-text-primary-hover: hsla(218, 89%, 51%, 1);
627
+ --colors-white-action-text-primary-focus: hsla(218, 89%, 51%, 1);
628
+ --colors-white-action-text-primary-active: hsla(218, 89%, 51%, 1);
629
+ --colors-white-action-text-primary-disabled: hsla(210, 6%, 94%, 0.32);
630
+ --colors-white-action-text-secondary-default: hsla(0, 0%, 100%, 1);
631
+ --colors-white-action-text-secondary-hover: hsla(0, 0%, 100%, 1);
632
+ --colors-white-action-text-secondary-focus: hsla(0, 0%, 100%, 1);
633
+ --colors-white-action-text-secondary-active: hsla(0, 0%, 100%, 1);
634
+ --colors-white-action-text-secondary-disabled: hsla(210, 6%, 94%, 0.32);
635
+ --colors-white-action-text-tertiary-default: hsla(0, 0%, 100%, 1);
636
+ --colors-white-action-text-tertiary-hover: hsla(0, 0%, 100%, 1);
637
+ --colors-white-action-text-tertiary-focus: hsla(0, 0%, 100%, 1);
638
+ --colors-white-action-text-tertiary-active: hsla(0, 0%, 100%, 1);
639
+ --colors-white-action-text-tertiary-disabled: hsla(210, 6%, 94%, 0.32);
640
+ --colors-white-action-text-link-default: hsla(0, 0%, 100%, 1);
641
+ --colors-white-action-text-link-hover: hsla(216, 4%, 89%, 1);
642
+ --colors-white-action-text-link-focus: hsla(214, 7%, 81%, 1);
643
+ --colors-white-action-text-link-active: hsla(214, 7%, 81%, 1);
644
+ --colors-white-action-text-link-disabled: hsla(210, 6%, 94%, 0.32);
645
+ --colors-white-action-text-link-visited: hsla(268, 100%, 79%, 1);
646
+ --colors-white-action-icon-primary-default: hsla(218, 89%, 51%, 1);
647
+ --colors-white-action-icon-primary-hover: hsla(218, 89%, 51%, 1);
648
+ --colors-white-action-icon-primary-focus: hsla(218, 89%, 51%, 1);
649
+ --colors-white-action-icon-primary-active: hsla(218, 89%, 51%, 1);
650
+ --colors-white-action-icon-primary-disabled: hsla(210, 6%, 94%, 0.32);
651
+ --colors-white-action-icon-secondary-default: hsla(0, 0%, 100%, 1);
652
+ --colors-white-action-icon-secondary-hover: hsla(0, 0%, 100%, 1);
653
+ --colors-white-action-icon-secondary-focus: hsla(0, 0%, 100%, 1);
654
+ --colors-white-action-icon-secondary-active: hsla(0, 0%, 100%, 1);
655
+ --colors-white-action-icon-secondary-disabled: hsla(210, 6%, 94%, 0.32);
656
+ --colors-white-action-icon-tertiary-default: hsla(0, 0%, 100%, 1);
657
+ --colors-white-action-icon-tertiary-hover: hsla(0, 0%, 100%, 1);
658
+ --colors-white-action-icon-tertiary-focus: hsla(0, 0%, 100%, 1);
659
+ --colors-white-action-icon-tertiary-active: hsla(0, 0%, 100%, 1);
660
+ --colors-white-action-icon-tertiary-disabled: hsla(210, 6%, 94%, 0.32);
661
+ --colors-white-action-icon-link-default: hsla(0, 0%, 100%, 1);
662
+ --colors-white-action-icon-link-hover: hsla(216, 4%, 89%, 1);
663
+ --colors-white-action-icon-link-focus: hsla(214, 7%, 81%, 1);
664
+ --colors-white-action-icon-link-active: hsla(214, 7%, 81%, 1);
665
+ --colors-white-action-icon-link-disabled: hsla(210, 6%, 94%, 0.32);
666
+ --colors-white-action-icon-link-visited: hsla(268, 100%, 79%, 1);
491
667
  --colors-badge-background-blue-low-contrast: hsla(218, 89%, 51%, 0.09);
492
668
  --colors-badge-background-blue-high-contrast: hsla(218, 89%, 51%, 1);
493
669
  --colors-badge-border-blue-low-contrast: hsla(218, 89%, 51%, 0.32);