@aws-amplify/ui-react 2.19.1 → 3.0.1

package/dist/styles.css

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Wed, 08 Jun 2022 19:50:16 GMT
+ * Generated on Tue, 21 Jun 2022 22:00:04 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);
@@ -362,6 +362,7 @@
   --amplify-colors-font-warning: var(--amplify-colors-orange-90);
   --amplify-colors-font-info: var(--amplify-colors-blue-90);
   --amplify-colors-font-inverse: var(--amplify-colors-white);
+  --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
   --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
   --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
   --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
@@ -392,9 +393,6 @@
   --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
   --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
   --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
-  --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-white);
-  --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-white);
-  --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-white);
   --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
   --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
   --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
@@ -460,8 +458,6 @@
   --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
   --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
   --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
-  --amplify-components-radio-button-background-color: var(--amplify-colors-white);
-  --amplify-components-radio-button-color: var(--amplify-colors-white);
   --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
   --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
   --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
@@ -470,6 +466,7 @@
   --amplify-components-placeholder-small-height: var(--amplify-space-small);
   --amplify-components-placeholder-transition-duration: var(--amplify-time-long);
   --amplify-components-placeholder-border-radius: var(--amplify-radii-small);
+  --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
   --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);
   --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);
   --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);
@@ -483,7 +480,6 @@
   --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
   --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
   --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
-  --amplify-components-pagination-current-color: var(--amplify-colors-white);
   --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
   --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
   --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
@@ -493,7 +489,6 @@
   --amplify-components-menu-gap: var(--amplify-space-zero);
   --amplify-components-menu-border-width: var(--amplify-border-widths-small);
   --amplify-components-menu-border-radius: var(--amplify-radii-medium);
-  --amplify-components-menu-background-color: var(--amplify-colors-white);
   --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
   --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
   --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
@@ -575,7 +570,6 @@
   --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
   --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
   --amplify-components-expander-border-radius: var(--amplify-radii-medium);
-  --amplify-components-expander-background-color: var(--amplify-colors-white);
   --amplify-components-divider-opacity: var(--amplify-opacities-60);
   --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
   --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
@@ -597,7 +591,6 @@
   --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
   --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
   --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
-  --amplify-components-checkbox-button-color: var(--amplify-colors-white);
   --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
   --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
   --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
@@ -643,15 +636,20 @@
   --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
   --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
   --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
-  --amplify-colors-font-disabled: var(--amplify-colors-font-tertiary);
+  --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
   --amplify-components-togglebutton-primary-pressed-hover-box-shadow: 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-border-color: var(--amplify-colors-brand-primary-60);
+  --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
+  --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
   --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
   --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
   --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
+  --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
   --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
   --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
@@ -664,6 +662,7 @@
   --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
   --amplify-components-text-color: var(--amplify-colors-font-primary);
   --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
   --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
   --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
@@ -687,16 +686,22 @@
   --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
+  --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
   --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
   --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
   --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
   --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
   --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
+  --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
   --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
+  --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
   --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
   --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
+  --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
   --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
   --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
   --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
@@ -705,6 +710,7 @@
   --amplify-components-fieldmessages-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-border-color: var(--amplify-colors-border-error);
+  --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
   --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
   --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
@@ -716,6 +722,7 @@
   --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
   --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
   --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
+  --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
   --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
   --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
   --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
@@ -723,11 +730,12 @@
   --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
   --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
   --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
-  --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
+  --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
   --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
   --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
+  --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
   --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
   --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
   --amplify-components-card-background-color: var(--amplify-colors-background-primary);
@@ -739,9 +747,12 @@
   --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
   --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
   --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
+  --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
+  --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
   --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
   --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
+  --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
   --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
@@ -754,10 +765,14 @@
   --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
   --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
+  --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
+  --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
   --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
   --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
@@ -797,18 +812,18 @@
   --amplify-components-alert-info-color: var(--amplify-colors-font-info);
   --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
   --amplify-components-alert-color: var(--amplify-colors-font-primary);
-  --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
-  --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
-  --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
-  --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);
+  --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);
+  --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color);
+  --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color);
   --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
   --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
   --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
@@ -822,32 +837,40 @@
   --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
   --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
   --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
+  --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
   --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
   --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
   --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
   --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
   --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
-  --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
   --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
-  --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
+  --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
+  --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
+  --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
+  --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
+  --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);
+  --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);
+  --amplify-components-passwordfield-button-color: var(--amplify-components-button-color);
+  --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);
   --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
   --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-link-color: var(--amplify-colors-font-interactive);
   --amplify-components-link-active-color: var(--amplify-colors-font-active);
   --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
-  --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
   --amplify-components-fieldcontrol-focus-border-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: var(--amplify-colors-border-focus);
   --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
+  --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
   --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
   --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
-  --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
   --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
@@ -855,19 +878,12 @@
   --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
   --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
   --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
-  --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
-  --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
   --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
-  --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
-  --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
-  --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
-  --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
-  --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
   --amplify-components-button-active-color: var(--amplify-colors-font-active);
   --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
   --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
@@ -875,28 +891,32 @@
   --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
   --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
   --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
+  --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
+  --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
   --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
   --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
   --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
-  --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
   --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
   --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
+  --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);
+  --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
+  --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
+  --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);
   --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
   --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
   --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
+  --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
   --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
   --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
   --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
   --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
   --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
-  --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
   --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
   --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
   --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
   --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
-  --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
   --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
 }
 
@@ -2421,6 +2441,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
   height: 100%;
 }
 
+[data-radix-popper-content-wrapper] {
+  z-index: 999999;
+}
+
 .amplify-menu-trigger {
   display: flex;
   justify-content: center;
@@ -2525,6 +2549,51 @@ html[dir=rtl] .amplify-field-group__inner-start {
           padding-inline-end: var(--amplify-components-pagination-ellipsis-padding-inline-end);
 }
 
+.amplify-passwordfield {
+  --amplify-components-fieldcontrol-color: var(
+    --amplify-components-passwordfield-color
+  );
+  --amplify-components-button-color: var(
+    --amplify-components-passwordfield-button-color
+  );
+  --amplify-components-button-active-background-color: var(
+    --amplify-components-passwordfield-button-active-background-color
+  );
+  --amplify-components-button-active-border-color: var(
+    --amplify-components-passwordfield-button-active-border-color
+  );
+  --amplify-components-button-active-color: var(
+    --amplify-components-passwordfield-button-active-color
+  );
+  --amplify-components-button-disabled-background-color: var(
+    --amplify-components-passwordfield-button-disabled-background-color
+  );
+  --amplify-components-button-disabled-border-color: var(
+    --amplify-components-passwordfield-button-disabled-border-color
+  );
+  --amplify-components-button-disabled-color: var(
+    --amplify-components-passwordfield-button-disabled-color
+  );
+  --amplify-components-button-focus-background-color: var(
+    --amplify-components-passwordfield-button-focus-background-color
+  );
+  --amplify-components-button-focus-border-color: var(
+    --amplify-components-passwordfield-button-focus-border-color
+  );
+  --amplify-components-button-focus-color: var(
+    --amplify-components-passwordfield-button-focus-color
+  );
+  --amplify-components-button-hover-background-color: var(
+    --amplify-components-passwordfield-button-hover-background-color
+  );
+  --amplify-components-button-hover-border-color: var(
+    --amplify-components-passwordfield-button-hover-border-color
+  );
+  --amplify-components-button-hover-color: var(
+    --amplify-components-passwordfield-button-hover-color
+  );
+}
+
 .amplify-phonenumberfield select:not(:focus) {
   border-right: none;
 }
@@ -3286,10 +3355,28 @@ html[dir=rtl] .amplify-field-group__inner-start {
 
 .amplify-textareafield {
   flex-direction: column;
+  --amplify-components-fieldcontrol-color: var(
+    --amplify-components-textareafield-color
+  );
+  --amplify-components-fieldcontrol-border-color: var(
+    --amplify-components-textareafield-border-color
+  );
+  --amplify-components-fieldcontrol-focus-border-color: var(
+    --amplify-components-textareafield-focus-border-color
+  );
 }
 
 .amplify-textfield {
   flex-direction: column;
+  --amplify-components-fieldcontrol-color: var(
+    --amplify-components-textfield-color
+  );
+  --amplify-components-fieldcontrol-border-color: var(
+    --amplify-components-textfield-border-color
+  );
+  --amplify-components-fieldcontrol-focus-border-color: var(
+    --amplify-components-textfield-focus-border-color
+  );
 }
 
 .amplify-togglebutton {

package/dist/types/components/Authenticator/hooks/useAuthenticator/index.d.ts

@@ -35,7 +35,7 @@ export declare type InternalAuthenticatorContext = {
  */
 export declare type Selector = (context: AuthenticatorContext) => Array<any>;
 /**
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/authenticator#useauthenticator-hook)
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/authenticator/headless#useauthenticator-hook)
  */
 export declare const useAuthenticator: (selector?: Selector) => {
     /** @deprecated For internal use only */

package/dist/types/components/Geo/LocationSearch/index.d.ts

@@ -1,3 +1,4 @@
+import { LocationSearchProps } from 'maplibre-gl-geocoder';
 /**
  * The `<LocationSearch>` component provides location search.
  *
@@ -21,174 +22,3 @@
  */
 export declare const LocationSearch: (props: LocationSearchProps) => JSX.Element;
 export declare const Geocoder: (props: LocationSearchProps) => JSX.Element;
-export declare type LocationSearchProps = {
-    /**
-     * A bounding box given as an array in the format `[minX, minY, maxX, maxY]`.
-     * Search results will be limited to the bounding box.
-     */
-    bbox?: number[];
-    /**
-     * Default: false
-     * If `true`, the LocationSearch control will clear it's contents and blur when user presses the escape key.
-     */
-    clearAndBlurOnEsc?: boolean;
-    /**
-     * Default: false
-     * If `true`, the LocationSearch control will clear its value when the input blurs.
-     */
-    clearOnBlur?: boolean;
-    /**
-     * Default: false
-     * If `true`, the LocationSearch control will collapse until hovered or in focus.
-     */
-    collapsed?: boolean;
-    /**
-     * a comma separated list of country codes to limit results to specified country or countries.
-     */
-    countries?: string;
-    /**
-     * Default: 200
-     * Sets the amount of time, in milliseconds, to wait before querying the server when a user types into the LocationSearch
-     * input box. This parameter may be useful for reducing the total number of API calls made for a single query.
-     */
-    debounceSearch?: number;
-    /**
-     * Default: true
-     * Allow Maplibre to collect anonymous usage statistics from the plugin.
-     */
-    enableEventLogging?: boolean;
-    /**
-     *  A function accepting the query string, current features list, and LocationSearch options which performs geocoding to
-     * supplement results from the Maplibre Geocoding API. Expected to return a Promise which resolves to an Array of
-     * GeoJSON Features in the [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) format.
-     */
-    externalGeocoder?: Function;
-    /**
-     * Default: true
-     * If `false`, animating the map to a selected result is disabled. If `true`, animating the map will use the default
-     * animation parameters. If an object, it will be passed as `options` to the map [`flyTo`](https://maplibre.org/maplibre-gl-js-docs/api/map/#map#flyto)
-     * or [`fitBounds`](https://maplibre.org/maplibre-gl-js-docs/api/map/#map#fitbounds) method providing control over the animation of the transition.
-     */
-    flyTo?: boolean | object;
-    /**
-     * A function which accepts a Feature in the [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) format to filter out
-     * results from the Geocoding API response before they are included in the suggestions list. Return `true` to keep the item, `false` otherwise.
-     */
-    filter?: Function;
-    /**
-     * A function that specifies how the selected result should be rendered in the search bar. This function should accept a single [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) object as input and return a string.
-     * HTML tags in the output string will not be rendered. Defaults to `(item) => item.place_name`.
-     */
-    getItemValue?: Function;
-    /**
-     * Specify the language to use for response text and query result weighting. Options are IETF language tags comprised
-     * of a mandatory ISO 639-1 language code and optionally one or more IETF subtags for country or script. More than
-     * one value can also be specified, separated by commas. Defaults to the browser's language settings.
-     */
-    language?: string;
-    /**
-     * Default: 5
-     * Maximum number of results to show.
-     */
-    limit?: number;
-    /**
-     * A function accepting the query string which performs local geocoding to supplement results from the Maplibre
-     * Geocoding API. Expected to return an Array of GeoJSON Features in the [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) format.
-     */
-    localGeocoder?: Function;
-    /**
-     * Default: false
-     * If `true`, indicates that the `localGeocoder` results should be the only ones returned to the user. If `false`,
-     * indicates that the `localGeocoder` results should be combined with those from the Maplibre API with the `localGeocoder` results ranked higher.
-     */
-    localGeocoderOnly?: boolean;
-    /**
-     * Default: { color: '#4668F2' }
-     * If `true`, a [Marker](https://maplibre.org/maplibre-gl-js-docs/api/markers/#marker) will be added to the map at the location of the user-selected
-     * result using a default set of Marker options.  If the value is an object, the marker will be constructed using these
-     * options. If `false`, no marker will be added to the map. Requires that `options.maplibregl` also be set (which it is by default).
-     */
-    marker?: boolean | object;
-    /**
-     * Default: 2
-     * Minimum number of characters to enter before results are shown.
-     */
-    minLength?: number;
-    /**
-     * Default: 'Search'
-     * Override the default placeholder attribute value.
-     */
-    placeholder?: string;
-    /**
-     * Default: true
-     * If `true`, a [Popup](https://maplibre.org/maplibre-gl-js-docs/api/markers/#popup) will be added to the map when clicking on a marker using a default set of popup options.
-     * If the value is an object, the popup will be constructed using these options. If `false`, no popup will be added to the map.
-     * Requires that `options.maplibregl` also be set (which it is by default).
-     */
-    popup?: boolean | object;
-    /**
-     * A function that specifies how the results should be rendered in the popup menu. This function should accept a single [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md) object as input and return a string.
-     * Any HTML in the returned string will be rendered.
-     */
-    popupRender?: Function;
-    /**
-     * Default: 'top-right'
-     * Position the LocationSearch will be rendered on the map. Only relevant when `<LocationSearch>` is used with a map.
-     */
-    position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    /**
-     * A geographical point given as an object with `latitude` and `longitude`
-     * properties. Search results closer to this point will be given
-     * higher priority. Defaults to map viewport if rendered as a map control.
-     */
-    proximity?: {
-        latitude: number;
-        longitude: number;
-    };
-    /**
-     * A function that specifies how the results should be rendered in the dropdown menu. This function should accepts a single [Carmen GeoJSON](https://github.com/mapbox/carmen/blob/master/carmen-geojson.md)
-     * object as input and return a string. Any HTML in the returned string will be rendered.
-     */
-    render?: Function;
-    /**
-     * Default: false
-     * If `true`, enable reverse geocoding mode. In reverse geocoding, search input is expected to be coordinates in the
-     * form `lat, lon`, with suggestions being the reverse geocodes.
-     */
-    reverseGeocoder?: boolean;
-    /**
-     * Default: 'distance'
-     * Set the factors that are used to sort nearby results.
-     */
-    reverseMode?: 'distance' | 'score';
-    /**
-     * Default: { color: '#4668F2' }
-     * If `true`, [Markers](https://maplibre.org/maplibre-gl-js-docs/api/markers/#marker) will be added to the map at the location the top results for the query.
-     * If the value is an object, the marker will be constructed using these options. If `false`, no marker will be added to the map.
-     * Requires that `options.maplibregl` also be set (which it is by default).
-     */
-    showResultMarkers?: boolean | object;
-    /**
-     * Default: true
-     * If `false`, indicates that search will only occur on enter key press. If `true`, indicates that the LocationSearch will
-     * search on the input box being updated above the minLength option.
-     */
-    showResultsWhileTyping?: boolean;
-    /**
-     * Default: true
-     * If `true`, the LocationSearch proximity will automatically update based on the map view.
-     */
-    trackProximity?: boolean;
-    /**
-     * A comma separated list of types that filter results to match those specified. See https://docs.mapbox.com/api/search/#data-types
-     * for available types. If reverseGeocode is enabled, you should specify one type. If you configure more than one type, the first
-     * type will be used.
-     */
-    types?: string;
-    /**
-     * Default: 16
-     * On geocoded result, what zoom level should the map animate to when a `bbox` isn't found in the response.
-     * If a `bbox` is found the map will fit to the `bbox`.
-     */
-    zoom?: number;
-};

package/dist/types/components/Geo/MapView/index.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
+import maplibregl from 'maplibre-gl';
 import type { MapProps, MapRef } from 'react-map-gl';
-export declare type MapViewProps = Omit<MapProps, 'transformRequest'>;
+interface MapViewProps extends Omit<MapProps, 'mapLib' | 'transformRequest'> {
+    mapLib?: typeof maplibregl;
+}
 /**
  * The `MapView` component uses [react-map-gl](https://visgl.github.io/react-map-gl/) and
  * [maplibre-gl-js](https://visgl.github.io/react-map-gl/) to provide an interactive map using
@@ -17,4 +20,5 @@ export declare type MapViewProps = Omit<MapProps, 'transformRequest'>;
  *   return <MapView />
  * }
  */
-export declare const MapView: React.ForwardRefExoticComponent<MapViewProps & React.RefAttributes<MapRef>>;
+declare const MapView: React.ForwardRefExoticComponent<MapViewProps & React.RefAttributes<MapRef>>;
+export { MapView };

package/dist/types/hooks/actions/useDataStoreCreateAction.d.ts

@@ -8,4 +8,4 @@ export interface UseDataStoreCreateActionOptions<Model extends PersistentModel>
  */
 export declare const useDataStoreCreateAction: <Model extends Readonly<{
     id: string;
-} & Record<string, any>>>({ model, fields: initialFields, schema, }: UseDataStoreCreateActionOptions<Model>) => () => Promise<void>;
+} & Record<string, any>>>({ model, fields: initialFields, schema, }: UseDataStoreCreateActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useDataStoreDeleteAction.d.ts

@@ -9,4 +9,4 @@ export interface UseDataStoreDeleteActionOptions<Model extends PersistentModel>
  */
 export declare const useDataStoreDeleteAction: <Model extends Readonly<{
     id: string;
-} & Record<string, any>>>({ model, id, }: UseDataStoreDeleteActionOptions<Model>) => () => Promise<void>;
+} & Record<string, any>>>({ model, id, }: UseDataStoreDeleteActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useDataStoreUpdateAction.d.ts

@@ -9,4 +9,4 @@ export interface UseDataStoreUpdateActionOptions<Model extends PersistentModel>
  */
 export declare const useDataStoreUpdateAction: <Model extends Readonly<{
     id: string;
-} & Record<string, any>>>({ fields: initialFields, id, model, schema, }: UseDataStoreUpdateActionOptions<Model>) => () => Promise<void>;
+} & Record<string, any>>>({ fields: initialFields, id, model, schema, }: UseDataStoreUpdateActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useNavigateAction.d.ts

@@ -12,4 +12,4 @@ export declare const defaultTarget = "_self";
  * Action to instruct user’s browser to change current location
  * @internal
  */
-export declare const useNavigateAction: (options: UseNavigateActionOptions) => () => void;
+export declare const useNavigateAction: (options: UseNavigateActionOptions) => (() => void);

package/dist/types/hooks/useBreakpointValue.d.ts

@@ -2,4 +2,4 @@ import { Breakpoint } from '../primitives/types/responsive';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/theming/responsive#usebreakpointvalue)
  */
-export declare function useBreakpointValue<T>(values: Record<string, T> | T[], defaultBreakpoint?: Breakpoint): T | null;
+export declare function useBreakpointValue<T>(values: Record<string, T> | T[], defaultBreakpoint?: Breakpoint, propKey?: string): T | string;