@aws-amplify/ui 5.5.10 → 5.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.mjs +1 -1
- package/dist/esm/theme/tokens/components/field.mjs +1 -1
- package/dist/esm/theme/tokens/components/index.mjs +1 -1
- package/dist/esm/theme/tokens/components/liveness.mjs +1 -0
- package/dist/esm/utils/index.mjs +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +403 -2
- package/dist/theme.css +2 -0
- package/dist/types/helpers/accountSettings/utils.d.ts +1 -1
- package/dist/types/helpers/authenticator/facade.d.ts +5 -5
- package/dist/types/helpers/authenticator/utils.d.ts +1 -1
- package/dist/types/helpers/utils.d.ts +1 -1
- package/dist/types/i18n/dictionaries/authenticator/types.d.ts +2 -2
- package/dist/types/i18n/translations.d.ts +2 -2
- package/dist/types/machines/authenticator/actions.d.ts +27 -27
- package/dist/types/machines/authenticator/actors/resetPassword.d.ts +1 -1
- package/dist/types/machines/authenticator/actors/signIn.d.ts +1 -1
- package/dist/types/machines/authenticator/index.d.ts +1 -1
- package/dist/types/machines/authenticator/signUp.d.ts +1 -1
- package/dist/types/theme/breakpoints.d.ts +1 -1
- package/dist/types/theme/tokens/borderWidths.d.ts +2 -2
- package/dist/types/theme/tokens/colors.d.ts +22 -22
- package/dist/types/theme/tokens/components/alert.d.ts +5 -5
- package/dist/types/theme/tokens/components/authenticator.d.ts +10 -10
- package/dist/types/theme/tokens/components/autocomplete.d.ts +1 -1
- package/dist/types/theme/tokens/components/badge.d.ts +6 -6
- package/dist/types/theme/tokens/components/button.d.ts +8 -8
- package/dist/types/theme/tokens/components/card.d.ts +3 -3
- package/dist/types/theme/tokens/components/checkbox.d.ts +6 -6
- package/dist/types/theme/tokens/components/checkboxField.d.ts +1 -1
- package/dist/types/theme/tokens/components/collection.d.ts +3 -3
- package/dist/types/theme/tokens/components/copy.d.ts +1 -1
- package/dist/types/theme/tokens/components/dialCodeSelect.d.ts +1 -1
- package/dist/types/theme/tokens/components/divider.d.ts +2 -2
- package/dist/types/theme/tokens/components/expander.d.ts +5 -5
- package/dist/types/theme/tokens/components/field.d.ts +2 -2
- package/dist/types/theme/tokens/components/fieldControl.d.ts +6 -6
- package/dist/types/theme/tokens/components/fieldGroup.d.ts +1 -1
- package/dist/types/theme/tokens/components/fieldMessages.d.ts +1 -1
- package/dist/types/theme/tokens/components/fileUploader.d.ts +2 -2
- package/dist/types/theme/tokens/components/flex.d.ts +1 -1
- package/dist/types/theme/tokens/components/heading.d.ts +3 -3
- package/dist/types/theme/tokens/components/highlightMatch.d.ts +1 -1
- package/dist/types/theme/tokens/components/icon.d.ts +1 -1
- package/dist/types/theme/tokens/components/image.d.ts +1 -1
- package/dist/types/theme/tokens/components/inAppMessaging.d.ts +5 -5
- package/dist/types/theme/tokens/components/index.d.ts +6 -4
- package/dist/types/theme/tokens/components/link.d.ts +2 -2
- package/dist/types/theme/tokens/components/liveness.d.ts +8 -0
- package/dist/types/theme/tokens/components/loader.d.ts +4 -4
- package/dist/types/theme/tokens/components/menu.d.ts +2 -2
- package/dist/types/theme/tokens/components/pagination.d.ts +1 -1
- package/dist/types/theme/tokens/components/passwordField.d.ts +3 -3
- package/dist/types/theme/tokens/components/phoneNumberField.d.ts +1 -1
- package/dist/types/theme/tokens/components/placeholder.d.ts +2 -2
- package/dist/types/theme/tokens/components/radio.d.ts +2 -2
- package/dist/types/theme/tokens/components/radioGroup.d.ts +1 -1
- package/dist/types/theme/tokens/components/rating.d.ts +1 -1
- package/dist/types/theme/tokens/components/searchField.d.ts +3 -3
- package/dist/types/theme/tokens/components/select.d.ts +2 -2
- package/dist/types/theme/tokens/components/selectField.d.ts +1 -1
- package/dist/types/theme/tokens/components/sliderField.d.ts +3 -3
- package/dist/types/theme/tokens/components/stepperField.d.ts +2 -2
- package/dist/types/theme/tokens/components/switchField.d.ts +3 -3
- package/dist/types/theme/tokens/components/table.d.ts +5 -5
- package/dist/types/theme/tokens/components/tabs.d.ts +3 -3
- package/dist/types/theme/tokens/components/text.d.ts +4 -4
- package/dist/types/theme/tokens/components/textAreaField.d.ts +2 -2
- package/dist/types/theme/tokens/components/textField.d.ts +1 -1
- package/dist/types/theme/tokens/components/toggleButton.d.ts +2 -2
- package/dist/types/theme/tokens/components/toggleButtonGroup.d.ts +2 -2
- package/dist/types/theme/tokens/fontSizes.d.ts +2 -2
- package/dist/types/theme/tokens/fontWeights.d.ts +2 -2
- package/dist/types/theme/tokens/fonts.d.ts +3 -3
- package/dist/types/theme/tokens/index.d.ts +6 -6
- package/dist/types/theme/tokens/lineHeights.d.ts +2 -2
- package/dist/types/theme/tokens/opacities.d.ts +2 -2
- package/dist/types/theme/tokens/outlineOffsets.d.ts +2 -2
- package/dist/types/theme/tokens/outlineWidths.d.ts +2 -2
- package/dist/types/theme/tokens/radii.d.ts +2 -2
- package/dist/types/theme/tokens/shadows.d.ts +2 -2
- package/dist/types/theme/tokens/space.d.ts +4 -4
- package/dist/types/theme/tokens/time.d.ts +2 -2
- package/dist/types/theme/tokens/transforms.d.ts +3 -3
- package/dist/types/theme/tokens/types/designToken.d.ts +66 -66
- package/dist/types/theme/tokens/types/typography.d.ts +1 -1
- package/dist/types/theme/types.d.ts +2 -2
- package/dist/types/theme/utils.d.ts +3 -3
- package/dist/types/types/accountSettings/validator.d.ts +2 -2
- package/dist/types/types/authenticator/attributes.d.ts +7 -7
- package/dist/types/types/authenticator/form.d.ts +6 -6
- package/dist/types/types/authenticator/stateMachine/authMachine.d.ts +3 -3
- package/dist/types/types/authenticator/stateMachine/context.d.ts +2 -2
- package/dist/types/types/authenticator/stateMachine/event.d.ts +3 -3
- package/dist/types/types/authenticator/stateMachine/state.d.ts +6 -6
- package/dist/types/types/authenticator/user.d.ts +2 -2
- package/dist/types/types/authenticator/validator.d.ts +4 -4
- package/dist/types/types/primitives/componentClassName.d.ts +1 -0
- package/dist/types/types/primitives/index.d.ts +1 -1
- package/dist/types/types/util.d.ts +5 -5
- package/dist/types/utils/index.d.ts +18 -1
- package/package.json +1 -1
- package/dist/esm/utils/classname.mjs +0 -1
- package/dist/types/utils/classname.d.ts +0 -19
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
/** Array of auth fields that we supply defaults with */
|
|
2
2
|
export declare const signUpFieldsWithDefault: readonly ["birthdate", "email", "family_name", "given_name", "middle_name", "name", "nickname", "phone_number", "preferred_username", "profile", "website"];
|
|
3
3
|
/** Auth fields that we supply defaults with */
|
|
4
|
-
export
|
|
4
|
+
export type SignUpFieldsWithDefaults = typeof signUpFieldsWithDefault[number];
|
|
5
5
|
/** Array of auth fields that we do not supply defaults with */
|
|
6
6
|
export declare const signUpFieldsWithoutDefault: readonly ["address", "gender", "locale", "picture", "updated_at", "zoneinfo"];
|
|
7
7
|
/** Auth fields that we do not supply defaults with */
|
|
8
|
-
export
|
|
8
|
+
export type SignUpFieldsWithoutDefaults = typeof signUpFieldsWithoutDefault[number];
|
|
9
9
|
/** All known auth fields */
|
|
10
|
-
export
|
|
10
|
+
export type SignUpAttribute = SignUpFieldsWithDefaults | SignUpFieldsWithoutDefaults;
|
|
11
11
|
/** Fields that are common in all routes */
|
|
12
|
-
export
|
|
12
|
+
export type CommonFields = 'username' | 'password' | 'confirm_password';
|
|
13
13
|
/** Array of known login mechanisms */
|
|
14
14
|
export declare const LoginMechanismArray: readonly ["username", "email", "phone_number"];
|
|
15
15
|
/** Login mechanisms that can be used to sign in */
|
|
16
|
-
export
|
|
16
|
+
export type LoginMechanism = typeof LoginMechanismArray[number];
|
|
17
17
|
/** List of social provider Authenticator supports */
|
|
18
|
-
export
|
|
18
|
+
export type SocialProvider = 'amazon' | 'apple' | 'facebook' | 'google';
|
|
19
19
|
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"];
|
|
20
20
|
/** Input fields that we provide default fields with */
|
|
21
|
-
export
|
|
21
|
+
export type AuthFieldsWithDefaults = typeof authFieldsWithDefaults[number];
|
|
22
22
|
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";
|
|
@@ -2,15 +2,15 @@ import { AuthFieldsWithDefaults } from './attributes';
|
|
|
2
2
|
/**
|
|
3
3
|
* Map of each input name to its value
|
|
4
4
|
*/
|
|
5
|
-
export
|
|
5
|
+
export type AuthFormData = Record<string, string>;
|
|
6
6
|
/**
|
|
7
7
|
* List of routes that support custom formFields
|
|
8
8
|
*/
|
|
9
|
-
export
|
|
9
|
+
export type FormFieldComponents = 'signIn' | 'signUp' | 'forceNewPassword' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'resetPassword' | 'setupTOTP';
|
|
10
10
|
/**
|
|
11
11
|
* Used to customize form field attributes for each authenticator screen.
|
|
12
12
|
*/
|
|
13
|
-
export
|
|
13
|
+
export type AuthFormFields = {
|
|
14
14
|
[key in FormFieldComponents]?: FormFields;
|
|
15
15
|
};
|
|
16
16
|
/**
|
|
@@ -54,10 +54,10 @@ export interface LegacyFormFieldOptions extends FormFieldOptions {
|
|
|
54
54
|
name: string;
|
|
55
55
|
}
|
|
56
56
|
/** Default formField values for each supported auth field */
|
|
57
|
-
export
|
|
57
|
+
export type DefaultFormFieldOptions = Record<AuthFieldsWithDefaults, FormFieldOptions>;
|
|
58
58
|
/** Ordered list of formFields */
|
|
59
|
-
export
|
|
60
|
-
export
|
|
59
|
+
export type FormFieldsArray = Array<[string, FormFieldOptions]>;
|
|
60
|
+
export type PasswordPolicyRules = 'REQUIRES_LOWERCASE' | 'REQUIRES_NUMBERS' | 'REQUIRES_SYMBOLS' | 'REQUIRES_UPPERCASE';
|
|
61
61
|
export interface PasswordSettings {
|
|
62
62
|
passwordPolicyMinLength: number;
|
|
63
63
|
passwordPolicyCharacters: Array<PasswordPolicyRules>;
|
|
@@ -11,13 +11,13 @@ import { HubCapsule } from '@aws-amplify/core';
|
|
|
11
11
|
*
|
|
12
12
|
* TODO: tighten up anys here
|
|
13
13
|
*/
|
|
14
|
-
export
|
|
14
|
+
export type AuthInterpreter = Interpreter<AuthContext, any, AuthEvent, any, any>;
|
|
15
15
|
/**
|
|
16
16
|
* Function type for `send` in `authMachine`
|
|
17
17
|
*/
|
|
18
|
-
export
|
|
18
|
+
export type AuthMachineSend = AuthInterpreter['send'];
|
|
19
19
|
/**
|
|
20
20
|
* Handles Amplify JS Auth hub events, by forwarding hub events as appropriate
|
|
21
21
|
* xstate events.
|
|
22
22
|
*/
|
|
23
|
-
export
|
|
23
|
+
export type AuthMachineHubHandler = (data: HubCapsule, service: AuthInterpreter) => Promise<void>;
|
|
@@ -101,6 +101,6 @@ export interface SignOutContext {
|
|
|
101
101
|
/**
|
|
102
102
|
* Context for actors that have forms
|
|
103
103
|
*/
|
|
104
|
-
export
|
|
105
|
-
export
|
|
104
|
+
export type ActorContextWithForms = SignInContext | SignUpContext | ResetPasswordContext;
|
|
105
|
+
export type AuthActorContext = ActorContextWithForms | SignOutContext;
|
|
106
106
|
export {};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Events that occur when actors are done
|
|
3
3
|
*/
|
|
4
|
-
export
|
|
4
|
+
export type InvokeActorEventTypes = 'done.invoke.signInActor' | 'done.invoke.signUpActor' | 'done.invoke.signOutActor' | 'done.invoke.resetPasswordActor';
|
|
5
5
|
/**
|
|
6
6
|
* All known explicit events for xstate
|
|
7
7
|
*/
|
|
8
|
-
export
|
|
8
|
+
export 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;
|
|
9
9
|
/**
|
|
10
10
|
* Data payload for auth events
|
|
11
11
|
*/
|
|
12
|
-
export
|
|
12
|
+
export type AuthEventData = Record<PropertyKey, any>;
|
|
13
13
|
/** Top-level auth machine event interface */
|
|
14
14
|
export interface AuthEvent {
|
|
15
15
|
type: AuthEventTypes;
|
|
@@ -2,9 +2,9 @@ import { State } from 'xstate';
|
|
|
2
2
|
import { ResetPasswordContext } from '.';
|
|
3
3
|
import { SignInContext, SignUpContext, SignOutContext, AuthActorContext, AuthContext } from './context';
|
|
4
4
|
import { AuthEvent } from './event';
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
5
|
+
export type SignInState = State<SignInContext, AuthEvent>;
|
|
6
|
+
export type SignUpState = State<SignUpContext, AuthEvent>;
|
|
7
|
+
export type SignOutState = State<SignOutContext, AuthEvent>;
|
|
8
|
+
export type ResetPasswordState = State<ResetPasswordContext, AuthEvent>;
|
|
9
|
+
export type AuthActorState = State<AuthActorContext, AuthEvent>;
|
|
10
|
+
export type AuthMachineState = State<AuthContext, AuthEvent>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ChallengeName, CognitoUser } from 'amazon-cognito-identity-js';
|
|
2
2
|
/** Known challenge names */
|
|
3
|
-
export
|
|
3
|
+
export type AuthChallengeName = ChallengeName;
|
|
4
4
|
/** Contact destinations that we can send user confirmation code to */
|
|
5
|
-
export
|
|
5
|
+
export type ContactMethod = 'Email' | 'Phone Number';
|
|
6
6
|
/** Federated IDPs that Authenticator supports */
|
|
7
7
|
export declare enum FederatedIdentityProviders {
|
|
8
8
|
Apple = "SignInWithApple",
|
|
@@ -3,13 +3,13 @@ import { AuthFormData } from './form';
|
|
|
3
3
|
/**
|
|
4
4
|
* Maps each input to its validation error, if any
|
|
5
5
|
*/
|
|
6
|
-
export
|
|
6
|
+
export type ValidationError = Record<string, string | string[]>;
|
|
7
7
|
/**
|
|
8
8
|
* Return type of validator. This is `null` if there are no error, and `ValidationError` otherwise.
|
|
9
9
|
*/
|
|
10
|
-
export
|
|
11
|
-
export
|
|
10
|
+
export type ValidatorResult = void | null | ValidationError;
|
|
11
|
+
export type SignInResult = string;
|
|
12
12
|
/**
|
|
13
13
|
* Validates the given formData. This can be synchronous or asynchronous.
|
|
14
14
|
*/
|
|
15
|
-
export
|
|
15
|
+
export type Validator = (formData: AuthFormData, touchData?: AuthFormData, passwordSettings?: PasswordSettings) => ValidatorResult | Promise<ValidatorResult>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { ComponentClassName } from './componentClassName';
|
|
1
|
+
export { ComponentClassName, Modifiers } from './componentClassName';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type NoInfer<T> = [T][T extends any ? 0 : never];
|
|
2
2
|
/**
|
|
3
3
|
Matches any [primitive value](https://developer.mozilla.org/en-US/docs/Glossary/Primitive).
|
|
4
4
|
|
|
5
5
|
@category Type
|
|
6
6
|
*/
|
|
7
|
-
|
|
7
|
+
type Primitive = null | undefined | string | number | boolean | symbol | bigint;
|
|
8
8
|
/**
|
|
9
9
|
Matches any primitive, `Date`, or `RegExp` value.
|
|
10
10
|
*/
|
|
11
|
-
|
|
11
|
+
type BuiltIns = Primitive | Date | RegExp;
|
|
12
12
|
/**
|
|
13
13
|
@see PartialDeep
|
|
14
14
|
*/
|
|
@@ -66,7 +66,7 @@ If this is undesirable, you can pass `{recurseIntoArrays: false}` as the second
|
|
|
66
66
|
@category Set
|
|
67
67
|
@category Map
|
|
68
68
|
*/
|
|
69
|
-
export
|
|
69
|
+
export type PartialDeep<T, Options extends PartialDeepOptions = {}> = T extends BuiltIns ? T : T extends Map<infer KeyType, infer ValueType> ? PartialMapDeep<KeyType, ValueType, Options> : T extends Set<infer ItemType> ? PartialSetDeep<ItemType, Options> : T extends ReadonlyMap<infer KeyType, infer ValueType> ? PartialReadonlyMapDeep<KeyType, ValueType, Options> : T extends ReadonlySet<infer ItemType> ? PartialReadonlySetDeep<ItemType, Options> : T extends (...args: any[]) => unknown ? T | undefined : T extends object ? T extends ReadonlyArray<infer ItemType> ? Options['recurseIntoArrays'] extends false ? T : ItemType[] extends T ? readonly ItemType[] extends T ? ReadonlyArray<PartialDeep<ItemType | undefined, Options>> : Array<PartialDeep<ItemType | undefined, Options>> : PartialObjectDeep<T, Options> : PartialObjectDeep<T, Options> : unknown;
|
|
70
70
|
/**
|
|
71
71
|
Same as `PartialDeep`, but accepts only `Map`s and as inputs. Internal helper for `PartialDeep`.
|
|
72
72
|
*/
|
|
@@ -90,7 +90,7 @@ interface PartialReadonlySetDeep<T, Options extends PartialDeepOptions> extends
|
|
|
90
90
|
/**
|
|
91
91
|
Same as `PartialDeep`, but accepts only `object`s as inputs. Internal helper for `PartialDeep`.
|
|
92
92
|
*/
|
|
93
|
-
|
|
93
|
+
type PartialObjectDeep<ObjectType extends object, Options extends PartialDeepOptions> = {
|
|
94
94
|
[KeyType in keyof ObjectType]?: PartialDeep<ObjectType[KeyType], Options>;
|
|
95
95
|
};
|
|
96
96
|
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ComponentClassName, Modifiers } from '../types';
|
|
1
2
|
/**
|
|
2
3
|
* Some libraries may not follow Node ES module spec and could be loaded as CommonJS modules,
|
|
3
4
|
* To ensure the interoperability between ESM and CJS, modules from those libraries have to be loaded via namespace import
|
|
@@ -92,4 +93,20 @@ export declare function has(value: unknown, key: string): boolean;
|
|
|
92
93
|
* @returns {boolean} whether `value` is a function
|
|
93
94
|
*/
|
|
94
95
|
export declare function isFunction(value: unknown): value is Function;
|
|
95
|
-
|
|
96
|
+
/**
|
|
97
|
+
* This helper function creates modifier class names that are used for our flat BEM styling
|
|
98
|
+
* it takes in a base and modifier and returns the modified class if a modifier was passed in and null otherwise
|
|
99
|
+
* @param base The base class of the output
|
|
100
|
+
* @param modifier The modifier to add onto the base
|
|
101
|
+
* @returns the modified class name or empty string
|
|
102
|
+
*/
|
|
103
|
+
export declare const classNameModifier: (base: ComponentClassName, modifier?: Modifiers) => string;
|
|
104
|
+
/**
|
|
105
|
+
* This helper function creates modified class names that are used for our flat BEM styling
|
|
106
|
+
* it takes in a base, modifier, and flag and returns the modified class name if the flag is true and null if the flag is false
|
|
107
|
+
* @param base
|
|
108
|
+
* @param modifier
|
|
109
|
+
* @param flag
|
|
110
|
+
* @returns the modified class name or empty string
|
|
111
|
+
*/
|
|
112
|
+
export declare const classNameModifierByFlag: (base: ComponentClassName, modifier: Modifiers, flag?: boolean) => string;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const $=($,o)=>o?`${$}--${o}`:"",o=($,o,t)=>t?`${$}--${o}`:"";export{$ as classNameModifier,o as classNameModifierByFlag};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ComponentClassName } from '../types';
|
|
2
|
-
export declare type Modifiers = string | number | null;
|
|
3
|
-
/**
|
|
4
|
-
* This helper function creates modifier class names that are used for our flat BEM styling
|
|
5
|
-
* it takes in a base and modifier and returns the modified class if a modifier was passed in and null otherwise
|
|
6
|
-
* @param base The base class of the output
|
|
7
|
-
* @param modifier The modifier to add onto the base
|
|
8
|
-
* @returns the modified class name or empty string
|
|
9
|
-
*/
|
|
10
|
-
export declare const classNameModifier: (base: ComponentClassName, modifier?: Modifiers) => string;
|
|
11
|
-
/**
|
|
12
|
-
* This helper function creates modified class names that are used for our flat BEM styling
|
|
13
|
-
* it takes in a base, modifier, and flag and returns the modified class name if the flag is true and null if the flag is false
|
|
14
|
-
* @param base
|
|
15
|
-
* @param modifier
|
|
16
|
-
* @param flag
|
|
17
|
-
* @returns the modified class name or empty string
|
|
18
|
-
*/
|
|
19
|
-
export declare const classNameModifierByFlag: (base: ComponentClassName, modifier: Modifiers, flag?: boolean) => string;
|