@aws-amplify/ui 4.0.1 → 5.0.0

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

@@ -0,0 +1,44 @@
+import { AuthChallengeName, CodeDeliveryDetails, SocialProvider } from '../../types';
+import { AuthenticatorRoute } from './facade';
+export declare const authenticatorTextUtil: {
+    /** Shared */
+    readonly getBackToSignInText: () => string;
+    readonly getChangePasswordText: () => string;
+    readonly getChangingText: () => string;
+    readonly getConfirmText: () => string;
+    readonly getConfirmingText: () => string;
+    readonly getCopyText: () => string;
+    readonly getResendCodeText: () => string;
+    readonly getSendCodeText: () => string;
+    readonly getSendingText: () => string;
+    readonly getSubmitText: () => string;
+    readonly getSubmittingText: () => string;
+    readonly getLoadingText: () => string;
+    /** SignInSignUpTabs */
+    readonly getSignInTabText: () => string;
+    readonly getSignUpTabText: () => string;
+    /** SignIn */
+    readonly getForgotPasswordText: () => string;
+    readonly getSigningInText: () => string;
+    readonly getSignInText: () => string;
+    /** SignUp */
+    readonly getCreatingAccountText: () => string;
+    readonly getCreateAccountText: () => string;
+    /** ConfirmSignUp */
+    readonly getDeliveryMessageText: (codeDeliveryDetails: CodeDeliveryDetails) => string;
+    readonly getDeliveryMethodText: (codeDeliveryDetails: CodeDeliveryDetails) => string;
+    /** ConfirmSignIn */
+    readonly getChallengeText: (challengeName: AuthChallengeName) => string;
+    /** ResetPassword */
+    readonly getResetYourPasswordText: () => string;
+    /** SetupTOTP */
+    readonly getSetupTOTPText: () => string;
+    readonly getCopiedText: () => string;
+    /** FederatedSignIn */
+    readonly getSignInWithFederationText: (route: AuthenticatorRoute, provider: SocialProvider) => string;
+    /** VerifyUser */
+    readonly getSkipText: () => string;
+    readonly getVerifyText: () => string;
+    readonly getVerifyContactText: () => string;
+    readonly getAccountRecoveryInfoText: () => string;
+};

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

@@ -2,10 +2,14 @@
  * This file contains general helpers that state machine or authenticator
  * implementations can use.
  */
-import { AuthInterpreter, HubHandler } from '../../types';
+import { AuthInterpreter, AuthMachineHubHandler } from '../../types';
 export declare const censorAllButFirstAndLast: (value: string) => string;
 export declare const censorPhoneNumber: (val: string) => string;
-export declare const defaultAuthHubHandler: HubHandler;
+/**
+ * Handles Amplify JS Auth hub events, by forwarding hub events as appropriate
+ * xstate events.
+ */
+export declare const defaultAuthHubHandler: AuthMachineHubHandler;
 /**
  * Listens to external auth Hub events and sends corresponding event to
  * the `authService` of interest
@@ -14,6 +18,6 @@ export declare const defaultAuthHubHandler: HubHandler;
  *
  * @returns function that unsubscribes to the hub evenmt
  */
-export declare const listenToAuthHub: (service: AuthInterpreter, handler?: HubHandler) => () => void;
+export declare const listenToAuthHub: (service: AuthInterpreter, handler?: AuthMachineHubHandler) => () => void;
 export declare const hasSpecialChars: (password: string) => boolean;
 export declare const getTotpCodeURL: (issuer: string, username: string, secret: string) => string;

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

@@ -20,7 +20,6 @@ export declare const defaultTexts: {
     FAMILY_NAME: string;
     GIVEN_NAME: string;
     FORGOT_YOUR_PASSWORD: string;
-    FORGOT_YOUR_PASSWORD_LEGACY: string;
     HIDE_PASSWORD: string;
     LOADING: string;
     LOGIN_NAME: string;

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

@@ -800,7 +800,6 @@ export declare const defaultTexts: {
     FAMILY_NAME: string;
     GIVEN_NAME: string;
     FORGOT_YOUR_PASSWORD: string;
-    FORGOT_YOUR_PASSWORD_LEGACY: string;
     HIDE_PASSWORD: string;
     LOADING: string;
     LOGIN_NAME: string;

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

@@ -32,7 +32,6 @@ export declare const DefaultTexts: {
     readonly FAMILY_NAME: string;
     readonly GIVEN_NAME: string;
     readonly FORGOT_YOUR_PASSWORD: string;
-    readonly FORGOT_YOUR_PASSWORD_LEGACY: string;
     readonly HIDE_PASSWORD: string;
     readonly LOADING: string;
     readonly LOGIN_NAME: string;

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

@@ -1,8 +1,9 @@
+/// <reference types="amazon-cognito-identity-js" />
 import { AuthChallengeName, PasswordSettings, SignInResult, ValidatorResult } from '../../types';
 export declare const defaultServices: {
     getAmplifyConfig(): Promise<{}>;
     getCurrentUser(): Promise<any>;
-    handleSignUp(formData: any): Promise<any>;
+    handleSignUp(formData: any): Promise<import("amazon-cognito-identity-js").ISignUpResult>;
     handleSignIn({ username, password, }: {
         username: string;
         password: string;

package/dist/types/theme/tokens/components/autocomplete.d.ts

@@ -0,0 +1,42 @@
+import { AlignItemsValue, BackgroundColorValue, BorderColorValue, BorderWidthValue, BorderStyleValue, BorderRadiusValue, ColorValue, CursorValue, DesignToken, DisplayValue, FlexDirectionValue, SpaceValue, TransitionDurationValue, TransitionPropertyValue, TransitionTimingFunctionValue } from '../types/designToken';
+export interface AutocompleteTokens {
+    menu: {
+        width: DesignToken<SpaceValue>;
+        marginBlockStart: DesignToken<SpaceValue>;
+        backgroundColor: DesignToken<BackgroundColorValue>;
+        borderColor: DesignToken<BorderColorValue>;
+        borderWidth: DesignToken<BorderWidthValue>;
+        borderStyle: DesignToken<BorderStyleValue>;
+        borderRadius: DesignToken<BorderRadiusValue>;
+        options: {
+            display: DesignToken<DisplayValue>;
+            flexDirection: DesignToken<FlexDirectionValue>;
+            maxHeight: DesignToken<SpaceValue>;
+        };
+        option: {
+            backgroundColor: DesignToken<BackgroundColorValue>;
+            color: DesignToken<ColorValue>;
+            cursor: DesignToken<CursorValue>;
+            transitionDuration: DesignToken<TransitionDurationValue>;
+            transitionProperty: DesignToken<TransitionPropertyValue>;
+            transitionTimingFunction: DesignToken<TransitionTimingFunctionValue>;
+            _active: {
+                backgroundColor: DesignToken<BackgroundColorValue>;
+                color: DesignToken<ColorValue>;
+            };
+        };
+        _empty: {
+            display: DesignToken<DisplayValue>;
+        };
+        _loading: {
+            alignItems: DesignToken<AlignItemsValue>;
+            display: DesignToken<DisplayValue>;
+            gap: DesignToken<SpaceValue>;
+        };
+        spaceShared: {
+            paddingBlock: DesignToken<SpaceValue>;
+            paddingInline: DesignToken<SpaceValue>;
+        };
+    };
+}
+export declare const autocomplete: AutocompleteTokens;

package/dist/types/theme/tokens/components/highlightMatch.d.ts

@@ -0,0 +1,9 @@
+import { DesignToken, FontWeightValue } from '../types/designToken';
+interface HighlightMatchHighlightedTokens {
+    fontWeight: DesignToken<FontWeightValue>;
+}
+export interface HighlightMatchTokens {
+    highlighted: HighlightMatchHighlightedTokens;
+}
+export declare const highlightmatch: HighlightMatchTokens;
+export {};

package/dist/types/theme/tokens/components/inAppMessaging.d.ts

@@ -0,0 +1,28 @@
+import { BorderRadiusValue, ColorValue, DesignToken, FontSizeValue, FontWeightValue, SpaceValue } from '../types/designToken';
+interface BannerTokens {
+    height: DesignToken<SpaceValue>;
+    width: DesignToken<SpaceValue>;
+}
+interface ButtonTokens {
+    backgroundColor: DesignToken<ColorValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    color: DesignToken<ColorValue>;
+}
+interface DialogTokens {
+    height: DesignToken<SpaceValue>;
+    minHeight: DesignToken<SpaceValue>;
+    minWidth: DesignToken<SpaceValue>;
+    width: DesignToken<SpaceValue>;
+}
+interface HeaderTokens {
+    fontSize: DesignToken<FontSizeValue>;
+    fontWeight: DesignToken<FontWeightValue>;
+}
+export interface InAppMessagingTokens {
+    banner: BannerTokens;
+    button: ButtonTokens;
+    dialog: DialogTokens;
+    header: HeaderTokens;
+}
+export declare const inappmessaging: InAppMessagingTokens;
+export {};

package/dist/types/theme/tokens/components/index.d.ts

@@ -1,4 +1,5 @@
 import { AlertTokens } from './alert';
+import { AutocompleteTokens } from './autocomplete';
 import { AuthenticatorTokens } from './authenticator';
 import { BadgeTokens } from './badge';
 import { ButtonTokens } from './button';
@@ -16,8 +17,10 @@ import { FieldGroupTokens } from './fieldGroup';
 import { FieldMessagesTokens } from './fieldMessages';
 import { FlexTokens } from './flex';
 import { HeadingTokens } from './heading';
+import { HighlightMatchTokens } from './highlightMatch';
 import { IconTokens } from './icon';
 import { ImageTokens } from './image';
+import { InAppMessagingTokens } from './inAppMessaging';
 import { LinkTokens } from './link';
 import { LoaderTokens } from './loader';
 import { MenuTokens } from './menu';
@@ -44,6 +47,7 @@ import { ToggleButtonGroupTokens } from './toggleButtonGroup';
 export interface ComponentTokens {
     alert: AlertTokens;
     authenticator: AuthenticatorTokens;
+    autocomplete: AutocompleteTokens;
     badge: BadgeTokens;
     button: ButtonTokens;
     card: CardTokens;
@@ -61,7 +65,9 @@ export interface ComponentTokens {
     flex: FlexTokens;
     heading: HeadingTokens;
     icon: IconTokens;
+    highlightmatch: HighlightMatchTokens;
     image: ImageTokens;
+    inappmessaging: InAppMessagingTokens;
     link: LinkTokens;
     loader: LoaderTokens;
     menu: MenuTokens;

package/dist/types/types/authenticator/stateMachine/authMachine.d.ts

@@ -16,4 +16,8 @@ export declare type AuthInterpreter = Interpreter<AuthContext, any, AuthEvent, a
  * Function type for `send` in `authMachine`
  */
 export declare type AuthMachineSend = AuthInterpreter['send'];
-export declare type HubHandler = (data: HubCapsule, service: AuthInterpreter) => void;
+/**
+ * Handles Amplify JS Auth hub events, by forwarding hub events as appropriate
+ * xstate events.
+ */
+export declare type AuthMachineHubHandler = (data: HubCapsule, service: AuthInterpreter) => Promise<void>;

package/dist/types/types/authenticator/stateMachine/event.d.ts

@@ -5,7 +5,7 @@ export declare type InvokeActorEventTypes = 'done.invoke.signInActor' | 'done.in
 /**
  * All known explicit events for xstate
  */
-export declare type AuthEventTypes = 'CHANGE' | 'BLUR' | 'FEDERATED_SIGN_IN' | 'RESEND' | 'RESET_PASSWORD' | 'SIGN_IN' | 'SIGN_OUT' | 'SIGN_UP' | 'SKIP' | 'SUBMIT' | 'INIT' | 'TOKEN_REFRESH' | InvokeActorEventTypes;
+export declare type AuthEventTypes = 'CHANGE' | 'BLUR' | 'FEDERATED_SIGN_IN' | 'RESEND' | 'RESET_PASSWORD' | 'AUTO_SIGN_IN' | 'AUTO_SIGN_IN_FAILURE' | 'SIGN_IN' | 'SIGN_OUT' | 'SIGN_UP' | 'SKIP' | 'SUBMIT' | 'INIT' | 'TOKEN_REFRESH' | InvokeActorEventTypes;
 /**
  * Data payload for auth events
  */

package/dist/types/types/primitives/componentClassName.d.ts

@@ -4,6 +4,14 @@ export declare enum ComponentClassName {
     AlertHeading = "amplify-alert__heading",
     AlertBody = "amplify-alert__body",
     AlertDismiss = "amplify-alert__dismiss",
+    Autocomplete = "amplify-autocomplete",
+    AutocompleteMenu = "amplify-autocomplete__menu",
+    AutocompleteMenuEmpty = "amplify-autocomplete__menu--empty",
+    AutocompleteMenuFooter = "amplify-autocomplete__menu__footer",
+    AutocompleteMenuHeader = "amplify-autocomplete__menu__header",
+    AutocompleteMenuLoading = "amplify-autocomplete__menu--loading",
+    AutocompleteMenuOption = "amplify-autocomplete__menu__option",
+    AutocompleteMenuOptions = "amplify-autocomplete__menu__options",
     Badge = "amplify-badge",
     Button = "amplify-button",
     ButtonGroup = "amplify-buttongroup",
@@ -48,6 +56,8 @@ export declare enum ComponentClassName {
     Flex = "amplify-flex",
     Grid = "amplify-grid",
     Heading = "amplify-heading",
+    HighlightMatch = "amplify-highlightmatch",
+    HighlightMatchHighlighted = "amplify-highlightmatch__highlighted",
     Icon = "amplify-icon",
     Image = "amplify-image",
     Input = "amplify-input",
@@ -57,6 +67,7 @@ export declare enum ComponentClassName {
     LoaderDeterminate = "amplify-loader--determinate",
     LoaderPercentageText = "amplify-loader__percentage-text",
     MenuContent = "amplify-menu-content",
+    MenuContentWrapper = "amplify-menu-content-wrapper",
     MenuItem = "amplify-menu-content__item",
     MenuTrigger = "amplify-menu-trigger",
     Pagination = "amplify-pagination",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "4.0.1",
+  "version": "5.0.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -8,6 +8,7 @@
       "import": "./dist/esm/index.js",
       "require": "./dist/index.js"
     },
+    "./package.json": "./package.json",
     "./styles.css": "./dist/styles.css",
     "./theme.css": "./dist/theme.css"
   },
@@ -45,7 +46,7 @@
     "tslib": "2.4.0"
   },
   "peerDependencies": {
-    "aws-amplify": "3.x.x || 4.x.x",
+    "aws-amplify": "5.x.x",
     "xstate": "^4.33.6"
   },
   "peerDependenciesMeta": {