@itwin/itwinui-react 1.48.0 → 1.48.2-dev.0

package/cjs/core/Table/filters/BaseFilter.js

@@ -10,7 +10,6 @@ exports.BaseFilter = void 0;
  *--------------------------------------------------------------------------------------------*/
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/table.css");
 var utils_1 = require("../../utils");
 /**
  * Filter wrapper that should be used when creating custom filters.

package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { FilterButtonBarTranslation } from '../FilterButtonBar';
 import { TableFilterProps } from '../types';
-import '@itwin/itwinui-css/css/table.css';
 export declare type DateRangeTranslation = {
     from: string;
     to: string;

package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js

@@ -23,7 +23,6 @@ var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../../utils");
 var FilterButtonBar_1 = require("../FilterButtonBar");
 var BaseFilter_1 = require("../BaseFilter");
-require("@itwin/itwinui-css/css/table.css");
 var DatePickerInput_1 = __importDefault(require("./DatePickerInput"));
 var defaultStrings = {
     from: 'From',

package/cjs/core/Table/filters/FilterButtonBar.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/table.css';
 import { CommonProps } from '../../utils';
 export declare type FilterButtonBarTranslation = {
     filter: string;

package/cjs/core/Table/filters/FilterButtonBar.js

@@ -21,7 +21,6 @@ exports.FilterButtonBar = void 0;
  *--------------------------------------------------------------------------------------------*/
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/table.css");
 var utils_1 = require("../../utils");
 var Buttons_1 = require("../../Buttons");
 var defaultStrings = {

package/cjs/core/Table/filters/FilterToggle.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { HeaderGroup } from 'react-table';
-import '@itwin/itwinui-css/css/table.css';
 import { StylingProps } from '../../utils';
 export declare type FilterToggleProps<T extends Record<string, unknown>> = {
     column: HeaderGroup<T>;

package/cjs/core/Table/filters/FilterToggle.js

@@ -34,7 +34,6 @@ var FilterHollow_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/ico
 var Filter_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/Filter"));
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/table.css");
 var utils_1 = require("../../utils");
 var Buttons_1 = require("../../Buttons");
 /**

package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { FilterButtonBarTranslation } from '../FilterButtonBar';
 import { TableFilterProps } from '../types';
-import '@itwin/itwinui-css/css/table.css';
 export declare type NumberRangeTranslation = {
     from: string;
     to: string;

package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js

@@ -23,7 +23,6 @@ var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../../utils");
 var FilterButtonBar_1 = require("../FilterButtonBar");
 var BaseFilter_1 = require("../BaseFilter");
-require("@itwin/itwinui-css/css/table.css");
 var LabeledInput_1 = require("../../../LabeledInput");
 var defaultStrings = {
     from: 'From',

package/cjs/core/Table/filters/TextFilter/TextFilter.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import '@itwin/itwinui-css/css/table.css';
 import { FilterButtonBarTranslation } from '../FilterButtonBar';
 import { TableFilterProps } from '../types';
 export declare type TextFilterProps<T extends Record<string, unknown>> = TableFilterProps<T> & {

package/cjs/core/Table/filters/TextFilter/TextFilter.js

@@ -9,7 +9,6 @@ exports.TextFilter = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 var react_1 = __importDefault(require("react"));
-require("@itwin/itwinui-css/css/table.css");
 var utils_1 = require("../../../utils");
 var Input_1 = require("../../../Input");
 var FilterButtonBar_1 = require("../FilterButtonBar");

package/cjs/core/Tabs/Tab.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/tabs.css';
 export declare type TabProps = {
     /**
      * The main label shown in the tab.

package/cjs/core/Tabs/Tab.js

@@ -33,7 +33,6 @@ exports.HorizontalTab = exports.Tab = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/tabs.css");
 /**
  * Individual tab component to be used in the `labels` prop of `Tabs`.
  * @example

package/cjs/core/Tabs/Tabs.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/tabs.css';
 export declare type TabsProps = {
     /**
      * Elements shown for each tab.

package/cjs/core/Tabs/Tabs.js

@@ -33,7 +33,6 @@ exports.VerticalTabs = exports.HorizontalTabs = exports.Tabs = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/tabs.css");
 var Tab_1 = require("./Tab");
 /**
  * Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.

package/cjs/core/Tag/Tag.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/tag.css';
 export declare type TagProps = {
     /**
      * Callback function that handles click on close icon.

package/cjs/core/Tag/Tag.js

@@ -34,7 +34,6 @@ var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var CloseSmall_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/CloseSmall"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/tag.css");
 var Buttons_1 = require("../Buttons");
 /**
  * Tag for showing categories, filters etc.

package/cjs/core/Tag/TagContainer.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/tag.css';
 export declare type TagContainerProps = {
     /**
      * Tags inside the container.

package/cjs/core/Tag/TagContainer.js

@@ -33,7 +33,6 @@ exports.TagContainer = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/tag.css");
 /**
  * TagContainer for grouping tags.
  * @example

package/cjs/core/Textarea/Textarea.d.ts

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

package/cjs/core/Textarea/Textarea.js

@@ -33,7 +33,6 @@ exports.Textarea = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/inputs.css");
 /**
  * Basic textarea component
  * @example

package/cjs/core/Tile/Tile.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/tile.css';
 export declare type TileProps = {
     /**
      * Name or title of the tile.

package/cjs/core/Tile/Tile.js

@@ -36,7 +36,6 @@ var Checkmark_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/
 var More_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/More"));
 var New_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/New"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/tile.css");
 var DropdownMenu_1 = require("../DropdownMenu");
 var Buttons_1 = require("../Buttons");
 /**

package/cjs/core/TimePicker/TimePicker.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { StylingProps } from '../utils';
-import '@itwin/itwinui-css/css/time-picker.css';
 export declare type MeridiemType = 'AM' | 'PM';
 export declare type TimePickerProps = {
     /**

package/cjs/core/TimePicker/TimePicker.js

@@ -33,7 +33,6 @@ exports.TimePicker = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/time-picker.css");
 var isSameHour = function (date1, date2, meridiem) {
     var adjustedHours = meridiem
         ? formatHourFrom12(date1.getHours(), meridiem)

package/cjs/core/Toast/Toast.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/toast-notification.css';
 export declare type ToastCategory = 'informational' | 'negative' | 'positive' | 'warning';
 export declare type ToastProps = {
     /**

package/cjs/core/Toast/Toast.js

@@ -35,7 +35,6 @@ var react_transition_group_1 = require("react-transition-group");
 var CloseSmall_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/CloseSmall"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/toast-notification.css");
 var Buttons_1 = require("../Buttons");
 /**
  * Generic Toast Notification Component

package/cjs/core/Toast/ToastWrapper.d.ts

@@ -1,4 +1,3 @@
-import '@itwin/itwinui-css/css/toast-notification.css';
 import React from 'react';
 import { ToastProps } from './Toast';
 import { ToasterSettings } from './Toaster';

package/cjs/core/Toast/ToastWrapper.js

@@ -19,7 +19,6 @@ exports.ToastWrapper = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-require("@itwin/itwinui-css/css/toast-notification.css");
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var Toast_1 = __importDefault(require("./Toast"));

package/cjs/core/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/toggle-switch.css';
 export declare type ToggleSwitchProps = {
     /**
      * Label for the toggle switch.

package/cjs/core/ToggleSwitch/ToggleSwitch.js

@@ -33,7 +33,6 @@ exports.ToggleSwitch = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/toggle-switch.css");
 /**
  * A switch for turning on and off.
  * @example

package/cjs/core/Tooltip/Tooltip.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { CommonProps, PopoverProps } from '../utils';
-import '@itwin/itwinui-css/css/tooltip.css';
 export declare type TooltipProps = {
     /**
      * Content of the tooltip.

package/cjs/core/Tooltip/Tooltip.js

@@ -33,7 +33,6 @@ exports.Tooltip = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/tooltip.css");
 /**
  * Basic tooltip component to display informative content when an element is hovered or focused.
  * Uses the {@link Popover} component, which is a wrapper around [tippy.js](https://atomiks.github.io/tippyjs).

package/cjs/core/Tree/Tree.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/tree.css';
 export declare type NodeData<T> = {
     /**
      * Array of the child nodes contained in the node.

package/cjs/core/Tree/Tree.js

@@ -32,7 +32,6 @@ exports.Tree = void 0;
  *--------------------------------------------------------------------------------------------*/
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/tree.css");
 var classnames_1 = __importDefault(require("classnames"));
 var TreeContext_1 = require("./TreeContext");
 /**

package/cjs/core/Tree/TreeNode.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/tree.css';
 export declare type TreeNodeProps = {
     /**
      * Unique id of the node.

package/cjs/core/Tree/TreeNode.js

@@ -32,7 +32,6 @@ exports.TreeNode = void 0;
  *--------------------------------------------------------------------------------------------*/
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/tree.css");
 var classnames_1 = __importDefault(require("classnames"));
 var TreeNodeExpander_1 = require("./TreeNodeExpander");
 var TreeContext_1 = require("./TreeContext");

package/cjs/core/Tree/TreeNodeExpander.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { IconButtonProps } from '../Buttons/IconButton';
-import '@itwin/itwinui-css/css/tree.css';
 export declare type TreeNodeExpanderProps = {
     isExpanded?: boolean;
 } & IconButtonProps;

package/cjs/core/Tree/TreeNodeExpander.js

@@ -34,7 +34,6 @@ var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ChevronRight_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/ChevronRight"));
 var IconButton_1 = require("../Buttons/IconButton");
-require("@itwin/itwinui-css/css/tree.css");
 var TreeNodeExpander = function (props) {
     var isExpanded = props.isExpanded, rest = __rest(props, ["isExpanded"]);
     return (react_1.default.createElement(IconButton_1.IconButton, __assign({ styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand' }, rest),

package/cjs/core/Typography/Anchor/Anchor.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/anchor.css';
 export declare const Anchor: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & React.RefAttributes<HTMLAnchorElement>>;
 export default Anchor;

package/cjs/core/Typography/Anchor/Anchor.js

@@ -33,7 +33,6 @@ exports.Anchor = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/anchor.css");
 exports.Anchor = react_1.default.forwardRef(function (_a, ref) {
     var className = _a.className, rest = __rest(_a, ["className"]);
     (0, utils_1.useTheme)();

package/cjs/core/Typography/Blockquote/Blockquote.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/blockquote.css';
 export declare type BlockquoteProps = {
     /**
      * Optional footer for any attribution/source.

package/cjs/core/Typography/Blockquote/Blockquote.js

@@ -33,7 +33,6 @@ exports.Blockquote = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/blockquote.css");
 /**
  * Basic blockquote component
  * @example

package/cjs/core/Typography/Body/Body.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/text.css';
 export declare type BodyProps = {
     /**
      * Set text to muted.

package/cjs/core/Typography/Body/Body.js

@@ -33,7 +33,6 @@ exports.Body = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/text.css");
 /**
  * Body text, renders a paragraph element
  * @example

package/cjs/core/Typography/Code/Code.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { CommonProps } from '../../utils';
-import '@itwin/itwinui-css/css/code.css';
 export declare type CodeProps = {
     /**
      * A piece of inline code.

package/cjs/core/Typography/Code/Code.js

@@ -33,7 +33,6 @@ exports.Code = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/code.css");
 /**
  * Inline code element.
  * @example

package/cjs/core/Typography/Headline/Headline.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/text.css';
 export declare type HeadlineProps = {
     /**
      * Set text to muted.

package/cjs/core/Typography/Headline/Headline.js

@@ -33,7 +33,6 @@ exports.Headline = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/text.css");
 /**
  * The biggest title on the page, renders a h1 element
  * @example

package/cjs/core/Typography/Kbd/Kbd.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { CommonProps } from '../../utils';
-import '@itwin/itwinui-css/css/keyboard.css';
 /**
  * Some predefined strings for common keyboard keys.
  */

package/cjs/core/Typography/Kbd/Kbd.js

@@ -33,7 +33,6 @@ exports.Kbd = exports.KbdKeys = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/keyboard.css");
 /**
  * Some predefined strings for common keyboard keys.
  */

package/cjs/core/Typography/Leading/Leading.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/text.css';
 export declare type LeadingProps = {
     /**
      * Set text to muted.

package/cjs/core/Typography/Leading/Leading.js

@@ -33,7 +33,6 @@ exports.Leading = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/text.css");
 /**
  * The third biggest title on the page, renders a h3 element
  * @example

package/cjs/core/Typography/Small/Small.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/text.css';
 export declare type SmallProps = {
     /**
      * Set text to muted.

package/cjs/core/Typography/Small/Small.js

@@ -33,7 +33,6 @@ exports.Small = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/text.css");
 /**
  * Small text, renders a paragraph element
  * @example

package/cjs/core/Typography/Subheading/Subheading.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/text.css';
 export declare type SubheadingProps = {
     /**
      * Set text to muted.

package/cjs/core/Typography/Subheading/Subheading.js

@@ -33,7 +33,6 @@ exports.Subheading = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/text.css");
 /**
  * The third biggest title on the page, renders a h3 element
  * @example

package/cjs/core/Typography/Text/Text.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils';
-import '@itwin/itwinui-css/css/text.css';
 declare type TextOwnProps = {
     /**
      * Which typography variant/size should be used for the styling?

package/cjs/core/Typography/Text/Text.js

@@ -33,7 +33,6 @@ exports.Text = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/text.css");
 /**
  * Polymorphic typography component to render any kind of text as any kind of element.
  * @example

package/cjs/core/Typography/Title/Title.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/text.css';
 export declare type TitleProps = {
     /**
      * Set text to muted.

package/cjs/core/Typography/Title/Title.js

@@ -33,7 +33,6 @@ exports.Title = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
-require("@itwin/itwinui-css/css/text.css");
 /**
  * The second biggest title on the page, renders a h2 element
  * @example

package/cjs/core/UserIcon/UserIcon.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/user-icon.css';
 export declare type UserIconStatus = 'online' | 'busy' | 'away' | 'offline';
 export declare type StatusTitles = {
     [key in Exclude<UserIconStatus, ''>]: string;

package/cjs/core/UserIcon/UserIcon.js

@@ -33,7 +33,6 @@ exports.UserIcon = exports.defaultStatusTitles = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/user-icon.css");
 exports.defaultStatusTitles = {
     away: 'Away',
     busy: 'Busy',

package/cjs/core/UserIconGroup/UserIconGroup.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/user-icon.css';
 export declare type UserIconGroupProps = {
     /**
      * Max number of icons unstacked.

package/cjs/core/UserIconGroup/UserIconGroup.js

@@ -33,7 +33,6 @@ exports.UserIconGroup = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/user-icon.css");
 /**
  * Group User Icons together.
  *

package/cjs/core/Wizard/Wizard.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '@itwin/itwinui-css/css/wizard.css';
 export declare type WizardLocalization = {
     stepsCountLabel: (currentStep: number, totalSteps: number) => string;
 };

package/cjs/core/Wizard/Wizard.js

@@ -33,7 +33,6 @@ exports.Wizard = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
-require("@itwin/itwinui-css/css/wizard.css");
 var Step_1 = require("./Step");
 var defaultWizardLocalization = {
     stepsCountLabel: function (currentStep, totalSteps) {

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

@@ -2,7 +2,6 @@ import React from 'react';
 import { TippyProps } from '@tippyjs/react';
 import type { Placement, Instance } from 'tippy.js';
 export declare type PopoverInstance = Instance;
-import '@itwin/itwinui-css/css/popover.css';
 export declare type PopoverProps = {
     /**
      * Controlled flag for whether the popover is visible.

package/cjs/core/utils/components/Popover.js

@@ -32,7 +32,6 @@ var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var react_2 = __importDefault(require("@tippyjs/react"));
 var useMergedRefs_1 = require("../hooks/useMergedRefs");
-require("@itwin/itwinui-css/css/popover.css");
 /**
  * Wrapper around [tippy.js](https://atomiks.github.io/tippyjs)
  * with pre-configured props and plugins (e.g. lazy mounting, focus, etc).

package/cjs/core/utils/functions/dom.js

@@ -19,6 +19,7 @@ var getContainer = function (containerId, ownerDocument) {
     if (container == null && !!ownerDocument) {
         container = ownerDocument.createElement('div');
         container.setAttribute('id', containerId);
+        container.innerHTML = "<style>:where(.iui-dialog-wrapper) { z-index: 999; }</style>"; // TODO: move to css
         ownerDocument.body.appendChild(container);
     }
     return container;

package/cjs/core/utils/hooks/useTheme.d.ts

@@ -1,4 +1,4 @@
-import '@itwin/itwinui-css/css/global.css';
+import '@itwin/itwinui-css/css/all.css';
 export declare type ThemeOptions = {
     /**
      * Document to which the theme will be applied.

package/cjs/core/utils/hooks/useTheme.js

@@ -9,7 +9,7 @@ exports.useTheme = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 var react_1 = __importDefault(require("react"));
-require("@itwin/itwinui-css/css/global.css");
+require("@itwin/itwinui-css/css/all.css");
 var dom_1 = require("../functions/dom");
 var useMediaQuery_1 = require("./useMediaQuery");
 /**