@itwin/itwinui-react 3.12.2 → 3.13.1

package/cjs/utils/providers/HydrationProvider.js

@@ -22,37 +22,33 @@ const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../hooks/index.js');
 const HydrationContext = _react.createContext(false);
 const noopSubscribe = () => () => {};
-const isServer = typeof window === 'undefined';
+const isServer = 'undefined' == typeof window;
 const useHydration = () => {
-  const hydrating = (0, _index.useSyncExternalStore)(
+  let hydrating = (0, _index.useSyncExternalStore)(
     noopSubscribe,
     () => false,
     () => !isServer,
   );
-  const hydrated = _react.useContext(HydrationContext);
-  const hydratedFallback = (0, _index.useIsClient)();
-  if (hydrated || hydratedFallback) {
-    return 'hydrated';
-  } else if (hydrating) {
-    return 'hydrating';
-  }
-  return undefined;
+  let hydrated = _react.useContext(HydrationContext);
+  let hydratedFallback = (0, _index.useIsClient)();
+  if (hydrated || hydratedFallback) return 'hydrated';
+  if (hydrating) return 'hydrating';
 };
 const HydrationProvider = ({ children }) => {
-  const [isHydrated, setIsHydrated] = _react.useState(
+  let [isHydrated, setIsHydrated] = _react.useState(
     _react.useContext(HydrationContext),
   );
-  const onHydrate = _react.useCallback(() => setIsHydrated(true), []);
+  let onHydrate = _react.useCallback(() => setIsHydrated(true), []);
   return _react.createElement(
     HydrationContext.Provider,
     {
       value: isHydrated,
     },
-    !isHydrated
-      ? _react.createElement(HydrationCheck, {
+    isHydrated
+      ? null
+      : _react.createElement(HydrationCheck, {
           onHydrate: onHydrate,
-        })
-      : null,
+        }),
     children,
   );
 };

package/cjs/utils/providers/ScopeProvider.js

@@ -28,8 +28,8 @@ const ScopeContext = _react.createContext({
   parentStore: null,
 });
 const ScopeProvider = ({ children }) => {
-  const store = _react.useMemo(() => (0, _jotai.createStore)(), []);
-  const parentStore = _react.useContext(ScopeContext).store;
+  let store = _react.useMemo(() => (0, _jotai.createStore)(), []);
+  let parentStore = _react.useContext(ScopeContext).store;
   return _react.createElement(
     ScopeContext.Provider,
     {
@@ -45,23 +45,21 @@ const ScopeProvider = ({ children }) => {
   );
 };
 const useScopedAtom = (atom) => {
-  const { store, parentStore } = _react.useContext(ScopeContext);
-  const setAtom = useScopedSetAtom(atom);
-  const value = (0, _jotai.useAtomValue)(atom, {
+  let { store, parentStore } = _react.useContext(ScopeContext);
+  let setAtom = useScopedSetAtom(atom);
+  let value = (0, _jotai.useAtomValue)(atom, {
     store,
   });
-  const inheritedValue = (0, _jotai.useAtomValue)(atom, {
+  let inheritedValue = (0, _jotai.useAtomValue)(atom, {
     store: parentStore || store,
   });
   _react.useEffect(() => {
-    if (value == undefined && inheritedValue != undefined) {
-      setAtom(inheritedValue);
-    }
+    if (void 0 == value && void 0 != inheritedValue) setAtom(inheritedValue);
   });
   return [value, setAtom];
 };
 const useScopedSetAtom = (atom) => {
-  const { store } = _react.useContext(ScopeContext);
+  let { store } = _react.useContext(ScopeContext);
   return (0, _jotai.useSetAtom)(atom, {
     store,
   });

package/esm/core/Alert/Alert.js

@@ -10,9 +10,9 @@ import {
 import { IconButton } from '../Buttons/IconButton.js';
 import { Icon } from '../Icon/Icon.js';
 import { Anchor } from '../Typography/Anchor.js';
-const AlertContext = React.createContext(undefined);
-const AlertComponent = React.forwardRef((props, forwardedRef) => {
-  const {
+let AlertContext = React.createContext(void 0);
+let AlertComponent = React.forwardRef((props, forwardedRef) => {
+  let {
     children,
     type = 'informational',
     isSticky = false,
@@ -45,9 +45,8 @@ const AlertComponent = React.forwardRef((props, forwardedRef) => {
       : null,
   );
 });
-AlertComponent.displayName = 'Alert';
-const AlertWrapper = React.forwardRef((props, ref) => {
-  const {
+let AlertWrapper = React.forwardRef((props, ref) => {
+  let {
     children,
     className,
     type = 'informational',
@@ -59,7 +58,7 @@ const AlertWrapper = React.forwardRef((props, ref) => {
     {
       className: cx('iui-alert', className),
       'data-iui-status': type,
-      'data-iui-variant': isSticky ? 'sticky' : undefined,
+      'data-iui-variant': isSticky ? 'sticky' : void 0,
       ref: ref,
       ...rest,
     },
@@ -74,11 +73,10 @@ const AlertWrapper = React.forwardRef((props, ref) => {
     ),
   );
 });
-AlertWrapper.displayName = 'Alert.Wrapper';
-const AlertIcon = React.forwardRef((props, ref) => {
-  const { children, ...rest } = props;
-  const { type } = useSafeContext(AlertContext);
-  const StatusIcon = StatusIconMap[type];
+let AlertIcon = React.forwardRef((props, ref) => {
+  let { children, ...rest } = props;
+  let { type } = useSafeContext(AlertContext);
+  let StatusIcon = StatusIconMap[type];
   return React.createElement(
     Icon,
     {
@@ -89,16 +87,14 @@ const AlertIcon = React.forwardRef((props, ref) => {
     children ?? React.createElement(StatusIcon, null),
   );
 });
-AlertIcon.displayName = 'Alert.Icon';
-const AlertMessage = polymorphic.span('iui-alert-message');
-AlertMessage.displayName = 'Alert.Message';
-const AlertAction = React.forwardRef((props, ref) => {
-  const { children, className, ...rest } = props;
-  const { type } = useSafeContext(AlertContext);
+let AlertMessage = polymorphic.span('iui-alert-message');
+let AlertAction = React.forwardRef((props, ref) => {
+  let { children, className, ...rest } = props;
+  let { type } = useSafeContext(AlertContext);
   return React.createElement(
     Anchor,
     {
-      as: !!props.href ? 'a' : 'button',
+      as: props.href ? 'a' : 'button',
       className: cx('iui-button-base', 'iui-alert-link', className),
       underline: true,
       'data-iui-status': type,
@@ -108,9 +104,8 @@ const AlertAction = React.forwardRef((props, ref) => {
     children,
   );
 });
-AlertAction.displayName = 'Alert.Action';
-const AlertCloseButton = React.forwardRef((props, ref) => {
-  const { children, ...rest } = props;
+let AlertCloseButton = React.forwardRef((props, ref) => {
+  let { children, ...rest } = props;
   return React.createElement(
     IconButton,
     {
@@ -123,7 +118,6 @@ const AlertCloseButton = React.forwardRef((props, ref) => {
     children ?? React.createElement(SvgCloseSmall, null),
   );
 });
-AlertCloseButton.displayName = 'Alert.CloseButton';
 export const Alert = Object.assign(AlertComponent, {
   Wrapper: AlertWrapper,
   Icon: AlertIcon,

package/esm/core/Avatar/Avatar.js

@@ -2,10 +2,8 @@ import cx from 'classnames';
 import * as React from 'react';
 import { Box, SoftBackgrounds, isSoftBackground } from '../../utils/index.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
-const getBackground = (color) => {
-  if (!color) {
-    return '';
-  }
+let getBackground = (color) => {
+  if (!color) return '';
   return isSoftBackground(color) ? SoftBackgrounds[color] : color;
 };
 export const defaultStatusTitles = {
@@ -15,7 +13,7 @@ export const defaultStatusTitles = {
   online: 'Online',
 };
 export const Avatar = React.forwardRef((props, ref) => {
-  const {
+  let {
     size = 'small',
     status,
     abbreviation,
@@ -27,7 +25,7 @@ export const Avatar = React.forwardRef((props, ref) => {
     style,
     ...rest
   } = props;
-  const statusTitles = {
+  let statusTitles = {
     ...defaultStatusTitles,
     ...translatedStatusTitles,
   };
@@ -36,7 +34,7 @@ export const Avatar = React.forwardRef((props, ref) => {
     {
       as: 'span',
       className: cx('iui-avatar', className),
-      'data-iui-size': size !== 'medium' ? size : undefined,
+      'data-iui-size': 'medium' !== size ? size : void 0,
       'data-iui-status': status,
       title: title,
       style: {
@@ -46,7 +44,7 @@ export const Avatar = React.forwardRef((props, ref) => {
       ref: ref,
       ...rest,
     },
-    !image ? abbreviation?.substring(0, 2) : null,
+    image ? null : abbreviation?.substring(0, 2),
     image,
     status
       ? React.createElement(VisuallyHidden, null, statusTitles[status])

package/esm/core/AvatarGroup/AvatarGroup.js

@@ -2,8 +2,8 @@ import * as React from 'react';
 import cx from 'classnames';
 import { Box } from '../../utils/index.js';
 export const AvatarGroup = React.forwardRef((props, ref) => {
-  const maxLength = 99;
-  const {
+  let maxLength = 99;
+  let {
     children,
     animated = false,
     stacked = true,
@@ -13,16 +13,15 @@ export const AvatarGroup = React.forwardRef((props, ref) => {
     className,
     ...rest
   } = props;
-  const childrenArray = React.Children.toArray(children);
-  const childrenLength = childrenArray.length;
-  const getAvatarList = (count) => {
-    return childrenArray.slice(0, count).map((child) =>
+  let childrenArray = React.Children.toArray(children);
+  let childrenLength = childrenArray.length;
+  let getAvatarList = (count) =>
+    childrenArray.slice(0, count).map((child) =>
       React.cloneElement(child, {
-        status: undefined,
+        status: void 0,
         size: iconSize,
       }),
     );
-  };
   return React.createElement(
     Box,
     {
@@ -52,7 +51,7 @@ export const AvatarGroup = React.forwardRef((props, ref) => {
               'iui-avatar-count',
               countIconProps?.className,
             ),
-            'data-iui-size': iconSize !== 'medium' ? iconSize : undefined,
+            'data-iui-size': 'medium' !== iconSize ? iconSize : void 0,
           },
           childrenLength <= maxLength
             ? `${childrenLength - maxIcons}`

package/esm/core/Backdrop/Backdrop.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import cx from 'classnames';
 import { Box } from '../../utils/index.js';
 export const Backdrop = React.forwardRef((props, ref) => {
-  const { isVisible = true, className, ...rest } = props;
+  let { isVisible = true, className, ...rest } = props;
   return React.createElement(Box, {
     className: cx(
       'iui-backdrop',

package/esm/core/Badge/Badge.js

@@ -1,22 +1,20 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { isSoftBackground, SoftBackgrounds, Box } from '../../utils/index.js';
-const getBadgeColorValue = (color) => {
-  if (!color) {
-    return '';
-  }
+let getBadgeColorValue = (color) => {
+  if (!color) return '';
   return isSoftBackground(color) ? SoftBackgrounds[color] : color;
 };
-const getStatusValue = (color) => {
-  const statuses = ['positive', 'negative', 'warning', 'informational'];
-  return color && statuses.includes(color) ? color : undefined;
+let getStatusValue = (color) => {
+  let statuses = ['positive', 'negative', 'warning', 'informational'];
+  return color && statuses.includes(color) ? color : void 0;
 };
 export const Badge = React.forwardRef((props, forwardedRef) => {
-  const { backgroundColor, style, className, children, ...rest } = props;
-  const reducedBackgroundColor =
-    backgroundColor === 'primary' ? 'informational' : backgroundColor;
-  const statusValue = getStatusValue(reducedBackgroundColor);
-  const _style =
+  let { backgroundColor, style, className, children, ...rest } = props;
+  let reducedBackgroundColor =
+    'primary' === backgroundColor ? 'informational' : backgroundColor;
+  let statusValue = getStatusValue(reducedBackgroundColor);
+  let _style =
     reducedBackgroundColor && !statusValue
       ? {
           '--iui-badge-background-color': getBadgeColorValue(

package/esm/core/Breadcrumbs/Breadcrumbs.js

@@ -9,9 +9,9 @@ import {
 } from '../../utils/index.js';
 import { Button } from '../Buttons/Button.js';
 import { Anchor } from '../Typography/Anchor.js';
-const logWarningInDev = createWarningLogger();
-const BreadcrumbsComponent = React.forwardRef((props, ref) => {
-  const {
+let logWarning = createWarningLogger();
+let BreadcrumbsComponent = React.forwardRef((props, ref) => {
+  let {
     children: items,
     currentIndex = items.length - 1,
     separator,
@@ -19,8 +19,8 @@ const BreadcrumbsComponent = React.forwardRef((props, ref) => {
     className,
     ...rest
   } = props;
-  const [overflowRef, visibleCount] = useOverflow(items);
-  const refs = useMergedRefs(overflowRef, ref);
+  let [overflowRef, visibleCount] = useOverflow(items);
+  let refs = useMergedRefs(overflowRef, ref);
   return React.createElement(
     Box,
     {
@@ -42,7 +42,7 @@ const BreadcrumbsComponent = React.forwardRef((props, ref) => {
           null,
           React.createElement(ListItem, {
             item: items[0],
-            isActive: currentIndex === 0,
+            isActive: 0 === currentIndex,
           }),
           React.createElement(Separator, {
             separator: separator,
@@ -78,7 +78,7 @@ const BreadcrumbsComponent = React.forwardRef((props, ref) => {
           visibleCount > 1 ? items.length - visibleCount + 1 : items.length - 1,
         )
         .map((_, _index) => {
-          const index =
+          let index =
             visibleCount > 1
               ? 1 + (items.length - visibleCount) + _index
               : items.length - 1;
@@ -100,18 +100,14 @@ const BreadcrumbsComponent = React.forwardRef((props, ref) => {
     ),
   );
 });
-const ListItem = ({ item, isActive }) => {
+let ListItem = ({ item, isActive }) => {
   let children = item;
   if (
     children?.type === 'span' ||
     children?.type === 'a' ||
     children?.type === Button
-  ) {
-    logWarningInDev(
-      'Directly using Button/a/span as Breadcrumbs children is deprecated, please use `Breadcrumbs.Item` instead.',
-    );
+  )
     children = React.createElement(BreadcrumbsItem, children.props);
-  }
   return React.createElement(
     Box,
     {
@@ -121,11 +117,11 @@ const ListItem = ({ item, isActive }) => {
     children &&
       React.cloneElement(children, {
         'aria-current':
-          children.props['aria-current'] ?? isActive ? 'location' : undefined,
+          children.props['aria-current'] ?? isActive ? 'location' : void 0,
       }),
   );
 };
-const Separator = ({ separator }) =>
+let Separator = ({ separator }) =>
   React.createElement(
     Box,
     {
@@ -135,29 +131,27 @@ const Separator = ({ separator }) =>
     },
     separator ?? React.createElement(SvgChevronRight, null),
   );
-const BreadcrumbsItem = React.forwardRef((props, forwardedRef) => {
-  const { as: asProp, ...rest } = props;
-  const commonProps = {
+let BreadcrumbsItem = React.forwardRef((props, forwardedRef) => {
+  let { as: asProp, ...rest } = props;
+  let commonProps = {
     ...rest,
     className: cx('iui-breadcrumbs-content', props.className),
     ref: forwardedRef,
   };
   if (
-    String(asProp) === 'span' ||
-    (props.href == null && props.onClick == null && asProp == null)
-  ) {
+    'span' === String(asProp) ||
+    (null == props.href && null == props.onClick && null == asProp)
+  )
     return React.createElement(Box, {
       as: 'span',
       ...commonProps,
     });
-  }
   return React.createElement(Button, {
-    as: asProp === 'a' || (asProp == null && !!props.href) ? Anchor : asProp,
+    as: 'a' === asProp || (null == asProp && props.href) ? Anchor : asProp,
     styleType: 'borderless',
     ...commonProps,
   });
 });
-BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
 export const Breadcrumbs = Object.assign(BreadcrumbsComponent, {
   Item: BreadcrumbsItem,
 });

package/esm/core/ButtonGroup/ButtonGroup.js

@@ -6,20 +6,17 @@ import {
   CompositeItem,
   FloatingDelayGroup,
 } from '@floating-ui/react';
-export const ButtonGroupContext = React.createContext(undefined);
-ButtonGroupContext.displayName = 'ButtonGroupContext';
+export const ButtonGroupContext = React.createContext(void 0);
 export const ButtonGroup = React.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     children: childrenProp,
     overflowButton,
     overflowPlacement = 'end',
     orientation = 'horizontal',
     ...rest
   } = props;
-  const children = React.useMemo(() => {
-    if (props.role !== 'toolbar') {
-      return childrenProp;
-    }
+  let children = React.useMemo(() => {
+    if ('toolbar' !== props.role) return childrenProp;
     return React.Children.map(childrenProp, (child, index) =>
       React.isValidElement(child)
         ? React.createElement(CompositeItem, {
@@ -29,7 +26,7 @@ export const ButtonGroup = React.forwardRef((props, forwardedRef) => {
         : child,
     );
   }, [childrenProp, props.role]);
-  const node = overflowButton
+  let node = overflowButton
     ? React.createElement(
         OverflowGroup,
         {
@@ -63,7 +60,7 @@ export const ButtonGroup = React.forwardRef((props, forwardedRef) => {
       {
         value: orientation,
       },
-      props.role === 'toolbar'
+      'toolbar' === props.role
         ? React.createElement(Composite, {
             orientation: orientation,
             render: node,
@@ -73,29 +70,28 @@ export const ButtonGroup = React.forwardRef((props, forwardedRef) => {
     ),
   );
 });
-const BaseGroup = React.forwardRef((props, forwardedRef) => {
-  const { orientation, className, ...rest } = props;
+let BaseGroup = React.forwardRef((props, forwardedRef) => {
+  let { orientation, className, ...rest } = props;
   return React.createElement(Box, {
     className: cx('iui-button-group', className),
-    'data-iui-orientation':
-      orientation === 'vertical' ? orientation : undefined,
+    'data-iui-orientation': 'vertical' === orientation ? orientation : void 0,
     ref: forwardedRef,
     ...rest,
   });
 });
-const OverflowGroup = React.forwardRef((props, forwardedRef) => {
-  const {
+let OverflowGroup = React.forwardRef((props, forwardedRef) => {
+  let {
     children: childrenProp,
     orientation,
     overflowButton,
     overflowPlacement,
     ...rest
   } = props;
-  const items = React.useMemo(
+  let items = React.useMemo(
     () => React.Children.toArray(childrenProp).filter(Boolean),
     [childrenProp],
   );
-  const [overflowRef, visibleCount] = useOverflow(
+  let [overflowRef, visibleCount] = useOverflow(
     items,
     !overflowButton,
     orientation,
@@ -108,31 +104,29 @@ const OverflowGroup = React.forwardRef((props, forwardedRef) => {
       className: cx(
         {
           'iui-button-group-overflow-x':
-            !!overflowButton && orientation === 'horizontal',
+            !!overflowButton && 'horizontal' === orientation,
         },
         props.className,
       ),
       ref: useMergedRefs(forwardedRef, overflowRef),
     },
     (() => {
-      if (!(visibleCount < items.length)) {
-        return items;
-      }
-      const overflowStart =
-        overflowPlacement === 'start'
+      if (!(visibleCount < items.length)) return items;
+      let overflowStart =
+        'start' === overflowPlacement
           ? items.length - visibleCount
           : visibleCount - 1;
       return React.createElement(
         React.Fragment,
         null,
         overflowButton &&
-          overflowPlacement === 'start' &&
+          'start' === overflowPlacement &&
           overflowButton(overflowStart),
-        overflowPlacement === 'start'
+        'start' === overflowPlacement
           ? items.slice(overflowStart + 1)
           : items.slice(0, Math.max(0, overflowStart)),
         overflowButton &&
-          overflowPlacement === 'end' &&
+          'end' === overflowPlacement &&
           overflowButton(overflowStart),
       );
     })(),

package/esm/core/Buttons/Button.js

@@ -4,7 +4,7 @@ import { Box, ButtonBase } from '../../utils/index.js';
 import { ProgressRadial } from '../ProgressIndicators/ProgressRadial.js';
 import { PopoverOpenContext } from '../Popover/Popover.js';
 export const Button = React.forwardRef((props, ref) => {
-  const {
+  let {
     children,
     className,
     size,
@@ -19,20 +19,20 @@ export const Button = React.forwardRef((props, ref) => {
     disabled: disabledProp,
     ...rest
   } = props;
-  const hasPopoverOpen = React.useContext(PopoverOpenContext);
+  let hasPopoverOpen = React.useContext(PopoverOpenContext);
   return React.createElement(
     ButtonBase,
     {
       ref: ref,
       className: cx('iui-button', 'iui-field', className),
-      'data-iui-variant': styleType !== 'default' ? styleType : undefined,
+      'data-iui-variant': 'default' !== styleType ? styleType : void 0,
       'data-iui-size': size,
-      'data-iui-loading': loading ? 'true' : undefined,
-      'data-iui-has-popover': hasPopoverOpen ? 'open' : undefined,
+      'data-iui-loading': loading ? 'true' : void 0,
+      'data-iui-has-popover': hasPopoverOpen ? 'open' : void 0,
       disabled: disabledProp || loading,
       ...rest,
       style: {
-        '--_iui-width': stretched ? '100%' : undefined,
+        '--_iui-width': stretched ? '100%' : void 0,
         ...props.style,
       },
     },
@@ -70,7 +70,7 @@ export const Button = React.forwardRef((props, ref) => {
       ),
     loading &&
       React.createElement(ProgressRadial, {
-        size: size === 'small' ? 'x-small' : 'small',
+        size: 'small' === size ? 'x-small' : 'small',
         className: 'iui-button-spinner',
         'aria-hidden': true,
       }),

package/esm/core/Buttons/DropdownButton.js

@@ -4,7 +4,7 @@ import { Button } from './Button.js';
 import { DropdownMenu } from '../DropdownMenu/DropdownMenu.js';
 import { SvgCaretDownSmall, SvgCaretUpSmall } from '../../utils/index.js';
 export const DropdownButton = React.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     menuItems,
     className,
     size,
@@ -13,7 +13,7 @@ export const DropdownButton = React.forwardRef((props, forwardedRef) => {
     dropdownMenuProps,
     ...rest
   } = props;
-  const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+  let [isMenuOpen, setIsMenuOpen] = React.useState(false);
   return React.createElement(
     DropdownMenu,
     {

package/esm/core/Buttons/IconButton.js

@@ -6,7 +6,7 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 import { ButtonGroupContext } from '../ButtonGroup/ButtonGroup.js';
 import { PopoverOpenContext } from '../Popover/Popover.js';
 export const IconButton = React.forwardRef((props, ref) => {
-  const {
+  let {
     isActive,
     children,
     styleType = 'default',
@@ -17,17 +17,17 @@ export const IconButton = React.forwardRef((props, ref) => {
     labelProps,
     ...rest
   } = props;
-  const buttonGroupOrientation = React.useContext(ButtonGroupContext);
-  const hasPopoverOpen = React.useContext(PopoverOpenContext);
-  const button = React.createElement(
+  let buttonGroupOrientation = React.useContext(ButtonGroupContext);
+  let hasPopoverOpen = React.useContext(PopoverOpenContext);
+  let button = React.createElement(
     ButtonBase,
     {
       ref: ref,
       className: cx('iui-button', 'iui-field', className),
-      'data-iui-variant': styleType !== 'default' ? styleType : undefined,
+      'data-iui-variant': 'default' !== styleType ? styleType : void 0,
       'data-iui-size': size,
       'data-iui-active': isActive,
-      'data-iui-has-popover': hasPopoverOpen ? 'open' : undefined,
+      'data-iui-has-popover': hasPopoverOpen ? 'open' : void 0,
       'aria-pressed': isActive,
       ...rest,
     },
@@ -47,7 +47,7 @@ export const IconButton = React.forwardRef((props, ref) => {
     ? React.createElement(
         Tooltip,
         {
-          placement: buttonGroupOrientation === 'vertical' ? 'right' : 'top',
+          placement: 'vertical' === buttonGroupOrientation ? 'right' : 'top',
           ...labelProps,
           content: label,
           ariaStrategy: 'none',

package/esm/core/Buttons/IdeasButton.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { SvgSmileyHappy } from '../../utils/index.js';
 import { Button } from './Button.js';
 export const IdeasButton = React.forwardRef((props, ref) => {
-  const { feedbackLabel = 'Feedback', className, onClick, ...rest } = props;
+  let { feedbackLabel = 'Feedback', className, onClick, ...rest } = props;
   return React.createElement(
     Button,
     {