@itwin/itwinui-react 3.8.1 → 3.9.0

package/cjs/core/Menu/MenuDivider.js

@@ -5,7 +5,7 @@ exports.MenuDivider = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Divider between menu items. Should be used inside `Menu`.
  * @example

package/cjs/core/Menu/MenuExtraContent.d.ts

@@ -18,4 +18,4 @@
  *   ]}
  * </Menu>
  */
-export declare const MenuExtraContent: import("../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
+export declare const MenuExtraContent: import("../../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;

package/cjs/core/Menu/MenuExtraContent.js

@@ -5,7 +5,7 @@ exports.MenuExtraContent = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Component that allows to have any additional content inside `Menu`.
  * @example

package/cjs/core/Menu/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { ListItemOwnProps } from '../List/ListItem.js';
 export type MenuItemProps = {
     /**

package/cjs/core/Menu/MenuItem.js

@@ -29,7 +29,7 @@ exports.MenuItem = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const Menu_js_1 = require("./Menu.js");
 const ListItem_js_1 = require("../List/ListItem.js");
 const react_dom_1 = require("react-dom");

package/cjs/core/Menu/MenuItemSkeleton.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type MenuItemSkeletonProps = {
     /**
      * Flag whether to show skeleton for sub-label.

package/cjs/core/Menu/MenuItemSkeleton.js

@@ -33,7 +33,7 @@ exports.MenuItemSkeleton = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const VisuallyHidden_js_1 = require("../VisuallyHidden/VisuallyHidden.js");
 /**
  * Menu item that uses skeletons to indicate loading state.

package/cjs/core/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent, PortalProps } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent, PortalProps } from '../../utils/index.js';
 import type { DialogMainProps } from '../Dialog/DialogMain.js';
 type ModalProps = {
     /**

package/cjs/core/Modal/ModalButtonBar.d.ts

@@ -1,4 +1,4 @@
 /**
  * Container for Buttons in modal.
  */
-export declare const ModalButtonBar: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const ModalButtonBar: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/Modal/ModalContent.d.ts

@@ -1,4 +1,4 @@
 /**
  * Container for content in `Modal`.
  */
-export declare const ModalContent: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const ModalContent: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/NonIdealState/ErrorPage.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 /** @deprecated Use `NonIdealState` instead. */
 export type ErrorPageType = '300' | '301' | '302' | '303' | '304' | '305' | '307' | '308' | '401' | '403' | '404' | '408' | '500' | '502' | '503' | '504' | 'generic';
 /** @deprecated Use `NonIdealState` instead. */

package/cjs/core/NonIdealState/ErrorPage.js

@@ -147,13 +147,13 @@ exports.ErrorPage = React.forwardRef((props, forwardedRef) => {
     }
     function getPrimaryButton() {
         if (!primaryButtonHandle || !primaryButtonLabel) {
-            return undefined;
+            return null;
         }
         return (React.createElement(Button_js_1.Button, { styleType: 'high-visibility', onClick: primaryButtonHandle }, primaryButtonLabel));
     }
     function getSecondaryButton() {
         if (!secondaryButtonHandle || !secondaryButtonLabel) {
-            return undefined;
+            return null;
         }
         return (React.createElement(Button_js_1.Button, { styleType: 'default', onClick: secondaryButtonHandle }, secondaryButtonLabel));
     }
@@ -161,7 +161,7 @@ exports.ErrorPage = React.forwardRef((props, forwardedRef) => {
         const primaryButton = getPrimaryButton();
         const secondaryButton = getSecondaryButton();
         if (!primaryButton && !secondaryButton) {
-            return undefined;
+            return null;
         }
         return (React.createElement(React.Fragment, null,
             primaryButton,

package/cjs/core/NonIdealState/NonIdealState.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type NonIdealStateProps = {
     /**
      * An svg component, preferably from @itwin/itwinui-illustrations-react.

package/cjs/core/NonIdealState/NonIdealState.js

@@ -32,7 +32,7 @@ exports.NonIdealState = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
 /**
  * A stylized display to communicate common http errors and other non-ideal states.

package/cjs/core/NotificationMarker/NotificationMarker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type NotificationMarkerProps = {
     /**
      * Content of the NotificationMarker.

package/cjs/core/NotificationMarker/NotificationMarker.js

@@ -32,7 +32,7 @@ exports.NotificationMarker = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
 /**
  * A small notification circle to the top-right of the passed children prop.

package/cjs/core/Overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type OverlayComponentProps = {
     /**
      * Page elements that are blurred by the Overlay. Will become blurred and inert.

package/cjs/core/Overlay/Overlay.js

@@ -9,7 +9,7 @@ exports.Overlay = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 // --------------------------------------------------------------------------------
 const OverlayComponent = react_1.default.forwardRef((props, forwardedRef) => {
     const { content, children, ...rest } = props;

package/cjs/core/Popover/Popover.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { Placement } from '@floating-ui/react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import type { PortalProps } from '../utils/components/Portal.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
+import type { PortalProps } from '../../utils/components/Portal.js';
 type PopoverOptions = {
     /**
      * Placement of the popover content.

package/cjs/core/Popover/Popover.js

@@ -34,8 +34,8 @@ exports.Popover = exports.usePopover = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = require("@floating-ui/react");
-const index_js_1 = require("../utils/index.js");
-const Portal_js_1 = require("../utils/components/Portal.js");
+const index_js_1 = require("../../utils/index.js");
+const Portal_js_1 = require("../../utils/components/Portal.js");
 const ThemeProvider_js_1 = require("../ThemeProvider/ThemeProvider.js");
 // ----------------------------------------------------------------------------
 const usePopover = (options) => {

package/cjs/core/ProgressIndicators/ProgressLinear.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ProgressLinearProps = {
     /**
      * Progress percentage. Should be a number between 0 and 100.

package/cjs/core/ProgressIndicators/ProgressLinear.js

@@ -33,7 +33,7 @@ exports.ProgressLinear = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const VisuallyHidden_js_1 = require("../VisuallyHidden/VisuallyHidden.js");
 /**
  * Shows progress on a linear bar

package/cjs/core/ProgressIndicators/ProgressRadial.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ProgressRadialProps = {
     /**
      * Progress percentage. Should be a number between 0 and 100.

package/cjs/core/ProgressIndicators/ProgressRadial.js

@@ -33,7 +33,7 @@ exports.ProgressRadial = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const VisuallyHidden_js_1 = require("../VisuallyHidden/VisuallyHidden.js");
 /**
  * Circular Progress Indicator

package/cjs/core/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type RadioProps = {
     /**
      * Label of the radio.

package/cjs/core/Radio/Radio.js

@@ -33,7 +33,7 @@ exports.Radio = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Basic radio input component
  * @example

package/cjs/core/RadioTiles/RadioTile.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type RadioTileProps = {
     /**
      * Icon to be used.

package/cjs/core/RadioTiles/RadioTile.js

@@ -33,7 +33,7 @@ exports.RadioTile = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * RadioTile component to be used in RadioTileGroup component
  * @example

package/cjs/core/RadioTiles/RadioTileGroup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { InputGroup } from '../InputGroup/InputGroup.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type RadioTileGroupProps = Omit<React.ComponentProps<typeof InputGroup>, 'displayStyle' | 'disabled'>;
 /**
  * RadioTileGroup component to group RadioTile components together

package/cjs/core/RadioTiles/RadioTileGroup.js

@@ -30,7 +30,7 @@ exports.RadioTileGroup = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const InputGroup_js_1 = require("../InputGroup/InputGroup.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * RadioTileGroup component to group RadioTile components together
  * @example

package/cjs/core/SearchBox/SearchBox.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent, InputFlexContainerProps } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent, InputFlexContainerProps } from '../../utils/index.js';
 import type { IconButtonProps } from '../Buttons/IconButton.js';
 import type { IconProps } from '../Icon/Icon.js';
 type SearchBoxOwnProps = {

package/cjs/core/SearchBox/SearchBox.js

@@ -33,7 +33,7 @@ exports.SearchBox = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const SearchBoxContext = React.createContext(undefined);
 const SearchBoxComponent = React.forwardRef((props, ref) => {
     const { size, expandable = false, isDisabled = false, onCollapse: onCollapseProp, onExpand: onExpandProp, isExpanded: isExpandedProp, children, inputProps, className, ...rest } = props;

package/cjs/core/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CommonProps } from '../utils/index.js';
+import type { CommonProps } from '../../utils/index.js';
 import { usePopover } from '../Popover/Popover.js';
 /**
  * Select component to select value from options.

package/cjs/core/Select/Select.js

@@ -35,7 +35,7 @@ const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Menu_js_1 = require("../Menu/Menu.js");
 const MenuItem_js_1 = require("../Menu/MenuItem.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const SelectTag_js_1 = require("./SelectTag.js");
 const SelectTagContainer_js_1 = require("./SelectTagContainer.js");
 const Icon_js_1 = require("../Icon/Icon.js");
@@ -134,7 +134,9 @@ const NativeSelect = React.forwardRef((props, forwardedRef) => {
 // ----------------------------------------------------------------------------
 const CustomSelect = React.forwardRef((props, forwardedRef) => {
     const uid = (0, index_js_1.useId)();
-    const { options, value: valueProp, onChange: onChangeProp, placeholder, disabled = false, size, itemRenderer, selectedItemRenderer, menuClassName, menuStyle, multiple = false, triggerProps, status, popoverProps, ...rest } = props;
+    const { options, value: valueProp, onChange: onChangeProp, placeholder, disabled = false, size, itemRenderer, selectedItemRenderer, menuClassName, menuStyle, multiple = false, triggerProps, status, popoverProps, 
+    // @ts-expect-error -- this prop is disallowed by types but should still be handled at runtime
+    styleType, ...rest } = props;
     const [isOpen, setIsOpen] = React.useState(false);
     const [liveRegionSelection, setLiveRegionSelection] = React.useState('');
     const [uncontrolledValue, setUncontrolledValue] = React.useState();
@@ -226,7 +228,7 @@ const CustomSelect = React.forwardRef((props, forwardedRef) => {
     });
     return (React.createElement(React.Fragment, null,
         React.createElement(index_js_1.InputWithIcon, { ...rest, ref: (0, index_js_1.useMergedRefs)(popover.refs.setPositionReference, forwardedRef) },
-            React.createElement(SelectButton, { ...popover.getReferenceProps(), tabIndex: 0, role: 'combobox', size: size, status: status, "aria-disabled": disabled ? 'true' : undefined, "aria-autocomplete": 'none', "aria-expanded": isOpen, "aria-haspopup": 'listbox', "aria-controls": `${uid}-menu`, ...triggerProps, ref: (0, index_js_1.useMergedRefs)(selectRef, triggerProps?.ref, popover.refs.setReference), className: (0, classnames_1.default)({
+            React.createElement(SelectButton, { ...popover.getReferenceProps(), tabIndex: 0, role: 'combobox', size: size, status: status, "aria-disabled": disabled ? 'true' : undefined, "aria-autocomplete": 'none', "aria-expanded": isOpen, "aria-haspopup": 'listbox', "aria-controls": `${uid}-menu`, styleType: styleType, ...triggerProps, ref: (0, index_js_1.useMergedRefs)(selectRef, triggerProps?.ref, popover.refs.setReference), className: (0, classnames_1.default)({
                     'iui-placeholder': (!selectedItems || selectedItems.length === 0) && !!placeholder,
                     'iui-disabled': disabled,
                 }, triggerProps?.className) },

package/cjs/core/Select/SelectTag.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type SelectTagProps = {
     /**
      * Text inside the tag.

package/cjs/core/Select/SelectTag.js

@@ -33,7 +33,7 @@ exports.SelectTag = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Tag for showing selected value in `Select`.
  * @private

package/cjs/core/Select/SelectTagContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type SelectTagContainerProps = {
     /**
      * Select tags.

package/cjs/core/Select/SelectTagContainer.js

@@ -33,7 +33,7 @@ exports.SelectTagContainer = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const SelectTag_js_1 = require("./SelectTag.js");
 /**
  */

package/cjs/core/SideNavigation/SideNavigation.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type SideNavigationProps = {
     /**
      * Buttons shown in the top portion of sidenav.

package/cjs/core/SideNavigation/SideNavigation.js

@@ -33,7 +33,7 @@ exports.SideNavigation = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const IconButton_js_1 = require("../Buttons/IconButton.js");
 const Tooltip_js_1 = require("../Tooltip/Tooltip.js");
 /**

package/cjs/core/SideNavigation/SidenavButton.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { ButtonProps } from '../Buttons/Button.js';
 type SidenavButtonProps = {
     /**

package/cjs/core/SideNavigation/SidenavSubmenu.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 /**
  * Subcomponent to be used in the `submenu` prop of `SideNavigation`.
  * @example

package/cjs/core/SideNavigation/SidenavSubmenu.js

@@ -33,7 +33,7 @@ exports.SidenavSubmenu = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Subcomponent to be used in the `submenu` prop of `SideNavigation`.
  * @example

package/cjs/core/SideNavigation/SidenavSubmenuHeader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type SidenavSubmenuHeaderProps = {
     /**
      * Actions shown at the end of the submenu label.

package/cjs/core/SideNavigation/SidenavSubmenuHeader.js

@@ -33,7 +33,7 @@ exports.SidenavSubmenuHeader = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Header content for `SidenavSubmenu`. Supports truncated label and actions buttons.
  * @example

package/cjs/core/SkipToContentLink/SkipToContentLink.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type SkipToContentLinkProps = {
     /**
      * The id of the main content that the link directs to. Don't forget the #!

package/cjs/core/SkipToContentLink/SkipToContentLink.js

@@ -33,7 +33,7 @@ exports.SkipToContentLink = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * `SkipToContentLink` is for screen reader and keyboard users and will not be visible unless tabbed to.
  * Provides a shortcut to the main content of the page without navigating through the header, etc.

package/cjs/core/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { Tooltip } from '../Tooltip/Tooltip.js';
 /**
  * Determines which segments are shown with color.

package/cjs/core/Slider/Slider.js

@@ -33,7 +33,7 @@ exports.Slider = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const Track_js_1 = require("./Track.js");
 const Thumb_js_1 = require("./Thumb.js");
 const getPercentageOfRectangle = (rect, pointerX, pointerY, orientation) => {

package/cjs/core/Slider/Thumb.js

@@ -34,7 +34,7 @@ exports.Thumb = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Tooltip_js_1 = require("../Tooltip/Tooltip.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Thumb is a local component used to show and modify the values maintained by the Slider.
  * Only one Thumb can be active at a time. A Thumb is made active when the user selects

package/cjs/core/Slider/Track.js

@@ -33,7 +33,7 @@ exports.Track = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 function shouldDisplaySegment(segmentIndex, mode) {
     if ('odd-segments' === mode && 0 === (segmentIndex + 1) % 2) {
         return true;

package/cjs/core/StatusMessage/StatusMessage.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import { Icon } from '../Icon/Icon.js';
 type StatusMessageProps = {
     /**

package/cjs/core/StatusMessage/StatusMessage.js

@@ -32,7 +32,7 @@ exports.StatusMessage = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
 const Icon_js_1 = require("../Icon/Icon.js");
 /**

package/cjs/core/Stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type StepperLocalization = {
     stepsCountLabel: (currentStep: number, totalSteps: number) => string;
 };

package/cjs/core/Stepper/Stepper.js

@@ -33,7 +33,7 @@ exports.Stepper = void 0;
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const StepperStep_js_1 = require("./StepperStep.js");
 const defaultStepperLocalization = {
     stepsCountLabel: (currentStep, totalSteps) => `Step ${currentStep} of ${totalSteps}:`,

package/cjs/core/Stepper/StepperStep.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type StepperStepProps = {
     /**
      * The title/label of the step.

package/cjs/core/Stepper/StepperStep.js

@@ -34,7 +34,7 @@ exports.StepperStep = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Tooltip_js_1 = require("../Tooltip/Tooltip.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 exports.StepperStep = React.forwardRef((props, forwardedRef) => {
     const { title, index, currentStepNumber, totalSteps, type, onClick, description, className, style, stepProps, trackContentProps, circleProps, nameProps, ...rest } = props;
     const isPast = currentStepNumber > index;

package/cjs/core/Stepper/WorkflowDiagram.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { StepperProps } from './Stepper.js';
 type WorkflowDiagramProps = Pick<StepperProps, 'steps'> & {
     /**

package/cjs/core/Stepper/WorkflowDiagram.js

@@ -33,7 +33,7 @@ exports.WorkflowDiagram = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const WorkflowDiagramStep_js_1 = require("./WorkflowDiagramStep.js");
 exports.WorkflowDiagram = React.forwardRef(
 // TODO: Remove this ref cast. ref and rest props should be applied on the same element

package/cjs/core/Stepper/WorkflowDiagramStep.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type CommonProps } from '../utils/index.js';
+import { type CommonProps } from '../../utils/index.js';
 import type { StepperStepProps } from './StepperStep.js';
 export type WorkflowDiagramStepProps = {
     /**

package/cjs/core/Stepper/WorkflowDiagramStep.js

@@ -34,7 +34,7 @@ exports.WorkflowDiagramStep = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Tooltip_js_1 = require("../Tooltip/Tooltip.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const WorkflowDiagramStep = (props) => {
     const { title, description, className, style, contentProps, ...rest } = props;
     const stepShape = (React.createElement(index_js_1.Box, { as: 'li', className: (0, classnames_1.default)('iui-workflow-diagram-step', className), style: style, ...rest },