@aws-amplify/ui-react 5.0.1 → 5.0.3

package/dist/styles.css

@@ -528,16 +528,16 @@
   --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);
   --amplify-components-loader-linear-width: 100%;
   --amplify-components-loader-linear-min-width: 5rem;
-  --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-medium);
-  --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium);
+  --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs);
+  --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);
   --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
   --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
   --amplify-components-loader-linear-stroke-linecap: round;
   --amplify-components-loader-linear-animation-duration: 1s;
-  --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small);
-  --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
-  --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
-  --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
+  --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-xxxs);
+  --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-xxxs);
+  --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-xs);
+  --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-xs);
   --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
   --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
   --amplify-components-menu-border-radius: var(--amplify-radii-medium);

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/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/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/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "5.0.1";
+export declare const VERSION = "5.0.3";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -47,8 +47,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.6.4",
-    "@aws-amplify/ui-react-core": "2.1.23",
+    "@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",