@aws-amplify/ui-react 4.5.1 → 4.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/types/components/AccountSettings/DeleteUser/types.d.ts

@@ -9,8 +9,8 @@ export interface WarningViewProps {
     /** 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 type WarningViewComponent<Props = {}> = React.ComponentType<Props & WarningViewProps>;
+export type DeleteUserState = 'IDLE' | 'CONFIRMATION' | 'DELETING' | 'DONE' | 'ERROR';
 export interface DeleteUserComponents {
     ErrorMessage?: ErrorMessageComponent;
     DeleteButton?: ButtonComponent;

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

@@ -1,18 +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'>> & {
+type PasswordFieldPrimitiveProps = PrimitiveProps<PasswordFieldProps, 'input'>;
+type ButtonPrimitiveProps = PrimitiveProps<ButtonProps, 'button'>;
+type AlertPrimitiveProps = PrimitiveProps<AlertProps, 'div'>;
+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, 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[]>;
+type CommonAlertProps = Partial<PrimitiveProps<AlertProps, 'div'>> & Required<Pick<AlertPrimitiveProps, 'children'>>;
+type CommonButtonProps<T extends 'submit' | 'default' = 'default'> = Partial<ButtonPrimitiveProps> & Required<Pick<ButtonPrimitiveProps, T extends 'submit' ? never : 'onClick'>>;
+export type PasswordFieldComponent<Props = {}> = React.ComponentType<Props & CommonPasswordFieldProps>;
+export type ButtonComponent<Props = {}> = React.ComponentType<Props & CommonButtonProps>;
+export type SubmitButtonComponent<Props = {}> = React.ComponentType<Props & CommonButtonProps<'submit'>>;
+export type ErrorMessageComponent<Props = {}> = React.ComponentType<Props & CommonAlertProps>;
+export type FormValues = Record<string, string>;
+export type BlurredFields = string[];
+export type ValidationError = Record<string, string[]>;
 export {};

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

@@ -3,8 +3,8 @@ import { AuthenticatorMachineOptions, AmplifyUser } from '@aws-amplify/ui';
 import { UseAuthenticator } from '@aws-amplify/ui-react-core';
 import { ComponentsProviderProps } from './hooks/useCustomComponents';
 import { RouterProps } from './Router';
-export declare type SignOut = UseAuthenticator['signOut'];
-export declare type AuthenticatorProps = Partial<AuthenticatorMachineOptions & ComponentsProviderProps & RouterProps & {
+export type SignOut = UseAuthenticator['signOut'];
+export type AuthenticatorProps = Partial<AuthenticatorMachineOptions & ComponentsProviderProps & RouterProps & {
     children: React.ReactNode | ((props: {
         signOut?: SignOut;
         user?: AmplifyUser;

package/dist/types/components/Authenticator/RouteContainer/types.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare type RouteProps = {
+export type RouteProps = {
     className: string;
     variation: 'default' | 'modal';
 };
-export declare type RouteContainerProps = {
+export type RouteContainerProps = {
     children: React.ReactNode;
 } & RouteProps;

package/dist/types/components/Authenticator/Router/types.d.ts

@@ -1,4 +1,4 @@
 import { RouteProps } from '../RouteContainer';
-export declare type RouterProps = {
+export type RouterProps = {
     hideSignUp: boolean;
 } & RouteProps;

package/dist/types/components/Authenticator/withAuthenticator.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AuthenticatorProps, SignOut } from './Authenticator';
 import { AmplifyUser } from '@aws-amplify/ui';
-export declare type WithAuthenticatorOptions = Omit<AuthenticatorProps, 'children'>;
+export type WithAuthenticatorOptions = Omit<AuthenticatorProps, 'children'>;
 export interface WithAuthenticatorProps {
     signOut?: SignOut;
     user?: AmplifyUser;

package/dist/types/components/Geo/types/maplibre-gl-geocoder.d.ts

@@ -1,4 +1,4 @@
-export declare type LocationSearchProps = {
+export 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.

package/dist/types/components/InAppMessaging/BannerMessage/types.d.ts

@@ -1,6 +1,6 @@
 import { BannerMessageCommonProps } from '@aws-amplify/ui-react-core';
 import { MessageOverrideStyle } from '../hooks';
-declare type BannerMessageAlignment = 'left' | 'center' | 'right';
+type BannerMessageAlignment = 'left' | 'center' | 'right';
 export interface BannerMessageProps extends BannerMessageCommonProps<MessageOverrideStyle | undefined> {
     alignment?: BannerMessageAlignment;
 }

package/dist/types/components/InAppMessaging/InAppMessageDisplay/types.d.ts

@@ -2,10 +2,10 @@ import { BannerMessageComponent, CarouselMessageComponent, FullScreenMessageComp
 import { BannerMessageProps } from '../BannerMessage';
 import { FullScreenMessageProps } from '../FullScreenMessage';
 import { ModalMessageProps } from '../ModalMessage';
-declare type BannerStyle = BannerMessageProps['style'];
-declare type CarouselStyle = any;
-declare type FullScreenStyle = FullScreenMessageProps['style'];
-declare type ModalStyle = ModalMessageProps['style'];
+type BannerStyle = BannerMessageProps['style'];
+type CarouselStyle = any;
+type FullScreenStyle = FullScreenMessageProps['style'];
+type ModalStyle = ModalMessageProps['style'];
 export interface MessageDefaultComponents {
     BannerMessage: BannerMessageComponent<BannerStyle>;
     CarouselMessage: CarouselMessageComponent<CarouselStyle>;

package/dist/types/components/InAppMessaging/MessageLayout/types.d.ts

@@ -1,8 +1,8 @@
 import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
 import { ButtonProps } from '../../../primitives';
 import { MessageComponentStyles, MessageOverrideStyle, UseMessageProps } from '../hooks';
-declare type MessageLayoutOrientation = 'horizontal' | 'vertical';
-export declare type MessageLayoutButtonModifier = 'dark' | 'light';
+type MessageLayoutOrientation = 'horizontal' | 'vertical';
+export type MessageLayoutButtonModifier = 'dark' | 'light';
 export interface MessageLayoutProps extends Omit<MessageComponentBaseProps<MessageOverrideStyle>, 'style'>, Omit<UseMessageProps, 'shouldRenderMessage' | 'styles'> {
     /**
      * @description

package/dist/types/components/InAppMessaging/hooks/useMessageImage/types.d.ts

@@ -4,7 +4,7 @@ export declare enum ImagePrefetchStatus {
     Fetching = "FETCHING",
     Success = "SUCCESS"
 }
-export declare type UseMessageImage = {
+export type UseMessageImage = {
     hasRenderableImage: boolean;
     isImageFetching: boolean;
 };

package/dist/types/components/InAppMessaging/hooks/useMessageProps/types.d.ts

@@ -36,4 +36,4 @@ export interface StyleParams {
 /**
  * Override style props
  */
-export declare type MessageOverrideStyle = Partial<MessageComponentStyles>;
+export type MessageOverrideStyle = Partial<MessageComponentStyles>;

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

@@ -2,8 +2,8 @@ import React from 'react';
 import { StorageAccessLevel, UploadTask } from '@aws-amplify/storage';
 import { DragActionHandlers } from './hooks/useFileUploader/types';
 import { ButtonProps } from '../../../primitives';
-export declare type SetShowPreviewer = (show: boolean) => void;
-export declare type Files = File[];
+export type SetShowPreviewer = (show: boolean) => void;
+export type Files = File[];
 export interface UploadDropZoneProps extends DragActionHandlers {
     children?: React.ReactNode;
     inDropZone?: boolean;
@@ -63,7 +63,7 @@ export interface FileStatus extends Partial<FileStateProps> {
     name?: string;
     file?: File;
 }
-export declare type FileStatuses = FileStatus[];
+export type FileStatuses = FileStatus[];
 export declare enum FileState {
     PAUSED = "paused",
     SUCCESS = "success",
@@ -78,10 +78,10 @@ export interface FileStateProps {
     errorMessage: string;
     percentage?: number;
 }
-declare type UploadButtonComponent<Props = {}> = React.ComponentType<Props & Partial<ButtonProps>>;
-declare type UploadDropZoneComponent<Props = {}> = React.ComponentType<Props & Partial<UploadDropZoneProps>>;
-declare type PreviewerComponent<Props = {}> = React.ComponentType<Props & Partial<PreviewerProps>>;
-declare type TrackerComponent<Props = {}> = React.ComponentType<Props & Partial<TrackerProps>>;
+type UploadButtonComponent<Props = {}> = React.ComponentType<Props & Partial<ButtonProps>>;
+type UploadDropZoneComponent<Props = {}> = React.ComponentType<Props & Partial<UploadDropZoneProps>>;
+type PreviewerComponent<Props = {}> = React.ComponentType<Props & Partial<PreviewerProps>>;
+type TrackerComponent<Props = {}> = React.ComponentType<Props & Partial<TrackerProps>>;
 export interface Components {
     UploadDropZone?: UploadDropZoneComponent;
     UploadButton?: UploadButtonComponent;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Theme, WebTheme } from '@aws-amplify/ui';
-export declare type ColorMode = 'system' | 'light' | 'dark';
-export declare type Direction = 'ltr' | 'rtl';
+export type ColorMode = 'system' | 'light' | 'dark';
+export type Direction = 'ltr' | 'rtl';
 interface ThemeProviderProps {
     children: React.ReactNode;
     /**

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

@@ -1,5 +1,5 @@
 export declare const isDevelopment: () => boolean;
-declare type ErrorWithMessage = {
+type ErrorWithMessage = {
     message: string;
 };
 export declare const isErrorWithMessage: (error: unknown) => error is ErrorWithMessage;

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

@@ -5,10 +5,10 @@ import { PersistentModel, PersistentModelConstructor, ModelInit, PersistentModel
  * because Datastore Int and Float scalar types are often
  * entered by users in a TextField which returns a string
  */
-declare type ModelFields<Type> = {
+type ModelFields<Type> = {
     [Property in keyof Type]: string | number | boolean;
 };
-export declare type DataStoreActionFields<Model extends PersistentModel> = ModelInit<Model, PersistentModelMetaData<Model>> | ModelFields<ModelInit<Model, PersistentModelMetaData<Model>>>;
+export type DataStoreActionFields<Model extends PersistentModel> = ModelInit<Model, PersistentModelMetaData<Model>> | ModelFields<ModelInit<Model, PersistentModelMetaData<Model>>>;
 export interface UseDataStoreActionOptions<Model extends PersistentModel> {
     model: PersistentModelConstructor<Model>;
     /**

package/dist/types/hooks/actions/shared/useTypeCastFields.d.ts

@@ -5,7 +5,7 @@ interface UseTypeCastFieldsProps<Model extends PersistentModel> {
     modelName: string;
     schema?: Schema;
 }
-declare type UseTypeCastFieldsReturn<Model extends PersistentModel> = ModelInit<Model, PersistentModelMetaData<Model>>;
+type UseTypeCastFieldsReturn<Model extends PersistentModel> = ModelInit<Model, PersistentModelMetaData<Model>>;
 /**
  * Optimistically casts field string values to types required by
  * datastore based on the schema type