carbon-react 154.4.1 → 154.4.3

package/lib/components/action-popover/action-popover.style.js

@@ -1,249 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SubMenuItemIcon = exports.StyledMenuItemWrapper = exports.StyledMenuItemOuterContainer = exports.StyledMenuItemInnerText = exports.StyledMenuItem = exports.StyledButtonIcon = exports.MenuItemIcon = exports.MenuItemDivider = exports.MenuButtonOverrideWrapper = exports.MenuButton = exports.Menu = exports.ButtonIcon = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _icon = _interopRequireDefault(require("../icon"));
-var _icon2 = _interopRequireDefault(require("../icon/icon.style"));
-var _button = _interopRequireDefault(require("../button/button.style"));
-var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Menu = exports.Menu = _styledComponents.default.ul`
-  ${({
-  isOpen
-}) => isOpen ? "display: block;" : "visibility: hidden;"}
-  margin: 0;
-  list-style: none;
-  padding: var(--spacing100) 0;
-  box-shadow: var(--boxShadow100);
-  position: absolute;
-  border-radius: var(--borderRadius100);
-  background-color: var(--colorsUtilityYang100);
-  z-index: ${({
-  theme
-}) => `${theme.zIndex?.popover}`}; // TODO (tokens): implement elevation tokens - FE-4437
-`;
-function getPaddingValues(childHasSubmenu, childHasIcon, hasIcon, hasSubmenu) {
-  // computing padding for "inner text" element of a menu item.
-  // childHasSubmenu - ANY sibling (including itself?) has the 'submenu' prop
-  // childHasIcon - ANY sibling (including itself?) has the 'icon' prop
-  // hasIcon - has the 'icon' prop
-  // hasSubmenu - has the 'submenu' prop
-  if (!childHasIcon && childHasSubmenu && !hasIcon && !hasSubmenu) {
-    return "var(--spacing400)";
-  }
-  if (childHasIcon && childHasSubmenu && !hasIcon && hasSubmenu) {
-    return "var(--spacing600)";
-  }
-  if (childHasIcon && childHasSubmenu && !hasIcon && !hasSubmenu) {
-    return "var(--spacing900)";
-  }
-  return "var(--spacing100)";
-}
-function getIconPaddingValues(index, horizontalAlignment, submenuPosition, siblingsHaveIconAndSubmenu, isASubmenu) {
-  const sameAlignment = horizontalAlignment === "left" && submenuPosition === "left" || horizontalAlignment === "right" && submenuPosition === "right";
-  if (siblingsHaveIconAndSubmenu && sameAlignment) {
-    if (horizontalAlignment === "left") {
-      return index === 1 ? "var(--spacing100)" : "var(--spacing400)";
-    }
-    return index === 1 ? "var(--spacing400)" : "var(--spacing100)";
-  }
-  if (isASubmenu) {
-    if (horizontalAlignment === "left") {
-      return index === 1 ? "var(--spacing100)" : "var(--spacing000)";
-    }
-    return index === 1 ? "var(--spacing000)" : "var(--spacing100)";
-  }
-  return "var(--spacing100)";
-}
-const StyledMenuItemInnerText = exports.StyledMenuItemInnerText = _styledComponents.default.div`
-  ${({
-  childHasSubmenu,
-  childHasIcon,
-  hasIcon,
-  hasSubmenu,
-  submenuPosition,
-  horizontalAlignment,
-  isASubmenu
-}) => (0, _styledComponents.css)`
-    padding-left: ${isASubmenu ? `var(--spacing000)` : `var(--spacing100)`};
-    padding-right: ${isASubmenu ? `var(--spacing000)` : `var(--spacing100)`};
-
-    ${horizontalAlignment === "left" && submenuPosition === "left" && !isASubmenu && (0, _styledComponents.css)`
-      padding-left: ${getPaddingValues(childHasSubmenu, childHasIcon, hasIcon, hasSubmenu)};
-    `}
-
-    ${horizontalAlignment === "right" && submenuPosition === "right" && !isASubmenu && (0, _styledComponents.css)`
-      padding-right: ${getPaddingValues(childHasSubmenu, childHasIcon, hasIcon, hasSubmenu)};
-    `}
-  `}
-`;
-const StyledMenuItemOuterContainer = exports.StyledMenuItemOuterContainer = _styledComponents.default.div`
-  display: inherit;
-`;
-const StyledMenuItem = exports.StyledMenuItem = _styledComponents.default.button`
-  ${({
-  horizontalAlignment,
-  submenuPosition,
-  childHasSubmenu,
-  hasSubmenu
-}) => (0, _styledComponents.css)`
-    justify-content: ${horizontalAlignment === "left" ? "flex-start" : "flex-end"};
-
-    ${horizontalAlignment === "left" && submenuPosition === "right" && (0, _styledComponents.css)`
-      justify-content: space-between;
-    `}
-
-    ${horizontalAlignment === "right" && submenuPosition === "left" && (0, _styledComponents.css)`
-      ${childHasSubmenu && hasSubmenu && (0, _styledComponents.css)`
-        justify-content: space-between;
-      `}
-    `}
-  `}
-
-  text-decoration: none;
-  background-color: var(--colorsActionMajorYang100);
-  cursor: pointer;
-  box-sizing: border-box;
-  padding: 0 var(--spacing150);
-  position: relative;
-  line-height: 40px;
-  white-space: nowrap;
-  user-select: none;
-  display: flex;
-  align-items: center;
-  border: none;
-  width: 100%;
-  color: var(--colorsUtilityYin090);
-  font-size: 14px;
-  font-weight: 500;
-
-  &:focus {
-    ${(0, _addFocusStyling.default)()}
-    z-index: 1;
-    border-radius: var(--borderRadius000);
-  }
-
-  ${({
-  isDisabled
-}) => isDisabled && (0, _styledComponents.css)`
-      color: var(--colorsUtilityYin030);
-      cursor: not-allowed;
-
-      && ${_icon2.default} {
-        cursor: not-allowed;
-        color: var(--colorsUtilityYin030);
-      }
-
-      :focus {
-        border: none;
-        outline: none;
-        -webkit-appearance: none;
-        -webkit-box-shadow: none;
-        box-shadow: none;
-      }
-    `}
-
-  ${({
-  isDisabled
-}) => !isDisabled && (0, _styledComponents.css)`
-      &:focus,
-      &:hover {
-        background-color: var(--colorsUtilityMajor100);
-      }
-      && ${_icon2.default} {
-        cursor: pointer;
-      }
-    `}
-`;
-StyledMenuItem.defaultProps = {
-  theme: _base.default
-};
-const StyledMenuItemWrapper = exports.StyledMenuItemWrapper = _styledComponents.default.li`
-  position: relative;
-`;
-const MenuItemDivider = exports.MenuItemDivider = _styledComponents.default.li.attrs({
-  "data-element": "action-popover-divider"
-})`
-  background-color: var(--colorsUtilityMajor050);
-  height: var(--borderWidth100);
-  margin: var(--spacing100) var(--spacing150);
-`;
-const MenuButton = exports.MenuButton = _styledComponents.default.div`
-  position: relative;
-  && ${_icon2.default} {
-    cursor: pointer;
-  }
-  width: fit-content;
-  margin: auto;
-  ${_styledSystem.margin}
-`;
-const ButtonIcon = exports.ButtonIcon = (0, _styledComponents.default)(_icon.default)`
-  color: var(--colorsActionMinor500);
-
-  :hover {
-    color: var(--colorsActionMinor600);
-  }
-`;
-const StyledButtonIcon = exports.StyledButtonIcon = _styledComponents.default.div`
-  &:focus {
-    ${(0, _addFocusStyling.default)()}
-  }
-  border-radius: var(--borderRadius050);
-`;
-const MenuItemIcon = exports.MenuItemIcon = (0, _styledComponents.default)(_icon.default)`
-  ${({
-  horizontalAlignment,
-  submenuPosition,
-  childHasIcon,
-  childHasSubmenu,
-  hasIcon,
-  hasSubmenu,
-  isASubmenu
-}) => (0, _styledComponents.css)`
-    justify-content: ${horizontalAlignment};
-    padding: var(--spacing100)
-      ${getIconPaddingValues(1, horizontalAlignment, submenuPosition, childHasIcon && childHasSubmenu && hasIcon && !hasSubmenu, isASubmenu)}
-      var(--spacing100)
-      ${getIconPaddingValues(2, horizontalAlignment, submenuPosition, childHasIcon && childHasSubmenu && hasIcon && !hasSubmenu, isASubmenu)};
-    color: var(--colorsUtilityYin065);
-  `}
-`;
-StyledButtonIcon.defaultProps = {
-  theme: _base.default
-};
-const SubMenuItemIcon = exports.SubMenuItemIcon = (0, _styledComponents.default)(ButtonIcon)`
-  ${({
-  type
-}) => (0, _styledComponents.css)`
-    ${type === "chevron_left_thick" && (0, _styledComponents.css)`
-      left: -5px;
-    `}
-
-    ${type === "chevron_right_thick" && (0, _styledComponents.css)`
-      right: -5px;
-    `}
-  `}
-`;
-const MenuButtonOverrideWrapper = exports.MenuButtonOverrideWrapper = _styledComponents.default.div`
-  ${_button.default} {
-    padding: 0px var(--sizing100);
-    width: 100%;
-
-    &:hover,
-    &:focus {
-      background-color: var(--colorsActionMajorTransparent);
-      color: var(--colorsActionMajor600);
-
-      span[color] {
-        color: var(--colorsActionMajor600);
-      }
-    }
-  }
-`;
+"use strict";var e=require("styled-components"),o=require("styled-system"),t=require("../icon/icon.component.js"),n=require("../icon/icon.style.js"),i=require("../button/button.style.js"),r=require("../../style/utils/add-focus-styling.js"),a=require("../../style/themes/base/index.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(e);const l=c.default.ul.withConfig({displayName:"action-popover.style__Menu",componentId:"sc-8c736c8-0"})([""," margin:0;list-style:none;padding:var(--spacing100) 0;box-shadow:var(--boxShadow100);position:absolute;border-radius:var(--borderRadius100);background-color:var(--colorsUtilityYang100);z-index:",";"],(({isOpen:e})=>e?"display: block;":"visibility: hidden;"),(({theme:e})=>{var o;return`${null===(o=e.zIndex)||void 0===o?void 0:o.popover}`}));function d(e,o,t,n){return o||!e||t||n?o&&e&&!t&&n?"var(--spacing600)":o&&e&&!t&&!n?"var(--spacing900)":"var(--spacing100)":"var(--spacing400)"}function p(e,o,t,n,i){return n&&("left"===o&&"left"===t||"right"===o&&"right"===t)?"left"===o?1===e?"var(--spacing100)":"var(--spacing400)":1===e?"var(--spacing400)":"var(--spacing100)":i?"left"===o?1===e?"var(--spacing100)":"var(--spacing000)":1===e?"var(--spacing000)":"var(--spacing100)":"var(--spacing100)"}const u=c.default.div.withConfig({displayName:"action-popover.style__StyledMenuItemInnerText",componentId:"sc-8c736c8-1"})(["",""],(({childHasSubmenu:o,childHasIcon:t,hasIcon:n,hasSubmenu:i,submenuPosition:r,horizontalAlignment:a,isASubmenu:s})=>e.css(["padding-left:",";padding-right:",";"," ",""],s?"var(--spacing000)":"var(--spacing100)",s?"var(--spacing000)":"var(--spacing100)","left"===a&&"left"===r&&!s&&e.css(["padding-left:",";"],d(o,t,n,i)),"right"===a&&"right"===r&&!s&&e.css(["padding-right:",";"],d(o,t,n,i))))),v=c.default.div.withConfig({displayName:"action-popover.style__StyledMenuItemOuterContainer",componentId:"sc-8c736c8-2"})(["display:inherit;"]),g=c.default.button.withConfig({displayName:"action-popover.style__StyledMenuItem",componentId:"sc-8c736c8-3"})([""," text-decoration:none;background-color:var(--colorsActionMajorYang100);cursor:pointer;box-sizing:border-box;padding:0 var(--spacing150);position:relative;line-height:40px;white-space:nowrap;user-select:none;display:flex;align-items:center;border:none;width:100%;color:var(--colorsUtilityYin090);font-size:14px;font-weight:500;&:focus{"," z-index:1;border-radius:var(--borderRadius000);}"," ",""],(({horizontalAlignment:o,submenuPosition:t,childHasSubmenu:n,hasSubmenu:i})=>e.css(["justify-content:",";"," ",""],"left"===o?"flex-start":"flex-end","left"===o&&"right"===t&&e.css(["justify-content:space-between;"]),"right"===o&&"left"===t&&e.css(["",""],n&&i&&e.css(["justify-content:space-between;"])))),r.default(),(({isDisabled:o})=>o&&e.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;&& ","{cursor:not-allowed;color:var(--colorsUtilityYin030);}:focus{border:none;outline:none;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;}"],n.default)),(({isDisabled:o})=>!o&&e.css(["&:focus,&:hover{background-color:var(--colorsUtilityMajor100);}&& ","{cursor:pointer;}"],n.default)));g.defaultProps={theme:a.default};const f=c.default.li.withConfig({displayName:"action-popover.style__StyledMenuItemWrapper",componentId:"sc-8c736c8-4"})(["position:relative;"]),m=c.default.li.attrs({"data-element":"action-popover-divider"}).withConfig({displayName:"action-popover.style__MenuItemDivider",componentId:"sc-8c736c8-5"})(["background-color:var(--colorsUtilityMajor050);height:var(--borderWidth100);margin:var(--spacing100) var(--spacing150);"]),h=c.default.div.withConfig({displayName:"action-popover.style__MenuButton",componentId:"sc-8c736c8-6"})(["position:relative;&& ","{cursor:pointer;}width:fit-content;margin:auto;",""],n.default,o.margin),y=c.default(t.default).withConfig({displayName:"action-popover.style__ButtonIcon",componentId:"sc-8c736c8-7"})(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),b=c.default.div.withConfig({displayName:"action-popover.style__StyledButtonIcon",componentId:"sc-8c736c8-8"})(["&:focus{","}border-radius:var(--borderRadius050);"],r.default()),I=c.default(t.default).withConfig({displayName:"action-popover.style__MenuItemIcon",componentId:"sc-8c736c8-9"})(["",""],(({horizontalAlignment:o,submenuPosition:t,childHasIcon:n,childHasSubmenu:i,hasIcon:r,hasSubmenu:a,isASubmenu:s})=>e.css(["justify-content:",";padding:var(--spacing100) "," var(--spacing100) ",";color:var(--colorsUtilityYin065);"],o,p(1,o,t,n&&i&&r&&!a,s),p(2,o,t,n&&i&&r&&!a,s))));b.defaultProps={theme:a.default};const x=c.default(y).withConfig({displayName:"action-popover.style__SubMenuItemIcon",componentId:"sc-8c736c8-10"})(["",""],(({type:o})=>e.css([""," ",""],"chevron_left_thick"===o&&e.css(["left:-5px;"]),"chevron_right_thick"===o&&e.css(["right:-5px;"])))),_=c.default.div.withConfig({displayName:"action-popover.style__MenuButtonOverrideWrapper",componentId:"sc-8c736c8-11"})(["","{padding:0px var(--sizing100);width:100%;&:hover,&:focus{background-color:var(--colorsActionMajorTransparent);color:var(--colorsActionMajor600);span[color]{color:var(--colorsActionMajor600);}}}"],i.default);exports.ButtonIcon=y,exports.Menu=l,exports.MenuButton=h,exports.MenuButtonOverrideWrapper=_,exports.MenuItemDivider=m,exports.MenuItemIcon=I,exports.StyledButtonIcon=b,exports.StyledMenuItem=g,exports.StyledMenuItemInnerText=u,exports.StyledMenuItemOuterContainer=v,exports.StyledMenuItemWrapper=f,exports.SubMenuItemIcon=x;

package/lib/components/action-popover/index.js

@@ -1,41 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ActionPopover", {
-  enumerable: true,
-  get: function () {
-    return _actionPopover.default;
-  }
-});
-Object.defineProperty(exports, "ActionPopoverDivider", {
-  enumerable: true,
-  get: function () {
-    return _actionPopoverDivider.default;
-  }
-});
-Object.defineProperty(exports, "ActionPopoverItem", {
-  enumerable: true,
-  get: function () {
-    return _actionPopoverItem.default;
-  }
-});
-Object.defineProperty(exports, "ActionPopoverMenu", {
-  enumerable: true,
-  get: function () {
-    return _actionPopoverMenu.default;
-  }
-});
-Object.defineProperty(exports, "ActionPopoverMenuButton", {
-  enumerable: true,
-  get: function () {
-    return _actionPopoverMenuButton.default;
-  }
-});
-var _actionPopover = _interopRequireDefault(require("./action-popover.component"));
-var _actionPopoverMenu = _interopRequireDefault(require("./action-popover-menu/action-popover-menu.component"));
-var _actionPopoverItem = _interopRequireDefault(require("./action-popover-item/action-popover-item.component"));
-var _actionPopoverMenuButton = _interopRequireDefault(require("./action-popover-menu-button/action-popover-menu-button.component"));
-var _actionPopoverDivider = _interopRequireDefault(require("./action-popover-divider/action-popover-divider.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var o=require("./action-popover.component.js"),e=require("./action-popover-menu/action-popover-menu.component.js"),t=require("./action-popover-item/action-popover-item.component.js"),r=require("./action-popover-menu-button/action-popover-menu-button.component.js");require("./action-popover-divider/action-popover-divider.component.js");var n=require("./action-popover.style.js");exports.ActionPopover=o.ActionPopover,exports.ActionPopoverMenu=e.default,exports.ActionPopoverItem=t.ActionPopoverItem,exports.ActionPopoverMenuButton=r.ActionPopoverMenuButton,exports.ActionPopoverDivider=n.MenuItemDivider;

package/lib/components/action-popover/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/action-popover/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/action-popover/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/adaptive-sidebar/__internal__/utils.js

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.kebabToCamelCase = exports.getColors = void 0;
-const getColors = backgroundColor => {
-  switch (backgroundColor) {
-    case "app":
-      return {
-        "background-color": "var(--colorsUtilityMajor025)",
-        color: "var(--colorsUtilityYin090)"
-      };
-    case "black":
-      return {
-        "background-color": "var(--colorsUtilityYin100)",
-        color: "var(--colorsUtilityYang100)"
-      };
-    case "white":
-    default:
-      return {
-        "background-color": "var(--colorsUtilityYang100)",
-        color: "var(--colorsUtilityYin090)"
-      };
-  }
-};
-exports.getColors = getColors;
-const kebabToCamelCase = str => {
-  return str.replace(/-./g, match => match.charAt(1).toUpperCase());
-};
-exports.kebabToCamelCase = kebabToCamelCase;
+"use strict";exports.getColors=r=>{switch(r){case"app":return{"background-color":"var(--colorsUtilityMajor025)",color:"var(--colorsUtilityYin090)"};case"black":return{"background-color":"var(--colorsUtilityYin100)",color:"var(--colorsUtilityYang100)"};default:return{"background-color":"var(--colorsUtilityYang100)",color:"var(--colorsUtilityYin090)"}}},exports.kebabToCamelCase=r=>r.replace(/-./g,(r=>r.charAt(1).toUpperCase()));

package/lib/components/adaptive-sidebar/adaptive-sidebar.component.js

@@ -1,66 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AdaptiveSidebar = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("./__internal__/utils");
-var _box = _interopRequireDefault(require("../box"));
-var _utils2 = require("../../style/utils");
-var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
-var _adaptiveSidebar = require("./adaptive-sidebar.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const AdaptiveSidebar = ({
-  adaptiveBreakpoint = 768,
-  backgroundColor = "white",
-  borderColor = "none",
-  children,
-  height = "100%",
-  open,
-  renderAsModal = false,
-  width = "320px",
-  ...props
-}) => {
-  const largeScreen = (0, _useIsAboveBreakpoint.default)(adaptiveBreakpoint);
-  const adaptiveSidebarRef = (0, _react.useRef)(null);
-  const colours = Object.entries((0, _utils.getColors)(backgroundColor)).reduce((acc, [key, value]) => {
-    acc[(0, _utils.kebabToCamelCase)(key)] = value;
-    return acc;
-  }, {});
-  (0, _react.useEffect)(() => {
-    /* istanbul ignore next */
-    if (adaptiveSidebarRef.current) {
-      adaptiveSidebarRef.current.focus();
-    }
-  }, [open]);
-  if (renderAsModal || !largeScreen) {
-    return /*#__PURE__*/_react.default.createElement(_adaptiveSidebar.StyledSidebar, {
-      backgroundColor: backgroundColor,
-      open: open,
-      p: 0,
-      ref: adaptiveSidebarRef
-    }, /*#__PURE__*/_react.default.createElement(_box.default, _extends({
-      height: "100%",
-      "data-role": "adaptive-sidebar-content-wrapper"
-    }, colours), children));
-  }
-  return open ? /*#__PURE__*/_react.default.createElement(_adaptiveSidebar.StyledAdaptiveSidebar, _extends({
-    backgroundColor: backgroundColor,
-    borderColor: borderColor === "none" ? undefined : borderColor,
-    "data-element": "adaptive-sidebar",
-    "data-role": "adaptive-sidebar",
-    height: height,
-    ref: adaptiveSidebarRef,
-    role: "region",
-    tabIndex: -1,
-    width: width
-  }, (0, _utils2.filterStyledSystemMarginProps)(props), (0, _utils2.filterStyledSystemPaddingProps)(props)), /*#__PURE__*/_react.default.createElement(_box.default, {
-    "data-role": "adaptive-sidebar-content-wrapper"
-  }, children)) : null;
-};
-exports.AdaptiveSidebar = AdaptiveSidebar;
-var _default = exports.default = AdaptiveSidebar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./__internal__/utils.js"),o=require("../box/box.component.js"),n=require("../../style/utils/filter-styled-system-padding-props.js"),i=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),l=require("./adaptive-sidebar.style.js");function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){s(e,r,t[r])}))}return e}function u(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const d=s=>{var{adaptiveBreakpoint:d=768,backgroundColor:p="white",borderColor:b="none",children:f,height:y="100%",open:O,renderAsModal:j=!1,width:g="320px"}=s,h=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(s,["adaptiveBreakpoint","backgroundColor","borderColor","children","height","open","renderAsModal","width"]);const v=a.default(d),w=r.useRef(null),m=Object.entries(t.getColors(p)).reduce(((e,[r,o])=>(e[t.kebabToCamelCase(r)]=o,e)),{});return r.useEffect((()=>{w.current&&w.current.focus()}),[O]),j||!v?e.jsx(l.StyledSidebar,{backgroundColor:p,open:O,p:0,ref:w,children:e.jsx(o.Box,u(c({height:"100%","data-role":"adaptive-sidebar-content-wrapper"},m),{children:f}))}):O?e.jsx(l.StyledAdaptiveSidebar,u(c({backgroundColor:p,borderColor:"none"===b?void 0:b,"data-element":"adaptive-sidebar","data-role":"adaptive-sidebar",height:y,ref:w,role:"region",tabIndex:-1,width:g},i.default(h),n.default(h)),{children:e.jsx(o.Box,{"data-role":"adaptive-sidebar-content-wrapper",children:f})})):null};exports.AdaptiveSidebar=d,exports.default=d;

package/lib/components/adaptive-sidebar/adaptive-sidebar.style.d.ts

@@ -2,7 +2,7 @@
 import { MarginProps, PaddingProps } from "styled-system";
 import { SidebarProps } from "../sidebar";
 import { AdaptiveSidebarProps } from "./adaptive-sidebar.component";
-declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, Pick<AdaptiveSidebarProps, "width" | "backgroundColor" | "height" | "borderColor"> & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, Pick<AdaptiveSidebarProps, "backgroundColor" | "width" | "height" | "borderColor"> & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     tabIndex: number;
 }, never>;
 interface StyledSidebarProps extends SidebarProps {

package/lib/components/adaptive-sidebar/adaptive-sidebar.style.js

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSidebar = exports.StyledAdaptiveSidebar = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _box = _interopRequireDefault(require("../box"));
-var _sidebar = _interopRequireDefault(require("../sidebar"));
-var _utils = require("./__internal__/utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledAdaptiveSidebar = exports.StyledAdaptiveSidebar = (0, _styledComponents.default)(_box.default)`
-  ${({
-  backgroundColor,
-  borderColor,
-  height,
-  width
-}) => (0, _styledComponents.css)`
-    ${(0, _utils.getColors)(backgroundColor)}
-    ${borderColor && (0, _styledComponents.css)`
-      border-left: 1px solid var(${borderColor});
-    `}
-    max-height: ${height};
-    max-width: ${width};
-    min-width: ${width};
-    overflow-y: auto;
-
-    ${_styledSystem.margin}
-    ${_styledSystem.padding}
-  `};
-`;
-const StyledSidebar = exports.StyledSidebar = (0, _styledComponents.default)(_sidebar.default)`
-  ${({
-  backgroundColor
-}) => (0, _styledComponents.css)`
-    div[data-element="sidebar-content"] {
-      ${(0, _utils.getColors)(backgroundColor)}
-    }
-  `}
-`;
+"use strict";var e=require("styled-components"),t=require("styled-system"),r=require("../box/box.component.js"),d=require("../sidebar/sidebar.component.js"),i=require("./__internal__/utils.js");function o(e){return e&&e.__esModule?e:{default:e}}var a=o(e);const s=a.default(r.Box).withConfig({displayName:"adaptive-sidebar.style__StyledAdaptiveSidebar",componentId:"sc-f7102bc-0"})(["",";"],(({backgroundColor:r,borderColor:d,height:o,width:a})=>e.css([""," "," max-height:",";max-width:",";min-width:",";overflow-y:auto;"," ",""],i.getColors(r),d&&e.css(["border-left:1px solid var(",");"],d),o,a,a,t.margin,t.padding))),n=a.default(d.Sidebar).withConfig({displayName:"adaptive-sidebar.style__StyledSidebar",componentId:"sc-f7102bc-1"})(["",""],(({backgroundColor:t})=>e.css(['div[data-element="sidebar-content"]{',"}"],i.getColors(t))));exports.StyledAdaptiveSidebar=s,exports.StyledSidebar=n;

package/lib/components/adaptive-sidebar/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _adaptiveSidebar.default;
-  }
-});
-var _adaptiveSidebar = _interopRequireDefault(require("./adaptive-sidebar.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./adaptive-sidebar.component.js");exports.default=e.AdaptiveSidebar;

package/lib/components/adaptive-sidebar/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/adaptive-sidebar/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/adaptive-sidebar/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const transparentSvg = "%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%" + "2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20fill-opacity%3D%22." + "45%22%3E%3Crect%20x%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2" + "F%3E%3Crect%20y%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3C%2Fsvg%3E";
-const StyledAdvancedColorPickerCell = _styledComponents.default.button.attrs({
-  type: "button"
-})`
-  display: block;
-  width: 25px;
-  height: 25px;
-  border: 1px solid var(--colorsUtilityYin090);
-  ${({
-  color
-}) => color && (0, _styledComponents.css)`
-      background-color: ${color};
-      border-radius: var(--borderRadius050);
-    `}
-
-  ${({
-  color
-}) => color === "transparent" && (0, _styledComponents.css)`
-      background: #eee url("data:image/svg+xml,${transparentSvg}");
-      background-size: 10px 10px;
-    `}
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  &:focus {
-    ${(0, _addFocusStyling.default)()}
-  }
-
-  &::-moz-focus-inner {
-    border: none;
-  }
-`;
-StyledAdvancedColorPickerCell.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = StyledAdvancedColorPickerCell;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/base/index.js"),r=require("../../style/utils/add-focus-styling.js");function o(e){return e&&e.__esModule?e:{default:e}}const s=o(e).default.button.attrs({type:"button"}).withConfig({displayName:"advanced-color-picker-cell.style__StyledAdvancedColorPickerCell",componentId:"sc-813f96c0-0"})(["display:block;width:25px;height:25px;border:1px solid var(--colorsUtilityYin090);"," "," &:hover{cursor:pointer;}&:focus{","}&::-moz-focus-inner{border:none;}"],(({color:t})=>t&&e.css(["background-color:",";border-radius:var(--borderRadius050);"],t)),(({color:t})=>"transparent"===t&&e.css(['background:#eee url("data:image/svg+xml,','");background-size:10px 10px;'],"%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20fill-opacity%3D%22.45%22%3E%3Crect%20x%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3Crect%20y%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3C%2Fsvg%3E")),r.default());s.defaultProps={theme:t.default},exports.default=s;