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