carbon-react 162.12.0-beta.1 → 162.13.0

package/lib/components/tooltip/tooltip-pointer.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import{toColor as r}from"../../style/utils/color.js";const i=o.div.attrs(e).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"carbon_v162_12_0__sc-55209bbd-0"})(["",""],(({theme:o,type:e,bgColor:i})=>t(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],o.zIndex.popover,((o,t,e)=>t?r(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(o,i,e))));export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.div.attrs(t.default).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"carbon_v162_12_0__sc-55209bbd-0"})(["",""],(({theme:t,type:r,bgColor:s})=>e.css(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],t.zIndex.popover,((e,t,r)=>t?o.toColor(e,t):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,s,r))));exports.default=s;

package/lib/components/tooltip/tooltip.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import o,{useRef as n,useState as i,useEffect as l,useCallback as c,useMemo as p}from"react";import s from"invariant";import{offset as a,flip as u,shift as f,limitShift as m,arrow as b,useFloating as d,autoUpdate as y}from"@floating-ui/react-dom";import O from"./tooltip.style.js";import g from"./tooltip-pointer.style.js";import{TOOLTIP_POSITIONS as j}from"./tooltip.config.js";import h from"../../__internal__/utils/helpers/tags/tags.js";import{Portal as v}from"../portal/portal.js";function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){w(e,t,r[t])}))}return e}function x(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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function E(e,t){e&&("function"==typeof e&&e(t),"object"==typeof e&&"current"in e&&(e.current=t))}const S=o.forwardRef(((w,S)=>{var{children:C,isVisible:T,position:z="top",message:D,type:k,size:A="medium",isPartOfInput:I,inputSize:_="medium",id:L,bgColor:V,fontColor:M,flipOverrides:N,target:R}=w,q=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(w,["children","isVisible","position","message","type","size","isPartOfInput","inputSize","id","bgColor","fontColor","flipOverrides","target"]);const B=n(null),F=void 0!==T,[G,H]=i(!1);let J=G;F&&(J=T);const K=n(void 0),Q=n(void 0);l((()=>()=>{clearTimeout(K.current),clearTimeout(Q.current)}),[]);const U=c((()=>H(!0)),[]),W=c((()=>H(!1)),[]),X=c((()=>{K.current=window.setTimeout(U,100)}),[U]),Y=c((()=>{Q.current=window.setTimeout(W,100)}),[W]);l((()=>{const e={mouseenter:X,mouseleave:Y,focus:U,blur:W},t=R||B.current;return F||Object.entries(e).forEach((([e,r])=>{null==t||t.addEventListener(e,r)})),()=>{F||Object.entries(e).forEach((([e,r])=>{null==t||t.removeEventListener(e,r)}))}}),[C,U,X,W,Y,F,R]);const Z=n(N);Z.current=N;const $=n(null),ee=c((e=>{let t=9;return I&&(t={small:5,medium:["top","bottom"].includes(e)?6:8,large:["top","bottom"].includes(e)?10:12}[_]),t}),[_,I]),te=p((()=>[a((({placement:e})=>({mainAxis:ee(e)}))),u({fallbackPlacements:Z.current}),f({padding:5,limiter:m({offset:({rects:e})=>({mainAxis:e.reference.height})})}),b({element:$})]),[ee,$]),{x:re,y:oe,reference:ne,floating:ie,strategy:le,placement:ce,middlewareData:pe}=d({placement:z,middleware:te,whileElementsMounted:y}),se={position:le,top:null!=oe?oe:0,left:null!=re?re:0},ae=c((e=>{ne(R||e),B.current=e,E(C.ref,e)}),[ne,C,R]),ue=c((e=>{ie(e),E(S,e)}),[ie,S]),fe={top:"bottom",right:"left",bottom:"top",left:"right"}[ce.split("-")[0]],{x:me,y:be}=pe.arrow||{},de={left:me,top:be,[fe]:"-6px"},ye=!N||Array.isArray(N)&&N.every((e=>j.includes(e)));return s(ye,'The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].'),e(t,{children:[o.cloneElement(C,{ref:ae}),J?r(v,{children:e(O,x(P({"data-element":"tooltip","data-role":"tooltip",role:"tooltip",tabIndex:-1,type:k,size:A,id:L},h("tooltip",q)),{ref:ue,bgColor:V,fontColor:M,style:se,"data-placement":ce,children:[r(g,{type:k,ref:$,"data-element":"tooltip-pointer","data-role":"tooltip-pointer",bgColor:V,style:de}),D]}))}):null]})}));S.displayName="Tooltip";export{S as Tooltip,S as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),o=require("@floating-ui/react-dom"),n=require("./tooltip.style.js"),l=require("./tooltip-pointer.style.js"),i=require("./tooltip.config.js"),s=require("../../__internal__/utils/helpers/tags/tags.js"),u=require("../portal/portal.js");function a(e){return e&&e.__esModule?e:{default:e}}var c=a(t),f=a(r);function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){p(e,t,r[t])}))}return e}function b(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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function m(e,t){e&&("function"==typeof e&&e(t),"object"==typeof e&&"current"in e&&(e.current=t))}const y=c.default.forwardRef(((r,a)=>{var{children:p,isVisible:y,position:O="top",message:g,type:j,size:v="medium",isPartOfInput:h,inputSize:w="medium",id:P,bgColor:x,fontColor:C,flipOverrides:S,target:k}=r,E=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(r,["children","isVisible","position","message","type","size","isPartOfInput","inputSize","id","bgColor","fontColor","flipOverrides","target"]);const T=t.useRef(null),q=void 0!==y,[_,I]=t.useState(!1);let R=_;q&&(R=y);const z=t.useRef(void 0),D=t.useRef(void 0);t.useEffect((()=>()=>{clearTimeout(z.current),clearTimeout(D.current)}),[]);const A=t.useCallback((()=>I(!0)),[]),M=t.useCallback((()=>I(!1)),[]),L=t.useCallback((()=>{z.current=window.setTimeout(A,100)}),[A]),F=t.useCallback((()=>{D.current=window.setTimeout(M,100)}),[M]);t.useEffect((()=>{const e={mouseenter:L,mouseleave:F,focus:A,blur:M},t=k||T.current;return q||Object.entries(e).forEach((([e,r])=>{null==t||t.addEventListener(e,r)})),()=>{q||Object.entries(e).forEach((([e,r])=>{null==t||t.removeEventListener(e,r)}))}}),[p,A,L,M,F,q,k]);const N=t.useRef(S);N.current=S;const V=t.useRef(null),U=t.useCallback((e=>{let t=9;return h&&(t={small:5,medium:["top","bottom"].includes(e)?6:8,large:["top","bottom"].includes(e)?10:12}[w]),t}),[w,h]),B=t.useMemo((()=>[o.offset((({placement:e})=>({mainAxis:U(e)}))),o.flip({fallbackPlacements:N.current}),o.shift({padding:5,limiter:o.limitShift({offset:({rects:e})=>({mainAxis:e.reference.height})})}),o.arrow({element:V})]),[U,V]),{x:G,y:H,reference:J,floating:K,strategy:Q,placement:W,middlewareData:X}=o.useFloating({placement:O,middleware:B,whileElementsMounted:o.autoUpdate}),Y={position:Q,top:null!=H?H:0,left:null!=G?G:0},Z=t.useCallback((e=>{J(k||e),T.current=e,m(p.ref,e)}),[J,p,k]),$=t.useCallback((e=>{K(e),m(a,e)}),[K,a]),ee={top:"bottom",right:"left",bottom:"top",left:"right"}[W.split("-")[0]],{x:te,y:re}=X.arrow||{},oe={left:te,top:re,[ee]:"-6px"},ne=!S||Array.isArray(S)&&S.every((e=>i.TOOLTIP_POSITIONS.includes(e)));return f.default(ne,'The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].'),e.jsxs(e.Fragment,{children:[c.default.cloneElement(p,{ref:Z}),R?e.jsx(u.Portal,{children:e.jsxs(n.default,b(d({"data-element":"tooltip","data-role":"tooltip",role:"tooltip",tabIndex:-1,type:j,size:v,id:P},s.default("tooltip",E)),{ref:$,bgColor:x,fontColor:C,style:Y,"data-placement":W,children:[e.jsx(l.default,{type:j,ref:V,"data-element":"tooltip-pointer","data-role":"tooltip-pointer",bgColor:x,style:oe}),g]}))}):null]})}));y.displayName="Tooltip",exports.Tooltip=y,exports.default=y;

package/lib/components/tooltip/tooltip.config.js

@@ -1 +1 @@
-const t=["bottom","left","right","top"];export{t as TOOLTIP_POSITIONS};
+"use strict";exports.TOOLTIP_POSITIONS=["bottom","left","right","top"];

package/lib/components/tooltip/tooltip.style.js

@@ -1 +1 @@
-import o,{keyframes as t,css as e}from"styled-components";import r from"../../style/themes/apply-base-theme.js";import{toColor as a}from"../../style/utils/color.js";const i=t(["0%{opacity:0;}100%{opacity:1;}"]),l=o.div.attrs(r).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"carbon_v162_12_0__sc-386308ac-0"})(["",""],(({size:o,theme:t,type:r,bgColor:l,fontColor:n})=>e(["bottom:auto;right:auto;max-width:300px;width:max-content;border-radius:var(--borderRadius050);position:absolute;animation:"," 0.2s linear;z-index:",";text-align:left;color:",";display:inline-block;padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:",";line-height:1.5rem;font-weight:400;background-color:",";"],i,t.zIndex.popover,n?a(t,n):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((o,t,e)=>t?a(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,l,r))));export{l as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=e.keyframes(["0%{opacity:0;}100%{opacity:1;}"]),l=a.default.div.attrs(o.default).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"carbon_v162_12_0__sc-386308ac-0"})(["",""],(({size:o,theme:r,type:a,bgColor:l,fontColor:s})=>e.css(["bottom:auto;right:auto;max-width:300px;width:max-content;border-radius:var(--borderRadius050);position:absolute;animation:"," 0.2s linear;z-index:",";text-align:left;color:",";display:inline-block;padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:",";line-height:1.5rem;font-weight:400;background-color:",";"],i,r.zIndex.popover,s?t.toColor(r,s):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((e,o,r)=>o?t.toColor(e,o):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(r,l,a))));exports.default=l;

package/lib/components/typography/__internal__/__next__/index.js

@@ -1 +1 @@
-export{Typography as default}from"./typography.component.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./typography.component.js");exports.default=e.Typography;

package/lib/components/typography/__internal__/__next__/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../../../esm/components/typography/__internal__/__next__/index.js",
+  "types": "./index.d.ts"
+}

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../../../__internal__/utils/helpers/tags/tags.js";import t from"../../../../style/utils/filter-styled-system-padding-props.js";import n from"../../../../style/utils/filter-styled-system-margin-props.js";import i from"../../../../__internal__/filter-object-properties/filter-object-properties.js";import o from"./typography.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}const a=["h1","h2","h3","h4","h5","section-heading","section-subheading","ul","ol","sup","sub","strong","b","p"],l=["neutral","subtle","caution","info","negative","positive"],c=["textTransform","textDecoration","display","whiteSpace","wordBreak","wordWrap","textAlign","textOverflow","overflow"],p=l=>{var{variant:p="p",as:u,children:f,id:y,fluid:b=!1,inverse:d=!1,screenReaderOnly:O=!1,size:m="M",color:g,tint:h="default",weight:j="regular",role:v,"aria-hidden":w,"aria-live":P,className:$}=l,x=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(l,["variant","as","children","id","fluid","inverse","screenReaderOnly","size","color","tint","weight","role","aria-hidden","aria-live","className"]);const _=null!=g?g:"alt"===h?"subtle":"neutral";return e(o,(S=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){s(e,r,t[r])}))}return e}({id:y,as:u||("section-heading"===p?"h2":"section-subheading"===p?"h3":a.includes(p)?p:"p"),$variant:p,$fluid:b,$inverse:d,$screenReaderOnly:O,$size:m,$color:_,$weight:j,role:v,"aria-hidden":w,"aria-live":P,className:$},r("typography",x),n(x),t(x),Object.fromEntries(Object.entries(i(x,c)).map((([e,r])=>[`$${e}`,r])))),D=null!=(D={children:f})?D:{},Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(D)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(D)).forEach((function(e){Object.defineProperty(S,e,Object.getOwnPropertyDescriptor(D,e))})),S));var S,D};export{c as ALLOWED_CSS_TEXT_OVERRIDE_KEYS,l as TYPOGRAPHY_COLOR_TYPES,p as Typography,a as VARIANT_TYPES,p as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../../../__internal__/utils/helpers/tags/tags.js"),t=require("../../../../style/utils/filter-styled-system-padding-props.js"),n=require("../../../../style/utils/filter-styled-system-margin-props.js"),i=require("../../../../__internal__/filter-object-properties/filter-object-properties.js"),s=require("./typography.style.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const a=["h1","h2","h3","h4","h5","section-heading","section-subheading","ul","ol","sup","sub","strong","b","p"],l=["textTransform","textDecoration","display","whiteSpace","wordBreak","wordWrap","textAlign","textOverflow","overflow"],c=c=>{var{variant:u="p",as:p,children:f,id:d,fluid:y=!1,inverse:O=!1,screenReaderOnly:b=!1,size:g="M",color:h,tint:j="default",weight:v="regular",role:m,"aria-hidden":w,"aria-live":P,className:_}=c,x=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(c,["variant","as","children","id","fluid","inverse","screenReaderOnly","size","color","tint","weight","role","aria-hidden","aria-live","className"]);const S=null!=h?h:"alt"===j?"subtle":"neutral";return e.jsx(s.default,(E=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({id:d,as:p||("section-heading"===u?"h2":"section-subheading"===u?"h3":a.includes(u)?u:"p"),$variant:u,$fluid:y,$inverse:O,$screenReaderOnly:b,$size:g,$color:S,$weight:v,role:m,"aria-hidden":w,"aria-live":P,className:_},r.default("typography",x),n.default(x),t.default(x),Object.fromEntries(Object.entries(i.default(x,l)).map((([e,r])=>[`$${e}`,r])))),$=null!=($={children:f})?$:{},Object.getOwnPropertyDescriptors?Object.defineProperties(E,Object.getOwnPropertyDescriptors($)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object($)).forEach((function(e){Object.defineProperty(E,e,Object.getOwnPropertyDescriptor($,e))})),E));var E,$};exports.ALLOWED_CSS_TEXT_OVERRIDE_KEYS=l,exports.TYPOGRAPHY_COLOR_TYPES=["neutral","subtle","caution","info","negative","positive"],exports.Typography=c,exports.VARIANT_TYPES=a,exports.default=c;

package/lib/components/typography/__internal__/__next__/typography.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import{space as o}from"styled-system";import n from"../../../../style/themes/apply-base-theme.js";import a from"../../../../style/utils/visually-hidden.js";const i={h1:"heading-l",h2:"heading-m",h3:"heading-s",h4:"subheading-l",h5:"subheading-m","section-heading":"section-heading-m","section-subheading":"section-heading-s"},r=t.span.attrs(n).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_12_0__sc-fb92dc-0"})(["",""],(({$display:t,$variant:n,$fluid:r,$inverse:s,$size:l,$color:d,$weight:v,$whiteSpace:$,$wordBreak:c,$wordWrap:p,$textAlign:g,$textDecoration:f,$textOverflow:m,$textTransform:h,$overflow:u,$screenReaderOnly:y})=>{const b=r?"fluid":"static",x="M"===l?"m":"l",w={neutral:`var(--page-content${s?"-inverse":""}-txt-default)`,subtle:`var(--page-content${s?"-inverse":""}-txt-alt)`,caution:"var(--page-content-caution-txt)",info:"var(--page-content-info-txt)",negative:"var(--page-content-negative-txt)",positive:"var(--page-content-positive-txt)"}[d],_=n&&n in i,z="strong"===n||"b"===n,j="sup"===n||"sub"===n,k=`--global-font-${b}-body-medium-${x}`,O=`--global-font-${b}-body-${v}-${x}`;return e([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!y&&"margin: unset;",o,y&&a,void 0!==t&&`display: ${t};`,void 0!==$&&`white-space: ${$};`,void 0!==c&&`word-break: ${c};`,void 0!==p&&`word-wrap: ${p};`,void 0!==g&&`text-align: ${g};`,void 0!==f&&`text-decoration: ${f};`,void 0!==m&&`text-overflow: ${m};`,void 0!==h&&`text-transform: ${h};`,void 0!==u&&`overflow: ${u};`,_&&e(["font:var(",");color:",";"],`--global-font-${b}-${_?i[n]:""}`,w),z&&e(["font:var(",");color:",";"],k,w),"sup"===n&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],O,w),"sub"===n&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],O,w),!_&&!z&&!j&&e(["font:var(",");color:",";"],O,w))}));export{r as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../../../style/themes/apply-base-theme.js"),a=require("../../../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const s={h1:"heading-l",h2:"heading-m",h3:"heading-s",h4:"subheading-l",h5:"subheading-m","section-heading":"section-heading-m","section-subheading":"section-heading-s"},i=n(e).default.span.attrs(o.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_12_0__sc-fb92dc-0"})(["",""],(({$display:o,$variant:n,$fluid:i,$inverse:r,$size:l,$color:d,$weight:c,$whiteSpace:v,$wordBreak:u,$wordWrap:$,$textAlign:p,$textDecoration:f,$textOverflow:g,$textTransform:h,$overflow:y,$screenReaderOnly:b})=>{const m=i?"fluid":"static",x="M"===l?"m":"l",w={neutral:`var(--page-content${r?"-inverse":""}-txt-default)`,subtle:`var(--page-content${r?"-inverse":""}-txt-alt)`,caution:"var(--page-content-caution-txt)",info:"var(--page-content-info-txt)",negative:"var(--page-content-negative-txt)",positive:"var(--page-content-positive-txt)"}[d],_=n&&n in s,q="strong"===n||"b"===n,j="sup"===n||"sub"===n,z=`--global-font-${m}-${_?s[n]:""}`,M=`--global-font-${m}-body-medium-${x}`,O=`--global-font-${m}-body-${c}-${x}`;return e.css([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!b&&"margin: unset;",t.space,b&&a.default,void 0!==o&&`display: ${o};`,void 0!==v&&`white-space: ${v};`,void 0!==u&&`word-break: ${u};`,void 0!==$&&`word-wrap: ${$};`,void 0!==p&&`text-align: ${p};`,void 0!==f&&`text-decoration: ${f};`,void 0!==g&&`text-overflow: ${g};`,void 0!==h&&`text-transform: ${h};`,void 0!==y&&`overflow: ${y};`,_&&e.css(["font:var(",");color:",";"],z,w),q&&e.css(["font:var(",");color:",";"],M,w),"sup"===n&&e.css(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],O,w),"sub"===n&&e.css(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],O,w),!_&&!q&&!j&&e.css(["font:var(",");color:",";"],O,w))}));exports.default=i;

package/lib/components/typography/index.js

@@ -1 +1 @@
-export{Typography as default}from"./typography.component.js";export{List,ListItem}from"./list.component.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./typography.component.js"),t=require("./list.component.js");exports.default=e.Typography,exports.List=t.List,exports.ListItem=t.ListItem;

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

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{useContext as e}from"react";import{Typography as t}from"./typography.component.js";import{ListContext as n}from"./list.context.js";function o(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function c(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){o(r,e,t[e])}))}return r}function i(r,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))})),r}function a(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},c=Object.keys(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}const l=r=>"ul"===r?"square":"decimal",p=e=>{var{children:o,as:p="ul",variant:u="p"}=e,f=a(e,["children","as","variant"]);return r(t,i(c({variant:u,as:p,listStyleType:l(p)},f),{children:r(n.Provider,{value:{variant:u},children:o})}))},u=o=>{var{children:l}=o,p=a(o,["children"]);const{variant:u}=e(n);return r(t,i(c({as:"li",m:"0 0 8px 16px"},p),{variant:u,children:l}))};export{p as List,u as ListItem};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./typography.component.js"),n=require("./list.context.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(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}function a(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const l=e=>"ul"===e?"square":"decimal";exports.List=r=>{var{children:o,as:s="ul",variant:u="p"}=r,p=a(r,["children","as","variant"]);return e.jsx(t.Typography,c(i({variant:u,as:s,listStyleType:l(s)},p),{children:e.jsx(n.ListContext.Provider,{value:{variant:u},children:o})}))},exports.ListItem=o=>{var{children:l}=o,s=a(o,["children"]);const{variant:u}=r.useContext(n.ListContext);return e.jsx(t.Typography,c(i({as:"li",m:"0 0 8px 16px"},s),{variant:u,children:l}))};

package/lib/components/typography/list.context.js

@@ -1 +1 @@
-import t from"react";const e=t.createContext({});export{e as ListContext,e as default};
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("react")).default.createContext({});exports.ListContext=t,exports.default=t;

package/lib/components/typography/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/typography/index.js",
+  "types": "./index.d.ts"
+}

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../__internal__/filter-object-properties/filter-object-properties.js";import{ALLOWED_CSS_TEXT_OVERRIDE_KEYS as t,TYPOGRAPHY_COLOR_TYPES as n}from"./__internal__/__next__/typography.component.js";import a from"./typography.style.js";function i(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]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){i(e,r,t[r])}))}return e}function o(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 l=["h1-large","h1","h2","h3","h4","h5","segment-header","section-heading","segment-header-small","segment-subheader","section-subheading","segment-subheader-alt","p","span","small","big","sup","sub","strong","b","em","ul","ol"],c=new Set(["white","#fff","#ffffff","rgb(255,255,255)","rgb(255, 255, 255)"]),u=n,h={"h1-large":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5","segment-header":"h2","segment-header-small":"h3","segment-subheader":"h5","segment-subheader-alt":"h5","section-heading":"h2","section-subheading":"h3",p:"p",span:"span",small:"small",big:"big",sup:"sup",sub:"sub",strong:"strong",em:"em",b:"b",ul:"ul",ol:"ol"},p=e=>{var r;return null!==(r=e&&h[e])&&void 0!==r?r:"p"},d=n=>{var{variant:i="p",as:l,id:h,fluid:d=!1,inverse:f=!1,size:b="M",color:g,tint:m="default",weight:y="regular",truncate:O=!1,children:j,screenReaderOnly:v=!1,"aria-live":w,"aria-hidden":P}=n,_=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(n,["variant","as","id","fluid","inverse","size","color","tint","weight","truncate","children","screenReaderOnly","aria-live","aria-hidden"]);const S=(e=>{switch(e){case"h1-large":return"h1";case"segment-header":return"section-heading";case"segment-header-small":return"section-subheading";case"segment-subheader":case"segment-subheader-alt":return"h5";default:return e}})(i),x=(e=>"string"==typeof e?e.trim().toLowerCase():e)(g),D=(e=>"default"===e?"neutral":"alt"===e?"subtle":e&&u.includes(e)?e:void 0)(x),k=f||((e,r)=>!r&&!!e&&c.has(e))(x,D),z=r(_,t);return O&&(z.overflow="hidden",z.whiteSpace="nowrap",z.textOverflow="ellipsis"),e(a,o(s(o(s({variant:S,forwardedAs:l||p(i),id:h},z),{fluid:d,inverse:k,screenReaderOnly:v,"aria-live":w,"aria-hidden":P,size:b,color:D,tint:m,weight:y}),_),{children:j}))};d.displayName="Typography";export{d as Typography,l as VARIANT_TYPES,d as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/filter-object-properties/filter-object-properties.js"),t=require("./__internal__/__next__/typography.component.js"),n=require("./typography.style.js");function a(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]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}function i(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 l=new Set(["white","#fff","#ffffff","rgb(255,255,255)","rgb(255, 255, 255)"]),o=t.TYPOGRAPHY_COLOR_TYPES,u={"h1-large":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5","segment-header":"h2","segment-header-small":"h3","segment-subheader":"h5","segment-subheader-alt":"h5","section-heading":"h2","section-subheading":"h3",p:"p",span:"span",small:"small",big:"big",sup:"sup",sub:"sub",strong:"strong",em:"em",b:"b",ul:"ul",ol:"ol"},c=e=>{var r;return null!==(r=e&&u[e])&&void 0!==r?r:"p"},h=a=>{var{variant:u="p",as:h,id:p,fluid:d=!1,inverse:b=!1,size:f="M",color:g,tint:y="default",weight:O="regular",truncate:m=!1,children:j,screenReaderOnly:v=!1,"aria-live":w,"aria-hidden":_}=a,P=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(a,["variant","as","id","fluid","inverse","size","color","tint","weight","truncate","children","screenReaderOnly","aria-live","aria-hidden"]);const S=(e=>{switch(e){case"h1-large":return"h1";case"segment-header":return"section-heading";case"segment-header-small":return"section-subheading";case"segment-subheader":case"segment-subheader-alt":return"h5";default:return e}})(u),x=(e=>"string"==typeof e?e.trim().toLowerCase():e)(g),E=(e=>"default"===e?"neutral":"alt"===e?"subtle":e&&o.includes(e)?e:void 0)(x),R=b||((e,r)=>!r&&!!e&&l.has(e))(x,E),T=r.default(P,t.ALLOWED_CSS_TEXT_OVERRIDE_KEYS);return m&&(T.overflow="hidden",T.whiteSpace="nowrap",T.textOverflow="ellipsis"),e.jsx(n.default,i(s(i(s({variant:S,forwardedAs:h||c(u),id:p},T),{fluid:d,inverse:R,screenReaderOnly:v,"aria-live":w,"aria-hidden":_,size:f,color:E,tint:y,weight:O}),P),{children:j}))};h.displayName="Typography",exports.Typography=h,exports.VARIANT_TYPES=["h1-large","h1","h2","h3","h4","h5","segment-header","section-heading","segment-header-small","segment-subheader","section-subheading","segment-subheader-alt","p","span","small","big","sup","sub","strong","b","em","ul","ol"],exports.default=h;

package/lib/components/typography/typography.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{space as o}from"styled-system";import p from"../../style/themes/apply-base-theme.js";import{Typography as s}from"./__internal__/__next__/typography.component.js";import a from"../../style/utils/visually-hidden.js";const i=e(s).attrs(p).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_12_0__sc-bec9c5e6-0"})([""," ",""],(({fontSize:e,fontWeight:o,lineHeight:p,variant:s,screenReaderOnly:i})=>t([""," "," "," margin:",";",""],e&&`font-size: ${e};`,o&&`font-weight: ${o};`,p&&`line-height: ${p};`,"p"===s?"0 0 var(--global-space-comp-l)":"0",i&&a)),o);i.displayName="Typography";export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../style/themes/apply-base-theme.js"),s=require("./__internal__/__next__/typography.component.js"),a=require("../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const l=n(e).default(s.Typography).attrs(r.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_12_0__sc-bec9c5e6-0"})([""," ",""],(({fontSize:t,fontWeight:r,lineHeight:s,variant:n,screenReaderOnly:l})=>{const o="p"===n?"0 0 var(--global-space-comp-l)":"0";return e.css([""," "," "," margin:",";",""],t&&`font-size: ${t};`,r&&`font-weight: ${r};`,s&&`line-height: ${s};`,o,l&&a.default)}),t.space);l.displayName="Typography",exports.default=l;

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

@@ -1 +1 @@
-export{VerticalDivider as default}from"./vertical-divider.component.js";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./vertical-divider.component.js");exports.default=e.VerticalDivider;

package/lib/components/vertical-divider/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/vertical-divider/index.js",
+  "types": "./index.d.ts"
+}

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useContext as r}from"react";import t from"../menu/__internal__/menu.context.js";import{StyledVerticalWrapper as n,StyledDivider as i}from"./vertical-divider.style.js";import o from"../../__internal__/utils/helpers/tags/tags.js";import l from"../../__internal__/utils/logger/index.js";function a(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]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}function s(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}let p=!1;const d=a=>{var{h:d,height:u,displayInline:f=!1,tint:b=80,"aria-hidden":y}=a,O=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["h","height","displayInline","tint","aria-hidden"]);p||(p=!0,l.deprecate("`VerticalDivider` is deprecated and will soon be removed. Please use `Divider` instead."));const{inMenu:m}=r(t);return e(n,s(c(s(c({"data-role":"vertical-divider",p:O.p||3,height:d||u,displayInline:f},O),{as:m?"li":"div","aria-hidden":m||y}),o("vertical-divider",O)),{children:e(i,{"data-role":"divider",tint:b})}))};d.displayName="VerticalDivider";export{d as VerticalDivider,d as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../menu/__internal__/menu.context.js"),i=require("./vertical-divider.style.js"),n=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/utils/logger/index.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){a(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}let u=!1;const s=a=>{var{h:s,height:d,displayInline:p=!1,tint:y=80,"aria-hidden":f}=a,b=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(a,["h","height","displayInline","tint","aria-hidden"]);u||(u=!0,l.default.deprecate("`VerticalDivider` is deprecated and will soon be removed. Please use `Divider` instead."));const{inMenu:O}=r.useContext(t.default);return e.jsx(i.StyledVerticalWrapper,c(o(c(o({"data-role":"vertical-divider",p:b.p||3,height:s||d,displayInline:p},b),{as:O?"li":"div","aria-hidden":O||f}),n.default("vertical-divider",b)),{children:e.jsx(i.StyledDivider,{"data-role":"divider",tint:y})}))};s.displayName="VerticalDivider",exports.VerticalDivider=s,exports.default=s;

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

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import{space as i}from"styled-system";import s from"../../style/themes/apply-base-theme.js";const r=t.div.attrs(s).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"carbon_v162_12_0__sc-b3cc6d7-0"})([""," "," ",""],i,(({height:t})=>t&&e(["height:",";"],"string"==typeof t?`${t}`:`${t}px`)),(({displayInline:t})=>t?"display: inline;":"")),d=t.div.attrs(s).withConfig({displayName:"vertical-divider.style__StyledDivider",componentId:"carbon_v162_12_0__sc-b3cc6d7-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({theme:t,tint:e})=>t.palette.slateTint(e)));export{d as StyledDivider,r as StyledVerticalWrapper};
+"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e);const d=s.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"carbon_v162_12_0__sc-b3cc6d7-0"})([""," "," ",""],t.space,(({height:t})=>t&&e.css(["height:",";"],"string"==typeof t?`${t}`:`${t}px`)),(({displayInline:e})=>e?"display: inline;":"")),l=s.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledDivider",componentId:"carbon_v162_12_0__sc-b3cc6d7-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({theme:e,tint:t})=>e.palette.slateTint(t)));exports.StyledDivider=l,exports.StyledVerticalWrapper=d;

package/lib/components/vertical-menu/__internal__/vertical-menu.context.js

@@ -1 +1 @@
-import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,r]=e({name:"VerticalMenuContext",errorMessage:"Carbon VerticalMenu: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{isFullScreen:!1}});export{t as VerticalMenuProvider,r as useVerticalMenuContext};
+"use strict";var e=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[t,r]=e.default({name:"VerticalMenuContext",errorMessage:"Carbon VerticalMenu: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{isFullScreen:!1}});exports.VerticalMenuProvider=t,exports.useVerticalMenuContext=r;

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

@@ -1 +1 @@
-export{VerticalMenu}from"./vertical-menu.component.js";export{VerticalMenuItem}from"./vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./vertical-menu-trigger/vertical-menu-trigger.component.js";export{ResponsiveVerticalMenuProvider}from"./responsive-vertical-menu/responsive-vertical-menu.context.js";export{ResponsiveVerticalMenu}from"./responsive-vertical-menu/responsive-vertical-menu.component.js";export{ResponsiveVerticalMenuItem}from"./responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.component.js";export{ResponsiveVerticalMenuDivider}from"./responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.component.js";
+"use strict";var e=require("./vertical-menu.component.js"),r=require("./vertical-menu-item/vertical-menu-item.component.js"),i=require("./vertical-menu-full-screen/vertical-menu-full-screen.component.js"),n=require("./vertical-menu-trigger/vertical-menu-trigger.component.js"),t=require("./responsive-vertical-menu/responsive-vertical-menu.context.js"),s=require("./responsive-vertical-menu/responsive-vertical-menu.component.js"),c=require("./responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.component.js"),u=require("./responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.component.js");exports.VerticalMenu=e.VerticalMenu,exports.VerticalMenuItem=r.VerticalMenuItem,exports.VerticalMenuFullScreen=i.VerticalMenuFullScreen,exports.VerticalMenuTrigger=n.VerticalMenuTrigger,exports.ResponsiveVerticalMenuProvider=t.ResponsiveVerticalMenuProvider,exports.ResponsiveVerticalMenu=s.ResponsiveVerticalMenu,exports.ResponsiveVerticalMenuItem=c.ResponsiveVerticalMenuItem,exports.ResponsiveVerticalMenuDivider=u.ResponsiveVerticalMenuDivider;

package/lib/components/vertical-menu/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/vertical-menu/index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/vertical-menu/responsive-vertical-menu/__internal__/depth.context.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as r,useContext as t}from"react";import o from"../../../../__internal__/utils/logger/index.js";const i=r(0),n=()=>{const e=t(i);return void 0===e?(o.error("useDepth must be used within a DepthProvider. Please ensure you are using the correct context."),-1):e},u=({children:r,value:t=0})=>e(i.Provider,{value:t,children:r}),s=({children:r})=>{const t=n();return e(i.Provider,{value:t+1,children:r})};export{u as DepthProvider,s as IncreaseDepth,i as default,n as useDepth};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../__internal__/utils/logger/index.js");const s=r.createContext(0),u=()=>{const e=r.useContext(s);return void 0===e?(t.default.error("useDepth must be used within a DepthProvider. Please ensure you are using the correct context."),-1):e};exports.DepthProvider=({children:r,value:t=0})=>e.jsx(s.Provider,{value:t,children:r}),exports.IncreaseDepth=({children:r})=>{const t=u();return e.jsx(s.Provider,{value:t+1,children:r})},exports.default=s,exports.useDepth=u;

package/lib/components/vertical-menu/responsive-vertical-menu/index.js

@@ -1 +1 @@
-export{ResponsiveVerticalMenuProvider}from"./responsive-vertical-menu.context.js";export{ResponsiveVerticalMenu}from"./responsive-vertical-menu.component.js";export{ResponsiveVerticalMenuItem}from"./responsive-vertical-menu-item/responsive-vertical-menu-item.component.js";export{ResponsiveVerticalMenuDivider}from"./responsive-vertical-menu-divider/responsive-vertical-menu-divider.component.js";
+"use strict";var e=require("./responsive-vertical-menu.context.js"),i=require("./responsive-vertical-menu.component.js"),r=require("./responsive-vertical-menu-item/responsive-vertical-menu-item.component.js"),s=require("./responsive-vertical-menu-divider/responsive-vertical-menu-divider.component.js");exports.ResponsiveVerticalMenuProvider=e.ResponsiveVerticalMenuProvider,exports.ResponsiveVerticalMenu=i.ResponsiveVerticalMenu,exports.ResponsiveVerticalMenuItem=r.ResponsiveVerticalMenuItem,exports.ResponsiveVerticalMenuDivider=s.ResponsiveVerticalMenuDivider;

package/lib/components/vertical-menu/responsive-vertical-menu/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../../esm/components/vertical-menu/responsive-vertical-menu/index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/index.js

@@ -1 +1 @@
-export{ResponsiveVerticalMenuDivider}from"./responsive-vertical-menu-divider.component.js";
+"use strict";var e=require("./responsive-vertical-menu-divider.component.js");exports.ResponsiveVerticalMenuDivider=e.ResponsiveVerticalMenuDivider;

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../../../esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/index.js",
+  "types": "./index.d.ts"
+}

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import{StyledResponsiveVerticalMenuDivider as t,StyledHr as r}from"./responsive-vertical-menu-divider.style.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import n from"../../../../style/utils/filter-styled-system-margin-props.js";import{useDepth as o}from"../__internal__/depth.context.js";import{useResponsiveVerticalMenu as i}from"../responsive-vertical-menu.context.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=c=>{const p=o(),{responsiveMode:l}=i();return e(t,(a=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}({"data-component":"responsive-vertical-menu-divider","data-element":"responsive-vertical-menu-divider","data-role":"responsive-vertical-menu-divider",depth:p,responsive:l,"aria-hidden":"true"},n(c)),m=null!=(m={children:e(r,{})})?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(m)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(m)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(m,e))})),a));var a,m};export{c as ResponsiveVerticalMenuDivider,c as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./responsive-vertical-menu-divider.style.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var t=require("../../../../style/utils/filter-styled-system-margin-props.js"),n=require("../__internal__/depth.context.js"),i=require("../responsive-vertical-menu.context.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}const o=o=>{const c=n.useDepth(),{responsiveMode:u}=i.useResponsiveVerticalMenu();return e.jsx(r.StyledResponsiveVerticalMenuDivider,(l=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){s(e,r,t[r])}))}return e}({"data-component":"responsive-vertical-menu-divider","data-element":"responsive-vertical-menu-divider","data-role":"responsive-vertical-menu-divider",depth:c,responsive:u,"aria-hidden":"true"},t.default(o)),p=null!=(p={children:e.jsx(r.StyledHr,{})})?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(p)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(p)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(p,e))})),l));var l,p};exports.ResponsiveVerticalMenuDivider=o,exports.default=o;

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

@@ -1 +1 @@
-import e from"styled-components";import{margin as o}from"styled-system";const i=e.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"carbon_v162_12_0__sc-681f134d-0"})([""," ",";"],o,(({depth:e,responsive:o})=>e>0&&o&&"max-width: 88%")),r=e.hr.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledHr",componentId:"carbon_v162_12_0__sc-681f134d-1"})(["border-color:#ffffff33;border-bottom:1px;"]);export{r as StyledHr,i as StyledResponsiveVerticalMenuDivider};
+"use strict";var e=require("styled-components"),r=require("styled-system");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const d=i.default.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"carbon_v162_12_0__sc-681f134d-0"})([""," ",";"],r.margin,(({depth:e,responsive:r})=>e>0&&r&&"max-width: 88%")),s=i.default.hr.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledHr",componentId:"carbon_v162_12_0__sc-681f134d-1"})(["border-color:#ffffff33;border-bottom:1px;"]);exports.StyledHr=s,exports.StyledResponsiveVerticalMenuDivider=d;

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

@@ -1 +1 @@
-export{ResponsiveVerticalMenuItem}from"./responsive-vertical-menu-item.component.js";
+"use strict";var e=require("./responsive-vertical-menu-item.component.js");exports.ResponsiveVerticalMenuItem=e.ResponsiveVerticalMenuItem;

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../../../esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/index.js",
+  "types": "./index.d.ts"
+}

package/lib/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 r}from"react/jsx-runtime";import t,{useRef as i,forwardRef as o,useMemo as c,useState as l,createContext as s}from"react";import{StyledResponsiveMenu as a}from"../responsive-vertical-menu.style.js";import{StyledResponsiveMenuListItem as d,StyledResponsiveMenuItem as p,StyledIcon as u,StyledNestedMenuWrapper as m,StyledNestedMenu as v,StyledMenuItemContent as h,StyledResponsiveMenuActionButton as f,StyledResponsiveMenuActionLink as y}from"./responsive-vertical-menu-item.style.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import b from"../../../../style/utils/filter-styled-system-margin-props.js";import{useDepth as O,IncreaseDepth as j}from"../__internal__/depth.context.js";import{useResponsiveVerticalMenu as g}from"../responsive-vertical-menu.context.js";import w from"../../../icon/icon.component.js";import"../../../icon/icon.style.js";import _ from"../../../../__internal__/utils/helpers/guid/index.js";import P from"../../../../__internal__/utils/helpers/events/events.js";function x(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function I(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){x(e,n,r[n])}))}return e}function C(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 r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}function $(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}const k=s(void 0),D=({customIcon:r,depth:t,hasChildren:i,icon:o,label:c,responsive:l})=>n(h,r?{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:t,hasChildren:i,icon:!0,responsive:l,children:[r,c]}:{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:t,hasChildren:i,icon:!!o,responsive:l,children:[o&&e(w,{type:o}),c]}),S=o(((o,s)=>{var{children:h,customIcon:j,icon:w,id:_,href:x,label:S,onClick:M,rel:K,target:E,ariaCurrent:A}=o,q=$(o,["children","customIcon","icon","id","href","label","onClick","rel","target","ariaCurrent"]);const{activeMenuItem:z,responsiveMode:B,setActive:F,setActiveMenuItem:G,reducedMotion:H,left:J,top:L,width:N,height:Q}=g(),R=O(),T=(null==z?void 0:z.id)===_,U=t.Children.count(h)>0,V=i(null),W=c((()=>B&&0===R),[R,B]),[X,Y]=l(W&&U||R>=2),Z=e=>{if(P.isEnterKey(e)||P.isSpaceKey(e)){if(U&&e.preventDefault(),!M&&P.isSpaceKey(e)&&e.preventDefault(),W)return;if(U)if(0!==R||B)Y(!X);else{const e=(null==z?void 0:z.id)===_;G(e?null:{id:_,label:S,children:h})}}},ee=e=>{null==M||M(e),F(!1)};return e(d,C(I({},b(q)),{children:U?n(r,{children:[n(p,C(I({active:T,"aria-expanded":B&&0===R?void 0:T||X,"aria-controls":T||X?B?0===R?void 0:`${_}-nested-menu-wrapper`:"responsive-vertical-menu-secondary":void 0,"data-component":`responsive-vertical-menu-item-${_}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${_}`,depth:R,hasIcon:!!w||!!j,id:_,onClick:()=>{if(!W)if(0!==R||B)Y(!X);else{const e=(null==z?void 0:z.id)===_;G(e?null:{id:_,label:S,children:h})}},onKeyDown:e=>{B||Z(e)},ref:s,responsive:B,tabIndex:W?-1:0,type:"button"},q),{children:[e(D,{customIcon:j,depth:R,hasChildren:!0,icon:w,label:S,responsive:B}),!W&&e(u,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:R,expanded:X||T,reduceMotion:!!H,type:R>=1?"chevron_down_thick":"chevron_right_thick"})]})),X&&e(m,{"data-component":`${_}-nested-menu-wrapper`,"data-role":`${_}-nested-menu-wrapper`,depth:R,hasIcon:!!w||!!j,id:`${_}-nested-menu-wrapper`,responsive:B,children:e(v,{"data-component":`${_}-nested-menu`,"data-role":`${_}-nested-menu`,depth:R,hasIcon:!!w||!!j,id:`${_}-nested-menu`,responsive:B,children:e(k.Provider,{value:_,children:h})})}),T&&!B&&e(a,{"data-component":"responsive-vertical-menu-secondary","data-role":"responsive-vertical-menu-secondary",height:Q||"100%",id:"responsive-vertical-menu-secondary",left:J,menu:"secondary",reduceMotion:!1,ref:V,responsive:!1,tabIndex:-1,top:L,width:N,children:z.children})]}):(()=>{const n=I({"data-component":`responsive-vertical-menu-item-${_}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${_}`,"aria-current":A,depth:R,href:x,id:_,onClick:ee,onKeyDown:e=>{B||Z(e)},rel:K,responsive:B,tabIndex:0,target:E},q),r=e(D,{customIcon:j,depth:R,hasChildren:!1,icon:w,label:S,responsive:B});return e(M&&!x?f:y,C(I({ref:s},n),{children:r}))})()}))})),M=n=>{var{children:r,id:t,label:o}=n,c=$(n,["children","id","label"]);const l=O(),s=i(null),a=i(t||_());return e(S,C(I({id:a.current,label:o},c),{"data-depth":l,ref:s,children:r&&e(k.Provider,{value:t,children:e(j,{children:r})})}))};export{M as ResponsiveVerticalMenuItem,M as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("../responsive-vertical-menu.style.js"),r=require("./responsive-vertical-menu-item.style.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var i=require("../../../../style/utils/filter-styled-system-margin-props.js"),s=require("../__internal__/depth.context.js"),o=require("../responsive-vertical-menu.context.js"),l=require("../../../icon/icon.component.js");require("../../../icon/icon.style.js");var c=require("../../../../__internal__/utils/helpers/guid/index.js"),a=require("../../../../__internal__/utils/helpers/events/events.js");function d(e){return e&&e.__esModule?e:{default:e}}var u=d(n);function p(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(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){p(e,n,t[n])}))}return e}function h(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 m(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},s=Object.keys(e);for(r=0;r<s.length;r++)t=s[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)t=s[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const f=n.createContext(void 0),y=({customIcon:n,depth:t,hasChildren:i,icon:s,label:o,responsive:c})=>n?e.jsxs(r.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:t,hasChildren:i,icon:!0,responsive:c,children:[n,o]}):e.jsxs(r.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:t,hasChildren:i,icon:!!s,responsive:c,children:[s&&e.jsx(l.default,{type:s}),o]}),j=n.forwardRef(((l,c)=>{var{children:d,customIcon:p,icon:j,id:b,href:x,label:O,onClick:g,rel:w,target:I,ariaCurrent:M}=l,_=m(l,["children","customIcon","icon","id","href","label","onClick","rel","target","ariaCurrent"]);const{activeMenuItem:S,responsiveMode:P,setActive:C,setActiveMenuItem:q,reducedMotion:D,left:R,top:$,width:k,height:K}=o.useResponsiveVerticalMenu(),A=s.useDepth(),E=(null==S?void 0:S.id)===b,L=u.default.Children.count(d)>0,N=n.useRef(null),V=n.useMemo((()=>P&&0===A),[A,P]),[B,F]=n.useState(V&&L||A>=2),W=e=>{if(a.default.isEnterKey(e)||a.default.isSpaceKey(e)){if(L&&e.preventDefault(),!g&&a.default.isSpaceKey(e)&&e.preventDefault(),V)return;if(L)if(0!==A||P)F(!B);else{const e=(null==S?void 0:S.id)===b;q(e?null:{id:b,label:O,children:d})}}},z=e=>{null==g||g(e),C(!1)};return e.jsx(r.StyledResponsiveMenuListItem,h(v({},i.default(_)),{children:L?e.jsxs(e.Fragment,{children:[e.jsxs(r.StyledResponsiveMenuItem,h(v({active:E,"aria-expanded":P&&0===A?void 0:E||B,"aria-controls":E||B?P?0===A?void 0:`${b}-nested-menu-wrapper`:"responsive-vertical-menu-secondary":void 0,"data-component":`responsive-vertical-menu-item-${b}`,"data-depth":A,"data-role":`responsive-vertical-menu-item-${b}`,depth:A,hasIcon:!!j||!!p,id:b,onClick:()=>{if(!V)if(0!==A||P)F(!B);else{const e=(null==S?void 0:S.id)===b;q(e?null:{id:b,label:O,children:d})}},onKeyDown:e=>{P||W(e)},ref:c,responsive:P,tabIndex:V?-1:0,type:"button"},_),{children:[e.jsx(y,{customIcon:p,depth:A,hasChildren:!0,icon:j,label:O,responsive:P}),!V&&e.jsx(r.StyledIcon,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:A,expanded:B||E,reduceMotion:!!D,type:A>=1?"chevron_down_thick":"chevron_right_thick"})]})),B&&e.jsx(r.StyledNestedMenuWrapper,{"data-component":`${b}-nested-menu-wrapper`,"data-role":`${b}-nested-menu-wrapper`,depth:A,hasIcon:!!j||!!p,id:`${b}-nested-menu-wrapper`,responsive:P,children:e.jsx(r.StyledNestedMenu,{"data-component":`${b}-nested-menu`,"data-role":`${b}-nested-menu`,depth:A,hasIcon:!!j||!!p,id:`${b}-nested-menu`,responsive:P,children:e.jsx(f.Provider,{value:b,children:d})})}),E&&!P&&e.jsx(t.StyledResponsiveMenu,{"data-component":"responsive-vertical-menu-secondary","data-role":"responsive-vertical-menu-secondary",height:K||"100%",id:"responsive-vertical-menu-secondary",left:R,menu:"secondary",reduceMotion:!1,ref:N,responsive:!1,tabIndex:-1,top:$,width:k,children:S.children})]}):(()=>{const n=v({"data-component":`responsive-vertical-menu-item-${b}`,"data-depth":A,"data-role":`responsive-vertical-menu-item-${b}`,"aria-current":M,depth:A,href:x,id:b,onClick:z,onKeyDown:e=>{P||W(e)},rel:w,responsive:P,tabIndex:0,target:I},_),t=e.jsx(y,{customIcon:p,depth:A,hasChildren:!1,icon:j,label:O,responsive:P});return g&&!x?e.jsx(r.StyledResponsiveMenuActionButton,h(v({ref:c},n),{children:t})):e.jsx(r.StyledResponsiveMenuActionLink,h(v({ref:c},n),{children:t}))})()}))})),b=t=>{var{children:r,id:i,label:o}=t,l=m(t,["children","id","label"]);const a=s.useDepth(),d=n.useRef(null),u=n.useRef(i||c.default());return e.jsx(j,h(v({id:u.current,label:o},l),{"data-depth":a,ref:d,children:r&&e.jsx(f.Provider,{value:i,children:e.jsx(s.IncreaseDepth,{children:r})})}))};exports.ResponsiveVerticalMenuItem=b,exports.default=b;

package/lib/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{padding as o,margin as n}from"styled-system";import i from"../../../icon/icon.component.js";import"../../../icon/icon.style.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:var(--spacing100) 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{',"}"],o,a(!0)),c=e(i).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"carbon_v162_12_0__sc-ffae1a5b-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>r(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:e,expanded:o,reduceMotion:n})=>o&&t(["rotate:",";transition:rotate "," ease-out;"],r(e,o),n?0:"0.2s"))),l=e.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"carbon_v162_12_0__sc-ffae1a5b-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);}"]),d=e.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"carbon_v162_12_0__sc-ffae1a5b-2"})(["box-sizing:border-box;display:flex;justify-content:",";width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:e,responsive:o})=>1===e&&o&&t(["padding:0 0 0 16px;"]))),p=e.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"carbon_v162_12_0__sc-ffae1a5b-3"})(["padding:0;",""],(({depth:e,hasIcon:o,responsive:n})=>t(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],e<2&&!o?"100%":"88%",n&&t(["margin-left:",";"],o||1===e?"var(--spacing200)":"0"),1===e?"var(--fontWeights400)":"var(--fontWeights500)"))),v=e.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"carbon_v162_12_0__sc-ffae1a5b-4"})(["list-style:none;"," padding:0;"],n),g=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"carbon_v162_12_0__sc-ffae1a5b-5"})([""," "," "," ",""],s,(({active:e,responsive:o})=>e&&!o&&t(["background-color:var(--colorsGray850);"])),(({depth:e,responsive:o})=>0===e&&o&&t(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:e})=>e>=2&&t(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),m=e.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionLink",componentId:"carbon_v162_12_0__sc-ffae1a5b-6"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"])))),_=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionButton",componentId:"carbon_v162_12_0__sc-ffae1a5b-7"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"]))));export{c as StyledIcon,l as StyledMenuItemContent,p as StyledNestedMenu,d as StyledNestedMenuWrapper,_ as StyledResponsiveMenuActionButton,m as StyledResponsiveMenuActionLink,g as StyledResponsiveMenuItem,v as StyledResponsiveMenuListItem};
+"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../../icon/icon.component.js");require("../../../icon/icon.style.js");var o=require("../../../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(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:var(--spacing100) 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.padding,o.default(!0)),c=s.default(n.default).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"carbon_v162_12_0__sc-ffae1a5b-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>a(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:t,expanded:n,reduceMotion:o})=>n&&e.css(["rotate:",";transition:rotate "," ease-out;"],a(t,n),o?0:"0.2s"))),l=s.default.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"carbon_v162_12_0__sc-ffae1a5b-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);}"]),d=s.default.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"carbon_v162_12_0__sc-ffae1a5b-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:"carbon_v162_12_0__sc-ffae1a5b-3"})(["padding:0;",""],(({depth:t,hasIcon:n,responsive:o})=>e.css(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],t<2&&!n?"100%":"88%",o&&e.css(["margin-left:",";"],n||1===t?"var(--spacing200)":"0"),1===t?"var(--fontWeights400)":"var(--fontWeights500)"))),v=s.default.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"carbon_v162_12_0__sc-ffae1a5b-4"})(["list-style:none;"," padding:0;"],t.margin),g=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"carbon_v162_12_0__sc-ffae1a5b-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);}}']))),f=s.default.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionLink",componentId:"carbon_v162_12_0__sc-ffae1a5b-6"})([""," min-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);"])))),u=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionButton",componentId:"carbon_v162_12_0__sc-ffae1a5b-7"})([""," min-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=c,exports.StyledMenuItemContent=l,exports.StyledNestedMenu=p,exports.StyledNestedMenuWrapper=d,exports.StyledResponsiveMenuActionButton=u,exports.StyledResponsiveMenuActionLink=f,exports.StyledResponsiveMenuItem=g,exports.StyledResponsiveMenuListItem=v;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import n,{forwardRef as t,useState as i,useRef as o,useImperativeHandle as a,useCallback as l,useLayoutEffect as s,useEffect as c}from"react";import{DepthProvider as u}from"./__internal__/depth.context.js";import{ResponsiveVerticalMenuProvider as p,useResponsiveVerticalMenu as d}from"./responsive-vertical-menu.context.js";import{StyledBackdrop as v,StyledButton as m,ModalContainer as h,StyledCloseButton as f,StyledResponsiveMenu as b,StyledGlobalVerticalMenuWrapper as y}from"./responsive-vertical-menu.style.js";import g from"../../../__internal__/modal/modal.component.js";import O from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import w from"../../../hooks/useMediaQuery/useMediaQuery.js";import j from"../../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../../__internal__/focus-trap/focus-trap.component.js";import x from"../../../__internal__/utils/helpers/tags/tags.js";function M(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function k(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},t=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),t.forEach((function(r){M(e,r,n[r])}))}return e}function L(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 n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}function P(e,r){if(null==e)return{};var n,t,i=function(e,r){if(null==e)return{};var n,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||(i[n]=e[n]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}const E=t(((t,u)=>{var p,{children:M,height:E,responsiveBreakpoint:B=700,width:C,launcherButtonDataProps:D}=t,R=P(t,["children","height","responsiveBreakpoint","width","launcherButtonDataProps"]);const S=j(),{active:I,activeMenuItem:A,buttonRef:T,containerRef:z,menuRef:$,responsiveMode:q,top:Q,setActive:V,setActiveMenuItem:F,setReducedMotion:G,setResponsiveMode:H,setLeft:J,setTop:K}=d(),[N,U]=i(0),W=O(B),[X,Y]=i("100%"),Z=!w("screen and (prefers-reduced-motion: no-preference)"),ee=o(null),{current:re}=$,{current:ne}=T;a(u,(()=>({focusLaunchButton(){null==ne||ne.focus({preventScroll:!0})}})),[ne]);const te=l((()=>{if(I&&q){const e=re||document.querySelector("[id='responsive-vertical-menu-primary']");e&&Y(`${e.getBoundingClientRect().width}px`)}J(A&&re?`${re.getBoundingClientRect().right}px`:"auto"),K(A&&ne?`${ne.getBoundingClientRect().bottom}px`:"auto")}),[I,q,A,re,ne,J,K]);s((()=>(te(),window.addEventListener("resize",te),()=>{var e;null===(e=window)||void 0===e||e.removeEventListener("resize",te)})),[I,te,re,q]),c((()=>{const e=z.current,r=r=>{I&&!q&&W&&!(null==e?void 0:e.contains(r.relatedTarget))&&V(!1)},n=e=>{I&&!q&&"Escape"===e.key&&(e.preventDefault(),V(!1))};return null==e||e.addEventListener("focusout",r),document.addEventListener("keydown",n),()=>{null==e||e.removeEventListener("focusout",r),document.removeEventListener("keydown",n)}}),[I,z,W,q,V]),c((()=>{null==G||G(Z),null==H||H(!W)}),[W,Z,G,H]);const ie=l((e=>{if(!e)return 0;if(n.isValidElement(e))return 1+ie(e.props.children);const r=n.Children.toArray(e);return r.length?r.reduce(((e,r)=>n.isValidElement(r)?e+1+ie(r.props.children):e),0):0}),[]);return c((()=>{const e=N,r=ie(M);e!==r&&(U(r),F(null))}),[N,M,ie,F]),r("div",{ref:z,children:[I&&!q&&e(v,{onMouseDown:e=>{e.preventDefault(),V(!1)}}),e(m,k({active:I,buttonType:"tertiary",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:()=>{V((e=>!e)),F(null)},ref:T},x("responsive-vertical-menu-launcher",k({"data-role":"responsive-vertical-menu-launcher"},D)),(()=>{var e,r;return q?{"aria-label":null===(r=S.verticalMenu.ariaLabels)||void 0===r?void 0:r.responsiveMenuLauncher()}:{"aria-expanded":I,"aria-controls":"responsive-vertical-menu-primary","aria-label":null===(e=S.verticalMenu.ariaLabels)||void 0===e?void 0:e.responsiveMenuLauncher()}})())),q&&e(g,{open:I,children:e(_,{wrapperRef:ee,isOpen:I,children:r(h,L(k({ref:ee,width:X,tabIndex:-1,id:"responsive-vertical-menu-dialog"},(()=>{var e;return{role:"dialog","aria-modal":!0,"aria-label":null===(e=S.verticalMenu.ariaLabels)||void 0===e?void 0:e.responsiveMenuAria()}})()),{children:[e("div",{style:{backgroundColor:"rgb(38, 38, 38)",boxSizing:"border-box",display:"flex",justifyContent:"flex-end",padding:"var(--global-space-layout-3-xs)",width:"100%"},children:e(f,{"aria-label":null===(p=S.verticalMenu.ariaLabels)||void 0===p?void 0:p.responsiveMenuCloseButton(),"data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{V(!1),F(null)}})}),e(b,{height:E,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Z,ref:$,responsive:!0,tabIndex:-1,top:"48px",width:C,children:M})]}))})}),I&&!q&&e(y,L(k({},R,x("responsive-vertical-menu",R)),{children:e(b,{childOpen:!!A,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:E||"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Z,ref:$,responsive:!1,tabIndex:-1,top:Q,width:C,children:M})}))]})})),B=t(((r,n)=>{var{children:t,width:i,height:o}=r,a=P(r,["children","width","height"]);return e(u,{children:e(p,{width:i,height:o,children:e(E,L(k({ref:n,width:i,height:o},a),{children:t}))})})}));export{B as ResponsiveVerticalMenu,B as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./__internal__/depth.context.js"),n=require("./responsive-vertical-menu.context.js"),i=require("./responsive-vertical-menu.style.js"),o=require("../../../__internal__/modal/modal.component.js"),a=require("../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),l=require("../../../hooks/useMediaQuery/useMediaQuery.js"),s=require("../../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../../__internal__/focus-trap/focus-trap.component.js"),c=require("../../../__internal__/utils/helpers/tags/tags.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(r);function v(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){v(e,r,t[r])}))}return e}function h(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}function y(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const m=r.forwardRef(((t,d)=>{var v,{children:m,height:b,responsiveBreakpoint:j=700,width:g,launcherButtonDataProps:x}=t,O=y(t,["children","height","responsiveBreakpoint","width","launcherButtonDataProps"]);const w=s.default(),{active:_,activeMenuItem:M,buttonRef:k,containerRef:P,menuRef:L,responsiveMode:R,top:S,setActive:E,setActiveMenuItem:B,setReducedMotion:q,setResponsiveMode:C,setLeft:D,setTop:I}=n.useResponsiveVerticalMenu(),[A,T]=r.useState(0),V=a.default(j),[z,$]=r.useState("100%"),Q=!l.default("screen and (prefers-reduced-motion: no-preference)"),G=r.useRef(null),{current:H}=L,{current:W}=k;r.useImperativeHandle(d,(()=>({focusLaunchButton(){null==W||W.focus({preventScroll:!0})}})),[W]);const F=r.useCallback((()=>{if(_&&R){const e=H||document.querySelector("[id='responsive-vertical-menu-primary']");e&&$(`${e.getBoundingClientRect().width}px`)}D(M&&H?`${H.getBoundingClientRect().right}px`:"auto"),I(M&&W?`${W.getBoundingClientRect().bottom}px`:"auto")}),[_,R,M,H,W,D,I]);r.useLayoutEffect((()=>(F(),window.addEventListener("resize",F),()=>{var e;null===(e=window)||void 0===e||e.removeEventListener("resize",F)})),[_,F,H,R]),r.useEffect((()=>{const e=P.current,r=r=>{_&&!R&&V&&!(null==e?void 0:e.contains(r.relatedTarget))&&E(!1)},t=e=>{_&&!R&&"Escape"===e.key&&(e.preventDefault(),E(!1))};return null==e||e.addEventListener("focusout",r),document.addEventListener("keydown",t),()=>{null==e||e.removeEventListener("focusout",r),document.removeEventListener("keydown",t)}}),[_,P,V,R,E]),r.useEffect((()=>{null==q||q(Q),null==C||C(!V)}),[V,Q,q,C]);const J=r.useCallback((e=>{if(!e)return 0;if(p.default.isValidElement(e))return 1+J(e.props.children);const r=p.default.Children.toArray(e);return r.length?r.reduce(((e,r)=>p.default.isValidElement(r)?e+1+J(r.props.children):e),0):0}),[]);return r.useEffect((()=>{const e=A,r=J(m);e!==r&&(T(r),B(null))}),[A,m,J,B]),e.jsxs("div",{ref:P,children:[_&&!R&&e.jsx(i.StyledBackdrop,{onMouseDown:e=>{e.preventDefault(),E(!1)}}),e.jsx(i.StyledButton,f({active:_,buttonType:"tertiary",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:()=>{E((e=>!e)),B(null)},ref:k},c.default("responsive-vertical-menu-launcher",f({"data-role":"responsive-vertical-menu-launcher"},x)),(()=>{var e,r;return R?{"aria-label":null===(r=w.verticalMenu.ariaLabels)||void 0===r?void 0:r.responsiveMenuLauncher()}:{"aria-expanded":_,"aria-controls":"responsive-vertical-menu-primary","aria-label":null===(e=w.verticalMenu.ariaLabels)||void 0===e?void 0:e.responsiveMenuLauncher()}})())),R&&e.jsx(o.default,{open:_,children:e.jsx(u.default,{wrapperRef:G,isOpen:_,children:e.jsxs(i.ModalContainer,h(f({ref:G,width:z,tabIndex:-1,id:"responsive-vertical-menu-dialog"},(()=>{var e;return{role:"dialog","aria-modal":!0,"aria-label":null===(e=w.verticalMenu.ariaLabels)||void 0===e?void 0:e.responsiveMenuAria()}})()),{children:[e.jsx("div",{style:{backgroundColor:"rgb(38, 38, 38)",boxSizing:"border-box",display:"flex",justifyContent:"flex-end",padding:"var(--global-space-layout-3-xs)",width:"100%"},children:e.jsx(i.StyledCloseButton,{"aria-label":null===(v=w.verticalMenu.ariaLabels)||void 0===v?void 0:v.responsiveMenuCloseButton(),"data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{E(!1),B(null)}})}),e.jsx(i.StyledResponsiveMenu,{height:b,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Q,ref:L,responsive:!0,tabIndex:-1,top:"48px",width:g,children:m})]}))})}),_&&!R&&e.jsx(i.StyledGlobalVerticalMenuWrapper,h(f({},O,c.default("responsive-vertical-menu",O)),{children:e.jsx(i.StyledResponsiveMenu,{childOpen:!!M,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:b||"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Q,ref:L,responsive:!1,tabIndex:-1,top:S,width:g,children:m})}))]})})),b=r.forwardRef(((r,i)=>{var{children:o,width:a,height:l}=r,s=y(r,["children","width","height"]);return e.jsx(t.DepthProvider,{children:e.jsx(n.ResponsiveVerticalMenuProvider,{width:a,height:l,children:e.jsx(m,h(f({ref:i,width:a,height:l},s),{children:o}))})})}));exports.ResponsiveVerticalMenu=b,exports.default=b;

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.context.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useContext as t,useState as n,useRef as i,createContext as r}from"react";import o from"../../../__internal__/utils/logger/index.js";const s=r(null),u=()=>{const e=t(s);if(null===e)throw new Error("useResponsiveVerticalMenu must be used within a ResponsiveVerticalMenuProvider");return e};let l=!1;const c=({children:r,width:u,height:c})=>{const d=t(s);!l&&null!==d&&(l=!0,o.deprecate("`ResponsiveVerticalMenuProvider` is deprecated and no longer needed for `ResponsiveVerticalMenu`. You can use `ResponsiveVerticalMenu` directly without wrapping it in a provider."));const[a,p]=n(!1),[v,h]=n(null),m=i(null),M=i(null),f=i(null),[R,w]=n(!1),[g,V]=n(!1),[_,x]=n("auto"),[P,b]=n("auto");return e(s.Provider,{value:{active:a,activeMenuItem:v,buttonRef:m,containerRef:M,menuRef:f,reducedMotion:g,responsiveMode:R,left:_,top:P,width:u,height:c,setActive:p,setActiveMenuItem:h,setReducedMotion:V,setResponsiveMode:w,setLeft:x,setTop:b},children:r})};export{s as ResponsiveVerticalMenuContext,c as ResponsiveVerticalMenuProvider,u as useResponsiveVerticalMenu};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../__internal__/utils/logger/index.js");const s=t.createContext(null);let r=!1;exports.ResponsiveVerticalMenuContext=s,exports.ResponsiveVerticalMenuProvider=({children:i,width:u,height:o})=>{const a=t.useContext(s);!r&&null!==a&&(r=!0,n.default.deprecate("`ResponsiveVerticalMenuProvider` is deprecated and no longer needed for `ResponsiveVerticalMenu`. You can use `ResponsiveVerticalMenu` directly without wrapping it in a provider."));const[l,c]=t.useState(!1),[d,v]=t.useState(null),p=t.useRef(null),R=t.useRef(null),M=t.useRef(null),[f,h]=t.useState(!1),[x,V]=t.useState(!1),[w,g]=t.useState("auto"),[S,m]=t.useState("auto");return e.jsx(s.Provider,{value:{active:l,activeMenuItem:d,buttonRef:p,containerRef:R,menuRef:M,reducedMotion:x,responsiveMode:f,left:w,top:S,width:u,height:o,setActive:c,setActiveMenuItem:v,setReducedMotion:V,setResponsiveMode:h,setLeft:g,setTop:m},children:i})},exports.useResponsiveVerticalMenu=()=>{const e=t.useContext(s);if(null===e)throw new Error("useResponsiveVerticalMenu must be used within a ResponsiveVerticalMenuProvider");return e};

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

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import a from"../../button/button.component.js";import n from"../../../style/utils/add-focus-styling.js";const i=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"carbon_v162_12_0__sc-aefcc134-0"})(["position:fixed;inset:0;"]),e=o.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"carbon_v162_12_0__sc-aefcc134-1"})(["position:fixed;top:0;",""],(({width:o})=>t(["width:",";"],o))),r=o(a).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"carbon_v162_12_0__sc-aefcc134-2"})(["border-radius:0;background-color:var( ",' );&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:o})=>o?"--colorsActionMinorGray700":"--colorsUtilityYin100"),n(!0),n(!0)),c=o(a).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"carbon_v162_12_0__sc-aefcc134-3"})(['border-radius:0;&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}']),l=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"carbon_v162_12_0__sc-aefcc134-4"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),d=o.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"carbon_v162_12_0__sc-aefcc134-5"})(["margin:0;padding:0;align-items:stretch;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;width:",";max-width:375px;z-index:1000;border-right:",";"," "," ",""],(({height:o})=>o||"100%"),(({responsive:o})=>!o&&t(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({width:o})=>o||"100%"),(({childOpen:o,menu:t})=>"secondary"===t||!o&&"primary"===t?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({top:o})=>t(["top:",";max-height:calc(100% - ",");"],o,"auto"===o?"40px":o)),(({childOpen:o})=>o&&t(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:o,left:a,menu:n})=>"secondary"===n&&t(["left:",";height:",";"],a,o)));export{e as ModalContainer,i as StyledBackdrop,r as StyledButton,c as StyledCloseButton,l as StyledGlobalVerticalMenuWrapper,d as StyledResponsiveMenu};
+"use strict";var o=require("styled-components"),t=require("../../button/button.component.js"),e=require("../../../style/utils/add-focus-styling.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const r=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"carbon_v162_12_0__sc-aefcc134-0"})(["position:fixed;inset:0;"]),i=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"carbon_v162_12_0__sc-aefcc134-1"})(["position:fixed;top:0;",""],(({width:t})=>o.css(["width:",";"],t))),c=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"carbon_v162_12_0__sc-aefcc134-2"})(["border-radius:0;background-color:var( ",' );&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:o})=>o?"--colorsActionMinorGray700":"--colorsUtilityYin100"),e.default(!0),e.default(!0)),l=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"carbon_v162_12_0__sc-aefcc134-3"})(['border-radius:0;&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}']),s=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"carbon_v162_12_0__sc-aefcc134-4"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),d=n.default.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"carbon_v162_12_0__sc-aefcc134-5"})(["margin:0;padding:0;align-items:stretch;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;width:",";max-width:375px;z-index:1000;border-right:",";"," "," ",""],(({height:o})=>o||"100%"),(({responsive:t})=>!t&&o.css(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({width:o})=>o||"100%"),(({childOpen:o,menu:t})=>"secondary"===t||!o&&"primary"===t?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({top:t})=>o.css(["top:",";max-height:calc(100% - ",");"],t,"auto"===t?"40px":t)),(({childOpen:t})=>t&&o.css(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:t,left:e,menu:a})=>"secondary"===a&&o.css(["left:",";height:",";"],e,t)));exports.ModalContainer=i,exports.StyledBackdrop=r,exports.StyledButton=c,exports.StyledCloseButton=l,exports.StyledGlobalVerticalMenuWrapper=s,exports.StyledResponsiveMenu=d;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useCallback as o}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../hooks/__internal__/useLocale/useLocale.js";import{Portal as i}from"../../portal/portal.js";import a from"../../../__internal__/focus-trap/focus-trap.component.js";import c from"../../icon-button/icon-button.component.js";import s from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Box as p}from"../../box/box.component.js";import{StyledVerticalMenuFullScreen as u,StyledList as f}from"../vertical-menu.style.js";import{VerticalMenuProvider as m}from"../__internal__/vertical-menu.context.js";import{getDocument as b}from"../../../__internal__/dom/globals.js";import d from"../../../__internal__/utils/helpers/events/events.js";import y from"../../../hooks/__internal__/useModalManager/useModalManager.js";import O from"../../../hooks/useMediaQuery/useMediaQuery.js";function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,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){j(e,r,t[r])}))}return e}const g=j=>{var{"aria-label":g,"aria-labelledby":h,children:v,isOpen:x,onClose:P}=j,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const M=l(),S=t(null),k=!O("screen and (prefers-reduced-motion: no-preference)"),C=o((e=>{d.isEscKey(e)&&P(e)}),[P]),E=b();return y({open:x,closeModal:C,modalRef:S,topModalOverride:!0,focusCallToActionElement:null==E?void 0:E.activeElement}),e(i,{children:e(a,{isOpen:x,wrapperRef:S,children:r(u,(D=_({ref:S,isOpen:x,prefersReducedMotion:k,"aria-label":g,"aria-labelledby":h},n("vertical-menu-full-screen",w)),L={children:[e(p,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e(c,{"aria-label":M.verticalMenuFullScreen.ariaLabels.close(),onClick:P,"data-element":"close",children:e(s,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e(m,{value:{isFullScreen:!0},children:e(f,{children:v})})]},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(L,e))})),D))})});var D,L};export{g as VerticalMenuFullScreen,g as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../hooks/__internal__/useLocale/useLocale.js"),l=require("../../portal/portal.js"),o=require("../../../__internal__/focus-trap/focus-trap.component.js"),a=require("../../icon-button/icon-button.component.js"),i=require("../../icon/icon.component.js");require("../../icon/icon.style.js");var s=require("../../box/box.component.js"),c=require("../vertical-menu.style.js"),u=require("../__internal__/vertical-menu.context.js"),p=require("../../../__internal__/dom/globals.js"),d=require("../../../__internal__/utils/helpers/events/events.js"),f=require("../../../hooks/__internal__/useModalManager/useModalManager.js"),b=require("../../../hooks/useMediaQuery/useMediaQuery.js");function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){j(e,r,t[r])}))}return e}const O=j=>{var{"aria-label":O,"aria-labelledby":_,children:x,isOpen:m,onClose:v}=j,g=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const h=n.default(),q=r.useRef(null),P=!b.default("screen and (prefers-reduced-motion: no-preference)"),M=r.useCallback((e=>{d.default.isEscKey(e)&&v(e)}),[v]),S=p.getDocument();return f.default({open:m,closeModal:M,modalRef:q,topModalOverride:!0,focusCallToActionElement:null==S?void 0:S.activeElement}),e.jsx(l.Portal,{children:e.jsx(o.default,{isOpen:m,wrapperRef:q,children:e.jsxs(c.StyledVerticalMenuFullScreen,(w=y({ref:q,isOpen:m,prefersReducedMotion:P,"aria-label":O,"aria-labelledby":_},t.default("vertical-menu-full-screen",g)),k={children:[e.jsx(s.Box,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e.jsx(a.default,{"aria-label":h.verticalMenuFullScreen.ariaLabels.close(),onClick:v,"data-element":"close",children:e.jsx(i.default,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e.jsx(u.VerticalMenuProvider,{value:{isFullScreen:!0},children:e.jsx(c.StyledList,{children:x})})]},k=null!=k?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(k)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(k)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(k,e))})),w))})});var w,k};exports.VerticalMenuFullScreen=O,exports.default=O;

package/lib/components/vertical-menu/vertical-menu-item/__internal__/menu-item.context.js

@@ -1 +1 @@
-import e from"react";var t=e.createContext({level:0});export{t as default};
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({level:0});exports.default=t;

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useContext as n}from"react";import o from"../../../__internal__/utils/helpers/tags/tags.js";import i from"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import{StyledListItem as l,StyledVerticalMenuItem as a,StyledCustomIconWrapper as p,StyledTitleIcon as s,StyledTitle as u,StyledAdornment as f,StyledChevronIcon as m,StyledList as y}from"../vertical-menu.style.js";import b from"./__internal__/menu-item.context.js";import{useVerticalMenuContext as O}from"../__internal__/vertical-menu.context.js";function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){h(e,t,r[t])}))}return e}function j(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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const g=h=>{var{defaultOpen:g=!1,title:v,iconType:_,adornment:P,children:w,customIcon:x,component:k,active:S,height:C="56px",href:D,onClick:I,ariaCurrent:E}=h,T=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(h,["defaultOpen","title","iconType","adornment","children","customIcon","component","active","height","href","onClick","ariaCurrent"]);const[F,$]=r(g),{level:q}=n(b),{isFullScreen:z}=O(),A="function"==typeof S?S(F):S,B=d(j(d({},D&&{as:"a",href:D},!D&&k&&{as:k,tabIndex:0},!D&&!k&&(w||I)&&{as:"button",type:"button","aria-expanded":F},(D||!k)&&{onClick:e=>{$((e=>!e)),I&&I(e)}}),{"aria-current":E}),T),G=`calc(var(--spacing500) + (${q} * var(--spacing400)))`;return e(l,j(d({},c(T)),{children:[e(a,j(d({height:C,px:G,py:2,active:A},B,i(T),o("vertical-menu-item",T)),{children:[(_||x)&&(x?t(p,{children:x}):_&&t(s,{type:_})),t(u,{children:v}),P&&t(f,{children:"function"==typeof P?P(F):P}),w&&!z&&t(m,{type:F?"chevron_up_thick":"chevron_down_thick"})]})),(F||z)&&t(b.Provider,{value:{level:q+1},children:t(y,{children:w})})]}))};export{g as VerticalMenuItem,g as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../style/utils/filter-styled-system-padding-props.js"),i=require("../../../style/utils/filter-styled-system-margin-props.js"),c=require("../vertical-menu.style.js"),l=require("./__internal__/menu-item.context.js"),o=require("../__internal__/vertical-menu.context.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function a(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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const p=u=>{var{defaultOpen:p=!1,title:y,iconType:f,adornment:d,children:j,customIcon:b,component:O,active:h,height:m="56px",href:v,onClick:g,ariaCurrent:x}=u,_=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(u,["defaultOpen","title","iconType","adornment","children","customIcon","component","active","height","href","onClick","ariaCurrent"]);const[S,P]=t.useState(p),{level:w}=t.useContext(l.default),{isFullScreen:I}=o.useVerticalMenuContext(),C="function"==typeof h?h(S):h,k=s(a(s({},v&&{as:"a",href:v},!v&&O&&{as:O,tabIndex:0},!v&&!O&&(j||g)&&{as:"button",type:"button","aria-expanded":S},(v||!O)&&{onClick:e=>{P((e=>!e)),g&&g(e)}}),{"aria-current":x}),_),q=`calc(var(--spacing500) + (${w} * var(--spacing400)))`;return e.jsxs(c.StyledListItem,a(s({},i.default(_)),{children:[e.jsxs(c.StyledVerticalMenuItem,a(s({height:m,px:q,py:2,active:C},k,n.default(_),r.default("vertical-menu-item",_)),{children:[(f||b)&&(b?e.jsx(c.StyledCustomIconWrapper,{children:b}):f&&e.jsx(c.StyledTitleIcon,{type:f})),e.jsx(c.StyledTitle,{children:y}),d&&e.jsx(c.StyledAdornment,{children:"function"==typeof d?d(S):d}),j&&!I&&e.jsx(c.StyledChevronIcon,{type:S?"chevron_up_thick":"chevron_down_thick"})]})),(S||I)&&e.jsx(l.default.Provider,{value:{level:w+1},children:e.jsx(c.StyledList,{children:j})})]}))};exports.VerticalMenuItem=p,exports.default=p;

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../../__internal__/utils/helpers/tags/tags.js";import r from"../../../style/utils/filter-styled-system-padding-props.js";import{StyledVerticalMenuItem as n,StyledTitle as o}from"../vertical-menu.style.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=c=>{var{height:l="40px",px:p=2,py:s=1,onClick:u,children:a}=c,f=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["height","px","py","onClick","children"]);const y=r(f);return e(n,(b=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}({onClick:u,as:"button",height:l,px:p,py:s,tabIndex:0},y,t("vertical-menu-trigger",f)),O=null!=(O={children:e(o,{children:a})})?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(O)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(O)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(O,e))})),b));var b,O};export{c as VerticalMenuTrigger,c as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../../../__internal__/utils/helpers/tags/tags.js"),r=require("../../../style/utils/filter-styled-system-padding-props.js"),n=require("../vertical-menu.style.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const o=o=>{var{height:c="40px",px:l=2,py:u=1,onClick:s,children:p}=o,a=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(o,["height","px","py","onClick","children"]);const y=r.default(a);return e.jsx(n.StyledVerticalMenuItem,(b=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}({onClick:s,as:"button",height:c,px:l,py:u,tabIndex:0},y,t.default("vertical-menu-trigger",a)),f=null!=(f={children:e.jsx(n.StyledTitle,{children:p})})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(f,e))})),b));var b,f};exports.VerticalMenuTrigger=o,exports.default=o;