@itwin/itwinui-react 3.0.0-dev.3 → 3.0.0-dev.5

package/esm/core/Tree/TreeNode.js

@@ -27,103 +27,202 @@ import { useTreeContext } from './TreeContext.js';
   />
  */
 export const TreeNode = (props) => {
-    const { nodeId, label, sublabel, children, className, icon, hasSubNodes = false, isDisabled = false, isExpanded = false, isSelected = false, onSelected, onExpanded, checkbox, expander, ...rest } = props;
-    const { nodeDepth, subNodeIds = [], parentNodeId, scrollToParent, groupSize, indexInGroup, } = useTreeContext();
-    const [isFocused, setIsFocused] = React.useState(false);
-    const nodeRef = React.useRef(null);
-    const onKeyDown = (event) => {
-        if (event.altKey) {
-            return;
+  const {
+    nodeId,
+    label,
+    sublabel,
+    children,
+    className,
+    icon,
+    hasSubNodes = false,
+    isDisabled = false,
+    isExpanded = false,
+    isSelected = false,
+    onSelected,
+    onExpanded,
+    checkbox,
+    expander,
+    ...rest
+  } = props;
+  const {
+    nodeDepth,
+    subNodeIds = [],
+    parentNodeId,
+    scrollToParent,
+    groupSize,
+    indexInGroup,
+  } = useTreeContext();
+  const [isFocused, setIsFocused] = React.useState(false);
+  const nodeRef = React.useRef(null);
+  const onKeyDown = (event) => {
+    if (event.altKey) {
+      return;
+    }
+    const isNodeFocused =
+      nodeRef.current === nodeRef.current?.ownerDocument.activeElement;
+    switch (event.key) {
+      case 'ArrowLeft': {
+        event.preventDefault();
+        if (isNodeFocused) {
+          if (isExpanded) {
+            onExpanded(nodeId, false);
+            break;
+          }
+          if (parentNodeId) {
+            scrollToParent?.();
+            break;
+          }
+          // If it is top level node (doesn't have parent node), then do nothing.
+          break;
+        }
+        const focusableElements = getFocusableElements(nodeRef.current);
+        const currentIndex = focusableElements.indexOf(
+          nodeRef.current?.ownerDocument.activeElement,
+        );
+        if (currentIndex === 0) {
+          nodeRef.current?.focus();
+        } else {
+          focusableElements[currentIndex - 1]?.focus();
+        }
+        break;
+      }
+      case 'ArrowRight': {
+        event.preventDefault();
+        const focusableElements = getFocusableElements(nodeRef.current);
+        if (isNodeFocused) {
+          if (!isExpanded && hasSubNodes) {
+            onExpanded(nodeId, true);
+            break;
+          }
+          focusableElements[0]?.focus();
+          break;
         }
-        const isNodeFocused = nodeRef.current === nodeRef.current?.ownerDocument.activeElement;
-        switch (event.key) {
-            case 'ArrowLeft': {
-                event.preventDefault();
-                if (isNodeFocused) {
-                    if (isExpanded) {
-                        onExpanded(nodeId, false);
-                        break;
-                    }
-                    if (parentNodeId) {
-                        scrollToParent?.();
-                        break;
-                    }
-                    // If it is top level node (doesn't have parent node), then do nothing.
-                    break;
-                }
-                const focusableElements = getFocusableElements(nodeRef.current);
-                const currentIndex = focusableElements.indexOf(nodeRef.current?.ownerDocument.activeElement);
-                if (currentIndex === 0) {
-                    nodeRef.current?.focus();
-                }
-                else {
-                    focusableElements[currentIndex - 1]?.focus();
-                }
-                break;
-            }
-            case 'ArrowRight': {
-                event.preventDefault();
-                const focusableElements = getFocusableElements(nodeRef.current);
-                if (isNodeFocused) {
-                    if (!isExpanded && hasSubNodes) {
-                        onExpanded(nodeId, true);
-                        break;
-                    }
-                    focusableElements[0]?.focus();
-                    break;
-                }
-                const currentIndex = focusableElements.indexOf(nodeRef.current?.ownerDocument.activeElement);
-                if (currentIndex < focusableElements.length - 1) {
-                    focusableElements[currentIndex + 1].focus();
-                    break;
-                }
-                break;
-            }
-            case ' ':
-            case 'Spacebar':
-            case 'Enter': {
-                // Ignore if it is called on the element inside, e.g. checkbox or expander
-                if (event.target !== nodeRef.current) {
-                    break;
-                }
-                event.preventDefault();
-                if (!isDisabled) {
-                    onSelected?.(nodeId, !isSelected);
-                }
-                break;
-            }
-            default:
-                break;
+        const currentIndex = focusableElements.indexOf(
+          nodeRef.current?.ownerDocument.activeElement,
+        );
+        if (currentIndex < focusableElements.length - 1) {
+          focusableElements[currentIndex + 1].focus();
+          break;
         }
-    };
-    const onExpanderClick = React.useCallback((event) => {
-        onExpanded(nodeId, !isExpanded);
-        event.stopPropagation();
-    }, [isExpanded, nodeId, onExpanded]);
-    return (React.createElement(Box, { as: 'li', role: 'treeitem', className: cx('iui-tree-item', className), id: nodeId, "aria-expanded": hasSubNodes ? isExpanded : undefined, "aria-disabled": isDisabled, "aria-selected": isSelected, "aria-level": nodeDepth + 1, "aria-setsize": groupSize, "aria-posinset": indexInGroup + 1, tabIndex: -1, onFocus: (e) => {
-            setIsFocused(true);
-            // Prevents from triggering onFocus on parent Tree
-            e.stopPropagation();
-        }, onBlur: () => {
-            setIsFocused(false);
-        }, ref: nodeRef, onKeyDown: onKeyDown, ...rest },
-        React.createElement(Box, { className: cx('iui-tree-node', {
-                'iui-active': isSelected,
-                'iui-disabled': isDisabled,
-            }), style: { '--level': nodeDepth }, onClick: () => !isDisabled && onSelected?.(nodeId, !isSelected) },
-            checkbox && (React.createElement(Box, { className: 'iui-tree-node-checkbox' }, React.isValidElement(checkbox)
-                ? React.cloneElement(checkbox, {
-                    tabIndex: isFocused ? 0 : -1,
-                })
-                : checkbox)),
-            React.createElement(Box, { className: 'iui-tree-node-content' },
-                hasSubNodes && expander,
-                hasSubNodes && !expander && (React.createElement(TreeNodeExpander, { isExpanded: isExpanded, disabled: isDisabled, onClick: onExpanderClick, tabIndex: isFocused ? 0 : -1 })),
-                icon && (React.createElement(Box, { as: 'span', className: 'iui-tree-node-content-icon', "aria-hidden": true }, icon)),
-                React.createElement(Box, { className: 'iui-tree-node-content-label' },
-                    React.createElement(Box, { className: 'iui-tree-node-content-title' }, label),
-                    sublabel && (React.createElement(Box, { className: 'iui-tree-node-content-caption' }, sublabel))),
-                children)),
-        hasSubNodes && (React.createElement(Box, { as: 'ul', className: 'iui-sub-tree', role: 'group', "aria-owns": subNodeIds.join(',') }))));
+        break;
+      }
+      case ' ':
+      case 'Spacebar':
+      case 'Enter': {
+        // Ignore if it is called on the element inside, e.g. checkbox or expander
+        if (event.target !== nodeRef.current) {
+          break;
+        }
+        event.preventDefault();
+        if (!isDisabled) {
+          onSelected?.(nodeId, !isSelected);
+        }
+        break;
+      }
+      default:
+        break;
+    }
+  };
+  const onExpanderClick = React.useCallback(
+    (event) => {
+      onExpanded(nodeId, !isExpanded);
+      event.stopPropagation();
+    },
+    [isExpanded, nodeId, onExpanded],
+  );
+  return React.createElement(
+    Box,
+    {
+      as: 'li',
+      role: 'treeitem',
+      className: cx('iui-tree-item', className),
+      id: nodeId,
+      'aria-expanded': hasSubNodes ? isExpanded : undefined,
+      'aria-disabled': isDisabled,
+      'aria-selected': isSelected,
+      'aria-level': nodeDepth + 1,
+      'aria-setsize': groupSize,
+      'aria-posinset': indexInGroup + 1,
+      tabIndex: -1,
+      onFocus: (e) => {
+        setIsFocused(true);
+        // Prevents from triggering onFocus on parent Tree
+        e.stopPropagation();
+      },
+      onBlur: () => {
+        setIsFocused(false);
+      },
+      ref: nodeRef,
+      onKeyDown: onKeyDown,
+      ...rest,
+    },
+    React.createElement(
+      Box,
+      {
+        className: cx('iui-tree-node', {
+          'iui-active': isSelected,
+          'iui-disabled': isDisabled,
+        }),
+        style: { '--level': nodeDepth },
+        onClick: () => !isDisabled && onSelected?.(nodeId, !isSelected),
+      },
+      checkbox &&
+        React.createElement(
+          Box,
+          { className: 'iui-tree-node-checkbox' },
+          React.isValidElement(checkbox)
+            ? React.cloneElement(checkbox, {
+                tabIndex: isFocused ? 0 : -1,
+              })
+            : checkbox,
+        ),
+      React.createElement(
+        Box,
+        { className: 'iui-tree-node-content' },
+        hasSubNodes && expander,
+        hasSubNodes &&
+          !expander &&
+          React.createElement(TreeNodeExpander, {
+            isExpanded: isExpanded,
+            disabled: isDisabled,
+            onClick: onExpanderClick,
+            tabIndex: isFocused ? 0 : -1,
+          }),
+        icon &&
+          React.createElement(
+            Box,
+            {
+              as: 'span',
+              className: 'iui-tree-node-content-icon',
+              'aria-hidden': true,
+            },
+            icon,
+          ),
+        React.createElement(
+          Box,
+          { className: 'iui-tree-node-content-label' },
+          React.createElement(
+            Box,
+            { className: 'iui-tree-node-content-title' },
+            label,
+          ),
+          sublabel &&
+            React.createElement(
+              Box,
+              { className: 'iui-tree-node-content-caption' },
+              sublabel,
+            ),
+        ),
+        children,
+      ),
+    ),
+    hasSubNodes &&
+      React.createElement(Box, {
+        as: 'ul',
+        className: 'iui-sub-tree',
+        role: 'group',
+        'aria-owns': subNodeIds.join(','),
+      }),
+  );
 };
 export default TreeNode;

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

@@ -1,6 +1,6 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { IconButtonProps } from '../Buttons/IconButton/IconButton.js';
-declare type TreeNodeExpanderProps = {
+type TreeNodeExpanderProps = {
     isExpanded?: boolean;
 } & IconButtonProps;
 export declare const TreeNodeExpander: PolymorphicForwardRefComponent<"button", TreeNodeExpanderProps>;

package/esm/core/Tree/TreeNodeExpander.js

@@ -7,10 +7,21 @@ import cx from 'classnames';
 import { SvgChevronRight } from '../utils/index.js';
 import { IconButton } from '../Buttons/IconButton/index.js';
 export const TreeNodeExpander = React.forwardRef((props, ref) => {
-    const { isExpanded, ...rest } = props;
-    return (React.createElement(IconButton, { styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand', ref: ref, ...rest },
-        React.createElement(SvgChevronRight, { className: cx('iui-tree-node-content-expander-icon', {
-                'iui-tree-node-content-expander-icon-expanded': isExpanded,
-            }) })));
+  const { isExpanded, ...rest } = props;
+  return React.createElement(
+    IconButton,
+    {
+      styleType: 'borderless',
+      size: 'small',
+      'aria-label': isExpanded ? 'Collapse' : 'Expand',
+      ref: ref,
+      ...rest,
+    },
+    React.createElement(SvgChevronRight, {
+      className: cx('iui-tree-node-content-expander-icon', {
+        'iui-tree-node-content-expander-icon-expanded': isExpanded,
+      }),
+    }),
+  );
 });
 export default TreeNodeExpander;

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

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

package/esm/core/Typography/Blockquote/Blockquote.js

@@ -14,9 +14,17 @@ import { Box } from '../../utils/index.js';
  * </Blockquote>
  */
 export const Blockquote = React.forwardRef((props, ref) => {
-    const { className, children, footer, ...rest } = props;
-    return (React.createElement(Box, { as: 'blockquote', className: cx('iui-blockquote', className), ref: ref, ...rest },
-        children,
-        footer && React.createElement("footer", null, footer)));
+  const { className, children, footer, ...rest } = props;
+  return React.createElement(
+    Box,
+    {
+      as: 'blockquote',
+      className: cx('iui-blockquote', className),
+      ref: ref,
+      ...rest,
+    },
+    children,
+    footer && React.createElement('footer', null, footer),
+  );
 });
 export default Blockquote;

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

@@ -17,7 +17,7 @@ export declare const KbdKeys: {
     readonly Right: "→";
     readonly Down: "↓";
 };
-declare type KbdProps = {
+type KbdProps = {
     /**
      * Content of the key to be passed as children. Must be a string or one of the `KbdKeys`.
      */

package/esm/core/Typography/Kbd/Kbd.js

@@ -9,19 +9,19 @@ import { Box } from '../../utils/index.js';
  * Some predefined strings for common keyboard keys.
  */
 export const KbdKeys = {
-    Command: '\u2318 Cmd',
-    Shift: '\u21e7 Shift',
-    Backspace: '\u232b Backspace',
-    Enter: '\u21b5 Enter',
-    Eject: '\u23cf Eject',
-    Control: 'Ctrl',
-    Windows: '\u229e Win',
-    Apple: '\uf8ff',
-    Option: '\u2325 Option',
-    Left: '\u2190',
-    Up: '\u2191',
-    Right: '\u2192',
-    Down: '\u2193',
+  Command: '\u2318 Cmd',
+  Shift: '\u21e7 Shift',
+  Backspace: '\u232b Backspace',
+  Enter: '\u21b5 Enter',
+  Eject: '\u23cf Eject',
+  Control: 'Ctrl',
+  Windows: '\u229e Win',
+  Apple: '\uf8ff',
+  Option: '\u2325 Option',
+  Left: '\u2190',
+  Up: '\u2191',
+  Right: '\u2192',
+  Down: '\u2193',
 };
 /**
  * A keyboard key element.
@@ -30,7 +30,16 @@ export const KbdKeys = {
  * <Kbd title='Enter'>{KbdKeys.Enter}</Kbd>
  */
 export const Kbd = React.forwardRef((props, forwardedRef) => {
-    const { className, children, ...rest } = props;
-    return (React.createElement(Box, { as: 'kbd', className: cx('iui-keyboard', className), ref: forwardedRef, ...rest }, children));
+  const { className, children, ...rest } = props;
+  return React.createElement(
+    Box,
+    {
+      as: 'kbd',
+      className: cx('iui-keyboard', className),
+      ref: forwardedRef,
+      ...rest,
+    },
+    children,
+  );
 });
 export default Kbd;

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

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

package/esm/core/Typography/Text/Text.js

@@ -18,12 +18,25 @@ import { Box } from '../../utils/index.js';
  * <Text isSkeleton>Skeleton text</Text>
  */
 export const Text = React.forwardRef((props, ref) => {
-    const { variant = 'body', className, isMuted = false, isSkeleton = false, ...rest } = props;
-    return (React.createElement(Box, { className: cx({
-            [`iui-text-${variant}`]: variant !== 'body',
-            'iui-text-block': variant === 'body',
-            'iui-text-muted': isMuted,
-            'iui-skeleton': isSkeleton,
-        }, className), ref: ref, ...rest }));
+  const {
+    variant = 'body',
+    className,
+    isMuted = false,
+    isSkeleton = false,
+    ...rest
+  } = props;
+  return React.createElement(Box, {
+    className: cx(
+      {
+        [`iui-text-${variant}`]: variant !== 'body',
+        'iui-text-block': variant === 'body',
+        'iui-text-muted': isMuted,
+        'iui-skeleton': isSkeleton,
+      },
+      className,
+    ),
+    ref: ref,
+    ...rest,
+  });
 });
 export default Text;

package/esm/core/index.d.ts

@@ -1,6 +1,6 @@
 export { Alert } from './Alert/index.js';
-export { Avatar, UserIcon } from './Avatar/index.js';
-export { AvatarGroup, UserIconGroup } from './AvatarGroup/index.js';
+export { Avatar } from './Avatar/index.js';
+export { AvatarGroup } from './AvatarGroup/index.js';
 export { Backdrop } from './Backdrop/index.js';
 export { Badge } from './Badge/index.js';
 export { Breadcrumbs } from './Breadcrumbs/index.js';
@@ -23,7 +23,7 @@ export type { FooterElement, TitleTranslations } from './Footer/index.js';
 export { Header, HeaderBreadcrumbs, HeaderButton, HeaderLogo, } from './Header/index.js';
 export { List, ListItem } from './List/index.js';
 export { TransferList } from './TransferList/index.js';
-export { VerticalTabs, Tabs, Tab, HorizontalTabs } from './Tabs/index.js';
+export { Tabs, Tab } 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';
@@ -34,6 +34,7 @@ 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 { Overlay } from './Overlay/index.js';
 export { ProgressLinear, ProgressRadial } from './ProgressIndicators/index.js';
 export { Radio } from './Radio/index.js';
 export { RadioTile, RadioTileGroup } from './RadioTiles/index.js';
@@ -59,7 +60,7 @@ export { Tooltip } from './Tooltip/index.js';
 export { Tree, TreeNode, TreeNodeExpander } from './Tree/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 { StepProperties, WizardType, WizardLocalization, StepperLocalization, } from './Stepper/index.js';
+export { Stepper, WorkflowDiagram } from './Stepper/index.js';
+export type { StepProperties, StepperLocalization } from './Stepper/index.js';
 export { SearchBox } from './SearchBox/index.js';
 export { getUserColor, ColorValue, MiddleTextTruncation, LinkBox, LinkAction, Icon, Flex, VisuallyHidden, Divider, } from './utils/index.js';

package/esm/core/index.js

@@ -3,16 +3,28 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 export { Alert } from './Alert/index.js';
-export { Avatar, UserIcon } from './Avatar/index.js';
-export { AvatarGroup, UserIconGroup } from './AvatarGroup/index.js';
+export { Avatar } from './Avatar/index.js';
+export { AvatarGroup } 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 {
+  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 {
+  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';
@@ -20,32 +32,71 @@ 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 {
+  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 {
+  Header,
+  HeaderBreadcrumbs,
+  HeaderButton,
+  HeaderLogo,
+} from './Header/index.js';
 export { List, ListItem } from './List/index.js';
 export { TransferList } from './TransferList/index.js';
-export { VerticalTabs, Tabs, Tab, HorizontalTabs } from './Tabs/index.js';
-export { InformationPanel, InformationPanelWrapper, InformationPanelHeader, InformationPanelBody, InformationPanelContent, } from './InformationPanel/index.js';
+export { Tabs, Tab } 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 {
+  Menu,
+  MenuItem,
+  MenuDivider,
+  MenuExtraContent,
+  MenuItemSkeleton,
+} from './Menu/index.js';
 export { Modal, ModalButtonBar, ModalContent } from './Modal/index.js';
 export { NotificationMarker } from './NotificationMarker/index.js';
+export { Overlay } from './Overlay/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 {
+  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 {
+  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';
@@ -55,7 +106,24 @@ 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, Blockquote, Code, Kbd, KbdKeys, Text, } from './Typography/index.js';
-export { Wizard, Stepper, WorkflowDiagram } from './Stepper/index.js';
+export {
+  Anchor,
+  Blockquote,
+  Code,
+  Kbd,
+  KbdKeys,
+  Text,
+} from './Typography/index.js';
+export { Stepper, WorkflowDiagram } from './Stepper/index.js';
 export { SearchBox } from './SearchBox/index.js';
-export { getUserColor, ColorValue, MiddleTextTruncation, LinkBox, LinkAction, Icon, Flex, VisuallyHidden, Divider, } from './utils/index.js';
+export {
+  getUserColor,
+  ColorValue,
+  MiddleTextTruncation,
+  LinkBox,
+  LinkAction,
+  Icon,
+  Flex,
+  VisuallyHidden,
+  Divider,
+} from './utils/index.js';