@carbon/react 1.66.0-rc.0 → 1.67.0-rc.0

package/es/components/FluidTextInput/FluidPasswordInput.js

@@ -0,0 +1,87 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import PropTypes from 'prop-types';
+import 'react';
+import 'classnames';
+import '../TextInput/ControlledPasswordInput.js';
+import '../TextInput/PasswordInput.js';
+
+({
+  /**
+   * Specify an optional className to be applied to the outer FluidForm wrapper
+   */
+  className: PropTypes.string,
+  /**
+   * Optionally provide the default value of the `<input>`
+   */
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * Specify whether the `<input>` should be disabled
+   */
+  disabled: PropTypes.bool,
+  /**
+   * "Hide password" tooltip text on password visibility toggle
+   */
+  hidePasswordLabel: PropTypes.string,
+  /**
+   * Specify a custom `id` for the `<input>`
+   */
+  id: PropTypes.string.isRequired,
+  /**
+   * Specify whether the control is currently invalid
+   */
+  invalid: PropTypes.bool,
+  /**
+   * Provide the text that is displayed when the control is in an invalid state
+   */
+  invalidText: PropTypes.node,
+  /**
+   * Specify whether the control is a password input
+   */
+  isPassword: PropTypes.bool,
+  /**
+   * Provide the text that will be read by a screen reader when visiting this
+   * control
+   */
+  labelText: PropTypes.node.isRequired,
+  /**
+   * Optionally provide an `onChange` handler that is called whenever `<input>`
+   * is updated
+   */
+  onChange: PropTypes.func,
+  /**
+   * Optionally provide an `onClick` handler that is called whenever the
+   * `<input>` is clicked
+   */
+  onClick: PropTypes.func,
+  /**
+   * Callback function that is called whenever the toggle password visibility
+   * button is clicked
+   */
+  onTogglePasswordVisibility: PropTypes.func,
+  /**
+   * Specify the placeholder attribute for the `<input>`
+   */
+  placeholder: PropTypes.string,
+  /**
+   * "Show password" tooltip text on password visibility toggle
+   */
+  showPasswordLabel: PropTypes.string,
+  /**
+   * Specify the value of the `<input>`
+   */
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn: PropTypes.bool,
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText: PropTypes.node
+});

package/es/components/FluidTextInput/FluidTextInput.Skeleton.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface FluidTextInputSkeletonProps {
+    /**
+     * Specify an optional className to be applied to the outer FluidForm wrapper
+     */
+    className?: string;
+}
+declare const FluidTextInputSkeleton: React.FC<FluidTextInputSkeletonProps>;
+export default FluidTextInputSkeleton;

package/es/components/FluidTextInput/FluidTextInput.Skeleton.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-function FluidTextInputSkeleton(_ref) {
+const FluidTextInputSkeleton = _ref => {
   let {
     className,
     ...other
@@ -29,7 +29,7 @@ function FluidTextInputSkeleton(_ref) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
   })));
-}
+};
 FluidTextInputSkeleton.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper

package/es/components/FluidTextInput/FluidTextInput.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface FluidTextInputProps {
+    /**
+     * Specify an optional className to be applied to the outer FluidForm wrapper
+     */
+    className?: string;
+    /**
+     * Optionally provide the default value of the `<input>`
+     */
+    defaultValue?: string | number;
+    /**
+     * Specify whether the `<input>` should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify a custom `id` for the `<input>`
+     */
+    id: string;
+    /**
+     * Specify whether the control is currently invalid
+     */
+    invalid?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in an invalid state
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Specify whether the control is a password input
+     */
+    isPassword?: boolean;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     */
+    labelText: React.ReactNode;
+    /**
+     * Optionally provide an `onChange` handler that is called whenever `<input>`
+     * is updated
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Optionally provide an `onClick` handler that is called whenever the
+     * `<input>` is clicked
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Specify the placeholder attribute for the `<input>`
+     */
+    placeholder?: string;
+    /**
+     * Specify the value of the `<input>`
+     */
+    value?: string | number;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+declare const FluidTextInput: React.ForwardRefExoticComponent<FluidTextInputProps & React.RefAttributes<HTMLInputElement>>;
+export default FluidTextInput;

package/es/components/FluidTextInput/FluidTextInput.js

@@ -16,7 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import TextInput from '../TextInput/TextInput.js';
 
-function FluidTextInput(_ref) {
+const FluidTextInput = /*#__PURE__*/React__default.forwardRef(function FluidTextInput(_ref, ref) {
   let {
     className,
     isPassword,
@@ -31,11 +31,13 @@ function FluidTextInput(_ref) {
       isFluid: true
     }
   }, isPassword ? /*#__PURE__*/React__default.createElement(PasswordInput, _extends({
-    className: classNames
+    className: classNames,
+    ref: ref
   }, other)) : /*#__PURE__*/React__default.createElement(TextInput, _extends({
-    className: classNames
+    className: classNames,
+    ref: ref
   }, other)));
-}
+});
 FluidTextInput.propTypes = {
   /**
    * Specify an optional className to be applied to the outer FluidForm wrapper

package/es/components/FluidTextInput/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import FluidTextInput from './FluidTextInput';
+import FluidPasswordInput from './FluidPasswordInput';
+import { type FluidTextInputSkeletonProps } from './FluidTextInput.Skeleton';
+import { type FluidPasswordInputProps } from './FluidPasswordInput';
+import { type FluidTextInputProps } from './FluidTextInput';
+export default FluidTextInput;
+export { FluidTextInput, type FluidTextInputProps, type FluidTextInputSkeletonProps, };
+export { FluidPasswordInput, type FluidPasswordInputProps };
+export { default as FluidTextInputSkeleton } from './FluidTextInput.Skeleton';

package/es/components/FluidTextInput/index.js

@@ -7,3 +7,5 @@
 
 import FluidTextInput from './FluidTextInput.js';
 export { default as FluidTextInput, default } from './FluidTextInput.js';
+import './FluidPasswordInput.js';
+export { default as FluidTextInputSkeleton } from './FluidTextInput.Skeleton.js';

package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import PropTypes from 'prop-types';
+export interface FluidTimePickerSkeletonProps {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Specify if there are only two TimePicker elements
+     */
+    isOnlyTwo?: boolean;
+}
+declare const FluidTimePickerSkeleton: {
+    ({ className, isOnlyTwo, ...rest }: {
+        [x: string]: any;
+        className: any;
+        isOnlyTwo: any;
+    }): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify if there are only two TimePicker elements
+         */
+        isOnlyTwo: PropTypes.Requireable<boolean>;
+    };
+};
+export default FluidTimePickerSkeleton;

package/es/components/FluidTimePicker/FluidTimePicker.Skeleton.js

@@ -10,7 +10,10 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
+import '../FluidTextInput/FluidTextInput.js';
+import '../FluidTextInput/FluidPasswordInput.js';
 import FluidTextInputSkeleton from '../FluidTextInput/FluidTextInput.Skeleton.js';
+import '../FluidSelect/FluidSelect.js';
 import FluidSelectSkeleton from '../FluidSelect/FluidSelect.Skeleton.js';
 
 var _FluidTextInputSkelet, _FluidSelectSkeleton, _FluidSelectSkeleton2;
@@ -38,6 +41,5 @@ FluidTimePickerSkeleton.propTypes = {
    */
   isOnlyTwo: PropTypes.bool
 };
-var FluidTimePickerSkeleton$1 = FluidTimePickerSkeleton;
 
-export { FluidTimePickerSkeleton$1 as default };
+export { FluidTimePickerSkeleton as default };

package/es/components/FluidTimePicker/FluidTimePicker.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { FluidTextInputProps } from '../FluidTextInput';
+export interface FluidTimePickerProps extends FluidTextInputProps {
+    /**
+     * The child node(s)
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the outer FluidTimePicker wrapper
+     */
+    className?: string;
+    /**
+     * Specify whether the `<input>` should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify whether or not the control is invalid
+     */
+    invalid?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in error state
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Provide the text that will be read by a screen reader when visiting this
+     * control
+     */
+    labelText: React.ReactNode;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+declare const FluidTimePicker: React.ForwardRefExoticComponent<FluidTimePickerProps & React.RefAttributes<HTMLInputElement>>;
+export default FluidTimePicker;

package/es/components/FluidTimePicker/FluidTimePicker.js

@@ -6,10 +6,12 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
 import React__default from 'react';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import FluidTextInput from '../FluidTextInput/FluidTextInput.js';
+import '../FluidTextInput/FluidPasswordInput.js';
+import '../FluidTextInput/FluidTextInput.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 
@@ -27,7 +29,7 @@ const FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTim
   const prefix = usePrefix();
   const classNames = cx(className, {
     [`${prefix}--time-picker--fluid`]: true,
-    [`${prefix}--time-picker--equal-width`]: children?.length !== 2,
+    [`${prefix}--time-picker--equal-width`]: React__default.Children.toArray(children).length !== 2,
     [`${prefix}--time-picker--fluid--disabled`]: disabled,
     [`${prefix}--time-picker--fluid--invalid`]: invalid,
     [`${prefix}--time-picker--fluid--warning`]: warn
@@ -48,7 +50,6 @@ const FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTim
   }, /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--time-picker__input`
   }, /*#__PURE__*/React__default.createElement(FluidTextInput, _extends({
-    disabled: disabled,
     ref: ref
   }, other))), disabled ? React__default.Children.toArray(children).map(child => {
     return /*#__PURE__*/React__default.cloneElement(child, {
@@ -99,6 +100,5 @@ FluidTimePicker.propTypes = {
    */
   warnText: PropTypes.node
 };
-var FluidTimePicker$1 = FluidTimePicker;
 
-export { FluidTimePicker$1 as default };
+export { FluidTimePicker as default };

package/es/components/FluidTimePicker/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import FluidTimePicker from './FluidTimePicker';
+import { FluidTimePickerProps } from './FluidTimePicker';
+import { FluidTimePickerSkeletonProps } from './FluidTimePicker.Skeleton';
+export { default as FluidTimePickerSkeleton } from './FluidTimePicker.Skeleton';
+export type { FluidTimePickerProps, FluidTimePickerSkeletonProps };
+export default FluidTimePicker;
+export { FluidTimePicker };

package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+export interface FluidTimePickerSelectProps {
+    /**
+     * Provide the contents of your Select
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the node containing the label and the select box
+     */
+    className?: string;
+    /**
+     * Optionally provide the default value of the `<select>`
+     */
+    defaultValue?: any;
+    /**
+     * Specify whether the control is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify a custom `id` for the `<select>`
+     */
+    id: string;
+    /**
+     * Provide label text to be read by screen readers when interacting with the
+     * control
+     */
+    labelText?: React.ReactNode;
+    /**
+     * Provide an optional `onChange` hook that is called each time the value of
+     * the underlying `<input>` changes
+     */
+    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+}
+declare const FluidTimePickerSelect: React.ForwardRefExoticComponent<FluidTimePickerSelectProps & React.RefAttributes<HTMLSelectElement>>;
+export default FluidTimePickerSelect;

package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -9,6 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import FluidSelect from '../FluidSelect/FluidSelect.js';
+import '../FluidSelect/FluidSelect.Skeleton.js';
 
 const FluidTimePickerSelect = /*#__PURE__*/React__default.forwardRef(function FluidTimePickerSelect(_ref, ref) {
   let {
@@ -53,6 +54,5 @@ FluidTimePickerSelect.propTypes = {
    */
   onChange: PropTypes.func
 };
-var FluidTimePickerSelect$1 = FluidTimePickerSelect;
 
-export { FluidTimePickerSelect$1 as default };
+export { FluidTimePickerSelect as default };

package/es/components/FluidTimePickerSelect/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import FluidTimePickerSelect from './FluidTimePickerSelect';
+import { type FluidTimePickerSelectProps } from './FluidTimePickerSelect';
+export { type FluidTimePickerSelectProps };
+export default FluidTimePickerSelect;
+export { FluidTimePickerSelect };

package/es/components/IconButton/index.d.ts

@@ -13,6 +13,10 @@ interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
      * Specify how the trigger should align with the tooltip
      */
     align?: 'top' | 'top-left' | 'top-start' | 'top-right' | 'top-end' | 'bottom' | 'bottom-left' | 'bottom-start' | 'bottom-right' | 'bottom-end' | 'left' | 'right';
+    /**
+     * **Experimental**: Will attempt to automatically align the tooltip
+     */
+    autoAlign?: boolean;
     /**
      * Provide an icon or asset to be rendered inside of the IconButton
      */

package/es/components/IconButton/index.js

@@ -18,6 +18,7 @@ const IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
 const IconButton = /*#__PURE__*/React__default.forwardRef(function IconButton(_ref, ref) {
   let {
     align,
+    autoAlign = false,
     children,
     className,
     closeOnActivation = true,
@@ -38,6 +39,7 @@ const IconButton = /*#__PURE__*/React__default.forwardRef(function IconButton(_r
   });
   return /*#__PURE__*/React__default.createElement(Tooltip, {
     align: align,
+    autoAlign: autoAlign,
     closeOnActivation: closeOnActivation,
     className: tooltipClasses,
     defaultOpen: defaultOpen,
@@ -59,6 +61,10 @@ IconButton.propTypes = {
    * Specify how the trigger should align with the tooltip
    */
   align: PropTypes.oneOf(['top', 'top-left', 'top-start', 'top-right', 'top-end', 'bottom', 'bottom-left', 'bottom-start', 'bottom-right', 'bottom-end', 'left', 'right']),
+  /**
+   * **Experimental**: Will attempt to automatically align the tooltip
+   */
+  autoAlign: PropTypes.bool,
   /**
    * Provide an icon or asset to be rendered inside of the IconButton
    */

package/es/components/Menu/Menu.js

@@ -282,7 +282,8 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, forwardRef) {
     [`${prefix}--menu--box-shadow-top`]: menuAlignment && menuAlignment.slice(0, 3) === 'top',
     [`${prefix}--menu--open`]: open,
     [`${prefix}--menu--shown`]: open && !legacyAutoalign || position[0] >= 0 && position[1] >= 0,
-    [`${prefix}--menu--with-icons`]: childContext.state.hasIcons
+    [`${prefix}--menu--with-icons`]: childContext.state.hasIcons,
+    [`${prefix}--autoalign`]: !legacyAutoalign
   });
   const rendered = /*#__PURE__*/React__default.createElement(MenuContext.Provider, {
     value: childContext

package/es/components/MultiSelect/FilterableMultiSelect.js

@@ -27,7 +27,7 @@ import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { useSelection } from '../../internal/Selection.js';
 import { useFloating, flip, size, autoUpdate } from '@floating-ui/react';
-import { hide } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js';
+import { hide } from '../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js';
 import { match } from '../../internal/keyboard/match.js';
 import { ListBoxSize } from '../ListBox/ListBoxPropTypes.js';
 import { Escape, Space, Enter, Delete, Tab, Home, End } from '../../internal/keyboard/keys.js';
@@ -196,7 +196,8 @@ const FilterableMultiSelect = /*#__PURE__*/React__default.forwardRef(function Fi
     [`${prefix}--list-box--up`]: direction === 'top',
     [`${prefix}--list-box__wrapper--fluid--invalid`]: isFluid && invalid,
     [`${prefix}--list-box__wrapper--fluid--focus`]: isFluid && isFocused,
-    [`${prefix}--list-box__wrapper--slug`]: slug
+    [`${prefix}--list-box__wrapper--slug`]: slug,
+    [`${prefix}--autoalign`]: autoAlign
   });
   const helperId = !helperText ? undefined : `filterablemultiselect-helper-text-${filterableMultiSelectInstanceId}`;
   const labelId = `${id}-label`;
@@ -234,10 +235,10 @@ const FilterableMultiSelect = /*#__PURE__*/React__default.forwardRef(function Fi
     const nextIsOpen = forceIsOpen ?? !isOpen;
     setIsOpen(nextIsOpen);
     validateHighlightFocus();
-    if (onMenuChange) {
-      onMenuChange(nextIsOpen);
-    }
   }
+  useEffect(() => {
+    onMenuChange?.(isOpen);
+  }, [isOpen, onMenuChange]);
   const {
     getToggleButtonProps,
     getLabelProps,

package/es/components/MultiSelect/MultiSelect.js

@@ -26,7 +26,7 @@ import Checkbox from '../Checkbox/Checkbox.js';
 import '../Checkbox/Checkbox.Skeleton.js';
 import { noopFn } from '../../internal/noopFn.js';
 import { useFloating, flip, size, autoUpdate } from '@floating-ui/react';
-import { hide } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js';
+import { hide } from '../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js';
 import { match } from '../../internal/keyboard/match.js';
 import { ListBoxSize } from '../ListBox/ListBoxPropTypes.js';
 import { Delete, Escape, Space, ArrowDown, Enter } from '../../internal/keyboard/keys.js';
@@ -279,6 +279,7 @@ const MultiSelect = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     [`${prefix}--multi-select--selected`]: selectedItems && selectedItems.length > 0,
     [`${prefix}--list-box--up`]: direction === 'top',
     [`${prefix}--multi-select--readonly`]: readOnly,
+    [`${prefix}--autoalign`]: autoAlign,
     [`${prefix}--multi-select--selectall`]: selectAll
   });
 

package/es/components/Notification/Notification.js

@@ -35,13 +35,15 @@ function useEscapeToClose(ref, callback) {
   let override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const handleKeyDown = event => {
     // The callback should only be called when focus is on or within the container
-    const elementContainsFocus = ref.current && document.activeElement === ref.current || ref.current.contains(document.activeElement);
+    const elementContainsFocus = ref.current && document.activeElement === ref.current || ref.current?.contains(document.activeElement);
     if (matches(event, [Escape]) && override && elementContainsFocus) {
       callback(event);
     }
   };
   useIsomorphicEffect(() => {
-    document.addEventListener('keydown', handleKeyDown, false);
+    if (ref.current !== null) {
+      document.addEventListener('keydown', handleKeyDown, false);
+    }
     return () => document.removeEventListener('keydown', handleKeyDown, false);
   });
 }

package/es/components/OverflowMenu/next/index.js

@@ -83,7 +83,9 @@ const OverflowMenu = /*#__PURE__*/React__default.forwardRef(function OverflowMen
       hookOnClick();
     }
   }
-  const containerClasses = cx(className, `${prefix}--overflow-menu__container`);
+  const containerClasses = cx(className, `${prefix}--overflow-menu__container`, {
+    [`${prefix}--autoalign`]: autoAlign
+  });
   const menuClasses = cx(`${prefix}--overflow-menu__${menuAlignment}`);
   const triggerClasses = cx(`${prefix}--overflow-menu`, {
     [`${prefix}--overflow-menu--open`]: open

package/es/components/OverflowMenuV2/index.js

@@ -17,9 +17,7 @@ function OverflowMenuV2(props) {
     didWarnAboutDeprecation = true;
   }
   return /*#__PURE__*/React__default.createElement(FeatureFlags, {
-    flags: {
-      'enable-v12-overflowmenu': true
-    }
+    enableV12Overflowmenu: true
   }, /*#__PURE__*/React__default.createElement(OverflowMenu, props));
 }
 

package/es/components/Pagination/Pagination.js

@@ -100,7 +100,7 @@ const Pagination = /*#__PURE__*/React__default.forwardRef(function Pagination(_r
     [`${prefix}--pagination__button--backward`]: true,
     [`${prefix}--pagination__button--no-index`]: backButtonDisabled
   });
-  const forwardButtonDisabled = disabled || page === totalPages;
+  const forwardButtonDisabled = disabled || page === totalPages && !pagesUnknown;
   const forwardButtonClasses = cx({
     [`${prefix}--pagination__button`]: true,
     [`${prefix}--pagination__button--forward`]: true,

package/es/components/Popover/index.js

@@ -16,7 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { mapPopoverAlignProp } from '../../tools/createPropAdapter.js';
 import { useFloating, offset, flip, arrow, autoUpdate } from '@floating-ui/react';
-import { hide } from '../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js';
+import { hide } from '../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js';
 
 const PopoverContext = /*#__PURE__*/React__default.createContext({
   setFloating: {
@@ -189,7 +189,7 @@ const Popover = /*#__PURE__*/React__default.forwardRef(function PopoverRenderFun
     [`${prefix}--popover--drop-shadow`]: dropShadow,
     [`${prefix}--popover--high-contrast`]: highContrast,
     [`${prefix}--popover--open`]: open,
-    [`${prefix}--popover--auto-align`]: autoAlign,
+    [`${prefix}--popover--auto-align ${prefix}--autoalign`]: autoAlign,
     [`${prefix}--popover--${currentAlignment}`]: true,
     [`${prefix}--popover--tab-tip`]: isTabTip
   }, customClassName);

package/es/components/Tabs/Tabs.js

@@ -810,7 +810,7 @@ const Tab = /*#__PURE__*/forwardRef(function Tab(_ref8, forwardRef) {
       // determine number of tabs, excluding disabled
       const tabCount = Array.from(tabRef.current.parentElement.childNodes).filter(node => {
         const element = node;
-        return element.classList.contains('cds--tabs__nav-link') && !element.classList.contains('cds--tabs__nav-item--disabled');
+        return element.classList.contains(`${prefix}--tabs__nav-link`) && !element.classList.contains(`${prefix}--tabs__nav-item--disabled`);
       }).length;
 
       // if not removing last tab focus on next tab