@itwin/itwinui-react 3.0.0-dev.0 → 3.0.0-dev.1

package/cjs/core/Tree/Tree.js

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

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

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

package/cjs/core/Tree/TreeNode.js

@@ -33,7 +33,6 @@ exports.TreeNode = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const index_js_1 = require("../utils/index.js");
-require("@itwin/itwinui-css/css/tree.css");
 const classnames_1 = __importDefault(require("classnames"));
 const TreeNodeExpander_js_1 = require("./TreeNodeExpander.js");
 const TreeContext_js_1 = require("./TreeContext.js");

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

@@ -1,6 +1,5 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { IconButtonProps } from '../Buttons/IconButton/IconButton.js';
-import '@itwin/itwinui-css/css/tree.css';
 declare type TreeNodeExpanderProps = {
     isExpanded?: boolean;
 } & IconButtonProps;

package/cjs/core/Tree/TreeNodeExpander.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/tree.css");
 exports.TreeNodeExpander = React.forwardRef((props, ref) => {
     const { isExpanded, ...rest } = props;
     return (React.createElement(index_js_2.IconButton, { styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand', ref: ref, ...rest },

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

@@ -1,4 +1,3 @@
-import '@itwin/itwinui-css/css/anchor.css';
 /**
  * A consistently styled anchor component.
  *

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

@@ -6,7 +6,6 @@ exports.Anchor = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/anchor.css");
 /**
  * A consistently styled anchor component.
  *

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/blockquote.css';
 declare type BlockquoteProps = {
     /**
      * Optional footer for any attribution/source.

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

@@ -34,7 +34,6 @@ exports.Blockquote = 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/blockquote.css");
 /**
  * Basic blockquote component
  * @example

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

@@ -1,4 +1,3 @@
-import '@itwin/itwinui-css/css/code.css';
 /**
  * Inline code element.
  * @example

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

@@ -6,7 +6,6 @@ exports.Code = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const index_js_1 = require("../../utils/index.js");
-require("@itwin/itwinui-css/css/code.css");
 /**
  * Inline code element.
  * @example

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

@@ -1,5 +1,4 @@
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/keyboard.css';
 /**
  * Some predefined strings for common keyboard keys.
  */

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

@@ -34,7 +34,6 @@ exports.Kbd = exports.KbdKeys = 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/keyboard.css");
 /**
  * Some predefined strings for common keyboard keys.
  */

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

@@ -1,5 +1,4 @@
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-import '@itwin/itwinui-css/css/text.css';
 declare type TextProps = {
     /**
      * Which typography variant/size should be used for the styling?

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

@@ -34,7 +34,6 @@ exports.Text = 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/text.css");
 /**
  * Polymorphic typography component to render any kind of text as any kind of element.
  * Users should decide which element to render based on the context of their app. Link to heading levels docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#accessibility_concerns

package/cjs/core/index.d.ts

@@ -22,6 +22,7 @@ export { Footer, defaultFooterElements } from './Footer/index.js';
 export type { FooterElement, TitleTranslations } from './Footer/index.js';
 export { Header, HeaderBreadcrumbs, HeaderButton, HeaderLogo, } from './Header/index.js';
 export { List, ListItem } from './List/index.js';
+export { TransferList } from './TransferList/index.js';
 export { VerticalTabs, Tabs, Tab, HorizontalTabs } from './Tabs/index.js';
 export { InformationPanel, InformationPanelWrapper, InformationPanelHeader, InformationPanelBody, InformationPanelContent, } from './InformationPanel/index.js';
 export { Input } from './Input/index.js';

package/cjs/core/index.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InformationPanelBody = exports.InformationPanelHeader = exports.InformationPanelWrapper = exports.InformationPanel = exports.HorizontalTabs = exports.Tab = exports.Tabs = exports.VerticalTabs = exports.ListItem = exports.List = exports.HeaderLogo = exports.HeaderButton = exports.HeaderBreadcrumbs = exports.Header = exports.defaultFooterElements = exports.Footer = exports.FileEmptyCard = exports.FileUploadCard = exports.FileUploadTemplate = exports.FileUpload = exports.Fieldset = exports.ExpandableBlock = exports.NonIdealState = exports.ErrorPage = exports.DropdownMenu = exports.Dialog = exports.generateLocalizedStrings = exports.DatePicker = exports.ComboBox = exports.ColorPalette = exports.ColorInputPanel = exports.ColorBuilder = exports.ColorSwatch = exports.ColorPicker = exports.Checkbox = exports.Carousel = exports.ButtonGroup = exports.SplitButton = exports.IdeasButton = exports.IconButton = exports.DropdownButton = exports.Button = exports.Breadcrumbs = exports.Badge = exports.Backdrop = exports.UserIconGroup = exports.AvatarGroup = exports.UserIcon = exports.Avatar = exports.Alert = void 0;
-exports.Tree = exports.Tooltip = exports.ToggleSwitch = exports.ThemeProvider = exports.toaster = exports.TimePicker = exports.Tile = exports.Textarea = exports.TagContainer = exports.Tag = exports.SelectionColumn = exports.ExpanderColumn = exports.ActionColumn = exports.TablePaginator = exports.EditableCell = exports.DefaultCell = exports.FilterButtonBar = exports.BaseFilter = exports.tableFilters = exports.Table = exports.Surface = exports.StatusMessage = exports.Slider = exports.SkipToContentLink = exports.SidenavSubmenuHeader = exports.SidenavSubmenu = exports.SidenavButton = exports.SideNavigation = exports.Select = exports.RadioTileGroup = exports.RadioTile = exports.Radio = exports.ProgressRadial = exports.ProgressLinear = exports.NotificationMarker = exports.ModalContent = exports.ModalButtonBar = exports.Modal = exports.MenuItemSkeleton = exports.MenuExtraContent = exports.MenuDivider = exports.MenuItem = exports.Menu = exports.LabeledTextarea = exports.LabeledSelect = exports.InputGroup = exports.LabeledInput = exports.Label = exports.Input = exports.InformationPanelContent = void 0;
-exports.Divider = exports.VisuallyHidden = exports.Flex = exports.Icon = exports.LinkAction = exports.LinkBox = exports.MiddleTextTruncation = exports.ColorValue = exports.getUserColor = exports.SearchBox = exports.WorkflowDiagram = exports.Stepper = exports.Wizard = exports.Text = exports.KbdKeys = exports.Kbd = exports.Code = exports.Blockquote = exports.Anchor = exports.TreeNodeExpander = exports.TreeNode = void 0;
+exports.InformationPanelHeader = exports.InformationPanelWrapper = exports.InformationPanel = exports.HorizontalTabs = exports.Tab = exports.Tabs = exports.VerticalTabs = exports.TransferList = exports.ListItem = exports.List = exports.HeaderLogo = exports.HeaderButton = exports.HeaderBreadcrumbs = exports.Header = exports.defaultFooterElements = exports.Footer = exports.FileEmptyCard = exports.FileUploadCard = exports.FileUploadTemplate = exports.FileUpload = exports.Fieldset = exports.ExpandableBlock = exports.NonIdealState = exports.ErrorPage = exports.DropdownMenu = exports.Dialog = exports.generateLocalizedStrings = exports.DatePicker = exports.ComboBox = exports.ColorPalette = exports.ColorInputPanel = exports.ColorBuilder = exports.ColorSwatch = exports.ColorPicker = exports.Checkbox = exports.Carousel = exports.ButtonGroup = exports.SplitButton = exports.IdeasButton = exports.IconButton = exports.DropdownButton = exports.Button = exports.Breadcrumbs = exports.Badge = exports.Backdrop = exports.UserIconGroup = exports.AvatarGroup = exports.UserIcon = exports.Avatar = exports.Alert = void 0;
+exports.Tooltip = exports.ToggleSwitch = exports.ThemeProvider = exports.toaster = exports.TimePicker = exports.Tile = exports.Textarea = exports.TagContainer = exports.Tag = exports.SelectionColumn = exports.ExpanderColumn = exports.ActionColumn = exports.TablePaginator = exports.EditableCell = exports.DefaultCell = exports.FilterButtonBar = exports.BaseFilter = exports.tableFilters = exports.Table = exports.Surface = exports.StatusMessage = exports.Slider = exports.SkipToContentLink = exports.SidenavSubmenuHeader = exports.SidenavSubmenu = exports.SidenavButton = exports.SideNavigation = exports.Select = exports.RadioTileGroup = exports.RadioTile = exports.Radio = exports.ProgressRadial = exports.ProgressLinear = exports.NotificationMarker = exports.ModalContent = exports.ModalButtonBar = exports.Modal = exports.MenuItemSkeleton = exports.MenuExtraContent = exports.MenuDivider = exports.MenuItem = exports.Menu = exports.LabeledTextarea = exports.LabeledSelect = exports.InputGroup = exports.LabeledInput = exports.Label = exports.Input = exports.InformationPanelContent = exports.InformationPanelBody = void 0;
+exports.Divider = exports.VisuallyHidden = exports.Flex = exports.Icon = exports.LinkAction = exports.LinkBox = exports.MiddleTextTruncation = exports.ColorValue = exports.getUserColor = exports.SearchBox = exports.WorkflowDiagram = exports.Stepper = exports.Wizard = exports.Text = exports.KbdKeys = exports.Kbd = exports.Code = exports.Blockquote = exports.Anchor = exports.TreeNodeExpander = exports.TreeNode = exports.Tree = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -74,116 +74,118 @@ Object.defineProperty(exports, "HeaderLogo", { enumerable: true, get: function (
 var index_js_22 = require("./List/index.js");
 Object.defineProperty(exports, "List", { enumerable: true, get: function () { return index_js_22.List; } });
 Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return index_js_22.ListItem; } });
-var index_js_23 = require("./Tabs/index.js");
-Object.defineProperty(exports, "VerticalTabs", { enumerable: true, get: function () { return index_js_23.VerticalTabs; } });
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return index_js_23.Tabs; } });
-Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return index_js_23.Tab; } });
-Object.defineProperty(exports, "HorizontalTabs", { enumerable: true, get: function () { return index_js_23.HorizontalTabs; } });
-var index_js_24 = require("./InformationPanel/index.js");
-Object.defineProperty(exports, "InformationPanel", { enumerable: true, get: function () { return index_js_24.InformationPanel; } });
-Object.defineProperty(exports, "InformationPanelWrapper", { enumerable: true, get: function () { return index_js_24.InformationPanelWrapper; } });
-Object.defineProperty(exports, "InformationPanelHeader", { enumerable: true, get: function () { return index_js_24.InformationPanelHeader; } });
-Object.defineProperty(exports, "InformationPanelBody", { enumerable: true, get: function () { return index_js_24.InformationPanelBody; } });
-Object.defineProperty(exports, "InformationPanelContent", { enumerable: true, get: function () { return index_js_24.InformationPanelContent; } });
-var index_js_25 = require("./Input/index.js");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return index_js_25.Input; } });
-var index_js_26 = require("./Label/index.js");
-Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return index_js_26.Label; } });
-var index_js_27 = require("./LabeledInput/index.js");
-Object.defineProperty(exports, "LabeledInput", { enumerable: true, get: function () { return index_js_27.LabeledInput; } });
-var index_js_28 = require("./InputGroup/index.js");
-Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return index_js_28.InputGroup; } });
-var index_js_29 = require("./LabeledSelect/index.js");
-Object.defineProperty(exports, "LabeledSelect", { enumerable: true, get: function () { return index_js_29.LabeledSelect; } });
-var index_js_30 = require("./LabeledTextarea/index.js");
-Object.defineProperty(exports, "LabeledTextarea", { enumerable: true, get: function () { return index_js_30.LabeledTextarea; } });
-var index_js_31 = require("./Menu/index.js");
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return index_js_31.Menu; } });
-Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return index_js_31.MenuItem; } });
-Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return index_js_31.MenuDivider; } });
-Object.defineProperty(exports, "MenuExtraContent", { enumerable: true, get: function () { return index_js_31.MenuExtraContent; } });
-Object.defineProperty(exports, "MenuItemSkeleton", { enumerable: true, get: function () { return index_js_31.MenuItemSkeleton; } });
-var index_js_32 = require("./Modal/index.js");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return index_js_32.Modal; } });
-Object.defineProperty(exports, "ModalButtonBar", { enumerable: true, get: function () { return index_js_32.ModalButtonBar; } });
-Object.defineProperty(exports, "ModalContent", { enumerable: true, get: function () { return index_js_32.ModalContent; } });
-var index_js_33 = require("./NotificationMarker/index.js");
-Object.defineProperty(exports, "NotificationMarker", { enumerable: true, get: function () { return index_js_33.NotificationMarker; } });
-var index_js_34 = require("./ProgressIndicators/index.js");
-Object.defineProperty(exports, "ProgressLinear", { enumerable: true, get: function () { return index_js_34.ProgressLinear; } });
-Object.defineProperty(exports, "ProgressRadial", { enumerable: true, get: function () { return index_js_34.ProgressRadial; } });
-var index_js_35 = require("./Radio/index.js");
-Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return index_js_35.Radio; } });
-var index_js_36 = require("./RadioTiles/index.js");
-Object.defineProperty(exports, "RadioTile", { enumerable: true, get: function () { return index_js_36.RadioTile; } });
-Object.defineProperty(exports, "RadioTileGroup", { enumerable: true, get: function () { return index_js_36.RadioTileGroup; } });
-var index_js_37 = require("./Select/index.js");
-Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return index_js_37.Select; } });
-var index_js_38 = require("./SideNavigation/index.js");
-Object.defineProperty(exports, "SideNavigation", { enumerable: true, get: function () { return index_js_38.SideNavigation; } });
-Object.defineProperty(exports, "SidenavButton", { enumerable: true, get: function () { return index_js_38.SidenavButton; } });
-Object.defineProperty(exports, "SidenavSubmenu", { enumerable: true, get: function () { return index_js_38.SidenavSubmenu; } });
-Object.defineProperty(exports, "SidenavSubmenuHeader", { enumerable: true, get: function () { return index_js_38.SidenavSubmenuHeader; } });
-var index_js_39 = require("./SkipToContentLink/index.js");
-Object.defineProperty(exports, "SkipToContentLink", { enumerable: true, get: function () { return index_js_39.SkipToContentLink; } });
-var index_js_40 = require("./Slider/index.js");
-Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return index_js_40.Slider; } });
-var index_js_41 = require("./StatusMessage/index.js");
-Object.defineProperty(exports, "StatusMessage", { enumerable: true, get: function () { return index_js_41.StatusMessage; } });
-var index_js_42 = require("./Surface/index.js");
-Object.defineProperty(exports, "Surface", { enumerable: true, get: function () { return index_js_42.Surface; } });
-var index_js_43 = require("./Table/index.js");
-Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return index_js_43.Table; } });
-Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return index_js_43.tableFilters; } });
-Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return index_js_43.BaseFilter; } });
-Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return index_js_43.FilterButtonBar; } });
-Object.defineProperty(exports, "DefaultCell", { enumerable: true, get: function () { return index_js_43.DefaultCell; } });
-Object.defineProperty(exports, "EditableCell", { enumerable: true, get: function () { return index_js_43.EditableCell; } });
-Object.defineProperty(exports, "TablePaginator", { enumerable: true, get: function () { return index_js_43.TablePaginator; } });
-Object.defineProperty(exports, "ActionColumn", { enumerable: true, get: function () { return index_js_43.ActionColumn; } });
-Object.defineProperty(exports, "ExpanderColumn", { enumerable: true, get: function () { return index_js_43.ExpanderColumn; } });
-Object.defineProperty(exports, "SelectionColumn", { enumerable: true, get: function () { return index_js_43.SelectionColumn; } });
-var index_js_44 = require("./Tag/index.js");
-Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return index_js_44.Tag; } });
-Object.defineProperty(exports, "TagContainer", { enumerable: true, get: function () { return index_js_44.TagContainer; } });
-var index_js_45 = require("./Textarea/index.js");
-Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return index_js_45.Textarea; } });
-var index_js_46 = require("./Tile/index.js");
-Object.defineProperty(exports, "Tile", { enumerable: true, get: function () { return index_js_46.Tile; } });
-var index_js_47 = require("./TimePicker/index.js");
-Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return index_js_47.TimePicker; } });
-var index_js_48 = require("./Toast/index.js");
-Object.defineProperty(exports, "toaster", { enumerable: true, get: function () { return __importDefault(index_js_48).default; } });
-var index_js_49 = require("./ThemeProvider/index.js");
-Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return index_js_49.ThemeProvider; } });
-var index_js_50 = require("./ToggleSwitch/index.js");
-Object.defineProperty(exports, "ToggleSwitch", { enumerable: true, get: function () { return index_js_50.ToggleSwitch; } });
-var index_js_51 = require("./Tooltip/index.js");
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return index_js_51.Tooltip; } });
-var index_js_52 = require("./Tree/index.js");
-Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return index_js_52.Tree; } });
-Object.defineProperty(exports, "TreeNode", { enumerable: true, get: function () { return index_js_52.TreeNode; } });
-Object.defineProperty(exports, "TreeNodeExpander", { enumerable: true, get: function () { return index_js_52.TreeNodeExpander; } });
-var index_js_53 = require("./Typography/index.js");
-Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return index_js_53.Anchor; } });
-Object.defineProperty(exports, "Blockquote", { enumerable: true, get: function () { return index_js_53.Blockquote; } });
-Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return index_js_53.Code; } });
-Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return index_js_53.Kbd; } });
-Object.defineProperty(exports, "KbdKeys", { enumerable: true, get: function () { return index_js_53.KbdKeys; } });
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return index_js_53.Text; } });
-var index_js_54 = require("./Stepper/index.js");
-Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return index_js_54.Wizard; } });
-Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return index_js_54.Stepper; } });
-Object.defineProperty(exports, "WorkflowDiagram", { enumerable: true, get: function () { return index_js_54.WorkflowDiagram; } });
-var index_js_55 = require("./SearchBox/index.js");
-Object.defineProperty(exports, "SearchBox", { enumerable: true, get: function () { return index_js_55.SearchBox; } });
-var index_js_56 = require("./utils/index.js");
-Object.defineProperty(exports, "getUserColor", { enumerable: true, get: function () { return index_js_56.getUserColor; } });
-Object.defineProperty(exports, "ColorValue", { enumerable: true, get: function () { return index_js_56.ColorValue; } });
-Object.defineProperty(exports, "MiddleTextTruncation", { enumerable: true, get: function () { return index_js_56.MiddleTextTruncation; } });
-Object.defineProperty(exports, "LinkBox", { enumerable: true, get: function () { return index_js_56.LinkBox; } });
-Object.defineProperty(exports, "LinkAction", { enumerable: true, get: function () { return index_js_56.LinkAction; } });
-Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return index_js_56.Icon; } });
-Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return index_js_56.Flex; } });
-Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return index_js_56.VisuallyHidden; } });
-Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return index_js_56.Divider; } });
+var index_js_23 = require("./TransferList/index.js");
+Object.defineProperty(exports, "TransferList", { enumerable: true, get: function () { return index_js_23.TransferList; } });
+var index_js_24 = require("./Tabs/index.js");
+Object.defineProperty(exports, "VerticalTabs", { enumerable: true, get: function () { return index_js_24.VerticalTabs; } });
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return index_js_24.Tabs; } });
+Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return index_js_24.Tab; } });
+Object.defineProperty(exports, "HorizontalTabs", { enumerable: true, get: function () { return index_js_24.HorizontalTabs; } });
+var index_js_25 = require("./InformationPanel/index.js");
+Object.defineProperty(exports, "InformationPanel", { enumerable: true, get: function () { return index_js_25.InformationPanel; } });
+Object.defineProperty(exports, "InformationPanelWrapper", { enumerable: true, get: function () { return index_js_25.InformationPanelWrapper; } });
+Object.defineProperty(exports, "InformationPanelHeader", { enumerable: true, get: function () { return index_js_25.InformationPanelHeader; } });
+Object.defineProperty(exports, "InformationPanelBody", { enumerable: true, get: function () { return index_js_25.InformationPanelBody; } });
+Object.defineProperty(exports, "InformationPanelContent", { enumerable: true, get: function () { return index_js_25.InformationPanelContent; } });
+var index_js_26 = require("./Input/index.js");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return index_js_26.Input; } });
+var index_js_27 = require("./Label/index.js");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return index_js_27.Label; } });
+var index_js_28 = require("./LabeledInput/index.js");
+Object.defineProperty(exports, "LabeledInput", { enumerable: true, get: function () { return index_js_28.LabeledInput; } });
+var index_js_29 = require("./InputGroup/index.js");
+Object.defineProperty(exports, "InputGroup", { enumerable: true, get: function () { return index_js_29.InputGroup; } });
+var index_js_30 = require("./LabeledSelect/index.js");
+Object.defineProperty(exports, "LabeledSelect", { enumerable: true, get: function () { return index_js_30.LabeledSelect; } });
+var index_js_31 = require("./LabeledTextarea/index.js");
+Object.defineProperty(exports, "LabeledTextarea", { enumerable: true, get: function () { return index_js_31.LabeledTextarea; } });
+var index_js_32 = require("./Menu/index.js");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return index_js_32.Menu; } });
+Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return index_js_32.MenuItem; } });
+Object.defineProperty(exports, "MenuDivider", { enumerable: true, get: function () { return index_js_32.MenuDivider; } });
+Object.defineProperty(exports, "MenuExtraContent", { enumerable: true, get: function () { return index_js_32.MenuExtraContent; } });
+Object.defineProperty(exports, "MenuItemSkeleton", { enumerable: true, get: function () { return index_js_32.MenuItemSkeleton; } });
+var index_js_33 = require("./Modal/index.js");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return index_js_33.Modal; } });
+Object.defineProperty(exports, "ModalButtonBar", { enumerable: true, get: function () { return index_js_33.ModalButtonBar; } });
+Object.defineProperty(exports, "ModalContent", { enumerable: true, get: function () { return index_js_33.ModalContent; } });
+var index_js_34 = require("./NotificationMarker/index.js");
+Object.defineProperty(exports, "NotificationMarker", { enumerable: true, get: function () { return index_js_34.NotificationMarker; } });
+var index_js_35 = require("./ProgressIndicators/index.js");
+Object.defineProperty(exports, "ProgressLinear", { enumerable: true, get: function () { return index_js_35.ProgressLinear; } });
+Object.defineProperty(exports, "ProgressRadial", { enumerable: true, get: function () { return index_js_35.ProgressRadial; } });
+var index_js_36 = require("./Radio/index.js");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return index_js_36.Radio; } });
+var index_js_37 = require("./RadioTiles/index.js");
+Object.defineProperty(exports, "RadioTile", { enumerable: true, get: function () { return index_js_37.RadioTile; } });
+Object.defineProperty(exports, "RadioTileGroup", { enumerable: true, get: function () { return index_js_37.RadioTileGroup; } });
+var index_js_38 = require("./Select/index.js");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return index_js_38.Select; } });
+var index_js_39 = require("./SideNavigation/index.js");
+Object.defineProperty(exports, "SideNavigation", { enumerable: true, get: function () { return index_js_39.SideNavigation; } });
+Object.defineProperty(exports, "SidenavButton", { enumerable: true, get: function () { return index_js_39.SidenavButton; } });
+Object.defineProperty(exports, "SidenavSubmenu", { enumerable: true, get: function () { return index_js_39.SidenavSubmenu; } });
+Object.defineProperty(exports, "SidenavSubmenuHeader", { enumerable: true, get: function () { return index_js_39.SidenavSubmenuHeader; } });
+var index_js_40 = require("./SkipToContentLink/index.js");
+Object.defineProperty(exports, "SkipToContentLink", { enumerable: true, get: function () { return index_js_40.SkipToContentLink; } });
+var index_js_41 = require("./Slider/index.js");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return index_js_41.Slider; } });
+var index_js_42 = require("./StatusMessage/index.js");
+Object.defineProperty(exports, "StatusMessage", { enumerable: true, get: function () { return index_js_42.StatusMessage; } });
+var index_js_43 = require("./Surface/index.js");
+Object.defineProperty(exports, "Surface", { enumerable: true, get: function () { return index_js_43.Surface; } });
+var index_js_44 = require("./Table/index.js");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return index_js_44.Table; } });
+Object.defineProperty(exports, "tableFilters", { enumerable: true, get: function () { return index_js_44.tableFilters; } });
+Object.defineProperty(exports, "BaseFilter", { enumerable: true, get: function () { return index_js_44.BaseFilter; } });
+Object.defineProperty(exports, "FilterButtonBar", { enumerable: true, get: function () { return index_js_44.FilterButtonBar; } });
+Object.defineProperty(exports, "DefaultCell", { enumerable: true, get: function () { return index_js_44.DefaultCell; } });
+Object.defineProperty(exports, "EditableCell", { enumerable: true, get: function () { return index_js_44.EditableCell; } });
+Object.defineProperty(exports, "TablePaginator", { enumerable: true, get: function () { return index_js_44.TablePaginator; } });
+Object.defineProperty(exports, "ActionColumn", { enumerable: true, get: function () { return index_js_44.ActionColumn; } });
+Object.defineProperty(exports, "ExpanderColumn", { enumerable: true, get: function () { return index_js_44.ExpanderColumn; } });
+Object.defineProperty(exports, "SelectionColumn", { enumerable: true, get: function () { return index_js_44.SelectionColumn; } });
+var index_js_45 = require("./Tag/index.js");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return index_js_45.Tag; } });
+Object.defineProperty(exports, "TagContainer", { enumerable: true, get: function () { return index_js_45.TagContainer; } });
+var index_js_46 = require("./Textarea/index.js");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return index_js_46.Textarea; } });
+var index_js_47 = require("./Tile/index.js");
+Object.defineProperty(exports, "Tile", { enumerable: true, get: function () { return index_js_47.Tile; } });
+var index_js_48 = require("./TimePicker/index.js");
+Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return index_js_48.TimePicker; } });
+var index_js_49 = require("./Toast/index.js");
+Object.defineProperty(exports, "toaster", { enumerable: true, get: function () { return __importDefault(index_js_49).default; } });
+var index_js_50 = require("./ThemeProvider/index.js");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return index_js_50.ThemeProvider; } });
+var index_js_51 = require("./ToggleSwitch/index.js");
+Object.defineProperty(exports, "ToggleSwitch", { enumerable: true, get: function () { return index_js_51.ToggleSwitch; } });
+var index_js_52 = require("./Tooltip/index.js");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return index_js_52.Tooltip; } });
+var index_js_53 = require("./Tree/index.js");
+Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return index_js_53.Tree; } });
+Object.defineProperty(exports, "TreeNode", { enumerable: true, get: function () { return index_js_53.TreeNode; } });
+Object.defineProperty(exports, "TreeNodeExpander", { enumerable: true, get: function () { return index_js_53.TreeNodeExpander; } });
+var index_js_54 = require("./Typography/index.js");
+Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return index_js_54.Anchor; } });
+Object.defineProperty(exports, "Blockquote", { enumerable: true, get: function () { return index_js_54.Blockquote; } });
+Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return index_js_54.Code; } });
+Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return index_js_54.Kbd; } });
+Object.defineProperty(exports, "KbdKeys", { enumerable: true, get: function () { return index_js_54.KbdKeys; } });
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return index_js_54.Text; } });
+var index_js_55 = require("./Stepper/index.js");
+Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return index_js_55.Wizard; } });
+Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return index_js_55.Stepper; } });
+Object.defineProperty(exports, "WorkflowDiagram", { enumerable: true, get: function () { return index_js_55.WorkflowDiagram; } });
+var index_js_56 = require("./SearchBox/index.js");
+Object.defineProperty(exports, "SearchBox", { enumerable: true, get: function () { return index_js_56.SearchBox; } });
+var index_js_57 = require("./utils/index.js");
+Object.defineProperty(exports, "getUserColor", { enumerable: true, get: function () { return index_js_57.getUserColor; } });
+Object.defineProperty(exports, "ColorValue", { enumerable: true, get: function () { return index_js_57.ColorValue; } });
+Object.defineProperty(exports, "MiddleTextTruncation", { enumerable: true, get: function () { return index_js_57.MiddleTextTruncation; } });
+Object.defineProperty(exports, "LinkBox", { enumerable: true, get: function () { return index_js_57.LinkBox; } });
+Object.defineProperty(exports, "LinkAction", { enumerable: true, get: function () { return index_js_57.LinkAction; } });
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return index_js_57.Icon; } });
+Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return index_js_57.Flex; } });
+Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return index_js_57.VisuallyHidden; } });
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return index_js_57.Divider; } });

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

@@ -1,4 +1,3 @@
-import '@itwin/itwinui-css/css/utils.css';
 import type { PolymorphicForwardRefComponent } from '../props.js';
 declare type DividerProps = {
     /**

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

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

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

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

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

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

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { AnyString } from '../types.js';
-import '@itwin/itwinui-css/css/utils.css';
 import type { PolymorphicForwardRefComponent } from '../props.js';
 export declare type IconProps = {
     /**

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

@@ -33,7 +33,6 @@ exports.Icon = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/utils.css");
 const Box_js_1 = require("./Box.js");
 const getSizeValue = (size) => {
     switch (size) {

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import '@itwin/itwinui-css/css/utils.css';
 export declare type InputContainerProps<T extends React.ElementType = 'div'> = {
     as?: T;
     label?: React.ReactNode;

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

@@ -33,7 +33,6 @@ exports.InputContainer = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/utils.css");
 const Box_js_1 = require("./Box.js");
 /**
  * Input container to wrap inputs with label, and add optional message and icon.

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

@@ -1,5 +1,4 @@
 import type { PolymorphicForwardRefComponent } from '../props.js';
-import '@itwin/itwinui-css/css/input-container.css';
 export declare type InputFlexContainerProps = {
     isDisabled?: boolean;
     status?: 'positive' | 'warning' | 'negative';

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

@@ -10,7 +10,6 @@ exports.InputFlexContainer = void 0;
  *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/input-container.css");
 const Box_js_1 = require("./Box.js");
 /**
  * Utility component for input container with display flex abilities.

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

@@ -1,4 +1,3 @@
-import '@itwin/itwinui-css/css/utils.css';
 /**
  * Polymorphic link action component.
  * It is rendered as `a` by default.

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

@@ -5,7 +5,6 @@ exports.LinkBox = exports.LinkAction = 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/utils.css");
 const polymorphic_js_1 = require("../functions/polymorphic.js");
 /**
  * Polymorphic link action component.

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

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

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

@@ -35,7 +35,6 @@ const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importDefault(require("@tippyjs/react"));
 const index_js_1 = require("../hooks/index.js");
-require("@itwin/itwinui-css/css/utils.css");
 const ThemeContext_js_1 = require("../../ThemeProvider/ThemeContext.js");
 /**
  * Wrapper around [tippy.js](https://atomiks.github.io/tippyjs)

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

@@ -1,4 +1,3 @@
-import '@itwin/itwinui-css/css/utils.css';
 import type { PolymorphicForwardRefComponent } from '../props.js';
 declare type VisuallyHiddenOwnProps = {
     /**

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

@@ -33,7 +33,6 @@ exports.VisuallyHidden = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-require("@itwin/itwinui-css/css/utils.css");
 const Box_js_1 = require("./Box.js");
 /**
  * Hides content visually but keeps it still accessible to screen readers

package/cjs/core/utils/functions/dom.d.ts

@@ -22,3 +22,9 @@ export declare const getWindow: () => (Window & typeof globalThis) | undefined;
  * `defaultPrevented` is respected for each callback.
  */
 export declare const mergeEventHandlers: <E extends import("react").SyntheticEvent<Element, Event>>(...callbacks: (((event: E) => void) | undefined)[]) => (event: E) => void;
+/**
+ * Returns translate values as an array of a given element.
+ * @param element HTML element you want to get translate value of
+ * @returns Translate values in pixels in an array `[translateX, translateY]`
+ */
+export declare const getTranslateValues: (element: HTMLElement | null | undefined) => number[];