@aws-amplify/ui-react 6.1.6 → 6.1.8

package/dist/esm/primitives/ButtonGroup/ButtonGroup.mjs

@@ -3,10 +3,10 @@ import { classNames, ComponentClassName } from '@aws-amplify/ui';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { Flex } from '../Flex/Flex.mjs';
 
-const ButtonGroupPrimitive = ({ className, children, role = 'group', size: _size, variation: _variation, ...rest }, ref) => (React.createElement(Flex, { className: classNames(ComponentClassName.ButtonGroup, className), role: role, ref: ref, ...rest }, React.Children.map(children, (child) => {
+const ButtonGroupPrimitive = ({ className, children, isDisabled: _isDisabled = false, role = 'group', size: _size, variation: _variation, ...rest }, ref) => (React.createElement(Flex, { className: classNames(ComponentClassName.ButtonGroup, className), role: role, ref: ref, ...rest }, React.Children.map(children, (child) => {
     if (React.isValidElement(child)) {
-        const { size = _size, variation = _variation } = child.props;
-        return React.cloneElement(child, { size, variation });
+        const { size = _size, variation = _variation, isDisabled = _isDisabled, } = child.props;
+        return React.cloneElement(child, { isDisabled, size, variation });
     }
     return child;
 })));

package/dist/esm/primitives/Menu/Menu.mjs

@@ -15,12 +15,12 @@ import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 const { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent } = sanitizeNamespaceImport(Dropdown);
 const MENU_TRIGGER_TEST_ID = 'amplify-menu-trigger-test-id';
 const MENU_ITEMS_GROUP_TEST_ID = 'amplify-menu-items-group-test-id';
-const MenuPrimitive = ({ menuAlign = 'start', children, className, isOpen, size, trigger, triggerClassName, ariaLabel, onOpenChange, ...rest }, ref) => {
+const MenuPrimitive = ({ menuAlign = 'start', children, className, isOpen, size, trigger, triggerClassName, ariaLabel, onOpenChange, isDisabled, ...rest }, ref) => {
     const icons = useIcons('menu');
     return (React.createElement(DropdownMenu, { onOpenChange: onOpenChange, open: isOpen },
-        React.createElement(DropdownMenuTrigger, { asChild: true }, trigger ?? (React.createElement(MenuButton, { ariaLabel: ariaLabel, size: size, testId: MENU_TRIGGER_TEST_ID, className: classNames(ComponentClassName.MenuTrigger, triggerClassName) }, icons?.menu ?? React.createElement(IconMenu, null)))),
+        React.createElement(DropdownMenuTrigger, { disabled: isDisabled, asChild: true }, trigger ?? (React.createElement(MenuButton, { ariaLabel: ariaLabel, size: size, testId: MENU_TRIGGER_TEST_ID, className: classNames(ComponentClassName.MenuTrigger, triggerClassName) }, icons?.menu ?? React.createElement(IconMenu, null)))),
         React.createElement(DropdownMenuContent, { align: menuAlign, className: ComponentClassName.MenuWrapper },
-            React.createElement(ButtonGroup, { className: classNames(ComponentClassName.MenuContent, className), ref: ref, size: size, testId: MENU_ITEMS_GROUP_TEST_ID, ...rest }, children))));
+            React.createElement(ButtonGroup, { className: classNames(ComponentClassName.MenuContent, className), ref: ref, isDisabled: isDisabled, size: size, testId: MENU_ITEMS_GROUP_TEST_ID, ...rest }, children))));
 };
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/menu)

package/dist/esm/primitives/Menu/MenuButton.mjs

@@ -7,10 +7,10 @@ import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/menu)
  */
-const MenuButtonPrimitive = ({ ariaLabel, className, children, isDisabled, isLoading, size, style, type = 'button', variation, testId, ...rest }, ref) => {
+const MenuButtonPrimitive = ({ ariaLabel, className, children, isDisabled = false, isLoading, size, style, type = 'button', variation, testId, ...rest }, ref) => {
     const { propStyles, nonStyleProps } = useStyles(rest, style);
     const componentClasses = classNames(ComponentClassName.Button, classNameModifier(ComponentClassName.Button, size), classNameModifier(ComponentClassName.Button, variation), className);
-    return (React.createElement(Button, { ref: ref, className: componentClasses, disabled: isDisabled ?? isLoading, type: type, testId: testId, "aria-label": ariaLabel, style: propStyles, ...nonStyleProps }, children));
+    return (React.createElement(Button, { ref: ref, className: componentClasses, disabled: isDisabled || isLoading, isDisabled: isDisabled || isLoading, type: type, testId: testId, "aria-label": ariaLabel, style: propStyles, ...nonStyleProps }, children));
 };
 const MenuButton = primitiveWithForwardRef(MenuButtonPrimitive);
 MenuButton.displayName = 'MenuButton';

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.1.6';
+const VERSION = '6.1.8';
 
 export { VERSION };

package/dist/index.js

@@ -705,10 +705,10 @@ const Breadcrumbs = Object.assign(Field.primitiveWithForwardRef(BreadcrumbsPrimi
 });
 Breadcrumbs.displayName = 'Breadcrumbs';
 
-const ButtonGroupPrimitive = ({ className, children, role = 'group', size: _size, variation: _variation, ...rest }, ref) => (React__namespace.createElement(Field.Flex, { className: ui.classNames(ui.ComponentClassName.ButtonGroup, className), role: role, ref: ref, ...rest }, React__namespace.Children.map(children, (child) => {
+const ButtonGroupPrimitive = ({ className, children, isDisabled: _isDisabled = false, role = 'group', size: _size, variation: _variation, ...rest }, ref) => (React__namespace.createElement(Field.Flex, { className: ui.classNames(ui.ComponentClassName.ButtonGroup, className), role: role, ref: ref, ...rest }, React__namespace.Children.map(children, (child) => {
     if (React__namespace.isValidElement(child)) {
-        const { size = _size, variation = _variation } = child.props;
-        return React__namespace.cloneElement(child, { size, variation });
+        const { size = _size, variation = _variation, isDisabled = _isDisabled, } = child.props;
+        return React__namespace.cloneElement(child, { isDisabled, size, variation });
     }
     return child;
 })));
@@ -1329,10 +1329,10 @@ Image.displayName = 'Image';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/menu)
  */
-const MenuButtonPrimitive = ({ ariaLabel, className, children, isDisabled, isLoading, size, style, type = 'button', variation, testId, ...rest }, ref) => {
+const MenuButtonPrimitive = ({ ariaLabel, className, children, isDisabled = false, isLoading, size, style, type = 'button', variation, testId, ...rest }, ref) => {
     const { propStyles, nonStyleProps } = Field.useStyles(rest, style);
     const componentClasses = ui.classNames(ui.ComponentClassName.Button, ui.classNameModifier(ui.ComponentClassName.Button, size), ui.classNameModifier(ui.ComponentClassName.Button, variation), className);
-    return (React__namespace.createElement(Field.Button, { ref: ref, className: componentClasses, disabled: isDisabled ?? isLoading, type: type, testId: testId, "aria-label": ariaLabel, style: propStyles, ...nonStyleProps }, children));
+    return (React__namespace.createElement(Field.Button, { ref: ref, className: componentClasses, disabled: isDisabled || isLoading, isDisabled: isDisabled || isLoading, type: type, testId: testId, "aria-label": ariaLabel, style: propStyles, ...nonStyleProps }, children));
 };
 const MenuButton = Field.primitiveWithForwardRef(MenuButtonPrimitive);
 MenuButton.displayName = 'MenuButton';
@@ -1342,12 +1342,12 @@ MenuButton.displayName = 'MenuButton';
 const { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent } = ui.sanitizeNamespaceImport(Dropdown__namespace);
 const MENU_TRIGGER_TEST_ID = 'amplify-menu-trigger-test-id';
 const MENU_ITEMS_GROUP_TEST_ID = 'amplify-menu-items-group-test-id';
-const MenuPrimitive = ({ menuAlign = 'start', children, className, isOpen, size, trigger, triggerClassName, ariaLabel, onOpenChange, ...rest }, ref) => {
+const MenuPrimitive = ({ menuAlign = 'start', children, className, isOpen, size, trigger, triggerClassName, ariaLabel, onOpenChange, isDisabled, ...rest }, ref) => {
     const icons = Field.useIcons('menu');
     return (React__namespace.createElement(DropdownMenu, { onOpenChange: onOpenChange, open: isOpen },
-        React__namespace.createElement(DropdownMenuTrigger, { asChild: true }, trigger ?? (React__namespace.createElement(MenuButton, { ariaLabel: ariaLabel, size: size, testId: MENU_TRIGGER_TEST_ID, className: ui.classNames(ui.ComponentClassName.MenuTrigger, triggerClassName) }, icons?.menu ?? React__namespace.createElement(Field.IconMenu, null)))),
+        React__namespace.createElement(DropdownMenuTrigger, { disabled: isDisabled, asChild: true }, trigger ?? (React__namespace.createElement(MenuButton, { ariaLabel: ariaLabel, size: size, testId: MENU_TRIGGER_TEST_ID, className: ui.classNames(ui.ComponentClassName.MenuTrigger, triggerClassName) }, icons?.menu ?? React__namespace.createElement(Field.IconMenu, null)))),
         React__namespace.createElement(DropdownMenuContent, { align: menuAlign, className: ui.ComponentClassName.MenuWrapper },
-            React__namespace.createElement(ButtonGroup, { className: ui.classNames(ui.ComponentClassName.MenuContent, className), ref: ref, size: size, testId: MENU_ITEMS_GROUP_TEST_ID, ...rest }, children))));
+            React__namespace.createElement(ButtonGroup, { className: ui.classNames(ui.ComponentClassName.MenuContent, className), ref: ref, isDisabled: isDisabled, size: size, testId: MENU_ITEMS_GROUP_TEST_ID, ...rest }, children))));
 };
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/menu)
@@ -2383,7 +2383,7 @@ const defaultDeleteUserDisplayText = {
     warningText: 'Deleting your account is not reversible. You will lose access to your account and all data associated with it.',
 };
 
-const VERSION = '6.1.6';
+const VERSION = '6.1.8';
 
 const logger$2 = ui.getLogger('AccountSettings');
 const getIsDisabled = (formValues, validationError) => {

package/dist/styles/base.css

@@ -718,7 +718,7 @@
   --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
-  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black);
+  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-background-primary);
   --amplify-components-loader-width: var(--amplify-font-sizes-medium);
   --amplify-components-loader-height: var(--amplify-font-sizes-medium);
   --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);

package/dist/styles/base.layer.css

@@ -719,7 +719,7 @@
   --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
-  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black);
+  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-background-primary);
   --amplify-components-loader-width: var(--amplify-font-sizes-medium);
   --amplify-components-loader-height: var(--amplify-font-sizes-medium);
   --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);

package/dist/styles.css

@@ -718,7 +718,7 @@
   --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
-  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black);
+  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-background-primary);
   --amplify-components-loader-width: var(--amplify-font-sizes-medium);
   --amplify-components-loader-height: var(--amplify-font-sizes-medium);
   --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);

package/dist/styles.layer.css

@@ -719,7 +719,7 @@
   --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
   --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
   --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
-  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-black);
+  --amplify-components-liveness-camera-module-background-color: var(--amplify-colors-background-primary);
   --amplify-components-loader-width: var(--amplify-font-sizes-medium);
   --amplify-components-loader-height: var(--amplify-font-sizes-medium);
   --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.1.6";
+export declare const VERSION = "6.1.8";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.1.6",
+  "version": "6.1.8",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -49,8 +49,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.12",
-    "@aws-amplify/ui-react-core": "3.0.12",
+    "@aws-amplify/ui": "6.0.13",
+    "@aws-amplify/ui-react-core": "3.0.13",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
     "@radix-ui/react-slider": "1.0.0",
@@ -60,7 +60,7 @@
     "tslib": "^2.5.2"
   },
   "peerDependencies": {
-    "aws-amplify": "^6.0.2",
+    "aws-amplify": "^6.0.26",
     "react": "^16.14.0 || ^17.0 || ^18.0",
     "react-dom": "^16.14.0 || ^17.0 || ^18.0"
   },