@aws-amplify/ui 5.8.0 → 6.0.0

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

@@ -0,0 +1,125 @@
+import { State } from 'xstate';
+import { AuthUser } from 'aws-amplify/auth';
+import { LoginMechanism, SignUpAttribute, SocialProvider, UnverifiedUserAttributes, AuthFormData, AuthFormFields, AuthTouchData, ValidationError, PasswordSettings } from '../../types';
+import { defaultServices } from './defaultServices';
+export type ChallengeName = 'SMS_MFA' | 'SOFTWARE_TOKEN_MFA' | 'SELECT_MFA_TYPE' | 'MFA_SETUP' | 'PASSWORD_VERIFIER' | 'CUSTOM_CHALLENGE' | 'DEVICE_SRP_AUTH' | 'DEVICE_PASSWORD_VERIFIER' | 'ADMIN_NO_SRP_AUTH' | 'NEW_PASSWORD_REQUIRED';
+/**
+ * `AuthDeliveryMedium` is deeply nested in the v6 types, added this as utility
+ */
+export type V6AuthDeliveryMedium = 'EMAIL' | 'SMS' | 'PHONE' | 'UNKNOWN';
+export interface V5CodeDeliveryDetails {
+    AttributeName: string;
+    DeliveryMedium: V6AuthDeliveryMedium;
+    Destination: string;
+}
+export interface CodeDeliveryDetails {
+    destination?: string;
+    deliveryMedium?: V6AuthDeliveryMedium;
+    attributName?: string;
+}
+/**
+ * Authenticator routes that can be directly navigated to by user interaction.
+ */
+export type NavigableRoute = 'signIn' | 'signUp' | 'forgotPassword';
+export type InitialRoute = 'signIn' | 'signUp' | 'forgotPassword';
+/**
+ * `AuthTOTPSetupDetails` is deeply nested in the v6 types, added this as utility
+ */
+export interface AuthTOTPSetupDetails {
+    sharedSecret: string;
+    getSetupUri: (appName: string, accountName?: string) => URL;
+}
+/**
+ * Events that occur when actors are done
+ */
+export type InvokeActorEventTypes = 'done.invoke.forgotPasswordActor' | 'done.invoke.signInActor' | 'done.invoke.signUpActor' | 'done.invoke.signOutActor' | 'done.invoke.verifyUserAttributesActor';
+/**
+ * All known explicit events for xstate
+ */
+export type AuthEventTypes = 'CHANGE' | 'BLUR' | 'FEDERATED_SIGN_IN' | 'RESEND' | 'FORGOT_PASSWORD' | 'AUTO_SIGN_IN_FAILURE' | 'SIGN_IN_WITH_REDIRECT' | 'SIGN_IN' | 'SIGN_OUT' | 'SIGN_UP' | 'SKIP' | 'SUBMIT' | 'INIT' | 'TOKEN_REFRESH' | InvokeActorEventTypes;
+/**
+ * Data payload for auth events
+ */
+export type AuthEventData = Record<PropertyKey, any>;
+/** Top-level auth machine event interface */
+export interface AuthEvent {
+    type: AuthEventTypes;
+    data?: AuthEventData;
+}
+/**
+ * Data that actor returns when they are done and reach the final state
+ */
+export interface ActorDoneData {
+    codeDeliveryDetails?: V5CodeDeliveryDetails;
+    missingAttributes?: string[];
+    remoteError?: string;
+    step: Step;
+    totpSecretCode?: string;
+    username?: string;
+    unverifiedUserAttributes?: UnverifiedUserAttributes;
+}
+/**
+ * Context interface for the top-level machine
+ */
+export interface AuthContext {
+    actorRef?: any;
+    config?: {
+        loginMechanism?: LoginMechanism;
+        loginMechanisms?: LoginMechanism[];
+        signUpAttributes?: SignUpAttribute[];
+        socialProviders?: SocialProvider[];
+        formFields?: AuthFormFields;
+        initialState?: 'signIn' | 'signUp' | 'forgotPassword';
+        passwordSettings?: PasswordSettings;
+    };
+    services?: Partial<typeof defaultServices>;
+    user?: AuthUser;
+    actorDoneData?: ActorDoneData;
+    hasSetup?: boolean;
+}
+export type InitialStep = 'FORGOT_PASSWORD' | 'SIGN_IN' | 'SIGN_UP';
+export type SignInStep = 'CONFIRM_SIGN_IN_WITH_SMS_CODE' | 'CONFIRM_SIGN_IN_WITH_TOTP_CODE' | 'CONFIRM_SIGN_IN_WITH_NEW_PASSWORD_REQUIRED' | 'CONFIRM_SIGN_UP' | 'CONTINUE_SIGN_IN_WITH_TOTP_SETUP' | 'RESET_PASSWORD' | 'SIGN_IN_COMPLETE';
+export type ResetPasswordStep = 'CONFIRM_RESET_PASSWORD_WITH_CODE' | 'RESET_PASSWORD_COMPLETE';
+export type SignUpStep = 'CONFIRM_SIGN_UP' | 'COMPLETE_AUTO_SIGN_IN' | 'SIGN_UP_COMPLETE';
+export type UserAttributeStep = 'SHOULD_CONFIRM_USER_ATTRIBUTE' | 'CONFIRM_ATTRIBUTE_WITH_CODE' | 'CONFIRM_ATTRIBUTE_COMPLETE';
+type Step = InitialStep | SignInStep | SignUpStep | ResetPasswordStep | UserAttributeStep;
+/**
+ * Base context for all actors that have auth forms associated
+ */
+interface BaseFormContext {
+    challengeName?: ChallengeName;
+    missingAttributes?: Array<string>;
+    remoteError?: string;
+    step: Step;
+    totpSecretCode?: string;
+    unverifiedUserAttributes?: UnverifiedUserAttributes;
+    username?: string;
+    selectedUserAttribute?: string;
+    user?: AuthUser;
+    loginMechanisms: Required<AuthContext>['config']['loginMechanisms'];
+    passwordSettings?: PasswordSettings;
+    socialProviders: Required<AuthContext>['config']['socialProviders'];
+    signUpAttributes?: SignUpAttribute[];
+    formFields?: AuthFormFields;
+    formValues?: AuthFormData;
+    touched?: AuthTouchData;
+    validationError?: ValidationError;
+}
+export interface ResetPasswordContext extends BaseFormContext, ActorDoneData {
+}
+export interface SignInContext extends BaseFormContext, ActorDoneData {
+}
+export interface SignUpContext extends BaseFormContext, ActorDoneData {
+}
+export interface VerifyUserContext extends BaseFormContext, ActorDoneData {
+}
+export interface SignOutContext extends Pick<BaseFormContext, 'user'> {
+}
+export type AuthActorContext = SignInContext | SignUpContext | ResetPasswordContext;
+export type SignInState = State<SignInContext, AuthEvent>;
+export type SignUpState = State<SignUpContext, AuthEvent>;
+export type SignOutState = State<SignOutContext, AuthEvent>;
+export type ResetPasswordState = State<ResetPasswordContext, AuthEvent>;
+export type AuthActorState = State<AuthActorContext, AuthEvent>;
+export type AuthMachineState = State<AuthContext, AuthEvent>;
+export {};

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

@@ -0,0 +1,7 @@
+import { AuthActorContext } from './types';
+import { SignUpInput } from 'aws-amplify/auth';
+import { LoginMechanism, UserAttributes } from '../../types';
+export declare const sanitizePhoneNumber: (dialCode: string, phoneNumber: string) => string;
+export declare const getUserAttributes: (formValues: AuthActorContext['formValues']) => UserAttributes;
+export declare const getSignUpInput: (username: string, formValues: AuthActorContext['formValues'], loginMechanism: LoginMechanism) => SignUpInput;
+export declare const getUsernameSignUp: ({ formValues, loginMechanisms, }: AuthActorContext) => string;

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

@@ -1 +1,2 @@
 export * from './authenticator';
+export * from './authenticator/types';

package/dist/types/theme/tokens/borderWidths.d.ts

@@ -1,5 +1,5 @@
-import { BorderWidthValue, DesignTokenValues, OutputVariantKey } from './types/designToken';
+import { DesignTokenValues, OutputVariantKey, RecursiveDesignToken, SpaceValue } from './types/designToken';
 type BorderWidthSize = 'small' | 'medium' | 'large';
-export type BorderWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<DesignTokenValues<BorderWidthSize, BorderWidthValue<Platform, Output>, Output, Platform>> : Partial<DesignTokenValues<BorderWidthSize, BorderWidthValue<Platform, Output>, Output, Platform>>;
+export type BorderWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = (Output extends 'required' | 'default' ? Required<DesignTokenValues<BorderWidthSize, SpaceValue<Platform, Output>, Output, Platform>> : Partial<DesignTokenValues<BorderWidthSize, SpaceValue<Platform, Output>, Output, Platform>>) & RecursiveDesignToken<SpaceValue<Platform, Output>, Output, Platform>;
 export declare const borderWidths: BorderWidths<'default'>;
 export {};

package/dist/types/theme/tokens/colors.d.ts

@@ -1,17 +1,17 @@
-import { ColorValue, DesignTokenValues, OutputVariantKey } from './types/designToken';
+import { ColorValue, DesignTokenValues, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
 /**
  * Util type for creating color interfaces using `ColorValue` from string and number unions
  */
-type BaseColorValues<VariantKey extends string | number, Output, Platform = unknown> = DesignTokenValues<VariantKey, ColorValue, Output, Platform>;
-type ColorValues<VariantKey extends string | number, Output, Platform = unknown> = Output extends 'required' | 'default' ? BaseColorValues<VariantKey, Output, Platform> : Partial<BaseColorValues<VariantKey, Output, Platform>>;
+type BaseColorValues<VariantKey extends string | number, Output, Platform = unknown> = RecursiveDesignToken<ColorValue, Output, Platform> & DesignTokenValues<VariantKey, ColorValue, Output, Platform>;
+export type ColorValues<VariantKey extends string | number, Output, Platform = unknown> = Output extends 'required' | 'default' ? BaseColorValues<VariantKey, Output, Platform> : Partial<BaseColorValues<VariantKey, Output, Platform>>;
 /**
  * Util type for creating nested color scale interfaces from variant keys
  */
 type BaseColorValueScale<VariantKey extends string | number, Output, Platform = unknown> = Record<VariantKey, ColorValues<ScaleKey, Output, Platform>>;
 type ColorValueScale<VariantKey extends string | number, Output, Platform = unknown> = Output extends 'required' | 'default' ? BaseColorValueScale<VariantKey, Output, Platform> : Partial<BaseColorValueScale<VariantKey, Output, Platform>>;
-type ScaleKey = 10 | 20 | 40 | 60 | 80 | 90 | 100;
+export type ScaleKey = 10 | 20 | 40 | 60 | 80 | 90 | 100;
 type OverlayKey = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
-type ColorPaletteKey = 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'purple' | 'pink' | 'neutral';
+type ColorPaletteKey = 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'purple' | 'pink' | 'neutral' | 'primary' | 'secondary';
 type GreyscalePaletteKey = 'white' | 'black' | 'transparent';
 type OrderVariant = 'primary' | 'secondary' | 'tertiary';
 type OrderVariantKey<Output = unknown> = Output extends 'default' ? Exclude<OrderVariant, 'quaternary'> : OrderVariant;
@@ -19,20 +19,18 @@ type InformationVariantKey = 'info' | 'warning' | 'error' | 'success';
 type WebStateVariantKey = 'active' | 'disabled' | 'error' | 'hover' | 'focus' | 'pressed';
 type ReactNativeStateVariantKey = Exclude<WebStateVariantKey, 'focused' | 'hover'>;
 type StateVariantKey<Platform> = Platform extends 'react-native' ? ReactNativeStateVariantKey : WebStateVariantKey;
-type BrandVariantKey = Extract<OrderVariantKey, 'primary' | 'secondary'>;
 type FontVariantKey<Output, Platform> = 'inverse' | 'interactive' | Extract<StateVariantKey<Platform>, 'active' | 'disabled' | 'hover' | 'focus'> | OrderVariantKey<Output> | InformationVariantKey;
 type BackgroundColorKey<Platform> = Extract<StateVariantKey<Platform>, 'disabled'> | OrderVariantKey | InformationVariantKey | 'quaternary';
 type BorderColorKey<Output, Platform> = Extract<StateVariantKey<Platform>, 'disabled'> | OrderVariantKey<Output> | InformationVariantKey | (Output extends 'default' ? Exclude<StateVariantKey<Platform>, 'active' | 'hover'> : StateVariantKey<Platform>);
 type PaletteValues<Output, Platform> = ColorValueScale<ColorPaletteKey, Output, Platform>;
 type GreyscaleColors<Output, Platform> = ColorValues<GreyscalePaletteKey, Output, Platform>;
 type BaseColors<Output extends OutputVariantKey = unknown, Platform = unknown> = PaletteValues<Output, Platform> & GreyscaleColors<Output, Platform> & {
-    brand?: ColorValueScale<BrandVariantKey, Output, Platform>;
     background?: ColorValues<BackgroundColorKey<Platform>, Output, Platform>;
     border?: ColorValues<BorderColorKey<Output, Platform>, Output, Platform>;
     font?: ColorValues<FontVariantKey<Output, Platform>, Output, Platform>;
     overlay?: ColorValues<OverlayKey, Output, Platform>;
     shadow?: ColorValues<OrderVariantKey, Output, Platform>;
-};
-export type Colors<Output extends OutputVariantKey = unknown, Platform = unknown> = (Output extends 'required' | 'default' ? Required<BaseColors<Output, Platform>> : BaseColors<Output, Platform>) & Record<string, any>;
+} & RecursiveDesignToken<ColorValue, Output, Platform>;
+export type Colors<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<BaseColors<Output, Platform>> : BaseColors<Output, Platform>;
 export declare const colors: Colors<'default'>;
 export {};

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

@@ -0,0 +1,12 @@
+import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+export type AccordionTokens<Output extends OutputVariantKey> = DesignTokenProperties<'backgroundColor', Output> & {
+    item?: DesignTokenProperties<'borderWidth' | 'borderStyle' | 'borderColor' | 'borderRadius', Output> & {
+        icon?: DesignTokenProperties<'transitionDuration' | 'transitionTimingFunction' | 'color', Output>;
+        content?: DesignTokenProperties<'color' | 'paddingInline' | 'paddingBlockEnd' | 'paddingBlockStart', Output>;
+        trigger?: DesignTokenProperties<'alignItems' | 'backgroundColor' | 'color' | 'gap' | 'justifyContent' | 'paddingBlock' | 'paddingInline', Output> & {
+            _hover?: DesignTokenProperties<'backgroundColor' | 'color', Output>;
+            _focus?: DesignTokenProperties<'boxShadow' | 'borderColor', Output>;
+        };
+    };
+};
+export declare const accordion: Required<AccordionTokens<'default'>>;

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

@@ -12,13 +12,12 @@ import { CopyTokens } from './copy';
 import { DialCodeSelectTokens } from './dialCodeSelect';
 import { DividerTokens } from './divider';
 import { DropZoneTokens } from './dropZone';
-import { ExpanderTokens } from './expander';
+import { AccordionTokens } from './accordion';
 import { FieldTokens } from './field';
 import { FieldControlTokens } from './fieldControl';
 import { FieldGroupTokens } from './fieldGroup';
 import { FieldsetTokens } from './fieldset';
 import { FieldMessagesTokens } from './fieldMessages';
-import { FileUploaderTokens } from './fileUploader';
 import { FlexTokens } from './flex';
 import { HeadingTokens } from './heading';
 import { HighlightMatchTokens } from './highlightMatch';
@@ -54,6 +53,7 @@ import { ToggleButtonTokens } from './toggleButton';
 import { ToggleButtonGroupTokens } from './toggleButtonGroup';
 import { OutputVariantKey } from '../types/designToken';
 type BaseComponentTokens<Output extends OutputVariantKey> = {
+    accordion?: AccordionTokens<Output>;
     alert?: AlertTokens<Output>;
     authenticator?: AuthenticatorTokens<Output>;
     autocomplete?: AutocompleteTokens<Output>;
@@ -68,13 +68,11 @@ type BaseComponentTokens<Output extends OutputVariantKey> = {
     countrycodeselect?: DialCodeSelectTokens<Output>;
     divider?: DividerTokens<Output>;
     dropzone?: DropZoneTokens<Output>;
-    expander?: ExpanderTokens<Output>;
     field?: FieldTokens<Output>;
     fieldset?: FieldsetTokens<Output>;
     fieldcontrol?: FieldControlTokens<Output>;
     fieldgroup?: FieldGroupTokens<Output>;
     fieldmessages?: FieldMessagesTokens<Output>;
-    fileuploader?: FileUploaderTokens<Output>;
     flex?: FlexTokens<Output>;
     heading?: HeadingTokens<Output>;
     highlightmatch?: HighlightMatchTokens<Output>;

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

@@ -4,6 +4,6 @@ export type RadioGroupTokens<Output extends OutputVariantKey> = {
         _checked?: DesignTokenProperties<'color', Output>;
         label?: DesignTokenProperties<'color', Output>;
     };
-    label?: DesignTokenProperties<'color', Output>;
+    legend?: DesignTokenProperties<'color' | 'fontWeight', Output>;
 };
 export declare const radiogroup: Required<RadioGroupTokens<'default'>>;

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

@@ -4,14 +4,18 @@ type SelectIconWrapperTokens<Output> = DesignTokenProperties<'alignItems' | 'pos
     small?: DesignTokenProperties<'right', Output>;
     large?: DesignTokenProperties<'right', Output>;
 };
-export type SelectTokens<Output extends OutputVariantKey> = DesignTokenProperties<'paddingInlineEnd' | 'whiteSpace' | 'minWidth', Output> & {
+export type SelectTokens<Output extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'color' | 'paddingInlineEnd' | 'whiteSpace' | 'minWidth', Output> & {
     wrapper?: DesignTokenProperties<'cursor' | 'display' | 'flex' | 'position', Output>;
     iconWrapper?: SelectIconWrapperTokens<Output>;
     option?: DesignTokenProperties<'backgroundColor' | 'color', Output> & {
-        _disabled?: DesignTokenProperties<'color', Output>;
+        _disabled?: DesignTokenProperties<'color' | 'backgroundColor', Output>;
     };
     small?: SelectSizeTokens<Output>;
     large?: SelectSizeTokens<Output>;
+    expanded?: DesignTokenProperties<'paddingBlock' | 'paddingInline', Output> & {
+        option?: DesignTokenProperties<'paddingBlock' | 'paddingInline', Output>;
+    };
+    _disabled?: DesignTokenProperties<'backgroundColor' | 'color', Output>;
 };
 export declare const select: Required<SelectTokens<'default'>>;
 export {};

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

@@ -1,9 +1,24 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-import { FileUploaderTokens } from './fileUploader';
-export interface StorageManagerTokens<OutputType extends OutputVariantKey> extends Omit<FileUploaderTokens<OutputType>, 'body' | 'previewer'> {
+import { TypographyTokens } from '../types/typography';
+type BaseDropZoneTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'borderRadius', OutputType>;
+export interface StorageManagerTokens<OutputType extends OutputVariantKey> {
+    dropzone?: DesignTokenProperties<'gap' | 'paddingBlock' | 'paddingInline' | 'textAlign', OutputType> & BaseDropZoneTokens<OutputType> & {
+        _active?: BaseDropZoneTokens<OutputType>;
+        icon?: DesignTokenProperties<'fontSize' | 'color', OutputType>;
+        text?: TypographyTokens<OutputType>;
+    };
+    file?: DesignTokenProperties<'alignItems' | 'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'gap' | 'paddingBlock' | 'paddingInline', OutputType> & {
+        name?: TypographyTokens<OutputType>;
+        size?: TypographyTokens<OutputType>;
+        image?: DesignTokenProperties<'backgroundColor' | 'borderRadius' | 'color' | 'height' | 'width', OutputType>;
+    };
     filelist?: DesignTokenProperties<'flexDirection' | 'gap'>;
-    previewer?: {
+    loader?: DesignTokenProperties<'strokeWidth' | 'strokeFilled' | 'strokeEmpty' | 'strokeLinecap', OutputType>;
+    previewer?: DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'maxHeight' | 'maxWidth' | 'paddingBlock' | 'paddingInline', OutputType> & {
+        text?: TypographyTokens<OutputType>;
+        body?: DesignTokenProperties<'gap' | 'paddingInline' | 'paddingBlock', OutputType>;
         footer?: DesignTokenProperties<'justifyContent', OutputType>;
     };
 }
 export declare const storagemanager: Required<StorageManagerTokens<'default'>>;
+export {};

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

@@ -1,13 +1,14 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-type TabItemStateTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', OutputType>;
+type TabItemStateTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'boxShadow' | 'color', OutputType>;
 type TabItemTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderStyle' | 'borderWidth' | 'color' | 'fontSize' | 'fontWeight' | 'paddingVertical' | 'paddingHorizontal' | 'textAlign' | 'transitionDuration', OutputType> & {
-    _hover?: DesignTokenProperties<'color', OutputType>;
-    _focus?: DesignTokenProperties<'color', OutputType>;
+    _hover?: TabItemStateTokens<OutputType>;
+    _focus?: TabItemStateTokens<OutputType>;
     _active?: TabItemStateTokens<OutputType>;
     _disabled?: TabItemStateTokens<OutputType>;
 };
 export type TabsTokens<Output extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderStyle' | 'borderWidth' | 'gap', Output> & {
     item?: TabItemTokens<Output>;
+    panel?: DesignTokenProperties<'backgroundColor' | 'paddingInline' | 'paddingBlock', Output>;
 };
 export declare const tabs: Required<TabsTokens<'default'>>;
 export {};

package/dist/types/theme/tokens/fontSizes.d.ts

@@ -1,5 +1,5 @@
-import { DesignTokenValues, FontSizeValue, OutputVariantKey } from './types/designToken';
+import { DesignTokenValues, FontSizeValue, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
 type FontSize = 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
-export type FontSizes<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<FontSize, FontSizeValue<Platform, Output>, Output, Platform>;
+export type FontSizes<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<FontSize, FontSizeValue<Platform, Output>, Output, Platform> & RecursiveDesignToken<FontSizeValue<Platform, Output>, Output, Platform>;
 export declare const fontSizes: FontSizes<'default'>;
 export {};

package/dist/types/theme/tokens/fontWeights.d.ts

@@ -1,5 +1,5 @@
-import { DesignTokenValues, FontWeightValue, OutputVariantKey } from './types/designToken';
+import { DesignTokenValues, FontWeightValue, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
 type FontWeight = 'hairline' | 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
-export type FontWeights<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<FontWeight, FontWeightValue<Platform, Output>, Output, Platform>;
+export type FontWeights<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<FontWeight, FontWeightValue<Platform, Output>, Output, Platform> & RecursiveDesignToken<FontWeightValue<Platform, Output>, Output, Platform>;
 export declare const fontWeights: FontWeights<'default'>;
 export {};

package/dist/types/theme/tokens/fonts.d.ts

@@ -1,8 +1,8 @@
-import { DesignTokenValues, FontValue, OutputVariantKey } from './types/designToken';
+import { DesignTokenValues, FontValue, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
 type FontVariant = 'variable' | 'static';
 type BaseFonts<Output extends OutputVariantKey = unknown, Platform = unknown> = {
     default?: DesignTokenValues<FontVariant, FontValue, Output, Platform>;
 };
-export type Fonts<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<BaseFonts<Output, Platform>> : BaseFonts<Output, Platform>;
+export type Fonts<Output extends OutputVariantKey = unknown, Platform = unknown> = (Output extends 'required' | 'default' ? Required<BaseFonts<Output, Platform>> : BaseFonts<Output, Platform>) & RecursiveDesignToken<FontValue, Output, Platform>;
 export declare const fonts: Fonts<'default'>;
 export {};

package/dist/types/theme/tokens/lineHeights.d.ts

@@ -1,5 +1,5 @@
-import { DesignTokenValues, LineHeightValue, OutputVariantKey } from './types/designToken';
+import { DesignTokenValues, LineHeightValue, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
 type LineHeightSize = 'small' | 'medium' | 'large';
-export type LineHeights<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<LineHeightSize, LineHeightValue, Output, Platform>;
+export type LineHeights<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<LineHeightSize, LineHeightValue, Output, Platform> & RecursiveDesignToken<LineHeightValue, Output, Platform>;
 export declare const lineHeights: LineHeights<'default'>;
 export {};

package/dist/types/theme/tokens/opacities.d.ts

@@ -1,5 +1,5 @@
-import { DesignTokenValues, OpacityValue, OutputVariantKey } from './types/designToken';
+import { DesignTokenValues, OpacityValue, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
 type OpacityScale = 0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
-export type Opacities<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OpacityScale, OpacityValue<Platform, Output>, Output, Platform>;
+export type Opacities<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OpacityScale, OpacityValue<Platform, Output>, Output, Platform> & RecursiveDesignToken<OpacityValue<Platform, Output>, Output, Platform>;
 export declare const opacities: Opacities<'default'>;
 export {};

package/dist/types/theme/tokens/outlineOffsets.d.ts

@@ -1,5 +1,5 @@
-import { DesignTokenValues, OutlineOffsetValue, OutputVariantKey } from './types/designToken';
+import { DesignTokenValues, OutlineOffsetValue, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
 type OutlineOffsetSize = 'small' | 'medium' | 'large';
-export type OutlineOffsets<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OutlineOffsetSize, OutlineOffsetValue, Output, Platform>;
+export type OutlineOffsets<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OutlineOffsetSize, OutlineOffsetValue, Output, Platform> & RecursiveDesignToken<OutlineOffsetValue, Output, Platform>;
 export declare const outlineOffsets: OutlineOffsets<'default'>;
 export {};

package/dist/types/theme/tokens/outlineWidths.d.ts

@@ -1,5 +1,5 @@
-import { DesignTokenValues, OutlineWidthValue, OutputVariantKey } from './types/designToken';
+import { DesignTokenValues, OutlineWidthValue, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
 type OutlineWidthSize = 'small' | 'medium' | 'large';
-export type OutlineWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OutlineWidthSize, OutlineWidthValue, Output, Platform>;
+export type OutlineWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OutlineWidthSize, OutlineWidthValue, Output, Platform> & RecursiveDesignToken<OutlineWidthValue, Output, Platform>;
 export declare const outlineWidths: OutlineWidths<'default'>;
 export {};

package/dist/types/theme/tokens/radii.d.ts

@@ -1,5 +1,5 @@
-import { DesignTokenValues, OutputVariantKey, RadiusValue } from './types/designToken';
+import { DesignTokenValues, OutputVariantKey, RadiusValue, RecursiveDesignToken } from './types/designToken';
 type RadiusSize = 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl';
-export type Radii<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<RadiusSize, RadiusValue<Platform, Output>, Output, Platform>;
+export type Radii<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<RadiusSize, RadiusValue<Platform, Output>, Output, Platform> & RecursiveDesignToken<RadiusValue<Platform, Output>, Output, Platform>;
 export declare const radii: Radii<'default'>;
 export {};

package/dist/types/theme/tokens/shadows.d.ts

@@ -1,5 +1,5 @@
-import { DesignTokenValues, OutputVariantKey, ShadowValue } from './types/designToken';
+import { DesignTokenValues, OutputVariantKey, RecursiveDesignToken, ShadowValue } from './types/designToken';
 type ShadowSize = 'small' | 'medium' | 'large';
-export type Shadows<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<ShadowSize, ShadowValue, Output, Platform>;
+export type Shadows<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<ShadowSize, ShadowValue, Output, Platform> & RecursiveDesignToken<ShadowValue, Output, Platform>;
 export declare const shadows: Shadows<'default'>;
 export {};

package/dist/types/theme/tokens/space.d.ts

@@ -1,9 +1,9 @@
-import { DesignTokenValues, OutputVariantKey, SpaceValue } from './types/designToken';
+import { DesignTokenValues, OutputVariantKey, SpaceValue, RecursiveDesignToken } from './types/designToken';
 type SpaceSize = 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl';
 export type SpaceSizes<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<SpaceSize | 'zero', SpaceValue<Platform>, Output, Platform>;
 type BaseSpace<Output extends OutputVariantKey = unknown, Platform = unknown> = SpaceSizes<Output, Platform> & {
     relative?: DesignTokenValues<SpaceSize | 'full', SpaceValue, Output, Platform>;
 };
-export type Space<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<BaseSpace<Output, Platform>> : BaseSpace<Output, Platform>;
+export type Space<Output extends OutputVariantKey = unknown, Platform = unknown> = (Output extends 'required' | 'default' ? Required<BaseSpace<Output, Platform>> : BaseSpace<Output, Platform>) & RecursiveDesignToken<SpaceValue<Platform, Output>, Output, Platform>;
 export declare const space: Space<'default'>;
 export {};

package/dist/types/theme/tokens/time.d.ts

@@ -1,5 +1,5 @@
-import { DesignTokenValues, OutputVariantKey, TimeValue } from './types/designToken';
+import { DesignTokenValues, OutputVariantKey, RecursiveDesignToken, TimeValue } from './types/designToken';
 type Duration = 'short' | 'medium' | 'long';
-export type Time<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<Duration, TimeValue<Platform, Output>, Output, Platform>;
+export type Time<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<Duration, TimeValue<Platform, Output>, Output, Platform> & RecursiveDesignToken<TimeValue<Platform, Output>, Output, Platform>;
 export declare const time: Time<'default'>;
 export {};

package/dist/types/theme/tokens/types/designToken.d.ts

@@ -40,7 +40,6 @@ export type BorderColorValue = ColorValue;
 export type BorderCollapseValue = string;
 export type BorderRadiusValue = RadiusValue;
 export type BorderStyleValue = string;
-export type BorderWidthValue<Platform extends PlatformKey = unknown, Output extends OutputVariantKey = unknown> = Output extends 'required' ? Platform extends 'react-native' ? number : SpaceValue<Platform> : SpaceValue<Platform>;
 export type BorderValue = string;
 export type BoxSizingValue = string;
 export type BoxShadowValue = ShadowValue;
@@ -78,7 +77,7 @@ export type StrokeFilledValue = string;
 export type StrokeEmptyValue = string;
 export type StrokeLinecapValue = string;
 export type StrokeWidthValue = string;
-export type SpaceValue<Platform extends PlatformKey = unknown> = Platform extends 'react-native' ? string | number : string;
+export type SpaceValue<Platform extends PlatformKey = unknown, Output extends OutputVariantKey = unknown> = Platform extends 'react-native' ? Output extends 'required' ? number : number | string : string;
 export type TextAlignValue = string;
 export type TextDecorationValue = string;
 export type TimeValue<Platform extends PlatformKey = unknown, Output extends OutputVariantKey = unknown> = Output extends 'required' ? Platform extends 'react-native' ? number : string : string;
@@ -107,7 +106,7 @@ interface TokenStandardProperties {
     borderInlineStart: BorderValue;
     borderRadius: BorderRadiusValue;
     borderStyle: BorderStyleValue;
-    borderWidth: BorderWidthValue;
+    borderWidth: SpaceValue;
     border: BorderValue;
     bottom: SpaceValue;
     boxSizing: BoxSizingValue;
@@ -226,10 +225,17 @@ export type DesignTokenProperties<Keys extends TokenProperty, Output extends Out
 export type PlatformKey = 'web' | 'react-native' | 'android' | 'ios' | unknown;
 type PropKey = string | number;
 type RequiredTokenValues<PropertyValueKey extends PropKey, PropertyValue, Platform extends PlatformKey = unknown> = Record<PropertyValueKey, Platform extends 'react-native' ? PropertyValue : WebDesignToken<PropertyValue>>;
-type OptionalTokenValues<PropertyValueKey extends PropKey, PropertyValue, Platform extends PlatformKey = unknown> = Partial<Record<PropertyValueKey, DesignToken<PropertyValue>>>;
-type DefaultTokenValues<PropertyValueKey extends PropKey, PropertyValue, Platform extends PlatformKey = unknown> = Required<Record<PropertyValueKey, DesignToken<PropertyValue>>>;
+type OptionalTokenValues<PropertyValueKey extends PropKey, PropertyValue> = Partial<Record<PropertyValueKey, DesignToken<PropertyValue>>>;
+type DefaultTokenValues<PropertyValueKey extends PropKey, PropertyValue> = Required<Record<PropertyValueKey, DesignToken<PropertyValue>>>;
 /**
  * Utility for creating token interfaces in `Theme`
  */
-export type DesignTokenValues<PropertyValueKey extends PropKey, PropertyValue, Output extends OutputVariantKey = unknown, Platform extends PlatformKey = unknown> = Output extends 'required' ? RequiredTokenValues<PropertyValueKey, PropertyValue, Platform> : Output extends 'optional' ? OptionalTokenValues<PropertyValueKey, PropertyValue, Platform> : DefaultTokenValues<PropertyValueKey, PropertyValue, Platform>;
+export type DesignTokenValues<PropertyValueKey extends PropKey, PropertyValue, Output extends OutputVariantKey = unknown, Platform extends PlatformKey = unknown> = Output extends 'required' ? RequiredTokenValues<PropertyValueKey, PropertyValue, Platform> : Output extends 'optional' ? OptionalTokenValues<PropertyValueKey, PropertyValue> : DefaultTokenValues<PropertyValueKey, PropertyValue>;
+/**
+ * Helper type util allowing creation of a deeply nested object of Design Tokens
+ */
+export type RecursiveDesignToken<ValueType = unknown, Output extends OutputVariantKey = unknown, Platform extends PlatformKey = unknown> = {
+    [key: PropKey]: DesignTokenValue<ValueType, Output, Platform> | RecursiveDesignToken<ValueType, Output, Platform>;
+} & (Output extends 'required' ? Platform extends 'react-native' ? DesignTokenValue<ValueType, Output, Platform> : {} : {});
+export type DesignTokenValue<ValueType = unknown, Output extends OutputVariantKey = unknown, Platform extends PlatformKey = unknown> = Output extends 'required' ? Platform extends 'react-native' ? ValueType : WebDesignToken<ValueType> : DesignToken<ValueType>;
 export {};

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

@@ -89,6 +89,8 @@ export interface Theme {
      */
     name: string;
     tokens?: Tokens;
+    primaryColor?: string;
+    secondaryColor?: string;
     breakpoints?: PartialDeep<Breakpoints>;
     /**
      * Overrides allow you to change design tokens in different contexts, like
@@ -101,7 +103,7 @@ export interface Theme {
 /**
  * A DefaultTheme has all tokens and breakpoints required
  */
-export interface DefaultTheme extends Pick<Theme, 'name' | 'overrides'> {
+export interface DefaultTheme extends Pick<Theme, 'name' | 'overrides' | 'primaryColor' | 'secondaryColor'> {
     tokens: DefaultTokens;
     breakpoints: Breakpoints;
 }
@@ -111,6 +113,8 @@ export interface DefaultTheme extends Pick<Theme, 'name' | 'overrides'> {
  * to be used in Javascript/Typescript.
  */
 export interface WebTheme extends Pick<DefaultTheme, 'breakpoints' | 'name' | 'overrides'> {
+    primaryColor?: string;
+    secondaryColor?: string;
     cssText: string;
     tokens: WebTokens;
 }

package/dist/types/types/authenticator/attributes.d.ts

@@ -1,22 +1,28 @@
+import { UserAttributeKey } from 'aws-amplify/auth';
 /** Array of auth fields that we supply defaults with */
 export declare const signUpFieldsWithDefault: readonly ["birthdate", "email", "family_name", "given_name", "middle_name", "name", "nickname", "phone_number", "preferred_username", "profile", "website"];
 /** Auth fields that we supply defaults with */
-export type SignUpFieldsWithDefaults = typeof signUpFieldsWithDefault[number];
+export type SignUpFieldsWithDefaults = (typeof signUpFieldsWithDefault)[number];
 /** Array of auth fields that we do not supply defaults with */
 export declare const signUpFieldsWithoutDefault: readonly ["address", "gender", "locale", "picture", "updated_at", "zoneinfo"];
 /** Auth fields that we do not supply defaults with */
-export type SignUpFieldsWithoutDefaults = typeof signUpFieldsWithoutDefault[number];
+export type SignUpFieldsWithoutDefaults = (typeof signUpFieldsWithoutDefault)[number];
 /** All known auth fields */
 export type SignUpAttribute = SignUpFieldsWithDefaults | SignUpFieldsWithoutDefaults;
 /** Fields that are common in all routes */
 export type CommonFields = 'username' | 'password' | 'confirm_password';
 /** Array of known login mechanisms */
 export declare const LoginMechanismArray: readonly ["username", "email", "phone_number"];
+/**
+ * Default supported federated sign sn providers
+ */
+export type FederatedProvider = 'amazon' | 'apple' | 'facebook' | 'google';
 /** Login mechanisms that can be used to sign in */
-export type LoginMechanism = typeof LoginMechanismArray[number];
+export type LoginMechanism = (typeof LoginMechanismArray)[number];
 /** List of social provider Authenticator supports */
 export type SocialProvider = 'amazon' | 'apple' | 'facebook' | 'google';
 export declare const authFieldsWithDefaults: readonly ["username", "email", "phone_number", "birthdate", "email", "family_name", "given_name", "middle_name", "name", "nickname", "phone_number", "preferred_username", "profile", "website", "confirmation_code", "password", "confirm_password"];
 /** Input fields that we provide default fields with */
-export type AuthFieldsWithDefaults = typeof authFieldsWithDefaults[number];
+export type AuthFieldsWithDefaults = (typeof authFieldsWithDefaults)[number];
 export declare const isAuthFieldsWithDefaults: (field: string) => field is "birthdate" | "email" | "family_name" | "given_name" | "middle_name" | "name" | "nickname" | "phone_number" | "preferred_username" | "profile" | "website" | "username" | "password" | "confirm_password" | "confirmation_code";
+export type UserAttributes = Partial<Record<UserAttributeKey, string>>;

package/dist/types/types/authenticator/form.d.ts

@@ -1,12 +1,14 @@
+import { ResourcesConfig } from 'aws-amplify';
 import { AuthFieldsWithDefaults } from './attributes';
 /**
  * Map of each input name to its value
  */
 export type AuthFormData = Record<string, string>;
+export type AuthTouchData = Record<string, boolean>;
 /**
  * List of routes that support custom formFields
  */
-export type FormFieldComponents = 'signIn' | 'signUp' | 'forceNewPassword' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'resetPassword' | 'setupTOTP';
+export type FormFieldComponents = 'signIn' | 'signUp' | 'forceNewPassword' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forgotPassword' | 'setupTotp';
 /**
  * Used to customize form field attributes for each authenticator screen.
  */
@@ -57,8 +59,7 @@ export interface LegacyFormFieldOptions extends FormFieldOptions {
 export type DefaultFormFieldOptions = Record<AuthFieldsWithDefaults, FormFieldOptions>;
 /** Ordered list of formFields */
 export type FormFieldsArray = Array<[string, FormFieldOptions]>;
-export type PasswordPolicyRules = 'REQUIRES_LOWERCASE' | 'REQUIRES_NUMBERS' | 'REQUIRES_SYMBOLS' | 'REQUIRES_UPPERCASE';
-export interface PasswordSettings {
-    passwordPolicyMinLength: number;
-    passwordPolicyCharacters: Array<PasswordPolicyRules>;
-}
+type AuthConfig = NonNullable<ResourcesConfig['Auth']>;
+type CognitoConfig = NonNullable<AuthConfig['Cognito']>;
+export type PasswordSettings = CognitoConfig['passwordFormat'];
+export {};

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

@@ -3,4 +3,3 @@ export * from './user';
 export * from './utils';
 export * from './form';
 export * from './attributes';
-export * from './stateMachine';