carbon-react 119.10.0 → 119.10.2

package/lib/components/badge/badge.style.js

@@ -32,14 +32,11 @@ const StyledCounter = _styledComponents.default.div`
   margin-top: -1px;
 `;
 exports.StyledCounter = StyledCounter;
-const StyledBadge = _styledComponents.default.span.attrs(_ref => {
-  let {
-    onClick
-  } = _ref;
-  return {
-    as: onClick ? _button.default : undefined
-  };
-})`
+const StyledBadge = _styledComponents.default.span.attrs(({
+  onClick
+}) => ({
+  as: onClick ? _button.default : undefined
+}))`
   ${commonStyles}
   cursor: default;
   align-items: center;
@@ -55,11 +52,9 @@ const StyledBadge = _styledComponents.default.span.attrs(_ref => {
     border: none;
   }
 
-  ${_ref2 => {
-  let {
-    onClick
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  onClick
+}) => (0, _styledComponents.css)`
     ${onClick && `
       ${commonStyles}
       width: 22px;
@@ -91,8 +86,7 @@ const StyledBadge = _styledComponents.default.span.attrs(_ref => {
         }
       }
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledBadge = StyledBadge;
 const StyledCrossIcon = (0, _styledComponents.default)(_icon2.default)`

package/lib/components/batch-selection/batch-selection.component.js

@@ -9,14 +9,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 var _batchSelection = require("./batch-selection.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const BatchSelection = _ref => {
-  let {
-    disabled,
-    children,
-    colorTheme = "transparent",
-    selectedCount,
-    hidden
-  } = _ref;
+const BatchSelection = ({
+  disabled,
+  children,
+  colorTheme = "transparent",
+  selectedCount,
+  hidden
+}) => {
   const l = (0, _useLocale.default)();
   return /*#__PURE__*/_react.default.createElement(_batchSelection.StyledBatchSelection, {
     colorTheme: colorTheme,

package/lib/components/batch-selection/batch-selection.style.js

@@ -11,13 +11,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const StyledBatchSelection = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    disabled,
-    colorTheme,
-    hidden
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  disabled,
+  colorTheme,
+  hidden
+}) => (0, _styledComponents.css)`
     align-items: center;
     display: inline-flex;
     border-radius: var(--borderRadius100);
@@ -79,8 +77,7 @@ const StyledBatchSelection = _styledComponents.default.div`
         }
       }
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledBatchSelection = StyledBatchSelection;
 const StyledSelectionCount = _styledComponents.default.span`

package/lib/components/box/box.component.js

@@ -40,45 +40,34 @@ const Box = _styledComponents.default.div`
   ${_styledSystem.flexbox}
   ${calculatePosition}
 
-  ${_ref => {
-  let {
-    theme,
-    borderRadius = "borderRadius000"
-  } = _ref;
-  return !theme.roundedCornersOptOut && (0, _styledComponents.css)`
+  ${({
+  theme,
+  borderRadius = "borderRadius000"
+}) => !theme.roundedCornersOptOut && (0, _styledComponents.css)`
       border-radius: var(--${borderRadius});
-    `;
-}}
+    `}
 
-  ${_ref2 => {
-  let {
-    color,
-    bg,
-    backgroundColor,
-    ...rest
-  } = _ref2;
-  return (0, _color.default)({
-    color,
-    bg,
-    backgroundColor,
-    ...rest
-  });
-}}
+  ${({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+}) => (0, _color.default)({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+})}
 
-  ${_ref3 => {
-  let {
-    overflowWrap
-  } = _ref3;
-  return overflowWrap && (0, _styledComponents.css)`
+  ${({
+  overflowWrap
+}) => overflowWrap && (0, _styledComponents.css)`
       overflow-wrap: ${overflowWrap};
-    `;
-}}
+    `}
 
-  ${_ref4 => {
-  let {
-    scrollVariant
-  } = _ref4;
-  return scrollVariant && (0, _styledComponents.css)`
+  ${({
+  scrollVariant
+}) => scrollVariant && (0, _styledComponents.css)`
       scrollbar-color: ${_box.default[scrollVariant].thumb}
         ${_box.default[scrollVariant].track};
 
@@ -91,26 +80,20 @@ const Box = _styledComponents.default.div`
       &::-webkit-scrollbar-thumb {
         background-color: ${_box.default[scrollVariant].thumb};
       }
-    `;
-}}
+    `}
 
-  ${_ref5 => {
-  let {
-    boxSizing
-  } = _ref5;
-  return boxSizing && (0, _styledComponents.css)`
+  ${({
+  boxSizing
+}) => boxSizing && (0, _styledComponents.css)`
       box-sizing: ${boxSizing};
-    `;
-}}
+    `}
 
-    ${_ref6 => {
-  let {
-    display,
-    gap,
-    columnGap,
-    rowGap
-  } = _ref6;
-  return (display === "flex" || display === "inline-flex") && (0, _styledComponents.css)`
+    ${({
+  display,
+  gap,
+  columnGap,
+  rowGap
+}) => (display === "flex" || display === "inline-flex") && (0, _styledComponents.css)`
       ${gap !== undefined && (0, _styledComponents.css)`
         gap: ${_box.default.gap(gap)};
       `}
@@ -122,17 +105,13 @@ const Box = _styledComponents.default.div`
       ${rowGap !== undefined && (0, _styledComponents.css)`
         row-gap: ${_box.default.gap(rowGap)};
       `}
-    `;
-}};
+    `};
 
-  ${_ref7 => {
-  let {
-    boxShadow
-  } = _ref7;
-  return boxShadow && (0, _styledComponents.css)`
+  ${({
+  boxShadow
+}) => boxShadow && (0, _styledComponents.css)`
       box-shadow: var(--${boxShadow});
-    `;
-}}
+    `}
 `;
 exports.Box = Box;
 Box.defaultProps = {

package/lib/components/breadcrumbs/breadcrumbs.component.js

@@ -11,11 +11,10 @@ var _breadcrumbs = _interopRequireDefault(require("./breadcrumbs.style"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const Breadcrumbs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    ...rest
-  } = _ref;
+const Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  ...rest
+}, ref) => {
   const l = (0, _useLocale.default)();
   return /*#__PURE__*/_react.default.createElement(_breadcrumbs.default, _extends({
     ref: ref,

package/lib/components/breadcrumbs/crumb/crumb.component.js

@@ -10,23 +10,20 @@ var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/
 var _crumb = require("./crumb.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const Crumb = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    href,
-    isCurrent,
-    children,
-    onClick,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_crumb.StyledCrumb, _extends({
-    ref: ref,
-    isCurrent: isCurrent,
-    "aria-current": isCurrent ? "page" : undefined
-  }, (0, _tags.default)("crumb", rest), rest, !isCurrent && {
-    href,
-    onClick
-  }), children), !isCurrent && /*#__PURE__*/_react.default.createElement(_crumb.Divider, null));
-});
+const Crumb = /*#__PURE__*/_react.default.forwardRef(({
+  href,
+  isCurrent,
+  children,
+  onClick,
+  ...rest
+}, ref) => /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_crumb.StyledCrumb, _extends({
+  ref: ref,
+  isCurrent: isCurrent,
+  "aria-current": isCurrent ? "page" : undefined
+}, (0, _tags.default)("crumb", rest), rest, !isCurrent && {
+  href,
+  onClick
+}), children), !isCurrent && /*#__PURE__*/_react.default.createElement(_crumb.Divider, null)));
 Crumb.propTypes = {
   "aria-activedescendant": _propTypes.default.string,
   "aria-atomic": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),

package/lib/components/breadcrumbs/crumb/crumb.style.js

@@ -11,11 +11,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const StyledCrumb = (0, _styledComponents.default)(_link.default)`
   font: var(--typographyLinkTextM);
-  ${_ref => {
-  let {
-    isCurrent
-  } = _ref;
-  return isCurrent && (0, _styledComponents.css)`
+  ${({
+  isCurrent
+}) => isCurrent && (0, _styledComponents.css)`
       a {
         color: var(--colorsUtilityYin090);
         text-decoration: none;
@@ -27,8 +25,7 @@ const StyledCrumb = (0, _styledComponents.default)(_link.default)`
           cursor: text;
         }
       }
-    `;
-}}
+    `}
 `;
 exports.StyledCrumb = StyledCrumb;
 const Divider = _styledComponents.default.span.attrs({

package/lib/components/button/button.component.js

@@ -18,20 +18,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function renderChildren(_ref) {
-  let {
-    /* eslint-disable react/prop-types */
-    iconType,
-    iconPosition,
-    size,
-    subtext,
-    children,
-    disabled,
-    buttonType,
-    iconTooltipMessage,
-    iconTooltipPosition,
-    tooltipTarget
-  } = _ref;
+function renderChildren({
+  /* eslint-disable react/prop-types */
+  iconType,
+  iconPosition,
+  size,
+  subtext,
+  children,
+  disabled,
+  buttonType,
+  iconTooltipMessage,
+  iconTooltipPosition,
+  tooltipTarget
+}) {
   const iconColorMap = {
     primary: "--colorsActionMajorYang100",
     secondary: "--colorsActionMajor500",
@@ -68,30 +67,29 @@ function renderChildren(_ref) {
 }
 let deprecatedForwardRefWarnTriggered = false;
 let deprecatedDashedButtonWarnTriggered = false;
-const Button = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
-  let {
-    size: sizeProp = "medium",
-    subtext = "",
-    children,
-    forwardRef,
-    "aria-label": ariaLabel,
-    disabled = false,
-    destructive = false,
-    buttonType: buttonTypeProp = "secondary",
-    iconType,
-    iconPosition: iconPositionProp = "before",
-    href,
-    m = 0,
-    px,
-    noWrap,
-    target,
-    rel,
-    iconTooltipMessage,
-    iconTooltipPosition,
-    fullWidth: fullWidthProp = false,
-    onClick,
-    ...rest
-  } = _ref2;
+const Button = /*#__PURE__*/_react.default.forwardRef(({
+  size: sizeProp = "medium",
+  subtext = "",
+  children,
+  forwardRef,
+  "aria-label": ariaLabel,
+  disabled = false,
+  destructive = false,
+  buttonType: buttonTypeProp = "secondary",
+  iconType,
+  iconPosition: iconPositionProp = "before",
+  href,
+  m = 0,
+  px,
+  noWrap,
+  target,
+  rel,
+  iconTooltipMessage,
+  iconTooltipPosition,
+  fullWidth: fullWidthProp = false,
+  onClick,
+  ...rest
+}, ref) => {
   const {
     buttonType: buttonTypeContext,
     size: sizeContext,

package/lib/components/button/button.style.js

@@ -33,14 +33,13 @@ function stylingForIconOnly(size) {
   width: ${dimension}; 
   min-height: ${dimension}`;
 }
-function stylingForType(_ref) {
-  let {
-    iconOnly,
-    disabled,
-    buttonType = "secondary",
-    size,
-    destructive
-  } = _ref;
+function stylingForType({
+  iconOnly,
+  disabled,
+  buttonType = "secondary",
+  size,
+  destructive
+}) {
   return (0, _styledComponents.css)`
     ${(0, _buttonTypes.default)(disabled, destructive)[buttonType]};
 
@@ -64,12 +63,10 @@ function stylingForType(_ref) {
 }
 const StyledButton = _styledComponents.default.button`
   ${_styledSystem.space}
-  ${_ref2 => {
-  let {
-    disabled,
-    noWrap
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  disabled,
+  noWrap
+}) => (0, _styledComponents.css)`
     align-items: center;
     cursor: ${disabled ? "not-allowed" : "pointer"};
     display: inline-flex;
@@ -88,25 +85,19 @@ const StyledButton = _styledComponents.default.button`
     }
 
     ${stylingForType}
-  `;
-}}
+  `}
 
-  ${_ref3 => {
-  let {
-    fullWidth
-  } = _ref3;
-  return fullWidth && (0, _styledComponents.css)`
+  ${({
+  fullWidth
+}) => fullWidth && (0, _styledComponents.css)`
       width: 100%;
-    `;
-}}
+    `}
     
-  ${_ref4 => {
-  let {
-    iconOnly,
-    iconPosition,
-    iconType
-  } = _ref4;
-  return (0, _styledComponents.css)`
+  ${({
+  iconOnly,
+  iconPosition,
+  iconType
+}) => (0, _styledComponents.css)`
     ${_icon.default} {
       margin-left: ${!iconOnly && iconPosition === "after" ? "var(--spacing100)" : "0px"};
       margin-right: ${!iconOnly && iconPosition === "before" ? "var(--spacing100)" : "0px"};
@@ -117,8 +108,7 @@ const StyledButton = _styledComponents.default.button`
       }
       ${iconOnly && "margin-left: auto; margin-right: auto"}
     }
-  `;
-}}
+  `}
 `;
 const StyledButtonSubtext = _styledComponents.default.span`
   font-size: 14px;

package/lib/components/button-bar/button-bar.component.js

@@ -11,26 +11,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const ButtonBarContext = /*#__PURE__*/_react.default.createContext({});
 exports.ButtonBarContext = ButtonBarContext;
-const ButtonBar = _ref => {
-  let {
-    children,
-    size = "medium",
-    iconPosition = "before",
-    fullWidth = false,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_buttonBar.default, _extends({}, rest, {
-    fullWidth: fullWidth,
-    size: size
-  }), /*#__PURE__*/_react.default.createElement(ButtonBarContext.Provider, {
-    value: {
-      buttonType: "secondary",
-      size,
-      iconPosition,
-      fullWidth
-    }
-  }, children));
-};
+const ButtonBar = ({
+  children,
+  size = "medium",
+  iconPosition = "before",
+  fullWidth = false,
+  ...rest
+}) => /*#__PURE__*/_react.default.createElement(_buttonBar.default, _extends({}, rest, {
+  fullWidth: fullWidth,
+  size: size
+}), /*#__PURE__*/_react.default.createElement(ButtonBarContext.Provider, {
+  value: {
+    buttonType: "secondary",
+    size,
+    iconPosition,
+    fullWidth
+  }
+}, children));
 exports.ButtonBar = ButtonBar;
 ButtonBar.displayName = "ButtonBar";
 var _default = ButtonBar;

package/lib/components/button-bar/button-bar.style.js

@@ -19,12 +19,10 @@ const commonHoverStyles = `
 `;
 const StyledButtonBar = _styledComponents.default.div`
   ${_styledSystem.space}
-  ${_ref => {
-  let {
-    fullWidth,
-    size
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  fullWidth,
+  size
+}) => (0, _styledComponents.css)`
     ${fullWidth && (0, _styledComponents.css)`
       width: 100%;
       display: flex;
@@ -119,8 +117,7 @@ const StyledButtonBar = _styledComponents.default.div`
         border-right-color: var(--colorsActionMajor500);
       }
     }
-  `;
-}}
+  `}
 `;
 StyledButtonBar.defaultProps = {
   theme: _base.default,

package/lib/components/button-minor/button-minor.component.js

@@ -12,14 +12,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const ButtonMinor = _ref => {
-  let {
-    buttonType: buttonTypeProp = "secondary",
-    size: sizeProp = "medium",
-    iconPosition: iconPositionProp = "before",
-    fullWidth: fullWidthProp = false,
-    ...rest
-  } = _ref;
+const ButtonMinor = ({
+  buttonType: buttonTypeProp = "secondary",
+  size: sizeProp = "medium",
+  iconPosition: iconPositionProp = "before",
+  fullWidth: fullWidthProp = false,
+  ...rest
+}) => {
   const {
     buttonType: buttonTypeContext,
     size: sizeContext,

package/lib/components/button-minor/button-minor.style.js

@@ -25,24 +25,19 @@ function makeColors(color) {
 const StyledButtonMinor = (0, _styledComponents.default)(_button.default)`
   border-radius: var(--borderRadius050);
 
-  ${_ref => {
-  let {
-    children
-  } = _ref;
-  return !children && (0, _styledComponents.css)`
+  ${({
+  children
+}) => !children && (0, _styledComponents.css)`
       ${_icon.default} {
         position: absolute;
       }
-    `;
-}}
+    `}
 
-  ${_ref2 => {
-  let {
-    buttonType,
-    destructive,
-    disabled
-  } = _ref2;
-  return !destructive && !disabled && (0, _styledComponents.css)`
+  ${({
+  buttonType,
+  destructive,
+  disabled
+}) => !destructive && !disabled && (0, _styledComponents.css)`
       ${buttonType === "primary" && `
         background: var(--colorsActionMinor500);
         border-color: var(--colorsActionMinorTransparent);
@@ -72,15 +67,12 @@ const StyledButtonMinor = (0, _styledComponents.default)(_button.default)`
           background: var(--colorsActionMinor600);
         }
       `}
-    `;
-}}
+    `}
     
-    ${_ref3 => {
-  let {
-    isInPassword,
-    disabled
-  } = _ref3;
-  return isInPassword && !disabled && (0, _styledComponents.css)`
+    ${({
+  isInPassword,
+  disabled
+}) => isInPassword && !disabled && (0, _styledComponents.css)`
       ${_icon.default} {
         color: var(--colorsUtilityMajor300);
       }
@@ -92,14 +84,11 @@ const StyledButtonMinor = (0, _styledComponents.default)(_button.default)`
         color: var(--colorsActionMinor500);
         background: transparent;
       }
-    `;
-}}
+    `}
 
-  ${_ref4 => {
-  let {
-    size
-  } = _ref4;
-  return (0, _styledComponents.css)`
+  ${({
+  size
+}) => (0, _styledComponents.css)`
     ${size === "small" && `
       min-height: var(--sizing400);
       padding: var(--spacing000) var(--spacing100) var(--spacing000)
@@ -115,8 +104,7 @@ const StyledButtonMinor = (0, _styledComponents.default)(_button.default)`
       padding-left: var(--spacing200);
       padding-right: var(--spacing200);
     `}
-  `;
-}}
+  `}
 `;
 var _default = StyledButtonMinor;
 exports.default = _default;