@itwin/itwinui-react 2.0.0-dev.2 → 2.0.0-dev.3

package/cjs/core/utils/icons/SvgSmileyHappy.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,9 +28,9 @@ exports.SvgSmileyHappy = 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 React = __importStar(require("react"));
-var SvgSmileyHappy = function (props) {
-    return (React.createElement("svg", __assign({ viewBox: '0 0 16 16' }, props),
+const React = __importStar(require("react"));
+const SvgSmileyHappy = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
         React.createElement("path", { d: 'M8 12.5a5.19 5.19 0 0 1-3.872-1.666.5.5 0 1 1 .744-.668A4.191 4.191 0 0 0 8 11.5a4.191 4.191 0 0 0 3.128-1.334.5.5 0 1 1 .744.668A5.19 5.19 0 0 1 8 12.5zM11 5a1.146 1.146 0 0 1 1 1.25 1.146 1.146 0 0 1-1 1.25 1.146 1.146 0 0 1-1-1.25A1.146 1.146 0 0 1 11 5zM5 5a1.146 1.146 0 0 1 1 1.25A1.146 1.146 0 0 1 5 7.5a1.146 1.146 0 0 1-1-1.25A1.146 1.146 0 0 1 5 5zm3-5a8 8 0 1 0 8 8 8 8 0 0 0-8-8z' })));
 };
 exports.SvgSmileyHappy = SvgSmileyHappy;

package/cjs/core/utils/icons/SvgSortDown.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,9 +28,9 @@ exports.SvgSortDown = 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 React = __importStar(require("react"));
-var SvgSortDown = function (props) {
-    return (React.createElement("svg", __assign({ viewBox: '0 0 16 16' }, props),
+const React = __importStar(require("react"));
+const SvgSortDown = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
         React.createElement("path", { d: 'm7 0v12.7l-3.8-3.7-1.2 1.2 6 5.8 1.2-1.2 4.8-4.6-1.2-1.2-3.8 3.7v-12.7z' })));
 };
 exports.SvgSortDown = SvgSortDown;

package/cjs/core/utils/icons/SvgSortUp.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,9 +28,9 @@ exports.SvgSortUp = 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 React = __importStar(require("react"));
-var SvgSortUp = function (props) {
-    return (React.createElement("svg", __assign({ viewBox: '0 0 16 16' }, props),
+const React = __importStar(require("react"));
+const SvgSortUp = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
         React.createElement("path", { d: 'm9 16v-12.7l3.8 3.7 1.2-1.2-6-5.8-1.2 1.2-4.8 4.6 1.2 1.2 3.8-3.7v12.7z' })));
 };
 exports.SvgSortUp = SvgSortUp;

package/cjs/core/utils/icons/SvgStatusError.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,9 +28,9 @@ exports.SvgStatusError = 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 React = __importStar(require("react"));
-var SvgStatusError = function (props) {
-    return (React.createElement("svg", __assign({ viewBox: '0 0 16 16' }, props),
+const React = __importStar(require("react"));
+const SvgStatusError = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
         React.createElement("path", { d: 'm8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm1 12h-2v-2h2zm0-3h-2v-5h2z' })));
 };
 exports.SvgStatusError = SvgStatusError;

package/cjs/core/utils/icons/SvgStatusSuccess.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,9 +28,9 @@ exports.SvgStatusSuccess = 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 React = __importStar(require("react"));
-var SvgStatusSuccess = function (props) {
-    return (React.createElement("svg", __assign({ viewBox: '0 0 16 16' }, props),
+const React = __importStar(require("react"));
+const SvgStatusSuccess = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
         React.createElement("path", { d: 'm8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm-1.35 12-3.65-3.41 1.4-1.3 2.36 2.2 4.83-4.49 1.41 1.29z' })));
 };
 exports.SvgStatusSuccess = SvgStatusSuccess;

package/cjs/core/utils/icons/SvgStatusWarning.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,9 +28,9 @@ exports.SvgStatusWarning = 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 React = __importStar(require("react"));
-var SvgStatusWarning = function (props) {
-    return (React.createElement("svg", __assign({ viewBox: '0 0 16 16' }, props),
+const React = __importStar(require("react"));
+const SvgStatusWarning = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
         React.createElement("path", { d: 'm15.86807 13.26721-6.77-11.62a1.15 1.15 0 0 0 -1.1-.67 1.17 1.17 0 0 0 -1.1.69l-6.77 11.59a1.2 1.2 0 0 0 1.1 1.72h13.45a1.19 1.19 0 0 0 1.19-1.71zm-6.87-.29h-2v-2h2zm0-3h-2v-5h2z' })));
 };
 exports.SvgStatusWarning = SvgStatusWarning;

package/cjs/core/utils/icons/SvgSwap.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,9 +28,9 @@ exports.SvgSwap = 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 React = __importStar(require("react"));
-var SvgSwap = function (props) {
-    return (React.createElement("svg", __assign({ viewBox: '0 0 16 16' }, props),
+const React = __importStar(require("react"));
+const SvgSwap = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
         React.createElement("path", { d: 'm5 15-3.78125-3.5 3.78125-3.5v2h8v3h-8zm6-7 3.78125-3.5-3.78125-3.5v2h-8v3h8z' })));
 };
 exports.SvgSwap = SvgSwap;

package/cjs/core/utils/icons/SvgUpload.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,9 +28,9 @@ exports.SvgUpload = 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 React = __importStar(require("react"));
-var SvgUpload = function (props) {
-    return (React.createElement("svg", __assign({ viewBox: '0 0 16 16' }, props),
+const React = __importStar(require("react"));
+const SvgUpload = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
         React.createElement("path", { d: 'm2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z' })));
 };
 exports.SvgUpload = SvgUpload;

package/cjs/types/react-table-config.d.ts

@@ -63,7 +63,7 @@ declare module 'react-table' {
         };
         lastSelectedRowId?: string;
     }
-    interface ColumnInterface<D extends object = {}> extends UseSortByColumnOptions<D>, UseFiltersColumnOptions<D>, UseResizeColumnsColumnOptions<D> {
+    interface ColumnInterface<D extends object = {}> extends UseSortByColumnOptions<D>, UseFiltersColumnOptions<D>, UseResizeColumnsColumnOptions<D>, UseGlobalFiltersColumnOptions<D> {
         /**
          * Custom class name applied to header column cell.
          */

package/esm/core/Alert/Alert.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -43,15 +21,15 @@ import '@itwin/itwinui-css/css/alert.css';
  *   This is a positive alert with a clickable text
  * </Alert>
  */
-export var Alert = function (props) {
-    var children = props.children, className = props.className, _a = props.type, type = _a === void 0 ? 'informational' : _a, clickableText = props.clickableText, clickableTextProps = props.clickableTextProps, onClose = props.onClose, style = props.style, _b = props.isSticky, isSticky = _b === void 0 ? false : _b, rest = __rest(props, ["children", "className", "type", "clickableText", "clickableTextProps", "onClose", "style", "isSticky"]);
+export const Alert = (props) => {
+    const { children, className, type = 'informational', clickableText, clickableTextProps, onClose, style, isSticky = false, ...rest } = props;
     useTheme();
-    var StatusIcon = StatusIconMap[type];
-    return (React.createElement("div", __assign({ className: cx('iui-alert', className), "data-iui-status": type, "data-iui-variant": isSticky ? 'sticky' : undefined, style: style }, rest),
+    const StatusIcon = StatusIconMap[type];
+    return (React.createElement("div", { className: cx('iui-alert', className), "data-iui-status": type, "data-iui-variant": isSticky ? 'sticky' : undefined, style: style, ...rest },
         React.createElement(StatusIcon, { className: 'iui-alert-icon' }),
         React.createElement("span", { className: 'iui-alert-message' },
             children,
-            clickableText && (React.createElement("a", __assign({}, clickableTextProps, { className: cx('iui-alert-link', clickableTextProps === null || clickableTextProps === void 0 ? void 0 : clickableTextProps.className) }), clickableText))),
+            clickableText && (React.createElement("a", { ...clickableTextProps, className: cx('iui-alert-link', clickableTextProps === null || clickableTextProps === void 0 ? void 0 : clickableTextProps.className) }, clickableText))),
         onClose && (React.createElement("button", { onClick: onClose, "aria-label": 'Close', type: 'button', className: 'iui-alert-button' },
             React.createElement("span", { className: 'iui-alert-button-icon', "aria-hidden": true },
                 React.createElement(SvgCloseSmall, null))))));

package/esm/core/Avatar/Avatar.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -28,7 +6,7 @@ import cx from 'classnames';
 import React from 'react';
 import { useTheme } from '../utils';
 import '@itwin/itwinui-css/css/avatar.css';
-export var defaultStatusTitles = {
+export const defaultStatusTitles = {
     away: 'Away',
     busy: 'Busy',
     offline: 'Offline',
@@ -49,19 +27,18 @@ export var defaultStatusTitles = {
  * <caption>X-large icon with image</caption>
  * <Avatar size='x-large' title='Terry Rivers' abbreviation='TR' backgroundColor='green' image={<img src="https://cdn.example.com/user/profile/pic.png" />}/>
  */
-export var Avatar = function (props) {
-    var _a, _b;
-    var _c = props.size, size = _c === void 0 ? 'small' : _c, status = props.status, abbreviation = props.abbreviation, image = props.image, _d = props.backgroundColor, backgroundColor = _d === void 0 ? 'white' : _d, title = props.title, translatedStatusTitles = props.translatedStatusTitles, className = props.className, style = props.style, rest = __rest(props, ["size", "status", "abbreviation", "image", "backgroundColor", "title", "translatedStatusTitles", "className", "style"]);
+export const Avatar = (props) => {
+    const { size = 'small', status, abbreviation, image, backgroundColor = 'white', title, translatedStatusTitles, className, style, ...rest } = props;
     useTheme();
-    var statusTitles = __assign(__assign({}, defaultStatusTitles), translatedStatusTitles);
-    return (React.createElement("span", __assign({ className: cx('iui-avatar', (_a = {}, _a["iui-".concat(size)] = size !== 'medium', _a), className), title: title, style: style }, rest), image !== null && image !== void 0 ? image : (React.createElement("abbr", { className: 'iui-initials', style: { backgroundColor: backgroundColor } }, abbreviation === null || abbreviation === void 0 ? void 0 : abbreviation.substring(0, 2))),
+    const statusTitles = { ...defaultStatusTitles, ...translatedStatusTitles };
+    return (React.createElement("span", { className: cx('iui-avatar', { [`iui-${size}`]: size !== 'medium' }, className), title: title, style: style, ...rest }, image !== null && image !== void 0 ? image : (React.createElement("abbr", { className: 'iui-initials', style: { backgroundColor } }, abbreviation === null || abbreviation === void 0 ? void 0 : abbreviation.substring(0, 2))),
         React.createElement("span", { className: 'iui-stroke' }),
-        status && (React.createElement("span", { title: statusTitles[status], className: cx('iui-status', (_b = {},
-                _b["iui-".concat(status)] = !!status,
-                _b)), "aria-label": statusTitles[status] }))));
+        status && (React.createElement("span", { title: statusTitles[status], className: cx('iui-status', {
+                [`iui-${status}`]: !!status,
+            }), "aria-label": statusTitles[status] }))));
 };
 /**
  * @deprecated Since v2, this has been renamed to `Avatar`
  */
-export var UserIcon = Avatar;
+export const UserIcon = Avatar;
 export default Avatar;

package/esm/core/AvatarGroup/AvatarGroup.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -55,37 +33,34 @@ import '@itwin/itwinui-css/css/avatar.css';
  *  />
  * </AvatarGroup>
  */
-export var AvatarGroup = function (props) {
-    var _a;
-    var maxLength = 99;
-    var children = props.children, _b = props.animated, animated = _b === void 0 ? false : _b, _c = props.stacked, stacked = _c === void 0 ? true : _c, _d = props.maxIcons, maxIcons = _d === void 0 ? 5 : _d, _e = props.iconSize, iconSize = _e === void 0 ? 'small' : _e, countIconProps = props.countIconProps, className = props.className, rest = __rest(props, ["children", "animated", "stacked", "maxIcons", "iconSize", "countIconProps", "className"]);
-    var childrenArray = React.Children.toArray(children);
-    var childrenLength = childrenArray.length;
+export const AvatarGroup = (props) => {
+    const maxLength = 99;
+    const { children, animated = false, stacked = true, maxIcons = 5, iconSize = 'small', countIconProps, className, ...rest } = props;
+    const childrenArray = React.Children.toArray(children);
+    const childrenLength = childrenArray.length;
     useTheme();
-    var getAvatarList = function (count) {
-        return childrenArray.slice(0, count).map(function (child) {
-            return React.cloneElement(child, {
-                status: undefined,
-                size: iconSize,
-            });
-        });
+    const getAvatarList = (count) => {
+        return childrenArray.slice(0, count).map((child) => React.cloneElement(child, {
+            status: undefined,
+            size: iconSize,
+        }));
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", __assign({ className: cx('iui-avatar-list', {
+        React.createElement("div", { className: cx('iui-avatar-list', {
                 'iui-animated': animated,
                 'iui-stacked': stacked,
-            }, className) }, rest),
+            }, className), ...rest },
             childrenArray.length <= maxIcons + 1 && getAvatarList(maxIcons + 1),
             childrenArray.length > maxIcons + 1 && (React.createElement(React.Fragment, null,
                 getAvatarList(maxIcons),
-                React.createElement("div", __assign({}, countIconProps, { className: cx('iui-avatar', (_a = {}, _a["iui-".concat(iconSize)] = iconSize !== 'medium', _a), 'iui-avatar-count', countIconProps === null || countIconProps === void 0 ? void 0 : countIconProps.className) }),
+                React.createElement("div", { ...countIconProps, className: cx('iui-avatar', { [`iui-${iconSize}`]: iconSize !== 'medium' }, 'iui-avatar-count', countIconProps === null || countIconProps === void 0 ? void 0 : countIconProps.className) },
                     React.createElement("abbr", { className: 'iui-initials' }, childrenLength <= maxLength
-                        ? "".concat(childrenLength - maxIcons)
-                        : "".concat(maxLength, "+")),
+                        ? `${childrenLength - maxIcons}`
+                        : `${maxLength}+`),
                     React.createElement("span", { className: 'iui-stroke' })))))));
 };
 /**
  * @deprecated Since v2, this has been renamed to `AvatarGroup`
  */
-export var UserIconGroup = AvatarGroup;
+export const UserIconGroup = AvatarGroup;
 export default AvatarGroup;

package/esm/core/Backdrop/Backdrop.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -28,8 +6,8 @@ import React from 'react';
 import cx from 'classnames';
 import { useTheme } from '../utils';
 import '@itwin/itwinui-css/css/backdrop.css';
-export var Backdrop = React.forwardRef(function (props, ref) {
-    var _a = props.isVisible, isVisible = _a === void 0 ? true : _a, className = props.className, rest = __rest(props, ["isVisible", "className"]);
+export const Backdrop = React.forwardRef((props, ref) => {
+    const { isVisible = true, className, ...rest } = props;
     useTheme();
-    return (React.createElement("div", __assign({ className: cx('iui-backdrop', { 'iui-backdrop-visible': isVisible }, className), ref: ref }, rest)));
+    return (React.createElement("div", { className: cx('iui-backdrop', { 'iui-backdrop-visible': isVisible }, className), ref: ref, ...rest }));
 });

package/esm/core/Badge/Badge.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -31,7 +9,7 @@ import '@itwin/itwinui-css/css/badge.css';
 /**
  * Helper function that returns one of the preset badge color values.
  */
-var getBadgeColorValue = function (color) {
+const getBadgeColorValue = (color) => {
     if (!color) {
         return '';
     }
@@ -55,11 +33,15 @@ var getBadgeColorValue = function (color) {
  * <Badge backgroundColor="sunglow">Label</Badge>
  * <Badge backgroundColor="positive">Label</Badge>
  */
-export var Badge = function (props) {
-    var backgroundColor = props.backgroundColor, style = props.style, className = props.className, children = props.children, rest = __rest(props, ["backgroundColor", "style", "className", "children"]);
+export const Badge = (props) => {
+    const { backgroundColor, style, className, children, ...rest } = props;
     useTheme();
-    var _style = backgroundColor
-        ? __assign({ '--iui-badge-background-color': getBadgeColorValue(backgroundColor) }, style) : __assign({}, style);
-    return (React.createElement("span", __assign({ className: cx('iui-badge', className), style: _style }, rest), children));
+    const _style = backgroundColor
+        ? {
+            '--iui-badge-background-color': getBadgeColorValue(backgroundColor),
+            ...style,
+        }
+        : { ...style };
+    return (React.createElement("span", { className: cx('iui-badge', className), style: _style, ...rest }, children));
 };
 export default Badge;

package/esm/core/Breadcrumbs/Breadcrumbs.js

@@ -1,25 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -50,12 +28,12 @@ import '@itwin/itwinui-css/css/breadcrumbs.css';
  *   <span>Current level</span>
  * </Breadcrumbs>
  */
-export var Breadcrumbs = React.forwardRef(function (props, ref) {
-    var items = props.children, _a = props.currentIndex, currentIndex = _a === void 0 ? items.length - 1 : _a, separator = props.separator, overflowButton = props.overflowButton, className = props.className, rest = __rest(props, ["children", "currentIndex", "separator", "overflowButton", "className"]);
+export const Breadcrumbs = React.forwardRef((props, ref) => {
+    const { children: items, currentIndex = items.length - 1, separator, overflowButton, className, ...rest } = props;
     useTheme();
-    var _b = useOverflow(items), overflowRef = _b[0], visibleCount = _b[1];
-    var refs = useMergedRefs(overflowRef, ref);
-    return (React.createElement("nav", __assign({ className: cx('iui-breadcrumbs', className), ref: refs, "aria-label": 'Breadcrumb' }, rest),
+    const [overflowRef, visibleCount] = useOverflow(items);
+    const refs = useMergedRefs(overflowRef, ref);
+    return (React.createElement("nav", { className: cx('iui-breadcrumbs', className), ref: refs, "aria-label": 'Breadcrumb', ...rest },
         React.createElement("ol", { className: 'iui-breadcrumbs-list' },
             visibleCount > 1 && (React.createElement(React.Fragment, null,
                 React.createElement(ListItem, { item: items[0], isActive: currentIndex === 0 }),
@@ -67,8 +45,8 @@ export var Breadcrumbs = React.forwardRef(function (props, ref) {
                 .slice(visibleCount > 1
                 ? items.length - visibleCount + 1
                 : items.length - 1)
-                .map(function (_, _index) {
-                var index = visibleCount > 1
+                .map((_, _index) => {
+                const index = visibleCount > 1
                     ? 1 + (items.length - visibleCount) + _index
                     : items.length - 1;
                 return (React.createElement(React.Fragment, { key: index },
@@ -76,17 +54,13 @@ export var Breadcrumbs = React.forwardRef(function (props, ref) {
                     index < items.length - 1 && (React.createElement(Separator, { separator: separator }))));
             }))));
 });
-var ListItem = function (_a) {
-    var _b;
-    var item = _a.item, isActive = _a.isActive;
+const ListItem = ({ item, isActive, }) => {
+    var _a;
     return (React.createElement("li", { className: 'iui-breadcrumbs-item iui-breadcrumbs-item-overrides' }, React.isValidElement(item)
         ? React.cloneElement(item, {
-            'aria-current': ((_b = item.props['aria-current']) !== null && _b !== void 0 ? _b : isActive) ? 'location' : undefined,
+            'aria-current': ((_a = item.props['aria-current']) !== null && _a !== void 0 ? _a : isActive) ? 'location' : undefined,
         })
         : item));
 };
-var Separator = function (_a) {
-    var separator = _a.separator;
-    return (React.createElement("li", { className: 'iui-breadcrumbs-separator', "aria-hidden": true }, separator !== null && separator !== void 0 ? separator : React.createElement(SvgChevronRight, null)));
-};
+const Separator = ({ separator }) => (React.createElement("li", { className: 'iui-breadcrumbs-separator', "aria-hidden": true }, separator !== null && separator !== void 0 ? separator : React.createElement(SvgChevronRight, null)));
 export default Breadcrumbs;