carbon-react 119.10.0 → 119.10.2

package/lib/components/typography/typography.component.js

@@ -129,16 +129,15 @@ const getDecoration = variant => {
   return "none";
 };
 let isDeprecationWarningTriggered = false;
-const Typography = _styledComponents.default.span.attrs(_ref => {
-  let {
-    variant,
-    as,
-    fontSize,
-    fontWeight,
-    textTransform,
-    lineHeight,
-    textDecoration
-  } = _ref;
+const Typography = _styledComponents.default.span.attrs(({
+  variant,
+  as,
+  fontSize,
+  fontWeight,
+  textTransform,
+  lineHeight,
+  textDecoration
+}) => {
   return {
     as: as || getAs(variant),
     size: fontSize || getSize(variant),
@@ -156,23 +155,21 @@ const Typography = _styledComponents.default.span.attrs(_ref => {
   }
   return (0, _styledComponents.css)``;
 }}
-  ${_ref2 => {
-  let {
-    size,
-    weight,
-    textTransform,
-    lineHeight,
-    defaultMargin,
-    textDecoration,
-    display,
-    variant,
-    listStyleType,
-    whiteSpace,
-    wordWrap,
-    textOverflow,
-    truncate
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  size,
+  weight,
+  textTransform,
+  lineHeight,
+  defaultMargin,
+  textDecoration,
+  display,
+  variant,
+  listStyleType,
+  whiteSpace,
+  wordWrap,
+  textOverflow,
+  truncate
+}) => (0, _styledComponents.css)`
     font-style: normal;
     font-size: ${size};
     font-weight: ${weight};
@@ -191,23 +188,19 @@ const Typography = _styledComponents.default.span.attrs(_ref => {
     ${variant === "sub" && "vertical-align: sub;"};
     ${display && `display: ${display};`};
     ${listStyleType && `list-style-type: ${listStyleType};`}; ;
-  `;
-}}
+  `}
   ${_styledSystem.space}
-  ${_ref3 => {
-  let {
-    color,
-    bg,
-    backgroundColor,
-    ...rest
-  } = _ref3;
-  return (0, _color.default)({
-    color,
-    bg,
-    backgroundColor,
-    ...rest
-  });
-}}
+  ${({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+}) => (0, _color.default)({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+})}
 `;
 Typography.defaultProps = {
   color: "blackOpacity90",

package/lib/components/vertical-divider/vertical-divider.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 VerticalDivider = _ref => {
-  let {
-    h,
-    height,
-    displayInline = false,
-    tint = 80,
-    ...props
-  } = _ref;
+const VerticalDivider = ({
+  h,
+  height,
+  displayInline = false,
+  tint = 80,
+  ...props
+}) => {
   const {
     inMenu
   } = (0, _react.useContext)(_menu.MenuContext);

package/lib/components/vertical-divider/vertical-divider.style.js

@@ -11,31 +11,22 @@ 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 StyledVerticalWrapper = _styledComponents.default.div`
   ${_styledSystem.space}
-  ${_ref => {
-  let {
-    height
-  } = _ref;
-  return height && (0, _styledComponents.css)`
+  ${({
+  height
+}) => height && (0, _styledComponents.css)`
       height: ${typeof height === "string" ? `${height}` : `${height}px`};
-    `;
-}}
-  ${_ref2 => {
-  let {
-    displayInline
-  } = _ref2;
-  return displayInline ? "display: inline;" : "";
-}}
+    `}
+  ${({
+  displayInline
+}) => displayInline ? "display: inline;" : ""}
 `;
 exports.StyledVerticalWrapper = StyledVerticalWrapper;
 const StyledDivider = _styledComponents.default.div`
   height: 100%;
-  border-left: 1px solid ${_ref3 => {
-  let {
-    theme,
-    tint
-  } = _ref3;
-  return theme.palette.slateTint(tint);
-}};
+  border-left: 1px solid ${({
+  theme,
+  tint
+}) => theme.palette.slateTint(tint)};
   display: inherit;
 `;
 exports.StyledDivider = StyledDivider;

package/lib/components/vertical-menu/vertical-menu-full-screen.component.js

@@ -20,15 +20,14 @@ 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 VerticalMenuFullScreen = _ref => {
-  let {
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    children,
-    isOpen,
-    onClose,
-    ...rest
-  } = _ref;
+const VerticalMenuFullScreen = ({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  children,
+  isOpen,
+  onClose,
+  ...rest
+}) => {
   const l = (0, _useLocale.default)();
   const menuWrapperRef = (0, _react.useRef)(null);
   const handleKeyDown = (0, _react.useCallback)(ev => {

package/lib/components/vertical-menu/vertical-menu-item.component.js

@@ -17,19 +17,18 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const MenuItemContext = /*#__PURE__*/_react.default.createContext({
   level: 0
 });
-const VerticalMenuItem = _ref => {
-  let {
-    defaultOpen = false,
-    title,
-    iconType,
-    adornment,
-    children,
-    component,
-    active,
-    height = "56px",
-    href,
-    ...rest
-  } = _ref;
+const VerticalMenuItem = ({
+  defaultOpen = false,
+  title,
+  iconType,
+  adornment,
+  children,
+  component,
+  active,
+  height = "56px",
+  href,
+  ...rest
+}) => {
   const [isOpen, setIsOpen] = (0, _react.useState)(defaultOpen);
   const handleOnClick = () => {
     setIsOpen(state => !state);

package/lib/components/vertical-menu/vertical-menu-trigger.component.js

@@ -11,14 +11,13 @@ var _utils = require("../../style/utils");
 var _verticalMenu = require("./vertical-menu.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 VerticalMenuTrigger = _ref => {
-  let {
-    height = "40px",
-    p = 2,
-    onClick,
-    children,
-    ...rest
-  } = _ref;
+const VerticalMenuTrigger = ({
+  height = "40px",
+  p = 2,
+  onClick,
+  children,
+  ...rest
+}) => {
   const paddingProps = (0, _utils.filterStyledSystemPaddingProps)(rest);
   return /*#__PURE__*/_react.default.createElement(_verticalMenu.StyledVerticalMenuItem, _extends({
     onClick: onClick,

package/lib/components/vertical-menu/vertical-menu.component.js

@@ -10,15 +10,14 @@ var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tag
 var _verticalMenu = require("./vertical-menu.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 VerticalMenu = _ref => {
-  let {
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    width = "322px",
-    children,
-    height = "100%",
-    ...rest
-  } = _ref;
+const VerticalMenu = ({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  width = "322px",
+  children,
+  height = "100%",
+  ...rest
+}) => {
   return /*#__PURE__*/_react.default.createElement(_verticalMenu.StyledVerticalMenu, _extends({
     boxSizing: "border-box",
     scrollVariant: "light",

package/lib/components/vertical-menu/vertical-menu.style.js

@@ -19,12 +19,9 @@ const StyledList = _styledComponents.default.ul`
 `;
 exports.StyledList = StyledList;
 const StyledVerticalMenuItem = _styledComponents.default.div`
-  min-height: ${_ref => {
-  let {
-    height
-  } = _ref;
-  return height;
-}};
+  min-height: ${({
+  height
+}) => height};
   width: 100%;
   display: flex;
   border: none;
@@ -49,11 +46,9 @@ const StyledVerticalMenuItem = _styledComponents.default.div`
     outline-offset: -3px;
   }
 
-  ${_ref2 => {
-  let {
-    active
-  } = _ref2;
-  return active && (0, _styledComponents.css)`
+  ${({
+  active
+}) => active && (0, _styledComponents.css)`
       &:before {
         background: var(--colorsComponentsLeftnavWinterStandardSelected);
         border-radius: var(--borderRadius100);
@@ -71,8 +66,7 @@ const StyledVerticalMenuItem = _styledComponents.default.div`
           background: var(--colorsComponentsLeftnavWinterStandardHover);
         }
       }
-    `;
-}}
+    `}
 
   ${_icon.default} {
     width: 20px;
@@ -133,12 +127,9 @@ const StyledVerticalMenuFullScreen = (0, _styledComponents.default)(_box.default
   background-color: var(--colorsComponentsLeftnavWinterStandardBackground);
   box-sizing: border-box;
   transition: all 0.3s ease;
-  z-index: ${_ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.zIndex.fullScreenModal;
-}};
+  z-index: ${({
+  theme
+}) => theme.zIndex.fullScreenModal};
 
   // TODO remove hardcoded values when DS have had chance to review which token to use
   &::-webkit-scrollbar-track {

package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.js

@@ -11,10 +11,7 @@ var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 useCharacterCount = function () {
-  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-  let characterLimit = arguments.length > 1 ? arguments[1] : undefined;
-  let enforceCharacterLimit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+const useCharacterCount = (value = "", characterLimit, enforceCharacterLimit = true) => {
   const isCharacterLimitValid = typeof characterLimit === "number" && !Number.isNaN(characterLimit);
   const l = (0, _useLocale.default)();
   const hintString = l.characterCount.hintString();

package/lib/hooks/__internal__/useChildButtons/useChildButtons.js

@@ -8,8 +8,7 @@ var _react = require("react");
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 var _useMenuKeyboardNavigation = _interopRequireDefault(require("../useMenuKeyboardNavigation"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const useChildButtons = function (toggleButtonRef) {
-  let widthRatio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+const useChildButtons = (toggleButtonRef, widthRatio = 1) => {
   const [showAdditionalButtons, setShowAdditionalButtons] = (0, _react.useState)(false);
   const [minWidth, setMinWidth] = (0, _react.useState)(0);
   const buttonNode = (0, _react.useRef)(null);

package/lib/hooks/__internal__/useClickAwayListener/useClickAwayListener.js

@@ -8,8 +8,7 @@ var _react = require("react");
 // Needs to also take Portals into account (so can't just check DOM containment), but ideally without using
 // event.stopPropagation() which could have unexpected and frustrating consequences for consumers.
 // Simple approach taken from https://github.com/facebook/react/issues/10962#issuecomment-444622208
-var _default = function _default(handleClickAway) {
-  let eventTypeId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "click";
+var _default = (handleClickAway, eventTypeId = "click") => {
   const clickIsInside = (0, _react.useRef)(false);
   const onDocumentClick = (0, _react.useCallback)(ev => {
     if (clickIsInside.current) {

package/lib/hooks/__internal__/useFloating/useFloating.js

@@ -6,16 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _dom = require("@floating-ui/dom");
-const useFloating = _ref => {
-  let {
-    isOpen,
-    reference,
-    floating,
-    strategy = "absolute",
-    placement,
-    middleware,
-    animationFrame
-  } = _ref;
+const useFloating = ({
+  isOpen,
+  reference,
+  floating,
+  strategy = "absolute",
+  placement,
+  middleware,
+  animationFrame
+}) => {
   const originalValues = (0, _react.useRef)(null);
   (0, _react.useLayoutEffect)(() => {
     let cleanup;
@@ -46,12 +45,11 @@ const useFloating = _ref => {
           strategy,
           middleware,
           placement
-        }).then(_ref2 => {
-          let {
-            x,
-            y,
-            placement: currentPlacement
-          } = _ref2;
+        }).then(({
+          x,
+          y,
+          placement: currentPlacement
+        }) => {
           Object.assign(floatingElement.style, {
             left: `${x}px`,
             top: `${y}px`,

package/lib/hooks/__internal__/useInputAccessibility/useInputAccessibility.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useInputAccessibility;
-function useInputAccessibility(_ref) {
-  let {
-    id,
-    validationRedesignOptIn,
-    error,
-    warning,
-    info,
-    label,
-    fieldHelp
-  } = _ref;
+function useInputAccessibility({
+  id,
+  validationRedesignOptIn,
+  error,
+  warning,
+  info,
+  label,
+  fieldHelp
+}) {
   const labelId = label ? `${id}-label` : undefined;
   const validationId = [error, warning, info].filter(validation => validation && typeof validation === "string").length ? `${id}-validation` : undefined;
   const fieldHelpId = fieldHelp ? `${id}-field-help` : undefined;

package/lib/hooks/__internal__/useModalAria/useModalAria.js

@@ -30,12 +30,11 @@ function useModalAria(containerRef) {
     if (isTopModal) {
       hideNonTopModalElements(document.body);
     }
-    return () => originalValues.forEach(_ref => {
-      let {
-        element,
-        "aria-hidden": ariaHidden,
-        inert
-      } = _ref;
+    return () => originalValues.forEach(({
+      element,
+      "aria-hidden": ariaHidden,
+      inert
+    }) => {
       if (ariaHidden === null) {
         element.removeAttribute("aria-hidden");
       } else {

package/lib/hooks/__internal__/useModalManager/useModalManager.js

@@ -7,14 +7,13 @@ exports.default = void 0;
 var _react = require("react");
 var _modalManager = _interopRequireDefault(require("../../../components/modal/__internal__/modal-manager"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const useModalManager = _ref => {
-  let {
-    open,
-    closeModal,
-    modalRef,
-    setTriggerRefocusFlag,
-    triggerRefocusOnClose = true
-  } = _ref;
+const useModalManager = ({
+  open,
+  closeModal,
+  modalRef,
+  setTriggerRefocusFlag,
+  triggerRefocusOnClose = true
+}) => {
   const listenerAdded = (0, _react.useRef)(false);
   const modalRegistered = (0, _react.useRef)(false);
   const handleClose = (0, _react.useCallback)(ev => {

package/lib/hooks/__internal__/useScrollBlock/useScrollBlock.js

@@ -49,11 +49,10 @@ const useScrollBlock = () => {
   } = (0, _react.useRef)((0, _guid.default)());
   const originalValuesRef = (0, _react.useRef)([]);
   const restoreValues = (0, _react.useCallback)(() => {
-    getRules().forEach((_ref, index) => {
-      let {
-        element,
-        property
-      } = _ref;
+    getRules().forEach(({
+      element,
+      property
+    }, index) => {
       element.style[property] = originalValuesRef.current[index];
     });
   }, []);
@@ -64,24 +63,20 @@ const useScrollBlock = () => {
     if (isBlocked) {
       return;
     }
-    const originalValues = rules.map(_ref2 => {
-      let {
-        element,
-        property
-      } = _ref2;
-      return element.style[property];
-    });
+    const originalValues = rules.map(({
+      element,
+      property
+    }) => element.style[property]);
     originalValuesRef.current = originalValues;
     scrollBlockManager.saveRestoreValuesCallback(restoreValues);
     // TODO: saveOriginalValues can be removed
     scrollBlockManager.saveOriginalValues(originalValues);
     // TODO: slice san be removed
-    rules.slice(-3).forEach(_ref3 => {
-      let {
-        element,
-        property,
-        blockingValue
-      } = _ref3;
+    rules.slice(-3).forEach(({
+      element,
+      property,
+      blockingValue
+    }) => {
       element.style[property] = blockingValue;
     });
   }, [restoreValues, containerGuid]);
@@ -98,11 +93,10 @@ const useScrollBlock = () => {
 
     // TODO: all of the code below can be removed from this block
     const originalValues = scrollBlockManager.getOriginalValues();
-    getRules().forEach((_ref4, index) => {
-      let {
-        element,
-        property
-      } = _ref4;
+    getRules().forEach(({
+      element,
+      property
+    }, index) => {
       element.style[property] = originalValues[index];
     });
     scrollBlockManager.saveOriginalValues([]);

package/lib/hooks/__internal__/useStableCallback/useStableCallback.js

@@ -12,12 +12,7 @@ var _react = require("react");
 function useStableCallback(callback) {
   const ref = (0, _react.useRef)(callback);
   ref.current = callback;
-  const stableCallback = (0, _react.useCallback)(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return ref.current?.(...args);
-  }, []);
+  const stableCallback = (0, _react.useCallback)((...args) => ref.current?.(...args), []);
   return callback ? stableCallback : undefined;
 }
 var _default = useStableCallback;

package/lib/locales/en-gb.js

@@ -90,8 +90,7 @@ const enGB = {
   },
   pager: {
     show: () => "Show",
-    records: function (count) {
-      let showNumber = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    records: (count, showNumber = true) => {
       const noun = isSingular(count) ? "item" : "items";
       return showNumber ? `${count} ${noun}` : noun;
     },

package/lib/locales/pl-pl.js

@@ -126,8 +126,7 @@ const plPL = {
   },
   pager: {
     show: () => "Pokaż",
-    records: function (count) {
-      let showNumber = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    records: (count, showNumber = true) => {
       const noun = isSingular(count) ? "rzecz" : "rzeczy";
       return showNumber ? `${count} ${noun}` : noun;
     },

package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js

@@ -21,12 +21,9 @@ const CarbonScopedTokensProvider = _styledComponents.default.div`
   width: auto;
   display: inline;
 
-  ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return (0, _generateCssVariables.default)(theme.compatibility, theme.roundedCornersOptOut);
-}}
+  ${({
+  theme
+}) => (0, _generateCssVariables.default)(theme.compatibility, theme.roundedCornersOptOut)}
 `;
 CarbonScopedTokensProvider.defaultProps = {
   theme: _themes.baseTheme

package/lib/style/design-tokens/debug-theme.util.js

@@ -17,8 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  */
 
-const debugTheme = themeProperties => Object.fromEntries(Object.entries(themeProperties).map(_ref => {
-  let [key, value] = _ref;
+const debugTheme = themeProperties => Object.fromEntries(Object.entries(themeProperties).map(([key, value]) => {
   if (typeof value === "string" && (value.startsWith("#") || value.startsWith("rgb") || value.startsWith("rgba") || value.startsWith("hsl") || value.startsWith("hsla"))) {
     return [key, `rgba(255, 20, 147, .2)`];
   }

package/lib/style/design-tokens/generate-css-variables.util.js

@@ -12,8 +12,7 @@ exports.default = void 0;
  * form of CSS variables along with styled-components ThemeProvider.
  *
  */
-var _default = (theme, roundedCornersOptOupt) => Object.entries(theme).map(_ref => {
-  let [key, value] = _ref;
+var _default = (theme, roundedCornersOptOupt) => Object.entries(theme).map(([key, value]) => {
   if (roundedCornersOptOupt && key.startsWith("borderRadius") && key !== "borderRadiusCircle") {
     return `--${key}: 0px;`;
   }

package/lib/style/palette/index.js

@@ -7,16 +7,13 @@ exports.default = void 0;
 var _tint = _interopRequireDefault(require("../utils/tint"));
 var _shade = _interopRequireDefault(require("../utils/shade"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const cachedFunc = cb => function () {
-  let cache = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return weight => {
-    if (cache[weight]) {
-      return cache[weight];
-    }
-    const color = cb(weight);
-    cache[weight] = color;
-    return color;
-  };
+const cachedFunc = cb => (cache = {}) => weight => {
+  if (cache[weight]) {
+    return cache[weight];
+  }
+  const color = cb(weight);
+  cache[weight] = color;
+  return color;
 };
 
 /**