@itwin/itwinui-react 2.11.11 → 2.12.0

package/esm/core/ExpandableBlock/ExpandableBlock.js

@@ -5,7 +5,6 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { useTheme, StatusIconMap, WithCSSTransition, SvgChevronRight, Icon, } from '../utils/index.js';
-import '@itwin/itwinui-css/css/expandable-block.css';
 /**
  * Container that allows content to be hidden behind a brief title and a caption.
  * @example
@@ -16,7 +15,7 @@ import '@itwin/itwinui-css/css/expandable-block.css';
  * <ExpandableBlock title='Block with icon' endIcon={<SvgPlaceholder />}>Content</ExpandableBlock>
  */
 export const ExpandableBlock = (props) => {
-    const { caption, children, className, title, onToggle, style, isExpanded = false, endIcon, status, size = 'default', styleType = 'default', ...rest } = props;
+    const { caption, children, className, title, onToggle, style, isExpanded = false, endIcon, status, size = 'default', styleType = 'default', disabled = false, ...rest } = props;
     useTheme();
     const icon = endIcon !== null && endIcon !== void 0 ? endIcon : (status && StatusIconMap[status]());
     const [expanded, setExpanded] = React.useState(isExpanded);
@@ -24,11 +23,14 @@ export const ExpandableBlock = (props) => {
         setExpanded(isExpanded);
     }, [isExpanded]);
     const handleToggle = () => {
+        if (disabled) {
+            return;
+        }
         setExpanded(!expanded);
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded);
     };
     const onKeyDown = (event) => {
-        if (event.altKey) {
+        if (event.altKey || disabled) {
             return;
         }
         if (event.key === 'Enter' ||
@@ -43,7 +45,7 @@ export const ExpandableBlock = (props) => {
             'iui-small': size === 'small',
             'iui-borderless': styleType === 'borderless',
         }, className), style: style, ...rest },
-        React.createElement("div", { "aria-expanded": expanded, className: 'iui-header', tabIndex: 0, onClick: handleToggle, onKeyDown: onKeyDown },
+        React.createElement("div", { role: 'button', "aria-expanded": expanded, className: 'iui-header', "aria-disabled": disabled, tabIndex: 0, onClick: handleToggle, onKeyDown: onKeyDown },
             React.createElement(SvgChevronRight, { className: 'iui-icon', "aria-hidden": true }),
             React.createElement("span", { className: 'iui-expandable-block-label' },
                 React.createElement("div", { className: 'iui-title' }, title),

package/esm/core/Fieldset/Fieldset.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/fieldset.css';
 export declare type FieldsetProps = {
     /**
      * The caption or title for the fieldset.

package/esm/core/Fieldset/Fieldset.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
 import cx from 'classnames';
-import '@itwin/itwinui-css/css/fieldset.css';
 /**
  * Fieldset component to group several inputs, controls and labels within a form.
  * @example

package/esm/core/FileUpload/FileUpload.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/file-upload.css';
 export declare type FileUploadProps = {
     /**
      * Content shown over `children` when file is being dragged onto the component.

package/esm/core/FileUpload/FileUpload.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme, useMergedRefs } from '../utils/index.js';
-import '@itwin/itwinui-css/css/file-upload.css';
 /**
  * File upload component to be wrapped around `FileUploadTemplate` or any arbitrary component.
  * Provides support for dragging and dropping multiple files.

package/esm/core/FileUpload/FileUploadCard.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/file-upload.css';
 export declare type FileUploadCardIconProps = React.ComponentPropsWithRef<'span'>;
 export declare type FileUploadCardInfoProps = React.ComponentPropsWithRef<'span'>;
 export declare type FileUploadCardTitleProps = React.ComponentPropsWithRef<'span'>;

package/esm/core/FileUpload/FileUploadCard.js

@@ -7,7 +7,6 @@ import { getWindow, SvgDocument, useMergedRefs, useSafeContext, useId, mergeEven
 import cx from 'classnames';
 import { FileEmptyCard } from './FileEmptyCard.js';
 import { Anchor } from '../Typography/Anchor/Anchor.js';
-import '@itwin/itwinui-css/css/file-upload.css';
 const toBytes = (bytes) => {
     const units = [' bytes', 'KB', 'MB', 'GB', 'TB'];
     let i = 0;

package/esm/core/FileUpload/FileUploadTemplate.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/file-upload.css';
 export declare type FileUploadTemplateProps = {
     /**
      * Callback fired when a file is selected from the device.

package/esm/core/FileUpload/FileUploadTemplate.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme, SvgUpload } from '../utils/index.js';
-import '@itwin/itwinui-css/css/file-upload.css';
 import { Anchor } from '../Typography/Anchor/Anchor.js';
 /**
  * Default template to be used with the `FileUpload` wrapper component.

package/esm/core/Footer/Footer.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { StylingProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/footer.css';
 export declare type TitleTranslations = {
     termsOfService: string;
     privacy: string;

package/esm/core/Footer/Footer.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/footer.css';
 import { FooterItem } from './FooterItem.js';
 import { FooterSeparator } from './FooterSeparator.js';
 import { FooterList } from './FooterList.js';

package/esm/core/Footer/FooterItem.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/footer.css';
 export declare type FooterItemProps = React.ComponentPropsWithRef<'li'>;
 /**
  * Footer item. Recommended to use inside `Footer.List`.

package/esm/core/Footer/FooterItem.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
 import cx from 'classnames';
-import '@itwin/itwinui-css/css/footer.css';
 /**
  * Footer item. Recommended to use inside `Footer.List`.
  */

package/esm/core/Footer/FooterList.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/footer.css';
 export declare type FooterListProps = React.ComponentPropsWithRef<'ul'>;
 /**
  * Footer list. Recommended to use inside `Footer` with `Footer.Item` and `Footer.Separator`.

package/esm/core/Footer/FooterList.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
 import cx from 'classnames';
-import '@itwin/itwinui-css/css/footer.css';
 /**
  * Footer list. Recommended to use inside `Footer` with `Footer.Item` and `Footer.Separator`.
  */

package/esm/core/Footer/FooterSeparator.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/footer.css';
 export declare type FooterSeparatorProps = Omit<React.ComponentPropsWithRef<'li'>, 'children'>;
 /**
  * Footer separator. Recommended to use inside `Footer.List`.

package/esm/core/Footer/FooterSeparator.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
 import cx from 'classnames';
-import '@itwin/itwinui-css/css/footer.css';
 /**
  * Footer separator. Recommended to use inside `Footer.List`.
  */

package/esm/core/Header/Header.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/header.css';
 export declare type HeaderTranslations = {
     /**
      * 'More' menu button aria-label.

package/esm/core/Header/Header.js

@@ -6,7 +6,6 @@ import cx from 'classnames';
 import * as React from 'react';
 import { IconButton } from '../Buttons/index.js';
 import { useTheme, SvgMoreVertical } from '../utils/index.js';
-import '@itwin/itwinui-css/css/header.css';
 import { DropdownMenu } from '../DropdownMenu/index.js';
 const defaultTranslations = {
     moreOptions: 'More options',

package/esm/core/Header/HeaderBreadcrumbs.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/header.css';
 export declare type HeaderBreadcrumbsProps = {
     /**
      * Array of elements, chevrons will be put between them.

package/esm/core/Header/HeaderBreadcrumbs.js

@@ -4,7 +4,6 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { useTheme, SvgChevronRight } from '../utils/index.js';
-import '@itwin/itwinui-css/css/header.css';
 /**
  * Header breadcrumbs, adds chevron between each provided items.
  * @example

package/esm/core/Header/HeaderButton.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import type { ButtonProps } from '../Buttons/index.js';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import '@itwin/itwinui-css/css/header.css';
 import type { HeaderDropdownButtonProps } from './HeaderDropdownButton.js';
 export declare type HeaderButtonProps = {
     /**

package/esm/core/Header/HeaderButton.js

@@ -5,7 +5,6 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/header.css';
 import { HeaderSplitButton } from './HeaderSplitButton.js';
 import { HeaderDropdownButton } from './HeaderDropdownButton.js';
 import { HeaderBasicButton } from './HeaderBasicButton.js';

package/esm/core/Header/HeaderLogo.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { PolymorphicForwardRefComponent, PolymorphicComponentProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/header.css';
 declare type HeaderLogoOwnProps = {
     /**
      * Logo shown before the main content.

package/esm/core/Header/HeaderLogo.js

@@ -5,7 +5,6 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/header.css';
 /**
  * Header Title section
  * @example

package/esm/core/InformationPanel/InformationPanel.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 export declare type InformationPanelProps = {
     /**
      * Is the panel open?

package/esm/core/InformationPanel/InformationPanel.js

@@ -5,7 +5,6 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { useMergedRefs, useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 /**
  * InformationPanel provides a way to view additional content or attributes
  * without leaving the main content area (e.g. Table).

package/esm/core/InformationPanel/InformationPanelBody.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 export declare type InformationPanelBodyProps = {
     /**
      * Content of the InformationPanelBody.

package/esm/core/InformationPanel/InformationPanelBody.js

@@ -5,7 +5,6 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 /**
  * Body of the `InformationPanel` containing the main content.
  */

package/esm/core/InformationPanel/InformationPanelContent.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 export declare type InformationPanelContentProps = {
     /**
      * If set to 'inline', the label/input pairs will be shown on the same line.

package/esm/core/InformationPanel/InformationPanelContent.js

@@ -5,7 +5,6 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 /**
  * The `InformationPanelContent` component should be used inside `InformationPanelBody`
  * to style rows of key/value pairs, where the key is ideally represented by a `Label` component

package/esm/core/InformationPanel/InformationPanelHeader.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 export declare type InformationPanelHeaderProps = {
     /**
      * Callback fired when close icon is clicked.

package/esm/core/InformationPanel/InformationPanelHeader.js

@@ -6,7 +6,6 @@ import * as React from 'react';
 import cx from 'classnames';
 import { IconButton } from '../Buttons/index.js';
 import { useTheme, SvgCloseSmall } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 /**
  * Header of the InformationPanel to be passed in the `header` prop.
  *

package/esm/core/InformationPanel/InformationPanelWrapper.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 export declare type InformationPanelWrapperProps = {
     children?: React.ReactNode;
 } & Omit<CommonProps, 'title'>;

package/esm/core/InformationPanel/InformationPanelWrapper.js

@@ -5,7 +5,6 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/information-panel.css';
 /**
  * InformationPanelWrapper should contain the `InformationPanel`
  * and the component over which the panel will overlay.

package/esm/core/Input/Input.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/input.css';
 export declare type InputProps = {
     /**
      * Set focus on input element.

package/esm/core/Input/Input.js

@@ -5,7 +5,6 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { useMergedRefs, useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/input.css';
 /**
  * Basic input component
  * @example

package/esm/core/InputGroup/InputGroup.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/utils.css';
 export declare type InputGroupProps = {
     /**
      * Label of the group.

package/esm/core/InputGroup/InputGroup.js

@@ -4,7 +4,6 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { StatusIconMap, useTheme, InputContainer } from '../utils/index.js';
-import '@itwin/itwinui-css/css/utils.css';
 /**
  * Group Checkbox/Radio components together
  * @example

package/esm/core/Label/Label.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/utils.css';
 declare type LabelOwnProps<T extends React.ElementType = 'label'> = {
     /**
      * What element should the label be rendered as?

package/esm/core/Label/Label.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/utils.css';
 /**
  * A standalone label to be used with input components (using `htmlFor`).
  * Can be rendered as any element, e.g. span, using the `as` prop.

package/esm/core/LabeledInput/LabeledInput.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { InputProps } from '../Input/Input.js';
-import '@itwin/itwinui-css/css/input.css';
 export declare type LabeledInputProps = {
     /**
      * Label of the input.

package/esm/core/LabeledInput/LabeledInput.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import { Input } from '../Input/Input.js';
 import { StatusIconMap, useTheme, InputContainer, useId, } from '../utils/index.js';
-import '@itwin/itwinui-css/css/input.css';
 /**
  * Basic labeled input component
  * @example

package/esm/core/LabeledSelect/LabeledSelect.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import type { SelectProps } from '../Select/Select.js';
 import type { LabeledInputProps } from '../LabeledInput/index.js';
-import '@itwin/itwinui-css/css/input.css';
 export declare type LabeledSelectProps<T> = {
     /**
      * Label of the select.

package/esm/core/LabeledSelect/LabeledSelect.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import { Select } from '../Select/index.js';
 import { StatusIconMap, useTheme, InputContainer, useId, } from '../utils/index.js';
-import '@itwin/itwinui-css/css/input.css';
 /**
  * Labeled select component to select value from options.
  * @example

package/esm/core/LabeledTextarea/LabeledTextarea.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import type { TextareaProps } from '../Textarea/Textarea.js';
 import type { LabeledInputProps } from '../LabeledInput/index.js';
-import '@itwin/itwinui-css/css/input.css';
 export declare type LabeledTextareaProps = {
     /**
      * Label for the textarea.

package/esm/core/LabeledTextarea/LabeledTextarea.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import { StatusIconMap, useTheme, InputContainer, useId, } from '../utils/index.js';
 import { Textarea } from '../Textarea/index.js';
-import '@itwin/itwinui-css/css/input.css';
 /**
  * Textarea wrapper that allows for additional styling and labelling
  * @example

package/esm/core/List/List.d.ts

@@ -1,5 +1,4 @@
 import type { PolymorphicForwardRefComponent, PolymorphicComponentProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 export declare const List: PolymorphicForwardRefComponent<"ul", ListOwnProps>;
 declare type ListOwnProps = {};
 export declare type ListProps = PolymorphicComponentProps<'ul', ListOwnProps>;

package/esm/core/List/List.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 export const List = React.forwardRef((props, ref) => {
     const { as: Element = 'ul', className, ...rest } = props;
     useTheme();

package/esm/core/List/ListItem.d.ts

@@ -1,5 +1,4 @@
 import type { PolymorphicForwardRefComponent, PolymorphicComponentProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 declare type ListItemOwnProps = {
     /**
      * Size of the ListItem. Can be explicitly specified to be 'large',

package/esm/core/List/ListItem.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 const ListItemComponent = React.forwardRef((props, ref) => {
     const { as: Element = 'li', size = 'default', disabled = false, active = false, actionable = false, focused = false, className, ...rest } = props;
     useTheme();

package/esm/core/Menu/Menu.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 export declare type MenuProps = {
     /**
      * ARIA role. For menu use 'menu', for select use 'listbox'.

package/esm/core/Menu/Menu.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme, useMergedRefs, getFocusableElements, } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 /**
  * Basic menu component. Can be used for select or dropdown components.
  */

package/esm/core/Menu/MenuDivider.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 export declare type MenuDividerProps = Omit<CommonProps, 'title'>;
 /**
  * Divider between menu items. Should be used inside `Menu`.

package/esm/core/Menu/MenuDivider.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 /**
  * Divider between menu items. Should be used inside `Menu`.
  * @example

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 export declare type MenuExtraContentProps = {
     children: React.ReactNode;
 } & Omit<CommonProps, 'title'>;

package/esm/core/Menu/MenuExtraContent.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 /**
  * Component that allows to have any additional content inside `Menu`.
  * @example

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 export declare type MenuItemProps = {
     /**
      * Item is selected.
@@ -104,9 +103,6 @@ export declare const MenuItem: React.ForwardRefExoticComponent<{
      */
     children?: React.ReactNode;
 } & {
-    /**
-     * Context used to provide menu item ref to sub-menu items.
-     */
     title?: string | undefined;
     id?: string | undefined;
 } & {

package/esm/core/Menu/MenuItem.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme, Popover, useMergedRefs, SvgCaretRightSmall, } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 import { Menu } from './Menu.js';
 /**
  * Context used to provide menu item ref to sub-menu items.

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 export declare type MenuItemSkeletonProps = {
     /**
      * Flag whether to show skeleton for sub-label.

package/esm/core/Menu/MenuItemSkeleton.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useTheme, VisuallyHidden } from '../utils/index.js';
-import '@itwin/itwinui-css/css/menu.css';
 /**
  * Menu item that uses skeletons to indicate loading state.
  */

package/esm/core/Modal/Modal.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/dialog.css';
 import type { DialogMainProps } from '../Dialog/index.js';
 export declare type ModalProps = {
     /**

package/esm/core/Modal/Modal.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { useTheme, getContainer, getDocument } from '../utils/index.js';
-import '@itwin/itwinui-css/css/dialog.css';
 import { Dialog } from '../Dialog/index.js';
 /**
  * Modal component which can wrap any content.

package/esm/core/NonIdealState/NonIdealState.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/non-ideal-state.css';
 export declare type NonIdealStateProps = {
     /**
      * An svg component, preferably from @itwin/itwinui-illustrations-react.

package/esm/core/NonIdealState/NonIdealState.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
 import cx from 'classnames';
-import '@itwin/itwinui-css/css/non-ideal-state.css';
 /**
  * A stylized display to communicate common http errors and other non-ideal states.
  * Works well with svgs from @itwin/itwinui-illustrations-react.

package/esm/core/NotificationMarker/NotificationMarker.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/utils.css';
 export declare type NotificationMarkerProps = {
     /**
      * Content of the NotificationMarker.

package/esm/core/NotificationMarker/NotificationMarker.js

@@ -5,7 +5,6 @@
 import * as React from 'react';
 import { useTheme } from '../utils/index.js';
 import cx from 'classnames';
-import '@itwin/itwinui-css/css/utils.css';
 /**
  * A small notification circle to the top-right of the passed children prop.
  * This can be applied to almost anything but mostly intended for icons within buttons with `styleType = default / borderless`.