@aws-amplify/ui 3.6.0 → 3.6.3

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 (62) hide show
  1. package/dist/esm/index.js +1 -1
  2. package/dist/esm/machines/authenticator/actors/signIn.js +1 -1
  3. package/dist/esm/machines/authenticator/index.js +1 -1
  4. package/dist/esm/theme/createTheme.js +1 -1
  5. package/dist/esm/theme/{baseTheme.js → defaultTheme.js} +1 -1
  6. package/dist/esm/theme/tokens/components/button.js +1 -1
  7. package/dist/esm/theme/tokens/components/copy.js +1 -1
  8. package/dist/esm/theme/tokens/components/countryCodeSelect.js +1 -1
  9. package/dist/esm/theme/tokens/components/fieldControl.js +1 -1
  10. package/dist/esm/theme/tokens/components/fieldGroup.js +1 -1
  11. package/dist/esm/theme/tokens/components/index.js +1 -1
  12. package/dist/esm/theme/tokens/components/menu.js +1 -1
  13. package/dist/index.js +2 -2
  14. package/dist/styles.css +487 -487
  15. package/dist/theme.css +487 -487
  16. package/dist/types/theme/defaultTheme.d.ts +2 -0
  17. package/dist/types/theme/index.d.ts +2 -3
  18. package/dist/types/theme/tokens/components/alert.d.ts +28 -65
  19. package/dist/types/theme/tokens/components/authenticator.d.ts +47 -71
  20. package/dist/types/theme/tokens/components/badge.d.ts +29 -83
  21. package/dist/types/theme/tokens/components/button.d.ts +81 -326
  22. package/dist/types/theme/tokens/components/card.d.ts +15 -62
  23. package/dist/types/theme/tokens/components/checkbox.d.ts +75 -140
  24. package/dist/types/theme/tokens/components/checkboxField.d.ts +8 -14
  25. package/dist/types/theme/tokens/components/copy.d.ts +20 -26
  26. package/dist/types/theme/tokens/components/countryCodeSelect.d.ts +5 -5
  27. package/dist/types/theme/tokens/components/divider.d.ts +21 -38
  28. package/dist/types/theme/tokens/components/expander.d.ts +69 -135
  29. package/dist/types/theme/tokens/components/field.d.ts +17 -29
  30. package/dist/types/theme/tokens/components/fieldControl.d.ts +72 -174
  31. package/dist/types/theme/tokens/components/fieldGroup.d.ts +14 -15
  32. package/dist/types/theme/tokens/components/fieldMessages.d.ts +16 -21
  33. package/dist/types/theme/tokens/components/flex.d.ts +9 -17
  34. package/dist/types/theme/tokens/components/heading.d.ts +17 -56
  35. package/dist/types/theme/tokens/components/icon.d.ts +6 -8
  36. package/dist/types/theme/tokens/components/image.d.ts +8 -14
  37. package/dist/types/theme/tokens/components/index.d.ts +75 -2493
  38. package/dist/types/theme/tokens/components/link.d.ts +18 -35
  39. package/dist/types/theme/tokens/components/loader.d.ts +40 -92
  40. package/dist/types/theme/tokens/components/menu.d.ts +27 -59
  41. package/dist/types/theme/tokens/components/pagination.d.ts +48 -82
  42. package/dist/types/theme/tokens/components/placeholder.d.ts +15 -29
  43. package/dist/types/theme/tokens/components/radio.d.ts +72 -131
  44. package/dist/types/theme/tokens/components/rating.d.ts +19 -27
  45. package/dist/types/theme/tokens/components/select.d.ts +33 -60
  46. package/dist/types/theme/tokens/components/selectField.d.ts +5 -5
  47. package/dist/types/theme/tokens/components/sliderField.d.ts +61 -118
  48. package/dist/types/theme/tokens/components/stepperField.d.ts +10 -10
  49. package/dist/types/theme/tokens/components/switchField.d.ts +53 -78
  50. package/dist/types/theme/tokens/components/table.d.ts +61 -197
  51. package/dist/types/theme/tokens/components/tabs.d.ts +44 -84
  52. package/dist/types/theme/tokens/components/text.d.ts +16 -40
  53. package/dist/types/theme/tokens/components/toggleButton.d.ts +103 -154
  54. package/dist/types/theme/tokens/components/toggleButtonGroup.d.ts +7 -11
  55. package/dist/types/theme/tokens/index.d.ts +2 -1
  56. package/dist/types/theme/tokens/types/designToken.d.ts +41 -5
  57. package/dist/types/types/authenticator/stateMachine/context.d.ts +1 -0
  58. package/package.json +2 -2
  59. package/dist/esm/theme/index.js +0 -1
  60. package/dist/esm/theme/tokens/components/phoneNumberField.js +0 -1
  61. package/dist/types/theme/baseTheme.d.ts +0 -2
  62. package/dist/types/theme/tokens/components/phoneNumberField.d.ts +0 -1
package/dist/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Apr 2022 19:06:35 GMT
3
+ * Generated on Wed, 13 Apr 2022 22:17:55 GMT
4
4
  */
5
5
 
6
6
  :root, [data-amplify-theme] {
@@ -30,9 +30,6 @@
30
30
  --amplify-space-xxs: 0.375rem;
31
31
  --amplify-space-xxxs: 0.25rem;
32
32
  --amplify-space-zero: 0;
33
- --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
34
- --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
35
- --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
36
33
  --amplify-radii-xxxl: 8rem;
37
34
  --amplify-radii-xxl: 4rem;
38
35
  --amplify-radii-xl: 2rem;
@@ -99,47 +96,6 @@
99
96
  --amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, 0.05);
100
97
  --amplify-colors-shadow-secondary: hsla(210, 50%, 10%, 0.15);
101
98
  --amplify-colors-shadow-primary: hsla(210, 50%, 10%, 0.25);
102
- --amplify-colors-border-error: var(--amplify-colors-red-80);
103
- --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100);
104
- --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
105
- --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
106
- --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
107
- --amplify-colors-border-primary: var(--amplify-colors-neutral-60);
108
- --amplify-colors-background-success: var(--amplify-colors-green-20);
109
- --amplify-colors-background-error: var(--amplify-colors-red-20);
110
- --amplify-colors-background-warning: var(--amplify-colors-orange-20);
111
- --amplify-colors-background-info: var(--amplify-colors-blue-20);
112
- --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);
113
- --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
114
- --amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
115
- --amplify-colors-background-primary: var(--amplify-colors-white);
116
- --amplify-colors-font-success: var(--amplify-colors-green-90);
117
- --amplify-colors-font-error: var(--amplify-colors-red-90);
118
- --amplify-colors-font-warning: var(--amplify-colors-orange-90);
119
- --amplify-colors-font-info: var(--amplify-colors-blue-90);
120
- --amplify-colors-font-active: var(--amplify-colors-brand-primary-100);
121
- --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
122
- --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
123
- --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
124
- --amplify-colors-font-inverse: var(--amplify-colors-white);
125
- --amplify-colors-font-disabled: var(--amplify-colors-font-tertiary);
126
- --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
127
- --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
128
- --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
129
- --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100);
130
- --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90);
131
- --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80);
132
- --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60);
133
- --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40);
134
- --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20);
135
- --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10);
136
- --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100);
137
- --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90);
138
- --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80);
139
- --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60);
140
- --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40);
141
- --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20);
142
- --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10);
143
99
  --amplify-colors-neutral-100: hsl(210, 50%, 10%);
144
100
  --amplify-colors-neutral-90: hsl(210, 25%, 25%);
145
101
  --amplify-colors-neutral-80: hsl(210, 10%, 40%);
@@ -209,112 +165,24 @@
209
165
  --amplify-components-togglebuttongroup-justify-content: flex-start;
210
166
  --amplify-components-togglebuttongroup-align-content: center;
211
167
  --amplify-components-togglebuttongroup-align-items: center;
212
- --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);
213
- --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);
214
- --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);
215
- --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
216
- --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);
217
- --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);
218
- --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);
219
- --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
220
- --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
221
- --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
222
- --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
223
- --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
224
- --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
225
- --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-white);
226
- --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
227
- --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
228
- --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
229
- --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-tertiary);
230
- --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-overlay-50);
231
- --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
232
- --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-overlay-50);
233
- --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
234
- --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
235
- --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
236
- --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
237
- --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
238
- --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
239
- --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
240
- --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
241
- --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
242
- --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-secondary);
243
- --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
244
- --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);
245
- --amplify-components-togglebutton-focus-color: var(--amplify-colors-overlay-50);
246
- --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
247
- --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);
248
- --amplify-components-togglebutton-color: var(--amplify-colors-overlay-50);
249
- --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
250
- --amplify-components-text-info-color: var(--amplify-colors-font-info);
251
- --amplify-components-text-success-color: var(--amplify-colors-font-success);
252
- --amplify-components-text-warning-color: var(--amplify-colors-font-warning);
253
- --amplify-components-text-error-color: var(--amplify-colors-font-error);
254
- --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);
255
- --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
256
- --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
257
- --amplify-components-text-color: var(--amplify-colors-font-primary);
258
- --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
259
168
  --amplify-components-tabs-item-disabled-background-color: transparent;
260
- --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
261
169
  --amplify-components-tabs-item-active-background-color: transparent;
262
- --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
263
- --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
264
- --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
265
- --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
266
- --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
267
170
  --amplify-components-tabs-item-text-align: center;
268
- --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
269
- --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);
270
- --amplify-components-tabs-item-font-weight: var(--amplify-font-weights-bold);
271
- --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);
272
- --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
273
- --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);
274
171
  --amplify-components-tabs-item-border-style: solid;
275
- --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
276
172
  --amplify-components-tabs-item-background-color: transparent;
277
173
  --amplify-components-tabs-gap: 0;
278
- --amplify-components-tabs-border-width: var(--amplify-border-widths-medium);
279
174
  --amplify-components-tabs-border-style: solid;
280
- --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
281
175
  --amplify-components-tabs-background-color: transparent;
282
- --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);
283
- --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);
284
176
  --amplify-components-table-caption-word-break: break-all;
285
177
  --amplify-components-table-caption-text-align: center;
286
- --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);
287
178
  --amplify-components-table-caption-display: table-caption;
288
- --amplify-components-table-caption-color: var(--amplify-colors-font-primary);
289
179
  --amplify-components-table-caption-caption-side: bottom;
290
- --amplify-components-table-data-small-padding: var(--amplify-space-xs);
291
- --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);
292
- --amplify-components-table-data-large-padding: var(--amplify-space-large);
293
- --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);
294
180
  --amplify-components-table-data-vertical-align: middle;
295
- --amplify-components-table-data-padding: var(--amplify-space-medium);
296
- --amplify-components-table-data-font-weight: var(--amplify-font-weights-normal);
297
- --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);
298
181
  --amplify-components-table-data-display: table-cell;
299
- --amplify-components-table-data-color: var(--amplify-colors-font-primary);
300
- --amplify-components-table-data-border-width: var(--amplify-border-widths-small);
301
182
  --amplify-components-table-data-border-style: solid;
302
- --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);
303
- --amplify-components-table-header-small-padding: var(--amplify-space-xs);
304
- --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);
305
- --amplify-components-table-header-large-padding: var(--amplify-space-large);
306
- --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);
307
183
  --amplify-components-table-header-vertical-align: middle;
308
- --amplify-components-table-header-padding: var(--amplify-space-medium);
309
- --amplify-components-table-header-font-weight: var(--amplify-font-weights-bold);
310
- --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);
311
184
  --amplify-components-table-header-display: table-cell;
312
- --amplify-components-table-header-color: var(--amplify-colors-font-primary);
313
- --amplify-components-table-header-border-width: var(--amplify-border-widths-small);
314
185
  --amplify-components-table-header-border-style: solid;
315
- --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
316
- --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
317
- --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
318
186
  --amplify-components-table-row-vertical-align: middle;
319
187
  --amplify-components-table-row-display: table-row;
320
188
  --amplify-components-table-foot-vertical-align: middle;
@@ -326,24 +194,6 @@
326
194
  --amplify-components-table-width: 100%;
327
195
  --amplify-components-table-display: table;
328
196
  --amplify-components-table-border-collapse: collapse;
329
- --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);
330
- --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
331
- --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
332
- --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
333
- --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-60);
334
- --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
335
- --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-tertiary);
336
- --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
337
- --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
338
- --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
339
- --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
340
- --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
341
- --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
342
- --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
343
- --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
344
- --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
345
- --amplify-components-switchfield-focused-shadow: var(--amplify-shadows-small);
346
- --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
347
197
  --amplify-components-stepperfield-input-text-align: center;
348
198
  --amplify-components-stepperfield-flex-direction: column;
349
199
  --amplify-components-sliderfield-large-thumb-height: 1.5rem;
@@ -352,37 +202,23 @@
352
202
  --amplify-components-sliderfield-small-thumb-height: 1rem;
353
203
  --amplify-components-sliderfield-small-thumb-width: 1rem;
354
204
  --amplify-components-sliderfield-small-track-height: 0.25rem;
355
- --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 3px var(--amplify-colors-border-focus);
356
- --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
357
- --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
358
205
  --amplify-components-sliderfield-thumb-disabled-box-shadow: none;
359
206
  --amplify-components-sliderfield-thumb-disabled-border-color: transparent;
360
- --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
361
207
  --amplify-components-sliderfield-thumb-border-style: solid;
362
- --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
363
- --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-small);
364
208
  --amplify-components-sliderfield-thumb-border-radius: 50%;
365
- --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
366
- --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
367
209
  --amplify-components-sliderfield-thumb-height: 1.25rem;
368
210
  --amplify-components-sliderfield-thumb-width: 1.25rem;
369
- --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
370
211
  --amplify-components-sliderfield-range-border-radius: 9999px;
371
- --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
372
212
  --amplify-components-sliderfield-track-min-width: 10rem;
373
213
  --amplify-components-sliderfield-track-height: 0.375rem;
374
214
  --amplify-components-sliderfield-track-border-radius: 9999px;
375
- --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-tertiary);
376
- --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
377
215
  --amplify-components-selectfield-flex-direction: column;
378
216
  --amplify-components-select-large-min-width: 7.5rem;
379
217
  --amplify-components-select-small-min-width: 5.5rem;
380
218
  --amplify-components-select-min-width: 6.5rem;
381
219
  --amplify-components-select-white-space: nowrap;
382
- --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
383
220
  --amplify-components-select-icon-wrapper-pointer-events: none;
384
221
  --amplify-components-select-icon-wrapper-transform: translateY(-50%);
385
- --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
386
222
  --amplify-components-select-icon-wrapper-top: 50%;
387
223
  --amplify-components-select-icon-wrapper-position: absolute;
388
224
  --amplify-components-select-icon-wrapper-align-items: center;
@@ -390,416 +226,540 @@
390
226
  --amplify-components-select-wrapper-position: relative;
391
227
  --amplify-components-select-wrapper-display: block;
392
228
  --amplify-components-select-wrapper-flex: 1;
393
- --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
394
- --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
395
- --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
396
- --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
397
- --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
398
- --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
399
- --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
400
- --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
401
- --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
402
- --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
403
- --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
404
- --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
405
- --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
406
- --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
407
- --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
408
- --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
409
- --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
410
- --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
411
- --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);
412
- --amplify-components-radio-button-padding: var(--amplify-border-widths-medium);
413
- --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);
414
- --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
415
229
  --amplify-components-radio-button-outline-style: solid;
416
- --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
417
- --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
418
230
  --amplify-components-radio-button-transition-property: all;
419
- --amplify-components-radio-button-background-color: var(--amplify-colors-white);
420
- --amplify-components-radio-button-color: var(--amplify-colors-white);
421
- --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
422
231
  --amplify-components-radio-button-border-radius: 50%;
423
232
  --amplify-components-radio-button-border-style: solid;
424
- --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
425
233
  --amplify-components-radio-button-box-sizing: border-box;
426
- --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
427
- --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
428
234
  --amplify-components-radio-button-justify-content: center;
429
235
  --amplify-components-radio-button-align-items: center;
430
236
  --amplify-components-radio-disabled-cursor: not-allowed;
431
237
  --amplify-components-radio-gap: inherit;
432
238
  --amplify-components-radio-justify-content: flex-start;
433
239
  --amplify-components-radio-align-items: center;
434
- --amplify-components-placeholder-large-height: var(--amplify-space-large);
435
- --amplify-components-placeholder-default-height: var(--amplify-space-medium);
436
- --amplify-components-placeholder-small-height: var(--amplify-space-small);
437
- --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
438
- --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
439
- --amplify-components-placeholder-transition-duration: var(--amplify-time-long);
440
- --amplify-components-placeholder-border-radius: var(--amplify-radii-small);
441
- --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);
442
- --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);
443
- --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);
444
- --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);
445
- --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);
446
- --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);
447
- --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);
448
240
  --amplify-components-pagination-ellipsis-justify-content: center;
449
241
  --amplify-components-pagination-ellipsis-align-items: baseline;
450
- --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
451
- --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
452
- --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);
453
- --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);
454
242
  --amplify-components-pagination-button-transition-property: background-color;
455
- --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);
456
- --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
457
- --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
458
- --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
459
- --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
460
- --amplify-components-pagination-current-color: var(--amplify-colors-white);
461
243
  --amplify-components-pagination-current-justify-content: center;
462
244
  --amplify-components-pagination-current-align-items: center;
463
- --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
464
- --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
465
245
  --amplify-components-menu-item-min-height: 2.5rem;
466
- --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
467
- --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);
468
- --amplify-components-menu-small-height: var(--amplify-font-sizes-medium);
469
- --amplify-components-menu-small-width: var(--amplify-font-sizes-medium);
470
246
  --amplify-components-menu-min-width: 14rem;
471
247
  --amplify-components-menu-max-width: 30rem;
472
- --amplify-components-menu-gap: 0;
473
248
  --amplify-components-menu-flex-direction: column;
474
- --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
475
- --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
476
249
  --amplify-components-menu-border-style: solid;
477
- --amplify-components-menu-border-width: var(--amplify-border-widths-small);
478
- --amplify-components-menu-border-radius: var(--amplify-radii-medium);
479
- --amplify-components-menu-background-color: var(--amplify-colors-white);
480
- --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
481
- --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
482
- --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
483
- --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
484
- --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small);
485
250
  --amplify-components-loader-linear-animation-duration: 1s;
486
251
  --amplify-components-loader-linear-stroke-linecap: round;
487
- --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
488
- --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
489
- --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium);
490
- --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-medium);
491
252
  --amplify-components-loader-linear-min-width: 5rem;
492
253
  --amplify-components-loader-linear-width: 100%;
493
- --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);
494
- --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
495
- --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
496
- --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);
497
- --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
498
- --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
499
254
  --amplify-components-loader-animation-duration: 1s;
500
255
  --amplify-components-loader-stroke-linecap: round;
501
- --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
502
- --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
503
- --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
504
- --amplify-components-loader-height: var(--amplify-font-sizes-medium);
505
- --amplify-components-loader-width: var(--amplify-font-sizes-medium);
506
- --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
507
- --amplify-components-link-small-font-size: var(--amplify-font-sizes-small);
508
- --amplify-components-link-large-font-size: var(--amplify-font-sizes-large);
509
- --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
510
- --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
511
- --amplify-components-link-color: var(--amplify-colors-font-interactive);
512
- --amplify-components-link-active-color: var(--amplify-colors-font-active);
513
256
  --amplify-components-image-object-position: initial;
514
257
  --amplify-components-image-object-fit: initial;
515
258
  --amplify-components-image-height: auto;
516
259
  --amplify-components-image-max-width: 100%;
517
260
  --amplify-components-icon-height: 1em;
518
261
  --amplify-components-icon-line-height: 1;
519
- --amplify-components-heading-line-height: var(--amplify-line-heights-small);
520
- --amplify-components-heading-color: var(--amplify-colors-font-primary);
521
- --amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold);
522
- --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
523
- --amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold);
524
- --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
525
- --amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold);
526
- --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
527
- --amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium);
528
- --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
529
- --amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal);
530
- --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
531
- --amplify-components-heading-1-font-weight: var(--amplify-font-weights-light);
532
- --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
533
262
  --amplify-components-flex-flex-wrap: nowrap;
534
263
  --amplify-components-flex-align-content: normal;
535
264
  --amplify-components-flex-align-items: stretch;
536
265
  --amplify-components-flex-justify-content: normal;
537
- --amplify-components-flex-gap: var(--amplify-space-medium);
538
- --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);
539
266
  --amplify-components-fieldmessages-description-font-style: italic;
540
- --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
541
- --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);
542
- --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
543
267
  --amplify-components-fieldgroup-outer-align-items: center;
544
268
  --amplify-components-fieldgroup-vertical-align-items: center;
545
- --amplify-components-fieldgroup-gap: 0;
546
- --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
547
- --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
548
- --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
549
- --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
550
269
  --amplify-components-fieldcontrol-disabled-cursor: not-allowed;
551
- --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
552
- --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
553
- --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
554
- --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px var(--amplify-colors-border-error);
555
- --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
556
- --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px var(--amplify-colors-border-focus);
557
- --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
558
270
  --amplify-components-fieldcontrol-quiet-border-radius: 0;
559
271
  --amplify-components-fieldcontrol-quiet-border-block-start: none;
560
272
  --amplify-components-fieldcontrol-quiet-border-inline-end: none;
561
273
  --amplify-components-fieldcontrol-quiet-border-inline-start: none;
562
- --amplify-components-fieldcontrol-quiet-border-block-end: var(--amplify-border-widths-small-solid-colors-border-primary-value);
563
274
  --amplify-components-fieldcontrol-quiet-border-style: none;
275
+ --amplify-components-fieldcontrol-outline-style: solid;
276
+ --amplify-components-fieldcontrol-border-style: solid;
277
+ --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
278
+ --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
279
+ --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
280
+ --amplify-components-expander-trigger-justify-content: space-between;
281
+ --amplify-components-expander-trigger-align-items: center;
282
+ --amplify-components-expander-trigger-min-height: 3rem;
283
+ --amplify-components-expander-item-margin-top: 1px;
284
+ --amplify-components-expander-width: 100%;
285
+ --amplify-components-expander-display: block;
286
+ --amplify-components-divider-border-style: solid;
287
+ --amplify-components-checkboxfield-justify-content: center;
288
+ --amplify-components-checkboxfield-flex-direction: column;
289
+ --amplify-components-checkboxfield-align-content: center;
290
+ --amplify-components-checkboxfield-align-items: flex-start;
291
+ --amplify-components-checkbox-icon-checked-transform: scale(1);
292
+ --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
293
+ --amplify-components-checkbox-icon-transition-property: all;
294
+ --amplify-components-checkbox-icon-transform: scale(0);
295
+ --amplify-components-checkbox-icon-border-radius: 20%;
296
+ --amplify-components-checkbox-button-focus-outline-style: solid;
297
+ --amplify-components-checkbox-button-before-border-style: solid;
298
+ --amplify-components-checkbox-button-before-border-radius: 20%;
299
+ --amplify-components-checkbox-button-before-height: 100%;
300
+ --amplify-components-checkbox-button-before-width: 100%;
301
+ --amplify-components-checkbox-button-justify-content: center;
302
+ --amplify-components-checkbox-button-align-items: center;
303
+ --amplify-components-checkbox-button-position: relative;
304
+ --amplify-components-checkbox-disabled-cursor: not-allowed;
305
+ --amplify-components-checkbox-align-items: center;
306
+ --amplify-components-checkbox-cursor: pointer;
307
+ --amplify-components-card-elevated-border-color: transparent;
308
+ --amplify-components-card-elevated-border-style: solid;
309
+ --amplify-components-card-elevated-border-width: 0;
310
+ --amplify-components-card-outlined-border-style: solid;
311
+ --amplify-components-card-box-shadow: none;
312
+ --amplify-components-card-border-color: transparent;
313
+ --amplify-components-card-border-style: solid;
314
+ --amplify-components-card-border-width: 0;
315
+ --amplify-components-button-loader-wrapper-align-items: center;
316
+ --amplify-components-button-link-loading-background-color: transparent;
317
+ --amplify-components-button-link-loading-border-color: transparent;
318
+ --amplify-components-button-link-disabled-background-color: transparent;
319
+ --amplify-components-button-link-disabled-border-color: transparent;
320
+ --amplify-components-button-link-active-border-color: transparent;
321
+ --amplify-components-button-link-focus-border-color: transparent;
322
+ --amplify-components-button-link-hover-border-color: transparent;
323
+ --amplify-components-button-link-border-color: transparent;
324
+ --amplify-components-button-link-background-color: transparent;
325
+ --amplify-components-button-menu-justify-content: start;
326
+ --amplify-components-button-menu-background-color: transparent;
327
+ --amplify-components-button-primary-active-border-color: transparent;
328
+ --amplify-components-button-primary-focus-border-color: transparent;
329
+ --amplify-components-button-primary-hover-border-color: transparent;
330
+ --amplify-components-button-primary-loading-border-color: transparent;
331
+ --amplify-components-button-primary-disabled-border-color: transparent;
332
+ --amplify-components-button-primary-border-style: solid;
333
+ --amplify-components-button-primary-border-color: transparent;
334
+ --amplify-components-button-disabled-background-color: transparent;
335
+ --amplify-components-button-loading-background-color: transparent;
336
+ --amplify-components-badge-text-align: center;
337
+ --amplify-components-badge-line-height: 1;
338
+ --amplify-components-authenticator-router-border-style: solid;
339
+ --amplify-components-authenticator-container-width-max: 30rem;
340
+ --amplify-components-authenticator-max-width: 60rem;
341
+ --amplify-components-alert-justify-content: space-between;
342
+ --amplify-components-alert-align-items: center;
343
+ --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
344
+ --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
345
+ --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
346
+ --amplify-colors-border-error: var(--amplify-colors-red-80);
347
+ --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
348
+ --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
349
+ --amplify-colors-border-primary: var(--amplify-colors-neutral-60);
350
+ --amplify-colors-background-success: var(--amplify-colors-green-20);
351
+ --amplify-colors-background-error: var(--amplify-colors-red-20);
352
+ --amplify-colors-background-warning: var(--amplify-colors-orange-20);
353
+ --amplify-colors-background-info: var(--amplify-colors-blue-20);
354
+ --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
355
+ --amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
356
+ --amplify-colors-background-primary: var(--amplify-colors-white);
357
+ --amplify-colors-font-success: var(--amplify-colors-green-90);
358
+ --amplify-colors-font-error: var(--amplify-colors-red-90);
359
+ --amplify-colors-font-warning: var(--amplify-colors-orange-90);
360
+ --amplify-colors-font-info: var(--amplify-colors-blue-90);
361
+ --amplify-colors-font-inverse: var(--amplify-colors-white);
362
+ --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
363
+ --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
364
+ --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
365
+ --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100);
366
+ --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90);
367
+ --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80);
368
+ --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60);
369
+ --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40);
370
+ --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20);
371
+ --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10);
372
+ --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100);
373
+ --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90);
374
+ --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80);
375
+ --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60);
376
+ --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40);
377
+ --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20);
378
+ --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10);
379
+ --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);
380
+ --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);
381
+ --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);
382
+ --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);
383
+ --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);
384
+ --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);
385
+ --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
386
+ --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
387
+ --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-white);
388
+ --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-overlay-50);
389
+ --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
390
+ --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-overlay-50);
391
+ --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
392
+ --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
393
+ --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
394
+ --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
395
+ --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
396
+ --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
397
+ --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);
398
+ --amplify-components-togglebutton-focus-color: var(--amplify-colors-overlay-50);
399
+ --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);
400
+ --amplify-components-togglebutton-color: var(--amplify-colors-overlay-50);
401
+ --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
402
+ --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
403
+ --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);
404
+ --amplify-components-tabs-item-font-weight: 700;
405
+ --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);
406
+ --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);
407
+ --amplify-components-tabs-border-width: var(--amplify-border-widths-medium);
408
+ --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);
409
+ --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);
410
+ --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);
411
+ --amplify-components-table-data-small-padding: var(--amplify-space-xs);
412
+ --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);
413
+ --amplify-components-table-data-large-padding: var(--amplify-space-large);
414
+ --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);
415
+ --amplify-components-table-data-padding: var(--amplify-space-medium);
416
+ --amplify-components-table-data-font-weight: 400;
417
+ --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);
418
+ --amplify-components-table-data-border-width: var(--amplify-border-widths-small);
419
+ --amplify-components-table-header-small-padding: var(--amplify-space-xs);
420
+ --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);
421
+ --amplify-components-table-header-large-padding: var(--amplify-space-large);
422
+ --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);
423
+ --amplify-components-table-header-padding: var(--amplify-space-medium);
424
+ --amplify-components-table-header-font-weight: 700;
425
+ --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);
426
+ --amplify-components-table-header-border-width: var(--amplify-border-widths-small);
427
+ --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);
428
+ --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
429
+ --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
430
+ --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
431
+ --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
432
+ --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
433
+ --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
434
+ --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
435
+ --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
436
+ --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
437
+ --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
438
+ --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
439
+ --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
440
+ --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-small);
441
+ --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
442
+ --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
443
+ --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
444
+ --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
445
+ --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
446
+ --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
447
+ --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
448
+ --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
449
+ --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
450
+ --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);
451
+ --amplify-components-radio-button-padding: var(--amplify-border-widths-medium);
452
+ --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);
453
+ --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
454
+ --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
455
+ --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
456
+ --amplify-components-radio-button-background-color: var(--amplify-colors-white);
457
+ --amplify-components-radio-button-color: var(--amplify-colors-white);
458
+ --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
459
+ --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
460
+ --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
461
+ --amplify-components-placeholder-large-height: var(--amplify-space-large);
462
+ --amplify-components-placeholder-default-height: var(--amplify-space-medium);
463
+ --amplify-components-placeholder-small-height: var(--amplify-space-small);
464
+ --amplify-components-placeholder-transition-duration: var(--amplify-time-long);
465
+ --amplify-components-placeholder-border-radius: var(--amplify-radii-small);
466
+ --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);
467
+ --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);
468
+ --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);
469
+ --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);
470
+ --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);
471
+ --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);
472
+ --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);
473
+ --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);
474
+ --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);
475
+ --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);
476
+ --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
477
+ --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
478
+ --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
479
+ --amplify-components-pagination-current-color: var(--amplify-colors-white);
480
+ --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
481
+ --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
482
+ --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
483
+ --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);
484
+ --amplify-components-menu-small-height: var(--amplify-font-sizes-medium);
485
+ --amplify-components-menu-small-width: var(--amplify-font-sizes-medium);
486
+ --amplify-components-menu-gap: var(--amplify-space-zero);
487
+ --amplify-components-menu-border-width: var(--amplify-border-widths-small);
488
+ --amplify-components-menu-border-radius: var(--amplify-radii-medium);
489
+ --amplify-components-menu-background-color: var(--amplify-colors-white);
490
+ --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
491
+ --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
492
+ --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
493
+ --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small);
494
+ --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
495
+ --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium);
496
+ --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-medium);
497
+ --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);
498
+ --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
499
+ --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
500
+ --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);
501
+ --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
502
+ --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
503
+ --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
504
+ --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
505
+ --amplify-components-loader-height: var(--amplify-font-sizes-medium);
506
+ --amplify-components-loader-width: var(--amplify-font-sizes-medium);
507
+ --amplify-components-link-small-font-size: var(--amplify-font-sizes-small);
508
+ --amplify-components-link-large-font-size: var(--amplify-font-sizes-large);
509
+ --amplify-components-heading-line-height: var(--amplify-line-heights-small);
510
+ --amplify-components-heading-6-font-weight: 800;
511
+ --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
512
+ --amplify-components-heading-5-font-weight: 700;
513
+ --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
514
+ --amplify-components-heading-4-font-weight: 600;
515
+ --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
516
+ --amplify-components-heading-3-font-weight: 500;
517
+ --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
518
+ --amplify-components-heading-2-font-weight: 400;
519
+ --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
520
+ --amplify-components-heading-1-font-weight: 300;
521
+ --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
522
+ --amplify-components-flex-gap: var(--amplify-space-medium);
523
+ --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);
524
+ --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);
525
+ --amplify-components-fieldgroup-gap: var(--amplify-space-zero);
526
+ --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
527
+ --amplify-components-fieldcontrol-quiet-border-block-end: var(--amplify-border-widths-small) solid var(--amplify-colors-border-primary);
564
528
  --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium);
565
529
  --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium);
566
530
  --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs);
567
531
  --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs);
568
- --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
569
532
  --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);
570
533
  --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);
571
534
  --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);
572
535
  --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);
536
+ --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
537
+ --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
538
+ --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);
539
+ --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);
540
+ --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);
541
+ --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);
542
+ --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);
543
+ --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);
544
+ --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);
545
+ --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);
546
+ --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);
547
+ --amplify-components-field-large-font-size: var(--amplify-font-sizes-large);
548
+ --amplify-components-field-large-gap: var(--amplify-space-small);
549
+ --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
550
+ --amplify-components-field-small-gap: var(--amplify-space-xxxs);
551
+ --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
552
+ --amplify-components-field-gap: var(--amplify-space-xs);
553
+ --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
554
+ --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
555
+ --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
556
+ --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
557
+ --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
558
+ --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
559
+ --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
560
+ --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
561
+ --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
562
+ --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
563
+ --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
564
+ --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
565
+ --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
566
+ --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
567
+ --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
568
+ --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
569
+ --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
570
+ --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
571
+ --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
572
+ --amplify-components-expander-border-radius: var(--amplify-radii-medium);
573
+ --amplify-components-expander-background-color: var(--amplify-colors-white);
574
+ --amplify-components-divider-opacity: var(--amplify-opacities-60);
575
+ --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
576
+ --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
577
+ --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);
578
+ --amplify-components-divider-label-padding-inline: var(--amplify-space-medium);
579
+ --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
580
+ --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full);
581
+ --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);
582
+ --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);
583
+ --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
584
+ --amplify-components-copy-gap: var(--amplify-space-relative-medium);
585
+ --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
586
+ --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
587
+ --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
588
+ --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
589
+ --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
590
+ --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent);
591
+ --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);
592
+ --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
593
+ --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
594
+ --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
595
+ --amplify-components-checkbox-button-color: var(--amplify-colors-white);
596
+ --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
597
+ --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
598
+ --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
599
+ --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);
600
+ --amplify-components-card-padding: var(--amplify-space-medium);
601
+ --amplify-components-card-border-radius: var(--amplify-radii-xs);
602
+ --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
603
+ --amplify-components-button-link-border-width: var(--amplify-space-zero);
604
+ --amplify-components-button-menu-border-width: var(--amplify-space-zero);
605
+ --amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
606
+ --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);
607
+ --amplify-components-button-font-weight: 700;
608
+ --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);
609
+ --amplify-components-badge-large-padding-vertical: var(--amplify-space-small);
610
+ --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);
611
+ --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs);
612
+ --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs);
613
+ --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs);
614
+ --amplify-components-badge-border-radius: var(--amplify-radii-xl);
615
+ --amplify-components-badge-padding-horizontal: var(--amplify-space-small);
616
+ --amplify-components-badge-padding-vertical: var(--amplify-space-xs);
617
+ --amplify-components-badge-font-size: var(--amplify-font-sizes-small);
618
+ --amplify-components-badge-font-weight: 600;
619
+ --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);
620
+ --amplify-components-authenticator-form-padding: var(--amplify-space-xl);
621
+ --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);
622
+ --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small);
623
+ --amplify-components-authenticator-modal-left: var(--amplify-space-zero);
624
+ --amplify-components-authenticator-modal-top: var(--amplify-space-zero);
625
+ --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50);
626
+ --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full);
627
+ --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full);
628
+ --amplify-components-alert-heading-font-weight: 700;
629
+ --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium);
630
+ --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl);
631
+ --amplify-components-alert-padding-inline: var(--amplify-space-medium);
632
+ --amplify-components-alert-padding-block: var(--amplify-space-small);
633
+ --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100);
634
+ --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
635
+ --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);
636
+ --amplify-colors-font-active: var(--amplify-colors-brand-primary-100);
637
+ --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
638
+ --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
639
+ --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
640
+ --amplify-colors-font-disabled: var(--amplify-colors-font-tertiary);
641
+ --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
642
+ --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
643
+ --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
644
+ --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
645
+ --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-tertiary);
646
+ --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
647
+ --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-secondary);
648
+ --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
649
+ --amplify-components-text-info-color: var(--amplify-colors-font-info);
650
+ --amplify-components-text-success-color: var(--amplify-colors-font-success);
651
+ --amplify-components-text-warning-color: var(--amplify-colors-font-warning);
652
+ --amplify-components-text-error-color: var(--amplify-colors-font-error);
653
+ --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);
654
+ --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
655
+ --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
656
+ --amplify-components-text-color: var(--amplify-colors-font-primary);
657
+ --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
658
+ --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
659
+ --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
660
+ --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
661
+ --amplify-components-table-caption-color: var(--amplify-colors-font-primary);
662
+ --amplify-components-table-data-color: var(--amplify-colors-font-primary);
663
+ --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);
664
+ --amplify-components-table-header-color: var(--amplify-colors-font-primary);
665
+ --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
666
+ --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
667
+ --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
668
+ --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-60);
669
+ --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-tertiary);
670
+ --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
671
+ --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
672
+ --amplify-components-switchfield-focused-shadow: var(--amplify-shadows-small);
673
+ --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
674
+ --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
675
+ --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
676
+ --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
677
+ --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
678
+ --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-tertiary);
679
+ --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
680
+ --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
681
+ --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
682
+ --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
683
+ --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
684
+ --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
685
+ --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
686
+ --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
687
+ --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
688
+ --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
689
+ --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
690
+ --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
691
+ --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
692
+ --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
693
+ --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
694
+ --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
695
+ --amplify-components-heading-color: var(--amplify-colors-font-primary);
696
+ --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
697
+ --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
698
+ --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
699
+ --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
700
+ --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
701
+ --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
702
+ --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
573
703
  --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
574
- --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
575
- --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
576
- --amplify-components-fieldcontrol-outline-style: solid;
577
- --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);
578
- --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);
579
- --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);
580
704
  --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size);
581
- --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);
582
- --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);
583
- --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);
584
- --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);
585
705
  --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);
586
- --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);
587
- --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);
588
706
  --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);
589
- --amplify-components-fieldcontrol-border-style: solid;
590
707
  --amplify-components-field-label-color: var(--amplify-colors-font-secondary);
591
- --amplify-components-field-large-font-size: var(--amplify-font-sizes-large);
592
- --amplify-components-field-large-gap: var(--amplify-space-small);
593
- --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
594
- --amplify-components-field-small-gap: var(--amplify-space-xxxs);
595
- --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
596
- --amplify-components-field-gap: var(--amplify-space-xs);
597
- --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
598
- --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
599
- --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
600
- --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
601
- --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
602
- --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
603
- --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
604
- --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
605
708
  --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
606
- --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
607
- --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
608
- --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
609
- --amplify-components-expander-trigger-justify-content: space-between;
610
- --amplify-components-expander-trigger-align-items: center;
611
- --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
612
- --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
613
- --amplify-components-expander-trigger-min-height: 3rem;
614
- --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
615
- --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
616
- --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
617
- --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
618
- --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
619
- --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
620
- --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
621
- --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
622
- --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
623
- --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
624
709
  --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
625
- --amplify-components-expander-item-margin-top: 1px;
626
- --amplify-components-expander-width: 100%;
627
710
  --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
628
- --amplify-components-expander-border-radius: var(--amplify-radii-medium);
629
- --amplify-components-expander-background-color: var(--amplify-colors-white);
630
- --amplify-components-expander-display: block;
631
- --amplify-components-divider-opacity: var(--amplify-opacities-60);
632
- --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
633
- --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
634
711
  --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
635
- --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);
636
- --amplify-components-divider-label-padding-inline: var(--amplify-space-medium);
637
712
  --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
638
- --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
639
713
  --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
640
- --amplify-components-divider-border-style: solid;
641
- --amplify-components-countrycodeselect-height: 100%;
642
- --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);
643
- --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);
644
- --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
645
714
  --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
646
- --amplify-components-copy-gap: var(--amplify-space-relative-medium);
647
- --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
648
- --amplify-components-checkboxfield-justify-content: center;
649
- --amplify-components-checkboxfield-flex-direction: column;
650
- --amplify-components-checkboxfield-align-content: center;
651
- --amplify-components-checkboxfield-align-items: flex-start;
652
- --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
653
- --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
654
- --amplify-components-checkbox-icon-checked-transform: scale(1);
655
- --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
656
- --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
657
- --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
658
- --amplify-components-checkbox-icon-transition-property: all;
659
- --amplify-components-checkbox-icon-transform: scale(0);
660
- --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
661
- --amplify-components-checkbox-icon-border-radius: 20%;
662
715
  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
663
716
  --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
664
- --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
665
717
  --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
666
- --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
667
- --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
668
- --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent);
669
- --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);
670
- --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
671
- --amplify-components-checkbox-button-focus-outline-style: solid;
672
- --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
673
718
  --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
674
- --amplify-components-checkbox-button-before-border-style: solid;
675
- --amplify-components-checkbox-button-before-border-radius: 20%;
676
- --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
677
- --amplify-components-checkbox-button-before-height: 100%;
678
- --amplify-components-checkbox-button-before-width: 100%;
679
- --amplify-components-checkbox-button-color: var(--amplify-colors-white);
680
- --amplify-components-checkbox-button-justify-content: center;
681
- --amplify-components-checkbox-button-align-items: center;
682
- --amplify-components-checkbox-button-position: relative;
683
- --amplify-components-checkbox-disabled-cursor: not-allowed;
684
- --amplify-components-checkbox-align-items: center;
685
- --amplify-components-checkbox-cursor: pointer;
686
719
  --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
687
- --amplify-components-card-elevated-border-color: transparent;
688
- --amplify-components-card-elevated-border-style: solid;
689
- --amplify-components-card-elevated-border-width: 0;
690
- --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
691
- --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
692
- --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
693
720
  --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
694
- --amplify-components-card-outlined-border-style: solid;
695
- --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
696
- --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);
697
- --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
698
- --amplify-components-card-padding: var(--amplify-space-medium);
699
- --amplify-components-card-box-shadow: none;
700
- --amplify-components-card-border-color: transparent;
701
- --amplify-components-card-border-style: solid;
702
- --amplify-components-card-border-width: 0;
703
- --amplify-components-card-border-radius: var(--amplify-radii-xs);
704
721
  --amplify-components-card-background-color: var(--amplify-colors-background-primary);
705
- --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
706
- --amplify-components-button-loader-wrapper-align-items: center;
707
722
  --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
708
723
  --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
709
724
  --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
710
725
  --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
711
- --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
712
726
  --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
713
727
  --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
714
728
  --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
715
729
  --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
716
- --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
717
- --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
718
- --amplify-components-button-link-loading-background-color: transparent;
719
- --amplify-components-button-link-loading-border-color: transparent;
720
- --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
721
- --amplify-components-button-link-disabled-background-color: transparent;
722
- --amplify-components-button-link-disabled-border-color: transparent;
723
- --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
724
730
  --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
725
- --amplify-components-button-link-active-border-color: transparent;
726
- --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
727
- --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
728
731
  --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
729
- --amplify-components-button-link-focus-border-color: transparent;
730
- --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
731
732
  --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
732
- --amplify-components-button-link-hover-border-color: transparent;
733
- --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
734
- --amplify-components-button-link-background-color: transparent;
735
- --amplify-components-button-link-border-color: transparent;
736
- --amplify-components-button-link-border-width: 0;
737
- --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
738
733
  --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
739
734
  --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
740
735
  --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
741
736
  --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);
742
737
  --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80);
743
738
  --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);
744
- --amplify-components-button-menu-justify-content: start;
745
- --amplify-components-button-menu-background-color: transparent;
746
- --amplify-components-button-menu-border-width: 0;
747
739
  --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);
748
740
  --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100);
749
- --amplify-components-button-primary-active-border-color: transparent;
750
- --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
751
741
  --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);
752
742
  --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
753
- --amplify-components-button-primary-focus-border-color: transparent;
754
743
  --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
755
744
  --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
756
- --amplify-components-button-primary-hover-border-color: transparent;
757
- --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
758
- --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
759
- --amplify-components-button-primary-loading-border-color: transparent;
760
- --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
761
- --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
762
- --amplify-components-button-primary-disabled-border-color: transparent;
763
745
  --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
764
746
  --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
765
- --amplify-components-button-primary-border-style: solid;
766
- --amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
767
- --amplify-components-button-primary-border-color: transparent;
768
747
  --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
769
- --amplify-components-button-disabled-background-color: transparent;
770
- --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
771
748
  --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
772
- --amplify-components-button-loading-background-color: transparent;
773
- --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
774
749
  --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
775
750
  --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
776
- --amplify-components-button-active-color: var(--amplify-colors-font-active);
777
- --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
778
- --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
779
751
  --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
780
- --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
781
752
  --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60);
782
753
  --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10);
783
- --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
784
754
  --amplify-components-button-color: var(--amplify-colors-font-primary);
785
755
  --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);
786
- --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);
787
756
  --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width);
788
- --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
789
757
  --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
790
758
  --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
791
759
  --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
792
760
  --amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
793
761
  --amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height);
794
- --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
795
762
  --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration);
796
- --amplify-components-button-font-weight: var(--amplify-font-weights-bold);
797
- --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);
798
- --amplify-components-badge-large-padding-vertical: var(--amplify-space-small);
799
- --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);
800
- --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs);
801
- --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs);
802
- --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs);
803
763
  --amplify-components-badge-error-background-color: var(--amplify-colors-background-error);
804
764
  --amplify-components-badge-error-color: var(--amplify-colors-font-error);
805
765
  --amplify-components-badge-success-background-color: var(--amplify-colors-background-success);
@@ -808,32 +768,13 @@
808
768
  --amplify-components-badge-warning-color: var(--amplify-colors-font-warning);
809
769
  --amplify-components-badge-info-background-color: var(--amplify-colors-background-info);
810
770
  --amplify-components-badge-info-color: var(--amplify-colors-font-info);
811
- --amplify-components-badge-border-radius: var(--amplify-radii-xl);
812
771
  --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary);
813
- --amplify-components-badge-padding-horizontal: var(--amplify-space-small);
814
- --amplify-components-badge-padding-vertical: var(--amplify-space-xs);
815
- --amplify-components-badge-text-align: center;
816
- --amplify-components-badge-font-size: var(--amplify-font-sizes-small);
817
- --amplify-components-badge-font-weight: var(--amplify-font-weights-semibold);
818
- --amplify-components-badge-line-height: 1;
819
772
  --amplify-components-badge-color: var(--amplify-colors-font-primary);
820
773
  --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);
821
- --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);
822
774
  --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);
823
- --amplify-components-authenticator-form-padding: var(--amplify-space-xl);
824
- --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);
825
775
  --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);
826
776
  --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);
827
777
  --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);
828
- --amplify-components-authenticator-router-border-style: solid;
829
- --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small);
830
- --amplify-components-authenticator-container-width-max: 30rem;
831
- --amplify-components-authenticator-modal-left: var(--amplify-space-zero);
832
- --amplify-components-authenticator-modal-top: var(--amplify-space-zero);
833
- --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50);
834
- --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full);
835
- --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full);
836
- --amplify-components-authenticator-max-width: 60rem;
837
778
  --amplify-components-alert-success-background-color: var(--amplify-colors-background-success);
838
779
  --amplify-components-alert-success-color: var(--amplify-colors-font-success);
839
780
  --amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning);
@@ -842,13 +783,72 @@
842
783
  --amplify-components-alert-error-color: var(--amplify-colors-font-error);
843
784
  --amplify-components-alert-info-background-color: var(--amplify-colors-background-info);
844
785
  --amplify-components-alert-info-color: var(--amplify-colors-font-info);
845
- --amplify-components-alert-heading-font-weight: var(--amplify-font-weights-bold);
846
- --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium);
847
- --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl);
848
- --amplify-components-alert-padding-inline: var(--amplify-space-medium);
849
- --amplify-components-alert-padding-block: var(--amplify-space-small);
850
786
  --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
851
787
  --amplify-components-alert-color: var(--amplify-colors-font-primary);
852
- --amplify-components-alert-justify-content: space-between;
853
- --amplify-components-alert-align-items: center;
788
+ --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
789
+ --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
790
+ --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
791
+ --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
792
+ --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
793
+ --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
794
+ --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
795
+ --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
796
+ --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
797
+ --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
798
+ --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
799
+ --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
800
+ --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 3px var(--amplify-colors-border-focus);
801
+ --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
802
+ --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
803
+ --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
804
+ --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
805
+ --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
806
+ --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
807
+ --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
808
+ --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
809
+ --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
810
+ --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
811
+ --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
812
+ --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
813
+ --amplify-components-link-color: var(--amplify-colors-font-interactive);
814
+ --amplify-components-link-active-color: var(--amplify-colors-font-active);
815
+ --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
816
+ --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
817
+ --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
818
+ --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
819
+ --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
820
+ --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
821
+ --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
822
+ --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
823
+ --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
824
+ --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
825
+ --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
826
+ --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
827
+ --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
828
+ --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
829
+ --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
830
+ --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
831
+ --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
832
+ --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
833
+ --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
834
+ --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
835
+ --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
836
+ --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
837
+ --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
838
+ --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
839
+ --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
840
+ --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
841
+ --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
842
+ --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
843
+ --amplify-components-button-active-color: var(--amplify-colors-font-active);
844
+ --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
845
+ --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
846
+ --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
847
+ --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
848
+ --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
849
+ --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
850
+ --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
851
+ --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
852
+ --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
853
+ --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
854
854
  }