@aws-amplify/ui 5.5.10 → 5.6.1

package/dist/styles.css

@@ -349,6 +349,7 @@
   --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;
   --amplify-components-field-small-gap: var(--amplify-space-xxxs);
   --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
   --amplify-components-field-large-gap: var(--amplify-space-small);
@@ -511,6 +512,7 @@
   --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-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);
@@ -1744,7 +1746,7 @@ strong.amplify-text {
   -webkit-user-select: text;
      -moz-user-select: text;
           user-select: text;
-  display: inline-flex;
+  display: inline-block;
 }
 .amplify-input:focus {
   border-color: var(--amplify-components-fieldcontrol-focus-border-color);
@@ -2620,6 +2622,7 @@ strong.amplify-text {
 .amplify-field {
   font-size: var(--amplify-components-field-font-size);
   gap: var(--amplify-components-field-gap);
+  flex-direction: var(--amplify-components-field-flex-direction);
 }
 .amplify-field--small {
   font-size: var(--amplify-components-field-small-font-size);
@@ -2768,6 +2771,405 @@ html[dir=rtl] .amplify-field-group__inner-start {
   height: 100%;
 }
 
+.amplify-liveness-cancel-container {
+  z-index: 2;
+  position: absolute;
+  top: var(--amplify-space-medium);
+  right: var(--amplify-space-medium);
+}
+
+.amplify-liveness-cancel-button {
+  background-color: var(--amplify-colors-background-primary);
+}
+
+.amplify-liveness-fade-out {
+  animation-name: amplify-liveness-animation-fadeout;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+
+@keyframes amplify-liveness-animation-fadeout {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.amplify-liveness-camera-module {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--amplify-components-liveness-camera-module-background-color);
+  border: 1px solid var(--amplify-colors-neutral-40);
+  position: relative;
+}
+
+.amplify-liveness-camera-module--mobile {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}
+
+.amplify-liveness-video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.amplify-liveness-freshness-canvas {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 1;
+}
+
+.amplify-liveness-loader {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-oval-canvas {
+  flex-direction: column;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+
+.amplify-liveness-oval-canvas--mobile {
+  position: fixed;
+}
+
+.amplify-liveness-video-anchor {
+  position: relative;
+  width: 100%;
+}
+
+.amplify-liveness-recording-icon-container {
+  z-index: 1;
+  position: absolute;
+  top: var(--amplify-space-medium);
+  left: var(--amplify-space-medium);
+}
+
+.amplify-liveness-recording-icon {
+  flex-direction: column;
+  align-items: center;
+  background-color: var(--amplify-colors-background-primary);
+  padding: var(--amplify-space-xxs);
+  gap: var(--amplify-space-xxs);
+  border-radius: var(--amplify-radii-small);
+}
+
+.amplify-liveness-instruction-overlay {
+  z-index: 1;
+}
+
+.amplify-liveness-countdown-container {
+  background-color: var(--amplify-colors-background-primary);
+  border-radius: 100%;
+  padding: var(--amplify-space-xs);
+}
+
+.amplify-liveness-instruction-list {
+  flex-direction: column;
+}
+.amplify-liveness-instruction-list li {
+  display: flex;
+}
+
+.amplify-liveness-toast {
+  background-color: var(--amplify-colors-background-primary);
+}
+
+.amplify-liveness-toast__message {
+  color: var(--amplify-colors-font-primary);
+}
+
+.amplify-liveness-toast--large {
+  font-size: var(--amplify-font-sizes-xl);
+}
+
+.amplify-liveness-toast--primary {
+  background-color: var(--amplify-colors-brand-primary-80);
+}
+.amplify-liveness-toast--primary .amplify-liveness-toast__message {
+  color: var(--amplify-colors-font-inverse);
+}
+
+.amplify-liveness-toast--error {
+  background-color: var(--amplify-colors-red-80);
+}
+.amplify-liveness-toast--error .amplify-liveness-toast__message {
+  color: var(--amplify-colors-font-inverse);
+}
+
+.amplify-liveness-match-indicator {
+  display: block;
+  width: min(70%, 200px);
+  position: relative;
+  --amplify-liveness-match-indicator-transition: transform 0.2s linear;
+}
+
+.amplify-liveness-match-indicator__bar {
+  --percentage: 0;
+  display: block;
+  width: 100%;
+  height: var(--amplify-space-medium);
+  border-radius: var(--amplify-radii-medium);
+  background: var(--amplify-colors-white);
+  position: relative;
+  overflow: hidden;
+  /* 
+    This translateZ transform fixes in issue in Safari where the bar::after
+    element doesn't appear clipped from overflow: hidden here */
+  transform: translateZ(0);
+  border: 1px solid var(--amplify-colors-border-tertiary);
+}
+
+.amplify-liveness-match-indicator__pin {
+  --percentage: 0;
+  display: block;
+  width: 100%;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translate(var(--percentage), 0);
+  transition: var(--amplify-liveness-match-indicator-transition);
+}
+
+.amplify-liveness-match-indicator__bar:after {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  background: var(--amplify-colors-brand-primary-40);
+  left: -100%;
+  transform: translate(var(--percentage), 0);
+  transition: var(--amplify-liveness-match-indicator-transition);
+}
+
+.amplify-liveness-match-indicator__pin:after {
+  --height: var(--amplify-space-xl);
+  position: absolute;
+  content: "";
+  width: var(--amplify-space-small);
+  height: var(--height);
+  border-radius: var(--amplify-radii-medium);
+  background: var(--amplify-colors-brand-primary-80);
+  left: 0;
+  top: 0;
+  transform: translate(-50%, calc(var(--height) / 2 * -1));
+}
+
+.amplify-liveness-figures {
+  flex-wrap: wrap;
+}
+
+.amplify-liveness-figure {
+  flex-direction: column;
+  gap: 0;
+}
+
+.amplify-liveness-figure__caption {
+  padding: var(--amplify-space-xxs);
+}
+
+.amplify-liveness-figure__caption--success {
+  background-color: var(--amplify-colors-background-success);
+  color: var(--amplify-colors-font-success);
+}
+
+.amplify-liveness-figure__caption--error {
+  background-color: var(--amplify-colors-background-error);
+  color: var(--amplify-colors-font-error);
+}
+
+.amplify-liveness-figure__image {
+  background-color: #fff;
+  border: 1px solid var(--amplify-colors-border-primary);
+  position: relative;
+  display: flex;
+  justify-content: center;
+}
+.amplify-liveness-figure__image svg {
+  display: block;
+}
+
+.amplify-liveness-figure__image--success {
+  border-color: var(--amplify-colors-green-90);
+}
+
+.amplify-liveness-figure__image--error {
+  border-color: var(--amplify-colors-border-error);
+}
+
+.amplify-liveness-figure__icon {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.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-menu-content-wrapper {
   z-index: 999999;
 }
@@ -3812,7 +4214,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-textfield {
-  flex-direction: column;
   --amplify-components-fieldcontrol-color: var(
     --amplify-components-textfield-color
   );

package/dist/theme.css

@@ -346,6 +346,7 @@
 --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;
 --amplify-components-field-small-gap: var(--amplify-space-xxxs);
 --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
 --amplify-components-field-large-gap: var(--amplify-space-small);
@@ -508,6 +509,7 @@
 --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-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);

package/dist/types/helpers/accountSettings/utils.d.ts

@@ -1,5 +1,5 @@
 import { AmplifyUser } from '../../types';
-declare type ChangePasswordInput = {
+type ChangePasswordInput = {
     user: AmplifyUser;
     currentPassword: string;
     newPassword: string;

package/dist/types/helpers/authenticator/facade.d.ts

@@ -5,9 +5,9 @@
  */
 import { Sender } from 'xstate';
 import { AuthEvent, AuthEventData, AuthMachineState, CodeDeliveryDetails, AmplifyUser, ValidationError, SocialProvider, UnverifiedContactMethods } from '../../types';
-export declare type AuthenticatorRoute = 'authenticated' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forceNewPassword' | 'idle' | 'resetPassword' | 'setup' | 'signOut' | 'setupTOTP' | 'signIn' | 'signUp' | 'transition' | 'verifyUser';
-declare type AuthenticatorValidationErrors = ValidationError;
-declare type AuthStatus = 'configuring' | 'authenticated' | 'unauthenticated';
+export type AuthenticatorRoute = 'authenticated' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forceNewPassword' | 'idle' | 'resetPassword' | 'setup' | 'signOut' | 'setupTOTP' | 'signIn' | 'signUp' | 'transition' | 'verifyUser';
+type AuthenticatorValidationErrors = ValidationError;
+type AuthStatus = 'configuring' | 'authenticated' | 'unauthenticated';
 interface AuthenticatorServiceContextFacade {
     authStatus: AuthStatus;
     codeDeliveryDetails: CodeDeliveryDetails;
@@ -21,8 +21,8 @@ interface AuthenticatorServiceContextFacade {
     user: AmplifyUser;
     validationErrors: AuthenticatorValidationErrors;
 }
-declare type SendEventAlias = 'initializeMachine' | 'resendCode' | 'signOut' | 'submitForm' | 'updateForm' | 'updateBlur' | 'toFederatedSignIn' | 'toResetPassword' | 'toSignIn' | 'toSignUp' | 'skipVerification';
-declare type AuthenticatorSendEventAliases = Record<SendEventAlias, (data?: AuthEventData) => void>;
+type SendEventAlias = 'initializeMachine' | 'resendCode' | 'signOut' | 'submitForm' | 'updateForm' | 'updateBlur' | 'toFederatedSignIn' | 'toResetPassword' | 'toSignIn' | 'toSignUp' | 'skipVerification';
+type AuthenticatorSendEventAliases = Record<SendEventAlias, (data?: AuthEventData) => void>;
 export interface AuthenticatorServiceFacade extends AuthenticatorSendEventAliases, AuthenticatorServiceContextFacade {
 }
 /**

package/dist/types/helpers/authenticator/utils.d.ts

@@ -3,7 +3,7 @@
  * implementations can use.
  */
 import { AuthInterpreter, AuthMachineHubHandler } from '../../types';
-declare type ConfigureOptions = {
+type ConfigureOptions = {
     packageName: string;
     version: string;
 };

package/dist/types/helpers/utils.d.ts

@@ -1,4 +1,4 @@
 import { Logger } from 'aws-amplify';
-declare type LoggerCategory = 'Auth' | 'Geo' | 'Notifications' | 'Storage';
+type LoggerCategory = 'Auth' | 'Geo' | 'Notifications' | 'Storage';
 export declare const getLogger: (category: LoggerCategory) => Logger;
 export {};

package/dist/types/i18n/dictionaries/authenticator/types.d.ts

@@ -1,3 +1,3 @@
-declare type AuthenticatorText = 'Account recovery requires verified contact information' | 'Back to Sign In' | 'Change Password' | 'Changing' | 'Code' | 'Confirm Password' | 'Confirm Sign Up' | 'Confirm SMS Code' | 'Confirm TOTP Code' | 'Confirm' | 'Confirmation Code' | 'Confirming' | 'Create a new account' | 'Create Account' | 'Creating Account' | 'Dismiss alert' | 'Email' | 'Enter your code' | 'Enter your email' | 'Enter your phone number' | 'Enter your username' | 'Forgot your password?' | 'Hide password' | 'Loading' | 'New password' | 'Password' | 'Phone Number' | 'Resend Code' | 'Reset your password' | 'Reset your Password' | 'Send code' | 'Send Code' | 'Sending' | 'Setup TOTP' | 'Show password' | 'Sign in to your account' | 'Sign In with Amazon' | 'Sign In with Apple' | 'Sign In with Facebook' | 'Sign In with Google' | 'Sign in' | 'Sign In' | 'Signing in' | 'Skip' | 'Submit' | 'Submitting' | 'Username' | 'Verify Contact' | 'Verify';
-export declare type AuthenticatorDictionary = Record<AuthenticatorText, string> & Record<string, string>;
+type AuthenticatorText = 'Account recovery requires verified contact information' | 'Back to Sign In' | 'Change Password' | 'Changing' | 'Code' | 'Confirm Password' | 'Confirm Sign Up' | 'Confirm SMS Code' | 'Confirm TOTP Code' | 'Confirm' | 'Confirmation Code' | 'Confirming' | 'Create a new account' | 'Create Account' | 'Creating Account' | 'Dismiss alert' | 'Email' | 'Enter your code' | 'Enter your email' | 'Enter your phone number' | 'Enter your username' | 'Forgot your password?' | 'Hide password' | 'Loading' | 'New password' | 'Password' | 'Phone Number' | 'Resend Code' | 'Reset your password' | 'Reset your Password' | 'Send code' | 'Send Code' | 'Sending' | 'Setup TOTP' | 'Show password' | 'Sign in to your account' | 'Sign In with Amazon' | 'Sign In with Apple' | 'Sign In with Facebook' | 'Sign In with Google' | 'Sign in' | 'Sign In' | 'Signing in' | 'Skip' | 'Submit' | 'Submitting' | 'Username' | 'Verify Contact' | 'Verify';
+export type AuthenticatorDictionary = Record<AuthenticatorText, string> & Record<string, string>;
 export {};

package/dist/types/i18n/translations.d.ts

@@ -91,7 +91,7 @@ export declare const DefaultTexts: {
     readonly WE_TEXTED: string;
     readonly WEBSITE: string;
 };
-export declare type Phrase = typeof DefaultTexts[keyof typeof DefaultTexts];
+export type Phrase = typeof DefaultTexts[keyof typeof DefaultTexts];
 /**
  * TODO: Translation keys for dictionaries can be inferred from DefaultTexts
  * by typing it to Partial<Record<Phrase, string>>.
@@ -100,7 +100,7 @@ export declare type Phrase = typeof DefaultTexts[keyof typeof DefaultTexts];
  * limiting factor for custom translation keys. Marking it as TODO until we see
  * a reason to strongly type this.
  */
-export declare type Dict = Record<string, string>;
+export type Dict = Record<string, string>;
 /**
  * This helper type checks that given phrase is one of the texts @aws-amplify/ui
  * provides by default. This enables vscode autocompletion to help catch typos

package/dist/types/machines/authenticator/actions.d.ts

@@ -1,5 +1,5 @@
 import { ActorContextWithForms, AuthEvent, SignInContext, SignUpContext } from '../../types';
-export declare const stopActor: (machineId: string) => import("xstate").StopAction<unknown, import("xstate").EventObject>;
+export declare const stopActor: (machineId: string) => import("xstate").StopAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
 /**
  * https://github.com/statelyai/xstate/issues/866
  *
@@ -24,34 +24,34 @@ export declare const stopActor: (machineId: string) => import("xstate").StopActi
 /**
  * "clear" actions
  */
-export declare const clearAttributeToVerify: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const clearChallengeName: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const clearRequiredAttributes: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const clearError: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const clearFormValues: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const clearTouched: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const clearUnverifiedContactMethods: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const clearUsername: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const clearValidationError: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
+export declare const clearAttributeToVerify: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const clearChallengeName: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const clearRequiredAttributes: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const clearError: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const clearFormValues: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const clearTouched: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const clearUnverifiedContactMethods: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const clearUsername: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const clearValidationError: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
 /**
  * "set" actions
  */
-export declare const setTotpSecretCode: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const setChallengeName: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const setRequiredAttributes: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const setConfirmResetPasswordIntent: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const setConfirmSignUpIntent: import("xstate").AssignAction<unknown, import("xstate").EventObject>;
-export declare const setCredentials: import("xstate").AssignAction<SignInContext | SignUpContext, import("xstate").EventObject>;
-export declare const setFieldErrors: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const setRemoteError: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const setUnverifiedContactMethods: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const setUser: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const setUsername: import("xstate").AssignAction<ActorContextWithForms, import("xstate").EventObject>;
-export declare const setCodeDeliveryDetails: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const setUsernameAuthAttributes: import("xstate").AssignAction<ActorContextWithForms, import("xstate").EventObject>;
-export declare const handleInput: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const handleSubmit: import("xstate").AssignAction<unknown, AuthEvent>;
-export declare const handleBlur: import("xstate").AssignAction<unknown, AuthEvent>;
+export declare const setTotpSecretCode: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const setChallengeName: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const setRequiredAttributes: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const setConfirmResetPasswordIntent: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const setConfirmSignUpIntent: import("xstate").AssignAction<unknown, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const setCredentials: import("xstate").AssignAction<SignInContext | SignUpContext, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const setFieldErrors: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const setRemoteError: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const setUnverifiedContactMethods: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const setUser: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const setUsername: import("xstate").AssignAction<ActorContextWithForms, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const setCodeDeliveryDetails: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const setUsernameAuthAttributes: import("xstate").AssignAction<ActorContextWithForms, import("xstate").EventObject, import("xstate").EventObject>;
+export declare const handleInput: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const handleSubmit: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
+export declare const handleBlur: import("xstate").AssignAction<unknown, AuthEvent, AuthEvent>;
 export declare const resendCode: (context: any) => Promise<any>;
 /**
  * This action occurs on the entry to a state where a form submit action
@@ -59,4 +59,4 @@ export declare const resendCode: (context: any) => Promise<any>;
  * the result, and updates the form values with the full phone number which is
  * the required format by Cognito for form submission.
  */
-export declare const parsePhoneNumber: import("xstate").AssignAction<SignInContext | SignUpContext, import("xstate").EventObject>;
+export declare const parsePhoneNumber: import("xstate").AssignAction<SignInContext | SignUpContext, import("xstate").EventObject, import("xstate").EventObject>;

package/dist/types/machines/authenticator/actors/resetPassword.d.ts

@@ -1,6 +1,6 @@
 import { AuthEvent, ResetPasswordContext } from '../../../types';
 import { defaultServices } from '../defaultServices';
-export declare type ResetPasswordMachineOptions = {
+export type ResetPasswordMachineOptions = {
     services?: Partial<typeof defaultServices>;
 };
 export declare function resetPasswordActor({ services }: ResetPasswordMachineOptions): import("xstate").StateMachine<ResetPasswordContext, any, AuthEvent, {

package/dist/types/machines/authenticator/actors/signIn.d.ts

@@ -1,6 +1,6 @@
 import { AuthEvent, SignInContext } from '../../../types';
 import { defaultServices } from '../defaultServices';
-export declare type SignInMachineOptions = {
+export type SignInMachineOptions = {
     services?: Partial<typeof defaultServices>;
 };
 export declare function signInActor({ services }: SignInMachineOptions): import("xstate").StateMachine<SignInContext, any, AuthEvent, {

package/dist/types/machines/authenticator/index.d.ts

@@ -1,5 +1,5 @@
 import { AuthContext, AuthEvent } from '../../types';
-export declare type AuthenticatorMachineOptions = AuthContext['config'] & {
+export type AuthenticatorMachineOptions = AuthContext['config'] & {
     services?: AuthContext['services'];
 };
 export declare function createAuthenticatorMachine(): import("xstate").StateMachine<AuthContext, any, AuthEvent, {

package/dist/types/machines/authenticator/signUp.d.ts

@@ -1,6 +1,6 @@
 import { AuthEvent, SignUpContext } from '../../types';
 import { defaultServices } from './defaultServices';
-export declare type SignUpMachineOptions = {
+export type SignUpMachineOptions = {
     services?: Partial<typeof defaultServices>;
 };
 export declare function createSignUpMachine({ services }: SignUpMachineOptions): import("xstate").StateMachine<SignUpContext, any, AuthEvent, {

package/dist/types/theme/breakpoints.d.ts

@@ -1,4 +1,4 @@
-declare type BreakpointKey = 'base' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';
+type BreakpointKey = 'base' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';
 export interface Breakpoints {
     values: Record<BreakpointKey, number>;
     defaultBreakpoint: BreakpointKey;