@itwin/itwinui-react 3.8.1 → 3.9.0

package/cjs/core/Checkbox/Checkbox.js

@@ -34,7 +34,7 @@ exports.Checkbox = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ProgressRadial_js_1 = require("../ProgressIndicators/ProgressRadial.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 /**
  * Simple input checkbox
  * @example

package/cjs/core/ColorPicker/ColorBuilder.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 /**
  * `ColorBuilder` consists of two parts:
  * a color canvas to adjust saturation and lightness values,

package/cjs/core/ColorPicker/ColorBuilder.js

@@ -33,7 +33,7 @@ exports.ColorBuilder = 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 Slider_js_1 = require("../Slider/Slider.js");
 const ColorPickerContext_js_1 = require("./ColorPickerContext.js");
 const getVerticalPercentageOfRectangle = (rect, pointer) => {

package/cjs/core/ColorPicker/ColorInputPanel.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ColorInputPanelProps = {
     /**
      * The default color format to be inputted in the panel.

package/cjs/core/ColorPicker/ColorInputPanel.js

@@ -35,7 +35,7 @@ const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const IconButton_js_1 = require("../Buttons/IconButton.js");
 const Input_js_1 = require("../Input/Input.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const ColorPickerContext_js_1 = require("./ColorPickerContext.js");
 /**
  * `ColorInputPanel` shows input fields to enter precise color values in the specified format.

package/cjs/core/ColorPicker/ColorPalette.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ColorValue } from '../utils/index.js';
-import type { ColorType, PolymorphicForwardRefComponent } from '../utils/index.js';
+import { ColorValue } from '../../utils/index.js';
+import type { ColorType, PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type ColorPaletteProps = {
     /**
      * Label shown above the palette.

package/cjs/core/ColorPicker/ColorPalette.js

@@ -33,7 +33,7 @@ exports.ColorPalette = 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 ColorPicker_js_1 = require("./ColorPicker.js");
 const ColorSwatch_js_1 = require("./ColorSwatch.js");
 const ColorPickerContext_js_1 = require("./ColorPickerContext.js");

package/cjs/core/ColorPicker/ColorPicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ColorValue } from '../utils/index.js';
-import type { ColorType, PolymorphicForwardRefComponent } from '../utils/index.js';
+import { ColorValue } from '../../utils/index.js';
+import type { ColorType, PolymorphicForwardRefComponent } from '../../utils/index.js';
 export declare const getColorValue: (color: ColorType | ColorValue | undefined) => ColorValue;
 type ColorPickerProps = {
     /**

package/cjs/core/ColorPicker/ColorPicker.js

@@ -32,7 +32,7 @@ exports.ColorPicker = exports.getColorValue = 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 ColorPickerContext_js_1 = require("./ColorPickerContext.js");
 const getColorValue = (color) => {

package/cjs/core/ColorPicker/ColorPickerContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ColorValue, HsvColor } from '../utils/index.js';
+import type { ColorValue, HsvColor } from '../../utils/index.js';
 export declare const ColorPickerContext: React.Context<{
     activeColor: ColorValue;
     setActiveColor: (color: ColorValue | ((prevColor: ColorValue) => ColorValue)) => void;

package/cjs/core/ColorPicker/ColorSwatch.d.ts

@@ -1,5 +1,5 @@
-import { ColorValue } from '../utils/index.js';
-import type { ColorType, PolymorphicForwardRefComponent } from '../utils/index.js';
+import { ColorValue } from '../../utils/index.js';
+import type { ColorType, PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ColorSwatchProps = {
     /**
      * Color code.

package/cjs/core/ColorPicker/ColorSwatch.js

@@ -33,7 +33,7 @@ exports.ColorSwatch = 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 ColorPicker_js_1 = require("./ColorPicker.js");
 const VisuallyHidden_js_1 = require("../VisuallyHidden/VisuallyHidden.js");
 /**

package/cjs/core/ComboBox/ComboBox.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { SelectOption } from '../Select/Select.js';
 import type { Input } from '../Input/Input.js';
-import type { InputContainerProps, CommonProps } from '../utils/index.js';
+import type { InputContainerProps, CommonProps } from '../../utils/index.js';
 import { ComboBoxEndIcon } from './ComboBoxEndIcon.js';
 type ActionType = 'added' | 'removed';
 type MultipleOnChangeProps<T> = {

package/cjs/core/ComboBox/ComboBox.js

@@ -32,7 +32,7 @@ const React = __importStar(require("react"));
 const MenuExtraContent_js_1 = require("../Menu/MenuExtraContent.js");
 const SelectTag_js_1 = require("../Select/SelectTag.js");
 const Text_js_1 = require("../Typography/Text.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const Popover_js_1 = require("../Popover/Popover.js");
 const helpers_js_1 = require("./helpers.js");
 const ComboBoxEndIcon_js_1 = require("./ComboBoxEndIcon.js");

package/cjs/core/ComboBox/ComboBoxEndIcon.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxEndIconProps = {
     disabled?: boolean;
     isOpen?: boolean;

package/cjs/core/ComboBox/ComboBoxEndIcon.js

@@ -33,7 +33,7 @@ exports.ComboBoxEndIcon = 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 Icon_js_1 = require("../Icon/Icon.js");
 exports.ComboBoxEndIcon = React.forwardRef((props, forwardedRef) => {
     const { className, children, disabled, isOpen, ...rest } = props;

package/cjs/core/ComboBox/ComboBoxInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Input } from '../Input/Input.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxInputProps = {
     selectTags?: JSX.Element[];
 } & React.ComponentProps<typeof Input>;

package/cjs/core/ComboBox/ComboBoxInput.js

@@ -30,7 +30,7 @@ exports.ComboBoxInput = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const Input_js_1 = require("../Input/Input.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const ComboBoxMultipleContainer_js_1 = require("./ComboBoxMultipleContainer.js");
 const helpers_js_1 = require("./helpers.js");
 exports.ComboBoxInput = React.forwardRef((props, forwardedRef) => {

package/cjs/core/ComboBox/ComboBoxInputContainer.d.ts

@@ -1,4 +1,4 @@
-import type { InputContainerProps, PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { InputContainerProps, PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxInputContainerProps = Pick<InputContainerProps, 'status' | 'message' | 'disabled'>;
 export declare const ComboBoxInputContainer: PolymorphicForwardRefComponent<"div", ComboBoxInputContainerProps>;
 export {};

package/cjs/core/ComboBox/ComboBoxInputContainer.js

@@ -30,7 +30,7 @@ exports.ComboBoxInputContainer = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const StatusMessage_js_1 = require("../StatusMessage/StatusMessage.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const helpers_js_1 = require("./helpers.js");
 exports.ComboBoxInputContainer = React.forwardRef((props, forwardedRef) => {
     const { className, status, message, children, ...rest } = props;

package/cjs/core/ComboBox/ComboBoxMenu.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Menu } from '../Menu/Menu.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxMenuProps = Omit<React.ComponentPropsWithoutRef<typeof Menu>, 'onClick'> & React.ComponentPropsWithoutRef<'div'>;
 export declare const ComboBoxMenu: PolymorphicForwardRefComponent<"div", ComboBoxMenuProps>;
 export {};

package/cjs/core/ComboBox/ComboBoxMenu.js

@@ -30,7 +30,7 @@ exports.ComboBoxMenu = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const Menu_js_1 = require("../Menu/Menu.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const helpers_js_1 = require("./helpers.js");
 const VirtualizedComboBoxMenu = (props) => {
     const { children, ...rest } = props;

package/cjs/core/ComboBox/ComboBoxMenuItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { MenuItemProps } from '../Menu/MenuItem.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxMenuItemProps = MenuItemProps & {
     index: number;
 };

package/cjs/core/ComboBox/ComboBoxMenuItem.js

@@ -29,7 +29,7 @@ exports.ComboBoxMenuItem = 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 helpers_js_1 = require("./helpers.js");
 const ListItem_js_1 = require("../List/ListItem.js");
 exports.ComboBoxMenuItem = React.memo(React.forwardRef((props, forwardedRef) => {

package/cjs/core/ComboBox/ComboBoxMultipleContainer.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 ComboBoxMultipleContainerProps = {
     selectedItems?: React.ReactNode[];
 };

package/cjs/core/DatePicker/DatePicker.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 { TimePickerProps } from '../TimePicker/TimePicker.js';
 export type DatePickerLocalizedNames = {
     [key in 'months' | 'shortDays' | 'days']: string[];

package/cjs/core/DatePicker/DatePicker.js

@@ -33,7 +33,7 @@ exports.DatePicker = exports.generateLocalizedStrings = 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 IconButton_js_1 = require("../Buttons/IconButton.js");
 const TimePicker_js_1 = require("../TimePicker/TimePicker.js");
 const isSameDay = (a, b) => {

package/cjs/core/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { DialogContextProps } from './DialogContext.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type DialogProps = {
     /**
      * Dialog content.

package/cjs/core/Dialog/Dialog.js

@@ -39,7 +39,7 @@ const DialogBackdrop_js_1 = require("./DialogBackdrop.js");
 const DialogContext_js_1 = require("./DialogContext.js");
 const DialogButtonBar_js_1 = require("./DialogButtonBar.js");
 const DialogMain_js_1 = require("./DialogMain.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const react_transition_group_1 = require("react-transition-group");
 const DialogComponent = React.forwardRef((props, ref) => {
     const { trapFocus = false, setFocus = false, preventDocumentScroll = false, isOpen = false, isDismissible = true, closeOnEsc = true, closeOnExternalClick = false, onClose, isDraggable = false, isResizable = false, relativeTo = 'viewport', placement, className, portal = false, ...rest } = props;

package/cjs/core/Dialog/DialogBackdrop.d.ts

@@ -1,5 +1,5 @@
 import type { BackdropProps } from '../Backdrop/Backdrop.js';
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { DialogContextProps } from './DialogContext.js';
 type DialogBackdropProps = BackdropProps & Pick<DialogContextProps, 'onClose' | 'isDismissible' | 'closeOnExternalClick' | 'relativeTo'>;
 /**

package/cjs/core/Dialog/DialogBackdrop.js

@@ -33,7 +33,7 @@ exports.DialogBackdrop = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const Backdrop_js_1 = require("../Backdrop/Backdrop.js");
-const index_js_1 = require("../utils/index.js");
+const index_js_1 = require("../../utils/index.js");
 const DialogContext_js_1 = require("./DialogContext.js");
 const classnames_1 = __importDefault(require("classnames"));
 /**

package/cjs/core/Dialog/DialogButtonBar.d.ts

@@ -6,4 +6,4 @@
  *   <Button>Close</Button>
  * </Dialog.ButtonBar>
  */
-export declare const DialogButtonBar: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const DialogButtonBar: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/Dialog/DialogButtonBar.js

@@ -5,7 +5,7 @@ exports.DialogButtonBar = 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");
 /**
  * Container for Buttons in `Dialog`. Recommended to be used as a child of `Dialog`.
  * @example

package/cjs/core/Dialog/DialogContent.d.ts

@@ -5,4 +5,4 @@
  *   My dialog content
  * </Dialog.Content>
  */
-export declare const DialogContent: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const DialogContent: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/Dialog/DialogContent.js

@@ -5,7 +5,7 @@ exports.DialogContent = 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");
 /**
  * Container for content in `Dialog`. Recommended to be used as a child of `Dialog`.
  * @example

package/cjs/core/Dialog/DialogContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PortalProps } from '../utils/index.js';
+import type { PortalProps } from '../../utils/index.js';
 export type DialogContextProps = {
     /**
      * Flag whether dialog should be shown.

package/cjs/core/Dialog/DialogMain.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 { DialogContextProps } from './DialogContext.js';
 export type DialogMainProps = {
     /**

package/cjs/core/Dialog/DialogMain.js

@@ -33,11 +33,11 @@ exports.DialogMain = 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 DialogContext_js_1 = require("./DialogContext.js");
 const react_transition_group_1 = require("react-transition-group");
 const DialogDragContext_js_1 = require("./DialogDragContext.js");
-const useDragAndDrop_js_1 = require("../utils/hooks/useDragAndDrop.js");
+const useDragAndDrop_js_1 = require("../../utils/hooks/useDragAndDrop.js");
 /**
  * Dialog component which can wrap any content.
  * @example
@@ -113,12 +113,9 @@ exports.DialogMain = React.forwardRef((props, ref) => {
         if (!isDraggable || !isOpen) {
             return;
         }
-        const rect = dialogRef.current?.getBoundingClientRect();
         const [translateX, translateY] = (0, index_js_1.getTranslateValuesFromElement)(dialogRef.current);
         setStyle((oldStyle) => ({
             ...oldStyle,
-            inlineSize: rect?.width,
-            blockSize: rect?.height,
             insetInlineStart: dialogRef.current?.offsetLeft,
             insetBlockStart: dialogRef.current?.offsetTop,
             transform: `translate(${translateX}px,${translateY}px)`,

package/cjs/core/Dialog/DialogTitleBar.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 { DialogContextProps } from './DialogContext.js';
 type DialogTitleBarProps = {
     /**

package/cjs/core/Dialog/DialogTitleBar.js

@@ -33,7 +33,7 @@ exports.DialogTitleBar = 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 DialogContext_js_1 = require("./DialogContext.js");
 const DialogTitleBarTitle_js_1 = require("./DialogTitleBarTitle.js");

package/cjs/core/Dialog/DialogTitleBarTitle.d.ts

@@ -3,4 +3,4 @@
  * @example
  * <Dialog.TitleBar>My dialog title</Dialog.TitleBar>
  */
-export declare const DialogTitleBarTitle: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const DialogTitleBarTitle: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/Dialog/DialogTitleBarTitle.js

@@ -5,7 +5,7 @@ exports.DialogTitleBarTitle = 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");
 /**
  * Dialog title bar. Recommended to be used as a child of `Dialog`.
  * @example

package/cjs/core/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/props.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/props.js';
 type DividerProps = {
     /**
      * Sets the orientation of the divider

package/cjs/core/Divider/Divider.js

@@ -33,7 +33,7 @@ exports.Divider = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Box_js_1 = require("../utils/components/Box.js");
+const Box_js_1 = require("../../utils/components/Box.js");
 /**
  * Shows a divider
  */

package/cjs/core/DropdownMenu/DropdownMenu.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 { usePopover } from '../Popover/Popover.js';
 export type DropdownMenuProps = {
     /**

package/cjs/core/DropdownMenu/DropdownMenu.js

@@ -29,7 +29,7 @@ exports.DropdownMenu = 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/Menu.js");
 const Popover_js_1 = require("../Popover/Popover.js");
 /**

package/cjs/core/ExpandableBlock/ExpandableBlock.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 ExpandableBlockOwnProps = {
     /**
      * Status of the block.
@@ -106,14 +106,11 @@ export declare const ExpandableBlock: PolymorphicForwardRefComponent<"div", Expa
     EndIcon: PolymorphicForwardRefComponent<"span", Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
     }, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
-        size?: "small" | "auto" | "medium" | "large" | import("../utils/types.js").AnyString | undefined;
-        fill?: "default" | "informational" | "negative" | "positive" | "warning" | import("../utils/types.js").AnyString | undefined;
+        size?: "small" | "auto" | "medium" | "large" | import("../../utils/types.js").AnyString | undefined;
+        fill?: "default" | import("../../utils/types.js").AnyString | "informational" | "negative" | "positive" | "warning" | undefined;
         padded?: boolean | undefined;
     } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        as?: "span" | undefined; /**
-         * Status of the block.
-         * When set, a colored status icon is shown at the end of the main text.
-         */
+        as?: "span" | undefined;
     }, "ref">>;
     /**
      * Content shown in the block's body when fully expanded.

package/cjs/core/ExpandableBlock/ExpandableBlock.js

@@ -33,7 +33,7 @@ exports.ExpandableBlock = 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 Icon_js_1 = require("../Icon/Icon.js");
 const LinkAction_js_1 = require("../LinkAction/LinkAction.js");
 const ExpandableBlockContext = React.createContext(undefined);

package/cjs/core/Fieldset/Fieldset.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 FieldsetProps = {
     /**
      * The caption or title for the fieldset.

package/cjs/core/Fieldset/Fieldset.js

@@ -32,7 +32,7 @@ exports.Fieldset = 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"));
 /**
  * Fieldset component to group several inputs, controls and labels within a form.

package/cjs/core/FileUpload/FileEmptyCard.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 /**
  * Empty file card to be used with the `FileUploadCard` component when no file has been uploaded.
  * @example

package/cjs/core/FileUpload/FileEmptyCard.js

@@ -32,7 +32,7 @@ exports.FileEmptyCard = 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 FileUploadCard_js_1 = require("./FileUploadCard.js");
 // ----------------------------------------------------------------------------

package/cjs/core/FileUpload/FileUpload.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 FileUploadProps = {
     /**
      * Content shown over `children` when file is being dragged onto the component.

package/cjs/core/FileUpload/FileUpload.js

@@ -33,7 +33,7 @@ exports.FileUpload = 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");
 /**
  * File upload component to be wrapped around `FileUploadCard` or any arbitrary component.
  * Provides support for dragging and dropping multiple files.

package/cjs/core/FileUpload/FileUploadCard.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 FileUploadCardProps = {
     /**
      * Files to pass (only needed when passing a custom action)

package/cjs/core/FileUpload/FileUploadCard.js

@@ -32,7 +32,7 @@ exports.FileUploadCardContext = exports.FileUploadCard = 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 FileEmptyCard_js_1 = require("./FileEmptyCard.js");
 const Anchor_js_1 = require("../Typography/Anchor.js");

package/cjs/core/FileUpload/FileUploadTemplate.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 FileUploadTemplateProps = {
     /**
      * Callback fired when a file is selected from the device.

package/cjs/core/FileUpload/FileUploadTemplate.js

@@ -33,7 +33,7 @@ exports.FileUploadTemplate = 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 Anchor_js_1 = require("../Typography/Anchor.js");
 /**
  * @deprecated Use [`FileUploadCard`](https://itwinui.bentley.com/docs/fileupload#fileuploadcard) instead.

package/cjs/core/Flex/Flex.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { AnyString } from '../utils/types.js';
-import type { PolymorphicForwardRefComponent } from '../utils/props.js';
+import type { AnyString } from '../../utils/types.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/props.js';
 declare const sizeTokens: readonly ["3xs", "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl"];
 /**
  * String literal shorthands that correspond to the size tokens in [itwinui-variables](https://github.com/iTwin/iTwinUI/blob/main/packages/itwinui-variables/src/sizes.scss).

package/cjs/core/Flex/Flex.js

@@ -33,7 +33,7 @@ exports.Flex = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Box_js_1 = require("../utils/components/Box.js");
+const Box_js_1 = require("../../utils/components/Box.js");
 const sizeTokens = [
     '3xs',
     '2xs',