@carbon/react 1.27.0 → 1.28.0

package/es/components/Breadcrumb/Breadcrumb.Skeleton.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 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -13,23 +13,22 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _Item, _Item2, _Item3;
 
-var _excluded = ["className"];
-
 function Item() {
-  var prefix = usePrefix();
+  const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--breadcrumb-item")
+    className: `${prefix}--breadcrumb-item`
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--link")
+    className: `${prefix}--link`
   }, "\xA0"));
 }
 
 function BreadcrumbSkeleton(_ref) {
-  var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var classes = cx("".concat(prefix, "--breadcrumb"), "".concat(prefix, "--skeleton"), className);
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const classes = cx(`${prefix}--breadcrumb`, `${prefix}--skeleton`, className);
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: classes
   }, rest), _Item || (_Item = /*#__PURE__*/React__default.createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React__default.createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React__default.createElement(Item, null)));

package/es/components/Breadcrumb/Breadcrumb.js

@@ -5,24 +5,25 @@
  * 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 PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["aria-label", "children", "className", "noTrailingSlash"];
-var Breadcrumb = /*#__PURE__*/React__default.forwardRef(function Breadcrumb(_ref, ref) {
-  var _cx;
-
-  var ariaLabel = _ref['aria-label'],
-      children = _ref.children,
-      customClassNameNav = _ref.className,
-      noTrailingSlash = _ref.noTrailingSlash,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--breadcrumb"), true), _defineProperty(_cx, "".concat(prefix, "--breadcrumb--no-trailing-slash"), noTrailingSlash), _cx));
+const Breadcrumb = /*#__PURE__*/React__default.forwardRef(function Breadcrumb(_ref, ref) {
+  let {
+    'aria-label': ariaLabel,
+    children,
+    className: customClassNameNav,
+    noTrailingSlash,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx({
+    [`${prefix}--breadcrumb`]: true,
+    [`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash
+  });
   return /*#__PURE__*/React__default.createElement("nav", _extends({
     className: customClassNameNav,
     "aria-label": ariaLabel ? ariaLabel : 'Breadcrumb',

package/es/components/Breadcrumb/BreadcrumbItem.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 PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -13,35 +13,37 @@ import Link from '../Link/Link.js';
 import { OverflowMenuHorizontal } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["aria-current", "children", "className", "href", "isCurrentPage"];
-var BreadcrumbItem = /*#__PURE__*/React__default.forwardRef(function BreadcrumbItem(_ref, ref) {
-  var _cx;
-
-  var ariaCurrent = _ref['aria-current'],
-      children = _ref.children,
-      customClassName = _ref.className,
-      href = _ref.href,
-      isCurrentPage = _ref.isCurrentPage,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--breadcrumb-item"), true), _defineProperty(_cx, "".concat(prefix, "--breadcrumb-item--current"), isCurrentPage && ariaCurrent !== 'page'), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+const BreadcrumbItem = /*#__PURE__*/React__default.forwardRef(function BreadcrumbItem(_ref, ref) {
+  let {
+    'aria-current': ariaCurrent,
+    children,
+    className: customClassName,
+    href,
+    isCurrentPage,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx({
+    [`${prefix}--breadcrumb-item`]: true,
+    // We set the current class only if `isCurrentPage` is passed in and we do
+    // not have an `aria-current="page"` set for the breadcrumb item
+    [`${prefix}--breadcrumb-item--current`]: isCurrentPage && ariaCurrent !== 'page',
+    [customClassName]: !!customClassName
+  });
 
   if (children.type && children.type.displayName !== undefined && children.type.displayName.includes('OverflowMenu')) {
-    var horizontalOverflowIcon = /*#__PURE__*/React__default.createElement(OverflowMenuHorizontal, {
-      className: "".concat(prefix, "--overflow-menu__icon")
+    const horizontalOverflowIcon = /*#__PURE__*/React__default.createElement(OverflowMenuHorizontal, {
+      className: `${prefix}--overflow-menu__icon`
     });
     return /*#__PURE__*/React__default.createElement("li", _extends({
       className: className
     }, rest), /*#__PURE__*/React__default.cloneElement(children, {
-      menuOptionsClass: "".concat(prefix, "--breadcrumb-menu-options"),
+      menuOptionsClass: `${prefix}--breadcrumb-menu-options`,
       menuOffset: {
         top: 10,
         left: 59
       },
-      renderIcon: function renderIcon() {
-        return horizontalOverflowIcon;
-      }
+      renderIcon: () => horizontalOverflowIcon
     }));
   }
 
@@ -53,7 +55,7 @@ var BreadcrumbItem = /*#__PURE__*/React__default.forwardRef(function BreadcrumbI
       href: href,
       "aria-current": ariaCurrent
     }, children) : /*#__PURE__*/React__default.createElement("span", {
-      className: "".concat(prefix, "--link")
+      className: `${prefix}--link`
     }, children));
   }
 
@@ -62,7 +64,7 @@ var BreadcrumbItem = /*#__PURE__*/React__default.forwardRef(function BreadcrumbI
     ref: ref
   }, rest), /*#__PURE__*/React__default.cloneElement(children, {
     'aria-current': ariaCurrent,
-    className: cx("".concat(prefix, "--link"), children.props.className)
+    className: cx(`${prefix}--link`, children.props.className)
   }));
 });
 BreadcrumbItem.displayName = 'BreadcrumbItem';

package/es/components/Button/Button.Skeleton.js

@@ -5,35 +5,37 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 
-var _excluded = ["className", "small", "href", "size"];
-
-var ButtonSkeleton = function ButtonSkeleton(_ref) {
-  var _cx;
-
-  var className = _ref.className,
-      _ref$small = _ref.small,
-      small = _ref$small === void 0 ? false : _ref$small,
-      href = _ref.href,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? FeatureFlags.enabled('enable-v11-release') ? 'lg' : 'default' : _ref$size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var buttonClasses = cx(className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _defineProperty(_cx, "".concat(prefix, "--btn"), true), _defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _defineProperty(_cx, "".concat(prefix, "--btn--lg"), size === 'lg'), _defineProperty(_cx, "".concat(prefix, "--btn--xl"), size === 'xl'), _defineProperty(_cx, "".concat(prefix, "--btn--2xl"), size === '2xl'), _cx));
-
-  var commonProps = _objectSpread2({
-    className: buttonClasses
-  }, rest);
-
-  var button = /*#__PURE__*/React__default.createElement("div", commonProps);
-  var anchor = /*#__PURE__*/React__default.createElement("a", _extends({}, commonProps, {
+const ButtonSkeleton = _ref => {
+  let {
+    className,
+    small = false,
+    href,
+    size = FeatureFlags.enabled('enable-v11-release') ? 'lg' : 'default',
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const buttonClasses = cx(className, {
+    [`${prefix}--skeleton`]: true,
+    [`${prefix}--btn`]: true,
+    [`${prefix}--btn--sm`]: small || size === 'sm',
+    [`${prefix}--btn--md`]: size === 'field' || size === 'md',
+    [`${prefix}--btn--lg`]: size === 'lg',
+    [`${prefix}--btn--xl`]: size === 'xl',
+    [`${prefix}--btn--2xl`]: size === '2xl'
+  });
+  const commonProps = {
+    className: buttonClasses,
+    ...rest
+  };
+  const button = /*#__PURE__*/React__default.createElement("div", commonProps);
+  const anchor = /*#__PURE__*/React__default.createElement("a", _extends({}, commonProps, {
     href: href,
     role: "button"
   })); // eslint-disable-line

package/es/components/Button/Button.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default, { useRef } from 'react';
 import cx from 'classnames';
@@ -15,47 +15,36 @@ import { composeEventHandlers } from '../../tools/events.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
 
-var _excluded = ["as", "children", "className", "dangerDescription", "disabled", "hasIconOnly", "href", "iconDescription", "isExpressive", "isSelected", "kind", "onBlur", "onClick", "onFocus", "onMouseEnter", "onMouseLeave", "renderIcon", "size", "tabIndex", "tooltipAlignment", "tooltipPosition", "type"];
-var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
-  var _classNames, _rest$ariaPressed;
-
-  var as = _ref.as,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$dangerDescriptio = _ref.dangerDescription,
-      dangerDescription = _ref$dangerDescriptio === void 0 ? 'danger' : _ref$dangerDescriptio,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$hasIconOnly = _ref.hasIconOnly,
-      hasIconOnly = _ref$hasIconOnly === void 0 ? false : _ref$hasIconOnly,
-      href = _ref.href,
-      iconDescription = _ref.iconDescription,
-      _ref$isExpressive = _ref.isExpressive,
-      isExpressive = _ref$isExpressive === void 0 ? false : _ref$isExpressive,
-      isSelected = _ref.isSelected,
-      _ref$kind = _ref.kind,
-      kind = _ref$kind === void 0 ? 'primary' : _ref$kind,
-      onBlur = _ref.onBlur,
-      onClick = _ref.onClick,
-      onFocus = _ref.onFocus,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave,
-      ButtonImageElement = _ref.renderIcon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'lg' : _ref$size,
-      tabIndex = _ref.tabIndex,
-      _ref$tooltipAlignment = _ref.tooltipAlignment,
-      tooltipAlignment = _ref$tooltipAlignment === void 0 ? 'center' : _ref$tooltipAlignment,
-      _ref$tooltipPosition = _ref.tooltipPosition,
-      tooltipPosition = _ref$tooltipPosition === void 0 ? 'top' : _ref$tooltipPosition,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'button' : _ref$type,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var tooltipRef = useRef(null);
-  var prefix = usePrefix();
-
-  var handleClick = function handleClick(evt) {
+const Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
+  let {
+    as,
+    children,
+    className,
+    dangerDescription = 'danger',
+    disabled = false,
+    hasIconOnly = false,
+    href,
+    iconDescription,
+    isExpressive = false,
+    isSelected,
+    kind = 'primary',
+    onBlur,
+    onClick,
+    onFocus,
+    onMouseEnter,
+    onMouseLeave,
+    renderIcon: ButtonImageElement,
+    size = 'lg',
+    tabIndex,
+    tooltipAlignment = 'center',
+    tooltipPosition = 'top',
+    type = 'button',
+    ...rest
+  } = _ref;
+  const tooltipRef = useRef(null);
+  const prefix = usePrefix();
+
+  const handleClick = evt => {
     // Prevent clicks on the tooltip from triggering the button click event
     if (evt.target === tooltipRef.current) {
       evt.preventDefault();
@@ -63,36 +52,47 @@ var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
     }
   };
 
-  var buttonClasses = cx(className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--btn"), true), _defineProperty(_classNames, "".concat(prefix, "--btn--sm"), size === 'sm' && !isExpressive), _defineProperty(_classNames, "".concat(prefix, "--btn--md"), size === 'md' && !isExpressive), _defineProperty(_classNames, "".concat(prefix, "--btn--xl"), size === 'xl'), _defineProperty(_classNames, "".concat(prefix, "--btn--2xl"), size === '2xl'), _defineProperty(_classNames, "".concat(prefix, "--btn--").concat(kind), kind), _defineProperty(_classNames, "".concat(prefix, "--btn--disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "--btn--expressive"), isExpressive), _defineProperty(_classNames, "".concat(prefix, "--btn--icon-only"), hasIconOnly), _defineProperty(_classNames, "".concat(prefix, "--btn--selected"), hasIconOnly && isSelected && kind === 'ghost'), _classNames));
-  var commonProps = {
-    tabIndex: tabIndex,
+  const buttonClasses = cx(className, {
+    [`${prefix}--btn`]: true,
+    [`${prefix}--btn--sm`]: size === 'sm' && !isExpressive,
+    [`${prefix}--btn--md`]: size === 'md' && !isExpressive,
+    [`${prefix}--btn--xl`]: size === 'xl',
+    [`${prefix}--btn--2xl`]: size === '2xl',
+    [`${prefix}--btn--${kind}`]: kind,
+    [`${prefix}--btn--disabled`]: disabled,
+    [`${prefix}--btn--expressive`]: isExpressive,
+    [`${prefix}--btn--icon-only`]: hasIconOnly,
+    [`${prefix}--btn--selected`]: hasIconOnly && isSelected && kind === 'ghost'
+  });
+  const commonProps = {
+    tabIndex,
     className: buttonClasses,
-    ref: ref
+    ref
   };
-  var buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React__default.createElement(ButtonImageElement, {
+  const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React__default.createElement(ButtonImageElement, {
     "aria-label": iconDescription,
-    className: "".concat(prefix, "--btn__icon"),
+    className: `${prefix}--btn__icon`,
     "aria-hidden": "true"
   });
-  var iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default.createElement(ButtonImageElement, null);
-  var dangerButtonVariants = ['danger', 'danger--tertiary', 'danger--ghost'];
-  var component = 'button';
-  var assistiveId = useId('danger-description');
-  var otherProps = {
-    disabled: disabled,
-    type: type,
+  const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default.createElement(ButtonImageElement, null);
+  const dangerButtonVariants = ['danger', 'danger--tertiary', 'danger--ghost'];
+  let component = 'button';
+  const assistiveId = useId('danger-description');
+  let otherProps = {
+    disabled,
+    type,
     'aria-describedby': dangerButtonVariants.includes(kind) ? assistiveId : null,
-    'aria-pressed': (_rest$ariaPressed = rest['aria-pressed']) !== null && _rest$ariaPressed !== void 0 ? _rest$ariaPressed : hasIconOnly && kind === 'ghost' ? isSelected : null
+    'aria-pressed': rest['aria-pressed'] ?? (hasIconOnly && kind === 'ghost' ? isSelected : null)
   };
-  var anchorProps = {
-    href: href
+  const anchorProps = {
+    href
   };
-  var assistiveText;
+  let assistiveText;
 
   if (dangerButtonVariants.includes(kind)) {
     assistiveText = /*#__PURE__*/React__default.createElement("span", {
       id: assistiveId,
-      className: "".concat(prefix, "--visually-hidden")
+      className: `${prefix}--visually-hidden`
     }, dangerDescription);
   } else {
     assistiveText = null;
@@ -100,22 +100,27 @@ var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
 
   if (as) {
     component = as;
-    otherProps = _objectSpread2(_objectSpread2({}, otherProps), anchorProps);
+    otherProps = { ...otherProps,
+      ...anchorProps
+    };
   } else if (href && !disabled) {
     component = 'a';
     otherProps = anchorProps;
   }
 
-  var Button = /*#__PURE__*/React__default.createElement(component, _objectSpread2(_objectSpread2(_objectSpread2({
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onClick: onClick
-  }, rest), commonProps), otherProps), assistiveText, children, buttonImage);
+  const Button = /*#__PURE__*/React__default.createElement(component, {
+    onMouseEnter,
+    onMouseLeave,
+    onFocus,
+    onBlur,
+    onClick,
+    ...rest,
+    ...commonProps,
+    ...otherProps
+  }, assistiveText, children, buttonImage);
 
   if (hasIconOnly) {
-    var align;
+    let align;
 
     if (tooltipPosition === 'top' || tooltipPosition === 'bottom') {
       if (tooltipAlignment === 'center') {
@@ -123,11 +128,11 @@ var Button = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
       }
 
       if (tooltipAlignment === 'end') {
-        align = "".concat(tooltipPosition, "-right");
+        align = `${tooltipPosition}-right`;
       }
 
       if (tooltipAlignment === 'start') {
-        align = "".concat(tooltipPosition, "-left");
+        align = `${tooltipPosition}-left`;
       }
     }
 
@@ -193,7 +198,7 @@ Button.propTypes = {
    * If specifying the `renderIcon` prop, provide a description for that icon that can
    * be read by screen readers
    */
-  iconDescription: function iconDescription(props) {
+  iconDescription: props => {
     if (props.renderIcon && !props.children && !props.iconDescription) {
       return new Error('renderIcon property specified without also providing an iconDescription property.');
     }

package/es/components/ButtonSet/ButtonSet.js

@@ -5,21 +5,23 @@
  * 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 React__default from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["children", "className", "stacked"];
-var ButtonSet = /*#__PURE__*/React__default.forwardRef(function ButtonSet(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      stacked = _ref.stacked,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var buttonSetClasses = cx(className, "".concat(prefix, "--btn-set"), _defineProperty({}, "".concat(prefix, "--btn-set--stacked"), stacked));
+const ButtonSet = /*#__PURE__*/React__default.forwardRef(function ButtonSet(_ref, ref) {
+  let {
+    children,
+    className,
+    stacked,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const buttonSetClasses = cx(className, `${prefix}--btn-set`, {
+    [`${prefix}--btn-set--stacked`]: stacked
+  });
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: buttonSetClasses,
     ref: ref

package/es/components/Checkbox/Checkbox.Skeleton.js

@@ -5,25 +5,24 @@
  * 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 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className"];
-
-var CheckboxSkeleton = function CheckboxSkeleton(_ref) {
-  var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
+const CheckboxSkeleton = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-skeleton"), className)
+    className: cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
   }, rest), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--checkbox-label")
+    className: `${prefix}--checkbox-label`
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--checkbox-label-text ").concat(prefix, "--skeleton")
+    className: `${prefix}--checkbox-label-text ${prefix}--skeleton`
   })));
 };