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

package/cjs/core/Header/HeaderButton.js

@@ -34,6 +34,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var Buttons_1 = require("../Buttons");
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/header.css");
 var isSplitButton = function (props) {
     return !!props.menuItems && !!props.onClick;
 };

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CommonProps } from '../utils';
+import '@itwin/itwinui-css/css/header.css';
 export declare type HeaderLogoProps = {
     /**
      * Logo shown before the main content.

package/cjs/core/Header/HeaderLogo.js

@@ -33,6 +33,7 @@ exports.HeaderLogo = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/header.css");
 /**
  * Header Title section
  * @example

package/cjs/core/InformationPanel/InformationPanel.d.ts

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

package/cjs/core/InformationPanel/InformationPanel.js

@@ -33,6 +33,7 @@ exports.InformationPanel = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+require("@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/cjs/core/InformationPanel/InformationPanelBody.d.ts

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

package/cjs/core/InformationPanel/InformationPanelBody.js

@@ -33,6 +33,7 @@ exports.InformationPanelBody = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/information-panel.css");
 /**
  * Body of the `InformationPanel` containing the main content.
  */

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CommonProps } from '../utils';
+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/cjs/core/InformationPanel/InformationPanelContent.js

@@ -33,6 +33,7 @@ exports.InformationPanelContent = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+require("@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/cjs/core/InformationPanel/InformationPanelHeader.d.ts

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

package/cjs/core/InformationPanel/InformationPanelHeader.js

@@ -35,6 +35,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var Buttons_1 = require("../Buttons");
 var CloseSmall_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/CloseSmall"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/information-panel.css");
 /**
  * Header of the InformationPanel to be passed in the `header` prop.
  *

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

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

package/cjs/core/InformationPanel/InformationPanelWrapper.js

@@ -33,6 +33,7 @@ exports.InformationPanelWrapper = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/information-panel.css");
 /**
  * InformationPanelWrapper should contain the `InformationPanel`
  * and the component over which the panel will overlay.

package/cjs/core/Input/Input.d.ts

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

package/cjs/core/Input/Input.js

@@ -33,6 +33,7 @@ exports.Input = 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 input component
  * @example

package/cjs/core/InputGroup/InputGroup.d.ts

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

package/cjs/core/InputGroup/InputGroup.js

@@ -32,6 +32,7 @@ exports.InputGroup = void 0;
  *--------------------------------------------------------------------------------------------*/
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/inputs.css");
 /**
  * Group Checkbox/Radio components together
  * @example

package/cjs/core/Label/Label.d.ts

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

package/cjs/core/Label/Label.js

@@ -33,6 +33,7 @@ exports.Label = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/inputs.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/cjs/core/LabeledInput/LabeledInput.d.ts

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

package/cjs/core/LabeledInput/LabeledInput.js

@@ -33,6 +33,7 @@ exports.LabeledInput = void 0;
 var react_1 = __importDefault(require("react"));
 var Input_1 = require("../Input/Input");
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/inputs.css");
 /**
  * Basic labeled input component
  * @example

package/cjs/core/LabeledSelect/LabeledSelect.d.ts

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

package/cjs/core/LabeledSelect/LabeledSelect.js

@@ -33,6 +33,7 @@ exports.LabeledSelect = void 0;
 var react_1 = __importDefault(require("react"));
 var Select_1 = require("../Select");
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/inputs.css");
 /**
  * Labeled select component to select value from options.
  * @example

package/cjs/core/LabeledTextarea/LabeledTextarea.d.ts

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

package/cjs/core/LabeledTextarea/LabeledTextarea.js

@@ -33,6 +33,7 @@ exports.LabeledTextarea = void 0;
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
 var Textarea_1 = require("../Textarea");
+require("@itwin/itwinui-css/css/inputs.css");
 /**
  * Textarea wrapper that allows for additional styling and labelling
  * @example

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

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

package/cjs/core/Menu/Menu.js

@@ -33,6 +33,7 @@ exports.Menu = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/menu.css");
 /**
  * Basic menu component. Can be used for select or dropdown components.
  */

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

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

package/cjs/core/Menu/MenuDivider.js

@@ -33,6 +33,7 @@ exports.MenuDivider = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/menu.css");
 /**
  * Divider between menu items. Should be used inside `Menu`.
  * @example

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

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

package/cjs/core/Menu/MenuExtraContent.js

@@ -33,6 +33,7 @@ exports.MenuExtraContent = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/menu.css");
 /**
  * Component that allows to have any additional content inside `Menu`.
  * @example

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CommonProps } from '../utils';
+import '@itwin/itwinui-css/css/menu.css';
 export declare type MenuItemProps = {
     /**
      * Item is selected.

package/cjs/core/Menu/MenuItem.js

@@ -33,6 +33,7 @@ exports.MenuItem = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/menu.css");
 var CaretRightSmall_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/CaretRightSmall"));
 var Menu_1 = require("./Menu");
 /**

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

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

package/cjs/core/Menu/MenuItemSkeleton.js

@@ -33,6 +33,7 @@ exports.MenuItemSkeleton = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/menu.css");
 /**
  * Menu item that uses skeletons to indicate loading state.
  */

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

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

package/cjs/core/Modal/Modal.js

@@ -33,6 +33,7 @@ exports.Modal = void 0;
 var react_1 = __importDefault(require("react"));
 var react_dom_1 = __importDefault(require("react-dom"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/dialog.css");
 var Dialog_1 = require("../Dialog");
 /**
  * Modal component which can wrap any content.

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CommonProps } from '../../utils';
+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

@@ -33,6 +33,7 @@ exports.ProgressLinear = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../../utils");
+require("@itwin/itwinui-css/css/progress-indicator.css");
 /**
  * Shows progress on a linear bar
  * @example

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CommonProps } from '../../utils';
+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

@@ -35,6 +35,7 @@ var ImportantSmall_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/i
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../utils");
+require("@itwin/itwinui-css/css/progress-indicator.css");
 /**
  * Circular Progress Indicator
  * @example

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

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

package/cjs/core/Radio/Radio.js

@@ -33,6 +33,7 @@ exports.Radio = 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 radio input component
  * @example

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

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

@@ -33,6 +33,7 @@ exports.RadioTile = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+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,5 +1,6 @@
 /// <reference types="react" />
 import { InputGroupProps } from '../InputGroup';
+import '@itwin/itwinui-css/css/inputs.css';
 export declare type RadioTileGroupProps = Omit<InputGroupProps, 'displayStyle' | 'disabled'>;
 /**
  * RadioTileGroup component to group RadioTile components together

package/cjs/core/RadioTiles/RadioTileGroup.js

@@ -32,6 +32,7 @@ exports.RadioTileGroup = void 0;
  *--------------------------------------------------------------------------------------------*/
 var react_1 = __importDefault(require("react"));
 var InputGroup_1 = require("../InputGroup");
+require("@itwin/itwinui-css/css/inputs.css");
 var utils_1 = require("../utils");
 /**
  * RadioTileGroup component to group RadioTile components together

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

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

package/cjs/core/Select/Select.js

@@ -35,6 +35,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var DropdownMenu_1 = require("../DropdownMenu");
 var MenuItem_1 = require("../Menu/MenuItem");
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/inputs.css");
 var CaretDownSmall_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/CaretDownSmall"));
 var SelectTag_1 = __importDefault(require("./SelectTag"));
 var isMultipleEnabled = function (variable, multiple) {

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

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

package/cjs/core/Select/SelectTag.js

@@ -33,6 +33,7 @@ exports.SelectTag = 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");
 /**
  * Tag for showing selected value in `Select`.
  * @private

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CommonProps } from '../utils';
+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,6 +36,7 @@ var utils_1 = require("../utils");
 var ChevronRight_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/ChevronRight"));
 var Buttons_1 = require("../Buttons");
 var Tooltip_1 = require("../Tooltip");
+require("@itwin/itwinui-css/css/side-navigation.css");
 /**
  * Left side navigation menu component.
  * @example

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

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

package/cjs/core/SideNavigation/SidenavButton.js

@@ -34,6 +34,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
 var Buttons_1 = require("../Buttons");
+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,5 +1,6 @@
 import React from 'react';
 import { CommonProps } from '../utils';
+import '@itwin/itwinui-css/css/side-navigation.css';
 export declare type SidenavSubmenuProps = {
     /**
      * Content of the submenu.

package/cjs/core/SideNavigation/SidenavSubmenu.js

@@ -33,6 +33,7 @@ exports.SidenavSubmenu = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+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,5 +1,6 @@
 import React from 'react';
 import { CommonProps } from '../utils';
+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

@@ -33,6 +33,7 @@ exports.SidenavSubmenuHeader = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+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,4 +1,5 @@
 import 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

@@ -33,6 +33,7 @@ exports.SkipToContentLink = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
+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,6 @@
 import React from 'react';
 import { CommonProps } from '../utils';
+import '@itwin/itwinui-css/css/slider.css';
 import { TooltipProps } from '../Tooltip';
 /**
  * Determines which segments are shown with color.

package/cjs/core/Slider/Slider.js

@@ -42,6 +42,7 @@ exports.Slider = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/slider.css");
 var Track_1 = require("./Track");
 var Thumb_1 = require("./Thumb");
 var getPercentageOfRectangle = function (rect, pointerX, pointerY, orientation) {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CommonProps } from '../utils';
+import '@itwin/itwinui-css/css/surface.css';
 export declare type SurfaceProps = {
     /**
      * Sets the elevation of the surface

package/cjs/core/Surface/Surface.js

@@ -33,6 +33,7 @@ exports.Surface = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var utils_1 = require("../utils");
+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,6 +1,7 @@
 import React from 'react';
 import { CellProps, TableOptions, Row, TableState } from 'react-table';
 import { CommonProps } from '../utils';
+import '@itwin/itwinui-css/css/table.css';
 import { TableFilterValue } from './filters';
 export declare const tableResizeStartAction = "tableResizeStart";
 export declare type TablePaginatorRendererProps = {

package/cjs/core/Table/Table.js

@@ -35,6 +35,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var react_table_1 = require("react-table");
 var ProgressIndicators_1 = require("../ProgressIndicators");
 var utils_1 = require("../utils");
+require("@itwin/itwinui-css/css/table.css");
 var SortDown_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/SortDown"));
 var SortUp_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/SortUp"));
 var utils_2 = require("./utils");

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

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

package/cjs/core/Table/TablePaginator.js

@@ -32,6 +32,7 @@ exports.TablePaginator = void 0;
  *--------------------------------------------------------------------------------------------*/
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
+require("@itwin/itwinui-css/css/table.css");
 var ChevronLeft_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/ChevronLeft"));
 var ChevronRight_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/ChevronRight"));
 var Buttons_1 = require("../Buttons");

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

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

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

@@ -10,6 +10,7 @@ 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.