@aws-amplify/ui-react 3.2.0 → 3.4.0

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

@@ -0,0 +1,130 @@
+declare type ComponentNameKey = 'Alert' | 'Badge' | 'Button' | 'Button' | 'Card' | 'Checkbox' | 'CheckboxField' | 'Collection' | 'PhoneNumberField' | 'Divider' | 'Expander' | 'Flex' | 'Grid' | 'Heading' | 'Icon' | 'Image' | 'Link' | 'Loader' | 'Menu' | 'Pagination' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioGroupField' | 'Rating' | 'ScrollView' | 'SearchField' | 'Select' | 'SliderField' | 'SelectField' | 'StepperField' | 'SwitchField' | 'Table' | 'Tabs' | 'Text' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
+declare type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Badge' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'Divider' | 'DividerLabel' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'Flex' | 'Grid' | 'Heading' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | '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' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
+export declare enum ComponentClassName {
+    Alert = "amplify-alert",
+    AlertIcon = "amplify-alert__icon",
+    AlertHeading = "amplify-alert__heading",
+    AlertBody = "amplify-alert__body",
+    AlertDismiss = "amplify-alert__dismiss",
+    Badge = "amplify-badge",
+    Button = "amplify-button",
+    ButtonGroup = "amplify-buttongroup",
+    ButtonLoaderWrapper = "amplify-button__loader-wrapper",
+    Card = "amplify-card",
+    Checkbox = "amplify-checkbox",
+    CheckboxButton = "amplify-checkbox__button",
+    CheckboxIcon = "amplify-checkbox__icon",
+    CheckboxInput = "amplify-checkbox__input",
+    CheckboxLabel = "amplify-checkbox__label",
+    CheckboxField = "amplify-checkboxfield",
+    Collection = "amplify-collection",
+    CollectionItems = "amplify-collection-items",
+    CollectionSearch = "amplify-collection-search",
+    CollectionPagination = "amplify-collection-pagination",
+    CountryCodeSelect = "amplify-countrycodeselect",
+    Divider = "amplify-divider",
+    DividerLabel = "amplify-divider--label",
+    Expander = "amplify-expander",
+    ExpanderContent = "amplify-expander__content",
+    ExpanderContentText = "amplify-expander__content__text",
+    ExpanderHeader = "amplify-expander__header",
+    ExpanderIcon = "amplify-expander__icon",
+    ExpanderItem = "amplify-expander__item",
+    ExpanderTrigger = "amplify-expander__trigger",
+    Field = "amplify-field",
+    FieldDescription = "amplify-field__description",
+    FieldErrorMessage = "amplify-field__error-message",
+    FieldGroup = "amplify-field-group",
+    FieldGroupControl = "amplify-field-group__control",
+    FieldGroupOuterEnd = "amplify-field-group__outer-end",
+    FieldGroupOuterStart = "amplify-field-group__outer-start",
+    FieldGroupInnerEnd = "amplify-field-group__inner-end",
+    FieldGroupInnerStart = "amplify-field-group__inner-start",
+    FieldGroupIcon = "amplify-field-group__icon",
+    FieldGroupIconButton = "amplify-field-group__icon-button",
+    FieldGroupHasInnerEnd = "amplify-field-group--has-inner-end",
+    FieldGroupHasInnerStart = "amplify-field-group--has-inner-start",
+    FieldShowPassword = "amplify-field__show-password",
+    FieldGroupFieldWrapper = "amplify-field-group__field-wrapper",
+    Flex = "amplify-flex",
+    Grid = "amplify-grid",
+    Heading = "amplify-heading",
+    Icon = "amplify-icon",
+    Image = "amplify-image",
+    Input = "amplify-input",
+    Label = "amplify-label",
+    Link = "amplify-link",
+    Loader = "amplify-loader",
+    LoaderDeterminate = "amplify-loader--determinate",
+    LoaderPercentageText = "amplify-loader__percentage-text",
+    MenuContent = "amplify-menu-content",
+    MenuItem = "amplify-menu-content__item",
+    MenuTrigger = "amplify-menu-trigger",
+    Pagination = "amplify-pagination",
+    PaginationItemButton = "amplify-pagination__item-button",
+    PaginationItemCurrent = "amplify-pagination__item-current",
+    PaginationItemEllipsis = "amplify-pagination__item-ellipsis",
+    PasswordField = "amplify-passwordfield",
+    PhoneNumberField = "amplify-phonenumberfield",
+    Placeholder = "amplify-placeholder",
+    Radio = "amplify-radio",
+    RadioButton = "amplify-radio__button",
+    RadioInput = "amplify-radio__input",
+    RadioLabel = "amplify-radio__label",
+    RadioGroupField = "amplify-radiogroupfield",
+    RadioGroup = "amplify-radiogroup",
+    Rating = "amplify-rating",
+    ScrollView = "amplify-scrollview",
+    SearchField = "amplify-searchfield",
+    SearchFieldClear = "amplify-searchfield__clear",
+    SearchFieldSearch = "amplify-searchfield__search",
+    Select = "amplify-select",
+    SelectField = "amplify-selectfield",
+    SelectWrapper = "amplify-select__wrapper",
+    SelectIconWrapper = "amplify-select__icon-wrapper",
+    SliderField = "amplify-sliderfield",
+    SliderFieldGroup = "amplify-sliderfield__group",
+    SliderFieldLabel = "amplify-sliderfield__label",
+    SliderFieldRange = "amplify-sliderfield__range",
+    SliderFieldRoot = "amplify-sliderfield__root",
+    SliderFieldThumb = "amplify-sliderfield__thumb",
+    SliderFieldTrack = "amplify-sliderfield__track",
+    StepperField = "amplify-stepperfield",
+    StepperFieldButtonDecrease = "amplify-stepperfield__button--decrease",
+    StepperFieldButtonIncrease = "amplify-stepperfield__button--increase",
+    StepperFieldInput = "amplify-stepperfield__input",
+    SwitchField = "amplify-switchfield",
+    SwitchLabel = "amplify-switch-label",
+    SwitchThumb = "amplify-switch-thumb",
+    SwitchTrack = "amplify-switch-track",
+    SwitchWrapper = "amplify-switch__wrapper",
+    Table = "amplify-table",
+    TableCaption = "amplify-table__caption",
+    TableBody = "amplify-table__body",
+    TableTd = "amplify-table__td",
+    TableTh = "amplify-table__th",
+    TableFoot = "amplify-table__foot",
+    TableHead = "amplify-table__head",
+    TableRow = "amplify-table__row",
+    Tabs = "amplify-tabs",
+    TabItems = "amplify-tabs-item",
+    Text = "amplify-text",
+    Textarea = "amplify-textarea",
+    TextAreaField = "amplify-textareafield",
+    TextField = "amplify-textfield",
+    ToggleButton = "amplify-togglebutton",
+    ToggleButtonGroup = "amplify-togglebuttongroup",
+    VisuallyHidden = "amplify-visually-hidden"
+}
+interface ComponentClassNameMetadata {
+    className: ComponentClassName;
+    components?: ComponentNameKey[];
+    description?: string;
+}
+export declare type ComponentClassNameItems = {
+    [Name in ComponentClassNameKey]: ComponentClassNameMetadata;
+};
+export declare type ComponentClassNames = {
+    [Name in ComponentClassNameKey]: ComponentClassNameMetadata['className'];
+};
+export {};

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

@@ -1,4 +1,5 @@
-import { ComponentClasses } from './constants';
+import { ThemeStylePropKey } from '../types/theme';
+import { ComponentClassName } from './types';
 export declare const strHasLength: (str: unknown) => str is string;
 export declare const isFunction: (fn: unknown) => fn is Function;
 export declare const isEmptyString: (value: unknown) => boolean;
@@ -10,55 +11,7 @@ export declare const isNullOrEmptyString: (value: unknown) => boolean;
  * @returns an integer array with elements from start to end consecutively
  */
 export declare const getConsecutiveIntArray: (start: number, end: number) => number[];
-/**
- * This method is used to parse through all of the overrides and
- * only pass the relevant child overrides for a given component.
- * @internal
- * @param overrides escape hatch props
- * @param elementHierarchy
- * @returns overrides only for specified element
- */
-export declare const findChildOverrides: (overrides: EscapeHatchProps | null | undefined, elementHierarchy: string) => any;
-/**
- * This helper method is used to get the overrides
- * that will be applied to a component
- * @internal
- * @param overrides escape hatch props
- * @param elementHierarchy
- * @returns component overrides
- */
-export declare const getOverrideProps: (overrides: EscapeHatchProps | null | undefined, elementHierarchy: string) => {
-    [k: string]: unknown;
-};
-export declare type EscapeHatchProps = {
-    [elementHierarchy: string]: Record<string, unknown>;
-};
-declare type VariantValues = {
-    [key: string]: string;
-};
-export declare type Variant = {
-    variantValues: VariantValues;
-    overrides: EscapeHatchProps;
-};
-/**
- * Given a list of style variants, select a given one based on input props
- * @internal
- * @param variants list of style variants to select from
- * @param props variant values to select from the list, may include additional props, to tidy up usage upstream
- */
-export declare function getOverridesFromVariants(variants: Variant[], props: {
-    [key: string]: any;
-}): {};
-/**
- * This helper method is used to merge
- * variants with overrides
- * @internal
- * @param variants
- * @param overrides
- * @returns merged variants with overrides
- */
-export declare const mergeVariantsAndOverrides: (variants: EscapeHatchProps, overrides: EscapeHatchProps) => EscapeHatchProps;
-declare type Modifiers = string | number | null;
+export declare type Modifiers = string | number | null;
 /**
  * This helper function creates modifier class names that are used for our flat BEM styling
  * it takes in a base and modifier and returns the modified class if a modifier was passed in and null otherwise
@@ -66,7 +19,7 @@ declare type Modifiers = string | number | null;
  * @param modifier The modifier to add onto the base
  * @returns the modified class name or null
  */
-export declare const classNameModifier: (base: ComponentClasses, modifier: Modifiers) => string;
+export declare const classNameModifier: (base: ComponentClassName, modifier: Modifiers) => string;
 /**
  * This helper function creates modified class names that are used for our flat BEM styling
  * 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
@@ -75,6 +28,5 @@ export declare const classNameModifier: (base: ComponentClasses, modifier: Modif
  * @param flag
  * @returns the modified class name or null
  */
-export declare const classNameModifierByFlag: (base: ComponentClasses, modifier: Modifiers, flag: boolean) => string;
-export declare const getCSSVariableIfValueIsThemeKey: <Value>(propKey: string, value: Value) => string | Value;
-export {};
+export declare const classNameModifierByFlag: (base: ComponentClassName, modifier: Modifiers, flag: boolean) => string;
+export declare const getCSSVariableIfValueIsThemeKey: <Value>(propKey: ThemeStylePropKey, value: Value) => string | Value;

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

@@ -12,6 +12,11 @@ export interface AlertProps extends FlexProps {
      * The isDismissible property will affect whether the user can dismiss (close) the Alert. Defaults to false (not dismissible).
      */
     isDismissible?: boolean;
+    /**
+     * @description
+     * Configures the accessible label for the Alert's dismiss button.
+     */
+    dismissButtonLabel?: string;
     /**
      * @description
      * The onDismiss callback will be called when the user dismisses (closes) the Alert.

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

@@ -29,4 +29,10 @@ export interface CheckboxProps extends FlexProps, InputProps {
      * "start"
      */
     labelPosition?: LabelPositions;
+    /**
+     * @description
+     * Determines whether a checkbox is in indeterminate state
+     * @default false
+     */
+    isIndeterminate?: boolean;
 }

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { FlexProps } from './flex';
 import { GridProps } from './grid';
 import { BaseStyleProps } from './style';
@@ -42,6 +43,11 @@ export interface CollectionWrapperProps extends BaseStyleProps {
      * Search field placeholder
      */
     searchPlaceholder?: string;
+    /**
+     * @description
+     * Controls what is displayed when no results are found from the Collection search
+     */
+    searchNoResultsFound?: React.ReactNode;
 }
 export interface CollectionBaseProps<Item> {
     /**

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

@@ -21,7 +21,7 @@ export interface IconProps extends ViewProps {
      * @description
      * This is used to define a string that labels the current element.
      */
-    ariaLabel: string;
+    ariaLabel?: string;
     /**
      * @description
      * This defines the position and dimension, in user space, of an SVG viewport.

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

@@ -8,12 +8,28 @@ export interface PasswordFieldProps extends TextInputFieldProps {
      */
     hideShowPassword?: boolean;
     /**
+     * @deprecated
+     * The hidePasswordButtonLabel prop is no longer in use, since the aria-label is now consistent between state changes.
      * @description
      * Set the `aria-label` for hide password button
      * @default
      * "Hide password"
      */
     hidePasswordButtonLabel?: string;
+    /**
+     * @description
+     * Sets the text read by screen readers when the password is hidden
+     * @default
+     * "Password is hidden"
+     */
+    passwordIsHiddenLabel?: string;
+    /**
+     * @description
+     * Sets the text read by screen readers when the password is shown
+     * @default
+     * "Password is shown"
+     */
+    passwordIsShownLabel?: string;
     /**
      * @description
      * Set the `aria-label` for show password button
@@ -43,12 +59,28 @@ export interface ShowPasswordButtonProps extends ButtonProps {
      */
     fieldType: PasswordFieldType;
     /**
+     * @deprecated
+     * The hidePasswordButtonLabel prop is no longer in use, since the aria-label is now consistent between state changes.
      * @description
      * Set the `aria-label` for hide password button
      * @default
      * "Hide password"
      */
     hidePasswordButtonLabel?: string;
+    /**
+     * @description
+     * Sets the text read by screen readers when the password is hidden
+     * @default
+     * "Password is hidden"
+     */
+    passwordIsHiddenLabel?: string;
+    /**
+     * @description
+     * Sets the text read by screen readers when the password is shown
+     * @default
+     * "Password is shown"
+     */
+    passwordIsShownLabel?: string;
     /**
      * @description
      * Set the `aria-label` for show password button

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

@@ -494,9 +494,13 @@ export declare type ComponentPropToStyleProp = Required<{
     [key in keyof AllStyleProps]: keyof React.CSSProperties;
 }>;
 /**
+ * @internal May be removed in a future version
  * Maps from component style props to React `style` props
  * Note: Primarily needed to map from component style props that don't match CSS Properties directly
  * such as wrap => flexWrap and direction => flexDirection
  */
 export declare const ComponentPropsToStylePropsMap: ComponentPropToStyleProp;
+/**
+ * @internal May be removed in a future version
+ */
 export declare const ComponentPropsToStylePropsMapKeys: (keyof AllStyleProps)[];

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

@@ -33,52 +33,6 @@ export declare type OpacityKeys<PropertyType> = PropertyType | '0' | '10' | '20'
 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';
-export declare const stylePropsToThemeKeys: {
-    backgroundColor: string;
-    color: string;
-    borderRadius: string;
-    fontSize: string;
-    fontWeight: string;
-    fontFamily: string;
-    lineHeight: string;
-    opacity: string;
-    boxShadow: string;
-    transform: string;
-    left: string;
-    right: string;
-    top: string;
-    bottom: string;
-    height: string;
-    width: string;
-    letterSpacing: string;
-    margin: string;
-    marginBlock: string;
-    marginBlockEnd: string;
-    marginBlockStart: string;
-    marginInline: string;
-    marginInlineEnd: string;
-    marginInlineStart: string;
-    marginLeft: string;
-    marginRight: string;
-    marginTop: string;
-    marginBottom: string;
-    maxHeight: string;
-    maxWidth: string;
-    minHeight: string;
-    minWidth: string;
-    padding: string;
-    paddingBlock: string;
-    paddingBlockEnd: string;
-    paddingBlockStart: string;
-    paddingInline: string;
-    paddingInlineEnd: string;
-    paddingInlineStart: string;
-    paddingLeft: string;
-    paddingRight: string;
-    paddingTop: string;
-    paddingBottom: string;
-    gap: string;
-    columnGap: string;
-    rowGap: string;
-};
+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 {};

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

@@ -1,2 +1,2 @@
-export declare const useTestId: (testId: string, component: string) => string;
-export declare const errorMessageWrapper: (fn: () => void, message: string) => void;
+export declare const getTestId: (testId: string, component: string) => string;
+export declare const errorMessageWrapper: (fn: () => void, message: string) => void | Error;

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

@@ -0,0 +1,18 @@
+import { EscapeHatchProps } from './types';
+/**
+ * 🚨 WARNING:🚨
+ * This function is owned by the Studio UI Builder team
+ * and is used by code generated by Amplify CLI.
+ *
+ * When considering making changing to this file, please consult
+ * a member from the Studio UI Builder team.
+ */
+/**
+ * This method is used to parse through all of the overrides and
+ * only pass the relevant child overrides for a given component.
+ * @internal
+ * @param overrides escape hatch props
+ * @param elementHierarchy
+ * @returns overrides only for specified element
+ */
+export declare const findChildOverrides: (overrides: EscapeHatchProps | null | undefined, elementHierarchy: string) => EscapeHatchProps | null;

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

@@ -0,0 +1,18 @@
+import { EscapeHatchProps } from './types';
+/**
+ * 🚨 WARNING:🚨
+ * This function is owned by the Studio UI Builder team
+ * and is used by code generated by Amplify CLI.
+ *
+ * When considering making changing to this file, please consult
+ * a member from the Studio UI Builder team.
+ */
+/**
+ * This helper method is used to get the overrides
+ * that will be applied to a component
+ * @internal
+ * @param overrides escape hatch props
+ * @param elementHierarchy
+ * @returns component overrides
+ */
+export declare const getOverrideProps: (overrides: EscapeHatchProps | null | undefined, elementHierarchy: string) => EscapeHatchProps | null;

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

@@ -0,0 +1,20 @@
+import { Variant } from './types';
+/**
+ * 🚨 WARNING:🚨
+ * This function is owned by the Studio UI Builder team
+ * and is used by code generated by Amplify CLI.
+ *
+ * When considering making changing to this file, please consult
+ * a member from the Studio UI Builder team.
+ */
+/**
+ * Given a list of style variants, select a given one based on input props
+ * @internal
+ * @param variants list of style variants to select from
+ * @param props variant values to select from the list, may include additional props, to tidy up usage upstream
+ */
+export declare function getOverridesFromVariants<T>(variants: Variant[], props: {
+    [key: string]: T;
+}): {
+    [key: string]: Variant;
+};

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

@@ -0,0 +1,5 @@
+export { EscapeHatchProps, Variant } from './types';
+export { findChildOverrides } from './findChildOverrides';
+export { getOverridesFromVariants } from './getOverridesFromVariants';
+export { getOverrideProps } from './getOverrideProps';
+export { mergeVariantsAndOverrides } from './mergeVariantsAndOverrides';

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

@@ -0,0 +1,18 @@
+import { EscapeHatchProps } from './types';
+/**
+ * 🚨 WARNING:🚨
+ * This function is owned by the Studio UI Builder team
+ * and is used by code generated by Amplify CLI.
+ *
+ * When considering making changing to this file, please consult
+ * a member from the Studio UI Builder team.
+ */
+/**
+ * This helper method is used to merge
+ * variants with overrides
+ * @internal
+ * @param variants
+ * @param overrides
+ * @returns merged variants with overrides
+ */
+export declare const mergeVariantsAndOverrides: (variants: EscapeHatchProps, overrides: EscapeHatchProps) => EscapeHatchProps;

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

@@ -0,0 +1,18 @@
+/**
+ * 🚨 WARNING:🚨
+ * These types are owned by the Studio UI Builder team
+ * and are used during code generation triggered by Amplify CLI.
+ *
+ * When considering making changing to this file, please consult
+ * a member from the Studio UI Builder team.
+ */
+export declare type EscapeHatchProps = {
+    [elementHierarchy: string]: Record<string, unknown>;
+};
+export declare type VariantValues = {
+    [key: string]: string;
+};
+export declare type Variant = {
+    variantValues: VariantValues;
+    overrides: EscapeHatchProps;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -31,7 +31,6 @@
   },
   "files": [
     "dist",
-    "dist/esm/node_modules",
     "legacy",
     "internal",
     "LICENSE"
@@ -56,7 +55,7 @@
     "size": "yarn run size-limit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.12.3",
+    "@aws-amplify/ui": "3.13.0",
     "@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
     "@radix-ui/react-accordion": "0.1.6",
     "@radix-ui/react-dropdown-menu": "0.1.6",
@@ -71,7 +70,8 @@
     "maplibre-gl-js-amplify": "2.0.2",
     "qrcode": "1.5.0",
     "react-generate-context": "1.0.1",
-    "react-map-gl": "7.0.15"
+    "react-map-gl": "7.0.15",
+    "tslib": "2.4.0"
   },
   "peerDependencies": {
     "aws-amplify": "3.x.x || 4.x.x",
@@ -114,6 +114,7 @@
     "react-router-dom": "^6.2.1",
     "rimraf": "^3.0.2",
     "rollup": "^2.70.0",
+    "rollup-plugin-node-externals": "^4.1.1",
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "size-limit": "^7.0.8",