@itwin/itwinui-react 2.11.11 → 2.12.1

package/cjs/core/Modal/Modal.js

@@ -34,7 +34,6 @@ exports.Modal = void 0;
 const React = __importStar(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/dialog.css");
 const index_js_2 = require("../Dialog/index.js");
 /**
  * Modal component which can wrap any content.

package/cjs/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/cjs/core/NonIdealState/NonIdealState.js

@@ -34,7 +34,6 @@ exports.NonIdealState = void 0;
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
-require("@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/cjs/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/cjs/core/NotificationMarker/NotificationMarker.js

@@ -34,7 +34,6 @@ exports.NotificationMarker = void 0;
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
-require("@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`.

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/progress-indicator.css';
 export declare type ProgressLinearProps = {
     /**
      * Progress percentage. Should be a number between 0 and 100.

package/cjs/core/ProgressIndicators/ProgressLinear/ProgressLinear.js

@@ -34,7 +34,6 @@ exports.ProgressLinear = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/progress-indicator.css");
 /**
  * Shows progress on a linear bar
  * @example

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/progress-indicator.css';
 export declare type ProgressRadialProps = {
     /**
      * Progress percentage. Should be a number between 0 and 100.

package/cjs/core/ProgressIndicators/ProgressRadial/ProgressRadial.js

@@ -34,7 +34,6 @@ exports.ProgressRadial = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/progress-indicator.css");
 /**
  * Circular Progress Indicator
  * @example

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/radio.css';
 export declare type RadioProps = {
     /**
      * Label of the radio.

package/cjs/core/Radio/Radio.js

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

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/radio-tile.css';
 export declare type RadioTileProps = {
     /**
      * Icon to be used.

package/cjs/core/RadioTiles/RadioTile.js

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

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { InputGroupProps } from '../InputGroup/index.js';
-import '@itwin/itwinui-css/css/radio-tile.css';
 export declare type RadioTileGroupProps = Omit<InputGroupProps, 'displayStyle' | 'disabled'>;
 /**
  * RadioTileGroup component to group RadioTile components together

package/cjs/core/RadioTiles/RadioTileGroup.js

@@ -30,7 +30,6 @@ exports.RadioTileGroup = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const index_js_1 = require("../InputGroup/index.js");
-require("@itwin/itwinui-css/css/radio-tile.css");
 const index_js_2 = require("../utils/index.js");
 /**
  * RadioTileGroup component to group RadioTile components together

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import type { IconProps, PolymorphicForwardRefComponent, PolymorphicComponentProps, InputFlexContainerProps } from '../utils/index.js';
 import type { IconButtonProps } from '../Buttons/IconButton/index.js';
-import '@itwin/itwinui-css/css/searchbox.css';
 declare type SearchBoxOwnProps = {
     /**
      * Whether the searchbox is expandable.

package/cjs/core/SearchBox/SearchBox.js

@@ -35,7 +35,6 @@ const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../utils/index.js");
 const index_js_2 = require("../Buttons/IconButton/index.js");
-require("@itwin/itwinui-css/css/searchbox.css");
 const SearchBoxContext = React.createContext(undefined);
 const SearchBoxComponent = React.forwardRef((props, ref) => {
     (0, index_js_1.useTheme)();

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { PopoverProps, CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/select.css';
 export declare type ItemRendererProps = {
     /**
      * Close handler that closes the dropdown.

package/cjs/core/Select/Select.js

@@ -35,7 +35,6 @@ const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../Menu/index.js");
 const index_js_2 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/select.css");
 const SelectTag_js_1 = __importDefault(require("./SelectTag.js"));
 const SelectTagContainer_js_1 = __importDefault(require("./SelectTagContainer.js"));
 const isMultipleEnabled = (variable, multiple) => {

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/select.css';
 export declare type SelectTagProps = {
     /**
      * Text inside the tag.

package/cjs/core/Select/SelectTag.js

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

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/side-navigation.css';
 export declare type SideNavigationProps = {
     /**
      * Buttons shown in the top portion of sidenav.

package/cjs/core/SideNavigation/SideNavigation.js

@@ -36,7 +36,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../utils/index.js");
 const index_js_2 = require("../Buttons/index.js");
 const index_js_3 = require("../Tooltip/index.js");
-require("@itwin/itwinui-css/css/side-navigation.css");
 /**
  * Left side navigation menu component.
  * @example

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

@@ -1,6 +1,5 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { ButtonProps } from '../Buttons/index.js';
-import '@itwin/itwinui-css/css/side-navigation.css';
 export declare type SidenavButtonProps = {
     /**
      * Whether the sidenav button is active,

package/cjs/core/SideNavigation/SidenavButton.js

@@ -35,7 +35,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
 const index_js_2 = require("../Buttons/index.js");
-require("@itwin/itwinui-css/css/side-navigation.css");
 /**
  * Wrapper around Button to be used as SideNavigation items.
  * Label is hidden when sidenav is collapsed.

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

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

package/cjs/core/SideNavigation/SidenavSubmenu.js

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

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/side-navigation.css';
 export declare type SidenavSubmenuHeaderProps = {
     /**
      * Content of the submenu header (e.g. label)

package/cjs/core/SideNavigation/SidenavSubmenuHeader.js

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

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/skip-to-content.css';
 export declare type SkipToContentLinkProps = {
     /**
      * The id of the main content that the link directs to. Don't forget the #!

package/cjs/core/SkipToContentLink/SkipToContentLink.js

@@ -34,7 +34,6 @@ exports.SkipToContentLink = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/skip-to-content.css");
 /**
  * `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,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/slider.css';
 import type { CommonProps } from '../utils/index.js';
 import type { TooltipProps } from '../Tooltip/index.js';
 /**

package/cjs/core/Slider/Slider.js

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

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

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

package/cjs/core/Stepper/Stepper.js

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

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/workflow-diagram.css';
 import type { StepperProps } from './Stepper.js';
 export declare type WorkflowDiagramProps = Pick<StepperProps, 'steps'>;
 export declare const WorkflowDiagram: React.ForwardRefExoticComponent<WorkflowDiagramProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/core/Stepper/WorkflowDiagram.js

@@ -30,7 +30,6 @@ exports.WorkflowDiagram = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/workflow-diagram.css");
 const WorkflowDiagramStep_js_1 = require("./WorkflowDiagramStep.js");
 exports.WorkflowDiagram = React.forwardRef((props, ref) => {
     const { steps, ...rest } = props;

package/cjs/core/Surface/Surface.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { CommonProps, PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../utils/index.js';
-import '@itwin/itwinui-css/css/surface.css';
 declare type SurfaceHeaderOwnProps = {};
 export declare type SurfaceHeaderProps<T extends React.ElementType = 'div'> = PolymorphicComponentProps<T, SurfaceHeaderOwnProps>;
 declare type SurfaceBodyOwnProps = {

package/cjs/core/Surface/Surface.js

@@ -34,7 +34,6 @@ exports.Surface = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/surface.css");
 /**
  * Helper function that returns one of the preset surface elevation values.
  */

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import type { CellProps, TableOptions, Row, TableState } from 'react-table';
 import type { CommonProps } from '../utils/index.js';
-import '@itwin/itwinui-css/css/table.css';
 import type { TableFilterValue } from './filters/index.js';
 export declare const tableResizeStartAction = "tableResizeStart";
 export declare type TablePaginatorRendererProps = {

package/cjs/core/Table/Table.js

@@ -36,7 +36,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_table_1 = require("react-table");
 const index_js_1 = require("../ProgressIndicators/index.js");
 const index_js_2 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/table.css");
 const utils_js_1 = require("./utils.js");
 const TableRowMemoized_js_1 = require("./TableRowMemoized.js");
 const index_js_3 = require("./filters/index.js");

package/cjs/core/Table/TablePaginator.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import '@itwin/itwinui-css/css/table.css';
 import type { CommonProps } from '../utils/index.js';
 import type { TablePaginatorRendererProps } from './Table.js';
 export declare type TablePaginatorProps = {

package/cjs/core/Table/TablePaginator.js

@@ -33,7 +33,6 @@ exports.TablePaginator = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/table.css");
 const index_js_1 = require("../Buttons/index.js");
 const index_js_2 = require("../ProgressIndicators/index.js");
 const index_js_3 = require("../Menu/index.js");

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/table.css';
 import type { CommonProps } from '../../utils/index.js';
 export declare type BaseFilterProps = {
     /**

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

@@ -33,7 +33,6 @@ exports.BaseFilter = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/table.css");
 const index_js_1 = require("../../utils/index.js");
 /**
  * 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 type { FilterButtonBarTranslation } from '../FilterButtonBar.js';
 import type { TableFilterProps } from '../types.js';
-import '@itwin/itwinui-css/css/table.css';
 export declare type DateRangeTranslation = {
     from: string;
     to: string;

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

@@ -35,7 +35,6 @@ const React = __importStar(require("react"));
 const index_js_1 = require("../../../utils/index.js");
 const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
 const BaseFilter_js_1 = require("../BaseFilter.js");
-require("@itwin/itwinui-css/css/table.css");
 const DatePickerInput_js_1 = __importDefault(require("./DatePickerInput.js"));
 const defaultStrings = {
     from: 'From',

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

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

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

@@ -33,7 +33,6 @@ exports.FilterButtonBar = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/table.css");
 const index_js_1 = require("../../utils/index.js");
 const index_js_2 = require("../../Buttons/index.js");
 const defaultStrings = {

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

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

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

@@ -33,7 +33,6 @@ exports.FilterToggle = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/table.css");
 const index_js_1 = require("../../utils/index.js");
 const index_js_2 = require("../../Buttons/index.js");
 /**

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

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

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

@@ -32,7 +32,6 @@ const React = __importStar(require("react"));
 const index_js_1 = require("../../../utils/index.js");
 const FilterButtonBar_js_1 = require("../FilterButtonBar.js");
 const BaseFilter_js_1 = require("../BaseFilter.js");
-require("@itwin/itwinui-css/css/table.css");
 const index_js_2 = require("../../../LabeledInput/index.js");
 const 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 type { FilterButtonBarTranslation } from '../FilterButtonBar.js';
 import type { TableFilterProps } from '../types.js';
 export declare type TextFilterProps<T extends Record<string, unknown>> = TableFilterProps<T> & {

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

@@ -29,7 +29,6 @@ exports.TextFilter = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-require("@itwin/itwinui-css/css/table.css");
 const index_js_1 = require("../../../utils/index.js");
 const index_js_2 = require("../../../Input/index.js");
 const FilterButtonBar_js_1 = require("../FilterButtonBar.js");

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

@@ -1,5 +1,4 @@
 import * as 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

@@ -34,7 +34,6 @@ exports.Tab = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
-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 * as React from 'react';
-import '@itwin/itwinui-css/css/tabs.css';
 export declare type OverflowOptions = {
     /**
      * Whether to allow tabs list to scroll when there is overflow,

package/cjs/core/Tabs/Tabs.js

@@ -34,7 +34,6 @@ exports.VerticalTabs = exports.HorizontalTabs = exports.Tabs = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/tabs.css");
 const Tab_js_1 = require("./Tab.js");
 /**
  * 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 * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
-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 @@ exports.Tag = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/tag.css");
 const index_js_2 = require("../Buttons/index.js");
 /**
  * Tag for showing categories, filters etc.

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

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

package/cjs/core/Tag/TagContainer.js

@@ -34,7 +34,6 @@ exports.TagContainer = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/tag.css");
 /**
  * TagContainer for grouping tags.
  * @example

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

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

package/cjs/core/Textarea/Textarea.js

@@ -34,7 +34,6 @@ exports.Textarea = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/input.css");
 /**
  * Basic textarea component
  * @example

package/cjs/core/ThemeProvider/ThemeProvider.d.ts

@@ -1,7 +1,5 @@
 import * as React from 'react';
 import type { PolymorphicComponentProps, PolymorphicForwardRefComponent, ThemeOptions, ThemeType } from '../utils/index.js';
-import '@itwin/itwinui-css/css/global.css';
-import '@itwin/itwinui-variables/index.css';
 export declare type ThemeProviderProps<T extends React.ElementType = 'div'> = PolymorphicComponentProps<T, ThemeProviderOwnProps>;
 declare type RootProps = {
     /**
@@ -37,11 +35,30 @@ declare type RootProps = {
      */
     isInheritingTheme?: boolean;
 };
+declare type IncludeCssProps = {
+    /**
+     * If false, styles will not be included at runtime, so .css will need to
+     * be manually imported. By default, styles are included and wrapped in a layer.
+     *
+     * @default { withLayer: true }
+     */
+    includeCss?: boolean | {
+        /**
+         * If true, all styles will be wrapped in a cascade layer named `itwinui`.
+         * This helps avoid specificity battles with application styles.
+         *
+         * @default true
+         */
+        withLayer: boolean;
+    };
+};
 declare type ThemeProviderOwnProps = Pick<RootProps, 'theme'> & ({
     themeOptions?: RootProps['themeOptions'];
+    includeCss?: IncludeCssProps['includeCss'];
     children: Required<React.ReactNode>;
 } | {
     themeOptions?: ThemeOptions;
+    includeCss?: never;
     children?: undefined;
 });
 /**
@@ -76,4 +93,5 @@ export declare const ThemeContext: React.Context<{
     theme?: ThemeType | undefined;
     themeOptions?: ThemeOptions | undefined;
     rootRef: React.RefObject<HTMLElement>;
+    includeCss?: IncludeCssProps['includeCss'];
 } | undefined>;