@aws-amplify/ui-react 4.5.1 → 4.6.1

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

@@ -2,9 +2,9 @@
 import { Sizes } from './base';
 import { ViewProps } from './view';
 import { FlexContainerStyleProps } from './flex';
-export declare type ButtonSizes = Sizes;
-export declare type ButtonTypes = 'button' | 'reset' | 'submit';
-export declare type ButtonVariations = 'primary' | 'link' | 'menu' | 'warning' | 'destructive';
+export type ButtonSizes = Sizes;
+export type ButtonTypes = 'button' | 'reset' | 'submit';
+export type ButtonVariations = 'primary' | 'link' | 'menu' | 'warning' | 'destructive';
 export interface ButtonProps extends ViewProps, FlexContainerStyleProps {
     /**
      * @description

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

@@ -1,5 +1,5 @@
 import { ViewProps } from './view';
-export declare type CardVariations = 'outlined' | 'elevated';
+export type CardVariations = 'outlined' | 'elevated';
 export interface CardProps extends ViewProps {
     /**
      * @description

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { FlexProps } from './flex';
 import { GridProps } from './grid';
 import { BaseStyleProps } from './style';
-export declare type CollectionType = 'list' | 'grid' | 'table';
+export type CollectionType = 'list' | 'grid' | 'table';
 export interface CollectionWrapperProps extends BaseStyleProps {
     /**
      * @description
@@ -62,9 +62,9 @@ export interface CollectionBaseProps<Item> {
      */
     children: (item: Item, index: number) => JSX.Element;
 }
-export declare type ListCollectionProps<Item> = FlexProps & CollectionBaseProps<Item>;
-export declare type GridCollectionProps<Item> = GridProps & CollectionBaseProps<Item>;
-export declare type CollectionProps<Item> = CollectionWrapperProps & (({
+export type ListCollectionProps<Item> = FlexProps & CollectionBaseProps<Item>;
+export type GridCollectionProps<Item> = GridProps & CollectionBaseProps<Item>;
+export type CollectionProps<Item> = CollectionWrapperProps & (({
     type: 'list';
 } & ListCollectionProps<Item>) | ({
     type: 'grid';

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

@@ -1,27 +1,27 @@
 import { IdentifierFieldOrIdentifierObject, PersistentModel, PersistentModelConstructor, PersistentModelMetaData, ProducerPaginationInput, RecursiveModelPredicateExtender } from '@aws-amplify/datastore';
-export declare type DataStoreItemProps<Model extends PersistentModel> = {
+export type DataStoreItemProps<Model extends PersistentModel> = {
     model: PersistentModelConstructor<Model>;
     id: IdentifierFieldOrIdentifierObject<Model, PersistentModelMetaData<Model>>;
 };
-export declare type DataStoreCollectionProps<Model extends PersistentModel> = {
+export type DataStoreCollectionProps<Model extends PersistentModel> = {
     model: PersistentModelConstructor<Model>;
     criteria?: RecursiveModelPredicateExtender<Model>;
     pagination?: ProducerPaginationInput<Model>;
 };
-declare type DataStoreBaseResult = {
+type DataStoreBaseResult = {
     error?: Error;
     isLoading: boolean;
 };
-export declare type DataStoreItemResult<Model extends PersistentModel> = DataStoreBaseResult & {
+export type DataStoreItemResult<Model extends PersistentModel> = DataStoreBaseResult & {
     item?: Model;
 };
-export declare type DataStoreCollectionResult<Model extends PersistentModel> = DataStoreBaseResult & {
+export type DataStoreCollectionResult<Model extends PersistentModel> = DataStoreBaseResult & {
     items: Model[];
 };
-export declare type DataStoreBindingProps<Model extends PersistentModel, BindingType extends 'record' | 'collection'> = {
+export type DataStoreBindingProps<Model extends PersistentModel, BindingType extends 'record' | 'collection'> = {
     type: BindingType;
 } & (BindingType extends 'record' ? DataStoreItemProps<Model> : BindingType extends 'collection' ? DataStoreCollectionProps<Model> : never);
-export declare type DataStorePredicateObject = {
+export type DataStorePredicateObject = {
     and?: DataStorePredicateObject[];
     or?: DataStorePredicateObject[];
     field?: string;

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

@@ -1,7 +1,7 @@
 import { Sizes } from './base';
 import { ViewProps } from './view';
-export declare type DividerOrientations = 'horizontal' | 'vertical';
-export declare type DividerSizes = Sizes;
+export type DividerOrientations = 'horizontal' | 'vertical';
+export type DividerSizes = Sizes;
 export interface DividerOptions {
     /**
      * @description

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ViewProps } from '../types/view';
-declare type ExpanderType = 'single' | 'multiple';
+type ExpanderType = 'single' | 'multiple';
 export interface ExpanderProps extends ViewProps {
     /**
      * @description

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

@@ -42,5 +42,5 @@ export interface FieldDescriptionProps extends TextProps, Pick<FieldProps, 'desc
 }
 export interface FieldErrorMessageProps extends TextProps, Pick<FieldProps, 'errorMessage'>, Pick<InputProps, 'hasError'> {
 }
-export declare type FieldVariations = 'quiet';
-export declare type LabelPositions = 'start' | 'end' | 'top' | 'bottom';
+export type FieldVariations = 'quiet';
+export type LabelPositions = 'start' | 'end' | 'top' | 'bottom';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FlexProps } from './flex';
 import { FieldVariations } from './field';
-export declare type FieldGroupOrientation = 'horizontal' | 'vertical';
+export type FieldGroupOrientation = 'horizontal' | 'vertical';
 export interface FieldGroupOptions extends FlexProps {
     children?: React.ReactNode;
     orientation?: FieldGroupOrientation;

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

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { ResponsiveStyle, CSSLayoutStyleProps } from './style';
 import { ViewProps } from './view';
-export declare type GridSpanType = number | string | 'auto';
+export type GridSpanType = number | string | 'auto';
 export interface GridContainerStyleProps extends CSSLayoutStyleProps {
     /**
      * @description

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

@@ -1,5 +1,5 @@
 import { TextProps } from './text';
-export declare type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export interface HeadingProps extends TextProps {
     /**
      * @description

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

@@ -2,13 +2,13 @@ import { Property } from 'csstype';
 import { ViewProps } from './view';
 import { Sizes } from './base';
 import * as React from 'react';
-export declare type ViewBox = {
+export type ViewBox = {
     minX?: number;
     minY?: number;
     width?: number;
     height?: number;
 };
-export declare type IconSize = Sizes;
+export type IconSize = Sizes;
 export interface IconProps extends ViewProps {
     /**
      * @description

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

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { Sizes } from './base';
 import { FieldVariations } from './field';
 import { ViewProps } from './view';
-export declare type EnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-export declare type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-export declare type InputSizes = Sizes;
+export type EnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+export type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+export type InputSizes = Sizes;
 export interface InputProps extends ViewProps {
     /**
      * @description

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

@@ -2,8 +2,8 @@ import { Property } from 'csstype';
 import { ViewProps } from '../types/view';
 import { Sizes } from './base';
 import { StyleToken } from './style';
-export declare type LoaderSizes = Sizes;
-export declare type LoaderVariations = 'linear';
+export type LoaderSizes = Sizes;
+export type LoaderVariations = 'linear';
 export interface LoaderProps extends ViewProps {
     /**
      * @description

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

@@ -1,9 +1,9 @@
 import { BaseComponentProps, AriaProps } from './base';
 import { BaseStyleProps } from './style';
 import { ViewProps } from './view';
-export declare type PaginationItemType = 'page' | 'next' | 'previous' | 'ellipsis';
-export declare type PaginationCallbackType = 'onNext' | 'onPrevious' | 'onChange';
-export declare type PaginationLabelType = 'pageLabel' | 'currentPageLabel' | 'previousLabel' | 'nextLabel';
+export type PaginationItemType = 'page' | 'next' | 'previous' | 'ellipsis';
+export type PaginationCallbackType = 'onNext' | 'onPrevious' | 'onChange';
+export type PaginationLabelType = 'pageLabel' | 'currentPageLabel' | 'previousLabel' | 'nextLabel';
 interface BasePaginationProps {
     /**
      * @description

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

@@ -51,7 +51,7 @@ export interface PasswordFieldProps extends TextFieldProps {
      */
     showPasswordButtonRef?: React.Ref<HTMLButtonElement>;
 }
-export declare type PasswordFieldType = 'password' | 'text';
+export type PasswordFieldType = 'password' | 'text';
 export interface ShowPasswordButtonProps extends ButtonProps {
     /**
      * @description

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

@@ -91,7 +91,7 @@ interface DialCodeRequired extends optionalPhoneNumberFieldProps {
      */
     defaultDialCode: string;
 }
-export declare type PhoneNumberFieldProps = CountryCodeRequired | DialCodeRequired;
+export type PhoneNumberFieldProps = CountryCodeRequired | DialCodeRequired;
 export interface DialCodeSelectProps extends SelectFieldProps {
     defaultValue?: string;
     dialCodeList?: Array<string>;

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

@@ -1,6 +1,6 @@
 import { Sizes } from './base';
 import { ViewProps } from './view';
-export declare type PlaceholderSizes = Sizes;
+export type PlaceholderSizes = Sizes;
 export interface PlaceholderProps extends ViewProps {
     /**
      * @description

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

@@ -3,7 +3,7 @@ import { Property } from 'csstype';
 import { FlexProps } from './flex';
 import { Sizes } from './base';
 import { StyleToken } from './style';
-export declare type RatingSizes = Sizes;
+export type RatingSizes = Sizes;
 export interface RatingOptions {
     /**
      * @description

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

@@ -1,7 +1,7 @@
 import { WebTheme } from '@aws-amplify/ui';
-export declare type Breakpoints = WebTheme['breakpoints']['values'];
-export declare type Breakpoint = keyof WebTheme['breakpoints']['values'];
-export declare type ValueBreakpoints<Value = unknown> = Partial<Record<Breakpoint, Value>>;
+export type Breakpoints = WebTheme['breakpoints']['values'];
+export type Breakpoint = keyof WebTheme['breakpoints']['values'];
+export type ValueBreakpoints<Value = unknown> = Partial<Record<Breakpoint, Value>>;
 export interface MediaQueryBreakpoint {
     breakpoint: Breakpoint;
     query: string;

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

@@ -1,5 +1,5 @@
 import { ViewProps } from './view';
-declare type ScrollViewOrientation = 'horizontal' | 'vertical';
+type ScrollViewOrientation = 'horizontal' | 'vertical';
 export interface ScrollViewProps extends ViewProps {
     /**
      * @deprecated This prop has been deprecated. To get horizontal or vertical scrollbars,

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ViewProps } from './view';
 import { Sizes } from './base';
-export declare type SelectVariation = 'quiet';
+export type SelectVariation = 'quiet';
 export interface SelectProps extends ViewProps {
     /**
      * @description

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

@@ -3,8 +3,8 @@ import React from 'react';
 import { StyleToken } from './style';
 import { TextFieldProps } from './textField';
 import { ViewProps } from './view';
-declare type SliderOrientation = 'horizontal' | 'vertical';
-declare type Direction = 'ltr' | 'rtl';
+type SliderOrientation = 'horizontal' | 'vertical';
+type Direction = 'ltr' | 'rtl';
 export interface SliderFieldProps extends TextFieldProps, ViewProps {
     /**
      * @description

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

@@ -10,7 +10,7 @@ import { TextAreaStyleProps } from './textArea';
  * @description
  * Extract style compatible types (string literal | number | any string)
  */
-export declare type StyleProp<PropertyType> = (PropertyType extends number ? number : PropertyType extends string | WebDesignToken ? PropertyType : never) | (string & {});
+export type StyleProp<PropertyType> = (PropertyType extends number ? number : PropertyType extends string | WebDesignToken ? PropertyType : never) | (string & {});
 export interface ResponsiveObject<PropertyType> {
     base?: PropertyType;
     small?: PropertyType;
@@ -24,8 +24,8 @@ export interface ResponsiveObject<PropertyType> {
  * Allows a style prop to be the property type
  * or a design token of that property type.
  */
-export declare type StyleToken<PropertyType> = PropertyType | WebDesignToken<PropertyType>;
-export declare type ResponsiveStyle<PropertyType> = StyleProp<PropertyType> | StyleProp<PropertyType>[] | ResponsiveObject<StyleProp<PropertyType>>;
+export type StyleToken<PropertyType> = PropertyType | WebDesignToken<PropertyType>;
+export type ResponsiveStyle<PropertyType> = StyleProp<PropertyType> | StyleProp<PropertyType>[] | ResponsiveObject<StyleProp<PropertyType>>;
 export interface BaseStyleProps extends FlexItemStyleProps, GridItemStyleProps {
     /**
      * @description
@@ -490,8 +490,8 @@ export interface CSSLayoutStyleProps {
 }
 export interface AllStyleProps extends BaseStyleProps, ImageStyleProps, FlexContainerStyleProps, GridContainerStyleProps, TextAreaStyleProps {
 }
-export declare type AllStylePropKey = keyof AllStyleProps;
-export declare type ComponentPropToStyleProp = Required<{
+export type AllStylePropKey = keyof AllStyleProps;
+export type ComponentPropToStyleProp = Required<{
     [key in AllStylePropKey]: keyof React.CSSProperties;
 }>;
 /**

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Sizes } from './base';
 import { ViewProps } from './view';
-export declare type TableSize = Sizes;
-export declare type TableVariation = 'bordered' | 'striped';
+export type TableSize = Sizes;
+export type TableVariation = 'bordered' | 'striped';
 export interface TableProps extends ViewProps {
     /**
      * @description
@@ -28,7 +28,7 @@ export interface TableProps extends ViewProps {
 }
 export interface TableBodyProps extends ViewProps {
 }
-export declare type TableCellElement = 'td' | 'th';
+export type TableCellElement = 'td' | 'th';
 export interface TableCellProps extends ViewProps {
     as?: TableCellElement;
     /**

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { BaseComponentProps } from './base';
 import { BaseStyleProps } from './style';
 import { FlexProps } from './flex';
-export declare type TabsSpacing = 'equal' | 'relative';
+export type TabsSpacing = 'equal' | 'relative';
 export interface TabsProps extends FlexProps {
     /**
      * @description

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

@@ -1,5 +1,5 @@
 import { ViewProps } from './view';
-export declare type TextVariation = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning' | 'info' | 'success';
+export type TextVariation = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning' | 'info' | 'success';
 export interface TextProps extends ViewProps {
     /**
      * @description

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

@@ -6,34 +6,34 @@ import type { FontSizes, FontWeights, LineHeights, Radii, Shadows, SpaceSizes }
  * We still want to define them as keys here and convert them into CSS variable reference afterwards
  * This will make the default dark mode override work, where we flip these two
  */
-declare type WhiteKey = 'white';
-declare type BlackKey = 'black';
-declare type RedKeys = 'red.10' | 'red.20' | 'red.40' | 'red.60' | 'red.80' | 'red.90' | 'red.100';
-declare type OrangeKeys = 'orange.10' | 'orange.20' | 'orange.40' | 'orange.60' | 'orange.80' | 'orange.90' | 'orange.100';
-declare type YellowKeys = 'yellow.10' | 'yellow.20' | 'yellow.40' | 'yellow.60' | 'yellow.80' | 'yellow.90' | 'yellow.100';
-declare type GreenKeys = 'green.10' | 'green.20' | 'green.40' | 'green.60' | 'green.80' | 'green.90' | 'green.100';
-declare type TealKeys = 'teal.10' | 'teal.20' | 'teal.40' | 'teal.60' | 'teal.80' | 'teal.90' | 'teal.100';
-declare type BlueKeys = 'blue.10' | 'blue.20' | 'blue.40' | 'blue.60' | 'blue.80' | 'blue.90' | 'blue.100';
-declare type PurpleKeys = 'purple.10' | 'purple.20' | 'purple.40' | 'purple.60' | 'purple.80' | 'purple.90' | 'purple.100';
-declare type PinkKeys = 'pink.10' | 'pink.20' | 'pink.40' | 'pink.60' | 'pink.80' | 'pink.90' | 'pink.100';
-declare type NeutralKeys = 'neutral.10' | 'neutral.20' | 'neutral.40' | 'neutral.60' | 'neutral.80' | 'neutral.90' | 'neutral.100';
-declare type OverlayKeys = 'overlay.10' | 'overlay.20' | 'overlay.30' | 'overlay.40' | 'overlay.50' | 'overlay.60' | 'overlay.70' | 'overlay.80' | 'overlay.90';
-declare type BrandColorKeys = 'brand.primary.10' | 'brand.primary.20' | 'brand.primary.40' | 'brand.primary.60' | 'brand.primary.80' | 'brand.primary.90' | 'brand.primary.100' | 'brand.secondary.10' | 'brand.secondary.20' | 'brand.secondary.40' | 'brand.secondary.60' | 'brand.secondary.80' | 'brand.secondary.90' | 'brand.secondary.100';
-declare type FontColorKeys = 'font.primary' | 'font.secondary' | 'font.tertiary' | 'font.disabled' | 'font.inverse' | 'font.interactive' | 'font.hover' | 'font.focus' | 'font.active' | 'font.success' | 'font.info' | 'font.warning' | 'font.error';
-declare type BackgroundColorKeys = 'background.primary' | 'background.secondary' | 'background.tertiary' | 'background.quaternary' | 'background.disabled' | 'background.success' | 'background.info' | 'background.warning' | 'background.error';
-declare type BorderColorKeys = 'border.primary' | 'border.secondary' | 'border.tertiary' | 'border.disabled' | 'border.focus' | 'border.pressed' | 'border.error';
-declare type ShadowColorKeys = 'shadow.primary' | 'shadow.secondary' | 'shadow.tertiary';
-export declare type ColorKeys<PropertyType> = PropertyType | WhiteKey | BlackKey | RedKeys | OrangeKeys | YellowKeys | GreenKeys | TealKeys | BlueKeys | PurpleKeys | PinkKeys | NeutralKeys | OverlayKeys | BrandColorKeys | FontColorKeys | BackgroundColorKeys | BorderColorKeys | ShadowColorKeys;
-export declare type BoxShadowKeys<PropertyType> = PropertyType | keyof Shadows;
-export declare type FontSizeKeys<PropertyType> = PropertyType | keyof FontSizes;
-export declare type FontWeightKeys<PropertyType> = PropertyType | keyof FontWeights;
-export declare type FontFamilyKeys<PropertyType> = PropertyType | 'default.variable' | 'default.static';
-export declare type LineHeightKeys<PropertyType> = PropertyType | keyof LineHeights;
-export declare type OpacityKeys<PropertyType> = PropertyType | '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
-export declare type RadiiKeys<PropertyType> = PropertyType | keyof Radii;
-export declare type SpaceKeys<PropertyType> = PropertyType | keyof SpaceSizes | 'zero' | 'relative.xxxs' | 'relative.xxs' | 'relative.xs' | 'relative.small' | 'relative.medium' | 'relative.large' | 'relative.xl' | 'relative.xxl' | 'relative.xxxl' | 'relative.full';
-export declare type TransformKeys<PropertyType> = PropertyType | 'slideX.small' | 'slideX.medium' | 'slideX.large';
+type WhiteKey = 'white';
+type BlackKey = 'black';
+type RedKeys = 'red.10' | 'red.20' | 'red.40' | 'red.60' | 'red.80' | 'red.90' | 'red.100';
+type OrangeKeys = 'orange.10' | 'orange.20' | 'orange.40' | 'orange.60' | 'orange.80' | 'orange.90' | 'orange.100';
+type YellowKeys = 'yellow.10' | 'yellow.20' | 'yellow.40' | 'yellow.60' | 'yellow.80' | 'yellow.90' | 'yellow.100';
+type GreenKeys = 'green.10' | 'green.20' | 'green.40' | 'green.60' | 'green.80' | 'green.90' | 'green.100';
+type TealKeys = 'teal.10' | 'teal.20' | 'teal.40' | 'teal.60' | 'teal.80' | 'teal.90' | 'teal.100';
+type BlueKeys = 'blue.10' | 'blue.20' | 'blue.40' | 'blue.60' | 'blue.80' | 'blue.90' | 'blue.100';
+type PurpleKeys = 'purple.10' | 'purple.20' | 'purple.40' | 'purple.60' | 'purple.80' | 'purple.90' | 'purple.100';
+type PinkKeys = 'pink.10' | 'pink.20' | 'pink.40' | 'pink.60' | 'pink.80' | 'pink.90' | 'pink.100';
+type NeutralKeys = 'neutral.10' | 'neutral.20' | 'neutral.40' | 'neutral.60' | 'neutral.80' | 'neutral.90' | 'neutral.100';
+type OverlayKeys = 'overlay.10' | 'overlay.20' | 'overlay.30' | 'overlay.40' | 'overlay.50' | 'overlay.60' | 'overlay.70' | 'overlay.80' | 'overlay.90';
+type BrandColorKeys = 'brand.primary.10' | 'brand.primary.20' | 'brand.primary.40' | 'brand.primary.60' | 'brand.primary.80' | 'brand.primary.90' | 'brand.primary.100' | 'brand.secondary.10' | 'brand.secondary.20' | 'brand.secondary.40' | 'brand.secondary.60' | 'brand.secondary.80' | 'brand.secondary.90' | 'brand.secondary.100';
+type FontColorKeys = 'font.primary' | 'font.secondary' | 'font.tertiary' | 'font.disabled' | 'font.inverse' | 'font.interactive' | 'font.hover' | 'font.focus' | 'font.active' | 'font.success' | 'font.info' | 'font.warning' | 'font.error';
+type BackgroundColorKeys = 'background.primary' | 'background.secondary' | 'background.tertiary' | 'background.quaternary' | 'background.disabled' | 'background.success' | 'background.info' | 'background.warning' | 'background.error';
+type BorderColorKeys = 'border.primary' | 'border.secondary' | 'border.tertiary' | 'border.disabled' | 'border.focus' | 'border.pressed' | 'border.error';
+type ShadowColorKeys = 'shadow.primary' | 'shadow.secondary' | 'shadow.tertiary';
+export type ColorKeys<PropertyType> = PropertyType | WhiteKey | BlackKey | RedKeys | OrangeKeys | YellowKeys | GreenKeys | TealKeys | BlueKeys | PurpleKeys | PinkKeys | NeutralKeys | OverlayKeys | BrandColorKeys | FontColorKeys | BackgroundColorKeys | BorderColorKeys | ShadowColorKeys;
+export type BoxShadowKeys<PropertyType> = PropertyType | keyof Shadows;
+export type FontSizeKeys<PropertyType> = PropertyType | keyof FontSizes;
+export type FontWeightKeys<PropertyType> = PropertyType | keyof FontWeights;
+export type FontFamilyKeys<PropertyType> = PropertyType | 'default.variable' | 'default.static';
+export type LineHeightKeys<PropertyType> = PropertyType | keyof LineHeights;
+export type OpacityKeys<PropertyType> = PropertyType | '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+export type RadiiKeys<PropertyType> = PropertyType | keyof Radii;
+export type SpaceKeys<PropertyType> = PropertyType | keyof SpaceSizes | 'zero' | 'relative.xxxs' | 'relative.xxs' | 'relative.xs' | 'relative.small' | 'relative.medium' | 'relative.large' | 'relative.xl' | 'relative.xxl' | 'relative.xxxl' | 'relative.full';
+export type TransformKeys<PropertyType> = PropertyType | 'slideX.small' | 'slideX.medium' | 'slideX.large';
 export declare const isThemeStylePropKey: (key: string) => key is ThemeStylePropKey;
-export declare type ThemeStylePropKey = 'backgroundColor' | 'borderRadius' | 'bottom' | 'boxShadow' | 'color' | 'columnGap' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'gap' | 'height' | 'left' | 'letterSpacing' | 'lineHeight' | 'margin' | 'marginBlock' | 'marginBlockEnd' | 'marginBlockStart' | 'marginBottom' | 'marginInline' | 'marginInlineEnd' | 'marginInlineStart' | 'marginLeft' | 'marginRight' | 'marginTop' | 'maxHeight' | 'maxWidth' | 'minHeight' | 'minWidth' | 'opacity' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'paddingBottom' | 'right' | 'rowGap' | 'top' | 'transform' | 'width';
-export declare type ThemeTokenKey = 'components' | 'borderWidths' | 'colors' | 'fonts' | 'fontSizes' | 'fontWeights' | 'lineHeights' | 'opacities' | 'outlineOffsets' | 'outlineWidths' | 'radii' | 'shadows' | 'space' | 'time' | 'transforms';
+export type ThemeStylePropKey = 'backgroundColor' | 'borderRadius' | 'bottom' | 'boxShadow' | 'color' | 'columnGap' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'gap' | 'height' | 'left' | 'letterSpacing' | 'lineHeight' | 'margin' | 'marginBlock' | 'marginBlockEnd' | 'marginBlockStart' | 'marginBottom' | 'marginInline' | 'marginInlineEnd' | 'marginInlineStart' | 'marginLeft' | 'marginRight' | 'marginTop' | 'maxHeight' | 'maxWidth' | 'minHeight' | 'minWidth' | 'opacity' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'paddingBottom' | 'right' | 'rowGap' | 'top' | 'transform' | 'width';
+export type ThemeTokenKey = 'components' | 'borderWidths' | 'colors' | 'fonts' | 'fontSizes' | 'fontWeights' | 'lineHeights' | 'opacities' | 'outlineOffsets' | 'outlineWidths' | 'radii' | 'shadows' | 'space' | 'time' | 'transforms';
 export {};

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

@@ -1,36 +1,36 @@
 import * as React from 'react';
 import { AriaProps, BaseComponentProps } from './base';
 import { BaseStyleProps } from './style';
-declare type MergeProps<A, B> = A & Omit<B, keyof A>;
-export declare type ElementType = React.FC<any> | keyof JSX.IntrinsicElements;
+type MergeProps<A, B> = A & Omit<B, keyof A>;
+export type ElementType = React.FC<any> | keyof JSX.IntrinsicElements;
 /**
  * @description
  * Convert string element type to DOMElement Type
  * e.g. 'button' => HTMLButtonElement
  */
-export declare type HTMLElementType<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? React.ElementRef<Element> : HTMLElementTypeFromExoticComponentRef<Element>;
+export type HTMLElementType<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? React.ElementRef<Element> : HTMLElementTypeFromExoticComponentRef<Element>;
 /**
  * @description
  * Allows us to extract ElementType from `typeof Root` used in SliderField
  * e.g. React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>> => HTMLSpanElement
  */
-declare type HTMLElementTypeFromExoticComponentRef<Element extends ElementType> = Element extends React.ForwardRefExoticComponent<React.RefAttributes<infer DOMHTMLElement>> ? DOMHTMLElement : HTMLElement;
-export declare type ElementProps<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[Element] : Element extends React.FC<infer ComponentProps> ? ComponentProps : never;
-export declare type PrimitiveProps<Props extends ViewProps, Element extends ElementType> = MergeProps<Omit<Props, 'as'> & {
+type HTMLElementTypeFromExoticComponentRef<Element extends ElementType> = Element extends React.ForwardRefExoticComponent<React.RefAttributes<infer DOMHTMLElement>> ? DOMHTMLElement : HTMLElement;
+export type ElementProps<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[Element] : Element extends React.FC<infer ComponentProps> ? ComponentProps : never;
+export type PrimitiveProps<Props extends ViewProps, Element extends ElementType> = MergeProps<Omit<Props, 'as'> & {
     /**
      * @description
      * Changes the type of HTML element rendered
      */
     as?: Element | Props['as'];
 }, Omit<ElementProps<Element>, 'ref'>>;
-export declare type PrimitivePropsWithRef<Props extends ViewProps, Element extends ElementType> = PrimitiveProps<Props, Element> & {
+export type PrimitivePropsWithRef<Props extends ViewProps, Element extends ElementType> = PrimitiveProps<Props, Element> & {
     /**
      * @description
      * References a DOM element from within a parent component
      */
     ref?: React.Ref<HTMLElementType<Element>>;
 };
-export declare type Primitive<Props extends ViewProps, Element extends ElementType> = React.ForwardRefRenderFunction<HTMLElementType<Element>, PrimitivePropsWithRef<Props, Element>>;
+export type Primitive<Props extends ViewProps, Element extends ElementType> = React.ForwardRefRenderFunction<HTMLElementType<Element>, PrimitivePropsWithRef<Props, Element>>;
 export interface ViewProps extends BaseComponentProps, BaseStyleProps, AriaProps {
     /**
      * @description

package/dist/types/primitives/utils/useStableId.d.ts

@@ -1,5 +1,5 @@
 export declare const AUTO_GENERATED_ID_PREFIX = "amplify-id";
-export declare type UseStableId = (id?: string) => string;
+export type UseStableId = (id?: string) => string;
 /**
  * Create a uuid to use with amplify fields unless
  * an id is provided

package/dist/types/studio/types.d.ts

@@ -6,13 +6,13 @@
  * When considering making changing to this file, please consult
  * a member from the Studio UI Builder team.
  */
-export declare type EscapeHatchProps = {
+export type EscapeHatchProps = {
     [elementHierarchy: string]: Record<string, unknown>;
 } | null;
-export declare type VariantValues = {
+export type VariantValues = {
     [key: string]: string;
 };
-export declare type Variant = {
+export type Variant = {
     variantValues: VariantValues;
     overrides: EscapeHatchProps;
 };

package/dist/types/types/catalog.d.ts

@@ -1,10 +1,10 @@
-export declare type PrimitiveCatalogComponentPropertyType = 'boolean' | 'string' | 'number';
-export declare type PrimitiveCatalogComponentProperty = {
+export type PrimitiveCatalogComponentPropertyType = 'boolean' | 'string' | 'number';
+export type PrimitiveCatalogComponentProperty = {
     type: PrimitiveCatalogComponentPropertyType;
     priority?: boolean;
 };
-export declare type PrimitiveCatalogComponentProperties = Record<string, PrimitiveCatalogComponentProperty>;
-export declare type PrimitiveCatalogComponent = {
+export type PrimitiveCatalogComponentProperties = Record<string, PrimitiveCatalogComponentProperty>;
+export type PrimitiveCatalogComponent = {
     properties: PrimitiveCatalogComponentProperties;
 };
-export declare type PrimitiveCatalogType = Record<string, PrimitiveCatalogComponent>;
+export type PrimitiveCatalogType = Record<string, PrimitiveCatalogComponent>;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.5.1";
+export declare const VERSION = "4.6.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "4.5.1",
+  "version": "4.6.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -47,8 +47,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.5.10",
-    "@aws-amplify/ui-react-core": "2.1.18",
+    "@aws-amplify/ui": "5.6.1",
+    "@aws-amplify/ui-react-core": "2.1.20",
     "@radix-ui/react-accordion": "1.0.0",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
@@ -63,7 +63,7 @@
     "maplibre-gl-js-amplify": "3.0.5",
     "qrcode": "1.5.0",
     "react-generate-context": "1.0.1",
-    "react-map-gl": "7.0.15",
+    "react-map-gl": "7.0.23",
     "tinycolor2": "1.4.2",
     "tslib": "2.4.1"
   },
@@ -78,6 +78,7 @@
     }
   },
   "devDependencies": {
+    "@aws-amplify/eslint-config-amplify-ui": "0.0.0",
     "@rollup/plugin-typescript": "^8.3.1",
     "@size-limit/preset-big-lib": "^7.0.8",
     "@svgr/core": "^5.5.0",
@@ -93,7 +94,6 @@
     "@types/tinycolor2": "^1.4.3",
     "esbuild-register": "^3.3.3",
     "eslint": "^8.13.0",
-    "eslint-config-amplify-ui": "0.0.0",
     "jest": "^27.0.4",
     "jest-matchmedia-mock": "^1.1.0",
     "react": "^17.0.2",