@aws-amplify/ui-react 6.1.13 → 6.1.14

package/dist/esm/components/Authenticator/ConfirmSignUp/ConfirmSignUp.mjs

@@ -32,8 +32,8 @@ function ConfirmSignUp({ className, variation, }) {
                     React__default.createElement(Text, { className: "amplify-authenticator__subtitle" }, getDeliveryMessageText(codeDeliveryDetails)),
                     React__default.createElement(FormFields, null),
                     React__default.createElement(RemoteErrorMessage, null),
-                    React__default.createElement(Button, { variation: "primary", isDisabled: isPending, type: "submit", loadingText: getConfirmingText(), isLoading: isPending, fontWeight: "normal" }, getConfirmText()),
-                    React__default.createElement(Button, { onClick: resendCode, type: "button", fontWeight: "normal" }, getResendCodeText())),
+                    React__default.createElement(Button, { variation: "primary", isDisabled: isPending, type: "submit", loadingText: getConfirmingText(), isLoading: isPending }, getConfirmText()),
+                    React__default.createElement(Button, { onClick: resendCode, type: "button" }, getResendCodeText())),
                 React__default.createElement(Footer, null)))));
 }
 const DefaultHeader = () => {

package/dist/esm/components/Authenticator/FederatedSignIn/FederatedSignInButtons/FederatedSignInButton.mjs

@@ -46,7 +46,7 @@ const FederatedSignInButton = (props) => {
     else if (icon === 'apple') {
         iconComponent = React__default.createElement(AppleIcon, null);
     }
-    return (React__default.createElement(Button, { onClick: handleClick, className: "federated-sign-in-button", fontWeight: "normal", gap: "1rem" },
+    return (React__default.createElement(Button, { onClick: handleClick, className: "federated-sign-in-button", gap: "1rem" },
         iconComponent,
         React__default.createElement(Text, { as: "span" }, text)));
 };

package/dist/esm/components/Authenticator/ForceNewPassword/ForceNewPassword.mjs

@@ -26,8 +26,8 @@ const ForceNewPassword = ({ className, variation, }) => {
                 React__default.createElement(Header, null),
                 React__default.createElement(FormFields, null),
                 React__default.createElement(RemoteErrorMessage, null),
-                React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getChangingText(), fontWeight: "normal" }, getChangePasswordText()),
-                React__default.createElement(Button, { onClick: toSignIn, type: "button", fontWeight: "normal", variation: "link", size: "small" }, getBackToSignInText()),
+                React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getChangingText() }, getChangePasswordText()),
+                React__default.createElement(Button, { onClick: toSignIn, type: "button", variation: "link", size: "small" }, getBackToSignInText()),
                 React__default.createElement(Footer, null)))));
 };
 ForceNewPassword.FormFields = function FormFields$1() {

package/dist/esm/components/Authenticator/SignIn/SignIn.mjs

@@ -28,15 +28,15 @@ function SignIn() {
                         React__default.createElement("legend", null, getSignInText())),
                     React__default.createElement(FormFields, null)),
                 React__default.createElement(RemoteErrorMessage, null),
-                React__default.createElement(Button, { isDisabled: isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getSigningInText() }, getSignInText()))),
-        React__default.createElement(Footer, null)));
+                React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getSigningInText() }, getSignInText()),
+                React__default.createElement(Footer, null)))));
 }
 const DefaultFooter = () => {
     const { toForgotPassword } = useAuthenticator((context) => [
         context.toForgotPassword,
     ]);
     return (React__default.createElement(View, { "data-amplify-footer": "" },
-        React__default.createElement(Button, { fontWeight: "normal", onClick: toForgotPassword, size: "small", variation: "link" }, getForgotPasswordText())));
+        React__default.createElement(Button, { onClick: toForgotPassword, size: "small", variation: "link" }, getForgotPasswordText())));
 };
 SignIn.Footer = DefaultFooter;
 SignIn.Header = function Header() {

package/dist/esm/components/Authenticator/SignUp/SignUp.mjs

@@ -28,8 +28,8 @@ function SignUp() {
                 React__default.createElement(Flex, { direction: "column" },
                     React__default.createElement(FormFields, null),
                     React__default.createElement(RemoteErrorMessage, null)),
-                React__default.createElement(Button, { isDisabled: hasValidationErrors || isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getCreatingAccountText() }, getCreateAccountText()))),
-        React__default.createElement(Footer, null)));
+                React__default.createElement(Button, { isDisabled: hasValidationErrors || isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getCreatingAccountText() }, getCreateAccountText()),
+                React__default.createElement(Footer, null)))));
 }
 SignUp.Header = function Header() {
     // @ts-ignore

package/dist/esm/components/Authenticator/VerifyUser/VerifyUser.mjs

@@ -13,9 +13,9 @@ import { RouteContainer } from '../RouteContainer/RouteContainer.mjs';
 
 const { getSkipText, getVerifyText, getVerifyContactText, getAccountRecoveryInfoText, } = authenticatorTextUtil;
 const generateRadioGroup = (attributes) => {
-    return Object.entries(attributes).map(([key, value]) => {
+    return Object.entries(attributes).map(([key, value], index) => {
         const verificationType = defaultFormFieldOptions[key].label;
-        return (React__default.createElement(Radio, { name: "unverifiedAttr", value: key, key: key },
+        return (React__default.createElement(Radio, { name: "unverifiedAttr", value: key, key: key, defaultChecked: index === 0 },
             translate(verificationType),
             ":",
             ' ',

package/dist/esm/components/Authenticator/shared/ConfirmSignInFooter.mjs

@@ -11,8 +11,8 @@ const ConfirmSignInFooter = () => {
         context.toSignIn,
     ]);
     return (React__default.createElement(Flex, { direction: "column" },
-        React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", fontWeight: "normal", isLoading: isPending, loadingText: getConfirmingText() }, getConfirmText()),
-        React__default.createElement(Button, { onClick: toSignIn, type: "button", variation: "link", fontWeight: "normal", size: "small" }, getBackToSignInText())));
+        React__default.createElement(Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getConfirmingText() }, getConfirmText()),
+        React__default.createElement(Button, { onClick: toSignIn, type: "button", variation: "link", size: "small" }, getBackToSignInText())));
 };
 
 export { ConfirmSignInFooter };

package/dist/esm/components/Authenticator/shared/TwoButtonSubmitFooter.mjs

@@ -28,8 +28,9 @@ const TwoButtonSubmitFooter = (props) => {
         "\u2026")) : (React__default.createElement(React__default.Fragment, null, getSubmitText()));
     const submitText = submitButtonText ?? defaultSubmitText;
     return (React__default.createElement(Flex, { direction: "column" },
-        React__default.createElement(Button, { fontWeight: "normal", variation: "primary", isDisabled: isPending, type: "submit" }, submitText),
-        React__default.createElement(Button, { onClick: onClick, type: "button", variation: "link", fontWeight: "normal", size: "small" }, cancelButtonText)));
+        React__default.createElement(Button, { variation: "primary", isDisabled: isPending, type: "submit" }, submitText),
+        React__default.createElement(Flex, { direction: "column", alignItems: "center" },
+            React__default.createElement(Button, { onClick: onClick, type: "button", variation: "link", size: "small" }, cancelButtonText))));
 };
 
 export { TwoButtonSubmitFooter };

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.1.13';
+const VERSION = '6.1.14';
 
 export { VERSION };

package/dist/index.js

@@ -2383,7 +2383,7 @@ const defaultDeleteUserDisplayText = {
     warningText: 'Deleting your account is not reversible. You will lose access to your account and all data associated with it.',
 };
 
-const VERSION = '6.1.13';
+const VERSION = '6.1.14';
 
 const logger$2 = ui.getLogger('AccountSettings');
 const getIsDisabled = (formValues, validationError) => {
@@ -2744,8 +2744,8 @@ function ConfirmSignUp({ className, variation, }) {
                     React__default["default"].createElement(Field.Text, { className: "amplify-authenticator__subtitle" }, getDeliveryMessageText(codeDeliveryDetails)),
                     React__default["default"].createElement(FormFields, null),
                     React__default["default"].createElement(RemoteErrorMessage, null),
-                    React__default["default"].createElement(Field.Button, { variation: "primary", isDisabled: isPending, type: "submit", loadingText: getConfirmingText$1(), isLoading: isPending, fontWeight: "normal" }, getConfirmText$1()),
-                    React__default["default"].createElement(Field.Button, { onClick: resendCode, type: "button", fontWeight: "normal" }, getResendCodeText$1())),
+                    React__default["default"].createElement(Field.Button, { variation: "primary", isDisabled: isPending, type: "submit", loadingText: getConfirmingText$1(), isLoading: isPending }, getConfirmText$1()),
+                    React__default["default"].createElement(Field.Button, { onClick: resendCode, type: "button" }, getResendCodeText$1())),
                 React__default["default"].createElement(Footer, null)))));
 }
 const DefaultHeader = () => {
@@ -2776,8 +2776,8 @@ const ForceNewPassword = ({ className, variation, }) => {
                 React__default["default"].createElement(Header, null),
                 React__default["default"].createElement(FormFields, null),
                 React__default["default"].createElement(RemoteErrorMessage, null),
-                React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getChangingText(), fontWeight: "normal" }, getChangePasswordText()),
-                React__default["default"].createElement(Field.Button, { onClick: toSignIn, type: "button", fontWeight: "normal", variation: "link", size: "small" }, getBackToSignInText$2()),
+                React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getChangingText() }, getChangePasswordText()),
+                React__default["default"].createElement(Field.Button, { onClick: toSignIn, type: "button", variation: "link", size: "small" }, getBackToSignInText$2()),
                 React__default["default"].createElement(Footer, null)))));
 };
 ForceNewPassword.FormFields = function FormFields$1() {
@@ -2797,8 +2797,8 @@ const ConfirmSignInFooter = () => {
         context.toSignIn,
     ]);
     return (React__default["default"].createElement(Field.Flex, { direction: "column" },
-        React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", fontWeight: "normal", isLoading: isPending, loadingText: getConfirmingText() }, getConfirmText()),
-        React__default["default"].createElement(Field.Button, { onClick: toSignIn, type: "button", variation: "link", fontWeight: "normal", size: "small" }, getBackToSignInText$1())));
+        React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getConfirmingText() }, getConfirmText()),
+        React__default["default"].createElement(Field.Button, { onClick: toSignIn, type: "button", variation: "link", size: "small" }, getBackToSignInText$1())));
 };
 
 const logger = new utils.ConsoleLogger('SetupTotp-logger');
@@ -2886,8 +2886,9 @@ const TwoButtonSubmitFooter = (props) => {
         "\u2026")) : (React__default["default"].createElement(React__default["default"].Fragment, null, getSubmitText()));
     const submitText = submitButtonText ?? defaultSubmitText;
     return (React__default["default"].createElement(Field.Flex, { direction: "column" },
-        React__default["default"].createElement(Field.Button, { fontWeight: "normal", variation: "primary", isDisabled: isPending, type: "submit" }, submitText),
-        React__default["default"].createElement(Field.Button, { onClick: onClick, type: "button", variation: "link", fontWeight: "normal", size: "small" }, cancelButtonText)));
+        React__default["default"].createElement(Field.Button, { variation: "primary", isDisabled: isPending, type: "submit" }, submitText),
+        React__default["default"].createElement(Field.Flex, { direction: "column", alignItems: "center" },
+            React__default["default"].createElement(Field.Button, { onClick: onClick, type: "button", variation: "link", size: "small" }, cancelButtonText))));
 };
 
 const AppleIcon = () => {
@@ -2929,7 +2930,7 @@ const FederatedSignInButton = (props) => {
     else if (icon === 'apple') {
         iconComponent = React__default["default"].createElement(AppleIcon, null);
     }
-    return (React__default["default"].createElement(Field.Button, { onClick: handleClick, className: "federated-sign-in-button", fontWeight: "normal", gap: "1rem" },
+    return (React__default["default"].createElement(Field.Button, { onClick: handleClick, className: "federated-sign-in-button", gap: "1rem" },
         iconComponent,
         React__default["default"].createElement(Field.Text, { as: "span" }, text)));
 };
@@ -2977,15 +2978,15 @@ function SignIn() {
                         React__default["default"].createElement("legend", null, getSignInText())),
                     React__default["default"].createElement(FormFields, null)),
                 React__default["default"].createElement(RemoteErrorMessage, null),
-                React__default["default"].createElement(Field.Button, { isDisabled: isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getSigningInText() }, getSignInText()))),
-        React__default["default"].createElement(Footer, null)));
+                React__default["default"].createElement(Field.Button, { isDisabled: isPending, type: "submit", variation: "primary", isLoading: isPending, loadingText: getSigningInText() }, getSignInText()),
+                React__default["default"].createElement(Footer, null)))));
 }
 const DefaultFooter = () => {
     const { toForgotPassword } = uiReactCore.useAuthenticator((context) => [
         context.toForgotPassword,
     ]);
     return (React__default["default"].createElement(Field.View, { "data-amplify-footer": "" },
-        React__default["default"].createElement(Field.Button, { fontWeight: "normal", onClick: toForgotPassword, size: "small", variation: "link" }, getForgotPasswordText())));
+        React__default["default"].createElement(Field.Button, { onClick: toForgotPassword, size: "small", variation: "link" }, getForgotPasswordText())));
 };
 SignIn.Footer = DefaultFooter;
 SignIn.Header = function Header() {
@@ -3011,8 +3012,8 @@ function SignUp() {
                 React__default["default"].createElement(Field.Flex, { direction: "column" },
                     React__default["default"].createElement(FormFields, null),
                     React__default["default"].createElement(RemoteErrorMessage, null)),
-                React__default["default"].createElement(Field.Button, { isDisabled: hasValidationErrors || isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getCreatingAccountText() }, getCreateAccountText()))),
-        React__default["default"].createElement(Footer, null)));
+                React__default["default"].createElement(Field.Button, { isDisabled: hasValidationErrors || isPending, isFullWidth: true, type: "submit", variation: "primary", isLoading: isPending, loadingText: getCreatingAccountText() }, getCreateAccountText()),
+                React__default["default"].createElement(Footer, null)))));
 }
 SignUp.Header = function Header() {
     // @ts-ignore
@@ -3069,9 +3070,9 @@ ConfirmVerifyUser.Footer = function Footer() {
 
 const { getSkipText, getVerifyText, getVerifyContactText, getAccountRecoveryInfoText, } = ui.authenticatorTextUtil;
 const generateRadioGroup = (attributes) => {
-    return Object.entries(attributes).map(([key, value]) => {
+    return Object.entries(attributes).map(([key, value], index) => {
         const verificationType = ui.defaultFormFieldOptions[key].label;
-        return (React__default["default"].createElement(Radio, { name: "unverifiedAttr", value: key, key: key },
+        return (React__default["default"].createElement(Radio, { name: "unverifiedAttr", value: key, key: key, defaultChecked: index === 0 },
             ui.translate(verificationType),
             ":",
             ' ',

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.1.13";
+export declare const VERSION = "6.1.14";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.1.13",
+  "version": "6.1.14",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {

package/dist/types/context/elements/ElementsContext.d.ts

@@ -1,58 +0,0 @@
-import React from 'react';
-import { ElementDisplayName } from './types';
-export interface Elements extends Partial<Record<ElementDisplayName, React.ComponentType>> {
-}
-/**
- * `ElementsProvider` and its coresponding `useElement` hook provide
- * access to the values of the nearest ancestral `ElementsContext`
- * value.
- *
- * In most use cases, there is no need to directly invoke `useElement`;
- * `ElementsContext` lookup is handled directly by `BaseElement`
- * components returned by `defineBaseElement`.
- *
- * @example
- *
- * Add `ElementsContext` aware `BaseElement` components to a
- * Connected Component
- *
- * ```tsx
- * // `BaseElement`, renders custom or default element defintion
- * const ViewElement = defineBaseElement({
- *   displayName: "View",
- *   type: "div",
- * });
- *
- * // `BaseElement` components to be provided through `ElementsContext`
- * interface ConnectedComponentElements {
- *   View: typeof ViewElement;
- * }
- *
- * function createConnectedComponent<T extends ConnectedComponentElements>(
- *   elements?: T
- * ) {
- *   const Provider = ({ children }: { children?: React.ReactNode }) => (
- *     <ElementsProvider elements={elements}>
- *       <Children />
- *     </ElementsProvider>
- *   );
- *
- *   function ConnectedComponent() {
- *     return (
- *       <Provider>
- *         <ConnectedComponentContent />
- *       </Provider>
- *     );
- *   }
- *
- *   ConnectedComponent.Provider = Provider;
- *
- *   return ConnectedComponent;
- * }
- * ```
- */
-export declare function ElementsProvider<T extends Elements>({ elements, ...props }: {
-    children?: React.ReactNode;
-    elements?: T;
-}): React.JSX.Element;
-export declare const useElement: <T extends keyof Elements>(name: T) => Elements[T] | undefined;

package/dist/types/context/elements/defineBaseElement.d.ts

@@ -1,26 +0,0 @@
-import { BaseElement, BaseElementProps, ElementDisplayName, ElementRefType, ReactElementProps, ReactElementType } from './types';
-export interface DefineBaseElementInput<T> {
-    /**
-     * `BaseElement` display name in React dev tools and stack traces
-     */
-    displayName: ElementDisplayName;
-    /**
-     * base HTML `element` type
-     */
-    type: T;
-}
-/**
- * Defines a `ElementsContext` aware `BaseElement` UI component of the
- * provided `type` with an assigned `displayName`.
- *
- * If `BaseElement` is used as a child of an `ElementsProvider`, returns the
- * `BaseElement` value of the provided `displayName` of `ElementsContext`.
- *
- * When used outside of a  parent `ElementsProvider` or no `BaseElement`
- * of `displayName` is found in the `ElementsContext`, returns a stateless,
- * unstyled HTML element of the provided `type`.
- *
- * @param {DefineBaseElementInput} input `BaseElement` parameters
- * @returns {BaseElement} `ElementsContext` aware UI component
- */
-export default function defineBaseElement<T extends ReactElementType, K extends keyof U = never, V = string, U extends ReactElementProps<T> = ReactElementProps<T>, P extends BaseElementProps<K, V, U> = BaseElementProps<K, V, U>>(input: DefineBaseElementInput<T>): BaseElement<P, ElementRefType<P>>;

package/dist/types/context/elements/index.d.ts

@@ -1,3 +0,0 @@
-export { default as defineBaseElement } from './defineBaseElement';
-export { default as withBaseElementProps } from './withBaseElementProps';
-export { ElementsProvider } from './ElementsContext';

package/dist/types/context/elements/types.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-/**
- * Base type definition of `BaseElement` components available through
- * `ElementsContext`. The definitions define a contract between a
- * Connected Component and the `elements` that can be provided as
- * overrides.
- *
- * `BaseElement` interfaces surface a minimal set of HTML semantic `props`
- * required to achieve the base functionality of consumers. `props`
- * are always optional at the interface level, allowing for additional `props`
- * to be added to existing `BaseElement` interfaces as needed.
- */
-export type BaseElement<T = {}, K = {}> = React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<K>>;
-/**
- * allowed values of `displayName` of `BaseElement` and `ElemebtsContext` keys
- */
-export type ElementDisplayName = 'Button' | 'View' | 'Icon' | 'Input' | 'Span';
-export type ElementRefType<T> = T extends {
-    ref?: React.LegacyRef<infer K> | React.Ref<infer K> | React.ForwardedRef<infer K>;
-} ? K : never;
-export type ReactElementType = keyof React.JSX.IntrinsicElements;
-export type ReactElementProps<T extends ReactElementType> = React.JSX.IntrinsicElements[T];
-/**
- * key of `props` always available on `BaseElement` definitions
- */
-type ElementPropKey<T> = T | 'children' | 'className' | 'style';
-export type BaseElementProps<T extends keyof K, V = string, K extends Record<ElementPropKey<keyof K>, any> = Record<string, any>> = React.AriaAttributes & React.RefAttributes<ElementRefType<K>> & Pick<K, ElementPropKey<T>> & {
-    testId?: string;
-    variant?: V;
-};
-export {};

package/dist/types/context/elements/withBaseElementProps.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { BaseElement, ElementRefType } from './types';
-/**
- * Extend target `BaseElement` with `defaultProps`. `defaultProps`
- * are overidden by `props` provided to returned `BaseElement`.
- *
- * @example
- *
- * Extend `InputElement` with default `className` and `type`
- * ```tsx
- *
- * // define extended `props` on `BaseElement` interface
- * type InputElementPropKey = 'onChange' | 'type';
- *
- * // create `InputElement` base with `type` generic and extended `props` key
- * export const InputElement = defineBaseElement<"input", InputElementPropKey>({
- *   type: "input",
- *   displayName: "Input",
- * });
- *
- * // extend base `InputElement` with default input `type` of `checkbox`
- * const CheckboxElement = withBaseElementProps(Input, {
- *   className: 'submit-toggle__checkbox',
- *   type: 'checkbox',
- * });
- * ```
- *
- * @param Target `BaseElement` to extend
- * @param defaultProps `defaultProps` to apply to `Target`, accepts object or callback
- * @returns extended `BaseElement` with `defaultProps`
- */
-export default function withBaseElementProps<T, K extends T | (() => T)>(Target: React.ForwardRefExoticComponent<T>, defaultProps: K): BaseElement<T, ElementRefType<T>>;