@itwin/itwinui-react 2.10.1 → 2.11.1

package/cjs/core/Tree/TreeContext.js

@@ -1,6 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTreeContext = exports.TreeContext = void 0;
@@ -8,10 +28,10 @@ exports.useTreeContext = exports.TreeContext = 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_1 = __importDefault(require("react"));
-exports.TreeContext = react_1.default.createContext(undefined);
+const React = __importStar(require("react"));
+exports.TreeContext = React.createContext(undefined);
 const useTreeContext = () => {
-    const context = react_1.default.useContext(exports.TreeContext);
+    const context = React.useContext(exports.TreeContext);
     if (context == undefined) {
         throw new Error('TreeContext must be used within a TreeContext.Provider');
     }

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/tree.css';
 export declare type TreeNodeProps = {
     /**

package/cjs/core/Tree/TreeNode.js

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -8,12 +31,12 @@ exports.TreeNode = 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_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/tree.css");
 const classnames_1 = __importDefault(require("classnames"));
-const TreeNodeExpander_1 = require("./TreeNodeExpander");
-const TreeContext_1 = require("./TreeContext");
+const TreeNodeExpander_js_1 = require("./TreeNodeExpander.js");
+const TreeContext_js_1 = require("./TreeContext.js");
 /**
  * `TreeNode` component to display node content within a `Tree`.
  * Must be used inside `Tree` component to correctly set node `depth` and `subNodes`.
@@ -35,10 +58,10 @@ const TreeContext_1 = require("./TreeContext");
  */
 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, utils_1.useTheme)();
-    const { nodeDepth, subNodeIds = [], parentNodeId, scrollToParent, groupSize, indexInGroup, } = (0, TreeContext_1.useTreeContext)();
-    const [isFocused, setIsFocused] = react_1.default.useState(false);
-    const nodeRef = react_1.default.useRef(null);
+    (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);
     const onKeyDown = (event) => {
         var _a, _b, _c, _d, _e, _f;
         if (event.altKey) {
@@ -60,7 +83,7 @@ const TreeNode = (props) => {
                     // If it is top level node (doesn't have parent node), then do nothing.
                     break;
                 }
-                const focusableElements = (0, utils_1.getFocusableElements)(nodeRef.current);
+                const focusableElements = (0, index_js_1.getFocusableElements)(nodeRef.current);
                 const currentIndex = focusableElements.indexOf((_b = nodeRef.current) === null || _b === void 0 ? void 0 : _b.ownerDocument.activeElement);
                 if (currentIndex === 0) {
                     (_c = nodeRef.current) === null || _c === void 0 ? void 0 : _c.focus();
@@ -72,7 +95,7 @@ const TreeNode = (props) => {
             }
             case 'ArrowRight': {
                 event.preventDefault();
-                const focusableElements = (0, utils_1.getFocusableElements)(nodeRef.current);
+                const focusableElements = (0, index_js_1.getFocusableElements)(nodeRef.current);
                 if (isNodeFocused) {
                     if (!isExpanded && hasSubNodes) {
                         onExpanded(nodeId, true);
@@ -105,39 +128,39 @@ const TreeNode = (props) => {
                 break;
         }
     };
-    const onExpanderClick = react_1.default.useCallback((event) => {
+    const onExpanderClick = React.useCallback((event) => {
         onExpanded(nodeId, !isExpanded);
         event.stopPropagation();
     }, [isExpanded, nodeId, onExpanded]);
-    return (react_1.default.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("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_1.default.createElement("div", { className: (0, classnames_1.default)('iui-tree-node', {
+        React.createElement("div", { 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_1.default.isValidElement(checkbox)
-                ? react_1.default.cloneElement(checkbox, {
+            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_1.default.createElement("div", { className: 'iui-tree-node-content' },
+            React.createElement("div", { className: 'iui-tree-node-content' },
                 hasSubNodes && expander,
-                hasSubNodes && !expander && (react_1.default.createElement(TreeNodeExpander_1.TreeNodeExpander, { isExpanded: isExpanded, disabled: isDisabled, onClick: onExpanderClick, tabIndex: isFocused ? 0 : -1 })),
+                hasSubNodes && !expander && (React.createElement(TreeNodeExpander_js_1.TreeNodeExpander, { isExpanded: isExpanded, disabled: isDisabled, onClick: onExpanderClick, tabIndex: isFocused ? 0 : -1 })),
                 icon &&
-                    react_1.default.cloneElement(icon, {
+                    React.cloneElement(icon, {
                         className: (0, classnames_1.default)('iui-tree-node-content-icon', icon.props.className),
                     }),
-                react_1.default.createElement("span", { className: 'iui-tree-node-content-label' },
-                    react_1.default.createElement("div", { className: 'iui-tree-node-content-title' }, label),
-                    sublabel && (react_1.default.createElement("div", { className: 'iui-tree-node-content-caption' }, sublabel))),
+                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))),
                 children)),
-        hasSubNodes && (react_1.default.createElement("ul", { className: 'iui-sub-tree', role: 'group', "aria-owns": subNodeIds.join(',') }))));
+        hasSubNodes && (React.createElement("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,5 +1,5 @@
 /// <reference types="react" />
-import { IconButtonProps } from '../Buttons/IconButton';
+import type { IconButtonProps } from '../Buttons/IconButton/index.js';
 import '@itwin/itwinui-css/css/tree.css';
 export declare type TreeNodeExpanderProps = {
     isExpanded?: boolean;

package/cjs/core/Tree/TreeNodeExpander.js

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -8,15 +31,15 @@ exports.TreeNodeExpander = 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_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
-const IconButton_1 = require("../Buttons/IconButton");
+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) => {
     const { isExpanded, ...rest } = props;
-    return (react_1.default.createElement(IconButton_1.IconButton, { styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand', ...rest },
-        react_1.default.createElement(utils_1.SvgChevronRight, { className: (0, classnames_1.default)('iui-tree-node-content-expander-icon', {
+    return (React.createElement(index_js_2.IconButton, { styleType: 'borderless', size: 'small', "aria-label": isExpanded ? 'Collapse' : 'Expand', ...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,
             }) })));
 };

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

@@ -1,6 +1,6 @@
-export { Tree } from './Tree';
-export type { TreeProps, NodeData, NodeRenderProps } from './Tree';
-export { TreeNode } from './TreeNode';
-export type { TreeNodeProps } from './TreeNode';
-export { TreeNodeExpander } from './TreeNodeExpander';
-export type { TreeNodeExpanderProps } from './TreeNodeExpander';
+export { Tree } from './Tree.js';
+export type { TreeProps, 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/Tree/index.js

@@ -5,9 +5,9 @@ exports.TreeNodeExpander = exports.TreeNode = exports.Tree = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Tree_1 = require("./Tree");
-Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return Tree_1.Tree; } });
-var TreeNode_1 = require("./TreeNode");
-Object.defineProperty(exports, "TreeNode", { enumerable: true, get: function () { return TreeNode_1.TreeNode; } });
-var TreeNodeExpander_1 = require("./TreeNodeExpander");
-Object.defineProperty(exports, "TreeNodeExpander", { enumerable: true, get: function () { return TreeNodeExpander_1.TreeNodeExpander; } });
+var Tree_js_1 = require("./Tree.js");
+Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return Tree_js_1.Tree; } });
+var TreeNode_js_1 = require("./TreeNode.js");
+Object.defineProperty(exports, "TreeNode", { enumerable: true, get: function () { return TreeNode_js_1.TreeNode; } });
+var TreeNodeExpander_js_1 = require("./TreeNodeExpander.js");
+Object.defineProperty(exports, "TreeNodeExpander", { enumerable: true, get: function () { return TreeNodeExpander_js_1.TreeNodeExpander; } });

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils';
+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>;

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

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -8,9 +31,9 @@ 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_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../../utils");
+const index_js_1 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/anchor.css");
 /**
  * A consistently styled anchor component.
@@ -26,9 +49,9 @@ require("@itwin/itwinui-css/css/anchor.css");
  * <Anchor as={Link} to='/'>Home</Anchor>
  * <Anchor as='button' onClick={() => {}}>click me</Anchor>
  */
-exports.Anchor = react_1.default.forwardRef((props, ref) => {
+exports.Anchor = React.forwardRef((props, ref) => {
     const { as: Element = 'a', className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement(Element, { className: (0, classnames_1.default)('iui-anchor', className), ref: ref, ...rest }));
+    (0, index_js_1.useTheme)();
+    return (React.createElement(Element, { className: (0, classnames_1.default)('iui-anchor', className), ref: ref, ...rest }));
 });
 exports.default = exports.Anchor;

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

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

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

@@ -5,6 +5,6 @@ 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 Anchor_1 = require("./Anchor");
-Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return Anchor_1.Anchor; } });
+var Anchor_js_1 = require("./Anchor.js");
+Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return Anchor_js_1.Anchor; } });
 exports.default = './Anchor';

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

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

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

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -9,8 +32,8 @@ exports.Blockquote = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/blockquote.css");
 /**
  * Basic blockquote component
@@ -20,11 +43,11 @@ require("@itwin/itwinui-css/css/blockquote.css");
  *  <p>This is a quote from someone</p>
  * </Blockquote>
  */
-exports.Blockquote = react_1.default.forwardRef((props, ref) => {
+exports.Blockquote = React.forwardRef((props, ref) => {
     const { className, children, footer, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("blockquote", { className: (0, classnames_1.default)('iui-blockquote', className), ref: ref, ...rest },
+    (0, index_js_1.useTheme)();
+    return (React.createElement("blockquote", { className: (0, classnames_1.default)('iui-blockquote', className), ref: ref, ...rest },
         children,
-        footer && react_1.default.createElement("footer", null, footer)));
+        footer && React.createElement("footer", null, footer)));
 });
 exports.default = exports.Blockquote;

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

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

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

@@ -5,6 +5,6 @@ exports.Blockquote = 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 Blockquote_1 = require("./Blockquote");
-Object.defineProperty(exports, "Blockquote", { enumerable: true, get: function () { return Blockquote_1.Blockquote; } });
+var Blockquote_js_1 = require("./Blockquote.js");
+Object.defineProperty(exports, "Blockquote", { enumerable: true, get: function () { return Blockquote_js_1.Blockquote; } });
 exports.default = './Blockquote';

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/text.css';
 /**
  * @deprecated Since v2, use `Text` with variant 'body'.

package/cjs/core/Typography/Body/Body.js

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -9,18 +32,18 @@ exports.Body = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/text.css");
 /**
  * @deprecated Since v2, use `Text` with variant 'body'.
  * @example
  * <Text variant='body' as='p'>I'm some body text!</Text>
  */
-exports.Body = react_1.default.forwardRef((props, ref) => {
+exports.Body = React.forwardRef((props, ref) => {
     const { className, isMuted = false, isSkeleton = false, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("p", { ref: ref, className: (0, classnames_1.default)('iui-text-block', 'iui-text-spacing', {
+    (0, index_js_1.useTheme)();
+    return (React.createElement("p", { ref: ref, className: (0, classnames_1.default)('iui-text-block', 'iui-text-spacing', {
             'iui-text-muted': isMuted,
             'iui-skeleton': isSkeleton,
         }, className), ...rest }));

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

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

package/cjs/core/Typography/Body/index.js

@@ -5,6 +5,6 @@ exports.Body = 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 Body_1 = require("./Body");
-Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return Body_1.Body; } });
+var Body_js_1 = require("./Body.js");
+Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return Body_js_1.Body; } });
 exports.default = './Body';

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../../utils';
+import * as React from 'react';
+import type { CommonProps } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/code.css';
 export declare type CodeProps = {
     /**

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

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -9,8 +32,8 @@ exports.Code = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/code.css");
 /**
  * Inline code element.
@@ -19,8 +42,8 @@ require("@itwin/itwinui-css/css/code.css");
  */
 const Code = (props) => {
     const { className, children, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("code", { className: (0, classnames_1.default)('iui-code', className), ...rest }, children));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("code", { className: (0, classnames_1.default)('iui-code', className), ...rest }, children));
 };
 exports.Code = Code;
 exports.default = exports.Code;

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

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

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

@@ -5,6 +5,6 @@ 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.
  *--------------------------------------------------------------------------------------------*/
-var Code_1 = require("./Code");
-Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return Code_1.Code; } });
+var Code_js_1 = require("./Code.js");
+Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return Code_js_1.Code; } });
 exports.default = './Code';

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

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