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

package/cjs/core/Tree/Tree.js

@@ -88,7 +88,6 @@ const TreeContext_js_1 = require("./TreeContext.js");
  */
 const Tree = (props) => {
     const { data, className, nodeRenderer, getNode, enableVirtualization = false, style, ...rest } = props;
-    (0, index_js_1.useTheme)();
     const treeRef = React.useRef(null);
     const focusedIndex = React.useRef(0);
     React.useEffect(() => {
@@ -209,8 +208,9 @@ const Tree = (props) => {
     return (React.createElement(React.Fragment, null, enableVirtualization ? (React.createElement(VirtualizedTree, { flatNodesList: flatNodesList, itemRenderer: itemRenderer, scrollToIndex: scrollToIndex, onFocus: handleFocus, onKeyDown: handleKeyDown, ref: treeRef, className: className, style: style, ...rest })) : (React.createElement(TreeElement, { onKeyDown: handleKeyDown, onFocus: handleFocus, className: className, style: style, ref: treeRef, ...rest }, flatNodesList.map((_, i) => itemRenderer(i))))));
 };
 exports.Tree = Tree;
-const TreeElement = React.forwardRef(({ children, className, ...rest }, ref) => {
-    return (React.createElement("ul", { className: (0, classnames_1.default)('iui-tree', className), role: 'tree', ref: ref, tabIndex: 0, ...rest }, children));
+const TreeElement = index_js_1.polymorphic.ul('iui-tree', {
+    role: 'tree',
+    tabIndex: 0,
 });
 // Having virtualized tree separately prevents from running all virtualization logic
 const VirtualizedTree = React.forwardRef(({ flatNodesList, itemRenderer, scrollToIndex, className, style, ...rest }, ref) => {
@@ -219,7 +219,7 @@ const VirtualizedTree = React.forwardRef(({ flatNodesList, itemRenderer, scrollT
         itemRenderer: itemRenderer,
         scrollToIndex,
     });
-    return (React.createElement("div", { ...{
+    return (React.createElement(index_js_1.Box, { ...{
             ...outerProps,
             className: (0, classnames_1.default)(className, outerProps.className),
             style: { ...style, ...outerProps.style },

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/tree.css';
-export declare type TreeNodeProps = {
+declare type TreeNodeProps = {
     /**
      * Unique id of the node.
      * It has to be compatible with HTML id attribute.

package/cjs/core/Tree/TreeNode.js

@@ -58,7 +58,6 @@ const TreeContext_js_1 = require("./TreeContext.js");
  */
 const TreeNode = (props) => {
     const { nodeId, label, sublabel, children, className, icon, hasSubNodes = false, isDisabled = false, isExpanded = false, isSelected = false, onSelected, onExpanded, checkbox, expander, ...rest } = props;
-    (0, index_js_1.useTheme)();
     const { nodeDepth, subNodeIds = [], parentNodeId, scrollToParent, groupSize, indexInGroup, } = (0, TreeContext_js_1.useTreeContext)();
     const [isFocused, setIsFocused] = React.useState(false);
     const nodeRef = React.useRef(null);
@@ -132,35 +131,31 @@ const TreeNode = (props) => {
         onExpanded(nodeId, !isExpanded);
         event.stopPropagation();
     }, [isExpanded, nodeId, onExpanded]);
-    return (React.createElement("li", { role: 'treeitem', className: (0, classnames_1.default)('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) => {
+    return (React.createElement(index_js_1.Box, { as: 'li', role: 'treeitem', className: (0, classnames_1.default)('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("div", { className: (0, classnames_1.default)('iui-tree-node', {
+        React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-tree-node', {
                 'iui-active': isSelected,
                 'iui-disabled': isDisabled,
             }), style: { '--level': nodeDepth }, onClick: () => !isDisabled && (onSelected === null || onSelected === void 0 ? void 0 : onSelected(nodeId, !isSelected)) },
-            checkbox && React.isValidElement(checkbox)
+            checkbox && (React.createElement(index_js_1.Box, { className: 'iui-tree-node-checkbox' }, React.isValidElement(checkbox)
                 ? React.cloneElement(checkbox, {
-                    className: (0, classnames_1.default)('iui-tree-node-checkbox', checkbox.props.className),
                     tabIndex: isFocused ? 0 : -1,
                 })
-                : checkbox,
-            React.createElement("div", { className: 'iui-tree-node-content' },
+                : checkbox)),
+            React.createElement(index_js_1.Box, { className: 'iui-tree-node-content' },
                 hasSubNodes && expander,
                 hasSubNodes && !expander && (React.createElement(TreeNodeExpander_js_1.TreeNodeExpander, { isExpanded: isExpanded, disabled: isDisabled, onClick: onExpanderClick, tabIndex: isFocused ? 0 : -1 })),
-                icon &&
-                    React.cloneElement(icon, {
-                        className: (0, classnames_1.default)('iui-tree-node-content-icon', icon.props.className),
-                    }),
-                React.createElement("span", { className: 'iui-tree-node-content-label' },
-                    React.createElement("div", { className: 'iui-tree-node-content-title' }, label),
-                    sublabel && (React.createElement("div", { className: 'iui-tree-node-content-caption' }, sublabel))),
+                icon && (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-tree-node-content-icon', "aria-hidden": true }, icon)),
+                React.createElement(index_js_1.Box, { className: 'iui-tree-node-content-label' },
+                    React.createElement(index_js_1.Box, { className: 'iui-tree-node-content-title' }, label),
+                    sublabel && (React.createElement(index_js_1.Box, { className: 'iui-tree-node-content-caption' }, sublabel))),
                 children)),
-        hasSubNodes && (React.createElement("ul", { className: 'iui-sub-tree', role: 'group', "aria-owns": subNodeIds.join(',') }))));
+        hasSubNodes && (React.createElement(index_js_1.Box, { as: 'ul', className: 'iui-sub-tree', role: 'group', "aria-owns": subNodeIds.join(',') }))));
 };
 exports.TreeNode = TreeNode;
 exports.default = exports.TreeNode;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import type { IconButtonProps } from '../Buttons/IconButton/index.js';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { IconButtonProps } from '../Buttons/IconButton/IconButton.js';
 import '@itwin/itwinui-css/css/tree.css';
-export declare type TreeNodeExpanderProps = {
+declare type TreeNodeExpanderProps = {
     isExpanded?: boolean;
 } & IconButtonProps;
-export declare const TreeNodeExpander: (props: TreeNodeExpanderProps) => JSX.Element;
+export declare const TreeNodeExpander: PolymorphicForwardRefComponent<"button", TreeNodeExpanderProps>;
 export default TreeNodeExpander;

package/cjs/core/Tree/TreeNodeExpander.js

@@ -36,12 +36,11 @@ const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../utils/index.js");
 const index_js_2 = require("../Buttons/IconButton/index.js");
 require("@itwin/itwinui-css/css/tree.css");
-const TreeNodeExpander = (props) => {
+exports.TreeNodeExpander = React.forwardRef((props, ref) => {
     const { isExpanded, ...rest } = props;
-    return (React.createElement(index_js_2.IconButton, { styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand', ...rest },
+    return (React.createElement(index_js_2.IconButton, { styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand', ref: ref, ...rest },
         React.createElement(index_js_1.SvgChevronRight, { className: (0, classnames_1.default)('iui-tree-node-content-expander-icon', {
                 'iui-tree-node-content-expander-icon-expanded': isExpanded,
             }) })));
-};
-exports.TreeNodeExpander = TreeNodeExpander;
+});
 exports.default = exports.TreeNodeExpander;

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

@@ -1,6 +1,4 @@
 export { Tree } from './Tree.js';
-export type { TreeProps, NodeData, NodeRenderProps } from './Tree.js';
+export type { NodeData, NodeRenderProps } from './Tree.js';
 export { TreeNode } from './TreeNode.js';
-export type { TreeNodeProps } from './TreeNode.js';
 export { TreeNodeExpander } from './TreeNodeExpander.js';
-export type { TreeNodeExpanderProps } from './TreeNodeExpander.js';

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

@@ -1,8 +1,4 @@
-import * as React from 'react';
-import type { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/anchor.css';
-declare type AnchorOwnProps = Record<never, never>;
-export declare type AnchorProps<T extends React.ElementType = 'a'> = PolymorphicComponentProps<T, AnchorOwnProps>;
 /**
  * A consistently styled anchor component.
  *
@@ -17,5 +13,5 @@ export declare type AnchorProps<T extends React.ElementType = 'a'> = Polymorphic
  * <Anchor as={Link} to='/'>Home</Anchor>
  * <Anchor as='button' onClick={() => {}}>click me</Anchor>
  */
-export declare const Anchor: PolymorphicForwardRefComponent<"a", AnchorOwnProps>;
+export declare const Anchor: import("../../utils/props.js").PolymorphicForwardRefComponent<"a", {}>;
 export default Anchor;

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

@@ -1,38 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 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.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
 const index_js_1 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/anchor.css");
 /**
@@ -49,9 +21,5 @@ require("@itwin/itwinui-css/css/anchor.css");
  * <Anchor as={Link} to='/'>Home</Anchor>
  * <Anchor as='button' onClick={() => {}}>click me</Anchor>
  */
-exports.Anchor = React.forwardRef((props, ref) => {
-    const { as: Element = 'a', className, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement(Element, { className: (0, classnames_1.default)('iui-anchor', className), ref: ref, ...rest }));
-});
+exports.Anchor = index_js_1.polymorphic.a('iui-anchor');
 exports.default = exports.Anchor;

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

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

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

@@ -1,11 +1,12 @@
 import * as React from 'react';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/blockquote.css';
-export declare type BlockquoteProps = {
+declare type BlockquoteProps = {
     /**
      * Optional footer for any attribution/source.
      */
     footer?: React.ReactNode;
-} & React.BlockquoteHTMLAttributes<HTMLQuoteElement>;
+};
 /**
  * Basic blockquote component
  * @example
@@ -14,10 +15,5 @@ export declare type BlockquoteProps = {
  *  <p>This is a quote from someone</p>
  * </Blockquote>
  */
-export declare const Blockquote: React.ForwardRefExoticComponent<{
-    /**
-     * Optional footer for any attribution/source.
-     */
-    footer?: React.ReactNode;
-} & React.BlockquoteHTMLAttributes<HTMLQuoteElement> & React.RefAttributes<HTMLQuoteElement>>;
+export declare const Blockquote: PolymorphicForwardRefComponent<"blockquote", BlockquoteProps>;
 export default Blockquote;

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

@@ -45,8 +45,7 @@ require("@itwin/itwinui-css/css/blockquote.css");
  */
 exports.Blockquote = React.forwardRef((props, ref) => {
     const { className, children, footer, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement("blockquote", { className: (0, classnames_1.default)('iui-blockquote', className), ref: ref, ...rest },
+    return (React.createElement(index_js_1.Box, { as: 'blockquote', className: (0, classnames_1.default)('iui-blockquote', className), ref: ref, ...rest },
         children,
         footer && React.createElement("footer", null, footer)));
 });

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

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

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

@@ -1,16 +1,8 @@
-import * as React from 'react';
-import type { CommonProps } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/code.css';
-export declare type CodeProps = {
-    /**
-     * A piece of inline code.
-     */
-    children: React.ReactNode;
-} & CommonProps;
 /**
  * Inline code element.
  * @example
  * <p>Some <Code>inline code</Code> in a paragraph</p>
  */
-export declare const Code: (props: CodeProps) => JSX.Element;
+export declare const Code: import("../../utils/props.js").PolymorphicForwardRefComponent<"code", {}>;
 export default Code;

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

@@ -1,38 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Code = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
 const index_js_1 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/code.css");
 /**
@@ -40,10 +12,5 @@ require("@itwin/itwinui-css/css/code.css");
  * @example
  * <p>Some <Code>inline code</Code> in a paragraph</p>
  */
-const Code = (props) => {
-    const { className, children, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement("code", { className: (0, classnames_1.default)('iui-code', className), ...rest }, children));
-};
-exports.Code = Code;
+exports.Code = index_js_1.polymorphic.code('iui-code');
 exports.default = exports.Code;

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

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

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { CommonProps } from '../../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/keyboard.css';
 /**
  * Some predefined strings for common keyboard keys.
@@ -19,17 +18,17 @@ export declare const KbdKeys: {
     readonly Right: "→";
     readonly Down: "↓";
 };
-export declare type KbdProps = {
+declare type KbdProps = {
     /**
      * Content of the key to be passed as children. Must be a string or one of the `KbdKeys`.
      */
     children: string;
-} & CommonProps;
+};
 /**
  * A keyboard key element.
  * @example
  * <Kbd>A</Kbd>
  * <Kbd title='Enter'>{KbdKeys.Enter}</Kbd>
  */
-export declare const Kbd: (props: KbdProps) => JSX.Element;
+export declare const Kbd: PolymorphicForwardRefComponent<"kbd", KbdProps>;
 export default Kbd;

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

@@ -59,10 +59,8 @@ exports.KbdKeys = {
  * <Kbd>A</Kbd>
  * <Kbd title='Enter'>{KbdKeys.Enter}</Kbd>
  */
-const Kbd = (props) => {
+exports.Kbd = React.forwardRef((props, forwardedRef) => {
     const { className, children, ...rest } = props;
-    (0, index_js_1.useTheme)();
-    return (React.createElement("kbd", { className: (0, classnames_1.default)('iui-keyboard', className), ...rest }, children));
-};
-exports.Kbd = Kbd;
+    return (React.createElement(index_js_1.Box, { as: 'kbd', className: (0, classnames_1.default)('iui-keyboard', className), ref: forwardedRef, ...rest }, children));
+});
 exports.default = exports.Kbd;

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

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

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

@@ -1,7 +1,6 @@
-import * as React from 'react';
-import type { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/text.css';
-declare type TextOwnProps = {
+declare type TextProps = {
     /**
      * Which typography variant/size should be used for the styling?
      *
@@ -26,8 +25,6 @@ declare type TextOwnProps = {
      */
     isSkeleton?: boolean;
 };
-export declare type TextProps<T extends React.ElementType = 'div'> = PolymorphicComponentProps<T, TextOwnProps>;
-declare type TextComponent = PolymorphicForwardRefComponent<'div', TextOwnProps>;
 /**
  * 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
@@ -40,5 +37,5 @@ declare type TextComponent = PolymorphicForwardRefComponent<'div', TextOwnProps>
  * <Text isMuted>Some muted text.</Text>
  * <Text isSkeleton>Skeleton text</Text>
  */
-export declare const Text: TextComponent;
+export declare const Text: PolymorphicForwardRefComponent<"div", TextProps>;
 export default Text;

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

@@ -48,9 +48,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,65 @@
 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 { 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';