@carbon/react 1.27.0 → 1.28.0-rc.0

package/lib/components/AspectRatio/AspectRatio.js

@@ -21,7 +21,6 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["as", "className", "children", "ratio"];
 /**
  * The AspectRatio component provides a `ratio` prop that will be used to
  * specify the aspect ratio that the children you provide will be displayed in.
@@ -30,16 +29,15 @@ var _excluded = ["as", "className", "children", "ratio"];
  */
 
 function AspectRatio(_ref) {
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      containerClassName = _ref.className,
-      children = _ref.children,
-      _ref$ratio = _ref.ratio,
-      ratio = _ref$ratio === void 0 ? '1x1' : _ref$ratio,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var className = cx__default["default"](containerClassName, "".concat(prefix, "--aspect-ratio"), "".concat(prefix, "--aspect-ratio--").concat(ratio));
+  let {
+    as: BaseComponent = 'div',
+    className: containerClassName,
+    children,
+    ratio = '1x1',
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const className = cx__default["default"](containerClassName, `${prefix}--aspect-ratio`, `${prefix}--aspect-ratio--${ratio}`);
   return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
     className: className
   }, rest), children);

package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js

@@ -23,23 +23,22 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _Item, _Item2, _Item3;
 
-var _excluded = ["className"];
-
 function Item() {
-  var prefix = usePrefix.usePrefix();
+  const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--breadcrumb-item")
+    className: `${prefix}--breadcrumb-item`
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--link")
+    className: `${prefix}--link`
   }, "\xA0"));
 }
 
 function BreadcrumbSkeleton(_ref) {
-  var className = _ref.className,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]("".concat(prefix, "--breadcrumb"), "".concat(prefix, "--skeleton"), className);
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const classes = cx__default["default"](`${prefix}--breadcrumb`, `${prefix}--skeleton`, className);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: classes
   }, rest), _Item || (_Item = /*#__PURE__*/React__default["default"].createElement(Item, null)), _Item2 || (_Item2 = /*#__PURE__*/React__default["default"].createElement(Item, null)), _Item3 || (_Item3 = /*#__PURE__*/React__default["default"].createElement(Item, null)));

package/lib/components/Breadcrumb/Breadcrumb.js

@@ -21,18 +21,19 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["aria-label", "children", "className", "noTrailingSlash"];
-var Breadcrumb = /*#__PURE__*/React__default["default"].forwardRef(function Breadcrumb(_ref, ref) {
-  var _cx;
-
-  var ariaLabel = _ref['aria-label'],
-      children = _ref.children,
-      customClassNameNav = _ref.className,
-      noTrailingSlash = _ref.noTrailingSlash,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--breadcrumb"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--breadcrumb--no-trailing-slash"), noTrailingSlash), _cx));
+const Breadcrumb = /*#__PURE__*/React__default["default"].forwardRef(function Breadcrumb(_ref, ref) {
+  let {
+    'aria-label': ariaLabel,
+    children,
+    className: customClassNameNav,
+    noTrailingSlash,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const className = cx__default["default"]({
+    [`${prefix}--breadcrumb`]: true,
+    [`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash
+  });
   return /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
     className: customClassNameNav,
     "aria-label": ariaLabel ? ariaLabel : 'Breadcrumb',

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -23,35 +23,37 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["aria-current", "children", "className", "href", "isCurrentPage"];
-var BreadcrumbItem = /*#__PURE__*/React__default["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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--breadcrumb-item"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--breadcrumb-item--current"), isCurrentPage && ariaCurrent !== 'page'), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
+const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function BreadcrumbItem(_ref, ref) {
+  let {
+    'aria-current': ariaCurrent,
+    children,
+    className: customClassName,
+    href,
+    isCurrentPage,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const className = cx__default["default"]({
+    [`${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["default"].createElement(iconsReact.OverflowMenuHorizontal, {
-      className: "".concat(prefix, "--overflow-menu__icon")
+    const horizontalOverflowIcon = /*#__PURE__*/React__default["default"].createElement(iconsReact.OverflowMenuHorizontal, {
+      className: `${prefix}--overflow-menu__icon`
     });
     return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
       className: className
     }, rest), /*#__PURE__*/React__default["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
     }));
   }
 
@@ -63,7 +65,7 @@ var BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function
       href: href,
       "aria-current": ariaCurrent
     }, children) : /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(prefix, "--link")
+      className: `${prefix}--link`
     }, children));
   }
 
@@ -72,7 +74,7 @@ var BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function
     ref: ref
   }, rest), /*#__PURE__*/React__default["default"].cloneElement(children, {
     'aria-current': ariaCurrent,
-    className: cx__default["default"]("".concat(prefix, "--link"), children.props.className)
+    className: cx__default["default"](`${prefix}--link`, children.props.className)
   }));
 });
 BreadcrumbItem.displayName = 'BreadcrumbItem';

package/lib/components/Button/Button.Skeleton.js

@@ -41,28 +41,30 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-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__namespace.enabled('enable-v11-release') ? 'lg' : 'default' : _ref$size,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var buttonClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--lg"), size === 'lg'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--xl"), size === 'xl'), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--btn--2xl"), size === '2xl'), _cx));
-
-  var commonProps = _rollupPluginBabelHelpers.objectSpread2({
-    className: buttonClasses
-  }, rest);
-
-  var button = /*#__PURE__*/React__default["default"].createElement("div", commonProps);
-  var anchor = /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, commonProps, {
+const ButtonSkeleton = _ref => {
+  let {
+    className,
+    small = false,
+    href,
+    size = FeatureFlags__namespace.enabled('enable-v11-release') ? 'lg' : 'default',
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const buttonClasses = cx__default["default"](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["default"].createElement("div", commonProps);
+  const anchor = /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, commonProps, {
     href: href,
     role: "button"
   })); // eslint-disable-line

package/lib/components/Button/Button.js

@@ -25,47 +25,36 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-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["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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var tooltipRef = React.useRef(null);
-  var prefix = usePrefix.usePrefix();
-
-  var handleClick = function handleClick(evt) {
+const Button = /*#__PURE__*/React__default["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 = React.useRef(null);
+  const prefix = usePrefix.usePrefix();
+
+  const handleClick = evt => {
     // Prevent clicks on the tooltip from triggering the button click event
     if (evt.target === tooltipRef.current) {
       evt.preventDefault();
@@ -73,36 +62,47 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
     }
   };
 
-  var buttonClasses = cx__default["default"](className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--sm"), size === 'sm' && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--md"), size === 'md' && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--xl"), size === 'xl'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--2xl"), size === '2xl'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--").concat(kind), kind), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--expressive"), isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--icon-only"), hasIconOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--selected"), hasIconOnly && isSelected && kind === 'ghost'), _classNames));
-  var commonProps = {
-    tabIndex: tabIndex,
+  const buttonClasses = cx__default["default"](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["default"].createElement(ButtonImageElement, {
+  const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React__default["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["default"].createElement(ButtonImageElement, null);
-  var dangerButtonVariants = ['danger', 'danger--tertiary', 'danger--ghost'];
-  var component = 'button';
-  var assistiveId = useId.useId('danger-description');
-  var otherProps = {
-    disabled: disabled,
-    type: type,
+  const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default["default"].createElement(ButtonImageElement, null);
+  const dangerButtonVariants = ['danger', 'danger--tertiary', 'danger--ghost'];
+  let component = 'button';
+  const assistiveId = useId.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["default"].createElement("span", {
       id: assistiveId,
-      className: "".concat(prefix, "--visually-hidden")
+      className: `${prefix}--visually-hidden`
     }, dangerDescription);
   } else {
     assistiveText = null;
@@ -110,22 +110,27 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
 
   if (as) {
     component = as;
-    otherProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, otherProps), anchorProps);
+    otherProps = { ...otherProps,
+      ...anchorProps
+    };
   } else if (href && !disabled) {
     component = 'a';
     otherProps = anchorProps;
   }
 
-  var Button = /*#__PURE__*/React__default["default"].createElement(component, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onClick: onClick
-  }, rest), commonProps), otherProps), assistiveText, children, buttonImage);
+  const Button = /*#__PURE__*/React__default["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') {
@@ -133,11 +138,11 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
       }
 
       if (tooltipAlignment === 'end') {
-        align = "".concat(tooltipPosition, "-right");
+        align = `${tooltipPosition}-right`;
       }
 
       if (tooltipAlignment === 'start') {
-        align = "".concat(tooltipPosition, "-left");
+        align = `${tooltipPosition}-left`;
       }
     }
 
@@ -203,7 +208,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/lib/components/ButtonSet/ButtonSet.js

@@ -21,15 +21,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "className", "stacked"];
-var ButtonSet = /*#__PURE__*/React__default["default"].forwardRef(function ButtonSet(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      stacked = _ref.stacked,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var buttonSetClasses = cx__default["default"](className, "".concat(prefix, "--btn-set"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--btn-set--stacked"), stacked));
+const ButtonSet = /*#__PURE__*/React__default["default"].forwardRef(function ButtonSet(_ref, ref) {
+  let {
+    children,
+    className,
+    stacked,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const buttonSetClasses = cx__default["default"](className, `${prefix}--btn-set`, {
+    [`${prefix}--btn-set--stacked`]: stacked
+  });
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: buttonSetClasses,
     ref: ref

package/lib/components/Checkbox/Checkbox.Skeleton.js

@@ -21,19 +21,18 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className"];
-
-var CheckboxSkeleton = function CheckboxSkeleton(_ref) {
-  var className = _ref.className,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
+const CheckboxSkeleton = _ref => {
+  let {
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-skeleton"), className)
+    className: cx__default["default"](`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--checkbox-label")
+    className: `${prefix}--checkbox-label`
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--checkbox-label-text ").concat(prefix, "--skeleton")
+    className: `${prefix}--checkbox-label-text ${prefix}--skeleton`
   })));
 };