carbon-react 119.9.3 → 119.10.1

package/lib/components/image/image.component.js

@@ -10,14 +10,13 @@ var _invariant = _interopRequireDefault(require("invariant"));
 var _image = require("./image.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 Image = _ref => {
-  let {
-    alt,
-    decorative = false,
-    src,
-    children,
-    ...rest
-  } = _ref;
+const Image = ({
+  alt,
+  decorative = false,
+  src,
+  children,
+  ...rest
+}) => {
   !(!src || !children) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "The 'Image' component renders as an 'img' element when the 'src' prop is used and therefore does not accept children.") : (0, _invariant.default)(false) : void 0;
   !(!src || alt && typeof alt === "string" || decorative) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "Please use the 'decorative' prop if the 'alt' text should be an empty value or provide an 'alt' string when rendering the 'Image' component as an 'img' element.") : (0, _invariant.default)(false) : void 0;
   return /*#__PURE__*/_react.default.createElement(_image.StyledImage, _extends({

package/lib/components/image/image.style.js

@@ -9,32 +9,26 @@ var _styledSystem = require("styled-system");
 var _themes = require("../../style/themes");
 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 StyledImage = _styledComponents.default.div.attrs(_ref => {
-  let {
-    src,
-    children,
-    hidden = false
-  } = _ref;
-  return {
-    ...(src && {
-      as: "img"
-    }),
-    children: src ? undefined : children,
-    src,
-    hidden
-  };
-})`
+const StyledImage = _styledComponents.default.div.attrs(({
+  src,
+  children,
+  hidden = false
+}) => ({
+  ...(src && {
+    as: "img"
+  }),
+  children: src ? undefined : children,
+  src,
+  hidden
+}))`
   ${_styledSystem.margin}
   ${_styledSystem.layout}
 
-  ${_ref2 => {
-  let {
-    as
-  } = _ref2;
-  return as !== "img" && (0, _styledComponents.css)`
+  ${({
+  as
+}) => as !== "img" && (0, _styledComponents.css)`
       ${_styledSystem.background}
-    `;
-}}
+    `}
 `;
 exports.StyledImage = StyledImage;
 StyledImage.defaultProps = {

package/lib/components/inline-inputs/inline-inputs.component.js

@@ -23,21 +23,20 @@ const columnWrapper = (children, gutter) => {
     }, input);
   });
 };
-const InlineInputs = _ref => {
-  let {
-    adaptiveLabelBreakpoint,
-    label,
-    labelId,
-    htmlFor,
-    children = null,
-    className = "",
-    gutter = "none",
-    inputWidth,
-    labelInline = true,
-    labelWidth,
-    required,
-    ...rest
-  } = _ref;
+const InlineInputs = ({
+  adaptiveLabelBreakpoint,
+  label,
+  labelId,
+  htmlFor,
+  children = null,
+  className = "",
+  gutter = "none",
+  inputWidth,
+  labelInline = true,
+  labelWidth,
+  required,
+  ...rest
+}) => {
   const largeScreen = (0, _useIsAboveBreakpoint.default)(adaptiveLabelBreakpoint);
   let inlineLabel = labelInline;
   if (adaptiveLabelBreakpoint) {

package/lib/components/inline-inputs/inline-inputs.style.js

@@ -25,31 +25,23 @@ const spacings = {
 const StyledInlineInput = _styledComponents.default.div`
   flex: 1;
 
-  ${_ref => {
-  let {
-    gutter
-  } = _ref;
-  return gutter && (0, _styledComponents.css)`
+  ${({
+  gutter
+}) => gutter && (0, _styledComponents.css)`
       margin-bottom: 0;
       padding-left: ${spacings[gutter]}px;
-    `;
-}}
+    `}
 `;
 exports.StyledInlineInput = StyledInlineInput;
 const StyledContentContainer = _styledComponents.default.div`
   display: flex;
-  flex: ${_ref2 => {
-  let {
-    inputWidth
-  } = _ref2;
-  return inputWidth ? `0 0 ${inputWidth}%` : 1;
-}};
+  flex: ${({
+  inputWidth
+}) => inputWidth ? `0 0 ${inputWidth}%` : 1};
 
-  ${_ref3 => {
-  let {
-    gutter
-  } = _ref3;
-  return gutter && (0, _styledComponents.css)`
+  ${({
+  gutter
+}) => gutter && (0, _styledComponents.css)`
       margin-bottom: 0;
       margin-left: -${spacings[gutter]}px;
 
@@ -76,36 +68,26 @@ const StyledContentContainer = _styledComponents.default.div`
           border-bottom-right-radius: var(--borderRadius050);
         }
       `}
-    `;
-}}
+    `}
 `;
 exports.StyledContentContainer = StyledContentContainer;
 const StyledInlineInputs = _styledComponents.default.div`
   ${_styledSystem.margin}
 
-  display: ${_ref4 => {
-  let {
-    labelInline
-  } = _ref4;
-  return labelInline ? `flex` : `block`;
-}};
+  display: ${({
+  labelInline
+}) => labelInline ? `flex` : `block`};
   align-items: center;
 
   ${_label.StyledLabelContainer} {
     width: auto;
-    margin-bottom: ${_ref5 => {
-  let {
-    labelInline
-  } = _ref5;
-  return labelInline ? `0px` : `8px`;
-}};
+    margin-bottom: ${({
+  labelInline
+}) => labelInline ? `0px` : `8px`};
     padding-right: 16px;
-    flex: 0 0 ${_ref6 => {
-  let {
-    labelWidth
-  } = _ref6;
-  return labelWidth ? `${labelWidth}%` : "auto";
-}};
+    flex: 0 0 ${({
+  labelWidth
+}) => labelWidth ? `${labelWidth}%` : "auto"};
   }
 
   input {

package/lib/components/link/link.component.js

@@ -16,28 +16,27 @@ 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 Link = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    className,
-    onKeyDown,
-    href,
-    onClick,
-    onMouseDown,
-    icon,
-    iconAlign = "left",
-    isSkipLink,
-    disabled,
-    ariaLabel,
-    rel,
-    tooltipMessage,
-    tooltipPosition,
-    target,
-    variant = "default",
-    isDarkBackground,
-    placeholderTabIndex,
-    ...rest
-  } = _ref;
+const Link = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  className,
+  onKeyDown,
+  href,
+  onClick,
+  onMouseDown,
+  icon,
+  iconAlign = "left",
+  isSkipLink,
+  disabled,
+  ariaLabel,
+  rel,
+  tooltipMessage,
+  tooltipPosition,
+  target,
+  variant = "default",
+  isDarkBackground,
+  placeholderTabIndex,
+  ...rest
+}, ref) => {
   const l = (0, _useLocale.default)();
   const {
     inMenu
@@ -56,8 +55,7 @@ const Link = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       onClick(ev);
     }
   };
-  const renderLinkIcon = function () {
-    let currentAlignment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "left";
+  const renderLinkIcon = (currentAlignment = "left") => {
     const hasProperAlignment = icon && iconAlign === currentAlignment;
     return hasProperAlignment ? /*#__PURE__*/_react.default.createElement(_icon.default, {
       type: icon,

package/lib/components/link/link.style.js

@@ -43,17 +43,16 @@ const colorMap = {
   }
 };
 const StyledLink = _styledComponents.default.span`
-  ${_ref => {
-  let {
-    isSkipLink,
-    theme,
-    iconAlign,
-    hasContent,
-    disabled,
-    variant,
-    isDarkBackground,
-    isMenuItem
-  } = _ref;
+  ${({
+  isSkipLink,
+  theme,
+  iconAlign,
+  hasContent,
+  disabled,
+  variant,
+  isDarkBackground,
+  isMenuItem
+}) => {
   const colorMapKey = isDarkBackground ? "dark" : "light";
   const {
     color,

package/lib/components/link-preview/__internal__/placeholder.component.js

@@ -31,26 +31,17 @@ const Square = _styledComponents.default.div`
   height: 200px;
   width: 200px;
   transform: rotate(45deg);
-  background-color: ${_ref => {
-  let {
-    color
-  } = _ref;
-  return color;
-}};
+  background-color: ${({
+  color
+}) => color};
   position: absolute;
   border-radius: 2%;
-  top: ${_ref2 => {
-  let {
-    top
-  } = _ref2;
-  return top;
-}};
-  left: ${_ref3 => {
-  let {
-    left
-  } = _ref3;
-  return left;
-}};
+  top: ${({
+  top
+}) => top};
+  left: ${({
+  left
+}) => left};
 `;
 const Placeholder = () => /*#__PURE__*/_react.default.createElement(StyledPlaceHolder, {
   "data-component": "link preview image placeholder"

package/lib/components/link-preview/link-preview.component.js

@@ -15,17 +15,16 @@ var _placeholder = _interopRequireDefault(require("./__internal__/placeholder.co
 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 SCHEME_SEPARATOR = "://";
-const LinkPreview = _ref => {
-  let {
-    as,
-    description,
-    image,
-    isLoading,
-    onClose,
-    title,
-    url,
-    ...rest
-  } = _ref;
+const LinkPreview = ({
+  as,
+  description,
+  image,
+  isLoading,
+  onClose,
+  title,
+  url,
+  ...rest
+}) => {
   const loadingState = isLoading || !url;
   const canRenderAsLink = !loadingState && as !== "div";
   const imageProps = () => {

package/lib/components/link-preview/link-preview.style.js

@@ -15,11 +15,9 @@ const StyledLinkPreview = _styledComponents.default.a`
   text-decoration: none;
   outline: none;
 
-  ${_ref => {
-  let {
-    as
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  as
+}) => (0, _styledComponents.css)`
     border: 1px solid var(--colorsUtilityMajor050);
     border-radius: var(--borderRadius100);
     background-color: var(--colorsUtilityMajor025);
@@ -36,8 +34,7 @@ const StyledLinkPreview = _styledComponents.default.a`
         background-color: var(--colorsUtilityMajor100);
       }
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledLinkPreview = StyledLinkPreview;
 const StyledCloseIconWrapper = _styledComponents.default.div`
@@ -48,18 +45,15 @@ const StyledPreviewWrapper = _styledComponents.default.div`
   flex-grow: 1;
   padding: 16px;
 
-  ${_ref2 => {
-  let {
-    isLoading
-  } = _ref2;
-  return !isLoading && (0, _styledComponents.css)`
+  ${({
+  isLoading
+}) => !isLoading && (0, _styledComponents.css)`
       ${_preview.StyledPreview} {
         display: flex;
         flex-direction: column;
         height: 100%;
       }
-    `;
-}}
+    `}
 
   ${_previewPlaceholder.StyledPreviewPlaceholder}:first-of-type {
     margin-top: 8px;

package/lib/components/loader/loader-square.style.js

@@ -43,14 +43,12 @@ const getDimentions = (size, roundedCornersOptOut) => {
   `;
 };
 const StyledLoaderSquare = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    size,
-    isInsideButton,
-    isActive,
-    theme
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  size,
+  isInsideButton,
+  isActive,
+  theme
+}) => (0, _styledComponents.css)`
     animation: ${loaderAnimation} 1s infinite ease-in-out both;
     background-color: var(--colorsActionMajor500);
     display: inline-block;
@@ -72,8 +70,7 @@ const StyledLoaderSquare = _styledComponents.default.div`
       animation-delay: 0.4s;
       margin-right: 0px;
     }
-  `;
-}}
+  `}
 `;
 StyledLoaderSquare.defaultProps = {
   size: "small",

package/lib/components/loader/loader.component.js

@@ -14,14 +14,13 @@ var _loader = _interopRequireDefault(require("./loader.style"));
 var _loaderSquare = _interopRequireDefault(require("./loader-square.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 Loader = _ref => {
-  let {
-    "aria-label": ariaLabel,
-    size = "medium",
-    isInsideButton,
-    isActive = true,
-    ...rest
-  } = _ref;
+const Loader = ({
+  "aria-label": ariaLabel,
+  size = "medium",
+  isInsideButton,
+  isActive = true,
+  ...rest
+}) => {
   const l = (0, _useLocale.default)();
   const reduceMotion = !(0, _useMediaQuery.default)("screen and (prefers-reduced-motion: no-preference)");
   return /*#__PURE__*/_react.default.createElement(_loader.default, _extends({

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

@@ -15,11 +15,10 @@ 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; }
 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 LoaderBar = _ref => {
-  let {
-    size = "medium",
-    ...rest
-  } = _ref;
+const LoaderBar = ({
+  size = "medium",
+  ...rest
+}) => {
   const l = (0, _useLocale.default)();
   const reduceMotion = !(0, _useMediaQuery.default)("screen and (prefers-reduced-motion: no-preference)");
   return /*#__PURE__*/_react.default.createElement(_loaderBar.StyledLoader, _extends({

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

@@ -35,11 +35,9 @@ const innerBarAnimation = (0, _styledComponents.keyframes)`
   }
 `;
 const StyledLoaderBar = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    size
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  size
+}) => (0, _styledComponents.css)`
     display: inline-block;
     border-radius: var(--borderRadius400);
     height: ${getHeight(size)};
@@ -47,22 +45,18 @@ const StyledLoaderBar = _styledComponents.default.div`
     background-color: var(--colorsActionMajor150);
     overflow: hidden;
     position: relative;
-  `;
-}}
+  `}
 `;
 const InnerBar = _styledComponents.default.div`
-  ${_ref2 => {
-  let {
-    size
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  size
+}) => (0, _styledComponents.css)`
     position: absolute;
     background-color: var(--colorsActionMajor500);
     width: ${INNER_BAR_LENGTH};
     height: ${getHeight(size)};
     animation: 2s ${innerBarAnimation} linear 0s infinite normal none running;
-  `;
-}}
+  `}
 `;
 exports.InnerBar = InnerBar;
 StyledLoader.defaultProps = {

package/lib/components/menu/__internal__/spec-helper/index.js

@@ -14,8 +14,7 @@ const events = {
     preventDefault: jest.fn()
   }
 };
-const openSubmenu = function (wrapper) {
-  let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+const openSubmenu = (wrapper, index = 0) => {
   const menuWrapper = wrapper.find(_submenu.StyledSubmenuWrapper).at(index);
   const menuItem = menuWrapper.exists("a") ? menuWrapper.find("a") : menuWrapper.find("button");
   menuItem.getDOMNode().focus();

package/lib/components/menu/__internal__/submenu/submenu.component.js

@@ -21,25 +21,24 @@ 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 Submenu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    className,
-    title,
-    icon,
-    submenuDirection = "right",
-    onKeyDown,
-    variant = "default",
-    showDropdownArrow = true,
-    clickToOpen,
-    href,
-    maxWidth,
-    asPassiveItem,
-    onSubmenuOpen: onSubmenuOpenProp,
-    onSubmenuClose,
-    onClick,
-    ...rest
-  } = _ref;
+const Submenu = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  className,
+  title,
+  icon,
+  submenuDirection = "right",
+  onKeyDown,
+  variant = "default",
+  showDropdownArrow = true,
+  clickToOpen,
+  href,
+  maxWidth,
+  asPassiveItem,
+  onSubmenuOpen: onSubmenuOpenProp,
+  onSubmenuClose,
+  onClick,
+  ...rest
+}, ref) => {
   const submenuRef = (0, _react.useRef)(null);
   const submenuId = (0, _react.useRef)((0, _guid.default)());
   const menuContext = (0, _react.useContext)(_menu.default);

package/lib/components/menu/__internal__/submenu/submenu.style.js

@@ -20,23 +20,18 @@ const StyledSubmenuWrapper = _styledComponents.default.div`
   width: fit-content;
   max-width: inherit;
 
-  ${_ref => {
-  let {
-    isSubmenuOpen,
-    theme
-  } = _ref;
-  return isSubmenuOpen && (0, _styledComponents.css)`
+  ${({
+  isSubmenuOpen,
+  theme
+}) => isSubmenuOpen && (0, _styledComponents.css)`
       z-index: ${theme.zIndex.popover};
-    `;
-}}
-
-  ${_ref2 => {
-  let {
-    inFullscreenView,
-    menuType,
-    asPassiveItem
-  } = _ref2;
-  return inFullscreenView && (0, _styledComponents.css)`
+    `}
+
+  ${({
+  inFullscreenView,
+  menuType,
+  asPassiveItem
+}) => inFullscreenView && (0, _styledComponents.css)`
       width: 100%;
 
       ${asPassiveItem && menuType && (0, _styledComponents.css)`
@@ -45,20 +40,17 @@ const StyledSubmenuWrapper = _styledComponents.default.div`
           color: ${_menu2.default[menuType].title};
         }
       `}
-    `;
-}}
+    `}
 `;
 exports.StyledSubmenuWrapper = StyledSubmenuWrapper;
 const StyledSubmenu = _styledComponents.default.ul`
-  ${_ref3 => {
-  let {
-    menuType,
-    submenuDirection,
-    variant,
-    inFullscreenView,
-    maxHeight
-  } = _ref3;
-  return (0, _styledComponents.css)`
+  ${({
+  menuType,
+  submenuDirection,
+  variant,
+  inFullscreenView,
+  maxHeight
+}) => (0, _styledComponents.css)`
     ${!inFullscreenView && menuType && (0, _styledComponents.css)`
       box-shadow: var(--boxShadow100);
       position: absolute;
@@ -185,8 +177,7 @@ const StyledSubmenu = _styledComponents.default.ul`
     ${submenuDirection === "left" && (0, _styledComponents.css)`
       right: 0;
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledSubmenu = StyledSubmenu;
 StyledSubmenuWrapper.defaultProps = {