@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/SidePanel/constants.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var SIDE_PANEL_SIZES = {
+const SIDE_PANEL_SIZES = {
   xs: '16rem',
   sm: '20rem',
   md: '30rem',

package/es/components/SimpleHeader/SimpleHeader.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from '../../_virtual/index.js';
 import React__default, { useCallback, useEffect } from 'react';
 import cx from 'classnames';
@@ -15,9 +15,8 @@ import { isRequiredIf } from '../../global/js/utils/props-helper.js';
 import { Heading, Tooltip } from '@carbon/react';
 import { BreadcrumbWithOverflow } from '../BreadcrumbWithOverflow/BreadcrumbWithOverflow.js';
 
-var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel", "overflowTooltipAlign"];
-var blockClass = "".concat(pkg.prefix, "--simple-header");
-var componentName = 'SimpleHeader';
+const blockClass = `${pkg.prefix}--simple-header`;
+const componentName = 'SimpleHeader';
 /**
  * The SimpleHeader is not public and only used internally by CreateFullPage.
  *
@@ -30,41 +29,39 @@ var componentName = 'SimpleHeader';
  * The component will throw a warning message if neither a title or breadcrumbs are provided
  * since it requires at least one of them.
  * */
-var SimpleHeader = function SimpleHeader(_ref) {
-  var breadcrumbs = _ref.breadcrumbs,
-    className = _ref.className,
-    title = _ref.title,
-    _ref$noTrailingSlash = _ref.noTrailingSlash,
-    noTrailingSlash = _ref$noTrailingSlash === void 0 ? true : _ref$noTrailingSlash,
-    maxVisible = _ref.maxVisible,
-    overflowAriaLabel = _ref.overflowAriaLabel,
-    overflowTooltipAlign = _ref.overflowTooltipAlign,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var warnIfNoTitleOrBreadcrumbs = useCallback(function () {
-    if (!title && !(breadcrumbs !== null && breadcrumbs !== void 0 && breadcrumbs.length)) {
-      pconsole.error("Warning: You have tried using a ".concat(componentName, " component without specifying a title or breadcrumbs props"));
+const SimpleHeader = _ref => {
+  let {
+    breadcrumbs,
+    className,
+    title,
+    noTrailingSlash = true,
+    maxVisible,
+    overflowAriaLabel,
+    overflowTooltipAlign,
+    ...rest
+  } = _ref;
+  const warnIfNoTitleOrBreadcrumbs = useCallback(() => {
+    if (!title && !breadcrumbs?.length) {
+      pconsole.error(`Warning: You have tried using a ${componentName} component without specifying a title or breadcrumbs props`);
     }
   }, [breadcrumbs, title]);
-  useEffect(function () {
+  useEffect(() => {
     warnIfNoTitleOrBreadcrumbs();
   }, [title, breadcrumbs, warnIfNoTitleOrBreadcrumbs]);
   return /*#__PURE__*/React__default.createElement("header", _extends({
     className: cx(blockClass, className)
-  }, rest), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 0 && /*#__PURE__*/React__default.createElement(BreadcrumbWithOverflow, {
+  }, rest), breadcrumbs?.length > 0 && /*#__PURE__*/React__default.createElement(BreadcrumbWithOverflow, {
     noTrailingSlash: noTrailingSlash,
-    className: cx("".concat(blockClass, "__breadcrumbs")),
+    className: cx(`${blockClass}__breadcrumbs`),
     breadcrumbs: breadcrumbs,
     maxVisible: maxVisible,
     overflowAriaLabel: overflowAriaLabel,
     overflowTooltipAlign: overflowTooltipAlign
   }), title && /*#__PURE__*/React__default.createElement(Heading, {
-    className: cx("".concat(blockClass, "__title"))
+    className: cx(`${blockClass}__title`)
   }, title));
 };
-var overflowAriaLabel_required_if_breadcrumbs_exist = isRequiredIf(PropTypes.string, function (props) {
-  var _props$breadcrumbs;
-  return ((_props$breadcrumbs = props.breadcrumbs) === null || _props$breadcrumbs === void 0 ? void 0 : _props$breadcrumbs.length) > 0;
-});
+const overflowAriaLabel_required_if_breadcrumbs_exist = isRequiredIf(PropTypes.string, props => props.breadcrumbs?.length > 0);
 SimpleHeader.propTypes = {
   /** Header breadcrumbs */
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({

package/es/components/SingleAddSelect/SingleAddSelect.js

@@ -13,13 +13,13 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { prepareProps } from '../../global/js/utils/props-helper.js';
 
-var componentName = 'SingleAddSelect';
+const componentName = 'SingleAddSelect';
 /**
  * Used to add or select one or more items from larger lists or hierarchies.
  */
-var SingleAddSelect = /*#__PURE__*/forwardRef(function (props, ref) {
+let SingleAddSelect = /*#__PURE__*/forwardRef((props, ref) => {
   // remove multi add select specific props
-  var validProps = prepareProps(props, ['columnInputPlaceholder', 'globalFilters', 'globalFiltersIconDescription', 'globalFiltersPlaceholderText', 'globalFiltersPrimaryButtonText', 'globalFiltersSecondaryButtonText', 'influencerTitle', 'multi', 'noSelectionDescription', 'noSelectionTitle', 'removeIconDescription']);
+  const validProps = prepareProps(props, ['columnInputPlaceholder', 'globalFilters', 'globalFiltersIconDescription', 'globalFiltersPlaceholderText', 'globalFiltersPrimaryButtonText', 'globalFiltersSecondaryButtonText', 'influencerTitle', 'multi', 'noSelectionDescription', 'noSelectionTitle', 'removeIconDescription']);
   return /*#__PURE__*/React__default.createElement(AddSelect, _extends({}, validProps, {
     ref: ref
   }, getDevtoolsProps(componentName), {

package/es/components/StatusIcon/StatusIcon.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { Pending, CheckmarkOutline, InProgress, InformationSquareFilled, CheckmarkFilled, UnknownFilled, UndefinedFilled, WarningAltFilled, WarningAltInvertedFilled, ErrorFilled, Misuse } from '@carbon/react/icons';
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../_virtual/index.js';
@@ -13,9 +13,8 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
-var _excluded = ["kind", "theme", "size", "className", "iconDescription"];
-var blockClass = "".concat(pkg.prefix, "--status-icon");
-var componentName = 'StatusIcon';
+const blockClass = `${pkg.prefix}--status-icon`;
+const componentName = 'StatusIcon';
 
 /**
 The `StatusIcon` component follows the Carbon guidelines for status icons with
@@ -27,308 +26,223 @@ information to users. The shapes and colors, communicate severity that enable
 users to quickly assess and identify status and respond accordingly.
  */
 
-var StatusIcon = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var _icons$kind;
-  var kind = _ref2.kind,
-    theme = _ref2.theme,
-    size = _ref2.size,
-    className = _ref2.className,
-    iconDescription = _ref2.iconDescription,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var forwardedRef = ref;
-  var icons = {
+let StatusIcon = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  let {
+    kind,
+    theme,
+    size,
+    className,
+    iconDescription,
+    ...rest
+  } = _ref2;
+  const forwardedRef = ref;
+  const icons = {
     fatal: {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(Misuse, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(Misuse, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(Misuse, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(Misuse, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(Misuse, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(Misuse, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(Misuse, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(Misuse, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     critical: {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     'major-warning': {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     'minor-warning': {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     undefined: {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     unknown: {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     normal: {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     info: {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     'in-progress': {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(InProgress, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(InProgress, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(InProgress, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(InProgress, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(InProgress, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(InProgress, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(InProgress, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(InProgress, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     running: {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     },
     pending: {
-      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(Pending, _extends({
-          size: 16,
-          ref: forwardedRef
-        }, props));
-      }),
-      md: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(Pending, _extends({
-          size: 20,
-          ref: forwardedRef
-        }, props));
-      }),
-      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(Pending, _extends({
-          size: 24,
-          ref: forwardedRef
-        }, props));
-      }),
-      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
-        return /*#__PURE__*/React__default.createElement(Pending, _extends({
-          size: 32,
-          ref: forwardedRef
-        }, props));
-      })
+      sm: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(Pending, _extends({
+        size: 16,
+        ref: forwardedRef
+      }, props))),
+      md: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(Pending, _extends({
+        size: 20,
+        ref: forwardedRef
+      }, props))),
+      lg: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(Pending, _extends({
+        size: 24,
+        ref: forwardedRef
+      }, props))),
+      xl: /*#__PURE__*/forwardRef((props, _ref) => /*#__PURE__*/React__default.createElement(Pending, _extends({
+        size: 32,
+        ref: forwardedRef
+      }, props)))
     }
   };
-  var IconComponent = (_icons$kind = icons[kind]) === null || _icons$kind === void 0 ? void 0 : _icons$kind[size];
-  var classNames = cx(className, blockClass, "".concat(blockClass, "--").concat(theme), _defineProperty({}, "".concat(blockClass, "--").concat(theme, "-").concat(kind), kind));
+  const IconComponent = icons[kind]?.[size];
+  const classNames = cx(className, blockClass, `${blockClass}--${theme}`, {
+    [`${blockClass}--${theme}-${kind}`]: kind
+  });
   return IconComponent && /*#__PURE__*/React__default.createElement(IconComponent, _extends({}, rest, {
     className: classNames,
-    ref: ref
+    ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("title", null, iconDescription));
 });
 StatusIcon = pkg.checkComponentEnabled(StatusIcon, componentName);