@itwin/itwinui-react 3.0.0-dev.10 → 3.0.0-dev.12

package/esm/core/Textarea/Textarea.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import { Input } from '../Input/index.js';
+import { Input } from '../Input/Input.js';
 /**
  * Basic textarea component
  * @example

package/esm/core/Tile/Tile.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import { IconButton } from '../Buttons/index.js';
+import { IconButton } from '../Buttons/IconButton.js';
 type TileWrapperOwnProps = {
     /**
      * Status of the tile.
@@ -253,7 +253,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
         isActive?: boolean | undefined;
         label?: React.ReactNode;
         iconProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | undefined;
-    } & Omit<import("../Buttons/Button/Button.js").ButtonProps, "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
+    } & Omit<import("../Buttons/Button.js").ButtonProps, "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
         as?: "button" | undefined;
     }, "ref">>;
     /**

package/esm/core/Tile/Tile.js

@@ -9,15 +9,15 @@ import {
   SvgMore,
   SvgNew,
   SvgCheckmark,
-  LinkAction,
   useSafeContext,
   supportsHas,
   polymorphic,
   Box,
 } from '../utils/index.js';
-import { DropdownMenu } from '../DropdownMenu/index.js';
-import { IconButton } from '../Buttons/index.js';
-import { ProgressRadial } from '../ProgressIndicators/index.js';
+import { DropdownMenu } from '../DropdownMenu/DropdownMenu.js';
+import { IconButton } from '../Buttons/IconButton.js';
+import { ProgressRadial } from '../ProgressIndicators/ProgressRadial.js';
+import { LinkAction } from '../LinkAction/LinkAction.js';
 const TileContext = React.createContext(undefined);
 TileContext.displayName = 'TileContext';
 const TileWrapper = React.forwardRef((props, forwardedRef) => {

package/esm/core/Toast/Toast.js

@@ -13,7 +13,7 @@ import {
   useSafeContext,
   ButtonBase,
 } from '../utils/index.js';
-import { IconButton } from '../Buttons/index.js';
+import { IconButton } from '../Buttons/IconButton.js';
 import { ToasterStateContext } from './Toaster.js';
 const isMotionOk = () =>
   getWindow()?.matchMedia?.('(prefers-reduced-motion: no-preference)')?.matches;

package/esm/core/TransferList/TransferList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import { ListItem } from '../List/index.js';
+import { ListItem } from '../List/ListItem.js';
 type TransferListListboxWrapperOwnProps = {};
 type TransferListItemOwnProps = {
     /**

package/esm/core/TransferList/TransferList.js

@@ -12,8 +12,9 @@ import {
   Box,
   polymorphic,
 } from '../utils/index.js';
-import { List, ListItem } from '../List/index.js';
-import { Label } from '../Label/index.js';
+import { List } from '../List/List.js';
+import { ListItem } from '../List/ListItem.js';
+import { Label } from '../Label/Label.js';
 // ----------------------------------------------------------------------------
 // TransferListComponent
 const TransferListComponent = polymorphic('iui-transfer-list-wrapper');

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

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

package/esm/core/Tree/TreeNodeExpander.js

@@ -5,7 +5,7 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { SvgChevronRight } from '../utils/index.js';
-import { IconButton } from '../Buttons/IconButton/index.js';
+import { IconButton } from '../Buttons/IconButton.js';
 export const TreeNodeExpander = React.forwardRef((props, ref) => {
   const { isExpanded, ...rest } = props;
   return React.createElement(

package/{cjs/core/Typography/Anchor → esm/core/Typography}/Anchor.d.ts

@@ -12,5 +12,5 @@
  * <Anchor as={Link} to='/'>Home</Anchor>
  * <Anchor as='button' onClick={() => {}}>click me</Anchor>
  */
-export declare const Anchor: import("../../utils/props.js").PolymorphicForwardRefComponent<"a", {}>;
+export declare const Anchor: import("../utils/props.js").PolymorphicForwardRefComponent<"a", {}>;
 export default Anchor;

package/esm/core/Typography/{Anchor/Anchor.js → Anchor.js}

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../../utils/index.js';
+import { polymorphic } from '../utils/index.js';
 /**
  * A consistently styled anchor component.
  *

package/{cjs/core/Typography/Blockquote → esm/core/Typography}/Blockquote.d.ts

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

package/esm/core/Typography/{Blockquote/Blockquote.js → Blockquote.js}

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { Box } from '../../utils/index.js';
+import { Box } from '../utils/index.js';
 /**
  * Basic blockquote component
  * @example

package/esm/core/Typography/{Code/Code.d.ts → Code.d.ts}

@@ -3,5 +3,5 @@
  * @example
  * <p>Some <Code>inline code</Code> in a paragraph</p>
  */
-export declare const Code: import("../../utils/props.js").PolymorphicForwardRefComponent<"code", {}>;
+export declare const Code: import("../utils/props.js").PolymorphicForwardRefComponent<"code", {}>;
 export default Code;

package/esm/core/Typography/{Code/Code.js → Code.js}

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../../utils/index.js';
+import { polymorphic } from '../utils/index.js';
 /**
  * Inline code element.
  * @example

package/{cjs/core/Typography/Kbd → esm/core/Typography}/Kbd.d.ts

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

package/esm/core/Typography/{Kbd/Kbd.js → Kbd.js}

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { Box } from '../../utils/index.js';
+import { Box } from '../utils/index.js';
 /**
  * Some predefined strings for common keyboard keys.
  */

package/{cjs/core/Typography/Text → esm/core/Typography}/Text.d.ts

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

package/esm/core/Typography/{Text/Text.js → Text.js}

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { Box } from '../../utils/index.js';
+import { Box } from '../utils/index.js';
 /**
  * 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/utils/components → esm/core/VisuallyHidden}/VisuallyHidden.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../props.js';
+import type { PolymorphicForwardRefComponent } from '../utils/props.js';
 type VisuallyHiddenOwnProps = {
     /**
      * When VisuallyHidden is used with an interactive element (e.g. button),

package/esm/core/{utils/components → VisuallyHidden}/VisuallyHidden.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { Box } from './Box.js';
+import { Box } from '../utils/components/Box.js';
 /**
  * Hides content visually but keeps it still accessible to screen readers
  * and other assistive technologies.

package/esm/core/utils/components/AutoclearingHiddenLiveRegion.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import { VisuallyHidden } from './VisuallyHidden.js';
+import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.js';
 import { getWindow } from '../functions/index.js';
 /**
  * Visually-hidden polite live region that automatically clears itself after 5 seconds.

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

@@ -5,8 +5,8 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { Box } from './Box.js';
-import { Label } from '../../Label/index.js';
-import { StatusMessage } from '../../StatusMessage/index.js';
+import { Label } from '../../Label/Label.js';
+import { StatusMessage } from '../../StatusMessage/StatusMessage.js';
 /**
  * Input container to wrap inputs with label, and add optional message and icon.
  * @private

package/esm/core/utils/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from './Popover.js';
 export * from './Resizer.js';
 export * from './FocusTrap.js';
 export * from './InputContainer.js';
@@ -6,11 +5,6 @@ export * from './InputFlexContainer.js';
 export * from './WithCSSTransition.js';
 export * from './MiddleTextTruncation.js';
 export * from './VirtualScroll.js';
-export * from './VisuallyHidden.js';
-export * from './Icon.js';
-export * from './Flex.js';
-export * from './Divider.js';
-export * from './LinkAction.js';
 export * from './AutoclearingHiddenLiveRegion.js';
 export * from './Box.js';
 export * from './ButtonBase.js';

package/esm/core/utils/components/index.js

@@ -2,7 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export * from './Popover.js';
 export * from './Resizer.js';
 export * from './FocusTrap.js';
 export * from './InputContainer.js';
@@ -10,11 +9,6 @@ export * from './InputFlexContainer.js';
 export * from './WithCSSTransition.js';
 export * from './MiddleTextTruncation.js';
 export * from './VirtualScroll.js';
-export * from './VisuallyHidden.js';
-export * from './Icon.js';
-export * from './Flex.js';
-export * from './Divider.js';
-export * from './LinkAction.js';
 export * from './AutoclearingHiddenLiveRegion.js';
 export * from './Box.js';
 export * from './ButtonBase.js';

package/esm/core/utils/hooks/useGlobals.d.ts

@@ -7,7 +7,7 @@ import { ThemeContext } from '../../ThemeProvider/ThemeContext.js';
  * @private
  */
 export declare const useGlobals: () => {
-    theme?: import("../../index.js").ThemeType | undefined;
+    theme?: import("../../ThemeProvider/ThemeProvider.js").ThemeType | undefined;
     themeOptions?: import("../../ThemeProvider/ThemeProvider.js").ThemeOptions | undefined;
     portalContainer?: HTMLElement | null | undefined;
 } | undefined;

package/esm/index.d.ts

@@ -1 +1,113 @@
-export * from './core/index.js';
+export { Alert } from './core/Alert/Alert.js';
+export { Avatar } from './core/Avatar/Avatar.js';
+export { AvatarGroup } from './core/AvatarGroup/AvatarGroup.js';
+export { Backdrop } from './core/Backdrop/Backdrop.js';
+export { Badge } from './core/Badge/Badge.js';
+export { Breadcrumbs } from './core/Breadcrumbs/Breadcrumbs.js';
+export { Button } from './core/Buttons/Button.js';
+export { DropdownButton } from './core/Buttons/DropdownButton.js';
+export { IconButton } from './core/Buttons/IconButton.js';
+export { IdeasButton } from './core/Buttons/IdeasButton.js';
+export { SplitButton } from './core/Buttons/SplitButton.js';
+export { ButtonGroup } from './core/ButtonGroup/ButtonGroup.js';
+export { Carousel } from './core/Carousel/Carousel.js';
+export { Checkbox } from './core/Checkbox/Checkbox.js';
+export { ColorPicker } from './core/ColorPicker/ColorPicker.js';
+export { ColorSwatch } from './core/ColorPicker/ColorSwatch.js';
+export { ColorBuilder } from './core/ColorPicker/ColorBuilder.js';
+export { ColorInputPanel } from './core/ColorPicker/ColorInputPanel.js';
+export { ColorPalette } from './core/ColorPicker/ColorPalette.js';
+export { ComboBox } from './core/ComboBox/ComboBox.js';
+export { DatePicker, generateLocalizedStrings, } from './core/DatePicker/DatePicker.js';
+export { Dialog } from './core/Dialog/Dialog.js';
+export { DropdownMenu } from './core/DropdownMenu/DropdownMenu.js';
+export { ErrorPage } from './core/NonIdealState/ErrorPage.js';
+export { NonIdealState } from './core/NonIdealState/NonIdealState.js';
+export type { ErrorPageType, ErrorTypeTranslations, } from './core/NonIdealState/ErrorPage.js';
+export { ExpandableBlock } from './core/ExpandableBlock/ExpandableBlock.js';
+export { Fieldset } from './core/Fieldset/Fieldset.js';
+export { FileUpload } from './core/FileUpload/FileUpload.js';
+export { FileUploadTemplate } from './core/FileUpload/FileUploadTemplate.js';
+export { FileUploadCard } from './core/FileUpload/FileUploadCard.js';
+export { FileEmptyCard } from './core/FileUpload/FileEmptyCard.js';
+export { Footer, defaultFooterElements } from './core/Footer/Footer.js';
+export type { FooterElement, TitleTranslations } from './core/Footer/Footer.js';
+export { Header } from './core/Header/Header.js';
+export { HeaderBreadcrumbs } from './core/Header/HeaderBreadcrumbs.js';
+export { HeaderButton } from './core/Header/HeaderButton.js';
+export { HeaderLogo } from './core/Header/HeaderLogo.js';
+export { List } from './core/List/List.js';
+export { ListItem } from './core/List/ListItem.js';
+export { TransferList } from './core/TransferList/TransferList.js';
+export { Tabs } from './core/Tabs/Tabs.js';
+export { Tab } from './core/Tabs/Tab.js';
+export { InformationPanel } from './core/InformationPanel/InformationPanel.js';
+export { InformationPanelWrapper } from './core/InformationPanel/InformationPanelWrapper.js';
+export { InformationPanelHeader } from './core/InformationPanel/InformationPanelHeader.js';
+export { InformationPanelBody } from './core/InformationPanel/InformationPanelBody.js';
+export { InformationPanelContent } from './core/InformationPanel/InformationPanelContent.js';
+export { Input } from './core/Input/Input.js';
+export { InputWithDecorations } from './core/InputWithDecorations/InputWithDecorations.js';
+export { InputGrid } from './core/InputGrid/InputGrid.js';
+export { Label } from './core/Label/Label.js';
+export { LabeledInput } from './core/LabeledInput/LabeledInput.js';
+export { InputGroup } from './core/InputGroup/InputGroup.js';
+export { LabeledSelect } from './core/LabeledSelect/LabeledSelect.js';
+export { LabeledTextarea } from './core/LabeledTextarea/LabeledTextarea.js';
+export { MenuItem } from './core/Menu/MenuItem.js';
+export { MenuDivider } from './core/Menu/MenuDivider.js';
+export { MenuExtraContent } from './core/Menu/MenuExtraContent.js';
+export { MenuItemSkeleton } from './core/Menu/MenuItemSkeleton.js';
+export { Modal } from './core/Modal/Modal.js';
+export { ModalContent } from './core/Modal/ModalContent.js';
+export { ModalButtonBar } from './core/Modal/ModalButtonBar.js';
+export { NotificationMarker } from './core/NotificationMarker/NotificationMarker.js';
+export { Overlay } from './core/Overlay/Overlay.js';
+export { ProgressLinear } from './core/ProgressIndicators/ProgressLinear.js';
+export { ProgressRadial } from './core/ProgressIndicators/ProgressRadial.js';
+export { Radio } from './core/Radio/Radio.js';
+export { RadioTile } from './core/RadioTiles/RadioTile.js';
+export { RadioTileGroup } from './core/RadioTiles/RadioTileGroup.js';
+export { Select } from './core/Select/Select.js';
+export type { SelectOption, ItemRendererProps, SelectValueChangeEvent, } from './core/Select/Select.js';
+export { SideNavigation } from './core/SideNavigation/SideNavigation.js';
+export { SidenavButton } from './core/SideNavigation/SidenavButton.js';
+export { SidenavSubmenu } from './core/SideNavigation/SidenavSubmenu.js';
+export { SidenavSubmenuHeader } from './core/SideNavigation/SidenavSubmenuHeader.js';
+export { SkipToContentLink } from './core/SkipToContentLink/SkipToContentLink.js';
+export { Slider } from './core/Slider/Slider.js';
+export { StatusMessage } from './core/StatusMessage/StatusMessage.js';
+export { Surface } from './core/Surface/Surface.js';
+export { Table, tableFilters, BaseFilter, FilterButtonBar, DefaultCell, EditableCell, TablePaginator, ActionColumn, ExpanderColumn, SelectionColumn, } from './core/Table/index.js';
+export type { TableFilterValue, DateRangeFilterOptions, TablePaginatorRendererProps, } from './core/Table/index.js';
+export { Tag } from './core/Tag/Tag.js';
+export { TagContainer } from './core/Tag/TagContainer.js';
+export { Textarea } from './core/Textarea/Textarea.js';
+export { Tile } from './core/Tile/Tile.js';
+export { TimePicker } from './core/TimePicker/TimePicker.js';
+export type { MeridiemType } from './core/TimePicker/TimePicker.js';
+export { useToaster } from './core/Toast/Toaster.js';
+export { ThemeProvider } from './core/ThemeProvider/ThemeProvider.js';
+export type { ThemeType } from './core/ThemeProvider/ThemeProvider.js';
+export { ToggleSwitch } from './core/ToggleSwitch/ToggleSwitch.js';
+export { Tooltip } from './core/Tooltip/Tooltip.js';
+export { Tree } from './core/Tree/Tree.js';
+export { TreeNode } from './core/Tree/TreeNode.js';
+export { TreeNodeExpander } from './core/Tree/TreeNodeExpander.js';
+export type { NodeData, NodeRenderProps } from './core/Tree/Tree.js';
+export { Anchor } from './core/Typography/Anchor.js';
+export { Blockquote } from './core/Typography/Blockquote.js';
+export { Code } from './core/Typography/Code.js';
+export { Kbd, KbdKeys } from './core/Typography/Kbd.js';
+export { Text } from './core/Typography/Text.js';
+export { Stepper } from './core/Stepper/Stepper.js';
+export { WorkflowDiagram } from './core/Stepper/WorkflowDiagram.js';
+export type { StepProperties, StepperLocalization, } from './core/Stepper/Stepper.js';
+export { SearchBox } from './core/SearchBox/SearchBox.js';
+export { getUserColor, ColorValue, MiddleTextTruncation, } from './core/utils/index.js';
+export { LinkBox, LinkAction } from './core/LinkAction/LinkAction.js';
+export { VisuallyHidden } from './core/VisuallyHidden/VisuallyHidden.js';
+export { Icon } from './core/Icon/Icon.js';
+export { Flex } from './core/Flex/Flex.js';
+export { Popover } from './core/Popover/Popover.js';
+export { Divider } from './core/Divider/Divider.js';

package/esm/index.js

@@ -2,4 +2,127 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export * from './core/index.js';
+'use client';
+export { Alert } from './core/Alert/Alert.js';
+export { Avatar } from './core/Avatar/Avatar.js';
+export { AvatarGroup } from './core/AvatarGroup/AvatarGroup.js';
+export { Backdrop } from './core/Backdrop/Backdrop.js';
+export { Badge } from './core/Badge/Badge.js';
+export { Breadcrumbs } from './core/Breadcrumbs/Breadcrumbs.js';
+export { Button } from './core/Buttons/Button.js';
+export { DropdownButton } from './core/Buttons/DropdownButton.js';
+export { IconButton } from './core/Buttons/IconButton.js';
+export { IdeasButton } from './core/Buttons/IdeasButton.js';
+export { SplitButton } from './core/Buttons/SplitButton.js';
+export { ButtonGroup } from './core/ButtonGroup/ButtonGroup.js';
+export { Carousel } from './core/Carousel/Carousel.js';
+export { Checkbox } from './core/Checkbox/Checkbox.js';
+export { ColorPicker } from './core/ColorPicker/ColorPicker.js';
+export { ColorSwatch } from './core/ColorPicker/ColorSwatch.js';
+export { ColorBuilder } from './core/ColorPicker/ColorBuilder.js';
+export { ColorInputPanel } from './core/ColorPicker/ColorInputPanel.js';
+export { ColorPalette } from './core/ColorPicker/ColorPalette.js';
+export { ComboBox } from './core/ComboBox/ComboBox.js';
+export {
+  DatePicker,
+  generateLocalizedStrings,
+} from './core/DatePicker/DatePicker.js';
+export { Dialog } from './core/Dialog/Dialog.js';
+export { DropdownMenu } from './core/DropdownMenu/DropdownMenu.js';
+export { ErrorPage } from './core/NonIdealState/ErrorPage.js';
+export { NonIdealState } from './core/NonIdealState/NonIdealState.js';
+export { ExpandableBlock } from './core/ExpandableBlock/ExpandableBlock.js';
+export { Fieldset } from './core/Fieldset/Fieldset.js';
+export { FileUpload } from './core/FileUpload/FileUpload.js';
+export { FileUploadTemplate } from './core/FileUpload/FileUploadTemplate.js';
+export { FileUploadCard } from './core/FileUpload/FileUploadCard.js';
+export { FileEmptyCard } from './core/FileUpload/FileEmptyCard.js';
+export { Footer, defaultFooterElements } from './core/Footer/Footer.js';
+export { Header } from './core/Header/Header.js';
+export { HeaderBreadcrumbs } from './core/Header/HeaderBreadcrumbs.js';
+export { HeaderButton } from './core/Header/HeaderButton.js';
+export { HeaderLogo } from './core/Header/HeaderLogo.js';
+export { List } from './core/List/List.js';
+export { ListItem } from './core/List/ListItem.js';
+export { TransferList } from './core/TransferList/TransferList.js';
+export { Tabs } from './core/Tabs/Tabs.js';
+export { Tab } from './core/Tabs/Tab.js';
+export { InformationPanel } from './core/InformationPanel/InformationPanel.js';
+export { InformationPanelWrapper } from './core/InformationPanel/InformationPanelWrapper.js';
+export { InformationPanelHeader } from './core/InformationPanel/InformationPanelHeader.js';
+export { InformationPanelBody } from './core/InformationPanel/InformationPanelBody.js';
+export { InformationPanelContent } from './core/InformationPanel/InformationPanelContent.js';
+export { Input } from './core/Input/Input.js';
+export { InputWithDecorations } from './core/InputWithDecorations/InputWithDecorations.js';
+export { InputGrid } from './core/InputGrid/InputGrid.js';
+export { Label } from './core/Label/Label.js';
+export { LabeledInput } from './core/LabeledInput/LabeledInput.js';
+export { InputGroup } from './core/InputGroup/InputGroup.js';
+export { LabeledSelect } from './core/LabeledSelect/LabeledSelect.js';
+export { LabeledTextarea } from './core/LabeledTextarea/LabeledTextarea.js';
+export { MenuItem } from './core/Menu/MenuItem.js';
+export { MenuDivider } from './core/Menu/MenuDivider.js';
+export { MenuExtraContent } from './core/Menu/MenuExtraContent.js';
+export { MenuItemSkeleton } from './core/Menu/MenuItemSkeleton.js';
+export { Modal } from './core/Modal/Modal.js';
+export { ModalContent } from './core/Modal/ModalContent.js';
+export { ModalButtonBar } from './core/Modal/ModalButtonBar.js';
+export { NotificationMarker } from './core/NotificationMarker/NotificationMarker.js';
+export { Overlay } from './core/Overlay/Overlay.js';
+export { ProgressLinear } from './core/ProgressIndicators/ProgressLinear.js';
+export { ProgressRadial } from './core/ProgressIndicators/ProgressRadial.js';
+export { Radio } from './core/Radio/Radio.js';
+export { RadioTile } from './core/RadioTiles/RadioTile.js';
+export { RadioTileGroup } from './core/RadioTiles/RadioTileGroup.js';
+export { Select } from './core/Select/Select.js';
+export { SideNavigation } from './core/SideNavigation/SideNavigation.js';
+export { SidenavButton } from './core/SideNavigation/SidenavButton.js';
+export { SidenavSubmenu } from './core/SideNavigation/SidenavSubmenu.js';
+export { SidenavSubmenuHeader } from './core/SideNavigation/SidenavSubmenuHeader.js';
+export { SkipToContentLink } from './core/SkipToContentLink/SkipToContentLink.js';
+export { Slider } from './core/Slider/Slider.js';
+export { StatusMessage } from './core/StatusMessage/StatusMessage.js';
+export { Surface } from './core/Surface/Surface.js';
+export {
+  Table,
+  tableFilters,
+  BaseFilter,
+  FilterButtonBar,
+  DefaultCell,
+  EditableCell,
+  TablePaginator,
+  ActionColumn,
+  ExpanderColumn,
+  SelectionColumn,
+} from './core/Table/index.js';
+export { Tag } from './core/Tag/Tag.js';
+export { TagContainer } from './core/Tag/TagContainer.js';
+export { Textarea } from './core/Textarea/Textarea.js';
+export { Tile } from './core/Tile/Tile.js';
+export { TimePicker } from './core/TimePicker/TimePicker.js';
+export { useToaster } from './core/Toast/Toaster.js';
+export { ThemeProvider } from './core/ThemeProvider/ThemeProvider.js';
+export { ToggleSwitch } from './core/ToggleSwitch/ToggleSwitch.js';
+export { Tooltip } from './core/Tooltip/Tooltip.js';
+export { Tree } from './core/Tree/Tree.js';
+export { TreeNode } from './core/Tree/TreeNode.js';
+export { TreeNodeExpander } from './core/Tree/TreeNodeExpander.js';
+export { Anchor } from './core/Typography/Anchor.js';
+export { Blockquote } from './core/Typography/Blockquote.js';
+export { Code } from './core/Typography/Code.js';
+export { Kbd, KbdKeys } from './core/Typography/Kbd.js';
+export { Text } from './core/Typography/Text.js';
+export { Stepper } from './core/Stepper/Stepper.js';
+export { WorkflowDiagram } from './core/Stepper/WorkflowDiagram.js';
+export { SearchBox } from './core/SearchBox/SearchBox.js';
+export {
+  getUserColor,
+  ColorValue,
+  MiddleTextTruncation,
+} from './core/utils/index.js';
+export { LinkBox, LinkAction } from './core/LinkAction/LinkAction.js';
+export { VisuallyHidden } from './core/VisuallyHidden/VisuallyHidden.js';
+export { Icon } from './core/Icon/Icon.js';
+export { Flex } from './core/Flex/Flex.js';
+export { Popover } from './core/Popover/Popover.js';
+export { Divider } from './core/Divider/Divider.js';

package/esm/styles.js

@@ -22,8 +22,6 @@ const styles = {
   'iui-backdrop-fixed': '_iui3-backdrop-fixed',
   'iui-badge': '_iui3-badge',
   'iui-blockquote': '_iui3-blockquote',
-  'iui-surface-body': '_iui3-surface-body',
-  'iui-surface-header': '_iui3-surface-header',
   'iui-breadcrumbs': '_iui3-breadcrumbs',
   'iui-breadcrumbs-list': '_iui3-breadcrumbs-list',
   'iui-breadcrumbs-item': '_iui3-breadcrumbs-item',
@@ -216,10 +214,10 @@ const styles = {
   'iui-overlay-exiting': '_iui3-overlay-exiting',
   closeAnimation,
   'iui-progress-indicator-radial': '_iui3-progress-indicator-radial',
-  'iui-ud3d79g': '_iui3-ud3d79g',
+  'iui-usy2q6d': '_iui3-usy2q6d',
   'iui-progress-indicator-linear-label':
     '_iui3-progress-indicator-linear-label',
-  'iui-ud3d79t': '_iui3-ud3d79t',
+  'iui-usy2q6u': '_iui3-usy2q6u',
   'iui-radio': '_iui3-radio',
   'iui-radio-tile': '_iui3-radio-tile',
   'iui-radio-tile-icon': '_iui3-radio-tile-icon',
@@ -277,6 +275,9 @@ const styles = {
   'iui-stepper-steps-label': '_iui3-stepper-steps-label',
   'iui-stepper-steps-label-count': '_iui3-stepper-steps-label-count',
   'iui-surface': '_iui3-surface',
+  'iui-surface-body': '_iui3-surface-body',
+  'iui-surface-header': '_iui3-surface-header',
+  'iui-popover-surface': '_iui3-popover-surface',
   'iui-table': '_iui3-table',
   'iui-table-cell-end-icon': '_iui3-table-cell-end-icon',
   'iui-table-cell-start-icon': '_iui3-table-cell-start-icon',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "3.0.0-dev.10",
+  "version": "3.0.0-dev.12",
   "author": "Bentley Systems",
   "license": "MIT",
   "type": "module",
@@ -76,14 +76,14 @@
     "dev:styles": "yarn build:styles --watch"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.25.3",
-    "classnames": "^2.2.6",
-    "react-table": "^7.1.0",
-    "react-transition-group": "^4.4.2",
+    "@floating-ui/react": "^0.25.4",
+    "classnames": "^2.3.2",
+    "react-table": "^7.8.0",
+    "react-transition-group": "^4.4.5",
     "tslib": "^2.6.0"
   },
   "devDependencies": {
-    "@itwin/itwinui-css": "^2.0.0-dev.9",
+    "@itwin/itwinui-css": "^2.0.0-dev.11",
     "@itwin/itwinui-illustrations-react": "^2.1.0",
     "@itwin/itwinui-variables": "3.0.0-dev.1",
     "@swc/cli": "^0.1.62",
@@ -91,7 +91,6 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.2.0",
     "@testing-library/user-event": "^14.1.1",
-    "@types/classnames": "^2.2.7",
     "@types/jest": "^29.0.0",
     "@types/node": "^18.0.0",
     "@types/react": "^18.2.0",
@@ -116,8 +115,8 @@
   },
   "peerDependencies": {
     "@itwin/itwinui-illustrations-react": "^2.1.0",
-    "react": ">=16.8.6 < 19.0.0",
-    "react-dom": ">=16.8.6 < 19.0.0"
+    "react": ">= 17.0.0 < 19.0.0",
+    "react-dom": ">=17.0.0 < 19.0.0"
   },
   "peerDependenciesMeta": {
     "@itwin/itwinui-illustrations-react": {