@aws-amplify/ui-react 4.0.3 → 4.2.0

package/dist/styles.css

@@ -163,6 +163,47 @@
   --amplify-components-button-link-loading-border-color: transparent;
   --amplify-components-button-link-loading-background-color: transparent;
   --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
+  --amplify-components-button-warning-background-color: transparent;
+  --amplify-components-button-warning-border-color: var(--amplify-colors-red-60);
+  --amplify-components-button-warning-border-width: var(--amplify-border-widths-small);
+  --amplify-components-button-warning-color: var(--amplify-colors-red-60);
+  --amplify-components-button-warning-hover-border-color: var(--amplify-colors-red-80);
+  --amplify-components-button-warning-hover-background-color: var(--amplify-colors-red-10);
+  --amplify-components-button-warning-hover-color: var(--amplify-colors-font-error);
+  --amplify-components-button-warning-focus-border-color: var(--amplify-colors-red-80);
+  --amplify-components-button-warning-focus-background-color: var(--amplify-colors-red-10);
+  --amplify-components-button-warning-focus-color: var(--amplify-colors-red-80);
+  --amplify-components-button-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
+  --amplify-components-button-warning-active-border-color: var(--amplify-colors-red-100);
+  --amplify-components-button-warning-active-background-color: var(--amplify-colors-red-20);
+  --amplify-components-button-warning-active-color: var(--amplify-colors-red-100);
+  --amplify-components-button-warning-disabled-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-button-warning-disabled-background-color: transparent;
+  --amplify-components-button-warning-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-button-warning-loading-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-button-warning-loading-background-color: transparent;
+  --amplify-components-button-warning-loading-color: var(--amplify-colors-font-disabled);
+  --amplify-components-button-destructive-border-color: transparent;
+  --amplify-components-button-destructive-border-width: var(--amplify-border-widths-small);
+  --amplify-components-button-destructive-border-style: solid;
+  --amplify-components-button-destructive-background-color: var(--amplify-colors-red-60);
+  --amplify-components-button-destructive-color: var(--amplify-colors-font-inverse);
+  --amplify-components-button-destructive-disabled-border-color: transparent;
+  --amplify-components-button-destructive-disabled-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-button-destructive-disabled-color: var(--amplify-colors-font-disabled);
+  --amplify-components-button-destructive-loading-border-color: transparent;
+  --amplify-components-button-destructive-loading-background-color: var(--amplify-colors-background-disabled);
+  --amplify-components-button-destructive-loading-color: var(--amplify-colors-font-disabled);
+  --amplify-components-button-destructive-hover-border-color: transparent;
+  --amplify-components-button-destructive-hover-background-color: var(--amplify-colors-red-80);
+  --amplify-components-button-destructive-hover-color: var(--amplify-colors-font-inverse);
+  --amplify-components-button-destructive-focus-border-color: transparent;
+  --amplify-components-button-destructive-focus-background-color: var(--amplify-colors-red-80);
+  --amplify-components-button-destructive-focus-color: var(--amplify-colors-font-inverse);
+  --amplify-components-button-destructive-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
+  --amplify-components-button-destructive-active-border-color: transparent;
+  --amplify-components-button-destructive-active-background-color: var(--amplify-colors-red-100);
+  --amplify-components-button-destructive-active-color: var(--amplify-colors-font-inverse);
   --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
   --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
   --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
@@ -364,6 +405,70 @@
   --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
   --amplify-components-fieldmessages-description-font-style: italic;
   --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);
+  --amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small);
+  --amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary);
+  --amplify-components-fileuploader-dropzone-border-style: dashed;
+  --amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small);
+  --amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small);
+  --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-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);
+  --amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium);
+  --amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary);
+  --amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
+  --amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary);
+  --amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium);
+  --amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold);
+  --amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small);
+  --amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary);
+  --amplify-components-fileuploader-file-border-style: solid;
+  --amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small);
+  --amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);
+  --amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);
+  --amplify-components-fileuploader-file-gap: var(--amplify-space-small);
+  --amplify-components-fileuploader-file-align-items: center;
+  --amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);
+  --amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);
+  --amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);
+  --amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small);
+  --amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal);
+  --amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary);
+  --amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl);
+  --amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl);
+  --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-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);
+  --amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large);
+  --amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary);
+  --amplify-components-fileuploader-previewer-border-style: solid;
+  --amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small);
+  --amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small);
+  --amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero);
+  --amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero);
+  --amplify-components-fileuploader-previewer-max-height: 40rem;
+  --amplify-components-fileuploader-previewer-max-width: auto;
+  --amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium);
+  --amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold);
+  --amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary);
+  --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-flex-gap: var(--amplify-space-medium);
   --amplify-components-flex-justify-content: normal;
   --amplify-components-flex-align-items: stretch;
@@ -845,7 +950,7 @@
   --amplify-colors-neutral-10: hsl(210, 5%, 98%);
   --amplify-colors-neutral-20: hsl(210, 5%, 94%);
   --amplify-colors-neutral-40: hsl(210, 5%, 87%);
-  --amplify-colors-neutral-60: hsl(210, 8%, 55%);
+  --amplify-colors-neutral-60: hsl(210, 10%, 58%);
   --amplify-colors-neutral-80: hsl(210, 10%, 40%);
   --amplify-colors-neutral-90: hsl(210, 25%, 25%);
   --amplify-colors-neutral-100: hsl(210, 50%, 10%);
@@ -1305,6 +1410,88 @@ strong.amplify-text {
   border-color: var(--amplify-components-button-link-active-border-color);
   color: var(--amplify-components-button-link-active-color);
 }
+.amplify-button--destructive {
+  border-width: var(--amplify-components-button-destructive-border-width);
+  background-color: var(--amplify-components-button-destructive-background-color);
+  border-color: var(--amplify-components-button-destructive-border-color);
+  color: var(--amplify-components-button-destructive-color);
+  --amplify-internal-button-disabled-border-color: var(
+    --amplify-components-button-destructive-disabled-border-color
+  );
+  --amplify-internal-button-disabled-background-color: var(
+    --amplify-components-button-destructive-disabled-background-color
+  );
+  --amplify-internal-button-disabled-color: var(
+    --amplify-components-button-destructive-disabled-color
+  );
+  --amplify-internal-button-loading-background-color: var(
+    --amplify-components-button-destructive-loading-background-color
+  );
+  --amplify-internal-button-loading-border-color: var(
+    --amplify-components-button-destructive-loading-border-color
+  );
+  --amplify-internal-button-loading-color: var(
+    --amplify-components-button-destructive-loading-color
+  );
+}
+.amplify-button--destructive:hover {
+  background-color: var(--amplify-components-button-destructive-hover-background-color);
+  border-color: var(--amplify-components-button-destructive-hover-border-color);
+  color: var(--amplify-components-button-destructive-hover-color);
+}
+.amplify-button--destructive:focus {
+  background-color: var(--amplify-components-button-destructive-focus-background-color);
+  border-color: var(--amplify-components-button-destructive-focus-border-color);
+  color: var(--amplify-components-button-destructive-focus-color);
+  box-shadow: var(--amplify-components-button-destructive-focus-box-shadow);
+}
+.amplify-button--destructive:active {
+  background-color: var(--amplify-components-button-destructive-active-background-color);
+  border-color: var(--amplify-components-button-destructive-active-border-color);
+  color: var(--amplify-components-button-destructive-active-color);
+}
+.amplify-button--warning {
+  background-color: var(--amplify-components-button-warning-background-color);
+  border-color: var(--amplify-components-button-warning-border-color);
+  border-width: var(--amplify-components-button-warning-border-width);
+  color: var(--amplify-components-button-warning-color);
+  --amplify-internal-button-disabled-text-decoration: none;
+  --amplify-internal-button-disabled-border-color: var(
+    --amplify-components-button-warning-disabled-border-color
+  );
+  --amplify-internal-button-disabled-background-color: var(
+    --amplify-components-button-warning-disabled-background-color
+  );
+  --amplify-internal-button-disabled-color: var(
+    --amplify-components-button-warning-disabled-color
+  );
+  --amplify-internal-button-loading-background-color: var(
+    --amplify-components-button-warning-loading-background-color
+  );
+  --amplify-internal-button-loading-border-color: var(
+    --amplify-components-button-warning-loading-border-color
+  );
+  --amplify-internal-button-loading-color: var(
+    --amplify-components-button-warning-loading-color
+  );
+  --amplify-internal-button-loading-text-decoration: none;
+}
+.amplify-button--warning:hover {
+  background-color: var(--amplify-components-button-warning-hover-background-color);
+  border-color: var(--amplify-components-button-warning-hover-border-color);
+  color: var(--amplify-components-button-warning-hover-color);
+}
+.amplify-button--warning:focus {
+  background-color: var(--amplify-components-button-warning-focus-background-color);
+  border-color: var(--amplify-components-button-warning-focus-border-color);
+  color: var(--amplify-components-button-warning-focus-color);
+  box-shadow: var(--amplify-components-button-warning-focus-box-shadow);
+}
+.amplify-button--warning:active {
+  background-color: var(--amplify-components-button-warning-active-background-color);
+  border-color: var(--amplify-components-button-warning-active-border-color);
+  color: var(--amplify-components-button-warning-active-color);
+}
 .amplify-button--small {
   font-size: var(--amplify-components-button-small-font-size);
   -webkit-padding-before: var(--amplify-components-button-small-padding-block-start);
@@ -1844,6 +2031,7 @@ strong.amplify-text {
 .amplify-alert {
   align-items: var(--amplify-components-alert-align-items);
   background-color: var(--amplify-components-alert-background-color);
+  color: var(--amplify-components-alert-color);
   justify-content: var(--amplify-components-alert-justify-content);
   padding-block: var(--amplify-components-alert-padding-block);
   padding-inline: var(--amplify-components-alert-padding-inline);
@@ -1916,6 +2104,7 @@ strong.amplify-text {
 }
 .amplify-autocomplete__menu__options {
   position: relative;
+  overscroll-behavior: contain;
   display: var(--amplify-components-autocomplete-menu-options-display);
   flex-direction: var(--amplify-components-autocomplete-menu-options-flex-direction);
   max-height: var(--amplify-components-autocomplete-menu-options-max-height);
@@ -2510,6 +2699,147 @@ html[dir=rtl] .amplify-field-group__inner-start {
   height: 100%;
 }
 
+.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: row;
+  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);
+  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;
 }
@@ -2761,6 +3091,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-radio__button {
+  flex-shrink: 0;
   align-items: var(--amplify-components-radio-button-align-items);
   justify-content: var(--amplify-components-radio-button-justify-content);
   padding: var(--amplify-components-radio-button-padding);

package/dist/types/components/AccountSettings/AccountSettings.d.ts

@@ -0,0 +1,7 @@
+import { ChangePassword } from './ChangePassword';
+import { DeleteUser } from './DeleteUser';
+declare const _default: {
+    ChangePassword: typeof ChangePassword;
+    DeleteUser: typeof DeleteUser;
+};
+export default _default;

package/dist/types/components/AccountSettings/ChangePassword/ChangePassword.d.ts

@@ -0,0 +1,10 @@
+import { ChangePasswordProps } from './types';
+declare function ChangePassword({ onSuccess, onError, validators, components, }: ChangePasswordProps): JSX.Element | null;
+declare namespace ChangePassword {
+    var CurrentPasswordField: import("../types").PasswordFieldComponent<{}>;
+    var NewPasswordField: import("../types").PasswordFieldComponent<{}>;
+    var ConfirmPasswordField: import("../types").PasswordFieldComponent<{}>;
+    var SubmitButton: import("../types").SubmitButtonComponent<{}>;
+    var ErrorMessage: import("../types").ErrorMessageComponent<{}>;
+}
+export default ChangePassword;

package/dist/types/components/AccountSettings/ChangePassword/defaults.d.ts

@@ -0,0 +1,3 @@
+import { ChangePasswordComponents } from './types';
+declare const DEFAULTS: Required<ChangePasswordComponents>;
+export default DEFAULTS;

package/dist/types/components/AccountSettings/ChangePassword/index.d.ts

@@ -0,0 +1 @@
+export { default as ChangePassword } from './ChangePassword';

package/dist/types/components/AccountSettings/ChangePassword/types.d.ts

@@ -0,0 +1,23 @@
+import { InputEventType, ValidatorOptions } from '@aws-amplify/ui';
+import { SubmitButtonComponent, ErrorMessageComponent, PasswordFieldComponent, FormValues } from '../types';
+export interface ChangePasswordComponents {
+    ConfirmPasswordField?: PasswordFieldComponent;
+    CurrentPasswordField?: PasswordFieldComponent;
+    ErrorMessage?: ErrorMessageComponent;
+    NewPasswordField?: PasswordFieldComponent;
+    SubmitButton?: SubmitButtonComponent;
+}
+export interface ValidateParams {
+    formValues: FormValues;
+    eventType: InputEventType;
+}
+export interface ChangePasswordProps {
+    /** callback once password is successfully updated */
+    onSuccess?: () => void;
+    /** callback when there's an error */
+    onError?: (error: Error) => void;
+    /** custom password validations */
+    validators?: ValidatorOptions[];
+    /** custom component overrides */
+    components?: ChangePasswordComponents;
+}

package/dist/types/components/AccountSettings/DeleteUser/DeleteUser.d.ts

@@ -0,0 +1,8 @@
+import { DeleteUserProps } from './types';
+declare function DeleteUser({ components, onSuccess, onError, handleDelete, }: DeleteUserProps): JSX.Element | null;
+declare namespace DeleteUser {
+    var ErrorMessage: import("../types").ErrorMessageComponent<{}>;
+    var DeleteButton: import("../types").ButtonComponent<{}>;
+    var WarningView: import("./types").WarningViewComponent<{}>;
+}
+export default DeleteUser;

package/dist/types/components/AccountSettings/DeleteUser/defaults.d.ts

@@ -0,0 +1,3 @@
+import { DeleteUserComponents } from './types';
+declare const DEFAULTS: Required<DeleteUserComponents>;
+export default DEFAULTS;

package/dist/types/components/AccountSettings/DeleteUser/index.d.ts

@@ -0,0 +1 @@
+export { default as DeleteUser } from './DeleteUser';

package/dist/types/components/AccountSettings/DeleteUser/types.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { AmplifyUser } from '@aws-amplify/ui';
+import { ButtonComponent, ErrorMessageComponent } from '../types';
+export interface WarningViewProps {
+    /** called when end user cancels account deletion */
+    onCancel: () => void;
+    /** called when user acknowledges account deletion */
+    onConfirm: () => void;
+    /** whether account deletion is in progress */
+    isDisabled: boolean;
+}
+export declare type WarningViewComponent<Props = {}> = React.ComponentType<Props & WarningViewProps>;
+export declare type DeleteUserState = 'IDLE' | 'CONFIRMATION' | 'DELETING' | 'DONE' | 'ERROR';
+export interface DeleteUserComponents {
+    ErrorMessage?: ErrorMessageComponent;
+    DeleteButton?: ButtonComponent;
+    WarningView?: WarningViewComponent;
+}
+export interface DeleteUserProps {
+    /** custom delete user service override */
+    handleDelete?: (user: AmplifyUser) => Promise<void> | void;
+    /** callback for successful user deletion */
+    onSuccess?: () => void;
+    /** callback for unsuccessful user deletion  */
+    onError?: (error: Error) => void;
+    /** custom component overrides */
+    components?: DeleteUserComponents;
+}

package/dist/types/components/AccountSettings/constants.d.ts

@@ -0,0 +1,4 @@
+export declare enum ComponentClassName {
+    ChangePassword = "amplify-accountsettings-changepassword",
+    DeleteUser = "amplify-accountsettings-deleteuser"
+}

package/dist/types/components/AccountSettings/index.d.ts

@@ -0,0 +1 @@
+export { default as AccountSettings } from './AccountSettings';

package/dist/types/components/AccountSettings/shared/Defaults.d.ts

@@ -0,0 +1,2 @@
+import { ErrorMessageComponent } from '../types';
+export declare const DefaultErrorMessage: ErrorMessageComponent;

package/dist/types/components/AccountSettings/types.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AlertProps, ButtonProps, PasswordFieldProps, PrimitiveProps } from '../../primitives/types';
+declare type PasswordFieldPrimitiveProps = PrimitiveProps<PasswordFieldProps, 'input'>;
+declare type ButtonPrimitiveProps = PrimitiveProps<ButtonProps, 'button'>;
+declare type AlertPrimitiveProps = PrimitiveProps<AlertProps, 'div'>;
+declare type CommonPasswordFieldProps = Partial<PasswordFieldPrimitiveProps> & Required<Pick<PasswordFieldPrimitiveProps, 'onBlur' | 'onChange' | 'name'>> & {
+    fieldValidationErrors?: string[];
+};
+declare type CommonAlertProps = Partial<PrimitiveProps<AlertProps, 'div'>> & Required<Pick<AlertPrimitiveProps, 'children'>>;
+declare type CommonButtonProps<T extends 'submit' | 'default' = 'default'> = Partial<ButtonPrimitiveProps> & Required<Pick<ButtonPrimitiveProps, 'isDisabled' | (T extends 'submit' ? never : 'onClick')>>;
+export declare type PasswordFieldComponent<Props = {}> = React.ComponentType<Props & CommonPasswordFieldProps>;
+export declare type ButtonComponent<Props = {}> = React.ComponentType<Props & CommonButtonProps>;
+export declare type SubmitButtonComponent<Props = {}> = React.ComponentType<Props & CommonButtonProps<'submit'>>;
+export declare type ErrorMessageComponent<Props = {}> = React.ComponentType<Props & CommonAlertProps>;
+export declare type FormValues = Record<string, string>;
+export declare type BlurredFields = string[];
+export declare type ValidationError = Record<string, string[]>;
+export {};

package/dist/types/components/Storage/FileUploader/FileUploader.d.ts

@@ -0,0 +1,2 @@
+import { FileUploaderProps } from './types';
+export declare function FileUploader({ acceptedFileTypes, shouldAutoProceed, isPreviewerVisible, maxFiles, maxSize, hasMultipleFiles, onError, onSuccess, showImages, accessLevel, variation, isResumable, ...rest }: FileUploaderProps): JSX.Element;

package/dist/types/components/Storage/FileUploader/UploadDropZone/index.d.ts

@@ -0,0 +1,2 @@
+import { UploadDropZoneProps } from '../types';
+export declare function UploadDropZone({ children, inDropZone, onDragStart, onDragEnter, onDragLeave, onDrop, onDragOver, }: UploadDropZoneProps): JSX.Element;

package/dist/types/components/Storage/FileUploader/UploadPreviewer/index.d.ts

@@ -0,0 +1,2 @@
+import { PreviewerProps } from '../types';
+export declare function UploadPreviewer({ aggregatePercentage, children, dropZone, fileStatuses, isLoading, isSuccessful, hasMaxFilesError, onClear, onFileClick, }: PreviewerProps): JSX.Element;

package/dist/types/components/Storage/FileUploader/UploadTracker/UploadMessage.d.ts

@@ -0,0 +1,2 @@
+import { FileStateProps } from '../types';
+export declare const UploadMessage: ({ fileState, errorMessage, percentage, }: FileStateProps) => JSX.Element;

package/dist/types/components/Storage/FileUploader/UploadTracker/index.d.ts

@@ -0,0 +1,2 @@
+import { TrackerProps } from '../types';
+export declare function UploadTracker({ errorMessage, file, fileState, hasImage, name, onCancel, onCancelEdit, onPause, onResume, onSaveEdit, onStartEdit, percentage, isResumable, showImage, }: TrackerProps): JSX.Element;

package/dist/types/components/Storage/FileUploader/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useFileUploader';

package/dist/types/components/Storage/FileUploader/hooks/useFileUploader/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useFileUploader } from './useFileUploader';
+export { UseFileUploader, DragActionHandlers } from './types';

package/dist/types/components/Storage/FileUploader/hooks/useFileUploader/types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FileStatuses } from '../../types';
+export interface DragActionHandlers {
+    onDragStart: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragEnter: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+}
+export interface UseFileUploader extends DragActionHandlers {
+    showPreviewer?: boolean;
+    setShowPreviewer?: React.Dispatch<React.SetStateAction<boolean>>;
+    fileStatuses: FileStatuses;
+    setFileStatuses: React.Dispatch<React.SetStateAction<FileStatuses>>;
+    inDropZone?: boolean;
+    setInDropZone?: React.Dispatch<React.SetStateAction<boolean>>;
+    addTargetFiles?: (targetFiles: File[]) => number;
+}

package/dist/types/components/Storage/FileUploader/hooks/useFileUploader/useFileUploader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UseFileUploader } from './types';
+export default function useFileUploader({ maxSize, acceptedFileTypes, hasMultipleFiles, isLoading, setAutoLoad, }: {
+    maxSize: number;
+    acceptedFileTypes: string[];
+    hasMultipleFiles: boolean;
+    isLoading: boolean;
+    setAutoLoad: React.Dispatch<React.SetStateAction<boolean>>;
+}): UseFileUploader;

package/dist/types/components/Storage/FileUploader/index.d.ts

@@ -0,0 +1 @@
+export { FileUploader } from './FileUploader';