@aws-amplify/ui-react 6.13.1 → 6.14.0

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.
Files changed (33) hide show
  1. package/dist/{Field-BjInyX0G.js → Field-Cq088Vbv.js} +38 -0
  2. package/dist/esm/components/Authenticator/Authenticator.mjs +2 -1
  3. package/dist/esm/components/Authenticator/ConfirmSignIn/ConfirmSignIn.mjs +16 -4
  4. package/dist/esm/components/Authenticator/PasskeyPrompt/PasskeyPrompt.mjs +109 -0
  5. package/dist/esm/components/Authenticator/Router/Router.mjs +6 -0
  6. package/dist/esm/components/Authenticator/SignIn/SignIn.mjs +46 -4
  7. package/dist/esm/components/Authenticator/SignInSelectAuthFactor/SignInSelectAuthFactor.mjs +116 -0
  8. package/dist/esm/components/Authenticator/SignUp/SignUp.mjs +55 -4
  9. package/dist/esm/components/Authenticator/shared/ConfirmSignInFooter.mjs +7 -2
  10. package/dist/esm/components/Authenticator/shared/FormFields.mjs +18 -5
  11. package/dist/esm/components/Authenticator/utils.mjs +8 -1
  12. package/dist/esm/internal.mjs +2 -0
  13. package/dist/esm/primitives/Icon/icons/IconCheckCircleFill.mjs +15 -0
  14. package/dist/esm/primitives/Icon/icons/IconPasskey.mjs +31 -0
  15. package/dist/esm/version.mjs +1 -1
  16. package/dist/index.js +305 -36
  17. package/dist/internal.js +3 -1
  18. package/dist/styles/authenticator.css +17 -0
  19. package/dist/styles/authenticator.layer.css +17 -0
  20. package/dist/styles.css +17 -0
  21. package/dist/styles.layer.css +17 -0
  22. package/dist/types/components/Authenticator/Authenticator.d.ts +1 -1
  23. package/dist/types/components/Authenticator/PasskeyPrompt/PasskeyPrompt.d.ts +3 -0
  24. package/dist/types/components/Authenticator/PasskeyPrompt/index.d.ts +1 -0
  25. package/dist/types/components/Authenticator/SignInSelectAuthFactor/SignInSelectAuthFactor.d.ts +2 -0
  26. package/dist/types/components/Authenticator/SignInSelectAuthFactor/index.d.ts +1 -0
  27. package/dist/types/components/Authenticator/shared/FormFields.d.ts +3 -1
  28. package/dist/types/components/Authenticator/utils.d.ts +6 -0
  29. package/dist/types/primitives/Icon/icons/IconCheckCircleFill.d.ts +5 -0
  30. package/dist/types/primitives/Icon/icons/IconPasskey.d.ts +5 -0
  31. package/dist/types/primitives/Icon/icons/index.d.ts +2 -0
  32. package/dist/types/version.d.ts +1 -1
  33. package/package.json +5 -5
@@ -3566,6 +3566,23 @@ strong.amplify-text {
3566
3566
  gap: var(--amplify-space-medium);
3567
3567
  }
3568
3568
 
3569
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
3570
+ font-size: var(--amplify-font-sizes-xxxl);
3571
+ color: var(--amplify-colors-green-60, #34a853);
3572
+ }
3573
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
3574
+ padding: var(--amplify-space-medium);
3575
+ background-color: var(--amplify-colors-background-secondary);
3576
+ border-radius: var(--amplify-radii-small);
3577
+ }
3578
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
3579
+ color: var(--amplify-colors-font-error);
3580
+ margin-top: var(--amplify-space-small);
3581
+ }
3582
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
3583
+ font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
3584
+ }
3585
+
3569
3586
  .amplify-avatar {
3570
3587
  --avatar-color: var(--amplify-components-avatar-color);
3571
3588
  --avatar-background-color: var(--amplify-components-avatar-background-color);
@@ -28,7 +28,7 @@ interface ReactFormFieldOptions extends FormFieldOptions {
28
28
  /** Desired HTML maxLength type */
29
29
  maxLength?: number;
30
30
  }
31
- export declare function AuthenticatorInternal({ children, className, components: customComponents, formFields, hideSignUp, initialState, loginMechanisms, passwordSettings, signUpAttributes, services, socialProviders, variation, }: AuthenticatorProps): React.JSX.Element;
31
+ export declare function AuthenticatorInternal({ children, className, components: customComponents, formFields, hideSignUp, initialState, loginMechanisms, passwordSettings, passwordless, signUpAttributes, services, socialProviders, variation, }: AuthenticatorProps): React.JSX.Element;
32
32
  /**
33
33
  * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/authenticator)
34
34
  */
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import type { RouteProps } from '../RouteContainer';
3
+ export declare function PasskeyPrompt({ className, variation, }: RouteProps): React.JSX.Element;
@@ -0,0 +1 @@
1
+ export { PasskeyPrompt } from './PasskeyPrompt';
@@ -0,0 +1,2 @@
1
+ import type { RouteProps } from '../RouteContainer';
2
+ export declare const SignInSelectAuthFactor: ({ className, variation, }: RouteProps) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { SignInSelectAuthFactor } from './SignInSelectAuthFactor';
@@ -1,2 +1,4 @@
1
1
  import * as React from 'react';
2
- export declare function FormFields(): React.JSX.Element;
2
+ export declare function FormFields({ includePassword, }?: {
3
+ includePassword?: boolean;
4
+ }): React.JSX.Element;
@@ -1 +1,7 @@
1
1
  export declare const isSignInOrSignUpRoute: (route: string) => boolean;
2
+ /**
3
+ * Checks if challenge is OTP
4
+ * @param challengeName - The challenge name (e.g., 'EMAIL_OTP', 'SMS_MFA')
5
+ * @returns true if challenge is OTP
6
+ */
7
+ export declare const isOtpChallenge: (challengeName: string | undefined) => boolean;
@@ -0,0 +1,5 @@
1
+ import type { InternalIcon } from './types';
2
+ /**
3
+ * @internal For internal Amplify UI use only. May be removed in a future release.
4
+ */
5
+ export declare const IconCheckCircleFill: InternalIcon;
@@ -0,0 +1,5 @@
1
+ import type { InternalIcon } from './types';
2
+ /**
3
+ * @internal For internal Amplify UI use only. May be removed in a future release.
4
+ */
5
+ export declare const IconPasskey: InternalIcon;
@@ -1,6 +1,7 @@
1
1
  export * from './IconAdd';
2
2
  export * from './IconAssistant';
3
3
  export * from './IconAttach';
4
+ export * from './IconCheckCircleFill';
4
5
  export * from './IconCheckCircleOutline';
5
6
  export * from './IconCheckCircle';
6
7
  export * from './IconCheck';
@@ -24,3 +25,4 @@ export * from './IconUser';
24
25
  export * from './IconVisibilityOff';
25
26
  export * from './IconVisibility';
26
27
  export * from './IconWarning';
28
+ export * from './IconPasskey';
@@ -1 +1 @@
1
- export declare const VERSION = "6.13.1";
1
+ export declare const VERSION = "6.14.0";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react",
3
- "version": "6.13.1",
3
+ "version": "6.14.0",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -56,13 +56,13 @@
56
56
  "typecheck": "tsc --noEmit"
57
57
  },
58
58
  "dependencies": {
59
- "@aws-amplify/ui": "6.12.1",
60
- "@aws-amplify/ui-react-core": "3.4.6",
59
+ "@aws-amplify/ui": "6.14.0",
60
+ "@aws-amplify/ui-react-core": "3.5.0",
61
61
  "@radix-ui/react-direction": "^1.1.0",
62
62
  "@radix-ui/react-dropdown-menu": "^2.1.10",
63
63
  "@radix-ui/react-slider": "^1.3.2",
64
64
  "@xstate/react": "^3.2.2",
65
- "lodash": "4.17.21",
65
+ "lodash": "4.17.23",
66
66
  "qrcode": "1.5.0",
67
67
  "tslib": "^2.5.2"
68
68
  },
@@ -90,7 +90,7 @@
90
90
  "name": "Authenticator",
91
91
  "path": "dist/esm/index.mjs",
92
92
  "import": "{ Authenticator }",
93
- "limit": "65 kB"
93
+ "limit": "72 kB"
94
94
  },
95
95
  {
96
96
  "name": "AccountSettings",