@aws-amplify/ui-react 5.2.0 → 5.3.1

package/dist/types/components/Authenticator/Authenticator.d.ts

@@ -1,15 +1,32 @@
 import * as React from 'react';
-import { AuthenticatorMachineOptions, AmplifyUser } from '@aws-amplify/ui';
+import { AuthenticatorMachineOptions, AmplifyUser, FormFieldComponents, FormFieldOptions } from '@aws-amplify/ui';
 import { UseAuthenticator } from '@aws-amplify/ui-react-core';
 import { ComponentsProviderProps } from './hooks/useCustomComponents';
 import { RouterProps } from './Router';
 export type SignOut = UseAuthenticator['signOut'];
-export type AuthenticatorProps = Partial<AuthenticatorMachineOptions & ComponentsProviderProps & RouterProps & {
+export type AuthenticatorProps = Partial<Omit<AuthenticatorMachineOptions, 'formFields'> & ComponentsProviderProps & RouterProps & {
     children: React.ReactNode | ((props: {
         signOut?: SignOut;
         user?: AmplifyUser;
     }) => JSX.Element);
+    formFields: {
+        [key in FormFieldComponents]?: {
+            [field_name: string]: ReactFormFieldOptions;
+        };
+    };
 }>;
+interface ReactFormFieldOptions extends FormFieldOptions {
+    /** Desired HTML defaultValue type */
+    defaultValue?: string;
+    /** isReadOnly maps to readonly HTML type */
+    isReadOnly?: boolean;
+    /** Desired HTML pattern type */
+    pattern?: string | undefined;
+    /** Desired HTML minLength type */
+    minLength?: number;
+    /** Desired HTML maxLength type */
+    maxLength?: number;
+}
 export declare function AuthenticatorInternal({ children, className, components: customComponents, formFields, hideSignUp, initialState, loginMechanisms, passwordSettings, signUpAttributes, services, socialProviders, variation, }: AuthenticatorProps): JSX.Element;
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/authenticator)
@@ -36,3 +53,4 @@ export declare namespace Authenticator {
         Footer(): JSX.Element | null;
     };
 }
+export {};

package/dist/types/internal.d.ts

@@ -14,6 +14,7 @@ export type { UseDataStoreUpdateActionOptions } from './hooks/actions/useDataSto
 export { AlertIcon } from './primitives/Alert/AlertIcon';
 export * from './primitives/Icon/internal';
 export * from './primitives/shared/datastore';
+export { useDropZone } from './primitives/DropZone/useDropZone';
 export { EscapeHatchProps, Variant, findChildOverrides, getOverridesFromVariants, getOverrideProps, mergeVariantsAndOverrides, } from './studio';
 export { Field } from './primitives/Field';
 export { PrimitiveCatalog } from './PrimitiveCatalog';

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

@@ -0,0 +1,13 @@
+import { ForwardRefPrimitive } from '../types';
+import { BaseDropZoneProps } from './types';
+import { Accepted, Default, Rejected } from './DropZoneChildren';
+type DropZoneType = ForwardRefPrimitive<BaseDropZoneProps, 'div'> & {
+    Accepted: typeof Accepted;
+    Rejected: typeof Rejected;
+    Default: typeof Default;
+};
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/dropzone)
+ */
+declare const DropZone: DropZoneType;
+export { DropZone };

package/dist/types/primitives/DropZone/DropZoneChildren.d.ts

@@ -0,0 +1,18 @@
+import { Primitive } from '../types';
+/**
+ * These are syntactic sugar components that make it easy to compose children
+ * in DropZone without having to expose the DropZoneContext.
+ */
+/**
+ * This component renders when the user is dragging ONLY accepted files on the DropZone.
+ */
+declare const Accepted: Primitive<{}, 'div'>;
+/**
+ * This component renders when the user is dragging ANY rejected files on the DropZone.
+ */
+declare const Rejected: Primitive<{}, 'div'>;
+/**
+ * This component renders by default when the user is not dragging.
+ */
+declare const Default: Primitive<{}, 'div'>;
+export { Accepted, Rejected, Default };

package/dist/types/primitives/DropZone/DropZoneContainer.d.ts

@@ -0,0 +1,4 @@
+import { BaseDropZoneContainerProps } from './types';
+import { ForwardRefPrimitive } from '../types';
+declare const DropZoneContainer: ForwardRefPrimitive<BaseDropZoneContainerProps, 'div'>;
+export { DropZoneContainer };

package/dist/types/primitives/DropZone/DropZoneProvider.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DragState } from './types';
+declare const DropZoneContext: React.Context<DragState>;
+declare const DropZoneProvider: ({ value, children, }: {
+    value: DragState;
+    children?: React.ReactNode;
+}) => JSX.Element;
+export { DropZoneProvider, DropZoneContext };

package/dist/types/primitives/DropZone/index.d.ts

@@ -0,0 +1,2 @@
+export { DropZone } from './DropZone';
+export { DropZoneProps } from './types';

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { ElementType, PrimitiveProps, BaseViewProps } from '../types';
+interface DropProps {
+    acceptedFiles: File[];
+    rejectedFiles: File[];
+}
+export interface UseDropZoneProps extends Partial<DragEvents> {
+    onDropComplete?: (props: DropProps) => void;
+    /**
+     * List of accepted File types, values of `['*']` or undefined allow any files
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
+     */
+    acceptedFileTypes?: string[];
+}
+export interface BaseDropZoneProps extends BaseViewProps, UseDropZoneProps {
+}
+export type DropZoneProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseDropZoneProps, Element>;
+interface DragEvents {
+    onDragStart: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragEnter: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+}
+export type DragState = 'accept' | 'reject' | 'inactive';
+export interface UseDropZoneReturn extends DragEvents {
+    dragState: DragState;
+}
+export interface BaseDropZoneContainerProps extends BaseViewProps, DragEvents {
+}
+export type DropZoneContainerProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseDropZoneContainerProps, Element>;
+export {};

package/dist/types/primitives/DropZone/useDropZone.d.ts

@@ -0,0 +1,2 @@
+import { UseDropZoneProps, UseDropZoneReturn } from './types';
+export declare function useDropZone({ onDropComplete, onDragEnter: _onDragEnter, onDragLeave: _onDragLeave, onDragOver: _onDragOver, onDragStart: _onDragStart, onDrop: _onDrop, acceptedFileTypes, }: UseDropZoneProps): UseDropZoneReturn;

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

@@ -0,0 +1,5 @@
+import { BaseFieldsetProps, ForwardRefPrimitive } from '../types';
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/fieldset)
+ */
+export declare const Fieldset: ForwardRefPrimitive<BaseFieldsetProps, 'fieldset'>;

package/dist/types/primitives/Fieldset/index.d.ts

@@ -0,0 +1,2 @@
+export { Fieldset } from './Fieldset';
+export { useFieldset } from './useFieldset';

package/dist/types/primitives/Fieldset/useFieldset.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface FieldsetContextType {
+    isFieldsetDisabled?: boolean;
+}
+export declare const FieldsetContext: React.Context<FieldsetContextType>;
+/**
+ * @description Fieldsets in HTML can be disabled, which disables all child
+ * fieldsets and input controls. `useFieldset` passes the disabled state down
+ * via context.
+ */
+export declare const useFieldset: () => FieldsetContextType;
+export {};

package/dist/types/primitives/Icon/context/IconsContext.d.ts

@@ -8,6 +8,7 @@ export type IconsContextInterface = {
     expander?: ComponentIcons<'more'>;
     field?: ComponentIcons<'clear'>;
     menu?: ComponentIcons<'menu'>;
+    message?: ComponentIcons<'close' | 'info' | 'error' | 'success' | 'warning'>;
     pagination?: ComponentIcons<'previous' | 'next'>;
     passwordField?: ComponentIcons<'visibility' | 'visibilityOff'>;
     rating?: ComponentIcons<'filled' | 'empty'>;

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

@@ -0,0 +1,5 @@
+import { BaseMessageProps, ForwardRefPrimitive } from '../types';
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/message)
+ */
+export declare const Message: ForwardRefPrimitive<BaseMessageProps, 'div'>;

package/dist/types/primitives/Message/MessageContainer.d.ts

@@ -0,0 +1,2 @@
+import { BaseMessageContainerProps, ForwardRefPrimitive } from '../types';
+export declare const MessageContainer: ForwardRefPrimitive<BaseMessageContainerProps, 'div'>;

package/dist/types/primitives/Message/MessageContent.d.ts

@@ -0,0 +1,2 @@
+import { BaseMessageContentProps, ForwardRefPrimitive } from '../types';
+export declare const MessageContent: ForwardRefPrimitive<BaseMessageContentProps, 'div'>;

package/dist/types/primitives/Message/MessageDismiss.d.ts

@@ -0,0 +1,2 @@
+import { BaseMessageDismissProps, ForwardRefPrimitive } from '../types';
+export declare const MessageDismiss: ForwardRefPrimitive<BaseMessageDismissProps, 'button'>;

package/dist/types/primitives/Message/MessageHeading.d.ts

@@ -0,0 +1,2 @@
+import { BaseMessageHeadingProps, ForwardRefPrimitive } from '../types';
+export declare const MessageHeading: ForwardRefPrimitive<BaseMessageHeadingProps, 'div'>;

package/dist/types/primitives/Message/MessageIcon.d.ts

@@ -0,0 +1,2 @@
+import { BaseMessageIconProps, ForwardRefPrimitive } from '../types';
+export declare const MessageIcon: ForwardRefPrimitive<BaseMessageIconProps, 'div'>;

package/dist/types/primitives/Message/index.d.ts

@@ -0,0 +1 @@
+export { Message } from './Message';

package/dist/types/primitives/Message/useMessage.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { MessageColorTheme } from '../types';
+export interface MessageContextType {
+    colorTheme?: MessageColorTheme;
+    dismissed?: boolean;
+    setDismissed: (dismissed: boolean) => void;
+}
+export declare const MessageContext: React.Context<MessageContextType>;
+export declare const useMessage: () => MessageContextType;

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

@@ -8,17 +8,22 @@ export { Card } from './Card';
 export { CheckboxField } from './CheckboxField';
 export { Collection } from './Collection';
 export { Divider } from './Divider';
+export { DropZone, DropZoneProps } from './DropZone';
 export { Expander, ExpanderItem } from './Expander';
 export { FieldGroupIcon, FieldGroupIconButton } from './FieldGroupIcon';
+export { Fieldset } from './Fieldset';
 export { Flex } from './Flex';
 export { Grid } from './Grid';
 export { Heading } from './Heading';
 export { HighlightMatch } from './HighlightMatch';
 export { Icon } from './Icon';
 export { Image } from './Image';
+export { Input } from './Input';
+export { Label } from './Label';
 export { Link } from './Link';
 export { Loader } from './Loader';
 export { Menu, MenuButton, MenuItem } from './Menu';
+export { Message } from './Message';
 export { Pagination } from './Pagination';
 export { PasswordField } from './PasswordField';
 export { PhoneNumberField } from './PhoneNumberField';

package/dist/types/primitives/shared/constants.d.ts

@@ -20,6 +20,9 @@ export declare const ComponentText: {
     Fields: {
         clearButtonLabel: string;
     };
+    Message: {
+        dismissLabel: string;
+    };
     PaginationItem: {
         currentPageLabel: string;
         nextLabel: string;

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

@@ -1,6 +1,6 @@
 import { ComponentClassName } from '@aws-amplify/ui';
-type ComponentNameKey = 'Alert' | 'Autocomplete' | 'Badge' | 'Breadcrumbs' | 'Button' | 'Button' | 'Card' | 'Checkbox' | 'CheckboxField' | 'Collection' | 'PhoneNumberField' | 'Divider' | 'Expander' | 'FileUploader' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'Icon' | 'Image' | 'Link' | 'Loader' | 'Menu' | 'Pagination' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioGroupField' | 'Rating' | 'ScrollView' | 'SearchField' | 'Select' | 'SliderField' | 'SelectField' | 'StepperField' | 'StorageImage' | 'StorageManager' | 'SwitchField' | 'Table' | 'Tabs' | 'Text' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
-type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Autocomplete' | 'AutocompleteMenu' | 'AutocompleteMenuEmpty' | 'AutocompleteMenuFooter' | 'AutocompleteMenuHeader' | 'AutocompleteMenuLoading' | 'AutocompleteMenuOption' | 'AutocompleteMenuOptions' | 'Badge' | 'Breadcrumbs' | 'BreadcrumbsItem' | 'BreadcrumbsLink' | 'BreadcrumbsList' | 'BreadcrumbsSeparator' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'DialCodeSelect' | 'Divider' | 'DividerLabel' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'FileUploaderDropZone' | 'FileUploaderDropZoneIcon' | 'FileUploaderDropZoneText' | 'FileUploaderDropZoneButton' | 'FileUploaderFile' | 'FileUploaderFileWrapper' | 'FileUploaderFileName' | 'FileUploaderFileSize' | 'FileUploaderFileInfo' | 'FileUploaderFileStatus' | 'FileUploaderFileImage' | 'FileUploaderFileMain' | 'FileUploaderLoader' | 'FileUploaderPreviewer' | 'FileUploaderPreviewerText' | 'FileUploaderPreviewerBody' | 'FileUploaderPreviewerFooter' | 'FileUploaderPreviewerFooterActions' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'HighlightMatchHighlighted' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | 'MenuContentWrapper' | 'MenuItem' | 'MenuTrigger' | 'Pagination' | 'PaginationItemButton' | 'PaginationItemCurrent' | 'PaginationItemEllipsis' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioButton' | 'RadioInput' | 'RadioLabel' | 'RadioGroupField' | 'RadioGroup' | 'Rating' | 'ScrollView' | 'SearchField' | 'SearchFieldClear' | 'SearchFieldSearch' | 'Select' | 'SelectField' | 'SelectWrapper' | 'SelectIconWrapper' | 'SliderField' | 'SliderFieldGroup' | 'SliderFieldLabel' | 'SliderFieldRange' | 'SliderFieldRoot' | 'SliderFieldThumb' | 'SliderFieldTrack' | 'StepperField' | 'StepperFieldButtonDecrease' | 'StepperFieldButtonIncrease' | 'StepperFieldInput' | 'StorageImage' | 'StorageManager' | 'StorageManagerDropZone' | 'StorageManagerDropZoneIcon' | 'StorageManagerDropZoneText' | 'StorageManagerFilePicker' | 'StorageManagerFile' | 'StorageManagerFileWrapper' | 'StorageManagerFileList' | 'StorageManagerFileName' | 'StorageManagerFileSize' | 'StorageManagerFileInfo' | 'StorageManagerFileStatus' | 'StorageManagerFileImage' | 'StorageManagerFileMain' | 'StorageManagerLoader' | 'StorageManagerPreviewer' | 'StorageManagerPreviewerText' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
+type ComponentNameKey = 'Alert' | 'Autocomplete' | 'Badge' | 'Breadcrumbs' | 'Button' | 'Button' | 'Card' | 'Checkbox' | 'CheckboxField' | 'Collection' | 'PhoneNumberField' | 'Divider' | 'DropZone' | 'Expander' | 'Fieldset' | 'FileUploader' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'Menu' | 'Message' | 'Pagination' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioGroupField' | 'Rating' | 'ScrollView' | 'SearchField' | 'Select' | 'SliderField' | 'SelectField' | 'StepperField' | 'StorageImage' | 'StorageManager' | 'SwitchField' | 'Table' | 'Tabs' | 'Text' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
+type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Autocomplete' | 'AutocompleteMenu' | 'AutocompleteMenuEmpty' | 'AutocompleteMenuFooter' | 'AutocompleteMenuHeader' | 'AutocompleteMenuLoading' | 'AutocompleteMenuOption' | 'AutocompleteMenuOptions' | 'Badge' | 'Breadcrumbs' | 'BreadcrumbsItem' | 'BreadcrumbsLink' | 'BreadcrumbsList' | 'BreadcrumbsSeparator' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'DialCodeSelect' | 'Divider' | 'DividerLabel' | 'DropZone' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'Fieldset' | 'FieldsetLegend' | 'FileUploaderDropZone' | 'FileUploaderDropZoneIcon' | 'FileUploaderDropZoneText' | 'FileUploaderDropZoneButton' | 'FileUploaderFile' | 'FileUploaderFileWrapper' | 'FileUploaderFileName' | 'FileUploaderFileSize' | 'FileUploaderFileInfo' | 'FileUploaderFileStatus' | 'FileUploaderFileImage' | 'FileUploaderFileMain' | 'FileUploaderLoader' | 'FileUploaderPreviewer' | 'FileUploaderPreviewerText' | 'FileUploaderPreviewerBody' | 'FileUploaderPreviewerFooter' | 'FileUploaderPreviewerFooterActions' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'HighlightMatchHighlighted' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | 'MenuContentWrapper' | 'MenuItem' | 'MenuTrigger' | 'Message' | 'MessageIcon' | 'MessageHeading' | 'MessageBody' | 'MessageContent' | 'MessageDismiss' | 'Pagination' | 'PaginationItemButton' | 'PaginationItemCurrent' | 'PaginationItemEllipsis' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioButton' | 'RadioInput' | 'RadioLabel' | 'RadioGroupField' | 'RadioGroup' | 'Rating' | 'ScrollView' | 'SearchField' | 'SearchFieldClear' | 'SearchFieldSearch' | 'Select' | 'SelectField' | 'SelectWrapper' | 'SelectIconWrapper' | 'SliderField' | 'SliderFieldGroup' | 'SliderFieldLabel' | 'SliderFieldRange' | 'SliderFieldRoot' | 'SliderFieldThumb' | 'SliderFieldTrack' | 'StepperField' | 'StepperFieldButtonDecrease' | 'StepperFieldButtonIncrease' | 'StepperFieldInput' | 'StorageImage' | 'StorageManager' | 'StorageManagerDropZone' | 'StorageManagerDropZoneIcon' | 'StorageManagerDropZoneText' | 'StorageManagerFilePicker' | 'StorageManagerFile' | 'StorageManagerFileWrapper' | 'StorageManagerFileList' | 'StorageManagerFileName' | 'StorageManagerFileSize' | 'StorageManagerFileInfo' | 'StorageManagerFileStatus' | 'StorageManagerFileImage' | 'StorageManagerFileMain' | 'StorageManagerLoader' | 'StorageManagerPreviewer' | 'StorageManagerPreviewerText' | 'StorageManagerPreviewerActions' | 'StorageManagerPreviewerFooter' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
 interface ComponentClassNameMetadata {
     className: ComponentClassName;
     components?: ComponentNameKey[];

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

@@ -6,6 +6,6 @@ import { BaseFlexProps } from './flex';
 import { ElementType, PrimitiveProps } from './view';
 /** @deprecated For internal use only */
 export interface BaseButtonGroupProps extends AriaProps, BaseStyleProps, BaseFlexProps, Pick<BaseButtonProps, 'size' | 'variation'> {
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }
 export type ButtonGroupProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseButtonGroupProps, Element>;

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

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { Sizes } from './base';
+import { BaseViewProps } from './view';
+import { FlexContainerStyleProps } from './flex';
+import { ElementType, PrimitiveProps } from './view';
+/** @deprecated For internal use only */
+export interface BaseFieldsetProps extends BaseViewProps, FlexContainerStyleProps {
+    /**
+     * @description
+     * Legend is the label for the Fieldset.
+     */
+    legend: React.ReactNode;
+    /**
+     * @description
+     * Visually hides the legend while making it still accessible to screenreaders.
+     */
+    legendHidden?: boolean;
+    /**
+     * @description
+     * Adds plain or outlined variation to the Fieldset
+     */
+    variation?: 'outlined' | 'plain';
+    /**
+     * @description
+     * Changes the size of the Fieldset
+     */
+    size?: Sizes;
+    /**
+     * @description
+     *  Determines whether the Fieldset should be disabled.
+     * @default
+     * false
+     */
+    isDisabled?: boolean;
+    /**
+     * @description
+     * Name of the Fieldset.
+     */
+    name?: string;
+    /**
+     * @description
+     * Form to associate the Fieldset with
+     */
+    form?: string;
+}
+export type FieldsetProps<Element extends ElementType = 'fieldset'> = PrimitiveProps<BaseFieldsetProps, Element>;

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

@@ -14,6 +14,7 @@ export * from './expander';
 export * from './field';
 export * from './fieldGroup';
 export * from './fieldGroupIcon';
+export * from './fieldset';
 export * from './flex';
 export * from './heading';
 export * from './highlightMatch';
@@ -24,6 +25,7 @@ export * from './label';
 export * from './link';
 export * from './loader';
 export * from './menu';
+export * from './message';
 export * from './pagination';
 export * from './passwordField';
 export * from './phoneNumberField';

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

@@ -0,0 +1,70 @@
+import * as React from 'react';
+import { BaseFlexProps } from './flex';
+import { BaseButtonProps } from './button';
+import { ElementType, PrimitiveProps, BaseViewProps } from './view';
+export type MessageColorTheme = 'neutral' | 'info' | 'error' | 'warning' | 'success';
+export interface BaseMessageContainerProps extends BaseFlexProps {
+    /**
+     * @description
+     * The variation property will affect the overall style of the Message.
+     */
+    variation?: 'plain' | 'outlined' | 'filled';
+    /**
+     * @description
+     * The colorTheme property will affect the color and iconography used in the Message.
+     */
+    colorTheme?: MessageColorTheme;
+}
+export interface BaseMessageProps extends BaseMessageContainerProps {
+    /**
+     * @description
+     * Configures the accessible label for the Message's dismiss button.
+     */
+    dismissLabel?: string;
+    /**
+     * @description
+     * The isDismissible property will affect whether the user can dismiss (close) the Message. Defaults to false (not dismissible).
+     */
+    isDismissible?: boolean;
+    /**
+     * @description
+     * The onDismiss callback will be called when the user dismisses (closes) the Message.
+     */
+    onDismiss?: () => void;
+    /**
+     * @description
+     * The hasIcon property will determine whether or not an icon is displayed on the Message. Defaults to true (icon displayed).
+     */
+    hasIcon?: boolean;
+    /**
+     * @description
+     * The heading property will affect the content of the Message heading.
+     */
+    heading?: React.ReactNode;
+}
+export interface BaseMessageContentProps extends BaseFlexProps {
+}
+export interface BaseMessageDismissProps extends BaseButtonProps {
+    onDismiss?: () => void;
+    /**
+     * @description
+     * hasIcon determines whether the close icon will be displayed.
+     * @default true
+     */
+    hasIcon?: boolean;
+    /**
+     * @description
+     * Configures the accessible label for the Message's dismiss button.
+     */
+    dismissLabel?: string;
+}
+export interface BaseMessageHeadingProps extends BaseFlexProps {
+}
+export interface BaseMessageIconProps extends BaseViewProps {
+}
+export type MessageContainerProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseMessageContainerProps, Element>;
+export type MessageContentProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseMessageContentProps, Element>;
+export type MessageDismissProps<Element extends ElementType = 'button'> = PrimitiveProps<BaseMessageDismissProps, Element>;
+export type MessageHeadingProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseMessageHeadingProps, Element>;
+export type MessageIconProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseMessageIconProps, Element>;
+export type MessageProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseMessageProps, Element>;

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

@@ -59,6 +59,16 @@ export interface BaseSelectProps extends BaseViewProps {
      * A Boolean attribute indicating that the user cannot interact with the control
      */
     isDisabled?: boolean;
+    /**
+     * @description
+     * A Boolean attribute indicating that multiple options can be selected at once
+     */
+    isMultiple?: boolean;
+    /**
+     * @description
+     * Sets the number of visible options in a drop-down list
+     */
+    selectSize?: number;
     /**
      * @description
      * A Boolean attribute indicating that an option with a non-empty string value must be selected

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "5.2.0";
+export declare const VERSION = "5.3.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "5.2.0",
+  "version": "5.3.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -47,8 +47,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.7.2",
-    "@aws-amplify/ui-react-core": "2.1.31",
+    "@aws-amplify/ui": "5.8.1",
+    "@aws-amplify/ui-react-core": "2.1.33",
     "@radix-ui/react-accordion": "1.0.0",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",