@aws-amplify/ui-react 5.0.2 → 5.0.4

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

@@ -10,7 +10,7 @@ export type AuthenticatorProps = Partial<AuthenticatorMachineOptions & Component
         user?: AmplifyUser;
     }) => JSX.Element);
 }>;
-export declare function AuthenticatorInternal({ children, className, components: customComponents, formFields, hideSignUp, initialState, loginMechanisms, signUpAttributes, services, socialProviders, variation, }: AuthenticatorProps): JSX.Element;
+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)
  */

package/dist/types/hooks/useDeprecationWarning.d.ts

@@ -1,6 +1,5 @@
-interface UseDeprecationWarning {
-    shouldWarn: boolean;
-    message: string;
-}
-export declare const useDeprecationWarning: ({ shouldWarn, message, }: UseDeprecationWarning) => void;
-export {};
+import { UseDeprecationWarning } from '@aws-amplify/ui-react-core';
+/**
+ * Logs a deprecation warning `message` to the console.
+ */
+export declare const useDeprecationWarning: UseDeprecationWarning;

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

@@ -1,2 +1,2 @@
 import { BaseFieldGroupIconProps, ForwardRefPrimitive } from '../types';
-export declare const FieldGroupIcon: ForwardRefPrimitive<BaseFieldGroupIconProps, 'button' | 'div'>;
+export declare const FieldGroupIcon: ForwardRefPrimitive<BaseFieldGroupIconProps, 'div'>;

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

@@ -2,4 +2,4 @@ import { BaseRadioGroupFieldProps, ForwardRefPrimitive } from '../types';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/radiogroupfield)
  */
-export declare const RadioGroupField: ForwardRefPrimitive<BaseRadioGroupFieldProps, 'div'>;
+export declare const RadioGroupField: ForwardRefPrimitive<BaseRadioGroupFieldProps, 'fieldset'>;

package/dist/types/primitives/StepperField/useStepper.d.ts

@@ -16,7 +16,7 @@ interface UseStepper extends Required<Pick<StepperFieldProps, 'step' | 'value'>>
     shouldDisableDecreaseButton: boolean;
     shouldDisableIncreaseButton: boolean;
 }
-export declare const useStepper: ({ defaultValue, value: controlledValue, step, max, min, isDisabled, isReadOnly, onChange, onDecrease, onIncrease, onStepChange, }: Omit<import("..").PrimitivePropsWithAs<import("../types/stepperField").BaseStepperFieldProps, "input">, "ref"> & React.RefAttributes<HTMLInputElement> & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "as" | keyof React.RefAttributes<HTMLInputElement> | keyof import("../types/stepperField").BaseStepperFieldProps> & {
+export declare const useStepper: ({ defaultValue, value: controlledValue, step, max, min, isDisabled, isReadOnly, onChange, onDecrease, onIncrease, onStepChange, }: Omit<import("..").PrimitivePropsWithAs<import("../types/stepperField").BaseStepperFieldProps, "input">, "ref"> & React.RefAttributes<HTMLInputElement> & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "as" | keyof React.RefAttributes<React.ComponentRef<Element_1>> | keyof import("../types/stepperField").BaseStepperFieldProps> & {
     onChange?: ChangeHandler | undefined;
 }) => UseStepper;
 export {};

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

@@ -19,4 +19,4 @@ export interface BaseRadioGroupFieldProps extends BaseFieldProps, FlexContainerS
      */
     labelPosition?: LabelPositions;
 }
-export type RadioGroupFieldProps<Element extends ElementType = 'input'> = PrimitiveProps<BaseRadioGroupFieldProps, Element>;
+export type RadioGroupFieldProps<Element extends ElementType = 'fieldset'> = PrimitiveProps<BaseRadioGroupFieldProps, Element>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Property } from 'csstype';
 import { WebDesignToken } from '@aws-amplify/ui';
-import type { BoxShadowKeys, ColorKeys, FontFamilyKeys, FontSizeKeys, FontWeightKeys, LineHeightKeys, OpacityKeys, RadiiKeys, SpaceKeys, TransformKeys } from './theme';
+import type { BoxShadowKeys, BorderWidthKeys, ColorKeys, FontFamilyKeys, FontSizeKeys, FontWeightKeys, LineHeightKeys, OpacityKeys, RadiiKeys, SpaceKeys, TransformKeys } from './theme';
 import { FlexItemStyleProps, FlexContainerStyleProps } from './flex';
 import { GridItemStyleProps, GridContainerStyleProps } from './grid';
 import { ImageStyleProps } from './image';
@@ -53,6 +53,27 @@ export interface BaseStyleProps extends FlexItemStyleProps, GridItemStyleProps {
      * [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border)
      */
     border?: ResponsiveStyle<StyleToken<Property.Border>>;
+    /**
+     * @description
+     * Shorthand CSS property that sets an element's border-color.
+     * @see
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)
+     */
+    borderColor?: ResponsiveStyle<ColorKeys<StyleToken<Property.BorderColor>>>;
+    /**
+     * @description
+     * Shorthand CSS property that sets an element's border-width.
+     * @see
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)
+     */
+    borderWidth?: ResponsiveStyle<BorderWidthKeys<StyleToken<Property.BorderWidth>>>;
+    /**
+     * @description
+     * Shorthand CSS property that sets an element's border-style.
+     * @see
+     * [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style)
+     */
+    borderStyle?: ResponsiveStyle<StyleToken<Property.BorderStyle>>;
     /**
      * @description
      * Rounds the corners of an element's outer border edge.

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

@@ -72,4 +72,4 @@ export interface BaseSwitchFieldProps extends BaseInputProps, BaseFieldProps, Ba
      */
     value?: string | number;
 }
-export type SwitchFieldProps<Element extends ElementType = 'input'> = PrimitiveProps<BaseSwitchFieldProps, Element>;
+export type SwitchFieldProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseSwitchFieldProps, Element>;

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

@@ -1,4 +1,4 @@
-import type { FontSizes, FontWeights, LineHeights, Radii, Shadows, SpaceSizes } from '@aws-amplify/ui';
+import type { BorderWidths, FontSizes, FontWeights, LineHeights, Radii, Shadows, SpaceSizes } from '@aws-amplify/ui';
 /**
  * Token keys for colors
  *
@@ -23,6 +23,7 @@ type FontColorKeys = 'font.primary' | 'font.secondary' | 'font.tertiary' | 'font
 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 BorderWidthKeys<PropertyType> = PropertyType | keyof BorderWidths;
 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;
@@ -34,6 +35,6 @@ 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 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 ThemeStylePropKey = 'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderWidth' | '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

@@ -12,8 +12,15 @@ type AsProp<Element extends ElementType> = {
     as?: Element;
 };
 export type PrimitivePropsWithAs<Props extends BaseViewProps, Element extends ElementType> = Omit<Props, 'as'> & AsProp<Element>;
-type PrimitivePropsWithRef<Props extends BaseViewProps, Element extends ElementType> = Omit<Props, 'ref'> & (IsAny<Element> extends false ? React.RefAttributes<React.ComponentRef<Element>> : React.RefAttributes<any>);
-export type PrimitivePropsWithHTMLAttributes<Props extends BaseViewProps, Element extends ElementType> = MergeProps<PrimitivePropsWithRef<Props, Element>, React.ComponentPropsWithoutRef<Element>>;
+type PrimitivePropsWithRef<Props extends BaseViewProps, Element extends ElementType> = Omit<Props, 'ref'> & React.RefAttributes<React.ComponentRef<Element>>;
+export type PrimitivePropsWithHTMLAttributes<Props extends BaseViewProps, Element extends ElementType> = 
+/**
+ * Doing an IsAny<Element> conditional check here makes sure typescript infers the type of `Element`.
+ * Without this check Typescript won't do an additional inference phase for the generics `Element`,
+ * and simply treat it as any, which in turn affects other the inference for other types.
+ * e.g. In an event handler, onChange((event) => { console.log(event)}), event will be implicitly inferred as any without the check
+ */
+IsAny<Element> extends false ? MergeProps<PrimitivePropsWithRef<Props, Element>, React.ComponentPropsWithoutRef<Element>> : any;
 export type PrimitiveProps<Props extends BaseViewProps, Element extends ElementType> = PrimitivePropsWithHTMLAttributes<PrimitivePropsWithAs<Props, Element>, Element>;
 export type Primitive<Props extends BaseViewProps, Element extends ElementType> = React.ForwardRefRenderFunction<React.ComponentRef<Element>, Props>;
 export interface ForwardRefPrimitive<Props extends BaseViewProps, DefaultElement extends ElementType> extends React.ForwardRefExoticComponent<Props> {

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "5.0.2";
+export declare const VERSION = "5.0.4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "5.0.2",
+  "version": "5.0.4",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -47,8 +47,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.6.5",
-    "@aws-amplify/ui-react-core": "2.1.24",
+    "@aws-amplify/ui": "5.6.6",
+    "@aws-amplify/ui-react-core": "2.1.25",
     "@radix-ui/react-accordion": "1.0.0",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
@@ -86,7 +86,7 @@
     "@types/react": "^17.0.2",
     "@types/testing-library__jest-dom": "^5.14.1",
     "esbuild-register": "^3.3.3",
-    "eslint": "^8.13.0",
+    "eslint": "^8.44.0",
     "jest": "^27.0.4",
     "jest-matchmedia-mock": "^1.1.0",
     "react": "^17.0.2",