@carbon/react 1.27.0 → 1.28.0-rc.0

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -24,9 +24,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "className", "currentIndex", "onChange", "spaceEqually", "vertical"],
-    _excluded2 = ["label", "description", "className", "current", "complete", "invalid", "secondaryLabel", "disabled", "onClick", "translateWithId"];
-var defaultTranslations = {
+const defaultTranslations = {
   'carbon.progress-step.complete': 'Complete',
   'carbon.progress-step.incomplete': 'Incomplete',
   'carbon.progress-step.current': 'Current',
@@ -38,30 +36,24 @@ function translateWithId(messageId) {
 }
 
 function ProgressIndicator(_ref) {
-  var _cx;
-
-  var children = _ref.children,
-      customClassName = _ref.className,
-      _ref$currentIndex = _ref.currentIndex,
-      controlledIndex = _ref$currentIndex === void 0 ? 0 : _ref$currentIndex,
-      onChange = _ref.onChange,
-      spaceEqually = _ref.spaceEqually,
-      vertical = _ref.vertical,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-
-  var _useState = React.useState(controlledIndex),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      currentIndex = _useState2[0],
-      setCurrentIndex = _useState2[1];
-
-  var _useState3 = React.useState(controlledIndex),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      prevControlledIndex = _useState4[0],
-      setPrevControlledIndex = _useState4[1];
-
-  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--progress"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--progress--vertical"), vertical), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--progress--space-equal"), spaceEqually && !vertical), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, customClassName), _cx));
+  let {
+    children,
+    className: customClassName,
+    currentIndex: controlledIndex = 0,
+    onChange,
+    spaceEqually,
+    vertical,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const [currentIndex, setCurrentIndex] = React.useState(controlledIndex);
+  const [prevControlledIndex, setPrevControlledIndex] = React.useState(controlledIndex);
+  const className = cx__default["default"]({
+    [`${prefix}--progress`]: true,
+    [`${prefix}--progress--vertical`]: vertical,
+    [`${prefix}--progress--space-equal`]: spaceEqually && !vertical,
+    [customClassName]: customClassName
+  });
 
   if (controlledIndex !== prevControlledIndex) {
     setCurrentIndex(controlledIndex);
@@ -70,34 +62,32 @@ function ProgressIndicator(_ref) {
 
   return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     className: className
-  }, rest), React__default["default"].Children.map(children, function (child, index) {
+  }, rest), React__default["default"].Children.map(children, (child, index) => {
     // only setup click handlers if onChange event is passed
-    var onClick = onChange ? function () {
-      return onChange(index);
-    } : undefined;
+    const onClick = onChange ? () => onChange(index) : undefined;
 
     if (index === currentIndex) {
       return /*#__PURE__*/React__default["default"].cloneElement(child, {
         complete: child.props.complete,
         current: child.props.complete ? false : true,
-        index: index,
-        onClick: onClick
+        index,
+        onClick
       });
     }
 
     if (index < currentIndex) {
       return /*#__PURE__*/React__default["default"].cloneElement(child, {
         complete: true,
-        index: index,
-        onClick: onClick
+        index,
+        onClick
       });
     }
 
     if (index > currentIndex) {
       return /*#__PURE__*/React__default["default"].cloneElement(child, {
         complete: child.props.complete || false,
-        index: index,
-        onClick: onClick
+        index,
+        onClick
       });
     }
 
@@ -139,40 +129,48 @@ ProgressIndicator.propTypes = {
 };
 
 function ProgressStep(_ref2) {
-  var _cx2;
-
-  var label = _ref2.label,
-      description = _ref2.description,
-      className = _ref2.className,
-      current = _ref2.current,
-      complete = _ref2.complete,
-      invalid = _ref2.invalid,
-      secondaryLabel = _ref2.secondaryLabel,
-      disabled = _ref2.disabled,
-      onClick = _ref2.onClick,
-      t = _ref2.translateWithId,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-
-  var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]((_cx2 = {}, _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--progress-step"), true), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--progress-step--current"), current), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--progress-step--complete"), complete), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--progress-step--incomplete"), !complete && !current), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--progress-step--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx2, className, className), _cx2));
-
-  var handleKeyDown = function handleKeyDown(e) {
+  let {
+    label,
+    description,
+    className,
+    current,
+    complete,
+    invalid,
+    secondaryLabel,
+    disabled,
+    onClick,
+    translateWithId: t,
+    ...rest
+  } = _ref2;
+  const prefix = usePrefix.usePrefix();
+  const classes = cx__default["default"]({
+    [`${prefix}--progress-step`]: true,
+    [`${prefix}--progress-step--current`]: current,
+    [`${prefix}--progress-step--complete`]: complete,
+    [`${prefix}--progress-step--incomplete`]: !complete && !current,
+    [`${prefix}--progress-step--disabled`]: disabled,
+    [className]: className
+  });
+
+  const handleKeyDown = e => {
     if (match.matches(e, [keys.Enter, keys.Space])) {
       onClick();
     }
   }; // eslint-disable-next-line react/prop-types
 
 
-  var SVGIcon = function SVGIcon(_ref3) {
-    var complete = _ref3.complete,
-        current = _ref3.current,
-        description = _ref3.description,
-        invalid = _ref3.invalid,
-        prefix = _ref3.prefix;
+  const SVGIcon = _ref3 => {
+    let {
+      complete,
+      current,
+      description,
+      invalid,
+      prefix
+    } = _ref3;
 
     if (invalid) {
       return /*#__PURE__*/React__default["default"].createElement(iconsReact.Warning, {
-        className: "".concat(prefix, "--progress__warning")
+        className: `${prefix}--progress__warning`
       }, /*#__PURE__*/React__default["default"].createElement("title", null, description));
     }
 
@@ -187,7 +185,7 @@ function ProgressStep(_ref2) {
     return /*#__PURE__*/React__default["default"].createElement(iconsReact.CircleDash, null, /*#__PURE__*/React__default["default"].createElement("title", null, description));
   };
 
-  var message = t('carbon.progress-step.incomplete');
+  let message = t('carbon.progress-step.incomplete');
 
   if (current) {
     message = t('carbon.progress-step.current');
@@ -205,7 +203,9 @@ function ProgressStep(_ref2) {
     className: classes
   }, /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
     type: "button",
-    className: cx__default["default"]("".concat(prefix, "--progress-step-button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--progress-step-button--unclickable"), !onClick || current)),
+    className: cx__default["default"](`${prefix}--progress-step-button`, {
+      [`${prefix}--progress-step-button--unclickable`]: !onClick || current
+    }),
     disabled: disabled,
     "aria-disabled": disabled,
     tabIndex: !current && onClick && !disabled ? 0 : -1,
@@ -219,15 +219,15 @@ function ProgressStep(_ref2) {
     invalid: invalid,
     prefix: prefix
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--progress-text")
+    className: `${prefix}--progress-text`
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "".concat(prefix, "--progress-label")
+    className: `${prefix}--progress-label`
   }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "".concat(prefix, "--progress-optional")
+    className: `${prefix}--progress-optional`
   }, secondaryLabel) : null), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--assistive-text")
+    className: `${prefix}--assistive-text`
   }, message), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--progress-line")
+    className: `${prefix}--progress-line`
   })));
 }
 
@@ -299,7 +299,7 @@ ProgressStep.propTypes = {
   translateWithId: PropTypes__default["default"].func
 };
 ProgressStep.defaultProps = {
-  translateWithId: translateWithId
+  translateWithId
 };
 
 exports.ProgressIndicator = ProgressIndicator;

package/lib/components/RadioButton/RadioButton.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"];
-
 function RadioButtonSkeleton(props) {
-  var className = props.className,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-
-  var prefix = usePrefix.usePrefix();
+  const {
+    className,
+    ...rest
+  } = props;
+  const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(prefix, "--radio-button-wrapper"), className)
+    className: cx__default["default"](`${prefix}--radio-button-wrapper`, className)
   }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--radio-button ").concat(prefix, "--skeleton")
+    className: `${prefix}--radio-button ${prefix}--skeleton`
   }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--radio-button__label ").concat(prefix, "--skeleton")
+    className: `${prefix}--radio-button__label ${prefix}--skeleton`
   }));
 }
 

package/lib/components/RadioButton/RadioButton.js

@@ -25,39 +25,39 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "disabled", "hideLabel", "id", "labelPosition", "labelText", "name", "onChange", "value"];
-var RadioButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var className = props.className,
-      disabled = props.disabled,
-      hideLabel = props.hideLabel,
-      id = props.id,
-      _props$labelPosition = props.labelPosition,
-      labelPosition = _props$labelPosition === void 0 ? 'right' : _props$labelPosition,
-      _props$labelText = props.labelText,
-      labelText = _props$labelText === void 0 ? '' : _props$labelText,
-      name = props.name,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-      _props$value = props.value,
-      value = _props$value === void 0 ? '' : _props$value,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var uid = useId.useId('radio-button');
-  var uniqueId = id || uid;
+const RadioButton = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
+  const {
+    className,
+    disabled,
+    hideLabel,
+    id,
+    labelPosition = 'right',
+    labelText = '',
+    name,
+    onChange = () => {},
+    value = '',
+    ...rest
+  } = props;
+  const prefix = usePrefix.usePrefix();
+  const uid = useId.useId('radio-button');
+  const uniqueId = id || uid;
 
   function handleOnChange(event) {
     onChange(value, name, event);
   }
 
-  var innerLabelClasses = cx__default["default"]("".concat(prefix, "--radio-button__label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
-  var wrapperClasses = cx__default["default"](className, "".concat(prefix, "--radio-button-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--radio-button-wrapper--label-").concat(labelPosition), labelPosition !== 'right'));
-  var inputRef = React.useRef(null);
+  const innerLabelClasses = cx__default["default"](`${prefix}--radio-button__label-text`, {
+    [`${prefix}--visually-hidden`]: hideLabel
+  });
+  const wrapperClasses = cx__default["default"](className, `${prefix}--radio-button-wrapper`, {
+    [`${prefix}--radio-button-wrapper--label-${labelPosition}`]: labelPosition !== 'right'
+  });
+  const inputRef = React.useRef(null);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, rest, {
     type: "radio",
-    className: "".concat(prefix, "--radio-button"),
+    className: `${prefix}--radio-button`,
     onChange: handleOnChange,
     id: uniqueId,
     ref: mergeRefs["default"](inputRef, ref),
@@ -66,9 +66,9 @@ var RadioButton = /*#__PURE__*/React__default["default"].forwardRef(function (pr
     name: name
   })), /*#__PURE__*/React__default["default"].createElement("label", {
     htmlFor: uniqueId,
-    className: "".concat(prefix, "--radio-button__label")
+    className: `${prefix}--radio-button__label`
   }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--radio-button__appearance")
+    className: `${prefix}--radio-button__appearance`
   }), labelText && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     className: innerLabelClasses
   }, labelText)));

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -25,67 +25,49 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "className", "defaultSelected", "disabled", "helperText", "invalid", "invalidText", "labelPosition", "legendText", "name", "onChange", "orientation", "readOnly", "valueSelected", "warn", "warnText"];
-var getInstanceId = setupGetInstanceId["default"]();
-var RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var _classNames;
-
-  var children = props.children,
-      className = props.className,
-      defaultSelected = props.defaultSelected,
-      disabled = props.disabled,
-      helperText = props.helperText,
-      _props$invalid = props.invalid,
-      invalid = _props$invalid === void 0 ? false : _props$invalid,
-      invalidText = props.invalidText,
-      _props$labelPosition = props.labelPosition,
-      labelPosition = _props$labelPosition === void 0 ? 'right' : _props$labelPosition,
-      legendText = props.legendText,
-      name = props.name,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-      readOnly = props.readOnly,
-      valueSelected = props.valueSelected,
-      _props$warn = props.warn,
-      warn = _props$warn === void 0 ? false : _props$warn,
-      warnText = props.warnText,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-
-  var _useState = React.useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
-
-  var _useState3 = React.useState(valueSelected),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      prevValueSelected = _useState4[0],
-      setPrevValueSelected = _useState4[1];
-
-  var _useRef = React.useRef(getInstanceId()),
-      radioButtonGroupInstanceId = _useRef.current;
+const getInstanceId = setupGetInstanceId["default"]();
+const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    defaultSelected,
+    disabled,
+    helperText,
+    invalid = false,
+    invalidText,
+    labelPosition = 'right',
+    legendText,
+    name,
+    onChange = () => {},
+    orientation = 'horizontal',
+    readOnly,
+    valueSelected,
+    warn = false,
+    warnText,
+    ...rest
+  } = props;
+  const prefix = usePrefix.usePrefix();
+  const [selected, setSelected] = React.useState(valueSelected ?? defaultSelected);
+  const [prevValueSelected, setPrevValueSelected] = React.useState(valueSelected);
+  const {
+    current: radioButtonGroupInstanceId
+  } = React.useRef(getInstanceId());
   /**
    * prop + state alignment - getDerivedStateFromProps
    * only update if selected prop changes
    */
 
-
   if (valueSelected !== prevValueSelected) {
     setSelected(valueSelected);
     setPrevValueSelected(valueSelected);
   }
 
   function getRadioButtons() {
-    var mappedChildren = React__default["default"].Children.map(children, function (radioButton) {
-      var _props;
-
-      var _ref = (_props = radioButton === null || radioButton === void 0 ? void 0 : radioButton.props) !== null && _props !== void 0 ? _props : undefined,
-          value = _ref.value;
-
-      var newProps = {
+    const mappedChildren = React__default["default"].Children.map(children, radioButton => {
+      const {
+        value
+      } = (radioButton === null || radioButton === void 0 ? void 0 : radioButton.props) ?? undefined;
+      const newProps = {
         name: name,
         key: value,
         value: value,
@@ -113,17 +95,25 @@ var RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(functio
     }
   }
 
-  var showWarning = !readOnly && !invalid && warn;
-  var showHelper = !invalid && !disabled && !warn;
-  var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), className);
-  var fieldsetClasses = cx__default["default"]("".concat(prefix, "--radio-button-group"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--invalid"), !readOnly && invalid), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--warning"), showWarning), _classNames));
-  var helperClasses = cx__default["default"]("".concat(prefix, "--form__helper-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--form__helper-text--disabled"), disabled));
-  var helperId = !helperText ? undefined : "radio-button-group-helper-text-".concat(radioButtonGroupInstanceId);
-  var helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
+  const showWarning = !readOnly && !invalid && warn;
+  const showHelper = !invalid && !disabled && !warn;
+  const wrapperClasses = cx__default["default"](`${prefix}--form-item`, className);
+  const fieldsetClasses = cx__default["default"](`${prefix}--radio-button-group`, {
+    [`${prefix}--radio-button-group--${orientation}`]: orientation === 'vertical',
+    [`${prefix}--radio-button-group--label-${labelPosition}`]: labelPosition,
+    [`${prefix}--radio-button-group--readonly`]: readOnly,
+    [`${prefix}--radio-button-group--invalid`]: !readOnly && invalid,
+    [`${prefix}--radio-button-group--warning`]: showWarning
+  });
+  const helperClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+    [`${prefix}--form__helper-text--disabled`]: disabled
+  });
+  const helperId = !helperText ? undefined : `radio-button-group-helper-text-${radioButtonGroupInstanceId}`;
+  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
     id: helperId,
     className: helperClasses
   }, helperText) : null;
-  var divRef = React.useRef(null);
+  const divRef = React.useRef(null);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wrapperClasses,
     ref: mergeRefs["default"](divRef, ref)
@@ -134,17 +124,17 @@ var RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(functio
     "aria-readonly": readOnly,
     "aria-describedby": showHelper && helperText ? helperId : undefined
   }, rest), legendText && /*#__PURE__*/React__default["default"].createElement(index.Legend, {
-    className: "".concat(prefix, "--label")
+    className: `${prefix}--label`
   }, legendText), getRadioButtons()), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--radio-button__validation-msg")
+    className: `${prefix}--radio-button__validation-msg`
   }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
-    className: "".concat(prefix, "--radio-button__invalid-icon")
+    className: `${prefix}--radio-button__invalid-icon`
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
-    className: "".concat(prefix, "--radio-button__invalid-icon ").concat(prefix, "--radio-button__invalid-icon--warning")
+    className: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+    className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 });
 RadioButtonGroup.propTypes = {

package/lib/components/RadioTile/RadioTile.js

@@ -27,26 +27,28 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _CheckmarkFilled;
-
-var _excluded = ["children", "className", "disabled", "light", "checked", "name", "value", "id", "onChange", "tabIndex"];
-var RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function RadioTile(_ref, ref) {
-  var _cx;
-
-  var children = _ref.children,
-      customClassName = _ref.className,
-      disabled = _ref.disabled,
-      light = _ref.light,
-      checked = _ref.checked,
-      name = _ref.name,
-      value = _ref.value,
-      id = _ref.id,
-      onChange = _ref.onChange,
-      tabIndex = _ref.tabIndex,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var inputId = useId.useFallbackId(id);
-  var className = cx__default["default"](customClassName, "".concat(prefix, "--tile"), "".concat(prefix, "--tile--selectable"), (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--tile--is-selected"), checked), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--tile--light"), light), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--tile--disabled"), disabled), _cx));
+const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function RadioTile(_ref, ref) {
+  let {
+    children,
+    className: customClassName,
+    disabled,
+    // eslint-disable-next-line no-unused-vars
+    light,
+    checked,
+    name,
+    value,
+    id,
+    onChange,
+    tabIndex,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const inputId = useId.useFallbackId(id);
+  const className = cx__default["default"](customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, {
+    [`${prefix}--tile--is-selected`]: checked,
+    [`${prefix}--tile--light`]: light,
+    [`${prefix}--tile--disabled`]: disabled
+  });
 
   function handleOnChange(evt) {
     onChange(value, name, evt);
@@ -61,7 +63,7 @@ var RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Radio
 
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
     checked: checked,
-    className: "".concat(prefix, "--tile-input"),
+    className: `${prefix}--tile-input`,
     disabled: disabled,
     id: inputId,
     name: name,
@@ -75,9 +77,9 @@ var RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Radio
     htmlFor: inputId,
     className: className
   }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--tile__checkmark")
+    className: `${prefix}--tile__checkmark`
   }, _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckmarkFilled, null))), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--tile-content")
+    className: `${prefix}--tile-content`
   }, children)));
 });
 RadioTile.propTypes = {
@@ -133,7 +135,7 @@ RadioTile.propTypes = {
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
 };
 RadioTile.defaultProps = {
-  onChange: function onChange() {},
+  onChange: () => {},
   tabIndex: 0
 };
 var RadioTile$1 = RadioTile;

package/lib/components/Search/Search.Skeleton.js

@@ -21,23 +21,24 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["small", "className"];
-
-var SearchSkeleton = function SearchSkeleton(_ref) {
-  var _cx;
-
-  var small = _ref.small,
-      className = _ref.className,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var searchClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--search--xl"), !small), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--search--sm"), small), _cx));
+const SearchSkeleton = _ref => {
+  let {
+    small,
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const searchClasses = cx__default["default"](className, {
+    [`${prefix}--skeleton`]: true,
+    [`${prefix}--search--xl`]: !small,
+    [`${prefix}--search--sm`]: small
+  });
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: searchClasses
   }, rest), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--label")
+    className: `${prefix}--label`
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--search-input")
+    className: `${prefix}--search-input`
   }));
 };
 
@@ -55,7 +56,6 @@ SearchSkeleton.propTypes = {
 SearchSkeleton.defaultProps = {
   small: false
 };
-var SearchSkeleton$1 = SearchSkeleton;
 
 exports.SearchSkeleton = SearchSkeleton;
-exports["default"] = SearchSkeleton$1;
+exports["default"] = SearchSkeleton;