carbon-react 155.7.1 → 155.9.0

package/esm/components/adaptive-sidebar/adaptive-sidebar.component.d.ts

@@ -14,6 +14,8 @@ export interface AdaptiveSidebarProps extends MarginProps, PaddingProps, Omit<Ta
     children?: React.ReactNode;
     /** The height of the sidebar, relative to the wrapping component */
     height?: string;
+    /** Whether the sidebar is hidden from view. In this state, the adaptive sidebar will continue to receive updates, etc. but will not be visible to users */
+    hidden?: boolean;
     /** Whether the sidebar is open or closed */
     open: boolean;
     /** Whether to render the sidebar as a modal component instead of as an inline sidebar */
@@ -21,5 +23,5 @@ export interface AdaptiveSidebarProps extends MarginProps, PaddingProps, Omit<Ta
     /** The width of the sidebar */
     width?: string;
 }
-export declare const AdaptiveSidebar: ({ adaptiveBreakpoint, backgroundColor, borderColor, children, height, open, renderAsModal, width, ...props }: AdaptiveSidebarProps) => React.JSX.Element | null;
+export declare const AdaptiveSidebar: ({ adaptiveBreakpoint, backgroundColor, borderColor, children, height, hidden, open, renderAsModal, width, ...props }: AdaptiveSidebarProps) => React.JSX.Element | null;
 export default AdaptiveSidebar;

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as t}from"react";import{getColors as o,kebabToCamelCase as n}from"./__internal__/utils.js";import{Box as i}from"../box/box.component.js";import a from"../../style/utils/filter-styled-system-padding-props.js";import l from"../../style/utils/filter-styled-system-margin-props.js";import c from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import{StyledSidebar as p,StyledAdaptiveSidebar as s}from"./adaptive-sidebar.style.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(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){d(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 f=d=>{var{adaptiveBreakpoint:f=768,backgroundColor:m="white",borderColor:y="none",children:O,height:j="100%",open:g,renderAsModal:h=!1,width:v="320px"}=d,w=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}(d,["adaptiveBreakpoint","backgroundColor","borderColor","children","height","open","renderAsModal","width"]);const P=c(f),k=r(null),x=Object.entries(o(m)).reduce(((e,[r,t])=>(e[n(r)]=t,e)),{});return t((()=>{k.current&&k.current.focus()}),[g]),h||!P?e(p,{className:"adaptive-sidebar-modal-view",backgroundColor:m,open:g,p:0,ref:k,children:e(i,u(b({height:"100%","data-role":"adaptive-sidebar-content-wrapper"},x),{children:O}))}):g?e(s,u(b({backgroundColor:m,borderColor:"none"===y?void 0:y,"data-element":"adaptive-sidebar","data-role":"adaptive-sidebar",height:j,ref:k,role:"region",tabIndex:-1,width:v},l(w),a(w)),{children:e(i,{"data-role":"adaptive-sidebar-content-wrapper",children:O})})):null};export{f as AdaptiveSidebar,f as default};
+import{jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as t}from"react";import{getColors as o,kebabToCamelCase as n}from"./__internal__/utils.js";import{Box as i}from"../box/box.component.js";import a from"../../style/utils/filter-styled-system-padding-props.js";import l from"../../style/utils/filter-styled-system-margin-props.js";import d from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import{StyledSidebar as c,StyledAdaptiveSidebar as p}from"./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 b(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 f=s=>{var{adaptiveBreakpoint:f=768,backgroundColor:m="white",borderColor:y="none",children:O,height:h="100%",hidden:g=!1,open:j,renderAsModal:v=!1,width:w="320px"}=s,k=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","hidden","open","renderAsModal","width"]);const P=d(f),x=r(null),_=Object.entries(o(m)).reduce(((e,[r,t])=>(e[n(r)]=t,e)),{});return t((()=>{x.current&&x.current.focus()}),[j]),t((()=>{g&&j&&document.querySelectorAll("[inert]").forEach((e=>{e.removeAttribute("inert")}))}),[g,j]),v||!P?e(c,{backgroundColor:m,className:"adaptive-sidebar-modal-view","data-role":"adaptive-sidebar-modal-view",enableBackgroundUI:j&&g,hidden:g,open:j,p:0,ref:x,children:e(i,u(b({"data-role":"adaptive-sidebar-content-wrapper",height:"100%"},_),{children:O}))}):j?e(p,u(b({backgroundColor:m,borderColor:"none"===y?void 0:y,"data-element":"adaptive-sidebar","data-role":"adaptive-sidebar",height:h,hidden:g,ref:x,role:"region",tabIndex:-1,width:w},l(k),a(k)),{children:e(i,{"data-role":"adaptive-sidebar-content-wrapper",children:O})})):null};export{f as AdaptiveSidebar,f as default};

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

@@ -7,6 +7,7 @@ type StyledAdaptiveSidebarProps = Pick<AdaptiveSidebarProps, "backgroundColor" |
 declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledAdaptiveSidebarProps, never>;
 interface StyledSidebarProps extends SidebarProps {
     backgroundColor: "app" | "black" | "white";
+    hidden?: boolean;
 }
 declare const StyledSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledSidebarProps, never>;
 export { StyledAdaptiveSidebar, StyledSidebar };

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

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{margin as e,padding as i}from"styled-system";import{Box as r}from"../box/box.component.js";import{Sidebar as d}from"../sidebar/sidebar.component.js";import{getColors as a}from"./__internal__/utils.js";const m=o(r).withConfig({displayName:"adaptive-sidebar.style__StyledAdaptiveSidebar",componentId:"sc-f7102bc-0"})(["",";"],(({backgroundColor:o,borderColor:r,height:d,width:m})=>t([""," "," max-height:",";max-width:",";min-width:",";overflow-y:auto;"," ",""],a(o),r&&t(["border-left:1px solid var(",");"],r),d,m,m,e,i))),s=o(d).withConfig({displayName:"adaptive-sidebar.style__StyledSidebar",componentId:"sc-f7102bc-1"})(["",""],(({backgroundColor:o})=>t(['div[data-element="sidebar-content"]{',"}"],a(o))));export{m as StyledAdaptiveSidebar,s as StyledSidebar};
+import o,{css as e}from"styled-components";import{margin as t,padding as i}from"styled-system";import{Box as d}from"../box/box.component.js";import{Sidebar as r}from"../sidebar/sidebar.component.js";import{getColors as a}from"./__internal__/utils.js";const n=o(d).withConfig({displayName:"adaptive-sidebar.style__StyledAdaptiveSidebar",componentId:"sc-efb2ab32-0"})(["",";"],(({backgroundColor:o,borderColor:d,height:r,hidden:n,width:s})=>e([""," "," "," max-height:",";max-width:",";min-width:",";overflow-y:auto;"," ",""],a(o),d&&e(["border-left:1px solid var(",");"],d),n&&e(["display:none;"]),r,s,s,t,i))),s=o(r).withConfig({displayName:"adaptive-sidebar.style__StyledSidebar",componentId:"sc-efb2ab32-1"})([""," ",""],(({hidden:o})=>e(["",""],o&&e(["display:none;"]))),(({backgroundColor:o})=>e(['div[data-element="sidebar-content"]{',"}"],a(o))));export{n as StyledAdaptiveSidebar,s as StyledSidebar};

package/esm/components/box/box.component.d.ts

@@ -45,6 +45,8 @@ export interface BoxProps extends FlexboxProps, Omit<GridProps, "gridGap" | "gri
     bg?: string;
     /** Set the backgroundColor attribute of the Box component */
     backgroundColor?: string;
+    /** Whether the component is hidden from view. In this state, the component will not be visible to users but will remain in the HTML document */
+    hidden?: boolean;
     /** Set the opacity attribute of the Box component */
     opacity?: string | number;
     /** Set the container to be hidden from screen readers */

package/esm/components/box/box.component.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import e from"react";import t from"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../style/utils/filter-styled-system-layout-props.js";import i from"../../style/utils/filter-styled-system-flexbox-props.js";import a from"../../style/utils/filter-styled-system-grid-props.js";import s from"./box.style.js";import l from"../../__internal__/utils/helpers/tags/tags.js";function p(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}const c=e.forwardRef(((e,c)=>{var{"data-component":f,tabIndex:b,as:d,id:y,role:u,overflowWrap:m,scrollVariant:g,boxSizing:O,gap:j,columnGap:h,rowGap:w,className:x,children:P,bg:v,backgroundColor:S,boxShadow:k,borderRadius:G,color:D,opacity:I,height:N,width:R,"aria-hidden":$}=e,_=function(r,e){if(null==r)return{};var t,o,n=function(r,e){if(null==r)return{};var t,o,n={},i=Object.keys(r);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||(n[t]=r[t]);return n}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(n[t]=r[t])}return n}(e,["data-component","tabIndex","as","id","role","overflowWrap","scrollVariant","boxSizing","gap","columnGap","rowGap","className","children","bg","backgroundColor","boxShadow","borderRadius","color","opacity","height","width","aria-hidden"]);let z="";"number"==typeof R?z=R<=1?`${(100*R).toFixed(0)}%`:`${R}px`:"string"==typeof R&&(z=R);let C="";"number"==typeof N?C=N<=1?`${(100*N).toFixed(0)}%`:`${N}px`:"string"==typeof N&&(C=N);const E={color:D,opacity:I,width:z,height:C};return r(s,(V=function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),o.forEach((function(e){p(r,e,t[e])}))}return r}({as:d,id:y,role:u,overflowWrap:m,scrollVariant:g,boxSizing:O,gap:j,columnGap:h,rowGap:w,className:x,ref:c,bg:v,backgroundColor:S,boxShadow:k,borderRadius:G,"aria-hidden":$},l(f,_),o(_),t(_),i(_),a(_),n(_)),W=null!=(W={cssProps:E,tabIndex:b,children:P})?W:{},Object.getOwnPropertyDescriptors?Object.defineProperties(V,Object.getOwnPropertyDescriptors(W)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(W)).forEach((function(r){Object.defineProperty(V,r,Object.getOwnPropertyDescriptor(W,r))})),V));var V,W}));c.displayName="Box";export{c as Box,c as default};
+import{jsx as r}from"react/jsx-runtime";import e from"react";import t from"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../style/utils/filter-styled-system-layout-props.js";import i from"../../style/utils/filter-styled-system-flexbox-props.js";import a from"../../style/utils/filter-styled-system-grid-props.js";import s from"./box.style.js";import l from"../../__internal__/utils/helpers/tags/tags.js";function p(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}const c=e.forwardRef(((e,c)=>{var{"data-component":d,tabIndex:f,as:b,id:y,role:u,overflowWrap:m,scrollVariant:g,boxSizing:O,gap:h,columnGap:j,rowGap:w,className:x,children:P,bg:v,backgroundColor:S,boxShadow:k,borderRadius:G,color:D,opacity:I,height:N,width:R,hidden:$,"aria-hidden":_}=e,z=function(r,e){if(null==r)return{};var t,o,n=function(r,e){if(null==r)return{};var t,o,n={},i=Object.keys(r);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||(n[t]=r[t]);return n}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(n[t]=r[t])}return n}(e,["data-component","tabIndex","as","id","role","overflowWrap","scrollVariant","boxSizing","gap","columnGap","rowGap","className","children","bg","backgroundColor","boxShadow","borderRadius","color","opacity","height","width","hidden","aria-hidden"]);let C="";"number"==typeof R?C=R<=1?`${(100*R).toFixed(0)}%`:`${R}px`:"string"==typeof R&&(C=R);let E="";"number"==typeof N?E=N<=1?`${(100*N).toFixed(0)}%`:`${N}px`:"string"==typeof N&&(E=N);const V={color:D,opacity:I,width:C,height:E};return r(s,(W=function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),o.forEach((function(e){p(r,e,t[e])}))}return r}({as:b,id:y,role:u,overflowWrap:m,scrollVariant:g,boxSizing:O,gap:h,columnGap:j,rowGap:w,className:x,ref:c,bg:v,backgroundColor:S,boxShadow:k,borderRadius:G,"aria-hidden":_,hidden:$},l(d,z),o(z),t(z),i(z),a(z),n(z)),F=null!=(F={cssProps:V,tabIndex:f,children:P})?F:{},Object.getOwnPropertyDescriptors?Object.defineProperties(W,Object.getOwnPropertyDescriptors(F)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(F)).forEach((function(r){Object.defineProperty(W,r,Object.getOwnPropertyDescriptor(F,r))})),W));var W,F}));c.displayName="Box";export{c as Box,c as default};

package/esm/components/box/box.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import{space as t,layout as e,flexbox as i,grid as n,position as l}from"styled-system";import s from"../../style/utils/box-gap.js";import c from"../../style/utils/color.js";import a from"./box.config.js";import b from"../../style/themes/apply-base-theme.js";function u(o,r,t){return r in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function p(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},e=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(t).filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})))),e.forEach((function(r){u(o,r,t[r])}))}return o}function d(o,r){if(null==o)return{};var t,e,i=function(o,r){if(null==o)return{};var t,e,i={},n=Object.keys(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||(i[t]=o[t]);return i}(o,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(o,t)&&(i[t]=o[t])}return i}const f=o.div.attrs(b).withConfig({displayName:"box.style__StyledBox",componentId:"sc-d4565b53-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";",""],t,e,i,n,(o=>{const r=l(o),{position:t}=r,e=d(r,["position"]);return p({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},e)}),(({borderRadius:o="borderRadius000"})=>r(["border-radius:var(--",");"],o)),(o=>{var{cssProps:r,bg:t,backgroundColor:e}=o,i=d(o,["cssProps","bg","backgroundColor"]);return c(p({color:null==r?void 0:r.color,bg:t,backgroundColor:e},i))}),(({cssProps:o})=>r(["opacity:",";"],null==o?void 0:o.opacity)),(({overflowWrap:o})=>o&&r(["overflow-wrap:",";"],o)),(({cssProps:o,size:t})=>(null==o?void 0:o.height)&&!t&&r(["height:",";"],null==o?void 0:o.height)),(({cssProps:o,size:t})=>(null==o?void 0:o.width)&&!t&&r(["width:",";"],null==o?void 0:o.width)),(({scrollVariant:o})=>o&&r(["scrollbar-color:"," ",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar-thumb{background-color:",";}"],a[o].thumb,a[o].track,a[o].track,a[o].thumb)),(({boxSizing:o})=>o&&r(["box-sizing:",";"],o)),(({display:o,gap:t,columnGap:e,rowGap:i})=>("flex"===o||"inline-flex"===o||"grid"===o||"inline-grid"===o)&&r([""," "," ",""],void 0!==t&&r(["gap:",";"],s(t)),void 0!==e&&r(["column-gap:",";"],s(e)),void 0!==i&&r(["row-gap:",";"],s(i)))),(({boxShadow:o})=>o&&r(["box-shadow:var(--",");"],o)));export{f as default};
+import o,{css as r}from"styled-components";import{space as t,layout as e,flexbox as i,grid as n,position as l}from"styled-system";import s from"../../style/utils/box-gap.js";import c from"../../style/utils/color.js";import a from"./box.config.js";import d from"../../style/themes/apply-base-theme.js";function b(o,r,t){return r in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function p(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},e=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(t).filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})))),e.forEach((function(r){b(o,r,t[r])}))}return o}function u(o,r){if(null==o)return{};var t,e,i=function(o,r){if(null==o)return{};var t,e,i={},n=Object.keys(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||(i[t]=o[t]);return i}(o,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(o,t)&&(i[t]=o[t])}return i}const f=o.div.attrs(d).withConfig({displayName:"box.style__StyledBox",componentId:"sc-9d14423c-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";"," ",""],t,e,i,n,(o=>{const r=l(o),{position:t}=r,e=u(r,["position"]);return p({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},e)}),(({borderRadius:o="borderRadius000"})=>r(["border-radius:var(--",");"],o)),(o=>{var{cssProps:r,bg:t,backgroundColor:e}=o,i=u(o,["cssProps","bg","backgroundColor"]);return c(p({color:null==r?void 0:r.color,bg:t,backgroundColor:e},i))}),(({cssProps:o})=>r(["opacity:",";"],null==o?void 0:o.opacity)),(({overflowWrap:o})=>o&&r(["overflow-wrap:",";"],o)),(({cssProps:o,size:t})=>(null==o?void 0:o.height)&&!t&&r(["height:",";"],null==o?void 0:o.height)),(({cssProps:o,size:t})=>(null==o?void 0:o.width)&&!t&&r(["width:",";"],null==o?void 0:o.width)),(({scrollVariant:o})=>o&&r(["scrollbar-color:"," ",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar-thumb{background-color:",";}"],a[o].thumb,a[o].track,a[o].track,a[o].thumb)),(({boxSizing:o})=>o&&r(["box-sizing:",";"],o)),(({display:o,gap:t,columnGap:e,rowGap:i})=>("flex"===o||"inline-flex"===o||"grid"===o||"inline-grid"===o)&&r([""," "," ",""],void 0!==t&&r(["gap:",";"],s(t)),void 0!==e&&r(["column-gap:",";"],s(e)),void 0!==i&&r(["row-gap:",";"],s(i)))),(({boxShadow:o})=>o&&r(["box-shadow:var(--",");"],o)),(({display:o,hidden:t})=>r(["display:",";"],t?"none":o)));export{f as default};

package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import r,{useRef as o,useContext as i,createContext as c,useEffect as l,forwardRef as a,useMemo as d,useState as s}from"react";import{StyledResponsiveMenuListItem as p,StyledResponsiveMenuItem as u,StyledNestedMenuWrapper as h,StyledNestedMenu as m,StyledResponsiveMenuAction as v,StyledIcon as f,StyledMenuItemContent as b}from"./responsive-vertical-menu-item.style.js";import{useDepth as y,IncreaseDepth as O}from"../__internal__/depth.context.js";import{useMenuFocus as g}from"../__internal__/focus.context.js";import{useResponsiveVerticalMenu as j}from"../responsive-vertical-menu.context.js";import I from"../../../icon/icon.component.js";import w from"../../../../__internal__/utils/helpers/guid/index.js";function x(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){x(e,n,t[n])}))}return e}function P(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function k(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const C=c(void 0),D=({customIcon:t,depth:r,hasChildren:o,icon:i,label:c,responsive:l})=>n(b,t?{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:r,hasChildren:o,icon:!0,responsive:l,children:[t,c]}:{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:r,hasChildren:o,icon:!!i,responsive:l,children:[i&&e(I,{type:i}),c]}),$=a(((o,c)=>{var{children:a,customIcon:b,icon:O,id:I,href:w,label:x,onClick:$,rel:S,target:M}=o,A=k(o,["children","customIcon","icon","id","href","label","onClick","rel","target"]);const{activeMenuItem:K,containerRef:E,responsiveMode:F,setActive:q,setActiveMenuItem:R,reducedMotion:T}=j(),{expandItem:z,focusItem:B,getRegisteredItems:G,moveFocus:H,registerMenuItem:J}=g(),L=y(),N=(null==K?void 0:K.id)===I,Q=r.Children.count(a)>0,U=i(C),V=d((()=>F&&0===L),[L,F]),[W,X]=s(V&&Q);l((()=>{J(I,c,U)}),[I,U,c,J]);const Y=e=>{let n,t;switch(e.key){case"Tab":var r;if(t=(null===(r=E.current)||void 0===r?void 0:r.querySelectorAll(`[data-depth="${L}"]`))||[],n=Array.from(t),0===L&&Q&&(null==K?void 0:K.id)===I&&(e.preventDefault(),H(e.shiftKey?"lastChild":"firstChild")),1===L){const t=n.findIndex((e=>e.id===I)),r=0===t;t===n.length-1&&(!Q||Q&&!W)&&(e.shiftKey||(e.preventDefault(),H("parent"))),r&&e.shiftKey&&(e.preventDefault(),H("parent"))}if(2===L&&n.findIndex((e=>e.id===I))===n.length-1){const n=G(),t=n.find((e=>e.id===U)),r=n.find((e=>e.id===(null==t?void 0:t.parentId)));if(r){var o;const n=Array.from((null===(o=E.current)||void 0===o?void 0:o.querySelectorAll(`[data-depth="${L-1}"]`))||[]);n.findIndex((e=>e.id===U))===n.length-1&&!e.shiftKey&&(e.preventDefault(),B(r.id))}}break;case"Enter":case" ":if(e.preventDefault(),V)return;if(Q)if(0!==L||F)X(!W),z(I,!W);else{const e=(null==K?void 0:K.id)===I;R(e?null:{id:I,label:x,children:a})}else w&&"Enter"===e.key&&(window.location.href=w)}};return e(p,{children:Q?n(t,{children:[n(u,P(_({active:N,"aria-expanded":N||W,"data-component":`responsive-vertical-menu-item-${I}`,"data-depth":L,"data-role":`responsive-vertical-menu-item-${I}`,depth:L,hasIcon:!!O||!!b,id:I,onClick:()=>{if(!V){if(0!==L||F)X(!W),z(I,!W);else{const e=(null==K?void 0:K.id)===I;R(e?null:{id:I,label:x,children:a})}B(I)}},onKeyDown:e=>{F||Y(e)},onFocus:()=>B(I),ref:c,responsive:F,tabIndex:V?-1:0,type:"button"},A),{children:[e(D,{customIcon:b,depth:L,hasChildren:!0,icon:O,label:x,responsive:F}),!V&&e(f,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:L,expanded:W||N,reduceMotion:!!T,type:L>=1?"chevron_down_thick":"chevron_right_thick"})]})),W&&e(h,{"data-component":`${I}-nested-menu-wrapper`,"data-role":`${I}-nested-menu-wrapper`,depth:L,hasIcon:!!O||!!b,responsive:F,children:e(m,{"data-component":`${I}-nested-menu`,"data-role":`${I}-nested-menu`,depth:L,hasIcon:!!O||!!b,id:`${I}-nested-menu`,responsive:F,children:e(C.Provider,{value:I,children:a})})})]}):e(v,P(_({"data-component":`responsive-vertical-menu-item-${I}`,"data-depth":L,"data-role":`responsive-vertical-menu-item-${I}`,depth:L,href:w,id:I,onClick:e=>{null==$||$(e),q(!1)},onFocus:()=>B(I),onKeyDown:e=>{F||Y(e)},ref:c,rel:S,responsive:F,tabIndex:0,target:M},A),{children:e(D,{customIcon:b,depth:L,hasChildren:!1,icon:O,label:x,responsive:F})}))})})),S=n=>{var{children:t,id:r,label:c}=n,a=k(n,["children","id","label"]);const d=y(),s=o(null),{registerMenuItem:p}=g(),u=i(C),h=o(r||w());return l((()=>{const e=h.current;p(e,s,u)}),[u,p]),e($,P(_({id:h.current,label:c},a),{"data-depth":d,ref:s,children:t&&e(C.Provider,{value:r,children:e(O,{children:t})})}))};export{S as ResponsiveVerticalMenuItem,S as default};
+import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import r,{useRef as o,useContext as i,createContext as c,useEffect as l,forwardRef as a,useMemo as d,useState as s}from"react";import{StyledResponsiveMenuListItem as p,StyledResponsiveMenuItem as u,StyledNestedMenuWrapper as h,StyledNestedMenu as m,StyledResponsiveMenuAction as v,StyledIcon as f,StyledMenuItemContent as b}from"./responsive-vertical-menu-item.style.js";import{useDepth as y,IncreaseDepth as O}from"../__internal__/depth.context.js";import{useMenuFocus as g}from"../__internal__/focus.context.js";import{useResponsiveVerticalMenu as j}from"../responsive-vertical-menu.context.js";import I from"../../../icon/icon.component.js";import w from"../../../../__internal__/utils/helpers/guid/index.js";function x(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){x(e,n,t[n])}))}return e}function P(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function k(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const C=c(void 0),D=({customIcon:t,depth:r,hasChildren:o,icon:i,label:c,responsive:l})=>n(b,t?{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:r,hasChildren:o,icon:!0,responsive:l,children:[t,c]}:{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:r,hasChildren:o,icon:!!i,responsive:l,children:[i&&e(I,{type:i}),c]}),$=a(((o,c)=>{var{children:a,customIcon:b,icon:O,id:I,href:w,label:x,onClick:$,rel:S,target:M}=o,A=k(o,["children","customIcon","icon","id","href","label","onClick","rel","target"]);const{activeMenuItem:K,containerRef:E,responsiveMode:F,setActive:q,setActiveMenuItem:R,reducedMotion:T}=j(),{expandItem:z,focusItem:B,getRegisteredItems:G,moveFocus:H,registerMenuItem:J}=g(),L=y(),N=(null==K?void 0:K.id)===I,Q=r.Children.count(a)>0,U=i(C),V=d((()=>F&&0===L),[L,F]),[W,X]=s(V&&Q||L>=2);l((()=>{J(I,c,U)}),[I,U,c,J]);const Y=e=>{let n,t;switch(e.key){case"Tab":var r;if(t=(null===(r=E.current)||void 0===r?void 0:r.querySelectorAll(`[data-depth="${L}"]`))||[],n=Array.from(t),0===L&&Q&&(null==K?void 0:K.id)===I&&(e.preventDefault(),H(e.shiftKey?"lastChild":"firstChild")),1===L){const t=n.findIndex((e=>e.id===I)),r=0===t;t===n.length-1&&(!Q||Q&&!W)&&(e.shiftKey||(e.preventDefault(),H("parent"))),r&&e.shiftKey&&(e.preventDefault(),H("parent"))}if(2===L&&n.findIndex((e=>e.id===I))===n.length-1){const n=G(),t=n.find((e=>e.id===U)),r=n.find((e=>e.id===(null==t?void 0:t.parentId)));if(r){var o;const n=Array.from((null===(o=E.current)||void 0===o?void 0:o.querySelectorAll(`[data-depth="${L-1}"]`))||[]);n.findIndex((e=>e.id===U))===n.length-1&&!e.shiftKey&&(e.preventDefault(),B(r.id))}}break;case"Enter":case" ":if(e.preventDefault(),V)return;if(Q)if(0!==L||F)X(!W),z(I,!W);else{const e=(null==K?void 0:K.id)===I;R(e?null:{id:I,label:x,children:a})}else w&&"Enter"===e.key&&(window.location.href=w)}};return e(p,{children:Q?n(t,{children:[n(u,P(_({active:N,"aria-expanded":N||W,"data-component":`responsive-vertical-menu-item-${I}`,"data-depth":L,"data-role":`responsive-vertical-menu-item-${I}`,depth:L,hasIcon:!!O||!!b,id:I,onClick:()=>{if(!V){if(0!==L||F)X(!W),z(I,!W);else{const e=(null==K?void 0:K.id)===I;R(e?null:{id:I,label:x,children:a})}B(I)}},onKeyDown:e=>{F||Y(e)},onFocus:()=>B(I),ref:c,responsive:F,tabIndex:V?-1:0,type:"button"},A),{children:[e(D,{customIcon:b,depth:L,hasChildren:!0,icon:O,label:x,responsive:F}),!V&&e(f,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:L,expanded:W||N,reduceMotion:!!T,type:L>=1?"chevron_down_thick":"chevron_right_thick"})]})),W&&e(h,{"data-component":`${I}-nested-menu-wrapper`,"data-role":`${I}-nested-menu-wrapper`,depth:L,hasIcon:!!O||!!b,responsive:F,children:e(m,{"data-component":`${I}-nested-menu`,"data-role":`${I}-nested-menu`,depth:L,hasIcon:!!O||!!b,id:`${I}-nested-menu`,responsive:F,children:e(C.Provider,{value:I,children:a})})})]}):e(v,P(_({"data-component":`responsive-vertical-menu-item-${I}`,"data-depth":L,"data-role":`responsive-vertical-menu-item-${I}`,depth:L,href:w,id:I,onClick:e=>{null==$||$(e),q(!1)},onFocus:()=>B(I),onKeyDown:e=>{F||Y(e)},ref:c,rel:S,responsive:F,tabIndex:0,target:M},A),{children:e(D,{customIcon:b,depth:L,hasChildren:!1,icon:O,label:x,responsive:F})}))})})),S=n=>{var{children:t,id:r,label:c}=n,a=k(n,["children","id","label"]);const d=y(),s=o(null),{registerMenuItem:p}=g(),u=i(C),h=o(r||w());return l((()=>{const e=h.current;p(e,s,u)}),[u,p]),e($,P(_({id:h.current,label:c},a),{"data-depth":d,ref:s,children:t&&e(C.Provider,{value:r,children:e(O,{children:t})})}))};export{S as ResponsiveVerticalMenuItem,S as default};

package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{margin as i,padding as n}from"styled-system";import o from"../../../icon/icon.component.js";import s from"../../../../style/utils/add-focus-styling.js";const r=(e,t)=>e&&t?"180deg":"0deg",a=t(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:0 var(--spacing200);width:100%;"," ",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],i,n,s(!0)),d=e(o).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"sc-1b4b87cd-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>r(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:e,expanded:i,reduceMotion:n})=>i&&t(["rotate:",";transition:rotate "," ease-out;"],r(e,i),n?0:"0.2s"))),c=e.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"sc-1b4b87cd-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),l=e.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"sc-1b4b87cd-2"})(["box-sizing:border-box;display:flex;justify-content:",";width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:e,responsive:i})=>1===e&&i&&t(["padding:0 0 0 16px;"]))),p=e.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"sc-1b4b87cd-3"})(["padding:0;",""],(({depth:e,hasIcon:i,responsive:n})=>t(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],e<2&&!i?"100%":"88%",n&&t(["margin-left:",";"],i||1===e?"var(--spacing200)":"0"),1===e?"var(--fontWeights400)":"var(--fontWeights500)"))),m=e.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"sc-1b4b87cd-4"})(["list-style:none;margin:0;padding:0;width:100%;max-width:340px;"]),g=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"sc-1b4b87cd-5"})([""," "," ",""],a,(({active:e,responsive:i})=>e&&!i&&t(["background-color:var(--colorsGray850);"])),(({depth:e,responsive:i})=>0===e&&i&&t(["color:var(--colorsUtilityYang080);cursor:default;"]))),v=e.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuAction",componentId:"sc-1b4b87cd-6"})([""," height:40px;text-decoration:none;"],a);export{d as StyledIcon,c as StyledMenuItemContent,p as StyledNestedMenu,l as StyledNestedMenuWrapper,v as StyledResponsiveMenuAction,g as StyledResponsiveMenuItem,m as StyledResponsiveMenuListItem};
+import e,{css as t}from"styled-components";import{margin as i,padding as o}from"styled-system";import n from"../../../icon/icon.component.js";import a from"../../../../style/utils/add-focus-styling.js";const r=(e,t)=>e&&t?"180deg":"0deg",s=t(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:0 var(--spacing200);width:100%;"," ",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],i,o,a(!0)),c=e(n).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"sc-d6a04aac-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>r(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:e,expanded:i,reduceMotion:o})=>i&&t(["rotate:",";transition:rotate "," ease-out;"],r(e,i),o?0:"0.2s"))),d=e.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"sc-d6a04aac-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),l=e.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"sc-d6a04aac-2"})(["box-sizing:border-box;display:flex;justify-content:",";width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:e,responsive:i})=>1===e&&i&&t(["padding:0 0 0 16px;"]))),p=e.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"sc-d6a04aac-3"})(["padding:0;",""],(({depth:e,hasIcon:i,responsive:o})=>t(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],e<2&&!i?"100%":"88%",o&&t(["margin-left:",";"],i||1===e?"var(--spacing200)":"0"),1===e?"var(--fontWeights400)":"var(--fontWeights500)"))),g=e.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"sc-d6a04aac-4"})(["list-style:none;margin:0;padding:0;width:100%;max-width:340px;"]),m=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"sc-d6a04aac-5"})([""," "," "," ",""],s,(({active:e,responsive:i})=>e&&!i&&t(["background-color:var(--colorsGray850);"])),(({depth:e,responsive:i})=>0===e&&i&&t(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:e})=>e>=2&&t(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),v=e.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuAction",componentId:"sc-d6a04aac-6"})([""," height:40px;text-decoration:none;",""],s,(({depth:e,responsive:i})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],i&&e>=3&&t(["margin-left:var(--spacing300);"]))));export{c as StyledIcon,d as StyledMenuItemContent,p as StyledNestedMenu,l as StyledNestedMenuWrapper,v as StyledResponsiveMenuAction,m as StyledResponsiveMenuItem,g as StyledResponsiveMenuListItem};

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

@@ -14,6 +14,8 @@ export interface AdaptiveSidebarProps extends MarginProps, PaddingProps, Omit<Ta
     children?: React.ReactNode;
     /** The height of the sidebar, relative to the wrapping component */
     height?: string;
+    /** Whether the sidebar is hidden from view. In this state, the adaptive sidebar will continue to receive updates, etc. but will not be visible to users */
+    hidden?: boolean;
     /** Whether the sidebar is open or closed */
     open: boolean;
     /** Whether to render the sidebar as a modal component instead of as an inline sidebar */
@@ -21,5 +23,5 @@ export interface AdaptiveSidebarProps extends MarginProps, PaddingProps, Omit<Ta
     /** The width of the sidebar */
     width?: string;
 }
-export declare const AdaptiveSidebar: ({ adaptiveBreakpoint, backgroundColor, borderColor, children, height, open, renderAsModal, width, ...props }: AdaptiveSidebarProps) => React.JSX.Element | null;
+export declare const AdaptiveSidebar: ({ adaptiveBreakpoint, backgroundColor, borderColor, children, height, hidden, open, renderAsModal, width, ...props }: AdaptiveSidebarProps) => React.JSX.Element | null;
 export default AdaptiveSidebar;

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

@@ -1 +1 @@
-"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 d(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 u=s=>{var{adaptiveBreakpoint:u=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(u),m=r.useRef(null),w=Object.entries(t.getColors(p)).reduce(((e,[r,o])=>(e[t.kebabToCamelCase(r)]=o,e)),{});return r.useEffect((()=>{m.current&&m.current.focus()}),[O]),j||!v?e.jsx(l.StyledSidebar,{className:"adaptive-sidebar-modal-view",backgroundColor:p,open:O,p:0,ref:m,children:e.jsx(o.Box,d(c({height:"100%","data-role":"adaptive-sidebar-content-wrapper"},w),{children:f}))}):O?e.jsx(l.StyledAdaptiveSidebar,d(c({backgroundColor:p,borderColor:"none"===b?void 0:b,"data-element":"adaptive-sidebar","data-role":"adaptive-sidebar",height:y,ref:m,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=u,exports.default=u;
+"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 d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(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){d(e,r,t[r])}))}return e}function c(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 u=d=>{var{adaptiveBreakpoint:u=768,backgroundColor:p="white",borderColor:b="none",children:f,height:y="100%",hidden:O=!1,open:j,renderAsModal:h=!1,width:v="320px"}=d,g=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}(d,["adaptiveBreakpoint","backgroundColor","borderColor","children","height","hidden","open","renderAsModal","width"]);const m=a.default(u),w=r.useRef(null),x=Object.entries(t.getColors(p)).reduce(((e,[r,o])=>(e[t.kebabToCamelCase(r)]=o,e)),{});return r.useEffect((()=>{w.current&&w.current.focus()}),[j]),r.useEffect((()=>{O&&j&&document.querySelectorAll("[inert]").forEach((e=>{e.removeAttribute("inert")}))}),[O,j]),h||!m?e.jsx(l.StyledSidebar,{backgroundColor:p,className:"adaptive-sidebar-modal-view","data-role":"adaptive-sidebar-modal-view",enableBackgroundUI:j&&O,hidden:O,open:j,p:0,ref:w,children:e.jsx(o.Box,c(s({"data-role":"adaptive-sidebar-content-wrapper",height:"100%"},x),{children:f}))}):j?e.jsx(l.StyledAdaptiveSidebar,c(s({backgroundColor:p,borderColor:"none"===b?void 0:b,"data-element":"adaptive-sidebar","data-role":"adaptive-sidebar",height:y,hidden:O,ref:w,role:"region",tabIndex:-1,width:v},i.default(g),n.default(g)),{children:e.jsx(o.Box,{"data-role":"adaptive-sidebar-content-wrapper",children:f})})):null};exports.AdaptiveSidebar=u,exports.default=u;

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

@@ -7,6 +7,7 @@ type StyledAdaptiveSidebarProps = Pick<AdaptiveSidebarProps, "backgroundColor" |
 declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledAdaptiveSidebarProps, never>;
 interface StyledSidebarProps extends SidebarProps {
     backgroundColor: "app" | "black" | "white";
+    hidden?: boolean;
 }
 declare const StyledSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledSidebarProps, never>;
 export { StyledAdaptiveSidebar, StyledSidebar };

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

@@ -1 +1 @@
-"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;
+"use strict";var e=require("styled-components"),d=require("styled-system"),t=require("../box/box.component.js"),i=require("../sidebar/sidebar.component.js"),s=require("./__internal__/utils.js");function r(e){return e&&e.__esModule?e:{default:e}}var o=r(e);const a=o.default(t.Box).withConfig({displayName:"adaptive-sidebar.style__StyledAdaptiveSidebar",componentId:"sc-efb2ab32-0"})(["",";"],(({backgroundColor:t,borderColor:i,height:r,hidden:o,width:a})=>e.css([""," "," "," max-height:",";max-width:",";min-width:",";overflow-y:auto;"," ",""],s.getColors(t),i&&e.css(["border-left:1px solid var(",");"],i),o&&e.css(["display:none;"]),r,a,a,d.margin,d.padding))),n=o.default(i.Sidebar).withConfig({displayName:"adaptive-sidebar.style__StyledSidebar",componentId:"sc-efb2ab32-1"})([""," ",""],(({hidden:d})=>e.css(["",""],d&&e.css(["display:none;"]))),(({backgroundColor:d})=>e.css(['div[data-element="sidebar-content"]{',"}"],s.getColors(d))));exports.StyledAdaptiveSidebar=a,exports.StyledSidebar=n;

package/lib/components/box/box.component.d.ts

@@ -45,6 +45,8 @@ export interface BoxProps extends FlexboxProps, Omit<GridProps, "gridGap" | "gri
     bg?: string;
     /** Set the backgroundColor attribute of the Box component */
     backgroundColor?: string;
+    /** Whether the component is hidden from view. In this state, the component will not be visible to users but will remain in the HTML document */
+    hidden?: boolean;
     /** Set the opacity attribute of the Box component */
     opacity?: string | number;
     /** Set the container to be hidden from screen readers */

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../style/utils/filter-styled-system-padding-props.js"),o=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../style/utils/filter-styled-system-layout-props.js"),a=require("../../style/utils/filter-styled-system-flexbox-props.js"),n=require("../../style/utils/filter-styled-system-grid-props.js"),i=require("./box.style.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function u(e){return e&&e.__esModule?e:{default:e}}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const p=u(r).default.forwardRef(((r,u)=>{var{"data-component":p,tabIndex:d,as:f,id:b,role:y,overflowWrap:g,scrollVariant:O,boxSizing:j,gap:m,columnGap:h,rowGap:x,className:w,children:v,bg:P,backgroundColor:S,boxShadow:q,borderRadius:_,color:k,opacity:G,height:D,width:I,"aria-hidden":N}=r,R=function(e,r){if(null==e)return{};var t,o,l=function(e,r){if(null==e)return{};var t,o,l={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(r,["data-component","tabIndex","as","id","role","overflowWrap","scrollVariant","boxSizing","gap","columnGap","rowGap","className","children","bg","backgroundColor","boxShadow","borderRadius","color","opacity","height","width","aria-hidden"]);let $="";"number"==typeof I?$=I<=1?`${(100*I).toFixed(0)}%`:`${I}px`:"string"==typeof I&&($=I);let z="";"number"==typeof D?z=D<=1?`${(100*D).toFixed(0)}%`:`${D}px`:"string"==typeof D&&(z=D);const C={color:k,opacity:G,width:$,height:z};return e.jsx(i.default,(E=function(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){c(e,r,t[r])}))}return e}({as:f,id:b,role:y,overflowWrap:g,scrollVariant:O,boxSizing:j,gap:m,columnGap:h,rowGap:x,className:w,ref:u,bg:P,backgroundColor:S,boxShadow:q,borderRadius:_,"aria-hidden":N},s.default(p,R),o.default(R),t.default(R),a.default(R),n.default(R),l.default(R)),V=null!=(V={cssProps:C,tabIndex:d,children:v})?V:{},Object.getOwnPropertyDescriptors?Object.defineProperties(E,Object.getOwnPropertyDescriptors(V)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(V)).forEach((function(e){Object.defineProperty(E,e,Object.getOwnPropertyDescriptor(V,e))})),E));var E,V}));p.displayName="Box",exports.Box=p,exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../style/utils/filter-styled-system-padding-props.js"),o=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("../../style/utils/filter-styled-system-layout-props.js"),i=require("../../style/utils/filter-styled-system-flexbox-props.js"),l=require("../../style/utils/filter-styled-system-grid-props.js"),a=require("./box.style.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function u(e){return e&&e.__esModule?e:{default:e}}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const d=u(r).default.forwardRef(((r,u)=>{var{"data-component":d,tabIndex:p,as:f,id:b,role:y,overflowWrap:g,scrollVariant:O,boxSizing:h,gap:j,columnGap:m,rowGap:x,className:w,children:v,bg:P,backgroundColor:S,boxShadow:q,borderRadius:_,color:k,opacity:G,height:D,width:I,hidden:N,"aria-hidden":R}=r,$=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}(r,["data-component","tabIndex","as","id","role","overflowWrap","scrollVariant","boxSizing","gap","columnGap","rowGap","className","children","bg","backgroundColor","boxShadow","borderRadius","color","opacity","height","width","hidden","aria-hidden"]);let z="";"number"==typeof I?z=I<=1?`${(100*I).toFixed(0)}%`:`${I}px`:"string"==typeof I&&(z=I);let C="";"number"==typeof D?C=D<=1?`${(100*D).toFixed(0)}%`:`${D}px`:"string"==typeof D&&(C=D);const E={color:k,opacity:G,width:z,height:C};return e.jsx(a.default,(V=function(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){c(e,r,t[r])}))}return e}({as:f,id:b,role:y,overflowWrap:g,scrollVariant:O,boxSizing:h,gap:j,columnGap:m,rowGap:x,className:w,ref:u,bg:P,backgroundColor:S,boxShadow:q,borderRadius:_,"aria-hidden":R,hidden:N},s.default(d,$),o.default($),t.default($),i.default($),l.default($),n.default($)),W=null!=(W={cssProps:E,tabIndex:p,children:v})?W:{},Object.getOwnPropertyDescriptors?Object.defineProperties(V,Object.getOwnPropertyDescriptors(W)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(W)).forEach((function(e){Object.defineProperty(V,e,Object.getOwnPropertyDescriptor(W,e))})),V));var V,W}));d.displayName="Box",exports.Box=d,exports.default=d;

package/lib/components/box/box.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),o=require("../../style/utils/box-gap.js"),t=require("../../style/utils/color.js"),s=require("./box.config.js"),l=require("../../style/themes/apply-base-theme.js");function i(e){return e&&e.__esModule?e:{default:e}}function n(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function c(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){n(e,r,o[r])}))}return e}function u(e,r){if(null==e)return{};var o,t,s=function(e,r){if(null==e)return{};var o,t,s={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(s[o]=e[o]);return s}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(s[o]=e[o])}return s}const a=i(e).default.div.attrs(l.default).withConfig({displayName:"box.style__StyledBox",componentId:"sc-d4565b53-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";",""],r.space,r.layout,r.flexbox,r.grid,(e=>{const o=r.position(e),{position:t}=o,s=u(o,["position"]);return c({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},s)}),(({borderRadius:r="borderRadius000"})=>e.css(["border-radius:var(--",");"],r)),(e=>{var{cssProps:r,bg:o,backgroundColor:s}=e,l=u(e,["cssProps","bg","backgroundColor"]);return t.default(c({color:null==r?void 0:r.color,bg:o,backgroundColor:s},l))}),(({cssProps:r})=>e.css(["opacity:",";"],null==r?void 0:r.opacity)),(({overflowWrap:r})=>r&&e.css(["overflow-wrap:",";"],r)),(({cssProps:r,size:o})=>(null==r?void 0:r.height)&&!o&&e.css(["height:",";"],null==r?void 0:r.height)),(({cssProps:r,size:o})=>(null==r?void 0:r.width)&&!o&&e.css(["width:",";"],null==r?void 0:r.width)),(({scrollVariant:r})=>r&&e.css(["scrollbar-color:"," ",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar-thumb{background-color:",";}"],s.default[r].thumb,s.default[r].track,s.default[r].track,s.default[r].thumb)),(({boxSizing:r})=>r&&e.css(["box-sizing:",";"],r)),(({display:r,gap:t,columnGap:s,rowGap:l})=>("flex"===r||"inline-flex"===r||"grid"===r||"inline-grid"===r)&&e.css([""," "," ",""],void 0!==t&&e.css(["gap:",";"],o.default(t)),void 0!==s&&e.css(["column-gap:",";"],o.default(s)),void 0!==l&&e.css(["row-gap:",";"],o.default(l)))),(({boxShadow:r})=>r&&e.css(["box-shadow:var(--",");"],r)));exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),o=require("../../style/utils/box-gap.js"),t=require("../../style/utils/color.js"),s=require("./box.config.js"),l=require("../../style/themes/apply-base-theme.js");function i(e){return e&&e.__esModule?e:{default:e}}function n(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function c(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){n(e,r,o[r])}))}return e}function a(e,r){if(null==e)return{};var o,t,s=function(e,r){if(null==e)return{};var o,t,s={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(s[o]=e[o]);return s}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(s[o]=e[o])}return s}const u=i(e).default.div.attrs(l.default).withConfig({displayName:"box.style__StyledBox",componentId:"sc-9d14423c-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";"," ",""],r.space,r.layout,r.flexbox,r.grid,(e=>{const o=r.position(e),{position:t}=o,s=a(o,["position"]);return c({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},s)}),(({borderRadius:r="borderRadius000"})=>e.css(["border-radius:var(--",");"],r)),(e=>{var{cssProps:r,bg:o,backgroundColor:s}=e,l=a(e,["cssProps","bg","backgroundColor"]);return t.default(c({color:null==r?void 0:r.color,bg:o,backgroundColor:s},l))}),(({cssProps:r})=>e.css(["opacity:",";"],null==r?void 0:r.opacity)),(({overflowWrap:r})=>r&&e.css(["overflow-wrap:",";"],r)),(({cssProps:r,size:o})=>(null==r?void 0:r.height)&&!o&&e.css(["height:",";"],null==r?void 0:r.height)),(({cssProps:r,size:o})=>(null==r?void 0:r.width)&&!o&&e.css(["width:",";"],null==r?void 0:r.width)),(({scrollVariant:r})=>r&&e.css(["scrollbar-color:"," ",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar-thumb{background-color:",";}"],s.default[r].thumb,s.default[r].track,s.default[r].track,s.default[r].thumb)),(({boxSizing:r})=>r&&e.css(["box-sizing:",";"],r)),(({display:r,gap:t,columnGap:s,rowGap:l})=>("flex"===r||"inline-flex"===r||"grid"===r||"inline-grid"===r)&&e.css([""," "," ",""],void 0!==t&&e.css(["gap:",";"],o.default(t)),void 0!==s&&e.css(["column-gap:",";"],o.default(s)),void 0!==l&&e.css(["row-gap:",";"],o.default(l)))),(({boxShadow:r})=>r&&e.css(["box-shadow:var(--",");"],r)),(({display:r,hidden:o})=>e.css(["display:",";"],o?"none":r)));exports.default=u;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./responsive-vertical-menu-item.style.js"),r=require("../__internal__/depth.context.js"),i=require("../__internal__/focus.context.js"),o=require("../responsive-vertical-menu.context.js"),s=require("../../../icon/icon.component.js"),l=require("../../../../__internal__/utils/helpers/guid/index.js");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(t);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){a(e,t,n[t])}))}return e}function p(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function v(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}const f=t.createContext(void 0),h=({customIcon:t,depth:r,hasChildren:i,icon:o,label:l,responsive:c})=>t?e.jsxs(n.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:r,hasChildren:i,icon:!0,responsive:c,children:[t,l]}):e.jsxs(n.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:r,hasChildren:i,icon:!!o,responsive:c,children:[o&&e.jsx(s.default,{type:o}),l]}),m=t.forwardRef(((s,l)=>{var{children:c,customIcon:a,icon:m,id:y,href:b,label:j,onClick:x,rel:O,target:I}=s,g=v(s,["children","customIcon","icon","id","href","label","onClick","rel","target"]);const{activeMenuItem:M,containerRef:w,responsiveMode:_,setActive:C,setActiveMenuItem:S,reducedMotion:P}=o.useResponsiveVerticalMenu(),{expandItem:D,focusItem:k,getRegisteredItems:$,moveFocus:q,registerMenuItem:R}=i.useMenuFocus(),A=r.useDepth(),E=(null==M?void 0:M.id)===y,F=d.default.Children.count(c)>0,K=t.useContext(f),N=t.useMemo((()=>_&&0===A),[A,_]),[V,L]=t.useState(N&&F);t.useEffect((()=>{R(y,l,K)}),[y,K,l,R]);const T=e=>{let t,n;switch(e.key){case"Tab":var r;if(n=(null===(r=w.current)||void 0===r?void 0:r.querySelectorAll(`[data-depth="${A}"]`))||[],t=Array.from(n),0===A&&F&&(null==M?void 0:M.id)===y&&(e.preventDefault(),q(e.shiftKey?"lastChild":"firstChild")),1===A){const n=t.findIndex((e=>e.id===y)),r=0===n;n===t.length-1&&(!F||F&&!V)&&(e.shiftKey||(e.preventDefault(),q("parent"))),r&&e.shiftKey&&(e.preventDefault(),q("parent"))}if(2===A&&t.findIndex((e=>e.id===y))===t.length-1){const t=$(),n=t.find((e=>e.id===K)),r=t.find((e=>e.id===(null==n?void 0:n.parentId)));if(r){var i;const t=Array.from((null===(i=w.current)||void 0===i?void 0:i.querySelectorAll(`[data-depth="${A-1}"]`))||[]);t.findIndex((e=>e.id===K))===t.length-1&&!e.shiftKey&&(e.preventDefault(),k(r.id))}}break;case"Enter":case" ":if(e.preventDefault(),N)return;if(F)if(0!==A||_)L(!V),D(y,!V);else{const e=(null==M?void 0:M.id)===y;S(e?null:{id:y,label:j,children:c})}else b&&"Enter"===e.key&&(window.location.href=b)}};return e.jsx(n.StyledResponsiveMenuListItem,{children:F?e.jsxs(e.Fragment,{children:[e.jsxs(n.StyledResponsiveMenuItem,p(u({active:E,"aria-expanded":E||V,"data-component":`responsive-vertical-menu-item-${y}`,"data-depth":A,"data-role":`responsive-vertical-menu-item-${y}`,depth:A,hasIcon:!!m||!!a,id:y,onClick:()=>{if(!N){if(0!==A||_)L(!V),D(y,!V);else{const e=(null==M?void 0:M.id)===y;S(e?null:{id:y,label:j,children:c})}k(y)}},onKeyDown:e=>{_||T(e)},onFocus:()=>k(y),ref:l,responsive:_,tabIndex:N?-1:0,type:"button"},g),{children:[e.jsx(h,{customIcon:a,depth:A,hasChildren:!0,icon:m,label:j,responsive:_}),!N&&e.jsx(n.StyledIcon,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:A,expanded:V||E,reduceMotion:!!P,type:A>=1?"chevron_down_thick":"chevron_right_thick"})]})),V&&e.jsx(n.StyledNestedMenuWrapper,{"data-component":`${y}-nested-menu-wrapper`,"data-role":`${y}-nested-menu-wrapper`,depth:A,hasIcon:!!m||!!a,responsive:_,children:e.jsx(n.StyledNestedMenu,{"data-component":`${y}-nested-menu`,"data-role":`${y}-nested-menu`,depth:A,hasIcon:!!m||!!a,id:`${y}-nested-menu`,responsive:_,children:e.jsx(f.Provider,{value:y,children:c})})})]}):e.jsx(n.StyledResponsiveMenuAction,p(u({"data-component":`responsive-vertical-menu-item-${y}`,"data-depth":A,"data-role":`responsive-vertical-menu-item-${y}`,depth:A,href:b,id:y,onClick:e=>{null==x||x(e),C(!1)},onFocus:()=>k(y),onKeyDown:e=>{_||T(e)},ref:l,rel:O,responsive:_,tabIndex:0,target:I},g),{children:e.jsx(h,{customIcon:a,depth:A,hasChildren:!1,icon:m,label:j,responsive:_})}))})})),y=n=>{var{children:o,id:s,label:c}=n,d=v(n,["children","id","label"]);const a=r.useDepth(),h=t.useRef(null),{registerMenuItem:y}=i.useMenuFocus(),b=t.useContext(f),j=t.useRef(s||l.default());return t.useEffect((()=>{const e=j.current;y(e,h,b)}),[b,y]),e.jsx(m,p(u({id:j.current,label:c},d),{"data-depth":a,ref:h,children:o&&e.jsx(f.Provider,{value:s,children:e.jsx(r.IncreaseDepth,{children:o})})}))};exports.ResponsiveVerticalMenuItem=y,exports.default=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./responsive-vertical-menu-item.style.js"),r=require("../__internal__/depth.context.js"),i=require("../__internal__/focus.context.js"),o=require("../responsive-vertical-menu.context.js"),s=require("../../../icon/icon.component.js"),l=require("../../../../__internal__/utils/helpers/guid/index.js");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(t);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){a(e,t,n[t])}))}return e}function p(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function v(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}const f=t.createContext(void 0),h=({customIcon:t,depth:r,hasChildren:i,icon:o,label:l,responsive:c})=>t?e.jsxs(n.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:r,hasChildren:i,icon:!0,responsive:c,children:[t,l]}):e.jsxs(n.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:r,hasChildren:i,icon:!!o,responsive:c,children:[o&&e.jsx(s.default,{type:o}),l]}),m=t.forwardRef(((s,l)=>{var{children:c,customIcon:a,icon:m,id:y,href:b,label:j,onClick:x,rel:O,target:I}=s,g=v(s,["children","customIcon","icon","id","href","label","onClick","rel","target"]);const{activeMenuItem:M,containerRef:w,responsiveMode:_,setActive:C,setActiveMenuItem:S,reducedMotion:P}=o.useResponsiveVerticalMenu(),{expandItem:D,focusItem:k,getRegisteredItems:$,moveFocus:q,registerMenuItem:R}=i.useMenuFocus(),A=r.useDepth(),E=(null==M?void 0:M.id)===y,F=d.default.Children.count(c)>0,K=t.useContext(f),N=t.useMemo((()=>_&&0===A),[A,_]),[V,L]=t.useState(N&&F||A>=2);t.useEffect((()=>{R(y,l,K)}),[y,K,l,R]);const T=e=>{let t,n;switch(e.key){case"Tab":var r;if(n=(null===(r=w.current)||void 0===r?void 0:r.querySelectorAll(`[data-depth="${A}"]`))||[],t=Array.from(n),0===A&&F&&(null==M?void 0:M.id)===y&&(e.preventDefault(),q(e.shiftKey?"lastChild":"firstChild")),1===A){const n=t.findIndex((e=>e.id===y)),r=0===n;n===t.length-1&&(!F||F&&!V)&&(e.shiftKey||(e.preventDefault(),q("parent"))),r&&e.shiftKey&&(e.preventDefault(),q("parent"))}if(2===A&&t.findIndex((e=>e.id===y))===t.length-1){const t=$(),n=t.find((e=>e.id===K)),r=t.find((e=>e.id===(null==n?void 0:n.parentId)));if(r){var i;const t=Array.from((null===(i=w.current)||void 0===i?void 0:i.querySelectorAll(`[data-depth="${A-1}"]`))||[]);t.findIndex((e=>e.id===K))===t.length-1&&!e.shiftKey&&(e.preventDefault(),k(r.id))}}break;case"Enter":case" ":if(e.preventDefault(),N)return;if(F)if(0!==A||_)L(!V),D(y,!V);else{const e=(null==M?void 0:M.id)===y;S(e?null:{id:y,label:j,children:c})}else b&&"Enter"===e.key&&(window.location.href=b)}};return e.jsx(n.StyledResponsiveMenuListItem,{children:F?e.jsxs(e.Fragment,{children:[e.jsxs(n.StyledResponsiveMenuItem,p(u({active:E,"aria-expanded":E||V,"data-component":`responsive-vertical-menu-item-${y}`,"data-depth":A,"data-role":`responsive-vertical-menu-item-${y}`,depth:A,hasIcon:!!m||!!a,id:y,onClick:()=>{if(!N){if(0!==A||_)L(!V),D(y,!V);else{const e=(null==M?void 0:M.id)===y;S(e?null:{id:y,label:j,children:c})}k(y)}},onKeyDown:e=>{_||T(e)},onFocus:()=>k(y),ref:l,responsive:_,tabIndex:N?-1:0,type:"button"},g),{children:[e.jsx(h,{customIcon:a,depth:A,hasChildren:!0,icon:m,label:j,responsive:_}),!N&&e.jsx(n.StyledIcon,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:A,expanded:V||E,reduceMotion:!!P,type:A>=1?"chevron_down_thick":"chevron_right_thick"})]})),V&&e.jsx(n.StyledNestedMenuWrapper,{"data-component":`${y}-nested-menu-wrapper`,"data-role":`${y}-nested-menu-wrapper`,depth:A,hasIcon:!!m||!!a,responsive:_,children:e.jsx(n.StyledNestedMenu,{"data-component":`${y}-nested-menu`,"data-role":`${y}-nested-menu`,depth:A,hasIcon:!!m||!!a,id:`${y}-nested-menu`,responsive:_,children:e.jsx(f.Provider,{value:y,children:c})})})]}):e.jsx(n.StyledResponsiveMenuAction,p(u({"data-component":`responsive-vertical-menu-item-${y}`,"data-depth":A,"data-role":`responsive-vertical-menu-item-${y}`,depth:A,href:b,id:y,onClick:e=>{null==x||x(e),C(!1)},onFocus:()=>k(y),onKeyDown:e=>{_||T(e)},ref:l,rel:O,responsive:_,tabIndex:0,target:I},g),{children:e.jsx(h,{customIcon:a,depth:A,hasChildren:!1,icon:m,label:j,responsive:_})}))})})),y=n=>{var{children:o,id:s,label:c}=n,d=v(n,["children","id","label"]);const a=r.useDepth(),h=t.useRef(null),{registerMenuItem:y}=i.useMenuFocus(),b=t.useContext(f),j=t.useRef(s||l.default());return t.useEffect((()=>{const e=j.current;y(e,h,b)}),[b,y]),e.jsx(m,p(u({id:j.current,label:c},d),{"data-depth":a,ref:h,children:o&&e.jsx(f.Provider,{value:s,children:e.jsx(r.IncreaseDepth,{children:o})})}))};exports.ResponsiveVerticalMenuItem=y,exports.default=y;

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

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../../icon/icon.component.js"),i=require("../../../../style/utils/add-focus-styling.js");function s(e){return e&&e.__esModule?e:{default:e}}var o=s(e);const r=(e,t)=>e&&t?"180deg":"0deg",a=e.css(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:0 var(--spacing200);width:100%;"," ",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],t.margin,t.padding,i.default(!0)),d=o.default(n.default).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"sc-1b4b87cd-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>r(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:t,expanded:n,reduceMotion:i})=>n&&e.css(["rotate:",";transition:rotate "," ease-out;"],r(t,n),i?0:"0.2s"))),c=o.default.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"sc-1b4b87cd-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),l=o.default.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"sc-1b4b87cd-2"})(["box-sizing:border-box;display:flex;justify-content:",";width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:t,responsive:n})=>1===t&&n&&e.css(["padding:0 0 0 16px;"]))),p=o.default.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"sc-1b4b87cd-3"})(["padding:0;",""],(({depth:t,hasIcon:n,responsive:i})=>e.css(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],t<2&&!n?"100%":"88%",i&&e.css(["margin-left:",";"],n||1===t?"var(--spacing200)":"0"),1===t?"var(--fontWeights400)":"var(--fontWeights500)"))),u=o.default.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"sc-1b4b87cd-4"})(["list-style:none;margin:0;padding:0;width:100%;max-width:340px;"]),g=o.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"sc-1b4b87cd-5"})([""," "," ",""],a,(({active:t,responsive:n})=>t&&!n&&e.css(["background-color:var(--colorsGray850);"])),(({depth:t,responsive:n})=>0===t&&n&&e.css(["color:var(--colorsUtilityYang080);cursor:default;"]))),m=o.default.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuAction",componentId:"sc-1b4b87cd-6"})([""," height:40px;text-decoration:none;"],a);exports.StyledIcon=d,exports.StyledMenuItemContent=c,exports.StyledNestedMenu=p,exports.StyledNestedMenuWrapper=l,exports.StyledResponsiveMenuAction=m,exports.StyledResponsiveMenuItem=g,exports.StyledResponsiveMenuListItem=u;
+"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../../icon/icon.component.js"),i=require("../../../../style/utils/add-focus-styling.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(e);const a=(e,t)=>e&&t?"180deg":"0deg",r=e.css(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:0 var(--spacing200);width:100%;"," ",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],t.margin,t.padding,i.default(!0)),d=s.default(n.default).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"sc-d6a04aac-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>a(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:t,expanded:n,reduceMotion:i})=>n&&e.css(["rotate:",";transition:rotate "," ease-out;"],a(t,n),i?0:"0.2s"))),c=s.default.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"sc-d6a04aac-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),l=s.default.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"sc-d6a04aac-2"})(["box-sizing:border-box;display:flex;justify-content:",";width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:t,responsive:n})=>1===t&&n&&e.css(["padding:0 0 0 16px;"]))),p=s.default.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"sc-d6a04aac-3"})(["padding:0;",""],(({depth:t,hasIcon:n,responsive:i})=>e.css(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],t<2&&!n?"100%":"88%",i&&e.css(["margin-left:",";"],n||1===t?"var(--spacing200)":"0"),1===t?"var(--fontWeights400)":"var(--fontWeights500)"))),g=s.default.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"sc-d6a04aac-4"})(["list-style:none;margin:0;padding:0;width:100%;max-width:340px;"]),v=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"sc-d6a04aac-5"})([""," "," "," ",""],r,(({active:t,responsive:n})=>t&&!n&&e.css(["background-color:var(--colorsGray850);"])),(({depth:t,responsive:n})=>0===t&&n&&e.css(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:t})=>t>=2&&e.css(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),u=s.default.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuAction",componentId:"sc-d6a04aac-6"})([""," height:40px;text-decoration:none;",""],r,(({depth:t,responsive:n})=>t>=2&&e.css(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],n&&t>=3&&e.css(["margin-left:var(--spacing300);"]))));exports.StyledIcon=d,exports.StyledMenuItemContent=c,exports.StyledNestedMenu=p,exports.StyledNestedMenuWrapper=l,exports.StyledResponsiveMenuAction=u,exports.StyledResponsiveMenuItem=v,exports.StyledResponsiveMenuListItem=g;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "155.7.1",
+  "version": "155.9.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",