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

package/cjs/core/Tree/TreeNode.js

@@ -1,41 +1,16 @@
-"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 });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.TreeNode = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * 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 index_js_1 = require("../utils/index.js");
-const classnames_1 = __importDefault(require("classnames"));
-const TreeNodeExpander_js_1 = require("./TreeNodeExpander.js");
-const TreeContext_js_1 = require("./TreeContext.js");
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../utils/index.js');
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+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`.
@@ -56,105 +31,207 @@ 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;
-    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) {
-            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,
+  } = (0, TreeContext_js_1.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 = (0, index_js_1.getFocusableElements)(
+          nodeRef.current,
+        );
+        const currentIndex = focusableElements.indexOf(
+          nodeRef.current?.ownerDocument.activeElement,
+        );
+        if (currentIndex === 0) {
+          nodeRef.current?.focus();
+        } else {
+          focusableElements[currentIndex - 1]?.focus();
         }
-        const isNodeFocused = nodeRef.current === ((_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument.activeElement);
-        switch (event.key) {
-            case 'ArrowLeft': {
-                event.preventDefault();
-                if (isNodeFocused) {
-                    if (isExpanded) {
-                        onExpanded(nodeId, false);
-                        break;
-                    }
-                    if (parentNodeId) {
-                        scrollToParent === null || scrollToParent === void 0 ? void 0 : scrollToParent();
-                        break;
-                    }
-                    // If it is top level node (doesn't have parent node), then do nothing.
-                    break;
-                }
-                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();
-                }
-                else {
-                    (_d = focusableElements[currentIndex - 1]) === null || _d === void 0 ? void 0 : _d.focus();
-                }
-                break;
-            }
-            case 'ArrowRight': {
-                event.preventDefault();
-                const focusableElements = (0, index_js_1.getFocusableElements)(nodeRef.current);
-                if (isNodeFocused) {
-                    if (!isExpanded && hasSubNodes) {
-                        onExpanded(nodeId, true);
-                        break;
-                    }
-                    (_e = focusableElements[0]) === null || _e === void 0 ? void 0 : _e.focus();
-                    break;
-                }
-                const currentIndex = focusableElements.indexOf((_f = nodeRef.current) === null || _f === void 0 ? void 0 : _f.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 === null || onSelected === void 0 ? void 0 : onSelected(nodeId, !isSelected);
-                }
-                break;
-            }
-            default:
-                break;
+        break;
+      }
+      case 'ArrowRight': {
+        event.preventDefault();
+        const focusableElements = (0, index_js_1.getFocusableElements)(
+          nodeRef.current,
+        );
+        if (isNodeFocused) {
+          if (!isExpanded && hasSubNodes) {
+            onExpanded(nodeId, true);
+            break;
+          }
+          focusableElements[0]?.focus();
+          break;
         }
-    };
-    const onExpanderClick = React.useCallback((event) => {
-        onExpanded(nodeId, !isExpanded);
-        event.stopPropagation();
-    }, [isExpanded, nodeId, onExpanded]);
-    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(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.createElement(index_js_1.Box, { className: 'iui-tree-node-checkbox' }, React.isValidElement(checkbox)
-                ? React.cloneElement(checkbox, {
-                    tabIndex: isFocused ? 0 : -1,
-                })
-                : 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.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(index_js_1.Box, { as: 'ul', className: 'iui-sub-tree', role: 'group', "aria-owns": subNodeIds.join(',') }))));
+        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 onExpanderClick = React.useCallback(
+    (event) => {
+      onExpanded(nodeId, !isExpanded);
+      event.stopPropagation();
+    },
+    [isExpanded, nodeId, onExpanded],
+  );
+  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(
+      index_js_1.Box,
+      {
+        className: (0, classnames_1.default)('iui-tree-node', {
+          'iui-active': isSelected,
+          'iui-disabled': isDisabled,
+        }),
+        style: { '--level': nodeDepth },
+        onClick: () => !isDisabled && onSelected?.(nodeId, !isSelected),
+      },
+      checkbox &&
+        React.createElement(
+          index_js_1.Box,
+          { className: 'iui-tree-node-checkbox' },
+          React.isValidElement(checkbox)
+            ? React.cloneElement(checkbox, {
+                tabIndex: isFocused ? 0 : -1,
+              })
+            : 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.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(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,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/cjs/core/Tree/TreeNodeExpander.js

@@ -1,45 +1,34 @@
-"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 });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.TreeNodeExpander = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * 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");
-const index_js_2 = require("../Buttons/IconButton/index.js");
+const React = tslib_1.__importStar(require('react'));
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const index_js_1 = require('../utils/index.js');
+const index_js_2 = require('../Buttons/IconButton/index.js');
 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', 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,
-            }) })));
+  const { isExpanded, ...rest } = props;
+  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.default = exports.TreeNodeExpander;

package/cjs/core/Tree/index.js

@@ -1,13 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 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_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; } });
+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.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+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 index_js_1 = require("../../utils/index.js");
+const index_js_1 = require('../../utils/index.js');
 /**
  * A consistently styled anchor component.
  *

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

@@ -1,10 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+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.
  *--------------------------------------------------------------------------------------------*/
-var Anchor_js_1 = require("./Anchor.js");
-Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return Anchor_js_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,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/cjs/core/Typography/Blockquote/Blockquote.js

@@ -1,39 +1,14 @@
-"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 });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Blockquote = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * 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");
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../../utils/index.js');
 /**
  * Basic blockquote component
  * @example
@@ -43,9 +18,17 @@ const index_js_1 = require("../../utils/index.js");
  * </Blockquote>
  */
 exports.Blockquote = React.forwardRef((props, ref) => {
-    const { className, children, footer, ...rest } = props;
-    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)));
+  const { className, children, footer, ...rest } = props;
+  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),
+  );
 });
 exports.default = exports.Blockquote;

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

@@ -1,10 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 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_js_1 = require("./Blockquote.js");
-Object.defineProperty(exports, "Blockquote", { enumerable: true, get: function () { return Blockquote_js_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/Code/Code.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+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 index_js_1 = require("../../utils/index.js");
+const index_js_1 = require('../../utils/index.js');
 /**
  * Inline code element.
  * @example

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

@@ -1,10 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+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.
  *--------------------------------------------------------------------------------------------*/
-var Code_js_1 = require("./Code.js");
-Object.defineProperty(exports, "Code", { enumerable: true, get: function () { return Code_js_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/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`.
      */