carbon-react 119.10.0 → 119.10.2

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 = {

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

@@ -14,11 +14,10 @@ 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 MenuDivider = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    size = "default",
-    ...rest
-  } = _ref;
+const MenuDivider = /*#__PURE__*/_react.default.forwardRef(({
+  size = "default",
+  ...rest
+}, ref) => {
   const menuContext = (0, _react.useContext)(_menu.default);
   return /*#__PURE__*/_react.default.createElement(_menu2.StyledMenuItem, {
     inSubmenu: true

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

@@ -11,17 +11,14 @@ 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 StyledDivider = _styledComponents.default.div`
   cursor: default;
-  ${_ref => {
-  let {
-    menuType,
-    size
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  menuType,
+  size
+}) => (0, _styledComponents.css)`
     margin: 0px ${size === "large" ? "" : "16px"};
     height: ${size === "large" ? "4px" : "1px"};
     background-color: ${_menu.default[menuType].divider};
-  `;
-}}
+  `}
 `;
 var _default = StyledDivider;
 exports.default = _default;

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

@@ -21,14 +21,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 MenuFullscreen = _ref => {
-  let {
-    children,
-    isOpen,
-    startPosition = "left",
-    onClose,
-    ...rest
-  } = _ref;
+const MenuFullscreen = ({
+  children,
+  isOpen,
+  startPosition = "left",
+  onClose,
+  ...rest
+}) => {
   const menuWrapperRef = (0, _react.useRef)(null);
   const menuContentRef = (0, _react.useRef)(null);
   const {

package/lib/components/menu/menu-full-screen/menu-full-screen.style.js

@@ -29,14 +29,12 @@ const StyledMenuFullscreen = _styledComponents.default.div`
     font-size: 16px;
   }
 
-  ${_ref => {
-  let {
-    isOpen,
-    menuType,
-    startPosition,
-    theme
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  isOpen,
+  menuType,
+  startPosition,
+  theme
+}) => (0, _styledComponents.css)`
     background-color: ${_menu.default[menuType].background};
     z-index: ${theme.zIndex.fullScreenModal};
 
@@ -92,8 +90,7 @@ const StyledMenuFullscreen = _styledComponents.default.div`
       ${startPosition}: -100%;
       transition: all 0.3s ease;
     `}
-  `;
-}}
+  `}
 
   ${_box.default} {
     &::-webkit-scrollbar {
@@ -112,14 +109,11 @@ const StyledMenuFullscreenHeader = _styledComponents.default.div`
     top: 8px;
   }
 
-  ${_ref2 => {
-  let {
-    menuType
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  menuType
+}) => (0, _styledComponents.css)`
     background-color: ${_menu.default[menuType].submenuItemBackground};
-  `;
-}}
+  `}
 `;
 exports.StyledMenuFullscreenHeader = StyledMenuFullscreenHeader;
 StyledMenuFullscreen.defaultProps = {

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

@@ -20,29 +20,28 @@ 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 MenuItem = _ref => {
-  let {
-    submenu,
-    children,
-    href,
-    onClick,
-    target,
-    submenuDirection = "right",
-    icon,
-    selected,
-    onKeyDown,
-    variant = "default",
-    showDropdownArrow = true,
-    ariaLabel,
-    clickToOpen,
-    maxWidth,
-    onSubmenuOpen,
-    onSubmenuClose,
-    overrideColor,
-    rel,
-    as,
-    ...rest
-  } = _ref;
+const MenuItem = ({
+  submenu,
+  children,
+  href,
+  onClick,
+  target,
+  submenuDirection = "right",
+  icon,
+  selected,
+  onKeyDown,
+  variant = "default",
+  showDropdownArrow = true,
+  ariaLabel,
+  clickToOpen,
+  maxWidth,
+  onSubmenuOpen,
+  onSubmenuClose,
+  overrideColor,
+  rel,
+  as,
+  ...rest
+}) => {
   !(icon || children) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "Either prop `icon` must be defined or this node must have `children`.") : (0, _invariant.default)(false) : void 0;
   !(children || ariaLabel || typeof submenu === "string") ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "If no text is provided an `ariaLabel` should be given to facilitate accessibility.") : (0, _invariant.default)(false) : void 0;
   const {

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

@@ -18,24 +18,22 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const StyledMenuItemWrapper = _styledComponents.default.a.attrs({
   as: _link2.default
 })`
-  ${_ref => {
-  let {
-    menuType,
-    selected,
-    hasSubmenu,
-    isOpen,
-    variant,
-    showDropdownArrow,
-    href,
-    clickToOpen,
-    maxWidth,
-    inFullscreenView,
-    overrideColor,
-    asPassiveItem,
-    asDiv,
-    hasInput
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  menuType,
+  selected,
+  hasSubmenu,
+  isOpen,
+  variant,
+  showDropdownArrow,
+  href,
+  clickToOpen,
+  maxWidth,
+  inFullscreenView,
+  overrideColor,
+  asPassiveItem,
+  asDiv,
+  hasInput
+}) => (0, _styledComponents.css)`
     ${_styledSystem.padding}
 
     display: inline-block;
@@ -328,8 +326,7 @@ const StyledMenuItemWrapper = _styledComponents.default.a.attrs({
         }
       }
     `}
-  `;
-}}
+  `}
 `;
 StyledMenuItemWrapper.defaultProps = {
   theme: _themes.baseTheme

package/lib/components/menu/menu-segment-title/menu-segment-title.component.js

@@ -14,12 +14,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; }
 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 MenuSegmentTitle = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    variant = "default",
-    ...rest
-  } = _ref;
+const MenuSegmentTitle = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  variant = "default",
+  ...rest
+}, ref) => {
   const menuContext = (0, _react.useContext)(_menu.default);
   return /*#__PURE__*/_react.default.createElement(_menu2.StyledMenuItem, {
     inSubmenu: true

package/lib/components/menu/menu-segment-title/menu-segment-title.style.js

@@ -10,12 +10,10 @@ 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 StyledTitle = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    menuType,
-    variant
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  menuType,
+  variant
+}) => (0, _styledComponents.css)`
     padding: 16px 16px 8px;
     font-size: 12px;
     font-weight: 700;
@@ -24,8 +22,7 @@ const StyledTitle = _styledComponents.default.div`
     cursor: default;
     color: ${_menu.default[menuType].title};
     ${variant === "alternate" && `background-color: ${_menu.default[menuType].alternate};`};
-  `;
-}}
+  `}
 `;
 var _default = StyledTitle;
 exports.default = _default;

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

@@ -22,12 +22,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; }
 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 Menu = _ref => {
-  let {
-    menuType = "light",
-    children,
-    ...rest
-  } = _ref;
+const Menu = ({
+  menuType = "light",
+  children,
+  ...rest
+}) => {
   const [openSubmenuId, setOpenSubmenuId] = (0, _react.useState)(null);
   const ref = (0, _react.useRef)(null);
   const [focusId, setFocusId] = (0, _react.useState)(undefined);

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

@@ -23,11 +23,9 @@ const StyledMenuWrapper = _styledComponents.default.ul`
   ${_styledSystem.flexbox}
 
   ${_verticalDivider.StyledVerticalWrapper} {
-    ${_ref => {
-  let {
-    menuType
-  } = _ref;
-  return menuType && (0, _styledComponents.css)`
+    ${({
+  menuType
+}) => menuType && (0, _styledComponents.css)`
         display: inline-block;
         vertical-align: bottom;
         background-color: ${_menu.default[menuType].background};
@@ -40,8 +38,7 @@ const StyledMenuWrapper = _styledComponents.default.ul`
             color: ${_menu.default[menuType].color};
           `}
         `}
-      `;
-}}
+      `}
     ${_verticalDivider.StyledDivider} {
       position: relative;
       top: -1px;
@@ -57,21 +54,16 @@ const StyledMenuItem = _styledComponents.default.li`
     border-radius: var(--borderRadius000);
   }
 
-  ${_ref2 => {
-  let {
-    inSubmenu
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  inSubmenu
+}) => (0, _styledComponents.css)`
     ${inSubmenu && (0, _styledComponents.css)`
       display: list-item;
     `}
-  `;
-}}
-  ${_ref3 => {
-  let {
-    inFullscreenView
-  } = _ref3;
-  return inFullscreenView && (0, _styledComponents.css)`
+  `}
+  ${({
+  inFullscreenView
+}) => inFullscreenView && (0, _styledComponents.css)`
       padding-top: 16px;
       padding-bottom: 16px;
 
@@ -85,7 +77,6 @@ const StyledMenuItem = _styledComponents.default.li`
         width: 100%;
         box-sizing: border-box;
       }
-    `;
-}}
+    `}
 `;
 exports.StyledMenuItem = StyledMenuItem;

package/lib/components/menu/scrollable-block/scrollable-block.component.js

@@ -15,15 +15,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 ScrollableBlock = _ref => {
-  let {
-    children,
-    height,
-    variant = "default",
-    parent,
-    parentVariant,
-    ...rest
-  } = _ref;
+const ScrollableBlock = ({
+  children,
+  height,
+  variant = "default",
+  parent,
+  parentVariant,
+  ...rest
+}) => {
   const {
     menuType
   } = (0, _react.useContext)(_menu.default);

package/lib/components/menu/scrollable-block/scrollable-block.style.js

@@ -14,12 +14,10 @@ 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 StyledScrollableBlock = _styledComponents.default.li`
-  ${_ref => {
-  let {
-    menuType,
-    variant
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  menuType,
+  variant
+}) => (0, _styledComponents.css)`
     && ${_menuItem.default} {
       background-color: ${variant === "default" ? _menu.default[menuType].submenuItemBackground : _menu.default[menuType].alternate};
     }
@@ -35,8 +33,7 @@ const StyledScrollableBlock = _styledComponents.default.li`
         border-bottom-right-radius: var(--borderRadius000);
       }
     }
-  `;
-}}
+  `}
 `;
 var _default = StyledScrollableBlock;
 exports.default = _default;

package/lib/components/message/message-content/message-content.component.js

@@ -9,12 +9,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _content = _interopRequireDefault(require("../../content"));
 var _messageContent = _interopRequireDefault(require("./message-content.style"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const MessageContent = _ref => {
-  let {
-    title,
-    children,
-    showCloseIcon
-  } = _ref;
+const MessageContent = ({
+  title,
+  children,
+  showCloseIcon
+}) => {
   return /*#__PURE__*/_react.default.createElement(_messageContent.default, {
     showCloseIcon: showCloseIcon,
     "data-element": "message-content"

package/lib/components/message/message-content/message-content.style.js

@@ -7,12 +7,9 @@ exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const MessageContentStyle = _styledComponents.default.div`
-  padding: 15px ${_ref => {
-  let {
-    showCloseIcon
-  } = _ref;
-  return showCloseIcon ? "50px" : "20px";
-}} 15px
+  padding: 15px ${({
+  showCloseIcon
+}) => showCloseIcon ? "50px" : "20px"} 15px
     20px;
   white-space: pre-wrap;
   flex: 1;

package/lib/components/message/message.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); }
-const Message = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    open = true,
-    transparent = false,
-    title,
-    variant = "info",
-    children,
-    onDismiss,
-    id,
-    className,
-    closeButtonAriaLabel,
-    showCloseIcon = true,
-    ...props
-  } = _ref;
+const Message = /*#__PURE__*/_react.default.forwardRef(({
+  open = true,
+  transparent = false,
+  title,
+  variant = "info",
+  children,
+  onDismiss,
+  id,
+  className,
+  closeButtonAriaLabel,
+  showCloseIcon = true,
+  ...props
+}, ref) => {
   const messageRef = (0, _react.useRef)(null);
   const refToPass = ref || messageRef;
   const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);

package/lib/components/message/message.style.js

@@ -24,12 +24,9 @@ const MessageStyle = _styledComponents.default.div`
   align-content: center;
   border-radius: var(--borderRadius100);
   overflow: hidden;
-  border: 1px solid ${_ref => {
-  let {
-    variant
-  } = _ref;
-  return variant && messageVariants[variant];
-}};
+  border: 1px solid ${({
+  variant
+}) => variant && messageVariants[variant]};
   background-color: var(--colorsUtilityYang100);
   min-height: 38px;
 
@@ -37,15 +34,12 @@ const MessageStyle = _styledComponents.default.div`
     outline: none;
   }
 
-  ${_ref2 => {
-  let {
-    transparent
-  } = _ref2;
-  return transparent && (0, _styledComponents.css)`
+  ${({
+  transparent
+}) => transparent && (0, _styledComponents.css)`
       border: none;
       background: transparent;
-    `;
-}}
+    `}
 
   ${_iconButton.default} {
     position: absolute;

package/lib/components/message/type-icon/type-icon.component.js

@@ -9,11 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _typeIcon = _interopRequireDefault(require("./type-icon.style"));
 var _icon = _interopRequireDefault(require("../../icon"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TypeIcon = _ref => {
-  let {
-    variant = "info",
-    transparent = false
-  } = _ref;
+const TypeIcon = ({
+  variant = "info",
+  transparent = false
+}) => {
   return /*#__PURE__*/_react.default.createElement(_typeIcon.default, {
     variant: variant,
     transparent: transparent

package/lib/components/message/type-icon/type-icon.style.js

@@ -15,12 +15,9 @@ const messageVariants = {
 };
 const TypeIconStyle = _styledComponents.default.div`
   align-items: center;
-  background-color: ${_ref => {
-  let {
-    variant
-  } = _ref;
-  return messageVariants[variant];
-}};
+  background-color: ${({
+  variant
+}) => messageVariants[variant]};
   display: flex;
   justify-content: center;
   line-height: 100%;
@@ -32,20 +29,17 @@ const TypeIconStyle = _styledComponents.default.div`
     }
   }
 
-  ${_ref2 => {
-  let {
-    transparent,
-    variant
-  } = _ref2;
-  return transparent && (0, _styledComponents.css)`
+  ${({
+  transparent,
+  variant
+}) => transparent && (0, _styledComponents.css)`
       background-color: transparent;
       span {
         &:before {
           color: ${messageVariants[variant]};
         }
       }
-    `;
-}}
+    `}
 `;
 var _default = TypeIconStyle;
 exports.default = _default;