carbon-react 162.10.0 → 162.12.0

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

@@ -21,8 +21,6 @@ export interface LinkProps extends React.AriaAttributes, Pick<React.AnchorHTMLAt
     ariaLabel?: string;
     /** allows to set rel property in <a> tag */
     rel?: string;
-    /** @ignore @private internal prop to be set when no aria-label should be specified */
-    removeAriaLabelOnIcon?: boolean;
     /**
      * @private
      * @internal

package/esm/components/link/link.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import t,{useState as o,useContext as i,useRef as l,useCallback as a,useMemo as s,useEffect as c}from"react";import d from"../icon/icon.component.js";import"../icon/icon.style.js";import p from"../menu/__internal__/menu.context.js";import{StyledLink as u,StyledContent as b}from"./link.style.js";import f from"../../__internal__/utils/helpers/tags/tags.js";import m from"../../hooks/__internal__/useLocale/useLocale.js";import y from"../../__internal__/utils/logger/index.js";function k(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function v(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){k(e,n,r[n])}))}return e}function O(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}let g=!1,j=!1,h=!1,w=!1;const P={default:!1,neutral:!1},L={default:"typical",neutral:"subtle"},_=t.forwardRef(((k,_)=>{var{children:D,onKeyDown:S,href:$,onClick:M,onMouseDown:x,icon:A,iconAlign:B="left",isSkipLink:T,disabled:C=!1,underline:E="always",ariaLabel:I,rel:N,tooltipMessage:z,tooltipPosition:K,target:F,variant:R="typical",isDarkBackground:W,inverse:q,removeAriaLabelOnIcon:G,className:H,linkSize:J="medium",download:Q,bold:U=!1}=k,V=function(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},i=Object.keys(e);for(t=0;t<i.length;t++)r=i[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)r=i[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(k,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","removeAriaLabelOnIcon","className","linkSize","download","bold"]);const[X,Y]=o(!1),Z=m(),{inMenu:ee}=i(p),ne=l(null);!g&&C&&(g=!0,y.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!h&&z&&(h=!0,y.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!j&&K&&(j=!0,y.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!w&&W&&(w=!0,y.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!P[R]&&L[R]&&(P[R]=!0,y.deprecate(`The value '${R}' for the variant prop is deprecated and will soon be removed. Please use value '${L[R]}' instead.`));const re=null!=q?q:W;var te;const oe=null!==(te=L[R])&&void 0!==te?te:R,ie=a((e=>{ne.current=e,_&&("function"!=typeof _?"object"!=typeof _||(_.current=e):_(e))}),[_]),le=a((e=>{var n,r;null===(r=ne.current)||void 0===r||null===(n=r.focus)||void 0===n||n.call(r,{preventScroll:!0}),null==M||M(e)}),[M]),ae=(n="left")=>A&&B===n?e(d,{type:A,disabled:C,ariaLabel:G?void 0:I,tooltipMessage:z,tooltipPosition:K}):null,se=s((()=>{const e=V;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((n,r)=>(n[r]=e[r],n)),{})}),[V]),ce=O(v({onKeyDown:S,onMouseDown:x,onClick:le,disabled:C,"aria-disabled":C||void 0,target:F,ref:ie,href:$,rel:N,"aria-label":I},se),{onFocus:()=>Y(!0),onBlur:()=>Y(!1)}),de={type:"button"};return c((()=>{(C||!$&&!M)&&Y(!1)}),[C,$,M]),e(u,O(v({$isSkipLink:T,$disabled:C,$underline:E,$iconAlign:B,className:H,$hasContent:Boolean(D),$variant:oe,$inverse:re,$isMenuItem:ee},f("link",V),T&&{"data-element":"skip-link"}),{$hasFocus:X,$linkSize:J,$bold:U,children:(()=>{let o="a";return M&&!$&&(o="button"),t.createElement(o,"button"===o?v({},ce,de):O(v({},ce),{download:Q,"data-role":"link-anchor"}),n(r,{children:[ae(),e(b,{children:T?Z.link.skipLinkLabel():D}),ae("right")]}))})()}))}));_.displayName="Link";export{_ as Link,_ as default};
+import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import r,{useState as o,useRef as i,useCallback as l,useMemo as a,useEffect as s}from"react";import c from"../icon/icon.component.js";import"../icon/icon.style.js";import{StyledLink as d,StyledContent as p}from"./link.style.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import f from"../../__internal__/utils/logger/index.js";function m(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(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){m(e,n,t[n])}))}return e}function k(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}let g=!1,v=!1,O=!1,h=!1;const j={default:!1,neutral:!1},w={default:"typical",neutral:"subtle"},P=r.forwardRef(((m,P)=>{var{children:L,onKeyDown:D,href:S,onClick:$,onMouseDown:_,icon:M,iconAlign:x="left",isSkipLink:B,disabled:T=!1,underline:C="always",ariaLabel:E,rel:N,tooltipMessage:z,tooltipPosition:A,target:K,variant:F="typical",isDarkBackground:I,inverse:R,className:W,linkSize:q="medium",download:G,bold:H=!1}=m,J=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(m,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","className","linkSize","download","bold"]);const[Q,U]=o(!1),V=b(),X=i(null);!g&&T&&(g=!0,f.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!O&&z&&(O=!0,f.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!v&&A&&(v=!0,f.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!h&&I&&(h=!0,f.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!j[F]&&w[F]&&(j[F]=!0,f.deprecate(`The value '${F}' for the variant prop is deprecated and will soon be removed. Please use value '${w[F]}' instead.`));const Y=null!=R?R:I;var Z;const ee=null!==(Z=w[F])&&void 0!==Z?Z:F,ne=l((e=>{X.current=e,P&&("function"!=typeof P?"object"!=typeof P||(P.current=e):P(e))}),[P]),te=l((e=>{var n,t;null===(t=X.current)||void 0===t||null===(n=t.focus)||void 0===n||n.call(t,{preventScroll:!0}),null==$||$(e)}),[$]),re=(n="left")=>M&&x===n?e(c,{type:M,disabled:T,ariaLabel:E,tooltipMessage:z,tooltipPosition:A}):null,oe=a((()=>{const e=J;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((n,t)=>(n[t]=e[t],n)),{})}),[J]),ie=k(y({onKeyDown:D,onMouseDown:_,onClick:te,disabled:T,"aria-disabled":T||void 0,target:K,ref:ne,href:S,rel:N,"aria-label":E},oe),{onFocus:()=>U(!0),onBlur:()=>U(!1)}),le={type:"button"};return s((()=>{(T||!S&&!$)&&U(!1)}),[T,S,$]),e(d,k(y({$isSkipLink:B,$disabled:T,$underline:C,$iconAlign:x,className:W,$hasContent:Boolean(L),$variant:ee,$inverse:Y},u("link",J),B&&{"data-element":"skip-link"}),{$hasFocus:Q,$linkSize:q,$bold:H,children:(()=>{let o="a";return $&&!S&&(o="button"),r.createElement(o,"button"===o?y({},ie,le):k(y({},ie),{download:G,"data-role":"link-anchor"}),n(t,{children:[re(),e(p,{children:B?V.link.skipLinkLabel():L}),re("right")]}))})()}))}));P.displayName="Link";export{P as Link,P as default};

package/esm/components/link/link.style.d.ts

@@ -26,7 +26,6 @@ export interface StyledLinkProps {
 }
 interface PrivateStyledLinkProps {
     $hasContent: boolean;
-    $isMenuItem?: boolean;
 }
 declare const StyledLink: import("styled-components").StyledComponent<"span", any, {
     theme: object;

package/esm/components/link/link.style.js

@@ -1 +1 @@
-import o,{css as e}from"styled-components";import l from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";import a from"../icon/icon.style.js";import t from"../button/button.style.js";const i={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},n=o.span.attrs(l).withConfig({displayName:"link.style__StyledLink",componentId:"carbon_v162_9_1__sc-2960b2ab-0"})(["",""],(({$isSkipLink:o,theme:l,$iconAlign:n,$hasContent:s,$disabled:c,$underline:u,$variant:d,$inverse:b,$isMenuItem:v,$hasFocus:g,$linkSize:f,$bold:p})=>{const m=b?"dark":"light",{color:h,hoverColor:k,focusColor:x,focusBgColor:y,focusBoxShadowColor:C}=i[m](d);return e([""," "," "," > a,> button{"," > ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,",":not(.legacy-search-button){background-color:transparent;border:none;padding:0;}"],o&&e(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],l.zIndex.aboveAll),!o&&!v&&e(["> a,> button{"," text-decoration:",";"," ","}"],((o,l)=>{let r;return r="large"===o?l?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":l?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",e(["font:var(",");"],r)})(f,p),s&&"always"===u?"underline":"none",!c&&e(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],h,a,h,"left"===n&&e(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===n&&e(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),k,!s||"hover"!==u&&"always"!==u?"none":"underline",a,k,x,a,x,r()),c&&e(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&e(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),v&&"display: inline-block;",a,s?"inline-block":"inline",!o&&!v&&!c&&g&&e(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],y,C),t)})),s=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"carbon_v162_9_1__sc-2960b2ab-1"})([""]);export{s as StyledContent,n as StyledLink};
+import o,{css as l}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";import a from"../icon/icon.style.js";import t from"../button/button.style.js";const i={light:o=>{let l="var(--link-typical-label-default)",e="var(--link-typical-label-hover)";return"negative"===o?(l="var(--link-destructive-label-default)",e="var(--link-destructive-label-hover)"):"subtle"===o&&(l="var(--link-subtle-label-default)",e="var(--link-subtle-label-hover)"),{color:l,hoverColor:e,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let l="var(--link-typical-inverse-label-default)",e="var(--link-typical-inverse-label-hover)";return"negative"===o?(l="var(--link-destructive-inverse-label-default)",e="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(l="var(--link-subtle-inverse-label-default)",e="var(--link-subtle-inverse-label-hover)"),{color:l,hoverColor:e,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},n=o.span.attrs(e).withConfig({displayName:"link.style__StyledLink",componentId:"carbon_v162_11_0__sc-4dd5555c-0"})(["",""],(({$isSkipLink:o,theme:e,$iconAlign:n,$hasContent:s,$disabled:c,$underline:d,$variant:u,$inverse:b,$hasFocus:v,$linkSize:g,$bold:f})=>{const p=b?"dark":"light",{color:m,hoverColor:h,focusColor:k,focusBgColor:x,focusBoxShadowColor:y}=i[p](u);return l([""," "," "," > a,> button{> ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,","{background-color:transparent;border:none;padding:0;}"],o&&l(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],e.zIndex.aboveAll),!o&&l(["> a,> button{"," text-decoration:",";"," ","}"],((o,e)=>{let r;return r="large"===o?e?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":e?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",l(["font:var(",");"],r)})(g,f),s&&"always"===d?"underline":"none",!c&&l(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],m,a,m,"left"===n&&l(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===n&&l(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),h,!s||"hover"!==d&&"always"!==d?"none":"underline",a,h,k,a,k,r()),c&&l(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&l(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),a,s?"inline-block":"inline",!o&&!c&&v&&l(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],x,y),t)})),s=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"carbon_v162_11_0__sc-4dd5555c-1"})([""]);export{s as StyledContent,n as StyledLink};

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

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import i from"styled-components";const r=i.div.withConfig({displayName:"placeholder.component__StyledPlaceHolder",componentId:"carbon_v162_9_1__sc-25235b82-0"})(["position:absolute;inset:0;svg{display:block;width:100%;height:100%;}"]),l=()=>t(r,{"data-component":"link-preview-placeholder",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"160",height:"90",viewBox:"0 0 160 90",fill:"none","aria-hidden":"true",children:[e("g",{clipPath:"url(#a)",children:[t("path",{fill:"#fff",d:"M0 0h160v90H0z"}),t("circle",{cx:"55",cy:"24",r:"7",fill:"#d1d1d1"}),t("rect",{width:"120.67",height:"120.75",fill:"#eaeaea",rx:"1.96",transform:"rotate(43.49 -29.82 90.72)skewX(.64)"}),t("rect",{width:"120.67",height:"120.75",fill:"url(#b)",fillOpacity:".05",rx:"1.96",transform:"rotate(43.49 -29.82 90.72)skewX(.64)"}),t("rect",{width:"120.67",height:"120.75",fill:"#d4d4d4",rx:"1.96",transform:"rotate(43.49 11.3 141.27)skewX(.64)"}),t("rect",{width:"120.67",height:"120.75",fill:"url(#c)",fillOpacity:".2",rx:"1.96",transform:"rotate(43.49 11.3 141.27)skewX(.64)"})]}),e("defs",{children:[e("linearGradient",{id:"b",x1:"22.48",x2:"3.83",y1:"46.88",y2:".45",gradientUnits:"userSpaceOnUse",children:[t("stop",{}),t("stop",{offset:"1",stopOpacity:"0"})]}),e("linearGradient",{id:"c",x1:"60.08",x2:"-12.97",y1:"40.62",y2:"15.5",gradientUnits:"userSpaceOnUse",children:[t("stop",{}),t("stop",{offset:"1",stopOpacity:"0"})]}),t("clipPath",{id:"a",children:t("path",{fill:"#fff",d:"M0 0h160v90H0z"})})]})]})});export{r as StyledPlaceHolder,l as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import i from"styled-components";const r=i.div.withConfig({displayName:"placeholder.component__StyledPlaceHolder",componentId:"carbon_v162_11_0__sc-25235b82-0"})(["position:absolute;inset:0;svg{display:block;width:100%;height:100%;}"]),l=()=>t(r,{"data-component":"link-preview-placeholder",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"160",height:"90",viewBox:"0 0 160 90",fill:"none","aria-hidden":"true",children:[e("g",{clipPath:"url(#a)",children:[t("path",{fill:"#fff",d:"M0 0h160v90H0z"}),t("circle",{cx:"55",cy:"24",r:"7",fill:"#d1d1d1"}),t("rect",{width:"120.67",height:"120.75",fill:"#eaeaea",rx:"1.96",transform:"rotate(43.49 -29.82 90.72)skewX(.64)"}),t("rect",{width:"120.67",height:"120.75",fill:"url(#b)",fillOpacity:".05",rx:"1.96",transform:"rotate(43.49 -29.82 90.72)skewX(.64)"}),t("rect",{width:"120.67",height:"120.75",fill:"#d4d4d4",rx:"1.96",transform:"rotate(43.49 11.3 141.27)skewX(.64)"}),t("rect",{width:"120.67",height:"120.75",fill:"url(#c)",fillOpacity:".2",rx:"1.96",transform:"rotate(43.49 11.3 141.27)skewX(.64)"})]}),e("defs",{children:[e("linearGradient",{id:"b",x1:"22.48",x2:"3.83",y1:"46.88",y2:".45",gradientUnits:"userSpaceOnUse",children:[t("stop",{}),t("stop",{offset:"1",stopOpacity:"0"})]}),e("linearGradient",{id:"c",x1:"60.08",x2:"-12.97",y1:"40.62",y2:"15.5",gradientUnits:"userSpaceOnUse",children:[t("stop",{}),t("stop",{offset:"1",stopOpacity:"0"})]}),t("clipPath",{id:"a",children:t("path",{fill:"#fff",d:"M0 0h160v90H0z"})})]})]})});export{r as StyledPlaceHolder,l as default};

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

@@ -1 +1 @@
-import e,{css as o}from"styled-components";import a from"../../style/utils/add-focus-styling.js";import t from"../../style/themes/apply-base-theme.js";const i={small:{wrapperPadding:"var(--global-space-comp-s)",wrapperGap:"var(--global-space-comp-xs)",titleWrapperGap:"var(--global-space-comp-s)",titleFont:"var(--global-font-static-comp-medium-s)",descriptionFont:"var(--global-font-static-comp-regular-s)",urlFont:"var(--global-font-static-comp-lined-regular-s)"},medium:{wrapperPadding:"var(--global-space-comp-m)",wrapperGap:"var(--global-space-comp-m)",titleWrapperGap:"var(--global-space-comp-m)",titleFont:"var(--global-font-static-comp-medium-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",urlFont:"var(--global-font-static-comp-lined-regular-m)"},large:{wrapperPadding:"var(--global-space-comp-l)",wrapperGap:"var(--global-space-comp-m)",titleWrapperGap:"var(--global-space-comp-l)",titleFont:"var(--global-font-static-comp-medium-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",urlFont:"var(--global-font-static-comp-lined-regular-l)"}},r=e.div.withConfig({displayName:"link-preview.style__StyledWrapper",componentId:"carbon_v162_9_1__sc-f277a2d1-0"})(["",""],(({$size:e,$isLoading:a})=>o(["display:flex;flex-direction:column;"," ",""],!a&&o(["padding:",";gap:",";"],i[e].wrapperPadding,i[e].wrapperGap),a&&o(["box-sizing:border-box;width:100%;padding:var(--global-space-comp-s) var(--global-space-comp-l);"])))),l=e.div.withConfig({displayName:"link-preview.style__StyledContentWrapper",componentId:"carbon_v162_9_1__sc-f277a2d1-1"})(["display:flex;flex-direction:column;"]),n=e.div.withConfig({displayName:"link-preview.style__StyledTitleWrapper",componentId:"carbon_v162_9_1__sc-f277a2d1-2"})(["",""],(({$size:e})=>o(["display:flex;align-items:flex-start;gap:",";"],i[e].titleWrapperGap))),p=e.div.withConfig({displayName:"link-preview.style__StyledTitle",componentId:"carbon_v162_9_1__sc-f277a2d1-3"})(["",""],(({$size:e})=>o(["display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1 0 0;text-overflow:ellipsis;overflow:hidden;white-space:normal;padding-top:var(--global-space-comp-xs);color:var(--container-action-txt-active);font:",";"],i[e].titleFont))),c=e.p.withConfig({displayName:"link-preview.style__StyledDescription",componentId:"carbon_v162_9_1__sc-f277a2d1-4"})(["",""],(({$size:e})=>o(["margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:var(--container-action-txt-alt-default);font:",";"],i[e].descriptionFont))),d=e.div.withConfig({displayName:"link-preview.style__StyledUrl",componentId:"carbon_v162_9_1__sc-f277a2d1-5"})(["",""],(({$size:e})=>o(["display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:var(--container-action-txt-active);font:",";text-decoration-line:underline;"],i[e].urlFont))),s=e.div.withConfig({displayName:"link-preview.style__StyledThumbnailWrapper",componentId:"carbon_v162_9_1__sc-f277a2d1-6"})(["width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-top-right-radius:var(--global-radius-container-xs);border-top-left-radius:var(--global-radius-container-xs);background-color:var(--container-action-bg-default);"]),m=e.img.withConfig({displayName:"link-preview.style__StyledThumbnailImage",componentId:"carbon_v162_9_1__sc-f277a2d1-7"})(["display:block;width:100%;height:100%;object-fit:contain;object-position:center;"]),v=e.a.attrs(t).withConfig({displayName:"link-preview.style__StyledLinkPreview",componentId:"carbon_v162_9_1__sc-f277a2d1-8"})(["",""],(({as:e})=>o(["display:flex;flex-direction:column;min-width:224px;width:fit-content;height:fit-content;max-width:400px;text-decoration:none;outline:none;box-sizing:border-box;border-radius:var(--global-radius-container-xs);border:var(--global-borderwidth-xs) solid var(--container-action-border-alt);background:var(--container-action-bg-default);",""],"div"!==e&&o(["&:focus{","}&:hover{cursor:pointer;border-color:var(--container-action-borderalt-hover);background:var(--container-action-bg-hover);",",",",","{color:var(--container-action-txt-hover);}}"],a(),p,c,d))));export{l as StyledContentWrapper,c as StyledDescription,v as StyledLinkPreview,m as StyledThumbnailImage,s as StyledThumbnailWrapper,p as StyledTitle,n as StyledTitleWrapper,d as StyledUrl,r as StyledWrapper};
+import e,{css as o}from"styled-components";import a from"../../style/utils/add-focus-styling.js";import t from"../../style/themes/apply-base-theme.js";const i={small:{wrapperPadding:"var(--global-space-comp-s)",wrapperGap:"var(--global-space-comp-xs)",titleWrapperGap:"var(--global-space-comp-s)",titleFont:"var(--global-font-static-comp-medium-s)",descriptionFont:"var(--global-font-static-comp-regular-s)",urlFont:"var(--global-font-static-comp-lined-regular-s)"},medium:{wrapperPadding:"var(--global-space-comp-m)",wrapperGap:"var(--global-space-comp-m)",titleWrapperGap:"var(--global-space-comp-m)",titleFont:"var(--global-font-static-comp-medium-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",urlFont:"var(--global-font-static-comp-lined-regular-m)"},large:{wrapperPadding:"var(--global-space-comp-l)",wrapperGap:"var(--global-space-comp-m)",titleWrapperGap:"var(--global-space-comp-l)",titleFont:"var(--global-font-static-comp-medium-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",urlFont:"var(--global-font-static-comp-lined-regular-l)"}},r=e.div.withConfig({displayName:"link-preview.style__StyledWrapper",componentId:"carbon_v162_11_0__sc-f277a2d1-0"})(["",""],(({$size:e,$isLoading:a})=>o(["display:flex;flex-direction:column;"," ",""],!a&&o(["padding:",";gap:",";"],i[e].wrapperPadding,i[e].wrapperGap),a&&o(["box-sizing:border-box;width:100%;padding:var(--global-space-comp-s) var(--global-space-comp-l);"])))),l=e.div.withConfig({displayName:"link-preview.style__StyledContentWrapper",componentId:"carbon_v162_11_0__sc-f277a2d1-1"})(["display:flex;flex-direction:column;"]),n=e.div.withConfig({displayName:"link-preview.style__StyledTitleWrapper",componentId:"carbon_v162_11_0__sc-f277a2d1-2"})(["",""],(({$size:e})=>o(["display:flex;align-items:flex-start;gap:",";"],i[e].titleWrapperGap))),p=e.div.withConfig({displayName:"link-preview.style__StyledTitle",componentId:"carbon_v162_11_0__sc-f277a2d1-3"})(["",""],(({$size:e})=>o(["display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1 0 0;text-overflow:ellipsis;overflow:hidden;white-space:normal;padding-top:var(--global-space-comp-xs);color:var(--container-action-txt-active);font:",";"],i[e].titleFont))),c=e.p.withConfig({displayName:"link-preview.style__StyledDescription",componentId:"carbon_v162_11_0__sc-f277a2d1-4"})(["",""],(({$size:e})=>o(["margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:var(--container-action-txt-alt-default);font:",";"],i[e].descriptionFont))),d=e.div.withConfig({displayName:"link-preview.style__StyledUrl",componentId:"carbon_v162_11_0__sc-f277a2d1-5"})(["",""],(({$size:e})=>o(["display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:var(--container-action-txt-active);font:",";text-decoration-line:underline;"],i[e].urlFont))),s=e.div.withConfig({displayName:"link-preview.style__StyledThumbnailWrapper",componentId:"carbon_v162_11_0__sc-f277a2d1-6"})(["width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-top-right-radius:var(--global-radius-container-xs);border-top-left-radius:var(--global-radius-container-xs);background-color:var(--container-action-bg-default);"]),m=e.img.withConfig({displayName:"link-preview.style__StyledThumbnailImage",componentId:"carbon_v162_11_0__sc-f277a2d1-7"})(["display:block;width:100%;height:100%;object-fit:contain;object-position:center;"]),v=e.a.attrs(t).withConfig({displayName:"link-preview.style__StyledLinkPreview",componentId:"carbon_v162_11_0__sc-f277a2d1-8"})(["",""],(({as:e})=>o(["display:flex;flex-direction:column;min-width:224px;width:fit-content;height:fit-content;max-width:400px;text-decoration:none;outline:none;box-sizing:border-box;border-radius:var(--global-radius-container-xs);border:var(--global-borderwidth-xs) solid var(--container-action-border-alt);background:var(--container-action-bg-default);",""],"div"!==e&&o(["&:focus{","}&:hover{cursor:pointer;border-color:var(--container-action-borderalt-hover);background:var(--container-action-bg-hover);",",",",","{color:var(--container-action-txt-hover);}}"],a(),p,c,d))));export{l as StyledContentWrapper,c as StyledDescription,v as StyledLinkPreview,m as StyledThumbnailImage,s as StyledThumbnailWrapper,p as StyledTitle,n as StyledTitleWrapper,d as StyledUrl,r as StyledWrapper};

package/esm/components/loader/__next__/internal/star.style.js

@@ -1 +1 @@
-import a,{keyframes as o}from"styled-components";const t=o(["0%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}10%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}20%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}35%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}55%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}60%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}90%{transform:translate3d(0px,-24px,0px) scale(0.8);opacity:1;}100%{transform:translate3d(0px,-24px,0px) scale(0.6);opacity:0;}"]),s=o(["0%{stop-color:var(--mode-color-ai-alt-stop-1);}10%{stop-color:var(--mode-color-ai-alt-stop-1);}50%{stop-color:var(--mode-color-ai-alt-stop-2);}90%{stop-color:var(--mode-color-ai-alt-stop-3);}100%{stop-color:var(--mode-color-ai-alt-stop-3);}"]),r=o(["0%{stop-color:var(--mode-color-ai-alt-stop-1);}10%{stop-color:var(--mode-color-ai-alt-stop-1);}50%{stop-color:var(--mode-color-ai-alt-stop-1);}90%{stop-color:var(--mode-color-ai-alt-stop-2);}100%{stop-color:var(--mode-color-ai-alt-stop-2);}"]),i="3s",l=a.svg.withConfig({displayName:"star.style__StyledStarSVG",componentId:"carbon_v162_9_1__sc-8f59fe79-0"})(["animation:"," "," ease-in-out forwards infinite;height:var(--global-size-3-xs);opacity:0;width:var(--global-size-3-xs);"],t,i),e=a.stop.withConfig({displayName:"star.style__GradientStopTop",componentId:"carbon_v162_9_1__sc-8f59fe79-1"})(["animation:"," "," ease-in-out forwards infinite;"],s,i),n=a.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"carbon_v162_9_1__sc-8f59fe79-2"})(["animation:"," "," ease-in-out forwards infinite;"],r,i),p=a.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"carbon_v162_9_1__sc-8f59fe79-3"})(["bottom:0;height:var(--global-size-3-xs);left:0;position:absolute;width:var(--global-size-3-xs);&.star-1{.ai-star-path{fill:url(#gradient1);}","{animation-delay:-2s;}#gradient1{","{animation-delay:-2s;}","{animation-delay:-2s;}}}&.star-2{.ai-star-path{fill:url(#gradient2);}","{animation-delay:-1s;}#gradient2{","{animation-delay:-1s;}","{animation-delay:-1s;}}}&.star-3{.ai-star-path{fill:url(#gradient3);}","{animation-delay:0s;}#gradient3{","{animation-delay:0s;}","{animation-delay:0s;}}}"],l,e,n,l,e,n,l,e,n);export{n as GradientStopBottom,e as GradientStopTop,p as StyledLoaderStarContainer,l as StyledStarSVG};
+import a,{keyframes as o}from"styled-components";const t=o(["0%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}10%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}20%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}35%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}55%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}60%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}90%{transform:translate3d(0px,-24px,0px) scale(0.8);opacity:1;}100%{transform:translate3d(0px,-24px,0px) scale(0.6);opacity:0;}"]),s=o(["0%{stop-color:var(--mode-color-ai-alt-stop-1);}10%{stop-color:var(--mode-color-ai-alt-stop-1);}50%{stop-color:var(--mode-color-ai-alt-stop-2);}90%{stop-color:var(--mode-color-ai-alt-stop-3);}100%{stop-color:var(--mode-color-ai-alt-stop-3);}"]),r=o(["0%{stop-color:var(--mode-color-ai-alt-stop-1);}10%{stop-color:var(--mode-color-ai-alt-stop-1);}50%{stop-color:var(--mode-color-ai-alt-stop-1);}90%{stop-color:var(--mode-color-ai-alt-stop-2);}100%{stop-color:var(--mode-color-ai-alt-stop-2);}"]),i="3s",l=a.svg.withConfig({displayName:"star.style__StyledStarSVG",componentId:"carbon_v162_11_0__sc-8f59fe79-0"})(["animation:"," "," ease-in-out forwards infinite;height:var(--global-size-3-xs);opacity:0;width:var(--global-size-3-xs);"],t,i),e=a.stop.withConfig({displayName:"star.style__GradientStopTop",componentId:"carbon_v162_11_0__sc-8f59fe79-1"})(["animation:"," "," ease-in-out forwards infinite;"],s,i),n=a.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"carbon_v162_11_0__sc-8f59fe79-2"})(["animation:"," "," ease-in-out forwards infinite;"],r,i),p=a.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"carbon_v162_11_0__sc-8f59fe79-3"})(["bottom:0;height:var(--global-size-3-xs);left:0;position:absolute;width:var(--global-size-3-xs);&.star-1{.ai-star-path{fill:url(#gradient1);}","{animation-delay:-2s;}#gradient1{","{animation-delay:-2s;}","{animation-delay:-2s;}}}&.star-2{.ai-star-path{fill:url(#gradient2);}","{animation-delay:-1s;}#gradient2{","{animation-delay:-1s;}","{animation-delay:-1s;}}}&.star-3{.ai-star-path{fill:url(#gradient3);}","{animation-delay:0s;}#gradient3{","{animation-delay:0s;}","{animation-delay:0s;}}}"],l,e,n,l,e,n,l,e,n);export{n as GradientStopBottom,e as GradientStopTop,p as StyledLoaderStarContainer,l as StyledStarSVG};

package/esm/components/loader/__next__/loader.style.js

@@ -1 +1 @@
-import a,{keyframes as e,css as r}from"styled-components";import{margin as o}from"styled-system";import t from"../../../style/themes/apply-base-theme.js";import{Typography as i}from"../../typography/typography.component.js";import"react/jsx-runtime";import"react";import n from"../../button/button.style.js";import{StyledButton as l}from"../../button/__next__/button.style.js";const s={"extra-small":20,small:32,medium:64,large:80},d={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},c={small:"var(--global-radius-container-2-xs)",medium:"var(--global-radius-container-xs)",large:"var(--global-radius-container-m)"},m={small:"var(--global-size-5-xs)",medium:"var(--global-size-4-xs)",large:"var(--global-size-3-xs)"},p={"extra-small":"var(--global-space-comp-s)",small:"var(--global-space-comp-s)",medium:"var(--global-space-comp-m)",large:"var(--global-space-comp-l)"},g=e(["0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}"]),b=e(["0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}"]),f=e(["from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}"]),v=e(["0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}"]),u=(a,e)=>{const r=e?"var(--progress-loader-inverse-bg-default)":"var(--progress-loader-bg-default)";return"ai"===a?{outerBarBackground:r,innerBarBackground:"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1) 0%, var(--mode-color-ai-alt-stop-2) 40%, var(--mode-color-ai-alt-stop-3) 90%)"}:{outerBarBackground:r,innerBarBackground:e?"var(--progress-loader-inverse-fg-default)":"var(--progress-loader-fg-default)"}},_=r(["display:flex;justify-content:center;text-align:center;"]),h=a.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"carbon_v162_9_1__sc-7ab18adb-0"})(["display:inline-block;min-width:var(--global-size-2-xl);"]),y=a.div.attrs(t).withConfig({displayName:"loader.style__StyledLoader",componentId:"carbon_v162_9_1__sc-7ab18adb-1"})([""," text-align:center;white-space:nowrap;"],o),x=a.div.withConfig({displayName:"loader.style__OuterBar",componentId:"carbon_v162_9_1__sc-7ab18adb-2"})(["",""],(({size:a,variant:e,inverse:o})=>r(["border-radius:",";height:",";width:100%;background:",";overflow:hidden;position:relative;"],c[a],m[a],u(e,o).outerBarBackground))),k=a.div.withConfig({displayName:"loader.style__InnerBar",componentId:"carbon_v162_9_1__sc-7ab18adb-3"})(["",""],(({size:a,variant:e,inverse:o,animationTime:t,hasMotion:i})=>r(["position:absolute;background:",";width:15px;height:",";border-radius:",";animation-name:",",",";"," animation-iteration-count:",";"],u(e,o).innerBarBackground,m[a],c[a],g,b,i&&`animation-duration: ${t}s, ${t}s;`,i?"infinite, infinite":"none, none"))),w=a.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"carbon_v162_9_1__sc-7ab18adb-4"})(["",""],(({inverse:a,size:e,hasMotion:o,isTracked:t,isError:i,isSuccess:c,isGradientVariant:m,animationTime:p})=>{const g=`${s[e]}px`,b=d[e];return r(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"," ",""],g,g,b,a?"var(--progress-loader-inverse-bg-default)":"var(--progress-loader-bg-default)",b,m?"none":(({inverse:a,isSuccess:e,isError:r})=>r?"var(--progress-loader-fg-error);":e?"var(--progress-loader-fg-complete);":a?"var(--progress-loader-inverse-fg-default)":"var(--progress-loader-fg-default)")({inverse:a,isSuccess:c,isError:i}),t?f:v,o&&`animation-duration: ${p}s;`,o?"infinite":"none",m&&r(['circle[data-role="gradient-mask-arc"]{fill:none;stroke:white;stroke-width:',"px;stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],b,v,o&&`animation-duration: ${p}s;`,o?"infinite":"none"),!m&&r(["",' & circle[data-role="inner-arc"],',' & circle[data-role="inner-arc"]{stroke:currentColor;}'],l,n))})),B=a.div.withConfig({displayName:"loader.style__StyledGradientFill",componentId:"carbon_v162_9_1__sc-7ab18adb-5"})(["width:100%;height:100%;background:radial-gradient( 1514.52% 80.26% at 56.89% 94.74%,var(--mode-color-ai-alt-stop-1) 0%,var(--mode-color-ai-alt-stop-2) 51.22%,var(--mode-color-ai-stop-3) 100% );"]),C="var(--global-size-m)",S=a.div.withConfig({displayName:"loader.style__StyledStars",componentId:"carbon_v162_9_1__sc-7ab18adb-6"})(["position:relative;width:",";height:",";"],C,C),z={standalone:{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"},ring:{"extra-small":"var(--global-space-comp-xs)",small:"var(--global-space-comp-s)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}},I=a.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"carbon_v162_9_1__sc-7ab18adb-7"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),N=a(i).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"carbon_v162_9_1__sc-7ab18adb-8"})([""," line-height:150%;color:",";"," &,"," &{color:currentColor;}",""],_,(({inverse:a})=>a?"var(--progress-inverse-label-alt)":"var(--progress-label-alt)"),l,n,(({$size:a="medium",loaderType:e,loaderVariant:o,$isInsideButton:t})=>{const i=a;return"star"===e?r(["font-size:16px;font-weight:400;margin-left:12px;width:min-content;"]):"standalone"===e?r(["font:",";width:100%;margin-top:",";"],"large"===i?"var(--global-font-static-comp-medium-l)":"small"===i?"var(--global-font-static-comp-medium-s)":"var(--global-font-static-comp-medium-m)",z[e][i]):r(["font:",";width:",";",";"],t?"var(--global-font-static-comp-medium-s)":"large"===i?"var(--global-font-static-comp-medium-l)":"extra-small"===i?"var(--global-font-static-comp-medium-xs)":"small"===i?"var(--global-font-static-comp-medium-s)":"var(--global-font-static-comp-medium-m)","inline"===o?"auto":"100%","inline"===o?`margin-left: ${p[i]}`:`margin-top: ${z[e][i]}`)})),$=a.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"carbon_v162_9_1__sc-7ab18adb-9"})(["",""],(({loaderVariant:a})=>r(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===a?"row":"column","inline"===a?"auto":"100%"))),j=a.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"carbon_v162_9_1__sc-7ab18adb-10"})(["",";"],(({inverse:a})=>r(["color:",";"," &,"," &{color:currentColor;}"],a?"var(--progress-inverse-label-alt)":"var(--progress-label-alt)",l,n)));export{k as InnerBar,x as OuterBar,B as StyledGradientFill,j as StyledLabel,y as StyledLoader,N as StyledLoaderLabel,h as StyledLoaderPlaceholder,w as StyledRingCircleSvg,$ as StyledRingLoaderWrapper,I as StyledStarLoaderWrapper,S as StyledStars};
+import a,{keyframes as e,css as r}from"styled-components";import{margin as o}from"styled-system";import t from"../../../style/themes/apply-base-theme.js";import{Typography as i}from"../../typography/typography.component.js";import"react/jsx-runtime";import"react";import n from"../../button/button.style.js";import{StyledButton as l}from"../../button/__next__/button.style.js";const s={"extra-small":20,small:32,medium:64,large:80},d={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},c={small:"var(--global-radius-container-2-xs)",medium:"var(--global-radius-container-xs)",large:"var(--global-radius-container-m)"},m={small:"var(--global-size-5-xs)",medium:"var(--global-size-4-xs)",large:"var(--global-size-3-xs)"},p={"extra-small":"var(--global-space-comp-s)",small:"var(--global-space-comp-s)",medium:"var(--global-space-comp-m)",large:"var(--global-space-comp-l)"},g=e(["0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}"]),b=e(["0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}"]),f=e(["from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}"]),v=e(["0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}"]),u=(a,e)=>{const r=e?"var(--progress-loader-inverse-bg-default)":"var(--progress-loader-bg-default)";return"ai"===a?{outerBarBackground:r,innerBarBackground:"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1) 0%, var(--mode-color-ai-alt-stop-2) 40%, var(--mode-color-ai-alt-stop-3) 90%)"}:{outerBarBackground:r,innerBarBackground:e?"var(--progress-loader-inverse-fg-default)":"var(--progress-loader-fg-default)"}},_=r(["display:flex;justify-content:center;text-align:center;"]),h=a.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"carbon_v162_11_0__sc-7ab18adb-0"})(["display:inline-block;min-width:var(--global-size-2-xl);"]),y=a.div.attrs(t).withConfig({displayName:"loader.style__StyledLoader",componentId:"carbon_v162_11_0__sc-7ab18adb-1"})([""," text-align:center;white-space:nowrap;"],o),x=a.div.withConfig({displayName:"loader.style__OuterBar",componentId:"carbon_v162_11_0__sc-7ab18adb-2"})(["",""],(({size:a,variant:e,inverse:o})=>r(["border-radius:",";height:",";width:100%;background:",";overflow:hidden;position:relative;"],c[a],m[a],u(e,o).outerBarBackground))),k=a.div.withConfig({displayName:"loader.style__InnerBar",componentId:"carbon_v162_11_0__sc-7ab18adb-3"})(["",""],(({size:a,variant:e,inverse:o,animationTime:t,hasMotion:i})=>r(["position:absolute;background:",";width:15px;height:",";border-radius:",";animation-name:",",",";"," animation-iteration-count:",";"],u(e,o).innerBarBackground,m[a],c[a],g,b,i&&`animation-duration: ${t}s, ${t}s;`,i?"infinite, infinite":"none, none"))),w=a.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"carbon_v162_11_0__sc-7ab18adb-4"})(["",""],(({inverse:a,size:e,hasMotion:o,isTracked:t,isError:i,isSuccess:c,isGradientVariant:m,animationTime:p})=>{const g=`${s[e]}px`,b=d[e];return r(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"," ",""],g,g,b,a?"var(--progress-loader-inverse-bg-default)":"var(--progress-loader-bg-default)",b,m?"none":(({inverse:a,isSuccess:e,isError:r})=>r?"var(--progress-loader-fg-error);":e?"var(--progress-loader-fg-complete);":a?"var(--progress-loader-inverse-fg-default)":"var(--progress-loader-fg-default)")({inverse:a,isSuccess:c,isError:i}),t?f:v,o&&`animation-duration: ${p}s;`,o?"infinite":"none",m&&r(['circle[data-role="gradient-mask-arc"]{fill:none;stroke:white;stroke-width:',"px;stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],b,v,o&&`animation-duration: ${p}s;`,o?"infinite":"none"),!m&&r(["",' & circle[data-role="inner-arc"],',' & circle[data-role="inner-arc"]{stroke:currentColor;}'],l,n))})),B=a.div.withConfig({displayName:"loader.style__StyledGradientFill",componentId:"carbon_v162_11_0__sc-7ab18adb-5"})(["width:100%;height:100%;background:radial-gradient( 1514.52% 80.26% at 56.89% 94.74%,var(--mode-color-ai-alt-stop-1) 0%,var(--mode-color-ai-alt-stop-2) 51.22%,var(--mode-color-ai-stop-3) 100% );"]),C="var(--global-size-m)",S=a.div.withConfig({displayName:"loader.style__StyledStars",componentId:"carbon_v162_11_0__sc-7ab18adb-6"})(["position:relative;width:",";height:",";"],C,C),z={standalone:{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"},ring:{"extra-small":"var(--global-space-comp-xs)",small:"var(--global-space-comp-s)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}},I=a.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"carbon_v162_11_0__sc-7ab18adb-7"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),N=a(i).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"carbon_v162_11_0__sc-7ab18adb-8"})([""," line-height:150%;color:",";"," &,"," &{color:currentColor;}",""],_,(({inverse:a})=>a?"var(--progress-inverse-label-alt)":"var(--progress-label-alt)"),l,n,(({$size:a="medium",loaderType:e,loaderVariant:o,$isInsideButton:t})=>{const i=a;return"star"===e?r(["font-size:16px;font-weight:400;margin-left:12px;width:min-content;"]):"standalone"===e?r(["font:",";width:100%;margin-top:",";"],"large"===i?"var(--global-font-static-comp-medium-l)":"small"===i?"var(--global-font-static-comp-medium-s)":"var(--global-font-static-comp-medium-m)",z[e][i]):r(["font:",";width:",";",";"],t?"var(--global-font-static-comp-medium-s)":"large"===i?"var(--global-font-static-comp-medium-l)":"extra-small"===i?"var(--global-font-static-comp-medium-xs)":"small"===i?"var(--global-font-static-comp-medium-s)":"var(--global-font-static-comp-medium-m)","inline"===o?"auto":"100%","inline"===o?`margin-left: ${p[i]}`:`margin-top: ${z[e][i]}`)})),$=a.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"carbon_v162_11_0__sc-7ab18adb-9"})(["",""],(({loaderVariant:a})=>r(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===a?"row":"column","inline"===a?"auto":"100%"))),j=a.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"carbon_v162_11_0__sc-7ab18adb-10"})(["",";"],(({inverse:a})=>r(["color:",";"," &,"," &{color:currentColor;}"],a?"var(--progress-inverse-label-alt)":"var(--progress-label-alt)",l,n)));export{k as InnerBar,x as OuterBar,B as StyledGradientFill,j as StyledLabel,y as StyledLoader,N as StyledLoaderLabel,h as StyledLoaderPlaceholder,w as StyledRingCircleSvg,$ as StyledRingLoaderWrapper,I as StyledStarLoaderWrapper,S as StyledStars};

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

@@ -1 +1 @@
-import e,{keyframes as a,css as i}from"styled-components";import t from"../../style/themes/apply-base-theme.js";const o=a(["0%,80%,100%{opacity:0;transform:scale(0);}40%{opacity:1;transform:scale(1);}"]),r=e.div.withConfig({displayName:"loader-square.style__StyledLoaderPlaceholder",componentId:"carbon_v162_9_1__sc-717eeb54-0"})(["display:inline-block;min-width:var(--sizing800);"]),n=e.div.attrs(t).withConfig({displayName:"loader-square.style__StyledLoaderSquare",componentId:"carbon_v162_9_1__sc-717eeb54-1"})(["",""],(({size:e,isInsideButton:a,isActive:t,backgroundColor:r})=>i(["animation:"," 1s infinite ease-in-out both;background-color:",";display:inline-block;"," border-radius:var(--borderRadiusCircle);"," &:nth-of-type(1){animation-delay:0s;}&:nth-of-type(2){animation-delay:0.2s;}&:nth-of-type(3){animation-delay:0.4s;margin-right:0px;}"],o,r,(e=>{let a,t;switch(e){case"medium":a="16px",t="8px";break;case"large":a="20px",t="8px";break;default:a="12px",t="6px"}return i(["width:",";height:",";margin-right:",";"],a,a,t)})(e),a&&i(["background-color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsSemanticNeutral500)"))));export{r as StyledLoaderPlaceholder,n as default};
+import e,{keyframes as a,css as i}from"styled-components";import t from"../../style/themes/apply-base-theme.js";const o=a(["0%,80%,100%{opacity:0;transform:scale(0);}40%{opacity:1;transform:scale(1);}"]),r=e.div.withConfig({displayName:"loader-square.style__StyledLoaderPlaceholder",componentId:"carbon_v162_11_0__sc-717eeb54-0"})(["display:inline-block;min-width:var(--sizing800);"]),n=e.div.attrs(t).withConfig({displayName:"loader-square.style__StyledLoaderSquare",componentId:"carbon_v162_11_0__sc-717eeb54-1"})(["",""],(({size:e,isInsideButton:a,isActive:t,backgroundColor:r})=>i(["animation:"," 1s infinite ease-in-out both;background-color:",";display:inline-block;"," border-radius:var(--borderRadiusCircle);"," &:nth-of-type(1){animation-delay:0s;}&:nth-of-type(2){animation-delay:0.2s;}&:nth-of-type(3){animation-delay:0.4s;margin-right:0px;}"],o,r,(e=>{let a,t;switch(e){case"medium":a="16px",t="8px";break;case"large":a="20px",t="8px";break;default:a="12px",t="6px"}return i(["width:",";height:",";margin-right:",";"],a,a,t)})(e),a&&i(["background-color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsSemanticNeutral500)"))));export{r as StyledLoaderPlaceholder,n as default};

package/esm/components/loader/loader.style.js

@@ -1 +1 @@
-import e from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const s=e.div.attrs(o).withConfig({displayName:"loader.style__StyledLoader",componentId:"carbon_v162_9_1__sc-4961968f-0"})([""," text-align:center;white-space:nowrap;"],t);export{s as default};
+import e from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const s=e.div.attrs(o).withConfig({displayName:"loader.style__StyledLoader",componentId:"carbon_v162_11_0__sc-4961968f-0"})([""," text-align:center;white-space:nowrap;"],t);export{s as default};

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

@@ -1 +1 @@
-import e,{keyframes as o,css as r}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/apply-base-theme.js";function n(e){switch(e){case"small":return"4px";case"large":return"16px";default:return"8px"}}const i="128px",s=e.div.attrs(a).withConfig({displayName:"loader-bar.style__StyledLoader",componentId:"carbon_v162_9_1__sc-290b8a7-0"})([""," text-align:center;"],t),l=o(["0%{left:-",";}100%{left:100%;}"],i),d=e.div.withConfig({displayName:"loader-bar.style__StyledLoaderBar",componentId:"carbon_v162_9_1__sc-290b8a7-1"})(["",""],(({size:e})=>r(["border-radius:var(--borderRadius400);height:",";width:100%;background-color:var(--colorsActionMajor150);overflow:hidden;position:relative;"],n(e)))),c=e.div.withConfig({displayName:"loader-bar.style__InnerBar",componentId:"carbon_v162_9_1__sc-290b8a7-2"})(["",""],(({size:e})=>r(["position:absolute;background-color:var(--colorsActionMajor500);width:",";height:",";animation:2s "," linear 0s infinite normal none running;"],i,n(e),l)));export{c as InnerBar,s as StyledLoader,d as default};
+import e,{keyframes as o,css as r}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/apply-base-theme.js";function n(e){switch(e){case"small":return"4px";case"large":return"16px";default:return"8px"}}const i="128px",s=e.div.attrs(a).withConfig({displayName:"loader-bar.style__StyledLoader",componentId:"carbon_v162_11_0__sc-290b8a7-0"})([""," text-align:center;"],t),l=o(["0%{left:-",";}100%{left:100%;}"],i),d=e.div.withConfig({displayName:"loader-bar.style__StyledLoaderBar",componentId:"carbon_v162_11_0__sc-290b8a7-1"})(["",""],(({size:e})=>r(["border-radius:var(--borderRadius400);height:",";width:100%;background-color:var(--colorsActionMajor150);overflow:hidden;position:relative;"],n(e)))),c=e.div.withConfig({displayName:"loader-bar.style__InnerBar",componentId:"carbon_v162_11_0__sc-290b8a7-2"})(["",""],(({size:e})=>r(["position:absolute;background-color:var(--colorsActionMajor500);width:",";height:",";animation:2s "," linear 0s infinite normal none running;"],i,n(e),l)));export{c as InnerBar,s as StyledLoader,d as default};

package/esm/components/loader-spinner/loader-spinner.style.js

@@ -1 +1 @@
-import r,{css as e}from"styled-components";import{margin as t}from"styled-system";import{LOADER_SPINNER_SIZE_PARAMS as a}from"./loader-spinner.config.js";import{Typography as n}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=(r,e)=>{switch(e){case"neutral":return r?"var(--colorsSemanticNeutral500)":"var(--colorsSemanticNeutral200)";case"gradient-grey":return r?"#00D639":"#0000001A";case"gradient-white":return r?"#00D639":"var(--colorsActionMajorYang100)";case"inverse":return"var(--colorsActionMajorYang100)";default:return r?"var(--colorsActionMajor500)":"var(--colorsActionMajor150)"}},i=r.div.withConfig({displayName:"loader-spinner.style__StyledSpinnerWrapper",componentId:"carbon_v162_9_1__sc-fe9a4dc0-0"})([""," display:flex;flex-direction:",";"],t,(({size:r})=>"extra-small"===r?"row":"column")),s=r(n).withConfig({displayName:"loader-spinner.style__StyledLabel",componentId:"carbon_v162_9_1__sc-fe9a4dc0-1"})(["",""],(({$size:r})=>e(["display:flex;justify-content:center;text-align:center;",";"],"extra-small"===r?"margin-left: var(--spacing100)":`margin-top: ${a[r].labelMarginTop}px`))),c=r.svg.withConfig({displayName:"loader-spinner.style__StyledSpinnerCircleSvg",componentId:"carbon_v162_9_1__sc-fe9a4dc0-2"})(["",";"],(({size:r,isTracked:t,hasMotion:n,isGradientVariant:i,animationTime:s,variant:c})=>{const d=`${a[r].wrapperDimensions}px`;return r&&e(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",";",' cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:80px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(270deg);@keyframes gradientAnimation{0%{stroke:#00d639;}33%{stroke:#11afff;}66%{stroke:#8f49fe;}}@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(0deg);stroke-dasharray:100;}40%{stroke-dasharray:80;}80%{stroke-dasharray:100;}100%{transform:rotate(360deg);}}animation-name:",",",";",";animation-timing-function:cubic-bezier(0.2,0.1,0.8,1);animation-iteration-count:",";"],d,d,a[r].strokeWidth,o(!1,c),"inverse"===c&&"stroke-opacity: 0.3;",a[r].strokeWidth,o(!0,c),t&&!i?"trackedAnimation":"untrackedAnimation","gradient-grey"===c||"gradient-white"===c?"gradientAnimation":"none",n&&`animation-duration: ${s}s`,n?"infinite":"none")}));export{s as StyledLabel,c as StyledSpinnerCircleSvg,i as StyledSpinnerWrapper};
+import r,{css as e}from"styled-components";import{margin as t}from"styled-system";import{LOADER_SPINNER_SIZE_PARAMS as a}from"./loader-spinner.config.js";import{Typography as n}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=(r,e)=>{switch(e){case"neutral":return r?"var(--colorsSemanticNeutral500)":"var(--colorsSemanticNeutral200)";case"gradient-grey":return r?"#00D639":"#0000001A";case"gradient-white":return r?"#00D639":"var(--colorsActionMajorYang100)";case"inverse":return"var(--colorsActionMajorYang100)";default:return r?"var(--colorsActionMajor500)":"var(--colorsActionMajor150)"}},i=r.div.withConfig({displayName:"loader-spinner.style__StyledSpinnerWrapper",componentId:"carbon_v162_11_0__sc-fe9a4dc0-0"})([""," display:flex;flex-direction:",";"],t,(({size:r})=>"extra-small"===r?"row":"column")),s=r(n).withConfig({displayName:"loader-spinner.style__StyledLabel",componentId:"carbon_v162_11_0__sc-fe9a4dc0-1"})(["",""],(({$size:r})=>e(["display:flex;justify-content:center;text-align:center;",";"],"extra-small"===r?"margin-left: var(--spacing100)":`margin-top: ${a[r].labelMarginTop}px`))),c=r.svg.withConfig({displayName:"loader-spinner.style__StyledSpinnerCircleSvg",componentId:"carbon_v162_11_0__sc-fe9a4dc0-2"})(["",";"],(({size:r,isTracked:t,hasMotion:n,isGradientVariant:i,animationTime:s,variant:c})=>{const d=`${a[r].wrapperDimensions}px`;return r&&e(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",";",' cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:80px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(270deg);@keyframes gradientAnimation{0%{stroke:#00d639;}33%{stroke:#11afff;}66%{stroke:#8f49fe;}}@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(0deg);stroke-dasharray:100;}40%{stroke-dasharray:80;}80%{stroke-dasharray:100;}100%{transform:rotate(360deg);}}animation-name:",",",";",";animation-timing-function:cubic-bezier(0.2,0.1,0.8,1);animation-iteration-count:",";"],d,d,a[r].strokeWidth,o(!1,c),"inverse"===c&&"stroke-opacity: 0.3;",a[r].strokeWidth,o(!0,c),t&&!i?"trackedAnimation":"untrackedAnimation","gradient-grey"===c||"gradient-white"===c?"gradientAnimation":"none",n&&`animation-duration: ${s}s`,n?"infinite":"none")}));export{s as StyledLabel,c as StyledSpinnerCircleSvg,i as StyledSpinnerWrapper};

package/esm/components/loader-star/internal/star.style.js

@@ -1 +1 @@
-import a,{keyframes as t}from"styled-components";const o=t(["0%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}10%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}20%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}35%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}55%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}60%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}90%{transform:translate3d(0px,-24px,0px) scale(0.8);opacity:1;}100%{transform:translate3d(0px,-24px,0px) scale(0.6);opacity:0;}"]),i=t(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#0092db;}90%{stop-color:#8f49fe;}100%{stop-color:#8f49fe;}"]),s=t(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#13a038;}90%{stop-color:#0092db;}100%{stop-color:#0092db;}"]),n="3s",r=a.svg.withConfig({displayName:"star.style__StyledStarSVG",componentId:"carbon_v162_9_1__sc-1b60e449-0"})(["animation:"," "," ease-in-out forwards infinite;height:var(--sizing200);opacity:0;width:var(--sizing200);"],o,n),e=a.stop.withConfig({displayName:"star.style__GradientStopTop",componentId:"carbon_v162_9_1__sc-1b60e449-1"})(["animation:"," "," ease-in-out forwards infinite;"],i,n),p=a.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"carbon_v162_9_1__sc-1b60e449-2"})(["animation:"," "," ease-in-out forwards infinite;"],s,n),l=a.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"carbon_v162_9_1__sc-1b60e449-3"})(["bottom:0;height:var(--sizing200);left:0;position:absolute;width:var(--sizing200);&.star-1{.ai-star-path{fill:url(#gradient1);}","{animation-delay:-2s;}#gradient1{","{animation-delay:-2s;}","{animation-delay:-2s;}}}&.star-2{.ai-star-path{fill:url(#gradient2);}","{animation-delay:-1s;}#gradient2{","{animation-delay:-1s;}","{animation-delay:-1s;}}}&.star-3{.ai-star-path{fill:url(#gradient3);}","{animation-delay:0s;}#gradient3{","{animation-delay:0s;}","{animation-delay:0s;}}}"],r,e,p,r,e,p,r,e,p);export{p as GradientStopBottom,e as GradientStopTop,l as StyledLoaderStarContainer,r as StyledStarSVG};
+import a,{keyframes as t}from"styled-components";const o=t(["0%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}10%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}20%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}35%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}55%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}60%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}90%{transform:translate3d(0px,-24px,0px) scale(0.8);opacity:1;}100%{transform:translate3d(0px,-24px,0px) scale(0.6);opacity:0;}"]),i=t(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#0092db;}90%{stop-color:#8f49fe;}100%{stop-color:#8f49fe;}"]),s=t(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#13a038;}90%{stop-color:#0092db;}100%{stop-color:#0092db;}"]),n="3s",r=a.svg.withConfig({displayName:"star.style__StyledStarSVG",componentId:"carbon_v162_11_0__sc-1b60e449-0"})(["animation:"," "," ease-in-out forwards infinite;height:var(--sizing200);opacity:0;width:var(--sizing200);"],o,n),e=a.stop.withConfig({displayName:"star.style__GradientStopTop",componentId:"carbon_v162_11_0__sc-1b60e449-1"})(["animation:"," "," ease-in-out forwards infinite;"],i,n),p=a.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"carbon_v162_11_0__sc-1b60e449-2"})(["animation:"," "," ease-in-out forwards infinite;"],s,n),l=a.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"carbon_v162_11_0__sc-1b60e449-3"})(["bottom:0;height:var(--sizing200);left:0;position:absolute;width:var(--sizing200);&.star-1{.ai-star-path{fill:url(#gradient1);}","{animation-delay:-2s;}#gradient1{","{animation-delay:-2s;}","{animation-delay:-2s;}}}&.star-2{.ai-star-path{fill:url(#gradient2);}","{animation-delay:-1s;}#gradient2{","{animation-delay:-1s;}","{animation-delay:-1s;}}}&.star-3{.ai-star-path{fill:url(#gradient3);}","{animation-delay:0s;}#gradient3{","{animation-delay:0s;}","{animation-delay:0s;}}}"],r,e,p,r,e,p,r,e,p);export{p as GradientStopBottom,e as GradientStopTop,l as StyledLoaderStarContainer,r as StyledStarSVG};

package/esm/components/loader-star/loader-star.style.js

@@ -1 +1 @@
-import t from"styled-components";import{Typography as e}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=t.div.withConfig({displayName:"loader-star.style__StyledLoaderStarWrapper",componentId:"carbon_v162_9_1__sc-d84f526-0"})(["position:relative;width:max-content;"]),r=t(e).withConfig({displayName:"loader-star.style__StyledLabel",componentId:"carbon_v162_9_1__sc-d84f526-1"})(["display:flex;justify-content:center;text-align:center;"]),a=t.div.withConfig({displayName:"loader-star.style__StyledStars",componentId:"carbon_v162_9_1__sc-d84f526-2"})(["width:40px;height:40px;"]);export{r as StyledLabel,o as StyledLoaderStarWrapper,a as StyledStars};
+import t from"styled-components";import{Typography as e}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=t.div.withConfig({displayName:"loader-star.style__StyledLoaderStarWrapper",componentId:"carbon_v162_11_0__sc-d84f526-0"})(["position:relative;width:max-content;"]),r=t(e).withConfig({displayName:"loader-star.style__StyledLabel",componentId:"carbon_v162_11_0__sc-d84f526-1"})(["display:flex;justify-content:center;text-align:center;"]),a=t.div.withConfig({displayName:"loader-star.style__StyledStars",componentId:"carbon_v162_11_0__sc-d84f526-2"})(["width:40px;height:40px;"]);export{r as StyledLabel,o as StyledLoaderStarWrapper,a as StyledStars};

package/esm/components/menu/__internal__/menu-item-variant.context.d.ts

@@ -0,0 +1,6 @@
+import { VariantType } from "../menu-item/menu-item.component";
+interface VariantContextType {
+    menuItemVariant?: VariantType;
+}
+declare const _default: import("react").Context<VariantContextType>;
+export default _default;

package/esm/components/menu/__internal__/menu-item-variant.context.js

@@ -0,0 +1 @@
+import{createContext as r}from"react";var a=r({});export{a as default};

package/esm/components/menu/__internal__/strict-menu.context.d.ts

@@ -1,6 +1,6 @@
-import type { MenuType } from "../menu.types";
+import { MenuVariantType } from "../menu.component";
 export interface StrictMenuContextType {
-    menuType: MenuType;
+    menuVariant: MenuVariantType;
     openSubmenuId: string | null;
     inFullscreenView?: boolean;
     setOpenSubmenuId: (id: string | null) => void;

package/esm/components/menu/__internal__/strict-menu.context.js

@@ -1 +1 @@
-import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,n]=e({name:"MenuContext",errorMessage:"Carbon Menu: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{menuType:"light",openSubmenuId:null,setOpenSubmenuId:()=>{}}});export{t as StrictMenuProvider,n as useStrictMenuContext};
+import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,n]=e({name:"MenuContext",errorMessage:"Carbon Menu: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{menuVariant:"white",openSubmenuId:null,setOpenSubmenuId:()=>{}}});export{t as StrictMenuProvider,n as useStrictMenuContext};

package/esm/components/menu/__internal__/submenu/submenu.component.d.ts

@@ -6,22 +6,14 @@ export interface SubmenuProps {
     children: React.ReactNode;
     /** Custom className */
     className?: string;
-    /**
-     * * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
-     *
-     * Adds an icon to the menu item.
-     * */
-    icon?: string;
     /** Defines which direction the submenu will hang eg. left/right */
     submenuDirection?: string;
     /** A title for the menu item that has a submenu. */
     title?: React.ReactNode;
     /** onKeyDown handler */
     onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** set the colour variant for a menuType */
+    /** Set the variant of the Submenu  */
     variant?: VariantType;
-    /** Flag to display the dropdown arrow when an item has a submenu */
-    showDropdownArrow?: boolean;
     /** When set the submenu opens by click instead of hover */
     clickToOpen?: boolean;
     /** The href to use for the menu item. */
@@ -36,12 +28,12 @@ export interface SubmenuProps {
     onSubmenuClose?: () => void;
     /** Callback triggered when the top-level menu item is clicked */
     onClick?: (event: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** Accessible label for when no text children are passed to menu item */
-    ariaLabel?: string;
     /** Sets the max-width of the submenu container element */
     submenuMaxWidth?: string;
     /** Sets the min-width of the submenu container element */
     submenuMinWidth?: string;
+    /** Is the menu item the currently selected item. */
+    selected?: boolean;
 }
 declare const Submenu: React.ForwardRefExoticComponent<SubmenuProps & React.RefAttributes<HTMLAnchorElement>>;
 export default Submenu;

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useState as r,useRef as o,useContext as i,useMemo as u,useCallback as l,useEffect as a}from"react";import s from"../../menu-item/menu-item.style.js";import{StyledSubmenuWrapper as c,StyledSubmenu as m}from"./submenu.style.js";import p from"../../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as d}from"../strict-menu.context.js";import{characterNavigation as b}from"../keyboard-navigation/index.js";import f from"./submenu.context.js";import y from"../../../../__internal__/utils/helpers/guid/index.js";import{BLOCK_INDEX_SELECTOR as h,SCROLLABLE_BLOCK as v,SCROLLABLE_BLOCK_PARENT as g,ALL_CHILDREN_SELECTOR as O}from"../locators.js";import w from"../../../../hooks/__internal__/useStableCallback/useStableCallback.js";import S from"../../../navigation-bar/__internal__/fixed-navigation-bar.context.js";import{defaultFocusableSelectors as j}from"../../../../__internal__/focus-trap/focus-trap-utils.js";function x(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){x(e,t,n[t])}))}return e}function P(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const A=n.forwardRef(((n,x)=>{var{children:A,className:_,title:T,icon:k,submenuDirection:I="right",onKeyDown:K,variant:C="default",showDropdownArrow:E=!0,clickToOpen:F,href:M,maxWidth:q,asPassiveItem:W,onSubmenuOpen:R,onSubmenuClose:V,onClick:H,submenuMaxWidth:L,submenuMinWidth:N}=n,$=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(n,["children","className","title","icon","submenuDirection","onKeyDown","variant","showDropdownArrow","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth"]);const[B,U]=r(null),z=o(y()),{inFullscreenView:G,openSubmenuId:J,setOpenSubmenuId:Q,menuType:X}=d(),[Y,Z]=r(!1),[ee,te]=r(null),[ne,re]=r([]),[oe,ie]=r(""),[ue,le]=r(!1),[ae,se]=r(!1),ce=ne.length,{submenuMaxHeight:me}=i(S),pe=w(R),de=u((()=>{const e=null==B?void 0:B.querySelectorAll(h);if(e&&Y&&ce){const t=Array.from(e),n=null==B?void 0:B.querySelector(`[data-component='${v}']`),r=n?t.indexOf(n):-1;return(null==n?void 0:n.querySelector(`[data-component='${g}']`))?r+1:r}return-1}),[Y,ce,B]),be=o(null),fe=l((()=>{be.current=setTimeout((()=>{ie("")}),1500)}),[]),ye=l((()=>{be.current&&clearTimeout(be.current),fe()}),[fe]);a((()=>()=>{be.current&&clearTimeout(be.current)}),[]);const he=l((()=>{Z(!0),Q(z.current)}),[Q]),ve=o();a((()=>{Y&&B&&(()=>{var e;if(!B)return;const t=Array.from(B.querySelectorAll("[data-component='menu-item']")||[]),n=t.length>0?t[t.length-1]:null;ve.current=null!=n?n:void 0,B.querySelectorAll("[data-last-visible-menu-item]").forEach((e=>e.removeAttribute("data-last-visible-menu-item"))),n&&n.setAttribute("data-last-visible-menu-item","true");const r=Array.from(B.querySelectorAll("ul:not([data-component='submenu'])")||[]);if(0===r.length)return le(!1),void se(!1);const o=r[r.length-1],i=(null==o||null===(e=o.parentElement)||void 0===e?void 0:e.dataset.component)===v,u=Array.from(o.querySelectorAll("[data-component='menu-item']")||[]),l=u.length>0?u[u.length-1]:null;let a=!1;l&&o&&(a=l.getBoundingClientRect().bottom<o.getBoundingClientRect().bottom);const s=!!l&&!!n&&l===n;le(s),se(s&&!i||s&&i&&!a)})()}),[Y,B,ce]),a((()=>{Y&&pe&&pe()}),[Y,pe]);const ge=l((()=>{Z(!1),te(null),V&&V(),ie("")}),[V]);a((()=>{J&&J!==z.current&&ge()}),[J,ge]);const Oe=l((e=>ne.findIndex((t=>t===e))),[ne]),we=l((e=>{const t=p.isEnterKey(e)||p.isSpaceKey(e);if(!t&&!p.isDownKey(e)||Y||(e.preventDefault(),he()),Y){const n=Oe(ee);let r=n;if(ee||((t&&!M||p.isSpaceKey(e)&&M)&&(e.preventDefault(),ge()),p.isShiftKey(e)&&p.isTabKey(e)&&ge()),p.isDownKey(e)&&(e.preventDefault(),r<ce-1&&(r+=1)),p.isUpKey(e)&&(e.preventDefault(),le(!1),r>0&&(r-=1)),p.isEscKey(e))return null==K||K(e),void ge();p.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),r=0),p.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),r=ce-1),1===e.key.length?(e.stopPropagation(),be.current?ye():fe(),ie(`${oe}${e.key.toLowerCase()}`)):ie(""),p.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))))||p.isEnterKey(e)&&setTimeout((()=>ge()),0),r!==n&&te(ne[r])}}),[ne,Y,M,ce,ee,Oe,he,ge,K,oe,ye,fe]);return a((()=>{if(B&&A){const e=null==B?void 0:B.querySelectorAll(O);e&&re(Array.from(e).filter((e=>e.querySelector(j))).map((e=>e.getAttribute("id"))))}}),[A,Y,B]),a((()=>{const e=null==B?void 0:B.querySelectorAll(O);if(e&&""!==oe){const t=Array.from(e),n=b(oe,t);n&&te(n.id)}}),[B,oe,ne]),e(c,G?{"data-component":"submenu-wrapper",inFullscreenView:G,asPassiveItem:W,menuType:X,children:[t(s,P(D({},$),{onClick:W?void 0:H,className:_,menuType:X,ref:x,href:M,menuItemVariant:C,inFullscreenView:G,asDiv:W,children:T})),t(m,{"data-component":"submenu",variant:C,menuType:X,inFullscreenView:G,ref:U,applyFocusRadiusStyling:!1,applyFocusRadiusStylingToLastItem:ae,children:t(f.Provider,{value:{handleKeyDown:we,blockIndex:de,updateFocusId:te},children:A})})]}:{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:F?void 0:()=>he(),onMouseLeave:()=>ge(),isSubmenuOpen:Y,ref:U,children:[t(s,P(D({},$),{className:_,menuType:X,ref:x,icon:k,tabIndex:-1,menuItemVariant:C,isOpen:Y,hasSubmenu:!0,showDropdownArrow:E,onKeyDown:we,onClick:e=>{he(),H&&H(e)},clickToOpen:F,href:M,maxWidth:q,"aria-expanded":Y,"data-role":"submenu-parent-item",children:T})),Y&&t(m,{"data-component":"submenu",submenuDirection:I,variant:C,menuType:X,role:0===de?"presentation":"list",maxHeight:me,applyFocusRadiusStyling:ue,applyFocusRadiusStylingToLastItem:ae,submenuMaxWidth:L,submenuMinWidth:N,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||ge()},children:t(f.Provider,{value:{submenuFocusId:ee,handleKeyDown:we,blockIndex:de,updateFocusId:te,submenuHasMaxWidth:!!L,closeSubmenu:ge},children:A})})]})}));A.displayName="submenu";export{A as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useState as r,useRef as o,useContext as i,useMemo as u,useCallback as a,useEffect as l,useLayoutEffect as s}from"react";import{StyledMenuItemWrapper as c}from"../../menu-item/menu-item.style.js";import{StyledSubmenuWrapper as m,StyledSubmenu as p}from"./submenu.style.js";import d from"../../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as b}from"../strict-menu.context.js";import{characterNavigation as f}from"../keyboard-navigation/index.js";import y from"./submenu.context.js";import h from"../../../../__internal__/utils/helpers/guid/index.js";import{BLOCK_INDEX_SELECTOR as v,SCROLLABLE_BLOCK as O,SCROLLABLE_BLOCK_PARENT as g,ALL_CHILDREN_SELECTOR as j}from"../locators.js";import w from"../../../../hooks/__internal__/useStableCallback/useStableCallback.js";import S from"../../../navigation-bar/__internal__/fixed-navigation-bar.context.js";import{defaultFocusableSelectors as x}from"../../../../__internal__/focus-trap/focus-trap-utils.js";function $(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){$(e,t,n[t])}))}return e}function P(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const _=n.forwardRef(((n,$)=>{var{children:_,className:k,title:K,submenuDirection:I="right",onKeyDown:A,variant:M="default",clickToOpen:V,href:E,maxWidth:T,asPassiveItem:W,onSubmenuOpen:C,onSubmenuClose:q,onClick:F,submenuMaxWidth:N,submenuMinWidth:H,selected:L}=n,B=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(n,["children","className","title","submenuDirection","onKeyDown","variant","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth","selected"]);const[R,U]=r(null),z=o(h()),{inFullscreenView:G,openSubmenuId:J,setOpenSubmenuId:Q,menuVariant:X}=b(),[Y,Z]=r(!1),[ee,te]=r(null),[ne,re]=r([]),[oe,ie]=r(""),ue=ne.length,{submenuMaxHeight:ae}=i(S),le=w(C),se=u((()=>{const e=null==R?void 0:R.querySelectorAll(v);if(e&&Y&&ue){const t=Array.from(e),n=null==R?void 0:R.querySelector(`[data-component='${O}']`),r=n?t.indexOf(n):-1;return(null==n?void 0:n.querySelector(`[data-component='${g}']`))?r+1:r}return-1}),[Y,ue,R]),ce=o(null),me=a((()=>{ce.current=setTimeout((()=>{ie("")}),1500)}),[]),pe=a((()=>{ce.current&&clearTimeout(ce.current),me()}),[me]);l((()=>()=>{ce.current&&clearTimeout(ce.current)}),[]);const de=a((()=>{Z(!0),Q(z.current)}),[Q]);l((()=>{Y&&le&&le()}),[Y,le]);const be=a((()=>{Z(!1),te(null),q&&q(),ie("")}),[q]);l((()=>{J&&J!==z.current&&be()}),[J,be]);const fe=a((e=>ne.findIndex((t=>t===e))),[ne]),ye=a((e=>{const t=d.isEnterKey(e)||d.isSpaceKey(e);if(!t&&!d.isDownKey(e)||Y||(e.preventDefault(),de()),Y){const n=fe(ee);let r=n;if(ee||((t&&!E||d.isSpaceKey(e)&&E)&&(e.preventDefault(),be()),d.isShiftKey(e)&&d.isTabKey(e)&&be()),d.isDownKey(e)&&(e.preventDefault(),r<ue-1&&(r+=1)),d.isUpKey(e)&&(e.preventDefault(),r>0&&(r-=1)),d.isEscKey(e))return null==A||A(e),void be();d.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),r=0),d.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),r=ue-1);const o=d.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))));1!==e.key.length||o?ie(""):(e.stopPropagation(),ce.current?pe():me(),ie(`${oe}${e.key.toLowerCase()}`)),o||d.isEnterKey(e)&&setTimeout((()=>be()),0),r!==n&&te(ne[r])}}),[ne,Y,E,ue,ee,fe,de,be,A,oe,pe,me]);return l((()=>{if(R&&_){const e=null==R?void 0:R.querySelectorAll(j);e&&re(Array.from(e).filter((e=>e.querySelector(x))).map((e=>e.getAttribute("id"))))}}),[_,Y,R]),l((()=>{const e=null==R?void 0:R.querySelectorAll(j);if(e&&""!==oe){const t=Array.from(e),n=f(oe,t);n&&te(n.id)}}),[R,oe,ne]),s((()=>{const e=null==R?void 0:R.querySelectorAll('[data-element="menu-item-wrapper"]');null==e||e.forEach(((t,n)=>{n===e.length-1?t.setAttribute("data-last-menu-item","true"):t.removeAttribute("data-last-menu-item")}))}),[R,Y,ue]),e(m,G?{"data-component":"submenu-wrapper",$inFullscreenView:G,children:[t(c,P(D({},B),{as:F&&!E?"button":"a",onClick:W?void 0:F,className:k,$menuVariant:X,ref:$,href:E,$menuItemVariant:M,$inFullscreenView:G,$asDiv:W,$hasSubmenu:!0,$selected:L,children:K})),t(p,{"data-component":"submenu",$menuVariant:X,$inFullscreenView:G,ref:U,children:t(y.Provider,{value:{handleKeyDown:ye,blockIndex:se,updateFocusId:te},children:_})})]}:{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:V?void 0:()=>de(),onMouseLeave:()=>be(),ref:U,children:[t(c,P(D({},B),{as:E?"a":"button",className:k,$menuVariant:X,ref:$,$menuItemVariant:M,$isOpen:Y,$hasSubmenu:!0,onKeyDown:ye,onClick:e=>{de(),F&&F(e)},href:E,$maxWidth:T,$selected:L,"aria-expanded":Y,"data-element":"submenu-parent-item","data-role":"submenu-parent-item",children:K})),Y&&t(p,{"data-component":"submenu","data-role":"submenu",$submenuDirection:I,$menuVariant:X,role:0===se?"presentation":"list",$maxHeight:ae,$submenuMaxWidth:N,$submenuMinWidth:H,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||be()},children:t(y.Provider,{value:{submenuFocusId:ee,handleKeyDown:ye,blockIndex:se,updateFocusId:te,submenuMaxWidth:N,closeSubmenu:be},children:_})})]})}));_.displayName="submenu";export{_ as default};

package/esm/components/menu/__internal__/submenu/submenu.context.d.ts

@@ -4,7 +4,7 @@ export interface SubmenuContextProps {
     updateFocusId?: (id: string) => void;
     handleKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     blockIndex?: number;
-    submenuHasMaxWidth?: boolean;
+    submenuMaxWidth?: string;
     closeSubmenu?: () => void;
 }
 declare const SubmenuContext: React.Context<SubmenuContextProps>;

package/esm/components/menu/__internal__/submenu/submenu.style.d.ts

@@ -1,21 +1,18 @@
-import { SubmenuProps } from "./submenu.component";
-import type { MenuType } from "../../menu.types";
-interface SharedStyleProps {
-    inFullscreenView?: boolean;
-    menuType?: MenuType;
+interface StyledSubmenuWrapperProps {
+    $inFullscreenView?: boolean;
 }
-interface StyledSubmenuWrapperProps extends SharedStyleProps {
-    isSubmenuOpen?: boolean;
-    asPassiveItem?: boolean;
-}
-interface StyledSubmenuProps extends SharedStyleProps, Pick<SubmenuProps, "variant" | "submenuMaxWidth" | "submenuMinWidth"> {
-    submenuDirection?: string;
-    maxHeight?: string;
-    applyFocusRadiusStyling: boolean;
-    applyFocusRadiusStylingToLastItem: boolean;
-}
-declare const StyledSubmenuWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledSubmenuWrapper: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & StyledSubmenuWrapperProps, "theme">;
-declare const StyledSubmenu: import("styled-components").StyledComponent<"ul", any, StyledSubmenuProps, never>;
-export { StyledSubmenu, StyledSubmenuWrapper };
+interface StyledSubmenuProps {
+    $submenuDirection?: string;
+    $maxHeight?: string;
+    $inFullscreenView?: boolean;
+    $menuVariant: "white" | "black";
+    $submenuMaxWidth?: string;
+    $submenuMinWidth?: string;
+}
+export declare const StyledSubmenu: import("styled-components").StyledComponent<"ul", any, {
+    theme: object;
+} & StyledSubmenuProps, "theme">;
+export {};

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

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import o from"../../scrollable-block/scrollable-block.style.js";import r from"../../../../style/themes/apply-base-theme.js";import{StyledLink as i}from"../../../link/link.style.js";import{StyledMenuItem as a}from"../../menu.style.js";import d from"../../menu-item/menu-item.style.js";import s from"../../../icon/icon.style.js";import n from"../../menu.config.js";import{StyledSegmentChildren as u}from"../../menu-segment-title/menu-segment-title.style.js";const l=t.div.attrs(r).withConfig({displayName:"submenu.style__StyledSubmenuWrapper",componentId:"carbon_v162_9_1__sc-5ce62130-0"})(["position:relative;width:fit-content;max-width:inherit;height:inherit;"," ",""],(({isSubmenuOpen:t,theme:o})=>t&&e(["z-index:",";"],o.zIndex.popover)),(({inFullscreenView:t,menuType:o,asPassiveItem:r})=>e([""," ",""],t&&e(["width:100%;",""],r&&o&&e(["","{outline:none;color:",";}"],d,n[o].title)),!t&&e(["display:flex;"])))),m=t.ul.withConfig({displayName:"submenu.style__StyledSubmenu",componentId:"carbon_v162_9_1__sc-5ce62130-1"})(["",""],(({menuType:t,submenuDirection:r,variant:l,inFullscreenView:m,maxHeight:b,applyFocusRadiusStyling:h,applyFocusRadiusStylingToLastItem:p,submenuMaxWidth:c,submenuMinWidth:g})=>e([""," "," "," display:block;list-style:none;margin:0;padding:0;",":after,",":hover:after{display:none;}","{display:flex;align-items:center;white-space:nowrap;"," "," "," a{text-decoration:none;}> ",'{width:16px;height:16px;margin-right:5px;}}[data-component="icon"]{line-height:20px;&:before{line-height:unset;}span{vertical-align:middle;svg{height:16px;width:16px;}}}&:before{background-color:transparent;border-radius:0 0 4px 4px;content:"";height:5px;position:absolute;top:-5px;width:100%;}',""],!m&&t&&e(["box-shadow:var(--boxShadow100);position:absolute;top:100%;background-color:",";min-width:",";"," a,button,"," a,"," button{width:100%;}"],"default"===l?n[t].submenuItemBackground:n[t].background,null!=g?g:"100%",c&&e(["width:max-content;max-width:",";li{max-width:",";}&&&{a,button,"," a,"," button{white-space:normal;height:auto;}}"],c,c,i,i),i,i),m&&e(["min-width:100%;","{width:100%;}"],a),!m&&e(["border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);overflow-y:auto;"," & "," > ",":last-of-type:not([data-last-visible-menu-item='true']){a,button,> span,> div{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);:focus{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);}}}[data-last-visible-menu-item=\"true\"]{a,button,> span,> div{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);:focus{border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);}}}&&&& ",'{[data-element="scrollable-block-list"]{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:',";",":last-child ",",",":last-child a,",":last-child button{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:",";}}}"],b&&`max-height: ${b};`,u,a,o,h?"var(--borderRadius100)":"var(--borderRadius000)",a,i,a,a,p?"var(--borderRadius100)":"var(--borderRadius000)"),d,d,d,m&&e(["white-space:normal;height:auto;"]),c&&e(["height:auto;min-height:40px;"]),!m&&t&&e(["background-color:",";> a:focus,> button:focus{background-color:",";}> a,> button{padding:11px 16px 12px;}"],n[t].submenuItemBackground,n[t].submenuItemBackground),s,"left"===r&&e(["right:0;"]))));export{m as StyledSubmenu,l as StyledSubmenuWrapper};
+import e,{css as t}from"styled-components";import i from"../../../../style/themes/apply-base-theme.js";import o from"../../menu.config.js";const r=e.div.attrs(i).withConfig({displayName:"submenu.style__StyledSubmenuWrapper",componentId:"carbon_v162_11_0__sc-92487cd8-0"})(["position:relative;width:fit-content;max-width:inherit;height:inherit;",""],(({$inFullscreenView:e})=>t([""," ",""],e&&t(["width:100%;"]),!e&&t(["display:flex;"])))),a=e.ul.attrs(i).withConfig({displayName:"submenu.style__StyledSubmenu",componentId:"carbon_v162_11_0__sc-92487cd8-1"})(["",""],(({$menuVariant:e,$submenuDirection:i,$inFullscreenView:r,$maxHeight:a,$submenuMaxWidth:n,$submenuMinWidth:d,theme:l})=>t(["display:block;list-style:none;margin:0;padding:0;background-color:",";"," ",""],o[e].submenuItemBackground,!r&&t(["position:absolute;top:100%;z-index:",";box-shadow:var(--global-depth-lvl1);width:max-content;min-width:100%;box-sizing:border-box;border-radius:var(--global-radius-none) var(--global-radius-none) var(--global-radius-container-m) var(--global-radius-container-m);overflow-y:auto;"," "," "," "," "," [data-last-menu-item='true']{border-bottom-left-radius:var(--global-radius-container-m);border-bottom-right-radius:var(--global-radius-container-m);}"],l.zIndex.popover,"white"===e&&t(["margin-top:-1px;border:var(--global-borderwidth-xs) solid var(--nav-tertiary-border-default);"]),n&&t(["max-width:",";"],n),d&&t(["min-width:",";"],d),"left"===i&&t(["right:0;"]),a&&`max-height: ${a};`),r&&t(["min-width:100%;"]))));export{a as StyledSubmenu,r as StyledSubmenuWrapper};

package/esm/components/menu/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Menu } from "./menu.component";
-export type { MenuProps } from "./menu.types";
+export type { MenuProps } from "./menu.component";
 export { default as MenuItem } from "./menu-item";
 export type { MenuWithIcon, MenuWithChildren, MenuItemHandle, } from "./menu-item";
 export { default as MenuDivider } from "./menu-divider";

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import r from"react";import t from"./menu-divider.style.js";import{useStrictMenuContext as n}from"../__internal__/strict-menu.context.js";import{StyledMenuItem as o}from"../menu.style.js";import i from"../../../__internal__/utils/helpers/tags/tags.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(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){c(e,r,t[r])}))}return e}const l=r.forwardRef(((r,c)=>{var{size:l="default"}=r,a=function(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}(r,["size"]);const{menuType:f}=n();return e(o,{inSubmenu:!0,"aria-hidden":"true","data-role":"divider-container",children:e(t,(s=u({size:l},i("menu-divider",a)),p={menuType:f,ref:c},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(s,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(s,e,Object.getOwnPropertyDescriptor(p,e))})),s))});var s,p}));l.displayName="MenuDivider";export{l as default};
+import{jsx as e}from"react/jsx-runtime";import r from"react";import t from"./menu-divider.style.js";import{useStrictMenuContext as n}from"../__internal__/strict-menu.context.js";import{StyledMenuItem as i}from"../menu-item/menu-item.style.js";import o from"../../../__internal__/utils/helpers/tags/tags.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(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){c(e,r,t[r])}))}return e}const l=r.forwardRef(((r,c)=>{var{size:l="default"}=r,a=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}(r,["size"]);const{menuVariant:s,inFullscreenView:f}=n();return e(i,{$inSubmenu:!0,$removeHeight:!0,"aria-hidden":"true","data-role":"divider-container",children:e(t,(m=u({$size:l},o("menu-divider",a)),p={$menuVariant:s,$inFullscreenView:f,ref:c},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(m,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(m,e,Object.getOwnPropertyDescriptor(p,e))})),m))});var m,p}));l.displayName="MenuDivider";export{l as default};

package/esm/components/menu/menu-divider/menu-divider.style.d.ts

@@ -1,6 +1,8 @@
 import { MenuDividerProps } from "./menu-divider.component";
-import type { MenuType } from "../menu.types";
-declare const StyledDivider: import("styled-components").StyledComponent<"div", any, MenuDividerProps & {
-    menuType: MenuType;
-}, never>;
+interface StyledDividerProps {
+    $menuVariant: "white" | "black";
+    $size: MenuDividerProps["size"];
+    $inFullscreenView?: boolean;
+}
+declare const StyledDivider: import("styled-components").StyledComponent<"div", any, StyledDividerProps, never>;
 export default StyledDivider;

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

@@ -1 +1 @@
-import e,{css as o}from"styled-components";import i from"../menu.config.js";const r=e.div.withConfig({displayName:"menu-divider.style__StyledDivider",componentId:"carbon_v162_9_1__sc-ce8f3542-0"})(["cursor:default;",""],(({menuType:e,size:r})=>o(["margin:0px ",";height:",";background-color:",";"],"large"===r?"":"16px","large"===r?"4px":"1px",i[e].divider)));export{r as default};
+import e,{css as a}from"styled-components";import o from"../menu.config.js";const i=e.div.withConfig({displayName:"menu-divider.style__StyledDivider",componentId:"carbon_v162_11_0__sc-b48c8639-0"})(["",""],(({$menuVariant:e,$size:i,$inFullscreenView:n})=>a(["background-color:",";margin:var(--global-space-none) var(--global-space-comp-l);height:1px;"," ",""],o[e].divider,n&&a(["margin:var(--global-space-comp-s) var(--global-space-comp-l);"]),"large"===i&&a(["margin:var(--global-space-none);height:4px;"]))));export{i as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import r,{useRef as t,useCallback as l}from"react";import{CSSTransition as i}from"react-transition-group";import{StyledMenuFullscreen as a,StyledMenuModal as m,StyledMenuFullscreenHeader as c}from"./menu-full-screen.style.js";import{StyledMenuWrapper as s}from"../menu.style.js";import{useStrictMenuContext as u,StrictMenuProvider as p}from"../__internal__/strict-menu.context.js";import d from"../../../__internal__/utils/helpers/events/events.js";import{Box as f}from"../../box/box.component.js";import _ from"../../icon-button/icon-button.component.js";import h from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Portal as b}from"../../portal/portal.js";import j from"../../../__internal__/focus-trap/focus-trap.component.js";import y from"../menu-divider/menu-divider.component.js";import{getDocument as v}from"../../../__internal__/dom/globals.js";import O from"../../../hooks/__internal__/useLocale/useLocale.js";import g from"../../../hooks/__internal__/useModalAria/useModalAria.js";import x from"../../../hooks/__internal__/useModalManager/useModalManager.js";function w(e,o,n){return o in e?Object.defineProperty(e,o,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[o]=n,e}function M(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(o){w(e,o,n[o])}))}return e}const k=({"aria-label":b="Fullscreen menu","data-element":w,"data-role":M,children:k,isOpen:P=!1,onClose:T,startPosition:A="left",topModalOverride:C})=>{var E;const F=t(null),I=t(null),S=t(null),D=g(I),{menuType:L}=u(),R=["dark","black"].includes(L),V=O(),B=r.Children.toArray(k),K=r.Children.toArray(B.map(((r,t)=>t<B.length-1?o(n,{children:[r,e(y,{"data-role":"divider"})]}):r))),Y=l((e=>{T&&d.isEscKey(e)&&(e.stopImmediatePropagation(),T(e))}),[T]);return x({open:P,closeModal:Y,modalRef:F,topModalOverride:C,focusCallToActionElement:null===(E=v())||void 0===E?void 0:E.activeElement}),e(i,{nodeRef:F,in:P,timeout:200,unmountOnExit:!0,children:e(a,{ref:F,startPosition:A,transitionDuration:200,children:e(j,{wrapperRef:I,isOpen:P,children:o(m,{"aria-label":b,"aria-modal":!!D||void 0,"data-component":"menu-fullscreen","data-element":w,"data-role":M,menuType:L,ref:I,role:"dialog",tabIndex:-1,children:[e(c,{menuType:L,children:e(_,{"aria-label":V.menuFullscreen.ariaLabels.closeButton(),onClick:T,"data-element":"close",children:e(h,{type:"close",inverse:R})})}),e(f,{overflowY:"auto",width:"100%",height:"calc(100% - 40px)",children:e(s,{"data-component":"menu",menuType:L,ref:S,display:"flex",flexDirection:"column",role:"list",inFullscreenView:!0,children:e(p,{value:{inFullscreenView:!0,menuType:L,openSubmenuId:null,setOpenSubmenuId:()=>{}},children:K})})})]})})})})},P=o=>e("li",{children:e(b,{children:e(k,M({},o))})});export{P as MenuFullscreen,P as default};
+import{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import o,{useRef as t,useCallback as l}from"react";import{CSSTransition as i}from"react-transition-group";import{StyledMenuFullscreen as a,StyledMenuModal as m,StyledMenuFullscreenHeader as s,StyledMenuFullscreenContent as c}from"./menu-full-screen.style.js";import{StyledMenuWrapper as u}from"../menu.style.js";import{useStrictMenuContext as d,StrictMenuProvider as p}from"../__internal__/strict-menu.context.js";import f from"../../../__internal__/utils/helpers/events/events.js";import{Button as _}from"../../button/__next__/button.component.js";import b from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Portal as h}from"../../portal/portal.js";import j from"../../../__internal__/focus-trap/focus-trap.component.js";import v from"../menu-divider/menu-divider.component.js";import{getDocument as y}from"../../../__internal__/dom/globals.js";import O from"../../../hooks/__internal__/useLocale/useLocale.js";import g from"../../../hooks/__internal__/useModalAria/useModalAria.js";import M from"../../../hooks/__internal__/useModalManager/useModalManager.js";function w(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function P(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},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(n){w(e,n,r[n])}))}return e}const k=({"aria-label":h="Fullscreen menu","data-element":w,"data-role":P,children:k,isOpen:x=!1,onClose:V,startPosition:A="left",topModalOverride:C})=>{var E;const $=t(null),F=t(null),I=t(null),S=g(F),{menuVariant:L}=d(),R=O(),B=o.Children.toArray(k),D=o.Children.toArray(B.map(((o,t)=>t<B.length-1?n(r,{children:[o,e(v,{"data-role":"divider"})]}):o))),T=l((e=>{V&&f.isEscKey(e)&&(e.stopImmediatePropagation(),V(e))}),[V]);return M({open:x,closeModal:T,modalRef:$,topModalOverride:C,focusCallToActionElement:null===(E=y())||void 0===E?void 0:E.activeElement}),e(i,{nodeRef:$,in:x,timeout:200,unmountOnExit:!0,children:e(a,{ref:$,$startPosition:A,$transitionDuration:200,children:e(j,{wrapperRef:F,isOpen:x,children:n(m,{"aria-label":h,"aria-modal":!!S||void 0,"data-component":"menu-fullscreen","data-element":w,"data-role":P,$menuVariant:L,ref:F,role:"dialog",tabIndex:-1,children:[e(s,{$menuVariant:L,children:e(_,{variantType:"subtle",size:"small",inverse:Boolean("black"===L),"aria-label":R.menuFullscreen.ariaLabels.closeButton(),onClick:e=>V(e),"data-element":"close",children:e(b,{type:"close"})})}),e(c,{children:e(u,{"data-component":"menu",ref:I,role:"list",$inFullscreenView:!0,children:e(p,{value:{inFullscreenView:!0,menuVariant:L,openSubmenuId:null,setOpenSubmenuId:()=>{}},children:D})})})]})})})})},x=n=>e("li",{children:e(h,{children:e(k,P({},n))})});export{x as MenuFullscreen,x as default};

package/esm/components/menu/menu-full-screen/menu-full-screen.style.d.ts

@@ -1,16 +1,16 @@
-import type { MenuType } from "../menu.types";
-declare const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {
+interface StyledMenuFullscreenProps {
+    $transitionDuration: number;
+    $startPosition: "left" | "right";
+}
+export declare const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {
     theme: object;
-} & {
-    transitionDuration: number;
-    startPosition: "left" | "right";
-}, "theme">;
-declare const StyledMenuModal: import("styled-components").StyledComponent<"div", any, {
+} & StyledMenuFullscreenProps, "theme">;
+interface StyledMenuModalProps {
+    $menuVariant: "white" | "black";
+}
+export declare const StyledMenuModal: import("styled-components").StyledComponent<"div", any, {
     theme: object;
-} & {
-    menuType: MenuType;
-}, "theme">;
-declare const StyledMenuFullscreenHeader: import("styled-components").StyledComponent<"div", any, {
-    menuType: MenuType;
-}, never>;
-export { StyledMenuModal, StyledMenuFullscreen, StyledMenuFullscreenHeader };
+} & StyledMenuModalProps, "theme">;
+export declare const StyledMenuFullscreenHeader: import("styled-components").StyledComponent<"div", any, StyledMenuModalProps, never>;
+export declare const StyledMenuFullscreenContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import e from"../../../style/themes/apply-base-theme.js";import i from"../../icon-button/icon-button.style.js";import r from"../../box/box.style.js";import n from"../../search/__internal__/legacy/search.style.js";import s from"../../icon/icon.style.js";import l from"../../button/button.style.js";import a from"../menu.config.js";import d from"../../../style/utils/add-focus-styling.js";import{StyledLink as c}from"../../link/link.style.js";const m=o.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"carbon_v162_9_1__sc-f9ae5d65-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:o})=>t(["z-index:",";"],o.zIndex.fullScreenModal)),(({startPosition:o,transitionDuration:e})=>t(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],o,o,e,o,o,e))),b=o.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"carbon_v162_9_1__sc-f9ae5d65-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],c,c,c,(({menuType:o})=>t(["background-color:",";&&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],a[o].background,n,s,l,d(),r,a[o].scrollbarColor,a[o].scrollbarThumb,a[o].scrollbarTrack))),u=o.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"carbon_v162_9_1__sc-f9ae5d65-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i,(({menuType:o})=>t(["background-color:",";"],a[o].submenuItemBackground)));export{m as StyledMenuFullscreen,u as StyledMenuFullscreenHeader,b as StyledMenuModal};
+import e,{css as i}from"styled-components";import n from"../../../style/themes/apply-base-theme.js";import t from"../menu.config.js";const l=e.div.attrs(n).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"carbon_v162_11_0__sc-9603f910-0"})(["",""],(({$startPosition:e,$transitionDuration:n,theme:t})=>i(["position:fixed;top:0;bottom:0;z-index:",";&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],t.zIndex.fullScreenModal,e,e,n,e,e,n))),o=e.div.attrs(n).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"carbon_v162_11_0__sc-9603f910-1"})(["",""],(({$menuVariant:e})=>i(["height:100vh;width:100vw;outline:none;background-color:",";"],t[e].background))),a=e.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"carbon_v162_11_0__sc-9603f910-2"})(["",""],(({$menuVariant:e})=>i(["height:var(--global-size-m);display:flex;justify-content:flex-end;align-items:center;padding:var(--global-space-none) var(--global-space-comp-l);margin-bottom:var(--global-space-comp-s);background-color:",";"],t[e].fullScreenHeader))),s=e.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenContent",componentId:"carbon_v162_11_0__sc-9603f910-3"})(["overflow-y:auto;width:100%;height:calc(100% - var(--global-size-m) - var(--global-space-comp-s));"]);export{l as StyledMenuFullscreen,s as StyledMenuFullscreenContent,a as StyledMenuFullscreenHeader,o as StyledMenuModal};