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

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
@@ -48,9 +47,8 @@ require("@itwin/itwinui-css/css/text.css");
  * <Text isSkeleton>Skeleton text</Text>
  */
 exports.Text = React.forwardRef((props, ref) => {
-    const { variant = 'body', as: Element = 'div', className, isMuted = false, isSkeleton = false, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement(Element, { className: (0, classnames_1.default)({
+    const { variant = 'body', className, isMuted = false, isSkeleton = false, ...rest } = props;
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)({
             [`iui-text-${variant}`]: variant !== 'body',
             'iui-text-block': variant === 'body',
             'iui-text-muted': isMuted,

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

@@ -1,4 +1,3 @@
 export { Text } from './Text.js';
-export type { TextProps } from './Text.js';
 declare const _default: "./Text";
 export default _default;

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

@@ -1,22 +1,5 @@
 export { Anchor } from './Anchor/index.js';
-export type { AnchorProps } from './Anchor/index.js';
-export { Headline } from './Headline/index.js';
-export type { HeadlineProps } from './Headline/index.js';
-export { Title } from './Title/index.js';
-export type { TitleProps } from './Title/index.js';
-export { Subheading } from './Subheading/index.js';
-export type { SubheadingProps } from './Subheading/index.js';
-export { Leading } from './Leading/index.js';
-export type { LeadingProps } from './Leading/index.js';
-export { Body } from './Body/index.js';
-export type { BodyProps } from './Body/index.js';
-export { Small } from './Small/index.js';
-export type { SmallProps } from './Small/index.js';
 export { Blockquote } from './Blockquote/index.js';
-export type { BlockquoteProps } from './Blockquote/index.js';
 export { Code } from './Code/index.js';
-export type { CodeProps } from './Code/index.js';
 export { Kbd, KbdKeys } from './Kbd/index.js';
-export type { KbdProps } from './Kbd/index.js';
 export { Text } from './Text/index.js';
-export type { TextProps } from './Text/index.js';

package/cjs/core/Typography/index.js

@@ -1,30 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.KbdKeys = exports.Kbd = exports.Code = exports.Blockquote = exports.Small = exports.Body = exports.Leading = exports.Subheading = exports.Title = exports.Headline = exports.Anchor = void 0;
+exports.Text = exports.KbdKeys = exports.Kbd = exports.Code = exports.Blockquote = exports.Anchor = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 var index_js_1 = require("./Anchor/index.js");
 Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return index_js_1.Anchor; } });
-var index_js_2 = require("./Headline/index.js");
-Object.defineProperty(exports, "Headline", { enumerable: true, get: function () { return index_js_2.Headline; } });
-var index_js_3 = require("./Title/index.js");
-Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return index_js_3.Title; } });
-var index_js_4 = require("./Subheading/index.js");
-Object.defineProperty(exports, "Subheading", { enumerable: true, get: function () { return index_js_4.Subheading; } });
-var index_js_5 = require("./Leading/index.js");
-Object.defineProperty(exports, "Leading", { enumerable: true, get: function () { return index_js_5.Leading; } });
-var index_js_6 = require("./Body/index.js");
-Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return index_js_6.Body; } });
-var index_js_7 = require("./Small/index.js");
-Object.defineProperty(exports, "Small", { enumerable: true, get: function () { return index_js_7.Small; } });
-var index_js_8 = require("./Blockquote/index.js");
-Object.defineProperty(exports, "Blockquote", { enumerable: true, get: function () { return index_js_8.Blockquote; } });
-var index_js_9 = require("./Code/index.js");
-Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return index_js_9.Code; } });
-var index_js_10 = require("./Kbd/index.js");
-Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return index_js_10.Kbd; } });
-Object.defineProperty(exports, "KbdKeys", { enumerable: true, get: function () { return index_js_10.KbdKeys; } });
-var index_js_11 = require("./Text/index.js");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return index_js_11.Text; } });
+var index_js_2 = require("./Blockquote/index.js");
+Object.defineProperty(exports, "Blockquote", { enumerable: true, get: function () { return index_js_2.Blockquote; } });
+var index_js_3 = require("./Code/index.js");
+Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return index_js_3.Code; } });
+var index_js_4 = require("./Kbd/index.js");
+Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return index_js_4.Kbd; } });
+Object.defineProperty(exports, "KbdKeys", { enumerable: true, get: function () { return index_js_4.KbdKeys; } });
+var index_js_5 = require("./Text/index.js");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return index_js_5.Text; } });

package/cjs/core/index.d.ts

@@ -1,112 +1,66 @@
 export { Alert } from './Alert/index.js';
-export type { AlertProps } from './Alert/index.js';
 export { Avatar, UserIcon } from './Avatar/index.js';
-export type { AvatarProps, StatusTitles, AvatarStatus, UserIconProps, UserIconStatus, } from './Avatar/index.js';
 export { AvatarGroup, UserIconGroup } from './AvatarGroup/index.js';
-export type { AvatarGroupProps, UserIconGroupProps, } from './AvatarGroup/index.js';
 export { Backdrop } from './Backdrop/index.js';
-export type { BackdropProps } from './Backdrop/index.js';
 export { Badge } from './Badge/index.js';
-export type { BadgeProps } from './Badge/index.js';
 export { Breadcrumbs } from './Breadcrumbs/index.js';
-export type { BreadcrumbsProps } from './Breadcrumbs/index.js';
 export { Button, DropdownButton, IconButton, IdeasButton, SplitButton, } from './Buttons/index.js';
-export type { ButtonProps, DropdownButtonProps, IconButtonProps, IdeasButtonProps, SplitButtonProps, } from './Buttons/index.js';
 export { ButtonGroup } from './ButtonGroup/index.js';
-export type { ButtonGroupProps } from './ButtonGroup/index.js';
 export { Carousel } from './Carousel/index.js';
-export type { CarouselProps } from './Carousel/index.js';
 export { Checkbox } from './Checkbox/index.js';
-export type { CheckboxProps } from './Checkbox/index.js';
 export { ColorPicker, ColorSwatch, ColorBuilder, ColorInputPanel, ColorPalette, } from './ColorPicker/index.js';
-export type { ColorPickerProps, ColorSwatchProps, ColorBuilderProps, ColorInputPanelProps, ColorPaletteProps, } from './ColorPicker/index.js';
 export { ComboBox } from './ComboBox/index.js';
-export type { ComboBoxProps } from './ComboBox/index.js';
 export { DatePicker, generateLocalizedStrings } from './DatePicker/index.js';
-export type { DatePickerProps } from './DatePicker/index.js';
 export { Dialog } from './Dialog/index.js';
-export type { DialogProps, DialogButtonBarProps, DialogContentProps, DialogMainProps, DialogTitleBarProps, } from './Dialog/index.js';
 export { DropdownMenu } from './DropdownMenu/index.js';
-export type { DropdownMenuProps } from './DropdownMenu/index.js';
 export { ErrorPage, NonIdealState } from './NonIdealState/index.js';
-export type { ErrorPageProps, ErrorPageType, ErrorTypeTranslations, NonIdealStateProps, } from './NonIdealState/index.js';
+export type { ErrorPageType, ErrorTypeTranslations, } from './NonIdealState/index.js';
 export { ExpandableBlock } from './ExpandableBlock/index.js';
-export type { ExpandableBlockProps } from './ExpandableBlock/index.js';
 export { Fieldset } from './Fieldset/index.js';
-export type { FieldsetProps } from './Fieldset/index.js';
 export { FileUpload, FileUploadTemplate, FileUploadCard, FileEmptyCard, } from './FileUpload/index.js';
-export type { FileUploadProps, FileUploadTemplateProps, FileUploadCardProps, FileUploadCardIconProps, FileUploadCardInfoProps, FileUploadCardTitleProps, FileUploadCardDescriptionProps, FileUploadCardActionProps, FileUploadCardInputLabelProps, FileUploadCardInputProps, FileEmptyCardProps, FileEmptyCardIconProps, FileEmptyCardTextProps, } from './FileUpload/index.js';
 export { Footer, defaultFooterElements } from './Footer/index.js';
-export type { FooterProps, FooterElement, TitleTranslations, } from './Footer/index.js';
+export type { FooterElement, TitleTranslations } from './Footer/index.js';
 export { Header, HeaderBreadcrumbs, HeaderButton, HeaderLogo, } from './Header/index.js';
-export type { HeaderProps, HeaderBreadcrumbsProps, HeaderButtonProps, HeaderLogoProps, } from './Header/index.js';
 export { List, ListItem } from './List/index.js';
-export type { ListProps, ListItemProps, ListItemIconProps, ListItemContentProps, ListItemDescriptionProps, } from './List/index.js';
+export { TransferList } from './TransferList/index.js';
 export { VerticalTabs, Tabs, Tab, HorizontalTabs } from './Tabs/index.js';
-export type { VerticalTabsProps, TabProps, HorizontalTabsProps, } from './Tabs/index.js';
 export { InformationPanel, InformationPanelWrapper, InformationPanelHeader, InformationPanelBody, InformationPanelContent, } from './InformationPanel/index.js';
-export type { InformationPanelProps, InformationPanelWrapperProps, InformationPanelHeaderProps, InformationPanelBodyProps, InformationPanelContentProps, } from './InformationPanel/index.js';
 export { Input } from './Input/index.js';
-export type { InputProps } from './Input/index.js';
 export { Label } from './Label/index.js';
-export type { LabelProps } from './Label/index.js';
 export { LabeledInput } from './LabeledInput/index.js';
-export type { LabeledInputProps } from './LabeledInput/index.js';
 export { InputGroup } from './InputGroup/index.js';
-export type { InputGroupProps } from './InputGroup/index.js';
 export { LabeledSelect } from './LabeledSelect/index.js';
-export type { LabeledSelectProps } from './LabeledSelect/index.js';
 export { LabeledTextarea } from './LabeledTextarea/index.js';
-export type { LabeledTextareaProps } from './LabeledTextarea/index.js';
 export { Menu, MenuItem, MenuDivider, MenuExtraContent, MenuItemSkeleton, } from './Menu/index.js';
-export type { MenuProps, MenuItemProps, MenuDividerProps, MenuExtraContentProps, MenuItemSkeletonProps, } from './Menu/index.js';
 export { Modal, ModalButtonBar, ModalContent } from './Modal/index.js';
-export type { ModalProps, ModalButtonBarProps, ModalContentProps, } from './Modal/index.js';
 export { NotificationMarker } from './NotificationMarker/index.js';
-export type { NotificationMarkerProps } from './NotificationMarker/index.js';
 export { ProgressLinear, ProgressRadial } from './ProgressIndicators/index.js';
-export type { ProgressLinearProps, ProgressRadialProps, } from './ProgressIndicators/index.js';
 export { Radio } from './Radio/index.js';
-export type { RadioProps } from './Radio/index.js';
 export { RadioTile, RadioTileGroup } from './RadioTiles/index.js';
-export type { RadioTileGroupProps, RadioTileProps, } from './RadioTiles/index.js';
 export { Select } from './Select/index.js';
-export type { SelectProps, SelectOption, ItemRendererProps, SelectValueChangeEvent, } from './Select/index.js';
+export type { SelectOption, ItemRendererProps, SelectValueChangeEvent, } from './Select/index.js';
 export { SideNavigation, SidenavButton, SidenavSubmenu, SidenavSubmenuHeader, } from './SideNavigation/index.js';
-export type { SideNavigationProps, SidenavButtonProps, SidenavSubmenuProps, SidenavSubmenuHeaderProps, } from './SideNavigation/index.js';
 export { SkipToContentLink } from './SkipToContentLink/index.js';
-export type { SkipToContentLinkProps } from './SkipToContentLink/index.js';
 export { Slider } from './Slider/index.js';
-export type { SliderProps } from './Slider/index.js';
 export { StatusMessage } from './StatusMessage/index.js';
-export type { StatusMessageProps } from './StatusMessage/index.js';
 export { Surface } from './Surface/index.js';
-export type { SurfaceProps, SurfaceHeaderProps, SurfaceBodyProps, } from './Surface/index.js';
 export { Table, tableFilters, BaseFilter, FilterButtonBar, DefaultCell, EditableCell, TablePaginator, ActionColumn, ExpanderColumn, SelectionColumn, } from './Table/index.js';
-export type { TableProps, TableFilterProps, TableFilterValue, DateRangeFilterOptions, FilterButtonBarProps, DefaultCellProps, EditableCellProps, TablePaginatorProps, TablePaginatorRendererProps, } from './Table/index.js';
+export type { TableFilterValue, DateRangeFilterOptions, TablePaginatorRendererProps, } from './Table/index.js';
 export { Tag, TagContainer } from './Tag/index.js';
-export type { TagProps, TagContainerProps } from './Tag/index.js';
 export { Textarea } from './Textarea/index.js';
-export type { TextareaProps } from './Textarea/index.js';
 export { Tile } from './Tile/index.js';
-export type { TileProps } from './Tile/index.js';
 export { TimePicker } from './TimePicker/index.js';
-export type { MeridiemType, TimePickerProps } from './TimePicker/index.js';
+export type { MeridiemType } from './TimePicker/index.js';
 export { default as toaster } from './Toast/index.js';
 export type { ToastOptions } from './Toast/index.js';
 export { ThemeProvider } from './ThemeProvider/index.js';
-export type { ThemeProviderProps } from './ThemeProvider/index.js';
+export type { ThemeType } from './ThemeProvider/index.js';
 export { ToggleSwitch } from './ToggleSwitch/index.js';
-export type { ToggleSwitchProps } from './ToggleSwitch/index.js';
 export { Tooltip } from './Tooltip/index.js';
-export type { TooltipProps } from './Tooltip/index.js';
 export { Tree, TreeNode, TreeNodeExpander } from './Tree/index.js';
-export type { TreeProps, TreeNodeProps, TreeNodeExpanderProps, NodeData, NodeRenderProps, } from './Tree/index.js';
-export { Anchor, Body, Headline, Leading, Small, Subheading, Title, Blockquote, Code, Kbd, KbdKeys, Text, } from './Typography/index.js';
-export type { AnchorProps, BodyProps, HeadlineProps, LeadingProps, SmallProps, SubheadingProps, TitleProps, BlockquoteProps, CodeProps, KbdProps, TextProps, } from './Typography/index.js';
+export type { NodeData, NodeRenderProps } from './Tree/index.js';
+export { Anchor, Blockquote, Code, Kbd, KbdKeys, Text, } from './Typography/index.js';
 export { Wizard, Stepper, WorkflowDiagram } from './Stepper/index.js';
-export type { WizardProps, StepProperties, WizardType, WizardLocalization, StepperProps, StepperLocalization, WorkflowDiagramProps, } from './Stepper/index.js';
+export type { StepProperties, WizardType, WizardLocalization, StepperLocalization, } from './Stepper/index.js';
 export { SearchBox } from './SearchBox/index.js';
-export type { SearchBoxProps } from './SearchBox/index.js';
-export { getUserColor, useTheme, ColorValue, MiddleTextTruncation, LinkBox, LinkAction, Icon, Flex, VisuallyHidden, Divider, } from './utils/index.js';
-export type { ThemeType, MiddleTextTruncationProps, IconProps, FlexProps, FlexItemProps, FlexSpacerProps, DividerProps, LinkBoxProps, LinkActionProps, VisuallyHiddenProps, } from './utils/index.js';
+export { getUserColor, ColorValue, MiddleTextTruncation, LinkBox, LinkAction, Icon, Flex, VisuallyHidden, Divider, } from './utils/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.useTheme = exports.getUserColor = exports.SearchBox = exports.WorkflowDiagram = exports.Stepper = exports.Wizard = exports.Text = exports.KbdKeys = exports.Kbd = exports.Code = exports.Blockquote = exports.Title = exports.Subheading = exports.Small = exports.Leading = exports.Headline = exports.Body = 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,123 +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, "Body", { enumerable: true, get: function () { return index_js_53.Body; } });
-Object.defineProperty(exports, "Headline", { enumerable: true, get: function () { return index_js_53.Headline; } });
-Object.defineProperty(exports, "Leading", { enumerable: true, get: function () { return index_js_53.Leading; } });
-Object.defineProperty(exports, "Small", { enumerable: true, get: function () { return index_js_53.Small; } });
-Object.defineProperty(exports, "Subheading", { enumerable: true, get: function () { return index_js_53.Subheading; } });
-Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return index_js_53.Title; } });
-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, "useTheme", { enumerable: true, get: function () { return index_js_56.useTheme; } });
-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/Box.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Polymorphic component that renders a div element by default.
+ * Intended to be used as a base for other components.
+ * @private
+ */
+export declare const Box: import("../props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/{Typography/Leading/index.js → utils/components/Box.js}

@@ -1,10 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Leading = void 0;
+exports.Box = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Leading_js_1 = require("./Leading.js");
-Object.defineProperty(exports, "Leading", { enumerable: true, get: function () { return Leading_js_1.Leading; } });
-exports.default = './Leading';
+const polymorphic_js_1 = require("../functions/polymorphic.js");
+/**
+ * Polymorphic component that renders a div element by default.
+ * Intended to be used as a base for other components.
+ * @private
+ */
+exports.Box = polymorphic_js_1.polymorphic.div('');

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

@@ -1,14 +1,13 @@
-import * as React from 'react';
-import '@itwin/itwinui-css/css/utils.css';
-export declare type DividerProps = {
+import type { PolymorphicForwardRefComponent } from '../props.js';
+declare type DividerProps = {
     /**
      * Sets the orientation of the divider
      * @default 'horizontal'
      */
     orientation?: 'horizontal' | 'vertical';
-} & React.ComponentPropsWithRef<'hr'>;
+};
 /**
  * Shows a divider
  */
-export declare const Divider: React.ForwardRefExoticComponent<Pick<DividerProps, "key" | "orientation" | keyof React.HTMLAttributes<HTMLHRElement>> & React.RefAttributes<HTMLHRElement>>;
+export declare const Divider: PolymorphicForwardRefComponent<"hr", DividerProps>;
 export default Divider;

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

@@ -33,14 +33,12 @@ exports.Divider = void 0;
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../hooks/index.js");
-require("@itwin/itwinui-css/css/utils.css");
+const Box_js_1 = require("./Box.js");
 /**
  * Shows a divider
  */
 exports.Divider = React.forwardRef((props, ref) => {
     const { className, orientation = 'horizontal', ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement("hr", { className: (0, classnames_1.default)('iui-divider', className), "aria-orientation": orientation === 'vertical' ? 'vertical' : undefined, ref: ref, ...rest }));
+    return (React.createElement(Box_js_1.Box, { as: 'hr', className: (0, classnames_1.default)('iui-divider', className), "aria-orientation": orientation === 'vertical' ? 'vertical' : undefined, ref: ref, ...rest }));
 });
 exports.default = exports.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 { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../props.js';
-import '@itwin/itwinui-css/css/utils.css';
+import type { PolymorphicForwardRefComponent } from '../props.js';
 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).
@@ -136,7 +135,4 @@ export declare const Flex: PolymorphicForwardRefComponent<"div", FlexOwnProps> &
      */
     Spacer: PolymorphicForwardRefComponent<"div", FlexSpacerOwnProps>;
 };
-export declare type FlexProps = PolymorphicComponentProps<'div', FlexOwnProps>;
-export declare type FlexItemProps = PolymorphicComponentProps<'div', FlexItemOwnProps>;
-export declare type FlexSpacerProps = PolymorphicComponentProps<'div', FlexSpacerOwnProps>;
 export default Flex;