@carbon/ibm-products 2.65.0 → 2.66.0-rc.0

package/lib/components/SidePanel/constants.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var SIDE_PANEL_SIZES = {
+const SIDE_PANEL_SIZES = {
   xs: '16rem',
   sm: '20rem',
   md: '30rem',

package/lib/components/SimpleHeader/SimpleHeader.js

@@ -17,9 +17,8 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
 var react = require('@carbon/react');
 var BreadcrumbWithOverflow = require('../BreadcrumbWithOverflow/BreadcrumbWithOverflow.js');
 
-var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel", "overflowTooltipAlign"];
-var blockClass = "".concat(settings.pkg.prefix, "--simple-header");
-var componentName = 'SimpleHeader';
+const blockClass = `${settings.pkg.prefix}--simple-header`;
+const componentName = 'SimpleHeader';
 /**
  * The SimpleHeader is not public and only used internally by CreateFullPage.
  *
@@ -32,41 +31,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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var warnIfNoTitleOrBreadcrumbs = React.useCallback(function () {
-    if (!title && !(breadcrumbs !== null && breadcrumbs !== void 0 && breadcrumbs.length)) {
-      pconsole.default.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 = React.useCallback(() => {
+    if (!title && !breadcrumbs?.length) {
+      pconsole.default.error(`Warning: You have tried using a ${componentName} component without specifying a title or breadcrumbs props`);
     }
   }, [breadcrumbs, title]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     warnIfNoTitleOrBreadcrumbs();
   }, [title, breadcrumbs, warnIfNoTitleOrBreadcrumbs]);
   return /*#__PURE__*/React.createElement("header", _rollupPluginBabelHelpers.extends({
     className: cx(blockClass, className)
-  }, rest), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 0 && /*#__PURE__*/React.createElement(BreadcrumbWithOverflow.BreadcrumbWithOverflow, {
+  }, rest), breadcrumbs?.length > 0 && /*#__PURE__*/React.createElement(BreadcrumbWithOverflow.BreadcrumbWithOverflow, {
     noTrailingSlash: noTrailingSlash,
-    className: cx("".concat(blockClass, "__breadcrumbs")),
+    className: cx(`${blockClass}__breadcrumbs`),
     breadcrumbs: breadcrumbs,
     maxVisible: maxVisible,
     overflowAriaLabel: overflowAriaLabel,
     overflowTooltipAlign: overflowTooltipAlign
   }), title && /*#__PURE__*/React.createElement(react.Heading, {
-    className: cx("".concat(blockClass, "__title"))
+    className: cx(`${blockClass}__title`)
   }, title));
 };
-var overflowAriaLabel_required_if_breadcrumbs_exist = propsHelper.isRequiredIf(index.default.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 = propsHelper.isRequiredIf(index.default.string, props => props.breadcrumbs?.length > 0);
 SimpleHeader.propTypes = {
   /** Header breadcrumbs */
   breadcrumbs: index.default.arrayOf(index.default.shape({

package/lib/components/SingleAddSelect/SingleAddSelect.js

@@ -15,13 +15,13 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var propsHelper = require('../../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.
  */
-exports.SingleAddSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
+exports.SingleAddSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
   // remove multi add select specific props
-  var validProps = propsHelper.prepareProps(props, ['columnInputPlaceholder', 'globalFilters', 'globalFiltersIconDescription', 'globalFiltersPlaceholderText', 'globalFiltersPrimaryButtonText', 'globalFiltersSecondaryButtonText', 'influencerTitle', 'multi', 'noSelectionDescription', 'noSelectionTitle', 'removeIconDescription']);
+  const validProps = propsHelper.prepareProps(props, ['columnInputPlaceholder', 'globalFilters', 'globalFiltersIconDescription', 'globalFiltersPlaceholderText', 'globalFiltersPrimaryButtonText', 'globalFiltersSecondaryButtonText', 'influencerTitle', 'multi', 'noSelectionDescription', 'noSelectionTitle', 'removeIconDescription']);
   return /*#__PURE__*/React.createElement(AddSelect.AddSelect, _rollupPluginBabelHelpers.extends({}, validProps, {
     ref: ref
   }, devtools.getDevtoolsProps(componentName), {

package/lib/components/StatusIcon/StatusIcon.js

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