npm - @aws-amplify/ui-react-storage - Versions diffs - 0.0.0-studio-e5b8195-20230912200241 → 0.0.0-test-delay-3b0be8c-20250107175849 - Mend

@aws-amplify/ui-react-storage 0.0.0-studio-e5b8195-20230912200241 → 0.0.0-test-delay-3b0be8c-20250107175849

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 (605) hide show

package/dist/styles.css CHANGED Viewed

@@ -2,6 +2,65 @@
  * Amplify UI Basic Theme
  */
 :root, [data-amplify-theme] {
+  --amplify-components-accordion-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-accordion-item-border-color: var(--amplify-colors-border-secondary);
+  --amplify-components-accordion-item-border-width: var(--amplify-border-widths-small);
+  --amplify-components-accordion-item-border-style: solid;
+  --amplify-components-accordion-item-border-radius: var(--amplify-radii-small);
+  --amplify-components-accordion-item-trigger-align-items: center;
+  --amplify-components-accordion-item-trigger-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-accordion-item-trigger-color: inherit;
+  --amplify-components-accordion-item-trigger-gap: var(--amplify-space-small);
+  --amplify-components-accordion-item-trigger-justify-content: space-between;
+  --amplify-components-accordion-item-trigger-padding-block: var(--amplify-space-xs);
+  --amplify-components-accordion-item-trigger-padding-inline: var(--amplify-space-small);
+  --amplify-components-accordion-item-trigger-hover-color: inherit;
+  --amplify-components-accordion-item-trigger-hover-background-color: var(--amplify-colors-overlay-5);
+  --amplify-components-accordion-item-trigger-focus-border-color: var(--amplify-colors-border-focus);
+  --amplify-components-accordion-item-trigger-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
+  --amplify-components-accordion-item-content-color: inherit;
+  --amplify-components-accordion-item-content-padding-inline: var(--amplify-space-small);
+  --amplify-components-accordion-item-content-padding-block-end: var(--amplify-space-small);
+  --amplify-components-accordion-item-content-padding-block-start: var(--amplify-space-xxxs);
+  --amplify-components-accordion-item-icon-color: var(--amplify-colors-font-tertiary);
+  --amplify-components-accordion-item-icon-transition-duration: var(--amplify-time-medium);
+  --amplify-components-accordion-item-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
+  --amplify-components-ai-conversation-message-background-color: var(--amplify-colors-background-secondary);
+  --amplify-components-ai-conversation-message-border-radius: var(--amplify-radii-large);
+  --amplify-components-ai-conversation-message-gap: var(--amplify-space-small);
+  --amplify-components-ai-conversation-message-padding-block: var(--amplify-space-small);
+  --amplify-components-ai-conversation-message-padding-inline: var(--amplify-space-small);
+  --amplify-components-ai-conversation-message-user-background-color: var(--amplify-colors-background-secondary);
+  --amplify-components-ai-conversation-message-assistant-background-color: var(--amplify-colors-primary-10);
+  --amplify-components-ai-conversation-message-sender-gap: var(--amplify-space-small);
+  --amplify-components-ai-conversation-message-sender-username-color: var(--amplify-colors-font-primary);
+  --amplify-components-ai-conversation-message-sender-username-font-size: inherit;
+  --amplify-components-ai-conversation-message-sender-username-font-weight: var(--amplify-font-weights-bold);
+  --amplify-components-ai-conversation-message-sender-timestamp-color: var(--amplify-colors-font-tertiary);
+  --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
+  --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
+  --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
+  --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
+  --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
+  --amplify-components-ai-conversation-attachment-border-width: var(--amplify-border-widths-small);
+  --amplify-components-ai-conversation-attachment-border-radius: var(--amplify-radii-small);
+  --amplify-components-ai-conversation-attachment-font-size: var(--amplify-font-sizes-small);
+  --amplify-components-ai-conversation-attachment-padding-block: var(--amplify-space-xxxs);
+  --amplify-components-ai-conversation-attachment-padding-inline: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-attachment-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-attachment-list-padding-block-start: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-attachment-list-gap: var(--amplify-space-xxs);
+  --amplify-components-ai-conversation-attachment-name-color: var(--amplify-colors-font-primary);
+  --amplify-components-ai-conversation-attachment-name-font-size: var(--amplify-font-sizes-small);
+  --amplify-components-ai-conversation-attachment-name-font-weight: var(--amplify-font-weights-normal);
+  --amplify-components-ai-conversation-attachment-size-color: var(--amplify-colors-font-tertiary);
+  --amplify-components-ai-conversation-attachment-size-font-size: var(--amplify-font-sizes-small);
+  --amplify-components-ai-conversation-attachment-size-font-weight: var(--amplify-font-weights-normal);
+  --amplify-components-ai-conversation-attachment-remove-padding: var(--amplify-space-xxs);
+  --amplify-components-ai-conversation-attachment-image-width: var(--amplify-font-sizes-medium);
+  --amplify-components-ai-conversation-attachment-image-height: var(--amplify-font-sizes-medium);
   --amplify-components-alert-align-items: center;
   --amplify-components-alert-justify-content: space-between;
   --amplify-components-alert-color: var(--amplify-colors-font-primary);
@@ -52,7 +111,7 @@
   --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);
   --amplify-components-autocomplete-menu-option-transition-property: background-color, color;
   --amplify-components-autocomplete-menu-option-transition-timing-function: ease;
-  --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-primary-80);
   --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);
   --amplify-components-autocomplete-menu-empty-display: flex;
   --amplify-components-autocomplete-menu-loading-align-items: center;
@@ -60,6 +119,35 @@
   --amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);
   --amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);
   --amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);
+  --amplify-components-avatar-color: var(--amplify-colors-font-tertiary);
+  --amplify-components-avatar-line-height: 1;
+  --amplify-components-avatar-font-weight: var(--amplify-font-weights-semibold);
+  --amplify-components-avatar-font-size: var(--amplify-font-sizes-small);
+  --amplify-components-avatar-text-align: center;
+  --amplify-components-avatar-width: var(--amplify-font-sizes-xxl);
+  --amplify-components-avatar-height: var(--amplify-font-sizes-xxl);
+  --amplify-components-avatar-background-color: var(--amplify-colors-background-tertiary);
+  --amplify-components-avatar-border-radius: 100%;
+  --amplify-components-avatar-border-color: var(--amplify-colors-border-primary);
+  --amplify-components-avatar-border-width: var(--amplify-border-widths-medium);
+  --amplify-components-avatar-info-color: var(--amplify-colors-font-info);
+  --amplify-components-avatar-info-background-color: var(--amplify-colors-background-info);
+  --amplify-components-avatar-info-border-color: var(--amplify-colors-border-info);
+  --amplify-components-avatar-warning-color: var(--amplify-colors-font-warning);
+  --amplify-components-avatar-warning-background-color: var(--amplify-colors-background-warning);
+  --amplify-components-avatar-warning-border-color: var(--amplify-colors-border-warning);
+  --amplify-components-avatar-success-color: var(--amplify-colors-font-success);
+  --amplify-components-avatar-success-background-color: var(--amplify-colors-background-success);
+  --amplify-components-avatar-success-border-color: var(--amplify-colors-border-success);
+  --amplify-components-avatar-error-color: var(--amplify-colors-font-error);
+  --amplify-components-avatar-error-background-color: var(--amplify-colors-background-error);
+  --amplify-components-avatar-error-border-color: var(--amplify-colors-border-error);
+  --amplify-components-avatar-small-font-size: var(--amplify-font-sizes-xs);
+  --amplify-components-avatar-small-width: var(--amplify-font-sizes-xl);
+  --amplify-components-avatar-small-height: var(--amplify-font-sizes-xl);
+  --amplify-components-avatar-large-font-size: var(--amplify-font-sizes-medium);
+  --amplify-components-avatar-large-width: var(--amplify-font-sizes-xxxl);
+  --amplify-components-avatar-large-height: var(--amplify-font-sizes-xxxl);
   --amplify-components-badge-color: var(--amplify-colors-font-primary);
   --amplify-components-badge-line-height: 1;
   --amplify-components-badge-font-weight: var(--amplify-font-weights-semibold);
@@ -120,15 +208,15 @@
   --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);
   --amplify-components-button-color: var(--amplify-colors-font-primary);
   --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
-  --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10);
-  --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60);
+  --amplify-components-button-hover-background-color: var(--amplify-colors-primary-10);
+  --amplify-components-button-hover-border-color: var(--amplify-colors-primary-60);
   --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
-  --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
+  --amplify-components-button-focus-background-color: var(--amplify-colors-primary-10);
   --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-button-active-color: var(--amplify-colors-font-active);
-  --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
-  --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
+  --amplify-components-button-active-background-color: var(--amplify-colors-primary-20);
+  --amplify-components-button-active-border-color: var(--amplify-colors-primary-100);
   --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-loading-background-color: transparent;
   --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
@@ -144,7 +232,7 @@
   --amplify-components-button-outlined-info-focus-border-color: var(--amplify-colors-blue-100);
   --amplify-components-button-outlined-info-focus-background-color: var(--amplify-colors-blue-10);
   --amplify-components-button-outlined-info-focus-color: var(--amplify-colors-blue-100);
-  --amplify-components-button-outlined-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100);
+  --amplify-components-button-outlined-info-focus-box-shadow: var(--amplify-components-fieldcontrol-info-focus-box-shadow);
   --amplify-components-button-outlined-info-active-border-color: var(--amplify-colors-blue-100);
   --amplify-components-button-outlined-info-active-background-color: var(--amplify-colors-blue-20);
   --amplify-components-button-outlined-info-active-color: var(--amplify-colors-blue-100);
@@ -157,7 +245,7 @@
   --amplify-components-button-outlined-warning-focus-border-color: var(--amplify-colors-orange-100);
   --amplify-components-button-outlined-warning-focus-background-color: var(--amplify-colors-orange-10);
   --amplify-components-button-outlined-warning-focus-color: var(--amplify-colors-orange-100);
-  --amplify-components-button-outlined-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100);
+  --amplify-components-button-outlined-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-warning-focus-box-shadow);
   --amplify-components-button-outlined-warning-active-border-color: var(--amplify-colors-orange-100);
   --amplify-components-button-outlined-warning-active-background-color: var(--amplify-colors-orange-20);
   --amplify-components-button-outlined-warning-active-color: var(--amplify-colors-orange-100);
@@ -170,20 +258,20 @@
   --amplify-components-button-outlined-success-focus-border-color: var(--amplify-colors-green-100);
   --amplify-components-button-outlined-success-focus-background-color: var(--amplify-colors-green-10);
   --amplify-components-button-outlined-success-focus-color: var(--amplify-colors-green-100);
-  --amplify-components-button-outlined-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100);
+  --amplify-components-button-outlined-success-focus-box-shadow: var(--amplify-components-fieldcontrol-success-focus-box-shadow);
   --amplify-components-button-outlined-success-active-border-color: var(--amplify-colors-green-100);
   --amplify-components-button-outlined-success-active-background-color: var(--amplify-colors-green-20);
   --amplify-components-button-outlined-success-active-color: var(--amplify-colors-green-100);
-  --amplify-components-button-outlined-error-border-color: var(--amplify-colors-red-60);
+  --amplify-components-button-outlined-error-border-color: var(--amplify-colors-red-80);
   --amplify-components-button-outlined-error-background-color: transparent;
   --amplify-components-button-outlined-error-color: var(--amplify-colors-red-100);
-  --amplify-components-button-outlined-error-hover-border-color: var(--amplify-colors-red-60);
+  --amplify-components-button-outlined-error-hover-border-color: var(--amplify-colors-red-80);
   --amplify-components-button-outlined-error-hover-background-color: var(--amplify-colors-red-10);
   --amplify-components-button-outlined-error-hover-color: var(--amplify-colors-red-100);
   --amplify-components-button-outlined-error-focus-border-color: var(--amplify-colors-red-100);
   --amplify-components-button-outlined-error-focus-background-color: var(--amplify-colors-red-10);
   --amplify-components-button-outlined-error-focus-color: var(--amplify-colors-red-100);
-  --amplify-components-button-outlined-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100);
+  --amplify-components-button-outlined-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
   --amplify-components-button-outlined-error-active-border-color: var(--amplify-colors-red-100);
   --amplify-components-button-outlined-error-active-background-color: var(--amplify-colors-red-20);
   --amplify-components-button-outlined-error-active-color: var(--amplify-colors-red-100);
@@ -196,14 +284,14 @@
   --amplify-components-button-outlined-overlay-focus-border-color: var(--amplify-colors-overlay-90);
   --amplify-components-button-outlined-overlay-focus-background-color: var(--amplify-colors-overlay-5);
   --amplify-components-button-outlined-overlay-focus-color: var(--amplify-colors-neutral-90);
-  --amplify-components-button-outlined-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90);
+  --amplify-components-button-outlined-overlay-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);
   --amplify-components-button-outlined-overlay-active-border-color: var(--amplify-colors-overlay-90);
   --amplify-components-button-outlined-overlay-active-background-color: var(--amplify-colors-overlay-10);
   --amplify-components-button-outlined-overlay-active-color: var(--amplify-colors-neutral-100);
   --amplify-components-button-primary-border-color: transparent;
   --amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
   --amplify-components-button-primary-border-style: solid;
-  --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-button-primary-background-color: var(--amplify-colors-primary-80);
   --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-primary-disabled-border-color: transparent;
   --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
@@ -212,14 +300,14 @@
   --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-primary-hover-border-color: transparent;
-  --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
+  --amplify-components-button-primary-hover-background-color: var(--amplify-colors-primary-90);
   --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-primary-focus-border-color: transparent;
-  --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
+  --amplify-components-button-primary-focus-background-color: var(--amplify-colors-primary-90);
   --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-button-primary-active-border-color: transparent;
-  --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100);
+  --amplify-components-button-primary-active-background-color: var(--amplify-colors-primary-100);
   --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-primary-info-border-color: transparent;
   --amplify-components-button-primary-info-background-color: var(--amplify-colors-blue-80);
@@ -230,7 +318,7 @@
   --amplify-components-button-primary-info-focus-border-color: transparent;
   --amplify-components-button-primary-info-focus-background-color: var(--amplify-colors-blue-90);
   --amplify-components-button-primary-info-focus-color: var(--amplify-colors-font-inverse);
-  --amplify-components-button-primary-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100);
+  --amplify-components-button-primary-info-focus-box-shadow: var(--amplify-components-fieldcontrol-info-focus-box-shadow);
   --amplify-components-button-primary-info-active-border-color: transparent;
   --amplify-components-button-primary-info-active-background-color: var(--amplify-colors-blue-100);
   --amplify-components-button-primary-info-active-color: var(--amplify-colors-font-inverse);
@@ -243,7 +331,7 @@
   --amplify-components-button-primary-warning-focus-border-color: transparent;
   --amplify-components-button-primary-warning-focus-background-color: var(--amplify-colors-orange-90);
   --amplify-components-button-primary-warning-focus-color: var(--amplify-colors-font-inverse);
-  --amplify-components-button-primary-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100);
+  --amplify-components-button-primary-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);
   --amplify-components-button-primary-warning-active-border-color: transparent;
   --amplify-components-button-primary-warning-active-background-color: var(--amplify-colors-orange-100);
   --amplify-components-button-primary-warning-active-color: var(--amplify-colors-font-inverse);
@@ -256,7 +344,7 @@
   --amplify-components-button-primary-error-focus-border-color: transparent;
   --amplify-components-button-primary-error-focus-background-color: var(--amplify-colors-red-90);
   --amplify-components-button-primary-error-focus-color: var(--amplify-colors-font-inverse);
-  --amplify-components-button-primary-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100);
+  --amplify-components-button-primary-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
   --amplify-components-button-primary-error-active-border-color: transparent;
   --amplify-components-button-primary-error-active-background-color: var(--amplify-colors-red-100);
   --amplify-components-button-primary-error-active-color: var(--amplify-colors-font-inverse);
@@ -269,7 +357,7 @@
   --amplify-components-button-primary-success-focus-border-color: transparent;
   --amplify-components-button-primary-success-focus-background-color: var(--amplify-colors-green-90);
   --amplify-components-button-primary-success-focus-color: var(--amplify-colors-font-inverse);
-  --amplify-components-button-primary-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100);
+  --amplify-components-button-primary-success-focus-box-shadow: var(--amplify-components-fieldcontrol-success-focus-box-shadow);
   --amplify-components-button-primary-success-active-border-color: transparent;
   --amplify-components-button-primary-success-active-background-color: var(--amplify-colors-green-100);
   --amplify-components-button-primary-success-active-color: var(--amplify-colors-font-inverse);
@@ -282,7 +370,7 @@
   --amplify-components-button-primary-overlay-focus-border-color: transparent;
   --amplify-components-button-primary-overlay-focus-background-color: var(--amplify-colors-overlay-90);
   --amplify-components-button-primary-overlay-focus-color: var(--amplify-colors-font-inverse);
-  --amplify-components-button-primary-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90);
+  --amplify-components-button-primary-overlay-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);
   --amplify-components-button-primary-overlay-active-border-color: transparent;
   --amplify-components-button-primary-overlay-active-background-color: var(--amplify-colors-overlay-90);
   --amplify-components-button-primary-overlay-active-color: var(--amplify-colors-font-inverse);
@@ -290,25 +378,25 @@
   --amplify-components-button-menu-background-color: transparent;
   --amplify-components-button-menu-justify-content: start;
   --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);
-  --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-button-menu-hover-background-color: var(--amplify-colors-primary-80);
   --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);
-  --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-button-menu-focus-background-color: var(--amplify-colors-primary-80);
   --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
-  --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
+  --amplify-components-button-menu-active-background-color: var(--amplify-colors-primary-90);
   --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-link-background-color: transparent;
   --amplify-components-button-link-border-color: transparent;
   --amplify-components-button-link-border-width: var(--amplify-border-widths-small);
   --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
   --amplify-components-button-link-hover-border-color: transparent;
-  --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
+  --amplify-components-button-link-hover-background-color: var(--amplify-colors-primary-10);
   --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-button-link-focus-border-color: transparent;
-  --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
+  --amplify-components-button-link-focus-background-color: var(--amplify-colors-primary-10);
   --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-button-link-active-border-color: transparent;
-  --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
+  --amplify-components-button-link-active-background-color: var(--amplify-colors-primary-20);
   --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
   --amplify-components-button-link-disabled-border-color: transparent;
   --amplify-components-button-link-disabled-background-color: transparent;
@@ -325,7 +413,7 @@
   --amplify-components-button-link-info-focus-border-color: transparent;
   --amplify-components-button-link-info-focus-background-color: var(--amplify-colors-blue-10);
   --amplify-components-button-link-info-focus-color: var(--amplify-colors-blue-100);
-  --amplify-components-button-link-info-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-blue-100);
+  --amplify-components-button-link-info-focus-box-shadow: var(--amplify-components-fieldcontrol-info-focus-box-shadow);
   --amplify-components-button-link-info-active-border-color: transparent;
   --amplify-components-button-link-info-active-background-color: var(--amplify-colors-blue-20);
   --amplify-components-button-link-info-active-color: var(--amplify-colors-blue-100);
@@ -338,7 +426,7 @@
   --amplify-components-button-link-warning-focus-border-color: transparent;
   --amplify-components-button-link-warning-focus-background-color: var(--amplify-colors-orange-10);
   --amplify-components-button-link-warning-focus-color: var(--amplify-colors-orange-100);
-  --amplify-components-button-link-warning-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-orange-100);
+  --amplify-components-button-link-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-warning-focus-box-shadow);
   --amplify-components-button-link-warning-active-border-color: transparent;
   --amplify-components-button-link-warning-active-background-color: var(--amplify-colors-orange-20);
   --amplify-components-button-link-warning-active-color: var(--amplify-colors-orange-100);
@@ -351,7 +439,7 @@
   --amplify-components-button-link-success-focus-border-color: transparent;
   --amplify-components-button-link-success-focus-background-color: var(--amplify-colors-green-10);
   --amplify-components-button-link-success-focus-color: var(--amplify-colors-green-100);
-  --amplify-components-button-link-success-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-green-100);
+  --amplify-components-button-link-success-focus-box-shadow: var(--amplify-components-fieldcontrol-success-focus-box-shadow);
   --amplify-components-button-link-success-active-border-color: transparent;
   --amplify-components-button-link-success-active-background-color: var(--amplify-colors-green-20);
   --amplify-components-button-link-success-active-color: var(--amplify-colors-green-100);
@@ -364,7 +452,7 @@
   --amplify-components-button-link-error-focus-border-color: transparent;
   --amplify-components-button-link-error-focus-background-color: var(--amplify-colors-red-10);
   --amplify-components-button-link-error-focus-color: var(--amplify-colors-red-100);
-  --amplify-components-button-link-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-red-100);
+  --amplify-components-button-link-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
   --amplify-components-button-link-error-active-border-color: transparent;
   --amplify-components-button-link-error-active-background-color: var(--amplify-colors-red-20);
   --amplify-components-button-link-error-active-color: var(--amplify-colors-red-100);
@@ -377,7 +465,7 @@
   --amplify-components-button-link-overlay-focus-border-color: transparent;
   --amplify-components-button-link-overlay-focus-background-color: var(--amplify-colors-overlay-5);
   --amplify-components-button-link-overlay-focus-color: var(--amplify-colors-overlay-90);
-  --amplify-components-button-link-overlay-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-overlay-90);
+  --amplify-components-button-link-overlay-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);
   --amplify-components-button-link-overlay-active-border-color: transparent;
   --amplify-components-button-link-overlay-active-background-color: var(--amplify-colors-overlay-10);
   --amplify-components-button-link-overlay-active-color: var(--amplify-colors-overlay-90);
@@ -470,13 +558,13 @@
   --amplify-components-checkbox-button-focus-outline-style: solid;
   --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
   --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);
-  --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent);
-  --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
+  --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-border-focus);
+  --amplify-components-checkbox-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
-  --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
-  --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
-  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-border-error);
+  --amplify-components-checkbox-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
+  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-primary-80);
   --amplify-components-checkbox-icon-border-radius: 20%;
   --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
   --amplify-components-checkbox-icon-transform: scale(0);
@@ -489,6 +577,7 @@
   --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-checkbox-label-color: var(--amplify-components-text-color);
   --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkboxfield-align-items: flex-start;
   --amplify-components-checkboxfield-align-content: center;
@@ -541,7 +630,7 @@
   --amplify-components-dropzone-padding-block: var(--amplify-space-xl);
   --amplify-components-dropzone-padding-inline: var(--amplify-space-large);
   --amplify-components-dropzone-text-align: center;
-  --amplify-components-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
+  --amplify-components-dropzone-active-background-color: var(--amplify-colors-primary-10);
   --amplify-components-dropzone-active-border-radius: var(--amplify-components-dropzone-border-radius);
   --amplify-components-dropzone-active-border-color: var(--amplify-colors-border-pressed);
   --amplify-components-dropzone-active-border-style: var(--amplify-components-dropzone-border-style);
@@ -565,40 +654,6 @@
   --amplify-components-dropzone-rejected-border-style: var(--amplify-components-dropzone-border-style);
   --amplify-components-dropzone-rejected-border-width: var(--amplify-components-dropzone-border-width);
   --amplify-components-dropzone-rejected-color: var(--amplify-colors-font-error);
-  --amplify-components-expander-display: block;
-  --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
-  --amplify-components-expander-border-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
-  --amplify-components-expander-width: 100%;
-  --amplify-components-expander-item-margin-top: 1px;
-  --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
-  --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
-  --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
-  --amplify-components-expander-trigger-min-height: 3rem;
-  --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
-  --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
-  --amplify-components-expander-trigger-align-items: center;
-  --amplify-components-expander-trigger-justify-content: space-between;
-  --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
-  --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
-  --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
-  --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
-  --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
-  --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
-  --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
-  --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
-  --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
-  --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
-  --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
-  --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
   --amplify-components-field-gap: var(--amplify-space-xs);
   --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
   --amplify-components-field-flex-direction: column;
@@ -638,19 +693,24 @@
   --amplify-components-fieldcontrol-quiet-border-inline-end: none;
   --amplify-components-fieldcontrol-quiet-border-block-start: none;
   --amplify-components-fieldcontrol-quiet-border-radius: 0;
-  --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
-  --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
+  --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: transparent;
+  --amplify-components-fieldcontrol-quiet-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
-  --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
+  --amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color: transparent;
+  --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
   --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
-  --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
+  --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
   --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-fieldcontrol-disabled-cursor: not-allowed;
   --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
   --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
   --amplify-components-fieldcontrol-error-color: var(--amplify-colors-font-error);
-  --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
+  --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
+  --amplify-components-fieldcontrol-info-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-blue-100);
+  --amplify-components-fieldcontrol-warning-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-orange-100);
+  --amplify-components-fieldcontrol-success-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-green-100);
+  --amplify-components-fieldcontrol-overlay-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-overlay-90);
   --amplify-components-fieldgroup-gap: var(--amplify-space-zero);
   --amplify-components-fieldgroup-vertical-align-items: center;
   --amplify-components-fieldgroup-outer-align-items: center;
@@ -686,7 +746,7 @@
   --amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl);
   --amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large);
   --amplify-components-fileuploader-dropzone-text-align: center;
-  --amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
+  --amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-primary-10);
   --amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
   --amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed);
   --amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
@@ -716,6 +776,8 @@
   --amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary);
   --amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary);
   --amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small);
+  --amplify-components-fileuploader-filelist-flex-direction: column;
+  --amplify-components-fileuploader-filelist-gap: var(--amplify-space-small);
   --amplify-components-fileuploader-loader-stroke-linecap: round;
   --amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary);
   --amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
@@ -735,12 +797,7 @@
   --amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium);
   --amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium);
   --amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small);
-  --amplify-components-fileuploader-previewer-footer-border-color: var(--amplify-colors-border-secondary);
-  --amplify-components-fileuploader-previewer-footer-border-style: solid;
-  --amplify-components-fileuploader-previewer-footer-border-width: var(--amplify-border-widths-small);
-  --amplify-components-fileuploader-previewer-footer-padding-block: var(--amplify-space-medium);
-  --amplify-components-fileuploader-previewer-footer-padding-inline: var(--amplify-space-medium);
-  --amplify-components-fileuploader-previewer-footer-justify-content: space-between;
+  --amplify-components-fileuploader-previewer-footer-justify-content: flex-end;
   --amplify-components-flex-gap: var(--amplify-space-medium);
   --amplify-components-flex-justify-content: normal;
   --amplify-components-flex-align-items: stretch;
@@ -787,12 +844,12 @@
   --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
-  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black);
+  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-background-primary);
   --amplify-components-loader-width: var(--amplify-font-sizes-medium);
   --amplify-components-loader-height: var(--amplify-font-sizes-medium);
   --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
   --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
-  --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
+  --amplify-components-loader-stroke-filled: var(--amplify-colors-primary-80);
   --amplify-components-loader-stroke-linecap: round;
   --amplify-components-loader-animation-duration: 1s;
   --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
@@ -805,7 +862,7 @@
   --amplify-components-loader-linear-min-width: 5rem;
   --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs);
   --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);
-  --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
+  --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-primary-80);
   --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
   --amplify-components-loader-linear-stroke-linecap: round;
   --amplify-components-loader-linear-animation-duration: 1s;
@@ -921,6 +978,19 @@
   --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
   --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
   --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
+  --amplify-components-passwordfield-button-error-color: var(--amplify-components-button-outlined-error-color);
+  --amplify-components-passwordfield-button-error-background-color: var(--amplify-components-button-outlined-error-background-color);
+  --amplify-components-passwordfield-button-error-border-color: var(--amplify-components-button-outlined-error-border-color);
+  --amplify-components-passwordfield-button-error-active-border-color: var(--amplify-components-button-outlined-error-active-border-color);
+  --amplify-components-passwordfield-button-error-active-background-color: var(--amplify-components-button-outlined-error-active-background-color);
+  --amplify-components-passwordfield-button-error-active-color: var(--amplify-components-button-outlined-error-active-color);
+  --amplify-components-passwordfield-button-error-focus-border-color: var(--amplify-components-button-outlined-error-focus-border-color);
+  --amplify-components-passwordfield-button-error-focus-background-color: var(--amplify-components-button-outlined-error-focus-background-color);
+  --amplify-components-passwordfield-button-error-focus-color: var(--amplify-components-button-outlined-error-focus-color);
+  --amplify-components-passwordfield-button-error-focus-box-shadow: var(--amplify-components-button-outlined-error-focus-box-shadow);
+  --amplify-components-passwordfield-button-error-hover-border-color: var(--amplify-components-button-outlined-error-hover-border-color);
+  --amplify-components-passwordfield-button-error-hover-background-color: var(--amplify-components-button-outlined-error-hover-background-color);
+  --amplify-components-passwordfield-button-error-hover-color: var(--amplify-components-button-outlined-error-hover-color);
   --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
   --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
   --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
@@ -964,7 +1034,7 @@
   --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
   --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
   --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
-  --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-radio-button-checked-color: var(--amplify-colors-primary-80);
   --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
   --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
@@ -979,11 +1049,12 @@
   --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);
   --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);
   --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);
-  --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color);
+  --amplify-components-radiogroup-legend-color: var(--amplify-components-fieldset-legend-color);
+  --amplify-components-radiogroup-legend-font-weight: var(--amplify-font-weights-normal);
   --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
   --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
   --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
-  --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
+  --amplify-components-rating-filled-color: var(--amplify-colors-secondary-80);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
   --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
@@ -1000,7 +1071,11 @@
   --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
   --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
   --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
+  --amplify-components-select-color: var(--amplify-components-fieldcontrol-color);
+  --amplify-components-select-background-color: var(--amplify-colors-background-primary);
   --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
+  --amplify-components-select-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-select-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-select-wrapper-flex: 1;
   --amplify-components-select-wrapper-display: block;
   --amplify-components-select-wrapper-position: relative;
@@ -1013,15 +1088,20 @@
   --amplify-components-select-icon-wrapper-pointer-events: none;
   --amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);
   --amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);
-  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-select-option-background-color: transparent;
   --amplify-components-select-option-color: var(--amplify-colors-font-primary);
   --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-select-option-disabled-background-color: transparent;
   --amplify-components-select-white-space: nowrap;
   --amplify-components-select-min-width: 6.5rem;
   --amplify-components-select-small-min-width: 5.5rem;
   --amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);
   --amplify-components-select-large-min-width: 7.5rem;
   --amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);
+  --amplify-components-select-expanded-padding-block: var(--amplify-space-xs);
+  --amplify-components-select-expanded-padding-inline: var(--amplify-space-small);
+  --amplify-components-select-expanded-option-padding-block: var(--amplify-space-xs);
+  --amplify-components-select-expanded-option-padding-inline: var(--amplify-space-small);
   --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
   --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
   --amplify-components-selectfield-flex-direction: column;
@@ -1033,7 +1113,7 @@
   --amplify-components-sliderfield-track-border-radius: 9999px;
   --amplify-components-sliderfield-track-height: 0.375rem;
   --amplify-components-sliderfield-track-min-width: 10rem;
-  --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-sliderfield-range-background-color: var(--amplify-colors-primary-80);
   --amplify-components-sliderfield-range-border-radius: 9999px;
   --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-sliderfield-thumb-width: 1.25rem;
@@ -1050,7 +1130,7 @@
   --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
   --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
   --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus);
-  --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
+  --amplify-components-sliderfield-thumb-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-sliderfield-small-track-height: 0.25rem;
   --amplify-components-sliderfield-small-thumb-width: 1rem;
   --amplify-components-sliderfield-small-thumb-height: 1rem;
@@ -1081,10 +1161,10 @@
   --amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl);
   --amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large);
   --amplify-components-storagemanager-dropzone-text-align: center;
-  --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
-  --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
+  --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-primary-10);
+  --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-storagemanager-dropzone-border-radius);
   --amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed);
-  --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
+  --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-storagemanager-dropzone-border-style);
   --amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium);
   --amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary);
   --amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
@@ -1111,6 +1191,8 @@
   --amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary);
   --amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary);
   --amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small);
+  --amplify-components-storagemanager-filelist-flex-direction: column;
+  --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
   --amplify-components-storagemanager-loader-stroke-linecap: round;
   --amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary);
   --amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
@@ -1131,10 +1213,8 @@
   --amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium);
   --amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small);
   --amplify-components-storagemanager-previewer-footer-justify-content: flex-end;
-  --amplify-components-storagemanager-filelist-flex-direction: column;
-  --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
   --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
-  --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
+  --amplify-components-switchfield-focused-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
   --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
   --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
@@ -1149,7 +1229,7 @@
   --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
   --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
   --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
-  --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-primary-80);
   --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
   --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
   --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
@@ -1218,14 +1298,25 @@
   --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
   --amplify-components-tabs-item-text-align: center;
   --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
+  --amplify-components-tabs-item-hover-background-color: transparent;
+  --amplify-components-tabs-item-hover-border-color: var(--amplify-colors-border-focus);
+  --amplify-components-tabs-item-hover-box-shadow: none;
   --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
+  --amplify-components-tabs-item-focus-background-color: transparent;
+  --amplify-components-tabs-item-focus-border-color: var(--amplify-colors-border-focus);
+  --amplify-components-tabs-item-focus-box-shadow: 0px 0px 0px var(--amplify-border-widths-medium) var(--amplify-colors-border-focus);
   --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
-  --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
-  --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
   --amplify-components-tabs-item-active-background-color: transparent;
-  --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
+  --amplify-components-tabs-item-active-box-shadow: none;
+  --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
   --amplify-components-tabs-item-disabled-background-color: transparent;
   --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-tabs-item-disabled-box-shadow: none;
+  --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-tabs-panel-background-color: transparent;
+  --amplify-components-tabs-panel-padding-inline: 0;
+  --amplify-components-tabs-panel-padding-block: var(--amplify-space-small);
   --amplify-components-text-color: var(--amplify-colors-font-primary);
   --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
   --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
@@ -1265,15 +1356,15 @@
   --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
-  --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
-  --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-primary-80);
+  --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-primary-80);
   --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
   --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
   --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
-  --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
-  --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
-  --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
+  --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-primary-60);
+  --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-primary-60);
+  --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-primary-60);
   --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
   --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
   --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
@@ -1358,29 +1449,29 @@
   --amplify-colors-neutral-80: hsl(210, 10%, 40%);
   --amplify-colors-neutral-90: hsl(210, 25%, 25%);
   --amplify-colors-neutral-100: hsl(210, 50%, 10%);
-  --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10);
-  --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20);
-  --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40);
-  --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60);
-  --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80);
-  --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90);
-  --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100);
-  --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10);
-  --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20);
-  --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40);
-  --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60);
-  --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80);
-  --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90);
-  --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100);
+  --amplify-colors-primary-10: var(--amplify-colors-teal-10);
+  --amplify-colors-primary-20: var(--amplify-colors-teal-20);
+  --amplify-colors-primary-40: var(--amplify-colors-teal-40);
+  --amplify-colors-primary-60: var(--amplify-colors-teal-60);
+  --amplify-colors-primary-80: var(--amplify-colors-teal-80);
+  --amplify-colors-primary-90: var(--amplify-colors-teal-90);
+  --amplify-colors-primary-100: var(--amplify-colors-teal-100);
+  --amplify-colors-secondary-10: var(--amplify-colors-purple-10);
+  --amplify-colors-secondary-20: var(--amplify-colors-purple-20);
+  --amplify-colors-secondary-40: var(--amplify-colors-purple-40);
+  --amplify-colors-secondary-60: var(--amplify-colors-purple-60);
+  --amplify-colors-secondary-80: var(--amplify-colors-purple-80);
+  --amplify-colors-secondary-90: var(--amplify-colors-purple-90);
+  --amplify-colors-secondary-100: var(--amplify-colors-purple-100);
   --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
   --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
   --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
   --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
   --amplify-colors-font-inverse: var(--amplify-colors-white);
-  --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
-  --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
-  --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
-  --amplify-colors-font-active: var(--amplify-colors-brand-primary-100);
+  --amplify-colors-font-interactive: var(--amplify-colors-primary-80);
+  --amplify-colors-font-hover: var(--amplify-colors-primary-90);
+  --amplify-colors-font-focus: var(--amplify-colors-primary-100);
+  --amplify-colors-font-active: var(--amplify-colors-primary-100);
   --amplify-colors-font-info: var(--amplify-colors-blue-90);
   --amplify-colors-font-warning: var(--amplify-colors-orange-90);
   --amplify-colors-font-error: var(--amplify-colors-red-90);
@@ -1398,8 +1489,8 @@
   --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
   --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
   --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
-  --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100);
-  --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100);
+  --amplify-colors-border-pressed: var(--amplify-colors-primary-100);
+  --amplify-colors-border-focus: var(--amplify-colors-primary-100);
   --amplify-colors-border-error: var(--amplify-colors-red-80);
   --amplify-colors-border-info: var(--amplify-colors-blue-80);
   --amplify-colors-border-success: var(--amplify-colors-green-80);
@@ -2939,12 +3030,6 @@ strong.amplify-text {
   border-color: var(--amplify-components-fieldcontrol-error-border-color);
   box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
 }
-.amplify-input[disabled] {
-  color: var(--amplify-components-fieldcontrol-disabled-color);
-  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
-  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
-  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
-}
 .amplify-input--quiet {
   border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
   border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
@@ -2959,8 +3044,15 @@ strong.amplify-text {
   border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
 }
 .amplify-input--quiet[aria-invalid=true]:focus {
+  border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color);
   box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
 }
+.amplify-input[disabled] {
+  color: var(--amplify-components-fieldcontrol-disabled-color);
+  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
+  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
+  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
+}
 .amplify-textarea {
   box-sizing: border-box;
@@ -3011,12 +3103,6 @@ strong.amplify-text {
   border-color: var(--amplify-components-fieldcontrol-error-border-color);
   box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
 }
-.amplify-textarea[disabled] {
-  color: var(--amplify-components-fieldcontrol-disabled-color);
-  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
-  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
-  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
-}
 .amplify-textarea--quiet {
   border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
   border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
@@ -3031,8 +3117,15 @@ strong.amplify-text {
   border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
 }
 .amplify-textarea--quiet[aria-invalid=true]:focus {
+  border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color);
   box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
 }
+.amplify-textarea[disabled] {
+  color: var(--amplify-components-fieldcontrol-disabled-color);
+  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
+  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
+  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
+}
 .amplify-image {
   height: var(--amplify-components-image-height);
@@ -3153,7 +3246,7 @@ strong.amplify-text {
   stroke-dashoffset: 0%;
   stroke-dasharray: none;
 }
-.amplify-loader__percentage-text {
+.amplify-loader__label {
   fill: var(--amplify-components-loader-text-fill);
   stroke: none;
 }
@@ -3238,6 +3331,71 @@ strong.amplify-text {
   color: var(--amplify-components-copy-tool-tip-color);
 }
+.amplify-accordion {
+  display: block;
+  background-color: var(--amplify-components-accordion-background-color);
+  border-radius: var(--amplify-components-accordion-item-border-radius);
+}
+.amplify-accordion__item {
+  display: block;
+  position: relative;
+  border-width: var(--amplify-components-accordion-item-border-width);
+  border-style: var(--amplify-components-accordion-item-border-style);
+  border-color: var(--amplify-components-accordion-item-border-color);
+}
+.amplify-accordion__item + .amplify-accordion__item {
+  margin-block-start: calc(-1 * var(--amplify-components-accordion-item-border-width));
+}
+.amplify-accordion__item:where(:first-of-type) {
+  border-start-end-radius: var(--amplify-components-accordion-item-border-radius);
+  border-start-start-radius: var(--amplify-components-accordion-item-border-radius);
+}
+.amplify-accordion__item:where(:last-of-type) {
+  border-end-end-radius: var(--amplify-components-accordion-item-border-radius);
+  border-end-start-radius: var(--amplify-components-accordion-item-border-radius);
+}
+.amplify-accordion__item__trigger {
+  cursor: pointer;
+  display: flex;
+  position: relative;
+  color: var(--amplify-components-accordion-item-trigger-color);
+  border-radius: var(--amplify-components-accordion-item-border-radius);
+  padding-inline: var(--amplify-components-accordion-item-trigger-padding-inline);
+  padding-block: var(--amplify-components-accordion-item-trigger-padding-block);
+  gap: var(--amplify-components-accordion-item-trigger-gap);
+  align-items: var(--amplify-components-accordion-item-trigger-align-items);
+  justify-content: var(--amplify-components-accordion-item-trigger-justify-content);
+}
+.amplify-accordion__item__trigger:hover {
+  background-color: var(--amplify-components-accordion-item-trigger-hover-background-color);
+  color: var(--amplify-components-accordion-item-trigger-hover-color);
+}
+.amplify-accordion__item__trigger:focus {
+  box-shadow: var(--amplify-components-accordion-item-trigger-focus-box-shadow);
+  border-color: var(--amplify-components-accordion-item-trigger-focus-border-color);
+  z-index: 2;
+}
+.amplify-accordion__item__trigger::-webkit-details-marker {
+  display: none;
+}
+.amplify-accordion__item__content {
+  display: block;
+  color: var(--amplify-components-accordion-item-content-color);
+  padding-block-end: var(--amplify-components-accordion-item-content-padding-block-end);
+  padding-block-start: var(--amplify-components-accordion-item-content-padding-block-start);
+  padding-inline: var(--amplify-components-accordion-item-content-padding-inline);
+}
+.amplify-accordion__item__icon {
+  color: var(--amplify-components-accordion-item-icon-color);
+  transition-property: transform;
+  transition-duration: var(--amplify-components-accordion-item-icon-transition-duration);
+  transition-timing-function: var(--amplify-components-accordion-item-icon-transition-timing-function);
+}
+[open] .amplify-accordion__item__icon {
+  transform: rotate(180deg);
+}
 .amplify-alert {
   align-items: var(--amplify-components-alert-align-items);
   background-color: var(--amplify-components-alert-background-color);
@@ -3395,6 +3553,148 @@ strong.amplify-text {
   align-self: center;
 }
+.amplify-authenticator__federated-buttons {
+  flex-direction: column;
+  padding-block-end: var(--amplify-space-medium);
+}
+.amplify-authenticator__federated-button {
+  font-weight: normal;
+  gap: var(--amplify-space-medium);
+}
+.amplify-avatar {
+  --avatar-color: var(--amplify-components-avatar-color);
+  --avatar-background-color: var(--amplify-components-avatar-background-color);
+  --avatar-filled-background-color: var(--amplify-components-avatar-color);
+  --avatar-filled-color: var(--amplify-components-avatar-background-color);
+  --avatar-border-color: var(--amplify-components-avatar-border-color);
+  --avatar-size: var(--amplify-components-avatar-width);
+  --amplify-components-icon-height: 100%;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--avatar-color);
+  background-color: var(--avatar-background-color);
+  font-weight: var(--amplify-components-avatar-font-weight);
+  font-size: var(--amplify-components-avatar-font-size);
+  width: var(--amplify-components-avatar-width);
+  height: var(--amplify-components-avatar-height);
+  overflow: hidden;
+  border-radius: var(--amplify-components-avatar-border-radius);
+}
+.amplify-avatar--filled {
+  background-color: var(--avatar-filled-background-color);
+  color: var(--avatar-filled-color);
+}
+.amplify-avatar--outlined {
+  border-width: var(--amplify-components-avatar-border-width);
+  border-style: solid;
+  padding: var(--amplify-components-avatar-border-width);
+  border-color: var(--avatar-border-color);
+  background-color: transparent;
+  color: var(--avatar-color);
+}
+.amplify-avatar--small {
+  --avatar-size: var(--amplify-components-avatar-small-width);
+  width: var(--amplify-components-avatar-small-width);
+  height: var(--amplify-components-avatar-small-height);
+  font-size: var(--amplify-components-avatar-small-font-size);
+}
+.amplify-avatar--large {
+  --avatar-size: var(--amplify-components-avatar-large-width);
+  width: var(--amplify-components-avatar-large-width);
+  height: var(--amplify-components-avatar-large-height);
+  font-size: var(--amplify-components-avatar-large-font-size);
+}
+.amplify-avatar--warning {
+  --avatar-border-color: var(
+    --amplify-components-avatar-warning-border-color
+  );
+  --avatar-background-color: var(
+    --amplify-components-avatar-warning-background-color
+  );
+  --avatar-color: var(--amplify-components-avatar-warning-color);
+  --avatar-filled-background-color: var(
+    --amplify-components-avatar-warning-color
+  );
+  --avatar-filled-color: var(
+    --amplify-components-avatar-warning-background-color
+  );
+  --amplify-components-loader-stroke-filled: var(
+    --amplify-components-avatar-warning-color
+  );
+}
+.amplify-avatar--error {
+  --avatar-border-color: var(--amplify-components-avatar-error-border-color);
+  --avatar-background-color: var(
+    --amplify-components-avatar-error-background-color
+  );
+  --avatar-color: var(--amplify-components-avatar-error-color);
+  --avatar-filled-background-color: var(
+    --amplify-components-avatar-error-color
+  );
+  --avatar-filled-color: var(
+    --amplify-components-avatar-error-background-color
+  );
+  --amplify-components-loader-stroke-filled: var(
+    --amplify-components-avatar-error-color
+  );
+}
+.amplify-avatar--info {
+  --avatar-border-color: var(--amplify-components-avatar-info-border-color);
+  --avatar-background-color: var(
+    --amplify-components-avatar-info-background-color
+  );
+  --avatar-color: var(--amplify-components-avatar-info-color);
+  --avatar-filled-background-color: var(
+    --amplify-components-avatar-info-color
+  );
+  --avatar-filled-color: var(
+    --amplify-components-avatar-info-background-color
+  );
+  --amplify-components-loader-stroke-filled: var(
+    --amplify-components-avatar-info-color
+  );
+}
+.amplify-avatar--success {
+  --avatar-border-color: var(
+    --amplify-components-avatar-success-border-color
+  );
+  --avatar-background-color: var(
+    --amplify-components-avatar-success-background-color
+  );
+  --avatar-color: var(--amplify-components-avatar-success-color);
+  --avatar-filled-background-color: var(
+    --amplify-components-avatar-success-color
+  );
+  --avatar-filled-color: var(
+    --amplify-components-avatar-success-background-color
+  );
+  --amplify-components-loader-stroke-filled: var(
+    --amplify-components-avatar-success-color
+  );
+}
+.amplify-avatar__icon {
+  display: flex;
+  font-size: calc(var(--avatar-size) * 0.6);
+}
+.amplify-avatar__image {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  display: block;
+}
+.amplify-avatar__loader {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  stroke: transparent;
+}
 .amplify-breadcrumbs__list {
   display: flex;
   flex-wrap: var(--amplify-components-breadcrumbs-flex-wrap);
@@ -3466,7 +3766,7 @@ strong.amplify-text {
 .amplify-collection {
   flex-direction: column;
 }
-.amplify-collection-pagination {
+.amplify-collection__pagination {
   justify-content: center;
   --amplify-components-pagination-current-color: var(
     --amplify-components-collection-pagination-current-color
@@ -3487,7 +3787,7 @@ strong.amplify-text {
     --amplify-components-collection-pagination-button-disabled-color
   );
 }
-.amplify-collection-search {
+.amplify-collection__search {
   flex-direction: row;
   justify-content: center;
   --amplify-components-searchfield-input-color: var(
@@ -3543,6 +3843,7 @@ strong.amplify-text {
 }
 .amplify-checkbox--disabled {
   cursor: var(--amplify-components-checkbox-disabled-cursor);
+  color: var(--amplify-components-checkbox-label-disabled-color);
 }
 .amplify-checkbox__button {
@@ -3625,7 +3926,10 @@ strong.amplify-text {
   background-color: var(--amplify-internal-checkbox-icon-disabled-background-color);
 }
-.amplify-checkbox__label[data-disabled=true] {
+.amplify-checkbox__label {
+  color: var(--amplify-components-checkbox-label-color);
+}
+.amplify-checkbox__label--disabled {
   color: var(--amplify-components-checkbox-label-disabled-color);
 }
@@ -3641,17 +3945,27 @@ strong.amplify-text {
 }
 .amplify-divider {
+  --amplify-internal-divider-size: var(
+    --amplify-components-divider-border-width
+  );
   border-color: var(--amplify-components-divider-border-color);
   border-style: var(--amplify-components-divider-border-style);
   border-width: 0;
   opacity: var(--amplify-components-divider-opacity);
   padding: 0;
-  display: block;
-  --amplify-internal-divider-size: var(
-    --amplify-components-divider-border-width
-  );
+  display: flex;
   position: relative;
   text-align: center;
+  justify-content: center;
+}
+.amplify-divider::after {
+  content: attr(data-label);
+  position: absolute;
+  transform: translateY(-50%);
+  font-size: var(--amplify-components-divider-label-font-size);
+  padding-inline: var(--amplify-components-divider-label-padding-inline);
+  background-color: var(--amplify-components-divider-label-background-color);
+  color: var(--amplify-components-divider-label-color);
 }
 .amplify-divider--small {
   --amplify-internal-divider-size: var(
@@ -3669,134 +3983,15 @@ strong.amplify-text {
 }
 .amplify-divider--vertical {
   border-left-width: var(--amplify-internal-divider-size);
-}
-.amplify-divider--label {
-  display: flex;
-  justify-content: center;
-}
-.amplify-divider--label::after {
-  content: attr(data-label);
-  position: absolute;
-  transform: translateY(-50%);
-  font-size: var(--amplify-components-divider-label-font-size);
-  padding-inline: var(--amplify-components-divider-label-padding-inline);
-  background-color: var(--amplify-components-divider-label-background-color);
-  color: var(--amplify-components-divider-label-color);
-}
-.amplify-divider--label[aria-orientation=vertical] {
   flex-direction: column;
 }
-.amplify-divider--label[aria-orientation=vertical]::after {
+.amplify-divider--vertical::after {
   top: auto;
   transform: translateX(-50%);
   padding-block: 0;
   padding-inline: 0;
 }
-.amplify-expander {
-  display: block;
-  background-color: var(--amplify-components-expander-background-color);
-  border-radius: var(--amplify-components-expander-border-radius);
-  box-shadow: var(--amplify-components-expander-box-shadow);
-  width: var(--amplify-components-expander-width);
-}
-.amplify-expander__item {
-  display: block;
-  overflow: hidden;
-  box-shadow: var(--amplify-components-expander-item-box-shadow);
-}
-.amplify-expander__item:first-of-type {
-  border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius);
-  border-start-end-radius: var(--amplify-components-expander-item-border-start-end-radius);
-}
-@supports not (border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius)) {
-  .amplify-expander__item:first-of-type {
-    border-top-left-radius: var(--amplify-components-expander-item-border-top-left-radius);
-    border-top-right-radius: var(--amplify-components-expander-item-border-top-right-radius);
-  }
-}
-.amplify-expander__item:last-of-type {
-  box-shadow: none;
-  border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius);
-  border-end-end-radius: var(--amplify-components-expander-item-border-end-end-radius);
-}
-@supports not (border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius)) {
-  .amplify-expander__item:last-of-type {
-    border-bottom-left-radius: var(--amplify-components-expander-item-border-bottom-left-radius);
-    border-bottom-right-radius: var(--amplify-components-expander-item-border-bottom-right-radius);
-  }
-}
-.amplify-expander__item:focus-within {
-  box-shadow: var(--amplify-components-expander-item-focus-box-shadow);
-}
-.amplify-expander__header {
-  display: flex;
-  box-shadow: var(--amplify-components-expander-header-box-shadow);
-}
-.amplify-expander__trigger {
-  flex: 1;
-  display: flex;
-  min-height: var(--amplify-components-expander-trigger-min-height);
-  padding-inline-start: var(--amplify-components-expander-trigger-padding-inline-start);
-  padding-inline-end: var(--amplify-components-expander-trigger-padding-inline-end);
-  align-items: var(--amplify-components-expander-trigger-align-items);
-  justify-content: var(--amplify-components-expander-trigger-justify-content);
-}
-.amplify-expander__trigger:hover {
-  background-color: var(--amplify-components-expander-trigger-hover-background-color);
-}
-.amplify-expander__content {
-  display: block;
-  padding-inline-start: var(--amplify-components-expander-content-padding-inline-start);
-  padding-inline-end: var(--amplify-components-expander-content-padding-inline-end);
-}
-.amplify-expander__content[data-state=open] {
-  animation-name: amplify-expander-slide-down;
-  animation-duration: var(--amplify-components-expander-content-open-animation-duration);
-  animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
-}
-.amplify-expander__content[data-state=closed] {
-  animation-name: amplify-expander-slide-up;
-  animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
-  animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
-}
-.amplify-expander__content__text {
-  display: block;
-  color: var(--amplify-components-expander-content-text-color);
-  padding-block-start: var(--amplify-components-expander-content-text-padding-block-start);
-  padding-block-end: var(--amplify-components-expander-content-text-padding-block-end);
-}
-.amplify-expander__icon {
-  transition-property: transform;
-  transition-duration: var(--amplify-components-expander-icon-transition-duration);
-  transition-timing-function: var(--amplify-components-expander-icon-transition-timing-function);
-}
-[data-state=open] .amplify-expander__icon {
-  transform: rotate(180deg);
-}
-@keyframes amplify-expander-slide-down {
-  from {
-    height: 0;
-  }
-  to {
-    height: auto;
-  }
-}
-@keyframes amplify-expander-slide-up {
-  from {
-    height: auto;
-  }
-  to {
-    height: 0;
-  }
-}
 .amplify-field {
   font-size: var(--amplify-components-field-font-size);
   gap: var(--amplify-components-field-gap);
@@ -3991,8 +4186,15 @@ html[dir=rtl] .amplify-field-group__inner-start {
   right: var(--amplify-space-medium);
 }
+.liveness-detector .amplify-button--primary:focus {
+  box-shadow: unset;
+  outline: var(--amplify-components-button-focus-color) solid 2px;
+  outline-offset: 2px;
+}
 .amplify-liveness-cancel-button {
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
+  color: hsl(190, 95%, 30%);
 }
 .amplify-liveness-fade-out {
@@ -4024,6 +4226,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   left: 0;
   height: 100%;
   width: 100%;
+  z-index: 2;
 }
 .amplify-liveness-video {
@@ -4032,6 +4235,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   left: 0;
   width: 100%;
   height: 100%;
+  transform: scaleX(-1);
 }
 .amplify-liveness-freshness-canvas {
@@ -4081,14 +4285,18 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-recording-icon {
   flex-direction: column;
   align-items: center;
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
   padding: var(--amplify-space-xxs);
   gap: var(--amplify-space-xxs);
   border-radius: var(--amplify-radii-small);
 }
+.amplify-liveness-recording-icon .amplify-text {
+  color: var(--amplify-colors-black);
+}
 .amplify-liveness-instruction-overlay {
-  z-index: 1;
+  z-index: 2;
 }
 .amplify-liveness-countdown-container {
@@ -4107,7 +4315,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-toast {
   background-color: var(--amplify-colors-background-primary);
   padding: var(--amplify-space-small);
-  border-radius: var(--amplify-radii-medium);
+  max-width: 100%;
 }
 .amplify-liveness-toast__message {
@@ -4116,12 +4324,17 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: column;
 }
+.amplify-liveness-toast--medium {
+  border-radius: var(--amplify-radii-medium);
+}
 .amplify-liveness-toast--large {
-  font-size: var(--amplify-font-sizes-xl);
+  font-size: var(--amplify-font-sizes-xxl);
+  padding: 0 var(--amplify-space-xs);
 }
 .amplify-liveness-toast--primary {
-  background-color: var(--amplify-colors-brand-primary-80);
+  background-color: var(--amplify-colors-primary-80);
 }
 .amplify-liveness-toast--primary .amplify-liveness-toast__message {
   color: var(--amplify-colors-font-inverse);
@@ -4181,7 +4394,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   content: "";
   width: 100%;
   height: 100%;
-  background: var(--amplify-colors-brand-primary-40);
+  background: var(--amplify-colors-primary-80);
   left: -100%;
   transform: translate(var(--percentage), 0);
   transition: var(--amplify-liveness-match-indicator-transition);
@@ -4194,7 +4407,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   width: var(--amplify-space-small);
   height: var(--height);
   border-radius: var(--amplify-radii-medium);
-  background: var(--amplify-colors-brand-primary-80);
+  background: var(--amplify-colors-primary-80);
   left: 0;
   top: 0;
   transform: translate(-50%, calc(var(--height) / 2 * -1));
@@ -4250,7 +4463,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-landscape-error-modal {
   background-color: var(--amplify-colors-background-primary);
-  direction: column;
+  flex-direction: column;
   text-align: center;
   align-items: center;
   justify-content: center;
@@ -4281,9 +4494,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-liveness-start-screen-warning {
-  color: var(--amplify-colors-orange-80);
-  background-color: var(--amplify-colors-orange-20);
+  color: var(--amplify-colors-blue-90);
+  background-color: var(--amplify-colors-blue-10);
   align-items: center;
+  z-index: 3;
 }
 .amplify-liveness-start-screen-instructions__heading {
@@ -4302,7 +4516,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   top: 0;
   width: 100%;
   height: 100%;
-  padding: var(--amplify-space-xl);
+  padding: var(--amplify-space-large);
 }
 .amplify-liveness-error-modal {
@@ -4316,6 +4530,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
   font-weight: var(--amplify-font-weights-bold);
 }
+.amplify-liveness-hint--mobile {
+  margin-top: var(--amplify-space-xxxl);
+}
 .amplify-liveness-hint__text {
   align-items: center;
   gap: var(--amplify-space-xs);
@@ -4323,13 +4541,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-popover {
   position: relative;
-  cursor: pointer;
 }
 .amplify-liveness-popover__anchor {
   position: absolute;
   top: 26px;
-  left: 3px;
+  left: 20px;
   z-index: 3;
   border-style: solid;
   border-width: 0 9px 9px 9px;
@@ -4339,7 +4556,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-popover__anchor-secondary {
   position: absolute;
   top: 24px;
-  left: 2px;
+  left: 19px;
   z-index: 2;
   border-style: solid;
   border-width: 0 10px 10px 10px;
@@ -4352,171 +4569,63 @@ html[dir=rtl] .amplify-field-group__inner-start {
   color: var(--amplify-colors-font-primary);
   flex-direction: row;
   font-size: var(--amplify-font-sizes-xs);
+  font-weight: var(--amplify-font-weights-normal);
   padding: var(--amplify-space-small);
   top: 33px;
   width: 240px;
   border: 1px solid var(--amplify-colors-border-secondary);
   border-radius: 2px;
+  z-index: 4;
 }
-.amplify-fileuploader__dropzone {
-  background-color: var(--amplify-components-fileuploader-dropzone-background-color);
-  border-color: var(--amplify-components-fileuploader-dropzone-border-color);
-  border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
-  border-style: var(--amplify-components-fileuploader-dropzone-border-style);
-  border-width: var(--amplify-components-fileuploader-dropzone-border-width);
-  text-align: var(--amplify-components-fileuploader-dropzone-text-align);
-  padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
-  padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
-  display: flex;
+.amplify-liveness-start-screen-camera-select {
   flex-direction: column;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: var(--amplify-space-xl);
   align-items: center;
-  gap: var(--amplify-components-fileuploader-dropzone-gap);
+  justify-content: flex-end;
+  display: flex;
+  z-index: 2;
 }
-.amplify-fileuploader__dropzone--small {
-  flex-direction: row;
-  justify-content: center;
+.amplify-liveness-start-screen-camera-select__container {
+  display: flex;
+  justify-content: space-between;
+  align-items: inherit;
+  gap: var(--amplify-space-xs);
 }
-.amplify-fileuploader__dropzone--active {
-  border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
-  border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
-  background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
+.amplify-liveness-start-screen-camera-select__label,
+.amplify-liveness-start-screen-camera-select .amplify-select,
+.amplify-liveness-start-screen-camera-select .amplify-select__wrapper,
+.amplify-liveness-start-screen-camera-select .amplify-select__icon-wrapper {
+  background-color: var(--amplify-colors-background-primary);
+  color: var(--amplify-colors-font-primary);
 }
-.amplify-fileuploader__dropzone__icon {
-  font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
-  color: var(--amplify-components-fileuploader-dropzone-icon-color);
+.amplify-liveness-start-screen-camera-waiting {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  height: 480px;
 }
-.amplify-fileuploader__dropzone__text {
-  color: var(--amplify-components-fileuploader-dropzone-text-color);
-  font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
-  font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
-}
-.amplify-fileuploader__file {
-  position: relative;
-  border-width: var(--amplify-components-fileuploader-file-border-width);
-  border-style: var(--amplify-components-fileuploader-file-border-style);
-  border-color: var(--amplify-components-fileuploader-file-border-color);
-  border-radius: var(--amplify-components-fileuploader-file-border-radius);
-  display: flex;
-  flex-direction: column;
-  padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-file-padding-block);
-  align-items: var(--amplify-components-fileuploader-file-align-items);
-}
-.amplify-fileuploader__file__wrapper {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--amplify-components-fileuploader-file-gap);
-}
-.amplify-fileuploader__file__name {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
-  font-size: var(--amplify-components-fileuploader-file-name-font-size);
-  color: var(--amplify-components-fileuploader-file-name-color);
-}
-.amplify-fileuploader__file__size {
-  font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
-  font-size: var(--amplify-components-fileuploader-file-size-font-size);
-  color: var(--amplify-components-fileuploader-file-size-color);
-}
-.amplify-fileuploader__file__main {
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.amplify-fileuploader__file__image {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--amplify-components-fileuploader-file-image-width);
-  height: var(--amplify-components-fileuploader-file-image-height);
-  background-color: var(--amplify-components-fileuploader-file-image-background-color);
-  border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
-  color: var(--amplify-components-fileuploader-file-image-color);
-}
-.amplify-fileuploader__file__image img {
-  max-height: 100%;
-}
-.amplify-fileuploader__file__status--error {
-  color: var(--amplify-colors-font-error);
-  font-size: var(--amplify-components-fileuploader-file-size-font-size);
-}
-.amplify-fileuploader__file__status--success {
-  color: var(--amplify-colors-font-success);
-}
-.amplify-fileuploader__loader {
-  stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
-  stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
-  stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
-  height: var(--amplify-components-fileuploader-loader-stroke-width);
-  --amplify-components-loader-linear-stroke-filled: var(
-    --amplify-components-fileuploader-loader-stroke-filled
-  );
-  overflow: hidden;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-}
-.amplify-fileuploader__previewer {
-  display: block;
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  background-color: var(--amplify-components-fileuploader-previewer-background-color);
-  border-width: var(--amplify-components-fileuploader-previewer-border-width);
-  border-style: var(--amplify-components-fileuploader-previewer-border-style);
-  border-color: var(--amplify-components-fileuploader-previewer-border-color);
-  border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
-  padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-padding-block);
-}
-.amplify-fileuploader__previewer__text {
-  font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
-  font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
-  color: var(--amplify-components-fileuploader-previewer-text-color);
-}
-.amplify-fileuploader__previewer__body {
-  display: flex;
-  flex-direction: column;
-  max-height: var(--amplify-components-fileuploader-previewer-max-height);
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  overflow: auto;
-  gap: var(--amplify-components-fileuploader-previewer-body-gap);
-  padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
-}
-.amplify-fileuploader__previewer__footer {
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width);
-  border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style);
-  border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color);
-  padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
-}
-.amplify-fileuploader__previewer__footer__actions {
-  display: flex;
-  flex-direction: row;
-  gap: var(--amplify-space-small);
-}
-.amplify-menu-content-wrapper {
-  z-index: 999999;
+.amplify-menu__wrapper {
+  z-index: 999999;
 }
-.amplify-menu-trigger {
+.amplify-menu__trigger {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.amplify-menu-content {
+.amplify-menu__content {
   background-color: var(--amplify-components-menu-background-color);
   border-radius: var(--amplify-components-menu-border-radius);
   box-shadow: var(--amplify-components-menu-box-shadow);
@@ -4529,33 +4638,33 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-style: var(--amplify-components-menu-border-style);
 }
-.amplify-menu-content__item {
+.amplify-menu__content__item {
   min-height: var(--amplify-components-menu-item-min-height);
   padding-inline-start: var(--amplify-components-menu-item-padding-inline-start);
   padding-inline-end: var(--amplify-components-menu-item-padding-inline-end);
 }
-.amplify-menu-content__item:not(:first-child):not(:last-child) {
+.amplify-menu__content__item:not(:first-child):not(:last-child) {
   border-radius: 0;
 }
-.amplify-menu-content__item:first-child {
+.amplify-menu__content__item:first-child {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
 }
 @supports not (border-end-end-radius: 0) {
-  .amplify-menu-content__item:first-child {
+  .amplify-menu__content__item:first-child {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
 }
-.amplify-menu-content__item:last-child {
+.amplify-menu__content__item:last-child {
   border-start-end-radius: 0;
   border-start-start-radius: 0;
 }
 @supports not (border-end-end-radius: 0) {
-  .amplify-menu-content__item:last-child {
+  .amplify-menu__content__item:last-child {
     border-top-right-radius: 0;
     border-top-left-radius: 0;
   }
@@ -4673,47 +4782,42 @@ html[dir=rtl] .amplify-field-group__inner-start {
   gap: var(--amplify-components-message-dismiss-gap);
 }
-.amplify-pagination__item-current, .amplify-pagination__item-button {
-  height: var(--amplify-components-pagination-item-shared-height);
-  min-width: var(--amplify-components-pagination-item-shared-min-width);
-  border-radius: var(--amplify-components-pagination-item-shared-border-radius);
-}
 .amplify-pagination {
   list-style-type: none;
 }
-.amplify-pagination li {
-  margin-left: var(--amplify-components-pagination-item-container-margin-left);
-  margin-right: var(--amplify-components-pagination-item-container-margin-right);
-}
-.amplify-pagination__item-button {
+.amplify-pagination__item {
+  height: var(--amplify-components-pagination-item-shared-height);
+  min-width: var(--amplify-components-pagination-item-shared-min-width);
+  border-radius: var(--amplify-components-pagination-item-shared-border-radius);
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: initial;
   color: var(--amplify-components-pagination-button-color);
+  margin-inline-start: var(--amplify-components-pagination-item-container-margin-left);
+  margin-inline-end: var(--amplify-components-pagination-item-container-margin-right);
   padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start);
   padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end);
   transition-property: var(--amplify-components-pagination-button-transition-property);
   transition-duration: var(--amplify-components-pagination-button-transition-duration);
 }
-.amplify-pagination__item-button:hover {
+.amplify-pagination__item:hover {
   text-decoration: none;
   color: var(--amplify-components-pagination-button-hover-color);
   background-color: var(--amplify-components-pagination-button-hover-background-color);
 }
-.amplify-pagination__item-button--disabled {
+.amplify-pagination__item--disabled {
   color: var(--amplify-components-pagination-button-disabled-color);
   pointer-events: none;
 }
-.amplify-pagination__item-current {
+.amplify-pagination__item--current {
   align-items: var(--amplify-components-pagination-current-align-items);
   justify-content: var(--amplify-components-pagination-current-justify-content);
   color: var(--amplify-components-pagination-current-color);
   font-size: var(--amplify-components-pagination-current-font-size);
   background-color: var(--amplify-components-pagination-current-background-color);
 }
-.amplify-pagination__item-ellipsis {
+.amplify-pagination__item--ellipsis {
   align-items: var(--amplify-components-pagination-ellipsis-align-items);
   justify-content: var(--amplify-components-pagination-ellipsis-justify-content);
   padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
@@ -4763,11 +4867,45 @@ html[dir=rtl] .amplify-field-group__inner-start {
   --amplify-components-button-hover-color: var(
     --amplify-components-passwordfield-button-hover-color
   );
-}
-.amplify-field__show-password--error {
-  color: var(--amplify-components-fieldcontrol-error-color);
-  border-color: var(--amplify-components-fieldcontrol-error-border-color);
+  --amplify-components-button-outlined-error-color: var(
+    --amplify-components-passwordfield-button-error-color
+  );
+  --amplify-components-button-outlined-error-border-color: var(
+    --amplify-components-passwordfield-button-error-border-color
+  );
+  --amplify-components-button-outlined-error-background-color: var(
+    --amplify-components-passwordfield-button-error-background-color
+  );
+  --amplify-components-button-outlined-error-active-color: var(
+    --amplify-components-passwordfield-button-error-active-color
+  );
+  --amplify-components-button-outlined-error-active-border-color: var(
+    --amplify-components-passwordfield-button-error-active-border-color
+  );
+  --amplify-components-button-outlined-error-active-background-color: var(
+    --amplify-components-passwordfield-button-error-active-background-color
+  );
+  --amplify-components-button-outlined-error-hover-color: var(
+    --amplify-components-passwordfield-button-error-hover-color
+  );
+  --amplify-components-button-outlined-error-hover-border-color: var(
+    --amplify-components-passwordfield-button-error-hover-border-color
+  );
+  --amplify-components-button-outlined-error-hover-background-color: var(
+    --amplify-components-passwordfield-button-error-hover-background-color
+  );
+  --amplify-components-button-outlined-error-focus-color: var(
+    --amplify-components-passwordfield-button-error-focus-color
+  );
+  --amplify-components-button-outlined-error-focus-box-shadow: var(
+    --amplify-components-passwordfield-button-error-focus-box-shadow
+  );
+  --amplify-components-button-outlined-error-focus-border-color: var(
+    --amplify-components-passwordfield-button-error-focus-border-color
+  );
+  --amplify-components-button-outlined-error-focus-background-color: var(
+    --amplify-components-passwordfield-button-error-focus-background-color
+  );
 }
 .amplify-phonenumberfield select:not(:focus) {
@@ -4802,17 +4940,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-rating {
-  display: inline-flex;
+  display: flex;
   position: relative;
   text-align: left;
   font-size: var(--amplify-components-rating-default-size);
   line-height: var(--amplify-components-rating-default-size);
 }
-.amplify-rating .amplify-icon {
-  font-size: unset;
-  line-height: unset;
-  height: 1em;
-}
 .amplify-rating--small {
   font-size: var(--amplify-components-rating-small-size);
   line-height: var(--amplify-components-rating-small-size);
@@ -4821,39 +4954,22 @@ html[dir=rtl] .amplify-field-group__inner-start {
   font-size: var(--amplify-components-rating-large-size);
   line-height: var(--amplify-components-rating-large-size);
 }
-.amplify-rating-filled {
-  fill: currentColor;
-  display: inline-block;
-  flex-shrink: 0;
-  width: 1em;
-  height: 1em;
-}
-.amplify-rating-icon-container {
+.amplify-rating__item {
   position: relative;
   height: 1em;
   width: 1em;
 }
-.amplify-rating-label {
-  position: absolute;
-  overflow: hidden;
-  height: 1em;
-  width: 1em;
-}
-.amplify-rating-icon {
+.amplify-rating__icon {
   width: 1em;
   height: 1em;
   display: block;
+  position: absolute;
+  overflow: hidden;
 }
-.amplify-rating-icon-filled {
+.amplify-rating__icon--filled {
   color: var(--amplify-components-rating-filled-color);
 }
-.amplify-rating-icon-empty {
+.amplify-rating__icon--empty {
   color: var(--amplify-components-rating-empty-color);
 }
@@ -4863,7 +4979,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
   gap: inherit;
   flex-direction: row-reverse;
   position: relative;
-  --amplify-components-text-color: var(--amplify-components-radio-label-color);
 }
 .amplify-radio--disabled {
   cursor: var(--amplify-components-radio-disabled-cursor);
@@ -4934,7 +5049,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
   background-color: var(--amplify-components-radio-button-disabled-background-color);
 }
-.amplify-radio__label[data-disabled=true] {
+.amplify-radio__label {
+  color: var(--amplify-components-radio-label-color);
+}
+.amplify-radio__label--disabled {
   color: var(--amplify-components-radio-label-disabled-color);
 }
@@ -4947,8 +5065,11 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-radiogroupfield {
   flex-direction: column;
   align-items: flex-start;
-  --amplify-components-field-label-color: var(
-    --amplify-components-radiogroup-label-color
+  --amplify-components-fieldset-legend-color: var(
+    --amplify-components-radiogroup-legend-color
+  );
+  --amplify-components-fieldset-legend-font-weight: var(
+    --amplify-components-radiogroup-legend-font-weight
   );
   --amplify-components-radio-button-border-width: var(
     --amplify-components-radiogroup-radio-border-width
@@ -5005,7 +5126,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   align-self: stretch;
 }
-.amplify-select__icon-wrapper {
+.amplify-select__icon {
   color: var(--amplify-components-fieldcontrol-color);
   align-items: var(--amplify-components-select-icon-wrapper-align-items);
   position: var(--amplify-components-select-icon-wrapper-position);
@@ -5014,10 +5135,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
   transform: var(--amplify-components-select-icon-wrapper-transform);
   pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events);
 }
-.amplify-select__icon-wrapper--small {
+.amplify-select__icon--small {
   right: var(--amplify-components-select-icon-wrapper-small-right);
 }
-.amplify-select__icon-wrapper--large {
+.amplify-select__icon--large {
   right: var(--amplify-components-select-icon-wrapper-large-right);
 }
@@ -5040,6 +5161,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
   outline-style: var(--amplify-components-fieldcontrol-outline-style);
   outline-width: var(--amplify-components-fieldcontrol-outline-width);
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
+  background-color: var(--amplify-components-select-background-color);
+  color: var(--amplify-components-select-color);
   min-width: var(--amplify-components-select-min-width);
   padding-inline-end: var(--amplify-components-select-padding-inline-end);
   white-space: var(--amplify-components-select-white-space);
@@ -5069,12 +5192,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-color: var(--amplify-components-fieldcontrol-error-border-color);
   box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
 }
-.amplify-select[disabled] {
-  color: var(--amplify-components-fieldcontrol-disabled-color);
-  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
-  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
-  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
-}
 .amplify-select--quiet {
   border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
   border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
@@ -5089,19 +5206,31 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
 }
 .amplify-select--quiet[aria-invalid=true]:focus {
+  border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color);
   box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
 }
+.amplify-select[disabled] {
+  color: var(--amplify-components-fieldcontrol-disabled-color);
+  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
+  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
+  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
+}
 .amplify-select option {
-  color: initial;
+  background-color: var(--amplify-components-select-option-background-color);
+  color: var(--amplify-components-select-option-color);
 }
 .amplify-select option[disabled=""] {
+  background-color: var(--amplify-components-select-option-disabled-background-color);
   color: var(--amplify-components-select-option-disabled-color);
+  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
 }
-@-moz-document url-prefix() {
-  .amplify-select option {
-    background-color: var(--amplify-components-select-option-background-color);
-    color: var(--amplify-components-select-option-color);
-  }
+.amplify-select[disabled] {
+  background-color: var(--amplify-components-select-disabled-background-color);
+  color: var(--amplify-components-select-disabled-color);
+}
+.amplify-select[disabled] option {
+  color: inherit;
+  background-color: inherit;
 }
 .amplify-select--small {
   min-width: var(--amplify-components-select-small-min-width);
@@ -5111,6 +5240,13 @@ html[dir=rtl] .amplify-field-group__inner-start {
   min-width: var(--amplify-components-select-large-min-width);
   padding-inline-end: var(--amplify-components-select-large-padding-inline-end);
 }
+.amplify-select--expanded {
+  overflow: auto;
+  padding: var(--amplify-components-select-expanded-padding-block) var(--amplify-components-select-expanded-padding-inline);
+}
+.amplify-select--expanded option {
+  padding: var(--amplify-components-select-expanded-option-padding-block) var(--amplify-components-select-expanded-option-padding-inline);
+}
 .amplify-selectfield {
   flex-direction: var(--amplify-components-selectfield-flex-direction);
@@ -5157,7 +5293,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
     --amplify-components-sliderfield-thumb-height
   );
 }
-.amplify-sliderfield__root[data-disabled] {
+.amplify-sliderfield__root--disabled {
   cursor: not-allowed;
 }
 .amplify-sliderfield__root--horizontal {
@@ -5232,7 +5368,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-radius: var(--amplify-components-sliderfield-range-border-radius);
   background-color: var(--amplify-components-sliderfield-range-background-color);
 }
-.amplify-sliderfield__range[data-disabled] {
+.amplify-sliderfield__range--disabled {
   background-color: var(--amplify-components-sliderfield-range-disabled-background-color);
 }
 .amplify-sliderfield__range--horizontal {
@@ -5261,7 +5397,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-color: var(--amplify-components-sliderfield-thumb-focus-border-color);
   box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow);
 }
-.amplify-sliderfield__thumb[data-disabled] {
+.amplify-sliderfield__thumb--disabled {
   background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color);
   border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color);
   box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow);
@@ -5382,7 +5518,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: column-reverse;
 }
-.amplify-switch-track {
+.amplify-switch__track {
   display: inline-flex;
   justify-content: flex-start;
   box-sizing: content-box;
@@ -5393,21 +5529,21 @@ html[dir=rtl] .amplify-field-group__inner-start {
   transition-duration: var(--amplify-components-switchfield-track-transition-duration);
   background-color: var(--amplify-components-switchfield-track-background-color);
 }
-.amplify-switch-track--checked {
+.amplify-switch__track--checked {
   background-color: var(--amplify-components-switchfield-track-checked-background-color);
 }
-.amplify-switch-track--disabled {
+.amplify-switch__track--disabled {
   opacity: var(--amplify-components-switchfield-disabled-opacity);
   cursor: not-allowed;
 }
-.amplify-switch-track--focused {
+.amplify-switch__track--focused {
   box-shadow: var(--amplify-components-switchfield-focused-shadow);
 }
-.amplify-switch-track--error {
+.amplify-switch__track--error {
   background-color: var(--amplify-components-switchfield-track-error-background-color);
 }
-.amplify-switch-thumb {
+.amplify-switch__thumb {
   background-color: var(--amplify-components-switchfield-thumb-background-color);
   transition-duration: var(--amplify-components-switchfield-thumb-transition-duration);
   border-radius: var(--amplify-components-switchfield-thumb-border-radius);
@@ -5418,14 +5554,14 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-color: var(--amplify-components-switchfield-thumb-border-color);
   overflow-wrap: break-word;
 }
-.amplify-switch-thumb--checked {
+.amplify-switch__thumb--checked {
   transform: var(--amplify-components-switchfield-thumb-checked-transform);
 }
-.amplify-switch-thumb--disabled {
+.amplify-switch__thumb--disabled {
   cursor: not-allowed;
 }
-.amplify-switch-label {
+.amplify-switch__label {
   padding: var(--amplify-components-switchfield-label-padding);
   cursor: pointer;
 }
@@ -5512,6 +5648,9 @@ html[dir=rtl] .amplify-field-group__inner-start {
     var(--amplify-components-table-header-border-width)
     var(--amplify-components-table-header-border-width);
 }
+.amplify-table--striped .amplify-table__row:not(.amplify-table__head *):nth-child(odd) {
+  background-color: var(--amplify-components-table-row-striped-background-color);
+}
 .amplify-table__caption {
   caption-side: var(--amplify-components-table-caption-caption-side);
   color: var(--amplify-components-table-caption-color);
@@ -5570,26 +5709,52 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-table__td:last-child {
   border-right-width: var(--amplify-components-table-data-border-width);
 }
-.amplify-table[data-variation=striped] .amplify-table__row:not(.amplify-table__head *):nth-child(odd) {
-  background-color: var(--amplify-components-table-row-striped-background-color);
-}
 .amplify-table[data-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover {
   background-color: var(--amplify-components-table-row-hover-background-color);
 }
-.amplify-tabs {
+.amplify-tabs__list {
+  --internal-item-margin-start: 0;
+  --internal-item-margin-end: calc(
+    -1 * var(--amplify-components-tabs-item-border-width)
+  );
+  --internal-item-border-width: 0 0
+    var(--amplify-components-tabs-border-width) 0;
+  --internal-item-flex: initial;
+  display: flex;
+  flex-direction: row;
   background-color: var(--amplify-components-tabs-background-color);
   box-shadow: var(--amplify-components-tabs-box-shadow);
-  border-width: 0 0 var(--amplify-components-tabs-border-width) 0;
+  border-width: var(--internal-item-border-width);
   border-style: var(--amplify-components-tabs-border-style);
   border-color: var(--amplify-components-tabs-border-color);
   gap: var(--amplify-components-tabs-gap);
 }
-.amplify-tabs[data-indicator-position=top] {
-  border-width: var(--amplify-components-tabs-border-width) 0 0 0;
+.amplify-tabs__list--top {
+  --internal-item-border-width: var(--amplify-components-tabs-border-width)
+    0 0 0;
+  --internal-item-margin-start: calc(
+    -1 * var(--amplify-components-tabs-item-border-width)
+  );
+  --internal-item-margin-end: 0;
 }
-.amplify-tabs-item {
+.amplify-tabs__list--equal {
+  --internal-item-flex: 1 1 0;
+}
+.amplify-tabs__list--relative {
+  --internal-item-flex: 1 1 auto;
+}
+.amplify-tabs__panel {
+  display: none;
+  background-color: var(--amplify-components-tabs-panel-background-color);
+  padding-inline: var(--amplify-components-tabs-panel-padding-inline);
+  padding-block: var(--amplify-components-tabs-panel-padding-block);
+}
+.amplify-tabs__panel--active {
+  display: block;
+}
+.amplify-tabs__item {
+  position: relative;
   background-color: var(--amplify-components-tabs-item-background-color);
   box-sizing: border-box;
   color: var(--amplify-components-tabs-item-color);
@@ -5598,46 +5763,43 @@ html[dir=rtl] .amplify-field-group__inner-start {
   padding: var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal);
   text-align: var(--amplify-components-tabs-item-text-align);
   transition: all var(--amplify-components-tabs-item-transition-duration);
-  border-width: 0 0 var(--amplify-components-tabs-item-border-width) 0;
+  border-width: var(--internal-item-border-width);
   border-style: var(--amplify-components-tabs-item-border-style);
   border-color: var(--amplify-components-tabs-item-border-color);
-  margin-bottom: calc(-1 * var(--amplify-components-tabs-item-border-width));
+  flex: var(--internal-item-flex);
+  margin-block-start: var(--internal-item-margin-start);
+  margin-block-end: var(--internal-item-margin-end);
 }
-[data-indicator-position=top] > .amplify-tabs-item {
-  border-width: var(--amplify-components-tabs-border-width) 0 0 0;
-  margin-top: calc(-1 * var(--amplify-components-tabs-item-border-width));
-  margin-bottom: 0;
-}
-.amplify-tabs-item[data-state=active] {
+.amplify-tabs__item--active {
   color: var(--amplify-components-tabs-item-active-color);
   border-color: var(--amplify-components-tabs-item-active-border-color);
   background-color: var(--amplify-components-tabs-item-active-background-color);
   transition-property: none;
 }
-.amplify-tabs-item:hover {
+.amplify-tabs__item:hover {
   color: var(--amplify-components-tabs-item-hover-color);
   cursor: pointer;
 }
-.amplify-tabs-item:focus {
+.amplify-tabs__item:focus-visible {
+  z-index: 2;
   color: var(--amplify-components-tabs-item-focus-color);
+  background-color: var(--amplify-components-tabs-item-focus-background-color);
+  border-color: var(--amplify-components-tabs-item-focus-border-color);
+  box-shadow: var(--amplify-components-tabs-item-focus-box-shadow);
 }
-.amplify-tabs-item:focus-visible {
-  outline: var(--amplify-components-tabs-item-border-width) var(--amplify-components-tabs-item-border-style) var(--amplify-components-tabs-item-border-color);
-}
-.amplify-tabs-item:active {
+.amplify-tabs__item:active {
+  background-color: var(--amplify-components-tabs-item-active-background-color);
+  border-color: var(--amplify-components-tabs-item-active-border-color);
+  box-shadow: var(--amplify-components-tabs-item-active-box-shadow);
   color: var(--amplify-components-tabs-item-active-color);
 }
-.amplify-tabs-item[data-disabled] {
+.amplify-tabs__item[disabled] {
   background-color: var(--amplify-components-tabs-item-disabled-background-color);
+  border-color: var(--amplify-components-tabs-item-disabled-border-color);
+  box-shadow: var(--amplify-components-tabs-item-disabled-box-shadow);
   color: var(--amplify-components-tabs-item-disabled-color);
   cursor: not-allowed;
 }
-.amplify-tabs-item[data-spacing=equal] {
-  flex: 1 1 0;
-}
-.amplify-tabs-item[data-spacing=relative] {
-  flex-grow: 1;
-}
 .amplify-textareafield {
   flex-direction: column;
@@ -5980,41 +6142,180 @@ html[dir=rtl] .amplify-field-group__inner-start {
   }
 }
-.amplify-inappmessaging-backdrop {
-  background-color: var(--amplify-colors-overlay-50);
-  inset: 0;
-  position: fixed;
-  z-index: 1000;
-}
-.amplify-inappmessaging-backdrop-content-container {
+.amplify-fileuploader__dropzone {
+  background-color: var(--amplify-components-fileuploader-dropzone-background-color);
+  border-color: var(--amplify-components-fileuploader-dropzone-border-color);
+  border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
+  border-style: var(--amplify-components-fileuploader-dropzone-border-style);
+  border-width: var(--amplify-components-fileuploader-dropzone-border-width);
+  text-align: var(--amplify-components-fileuploader-dropzone-text-align);
+  padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
+  padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
+  display: flex;
+  flex-direction: column;
   align-items: center;
-  inset: 0;
+  gap: var(--amplify-components-fileuploader-dropzone-gap);
+}
+.amplify-fileuploader__dropzone--small {
+  flex-direction: row;
   justify-content: center;
-  pointer-events: none;
-  position: fixed;
-  z-index: 1001;
 }
-.amplify-inappmessaging-backdrop-content {
-  pointer-events: auto;
+.amplify-fileuploader__dropzone--active {
+  border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
+  border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
+  background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
 }
-.amplify-inappmessaging-bannermessage {
-  box-shadow: var(--amplify-shadows-medium);
-  height: var(--amplify-components-inappmessaging-banner-height);
-  margin: var(--amplify-space-small);
-  max-width: 50%;
-  position: fixed;
-  width: var(--amplify-components-inappmessaging-banner-width);
+.amplify-fileuploader__dropzone__icon {
+  font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
+  color: var(--amplify-components-fileuploader-dropzone-icon-color);
 }
-.amplify-inappmessaging-bannermessage--top {
-  top: 0;
+.amplify-fileuploader__dropzone__text {
+  color: var(--amplify-components-fileuploader-dropzone-text-color);
+  font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
+  font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
 }
-.amplify-inappmessaging-bannermessage--middle {
-  bottom: 0;
-  margin: auto var(--amplify-space-small);
-  top: 0;
+.amplify-fileuploader__file__list {
+  display: flex;
+  flex-direction: var(--amplify-components-fileuploader-filelist-flex-direction);
+  gap: var(--amplify-components-fileuploader-filelist-gap);
+}
+.amplify-fileuploader__file {
+  position: relative;
+  border-width: var(--amplify-components-fileuploader-file-border-width);
+  border-style: var(--amplify-components-fileuploader-file-border-style);
+  border-color: var(--amplify-components-fileuploader-file-border-color);
+  border-radius: var(--amplify-components-fileuploader-file-border-radius);
+  display: flex;
+  flex-direction: column;
+  padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
+  padding-block: var(--amplify-components-fileuploader-file-padding-block);
+  align-items: var(--amplify-components-fileuploader-file-align-items);
+}
+.amplify-fileuploader__file__wrapper {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--amplify-components-fileuploader-file-gap);
+}
+.amplify-fileuploader__file__name {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
+  font-size: var(--amplify-components-fileuploader-file-name-font-size);
+  color: var(--amplify-components-fileuploader-file-name-color);
+}
+.amplify-fileuploader__file__size {
+  font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
+  font-size: var(--amplify-components-fileuploader-file-size-font-size);
+  color: var(--amplify-components-fileuploader-file-size-color);
+}
+.amplify-fileuploader__file__main {
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.amplify-fileuploader__file__image {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--amplify-components-fileuploader-file-image-width);
+  height: var(--amplify-components-fileuploader-file-image-height);
+  background-color: var(--amplify-components-fileuploader-file-image-background-color);
+  border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
+  color: var(--amplify-components-fileuploader-file-image-color);
+}
+.amplify-fileuploader__file__image img {
+  max-height: 100%;
+}
+.amplify-fileuploader__file__status--error {
+  color: var(--amplify-colors-font-error);
+  font-size: var(--amplify-components-fileuploader-file-size-font-size);
+}
+.amplify-fileuploader__file__status--success {
+  color: var(--amplify-colors-font-success);
+}
+.amplify-fileuploader__loader {
+  stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
+  stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
+  stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
+  height: var(--amplify-components-fileuploader-loader-stroke-width);
+  --amplify-components-loader-linear-stroke-filled: var(
+    --amplify-components-fileuploader-loader-stroke-filled
+  );
+  overflow: hidden;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+.amplify-fileuploader__previewer {
+  display: flex;
+  flex-direction: column;
+  max-width: var(--amplify-components-fileuploader-previewer-max-width);
+  max-height: var(--amplify-components-fileuploader-previewer-max-height);
+  overflow: auto;
+  gap: var(--amplify-components-fileuploader-previewer-body-gap);
+  padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
+  padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
+  background-color: var(--amplify-components-fileuploader-previewer-background-color);
+  border-width: var(--amplify-components-fileuploader-previewer-border-width);
+  border-style: var(--amplify-components-fileuploader-previewer-border-style);
+  border-color: var(--amplify-components-fileuploader-previewer-border-color);
+  border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
+}
+.amplify-fileuploader__previewer__text {
+  font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
+  font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
+  color: var(--amplify-components-fileuploader-previewer-text-color);
+}
+.amplify-fileuploader__previewer__footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
+}
+.amplify-fileuploader__previewer__actions {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-small);
+}
+.amplify-inappmessaging-backdrop {
+  background-color: var(--amplify-colors-overlay-50);
+  inset: 0;
+  position: fixed;
+  z-index: 1000;
+}
+.amplify-inappmessaging-backdrop-content-container {
+  align-items: center;
+  inset: 0;
+  justify-content: center;
+  pointer-events: none;
+  position: fixed;
+  z-index: 1001;
+}
+.amplify-inappmessaging-backdrop-content {
+  pointer-events: auto;
+}
+.amplify-inappmessaging-bannermessage {
+  box-shadow: var(--amplify-shadows-medium);
+  height: var(--amplify-components-inappmessaging-banner-height);
+  margin: var(--amplify-space-small);
+  max-width: 50%;
+  position: fixed;
+  width: var(--amplify-components-inappmessaging-banner-width);
+}
+.amplify-inappmessaging-bannermessage--top {
+  top: 0;
+}
+.amplify-inappmessaging-bannermessage--middle {
+  bottom: 0;
+  margin: auto var(--amplify-space-small);
+  top: 0;
 }
 .amplify-inappmessaging-bannermessage--bottom {
   bottom: 0;
@@ -6160,153 +6461,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
   margin: var(--amplify-space-small);
 }
-.amplify-fileuploader__dropzone {
-  background-color: var(--amplify-components-fileuploader-dropzone-background-color);
-  border-color: var(--amplify-components-fileuploader-dropzone-border-color);
-  border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
-  border-style: var(--amplify-components-fileuploader-dropzone-border-style);
-  border-width: var(--amplify-components-fileuploader-dropzone-border-width);
-  text-align: var(--amplify-components-fileuploader-dropzone-text-align);
-  padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
-  padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--amplify-components-fileuploader-dropzone-gap);
-}
-.amplify-fileuploader__dropzone--small {
-  flex-direction: row;
-  justify-content: center;
-}
-.amplify-fileuploader__dropzone--active {
-  border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
-  border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
-  background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
-}
-.amplify-fileuploader__dropzone__icon {
-  font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
-  color: var(--amplify-components-fileuploader-dropzone-icon-color);
-}
-.amplify-fileuploader__dropzone__text {
-  color: var(--amplify-components-fileuploader-dropzone-text-color);
-  font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
-  font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
-}
-.amplify-fileuploader__file {
-  position: relative;
-  border-width: var(--amplify-components-fileuploader-file-border-width);
-  border-style: var(--amplify-components-fileuploader-file-border-style);
-  border-color: var(--amplify-components-fileuploader-file-border-color);
-  border-radius: var(--amplify-components-fileuploader-file-border-radius);
-  display: flex;
-  flex-direction: column;
-  padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-file-padding-block);
-  align-items: var(--amplify-components-fileuploader-file-align-items);
-}
-.amplify-fileuploader__file__wrapper {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--amplify-components-fileuploader-file-gap);
-}
-.amplify-fileuploader__file__name {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
-  font-size: var(--amplify-components-fileuploader-file-name-font-size);
-  color: var(--amplify-components-fileuploader-file-name-color);
-}
-.amplify-fileuploader__file__size {
-  font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
-  font-size: var(--amplify-components-fileuploader-file-size-font-size);
-  color: var(--amplify-components-fileuploader-file-size-color);
-}
-.amplify-fileuploader__file__main {
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.amplify-fileuploader__file__image {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--amplify-components-fileuploader-file-image-width);
-  height: var(--amplify-components-fileuploader-file-image-height);
-  background-color: var(--amplify-components-fileuploader-file-image-background-color);
-  border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
-  color: var(--amplify-components-fileuploader-file-image-color);
-}
-.amplify-fileuploader__file__image img {
-  max-height: 100%;
-}
-.amplify-fileuploader__file__status--error {
-  color: var(--amplify-colors-font-error);
-  font-size: var(--amplify-components-fileuploader-file-size-font-size);
-}
-.amplify-fileuploader__file__status--success {
-  color: var(--amplify-colors-font-success);
-}
-.amplify-fileuploader__loader {
-  stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
-  stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
-  stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
-  height: var(--amplify-components-fileuploader-loader-stroke-width);
-  --amplify-components-loader-linear-stroke-filled: var(
-    --amplify-components-fileuploader-loader-stroke-filled
-  );
-  overflow: hidden;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-}
-.amplify-fileuploader__previewer {
-  display: block;
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  background-color: var(--amplify-components-fileuploader-previewer-background-color);
-  border-width: var(--amplify-components-fileuploader-previewer-border-width);
-  border-style: var(--amplify-components-fileuploader-previewer-border-style);
-  border-color: var(--amplify-components-fileuploader-previewer-border-color);
-  border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
-  padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-padding-block);
-}
-.amplify-fileuploader__previewer__text {
-  font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
-  font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
-  color: var(--amplify-components-fileuploader-previewer-text-color);
-}
-.amplify-fileuploader__previewer__body {
-  display: flex;
-  flex-direction: column;
-  max-height: var(--amplify-components-fileuploader-previewer-max-height);
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  overflow: auto;
-  gap: var(--amplify-components-fileuploader-previewer-body-gap);
-  padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
-}
-.amplify-fileuploader__previewer__footer {
-  max-width: var(--amplify-components-fileuploader-previewer-max-width);
-  border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width);
-  border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style);
-  border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color);
-  padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
-  padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
-}
-.amplify-fileuploader__previewer__footer__actions {
-  display: flex;
-  flex-direction: row;
-  gap: var(--amplify-space-small);
-}
 .amplify-storagemanager__dropzone {
   background-color: var(--amplify-components-storagemanager-dropzone-background-color);
   border-color: var(--amplify-components-storagemanager-dropzone-border-color);
@@ -6446,19 +6600,315 @@ html[dir=rtl] .amplify-field-group__inner-start {
   gap: var(--amplify-space-small);
 }
-[data-label-position=start] {
+.amplify-storage-browser {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  height: 100%;
+  position: relative;
+  padding: var(--amplify-space-small);
+  gap: var(--amplify-space-small);
+  /* Error boundary */
+}
+.amplify-storage-browser__error {
+  background-color: var(--amplify-colors-background-error);
+  color: var(--amplify-colors-font-error);
+  padding: var(--amplify-space-medium);
+}
+.amplify-storage-browser__navigation, .amplify-storage-browser__exit {
+  align-self: flex-start;
+}
+.amplify-storage-browser__title {
+  font-weight: var(--amplify-font-weights-bold);
+  font-size: var(--amplify-font-sizes-large);
+}
+.amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: var(--amplify-space-medium);
+}
+.amplify-storage-browser__footer {
+  justify-content: flex-end;
+}
+.amplify-storage-browser__search {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__drop-zone {
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  display: block;
+}
+.amplify-storage-browser__data-table {
+  overflow: auto;
+  position: relative;
+  border-width: var(--amplify-border-widths-small);
+  border-style: solid;
+  border-color: var(--amplify-colors-border-primary);
+  border-radius: var(--amplify-radii-small);
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.amplify-storage-browser__table {
+  width: 100%;
+  position: relative;
+}
+.amplify-storage-browser__table-head {
+  position: sticky;
+  top: 0;
+  background: var(--amplify-colors-background-primary);
+  box-shadow: var(--amplify-shadows-small);
+  z-index: 2;
+}
+.amplify-storage-browser__table-header {
+  border: none;
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell {
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child {
+  border-inline-start-width: 0;
+  border-inline-end-width: 0;
+}
+.amplify-storage-browser__table-data-cell-icon {
+  vertical-align: middle;
+  margin-inline-end: var(--amplify-space-xs);
+}
+.amplify-storage-browser__table-header--select, .amplify-storage-browser__table-data--select, .amplify-storage-browser__table-header--download, .amplify-storage-browser__table-data--download, .amplify-storage-browser__table-data--cancel {
+  text-align: center;
+}
+.amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size {
+  text-align: end;
+}
+.amplify-storage-browser__table-button-data-cell, .amplify-storage-browser__table-date-data-cell, .amplify-storage-browser__table-number-data-cell, .amplify-storage-browser__table-text-data-cell, .amplify-storage-browser__table-sort-header {
+  display: flex;
+  width: 100%;
+  gap: var(--amplify-space-xxs);
+  padding: var(--amplify-space-xxs);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+.amplify-storage-browser__table-button-data-cell-icon--action-progress, .amplify-storage-browser__table-date-data-cell-icon--action-progress, .amplify-storage-browser__table-number-data-cell-icon--action-progress, .amplify-storage-browser__table-text-data-cell-icon--action-progress, .amplify-storage-browser__table-sort-header-icon--action-progress {
+  animation-name: amplify-loader-circular;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: var(--amplify-components-loader-animation-duration);
+}
+.amplify-storage-browser__status {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__status-display {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--amplify-space-small);
+  flex: 1;
+}
+.amplify-storage-browser__status-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__status-value {
+  color: var(--amplify-colors-font-secondary);
+}
+.amplify-storage-browser__destination {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__destination-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__message {
+  flex: 1;
+}
+.amplify-storage-browser__buttons {
+  justify-content: flex-end;
+  display: flex;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__loader {
+  position: absolute;
+  stroke-width: var(--amplify-border-widths-large);
+  height: var(--amplify-border-widths-large);
+  top: 0;
+  z-index: 3;
+}
+.amplify-ai-conversation {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  flex: 1;
+}
+.amplify-ai-conversation__message {
+  --internal-content-bg: ;
+  --internal-flex-direction: ;
+  --internal-content-padding: ;
+  --internal-body-align-items: ;
+  display: flex;
+  flex-direction: var(--internal-flex-direction);
+  gap: var(--amplify-components-ai-conversation-message-gap);
+  padding-inline: var(--amplify-components-ai-conversation-message-padding-inline);
+  padding-block: var(--amplify-components-ai-conversation-message-padding-block);
+}
+.amplify-ai-conversation__message__list {
+  display: flex;
+  flex-direction: column;
+}
+.amplify-ai-conversation__message__avatar {
+  flex-shrink: 0;
+}
+.amplify-ai-conversation__message__sender {
+  display: flex;
+  flex-direction: var(--internal-flex-direction);
+  align-items: center;
+  min-height: var(--amplify-components-avatar-height);
+  gap: var(--amplify-components-ai-conversation-message-sender-gap);
+}
+.amplify-ai-conversation__message__sender__username {
+  color: var(--amplify-components-ai-conversation-message-sender-username-color);
+  font-size: var(--amplify-components-ai-conversation-message-sender-username-font-size);
+  font-weight: var(--amplify-components-ai-conversation-message-sender-username-font-weight);
+}
+.amplify-ai-conversation__message__sender__timestamp {
+  color: var(--amplify-components-ai-conversation-message-sender-timestamp-color);
+  font-size: var(--amplify-components-ai-conversation-message-sender-timestamp-font-size);
+  font-weight: var(--amplify-components-ai-conversation-message-sender-timestamp-font-weight);
+}
+.amplify-ai-conversation__message__body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: var(--internal-body-align-items);
+  gap: var(--amplify-components-ai-conversation-message-body-gap);
+}
+.amplify-ai-conversation__message__content {
+  background-color: var(--internal-content-bg);
+  border-radius: var(--amplify-radii-medium);
+  padding: var(--internal-content-padding);
+  display: flex;
+  flex-direction: column;
+  gap: var(--amplify-space-small);
+}
+.amplify-ai-conversation__message__text {
+  display: block;
+}
+.amplify-ai-conversation__message__image {
+  max-width: 25%;
+}
+.amplify-ai-conversation__message__actions {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-components-ai-conversation-message-actions-gap);
+}
+.amplify-ai-conversation__message--bubble {
+  --internal-content-bg: var(--internal-bg-color);
+  --internal-content-padding: var(--amplify-space-xxs)
+    var(--amplify-space-xs);
+  --internal-flex-direction: row-reverse;
+  --internal-body-align-items: flex-end;
+}
+.amplify-ai-conversation__message--user {
+  --internal-bg-color: var(
+    --amplify-components-ai-conversation-message-user-background-color
+  );
+}
+.amplify-ai-conversation__message--assistant {
+  --internal-bg-color: var(
+    --amplify-components-ai-conversation-message-assistant-background-color
+  );
+  --internal-flex-direction: row;
+  --internal-body-align-items: flex-start;
+}
+.amplify-ai-conversation__form {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: var(--amplify-components-ai-conversation-form-gap);
+}
+.amplify-ai-conversation__form__dropzone {
+  text-align: initial;
+  border: none;
+  padding: var(--amplify-components-ai-conversation-form-padding);
+}
+.amplify-ai-conversation__form__error {
+  padding: 0;
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
+  gap: var(--amplify-components-ai-conversation-attachment-gap);
+}
+.amplify-ai-conversation__attachment {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-block: var(--amplify-components-ai-conversation-attachment-padding-block);
+  padding-inline: var(--amplify-components-ai-conversation-attachment-padding-inline);
+  border-width: var(--amplify-components-ai-conversation-attachment-border-width);
+  border-style: solid;
+  border-color: var(--amplify-components-ai-conversation-attachment-border-color);
+  border-radius: var(--amplify-components-ai-conversation-attachment-border-radius);
+  gap: var(--amplify-components-ai-conversation-attachment-gap);
+  font-size: var(--amplify-components-ai-conversation-attachment-font-size);
+}
+.amplify-ai-conversation__attachment__list {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: var(--amplify-components-ai-conversation-attachment-list-gap);
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
+}
+.amplify-ai-conversation__attachment__image {
+  width: var(--amplify-components-ai-conversation-attachment-image-width);
+  height: var(--amplify-components-ai-conversation-attachment-image-height);
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.amplify-ai-conversation__attachment__name {
+  color: var(--amplify-components-ai-conversation-attachment-name-color);
+  font-size: var(--amplify-components-ai-conversation-attachment-name-font-size);
+  font-weight: var(--amplify-components-ai-conversation-attachment-name-font-weight);
+}
+.amplify-ai-conversation__attachment__size {
+  color: var(--amplify-components-ai-conversation-attachment-size-color);
+  font-size: var(--amplify-components-ai-conversation-attachment-size-font-size);
+  font-weight: var(--amplify-components-ai-conversation-attachment-size-font-weight);
+}
+.amplify-ai-conversation__attachment__remove {
+  padding: var(--amplify-components-ai-conversation-attachment-remove-padding);
+}
+.amplify-ai-conversation__prompt {
+  font-weight: normal;
+}
+.amplify-label-start {
   flex-direction: row;
 }
-[data-label-position=end] {
+.amplify-label-end {
   flex-direction: row-reverse;
 }
-[data-label-position=top] {
+.amplify-label-top {
   flex-direction: column;
 }
-[data-label-position=bottom] {
+.amplify-label-bottom {
   flex-direction: column-reverse;
 }