@itwin/itwinui-react 2.10.0 → 2.11.0

package/esm/core/Typography/Title/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Title } from './Title';
+export { Title } from './Title.js';
 export default './Title';

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

@@ -1,22 +1,22 @@
-export { Anchor } from './Anchor';
-export type { AnchorProps } from './Anchor';
-export { Headline } from './Headline';
-export type { HeadlineProps } from './Headline';
-export { Title } from './Title';
-export type { TitleProps } from './Title';
-export { Subheading } from './Subheading';
-export type { SubheadingProps } from './Subheading';
-export { Leading } from './Leading';
-export type { LeadingProps } from './Leading';
-export { Body } from './Body';
-export type { BodyProps } from './Body';
-export { Small } from './Small';
-export type { SmallProps } from './Small';
-export { Blockquote } from './Blockquote';
-export type { BlockquoteProps } from './Blockquote';
-export { Code } from './Code';
-export type { CodeProps } from './Code';
-export { Kbd, KbdKeys } from './Kbd';
-export type { KbdProps } from './Kbd';
-export { Text } from './Text';
-export type { TextProps } from './Text';
+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/esm/core/Typography/index.js

@@ -2,14 +2,14 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Anchor } from './Anchor';
-export { Headline } from './Headline';
-export { Title } from './Title';
-export { Subheading } from './Subheading';
-export { Leading } from './Leading';
-export { Body } from './Body';
-export { Small } from './Small';
-export { Blockquote } from './Blockquote';
-export { Code } from './Code';
-export { Kbd, KbdKeys } from './Kbd';
-export { Text } from './Text';
+export { Anchor } from './Anchor/index.js';
+export { Headline } from './Headline/index.js';
+export { Title } from './Title/index.js';
+export { Subheading } from './Subheading/index.js';
+export { Leading } from './Leading/index.js';
+export { Body } from './Body/index.js';
+export { Small } from './Small/index.js';
+export { Blockquote } from './Blockquote/index.js';
+export { Code } from './Code/index.js';
+export { Kbd, KbdKeys } from './Kbd/index.js';
+export { Text } from './Text/index.js';

package/esm/core/index.d.ts

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

package/esm/core/index.js

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

package/esm/core/utils/color/ColorValue.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 { getBoundedValue } from '../functions/numbers';
+import { getBoundedValue } from '../functions/numbers.js';
 // portions adapted from Three.js Copyright © 2010-2017 three.js authors
 const scratchBytes = new Uint8Array(4);
 const scratchUInt32 = new Uint32Array(scratchBytes.buffer);

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

@@ -1 +1 @@
-export * from './ColorValue';
+export * from './ColorValue.js';

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

@@ -2,4 +2,4 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export * from './ColorValue';
+export * from './ColorValue.js';

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * Visually-hidden polite live region that automatically clears itself after 5 seconds.
+ *
+ * Should only be used for small updates and user-initiated actions (e.g. when _updating_ the selection),
+ * otherwise it could cause too many announcements every time an instance of this component is mounted.
+ *
+ * @private
+ */
+export declare const AutoclearingHiddenLiveRegion: ({ text }: {
+    text?: string | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * 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 { getWindow } from '../functions/index.js';
+/**
+ * Visually-hidden polite live region that automatically clears itself after 5 seconds.
+ *
+ * Should only be used for small updates and user-initiated actions (e.g. when _updating_ the selection),
+ * otherwise it could cause too many announcements every time an instance of this component is mounted.
+ *
+ * @private
+ */
+export const AutoclearingHiddenLiveRegion = ({ text = '' }) => {
+    const [maybeText, setMaybeText] = React.useState(text);
+    React.useEffect(() => {
+        var _a;
+        setMaybeText(text);
+        const timeout = (_a = getWindow()) === null || _a === void 0 ? void 0 : _a.setTimeout(() => setMaybeText(''), 5000);
+        return () => { var _a; return void ((_a = getWindow()) === null || _a === void 0 ? void 0 : _a.clearTimeout(timeout)); };
+    }, [text]);
+    return (React.createElement(VisuallyHidden, { as: 'div', "aria-live": 'polite', "aria-atomic": 'true' }, maybeText));
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/utils.css';
 export declare type DividerProps = {
     /**

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

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { useTheme } from '../hooks';
+import { useTheme } from '../hooks/index.js';
 import '@itwin/itwinui-css/css/utils.css';
 /**
  * Shows a divider

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { AnyString } from '../types';
-import type { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../props';
+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';
 declare const sizeTokens: readonly ["3xs", "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl"];
 /**

package/esm/core/utils/components/Flex.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 React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
 import '@itwin/itwinui-css/css/utils.css';
 const sizeTokens = [

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

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { getTabbableElements } from '../functions/focusable';
-import { mergeRefs } from '../hooks/useMergedRefs';
+import * as React from 'react';
+import { getTabbableElements } from '../functions/focusable.js';
+import { mergeRefs } from '../hooks/useMergedRefs.js';
 /**
  * Trap focus within child container.
  * Used for modals and dialogs.

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { AnyString } from '../types';
+import * as React from 'react';
+import type { AnyString } from '../types.js';
 import '@itwin/itwinui-css/css/utils.css';
 export declare type IconProps = {
     /**
@@ -24,7 +24,7 @@ export declare type IconProps = {
      * @default 'default'
      */
     fill?: 'default' | 'positive' | 'informational' | 'negative' | 'warning' | AnyString;
-} & React.ComponentProps<'span'>;
+} & React.ComponentPropsWithoutRef<'span'>;
 /**
  * A utility component to provide size and fill to svgs.
  * Works well with svgs from `@itwin/itwinui-icons-react`.
@@ -39,5 +39,28 @@ export declare type IconProps = {
  *   <SvgStatusError />
  * </Icon>
  */
-export declare const Icon: React.ForwardRefExoticComponent<Pick<IconProps, "key" | "fill" | "size" | keyof React.HTMLAttributes<HTMLSpanElement>> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Icon: React.ForwardRefExoticComponent<{
+    /**
+     * Size of the svg.
+     *  - 'medium': works well with most text
+     *  - 'small': smaller than medium
+     *  - 'large': larger than medium
+     *  - 'auto': scales with text
+     *
+     * Also accepts a custom string value that will be used unchanged.
+     *
+     * @default 'medium'
+     */
+    size?: "small" | "auto" | "medium" | "large" | AnyString | undefined;
+    /**
+     * Fill (color) of the svg.
+     * Defaults to `--iui-color-icon-muted`. Can be specified to
+     * use one of the status colors.
+     *
+     * Also accepts a custom string value that will be used unchanged.
+     *
+     * @default 'default'
+     */
+    fill?: "default" | "positive" | "warning" | "negative" | AnyString | "informational" | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/esm/core/utils/components/Icon.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 React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
 import '@itwin/itwinui-css/css/utils.css';
 const getSizeValue = (size) => {

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

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