carbon-react 161.12.0 → 161.13.0

package/esm/__internal__/character-count/character-count.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/visually-hidden.js";import{getFont as i}from"../../components/textarea/textarea.style.js";const o=t.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"carbon_v161_11_0__sc-458f2c5c-0"})([""]),c=t.div.attrs(a).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"carbon_v161_11_0__sc-458f2c5c-1"})(["text-align:left;",";margin:",";color:",";"," ",""],(({$size:t})=>i(t||"medium","regular")),(({$size:t})=>("large"===t?"var(--global-space-comp-s)":"var(--global-space-comp-xs)")+" 0px"),(({isOverLimit:t,$disabled:e})=>e?"var(--input-typical-txt-disabled)":t?" var(--input-validation-label-error)":"var(--input-typical-txt-alt)"),(({isLarge:t})=>t&&e(["font:var(--global-font-static-comp-regular-l);"])),(({isOverLimit:t,$size:a})=>t&&e(["",";"],i(a||"medium","medium")))),n=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"carbon_v161_11_0__sc-458f2c5c-2"})(['::after{content:" ";}',""],r),l=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"carbon_v161_11_0__sc-458f2c5c-3"})(['::before{content:" ";}::after{content:" ";}',""],r);export{c as StyledCharacterCount,o as StyledCharacterCountWrapper,n as VisuallyHiddenCharacterCount,l as VisuallyHiddenHint};
+import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/visually-hidden.js";import{getFont as i}from"../../components/textarea/textarea.style.js";const o=t.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"carbon_v161_12_1__sc-458f2c5c-0"})([""]),c=t.div.attrs(a).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"carbon_v161_12_1__sc-458f2c5c-1"})(["text-align:left;",";margin:",";color:",";"," ",""],(({$size:t})=>i(t||"medium","regular")),(({$size:t})=>("large"===t?"var(--global-space-comp-s)":"var(--global-space-comp-xs)")+" 0px"),(({isOverLimit:t,$disabled:e})=>e?"var(--input-typical-txt-disabled)":t?" var(--input-validation-label-error)":"var(--input-typical-txt-alt)"),(({isLarge:t})=>t&&e(["font:var(--global-font-static-comp-regular-l);"])),(({isOverLimit:t,$size:a})=>t&&e(["",";"],i(a||"medium","medium")))),n=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"carbon_v161_12_1__sc-458f2c5c-2"})(['::after{content:" ";}',""],r),l=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"carbon_v161_12_1__sc-458f2c5c-3"})(['::before{content:" ";}::after{content:" ";}',""],r);export{c as StyledCharacterCount,o as StyledCharacterCountWrapper,n as VisuallyHiddenCharacterCount,l as VisuallyHiddenHint};

package/esm/__internal__/checkable-input/checkable-input.style.js

@@ -1 +1 @@
-import e,{css as i}from"styled-components";const a=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"carbon_v161_11_0__sc-e63a5a4f-0"})(["display:grid;align-items:center;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);.checkable-hint-text{grid-area:2 / 2;}"]),t=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"carbon_v161_11_0__sc-e63a5a4f-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),o=e.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"carbon_v161_11_0__sc-e63a5a4f-2"})(["position:relative;display:grid;grid-template-rows:0fr;visibility:hidden;"," ",""],(({$allowAnimation:e})=>e&&i(["transition:all 0.4s;"])),(({$expanded:e})=>e&&i(["visibility:visible;grid-template-rows:1fr;"]))),l={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},n="var(--global-space-comp-m)",c=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionWrapper",componentId:"carbon_v161_11_0__sc-e63a5a4f-3"})(["overflow:hidden;min-height:0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"]),d=e.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"carbon_v161_11_0__sc-e63a5a4f-4"})(["display:flex;justify-content:center;",""],(({$size:e})=>e&&i(["width:",";"],l[e].width))),p=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"carbon_v161_11_0__sc-e63a5a4f-5"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:e})=>e&&i(["top:",";height:calc( 100% - ("," + ",") );"],l[e].top,l[e].top,n))),s=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"carbon_v161_11_0__sc-e63a5a4f-6"})(["padding:"," 0;"],n);export{o as StyledAccordion,s as StyledAccordionContent,p as StyledAccordionLine,c as StyledAccordionWrapper,a as StyledCheckableInput,t as StyledCheckableInputWrapper,d as StyledLineContainer};
+import e,{css as i}from"styled-components";const a=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"carbon_v161_12_1__sc-e63a5a4f-0"})(["display:grid;align-items:center;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);.checkable-hint-text{grid-area:2 / 2;}"]),t=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"carbon_v161_12_1__sc-e63a5a4f-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),o=e.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"carbon_v161_12_1__sc-e63a5a4f-2"})(["position:relative;display:grid;grid-template-rows:0fr;visibility:hidden;"," ",""],(({$allowAnimation:e})=>e&&i(["transition:all 0.4s;"])),(({$expanded:e})=>e&&i(["visibility:visible;grid-template-rows:1fr;"]))),l={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},n="var(--global-space-comp-m)",c=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionWrapper",componentId:"carbon_v161_12_1__sc-e63a5a4f-3"})(["overflow:hidden;min-height:0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"]),d=e.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"carbon_v161_12_1__sc-e63a5a4f-4"})(["display:flex;justify-content:center;",""],(({$size:e})=>e&&i(["width:",";"],l[e].width))),p=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"carbon_v161_12_1__sc-e63a5a4f-5"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:e})=>e&&i(["top:",";height:calc( 100% - ("," + ",") );"],l[e].top,l[e].top,n))),s=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"carbon_v161_12_1__sc-e63a5a4f-6"})(["padding:"," 0;"],n);export{o as StyledAccordion,s as StyledAccordionContent,p as StyledAccordionLine,c as StyledAccordionWrapper,a as StyledCheckableInput,t as StyledCheckableInputWrapper,d as StyledLineContainer};

package/esm/__internal__/checkable-input/hidden-checkable-input.style.js

@@ -1 +1 @@
-import e,{css as o}from"styled-components";const t=e.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"carbon_v161_11_0__sc-490a5f06-0"})(["cursor:pointer;opacity:0;margin:0;position:relative;z-index:2;",""],(({disabled:e})=>e&&o(["cursor:not-allowed;"])));export{t as default};
+import e,{css as o}from"styled-components";const t=e.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"carbon_v161_12_1__sc-490a5f06-0"})(["cursor:pointer;opacity:0;margin:0;position:relative;z-index:2;",""],(({disabled:e})=>e&&o(["cursor:not-allowed;"])));export{t as default};

package/esm/__internal__/error-border/error-border.style.js

@@ -1 +1 @@
-import r,{css as o}from"styled-components";const a=r.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v161_11_0__sc-f2eef804-0"})([""," transform:translateZ(0);.numeral-date-wrapper &{display:none;}"],(({$warning:r})=>o(["width:2px;position:absolute;left:-10px;top:0px;bottom:0px;z-index:6;background-color:",";"],r?"var(--input-validation-bar-warn)":"var(--input-validation-border-error)")));export{a as default};
+import r,{css as o}from"styled-components";const a=r.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v161_12_1__sc-f2eef804-0"})([""," transform:translateZ(0);.numeral-date-wrapper &{display:none;}"],(({$warning:r})=>o(["width:2px;position:absolute;left:-10px;top:0px;bottom:0px;z-index:6;background-color:",";"],r?"var(--input-validation-bar-warn)":"var(--input-validation-border-error)")));export{a as default};

package/esm/__internal__/field-help/field-help.style.js

@@ -1 +1 @@
-import e,{css as l}from"styled-components";const p=e.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"carbon_v161_11_0__sc-314d056c-0"})(["display:block;flex:1;margin-top:8px;white-space:pre-wrap;",""],(({labelInline:e,labelWidth:p})=>e&&l(["margin-left:","%;padding-left:0;"],p)));export{p as default};
+import e,{css as l}from"styled-components";const p=e.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"carbon_v161_12_1__sc-314d056c-0"})(["display:block;flex:1;margin-top:8px;white-space:pre-wrap;",""],(({labelInline:e,labelWidth:p})=>e&&l(["margin-left:","%;padding-left:0;"],p)));export{p as default};

package/esm/__internal__/fieldset/__next__/fieldset.style.js

@@ -1 +1 @@
-import e,{css as a}from"styled-components";import{margin as l}from"styled-system";import t from"../../../style/themes/apply-base-theme.js";const o={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",legendFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-l)"}},n=e.fieldset.attrs(t).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_11_0__sc-e67bca4a-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;"],l),i=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_11_0__sc-e67bca4a-1"})(["",";"],(({$isRequired:e,$isDisabled:l,$size:t})=>a(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);"," ",""],o[t].legendFont,e&&a(['::after{content:"*";font:',";color:var(--input-labelset-label-required);margin-left:var(--global-space-comp-xs);}"],o[t].legendFont),l&&a(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])))),s=e.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"carbon_v161_11_0__sc-e67bca4a-2"})(["",";"],(({$size:e,$hasLegend:l})=>a(["display:flex;flex-direction:column;position:relative;gap:",";",""],o[e].validationGap,l&&a(["margin-top:",";"],o[e].contentMargin))));export{n as StyledFieldset,s as StyledFieldsetContentWrapper,i as StyledLegend};
+import e,{css as a}from"styled-components";import{margin as l}from"styled-system";import t from"../../../style/themes/apply-base-theme.js";const o={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",legendFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-l)"}},n=e.fieldset.attrs(t).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_12_1__sc-e67bca4a-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;"],l),i=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_12_1__sc-e67bca4a-1"})(["",";"],(({$isRequired:e,$isDisabled:l,$size:t})=>a(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);"," ",""],o[t].legendFont,e&&a(['::after{content:"*";font:',";color:var(--input-labelset-label-required);margin-left:var(--global-space-comp-xs);}"],o[t].legendFont),l&&a(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])))),s=e.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"carbon_v161_12_1__sc-e67bca4a-2"})(["",";"],(({$size:e,$hasLegend:l})=>a(["display:flex;flex-direction:column;position:relative;gap:",";",""],o[e].validationGap,l&&a(["margin-top:",";"],o[e].contentMargin))));export{n as StyledFieldset,s as StyledFieldsetContentWrapper,i as StyledLegend};

package/esm/__internal__/fieldset/fieldset.style.js

@@ -1 +1 @@
-import e,{css as i}from"styled-components";import{margin as t}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const a=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_11_0__sc-602f140c-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t,(({width:e})=>e&&`width: ${e};`)),l=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_11_0__sc-602f140c-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," "," ",";"," ",""],(({isLarge:e})=>e&&i(["font-size:var(--fontSizes200);"])),(({isRequired:e})=>e&&i(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:e})=>e&&i(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])),(({align:e,inline:t})=>e&&i(["text-align:",";justify-content:",";",""],e,"right"===e?"flex-end":"flex-start",!t&&i(["width:-moz-available;"]))),(({inline:e,width:t,rightPadding:n})=>e&&i(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],t&&`width: ${t}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t),o=e.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"carbon_v161_11_0__sc-602f140c-2"})(["margin-left:var(--spacing050);"]);export{a as StyledFieldset,o as StyledIconWrapper,l as StyledLegend};
+import e,{css as i}from"styled-components";import{margin as t}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const a=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_12_1__sc-602f140c-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t,(({width:e})=>e&&`width: ${e};`)),l=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_12_1__sc-602f140c-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," "," ",";"," ",""],(({isLarge:e})=>e&&i(["font-size:var(--fontSizes200);"])),(({isRequired:e})=>e&&i(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:e})=>e&&i(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])),(({align:e,inline:t})=>e&&i(["text-align:",";justify-content:",";",""],e,"right"===e?"flex-end":"flex-start",!t&&i(["width:-moz-available;"]))),(({inline:e,width:t,rightPadding:n})=>e&&i(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],t&&`width: ${t}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t),o=e.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"carbon_v161_12_1__sc-602f140c-2"})(["margin-left:var(--spacing050);"]);export{a as StyledFieldset,o as StyledIconWrapper,l as StyledLegend};

package/esm/__internal__/form-field/form-field.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{space as i}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const m=e.div.attrs(o).withConfig({displayName:"form-field.style__FormFieldStyle",componentId:"carbon_v161_11_0__sc-ec2b28a0-0"})(["position:relative;margin-bottom:var(--fieldSpacing);& + &{margin-top:16px;}&&&{","}"],i),a=e.div.withConfig({displayName:"form-field.style__FieldLineStyle",componentId:"carbon_v161_11_0__sc-ec2b28a0-1"})(["",""],(({inline:e,maxWidth:i})=>t(["display:",";",""],e?"flex":"block",i&&`max-width: ${i};`)));export{a as FieldLineStyle,m as default};
+import e,{css as t}from"styled-components";import{space as i}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const m=e.div.attrs(o).withConfig({displayName:"form-field.style__FormFieldStyle",componentId:"carbon_v161_12_1__sc-ec2b28a0-0"})(["position:relative;margin-bottom:var(--fieldSpacing);& + &{margin-top:16px;}&&&{","}"],i),a=e.div.withConfig({displayName:"form-field.style__FieldLineStyle",componentId:"carbon_v161_12_1__sc-ec2b28a0-1"})(["",""],(({inline:e,maxWidth:i})=>t(["display:",";",""],e?"flex":"block",i&&`max-width: ${i};`)));export{a as FieldLineStyle,m as default};

package/esm/__internal__/full-screen-heading/full-screen-heading.style.js

@@ -1 +1 @@
-import a,{css as e}from"styled-components";const t=a.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"carbon_v161_11_0__sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),d=a.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"carbon_v161_11_0__sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:a})=>a&&e(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:a})=>a&&e(["&{padding-right:64px;}"])));export{t as StyledHeaderContainer,d as default};
+import a,{css as e}from"styled-components";const t=a.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"carbon_v161_12_1__sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),d=a.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"carbon_v161_12_1__sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:a})=>a&&e(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:a})=>a&&e(["&{padding-right:64px;}"])));export{t as StyledHeaderContainer,d as default};

package/esm/__internal__/hint-text/hint-text.style.js

@@ -1 +1 @@
-import t from"styled-components";import e from"./hint-text-style-overrides.style.js";const l=t.span.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_11_0__sc-25859ede-0"})(["color:",";font:",";",""],(({$disabled:t})=>t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-alt)"),(({$size:t})=>(t=>{switch(t){case"small":return"var(--global-font-static-comp-regular-s)";case"large":return"var(--global-font-static-comp-regular-l)";default:return"var(--global-font-static-comp-regular-m)"}})(t)),e);export{l as default};
+import t from"styled-components";import e from"./hint-text-style-overrides.style.js";const l=t.span.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_12_1__sc-25859ede-0"})(["color:",";font:",";",""],(({$disabled:t})=>t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-alt)"),(({$size:t})=>(t=>{switch(t){case"small":return"var(--global-font-static-comp-regular-s)";case"large":return"var(--global-font-static-comp-regular-l)";default:return"var(--global-font-static-comp-regular-m)"}})(t)),e);export{l as default};

package/esm/__internal__/input/input-style-overrides.style.js

@@ -1 +1 @@
-import{css as a}from"styled-components";import o from"../../style/utils/add-focus-styling.js";const t=a([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),r="url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9497 5.05022C15.3403 5.44074 15.3403 6.07391 14.9497 6.46443L11.4142 9.99997L14.9497 13.5355C15.3403 13.926 15.3403 14.5592 14.9497 14.9497C14.5592 15.3402 13.9261 15.3402 13.5355 14.9497L10 11.4142L6.46446 14.9497C6.07394 15.3402 5.44077 15.3402 5.05025 14.9497C4.65972 14.5592 4.65972 13.926 5.05025 13.5355L8.58578 9.99997L5.05025 6.46443C4.65972 6.07391 4.65972 5.44074 5.05025 5.05022C5.44077 4.65969 6.07394 4.65969 6.46446 5.05022L10 8.58575L13.5355 5.05022C13.9261 4.65969 14.5592 4.65969 14.9497 5.05022Z'/%3E%3C/svg%3E\")",e=a([".legacy-search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),n=a([".legacy-search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),l=a([".legacy-search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),i=a([".legacy-search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),c=a([".legacy-search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.legacy-search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),s=a([".legacy-search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),p=a([".legacy-search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),u=a([""," "," "," "," "," "," ",""],e,n,l,i,c,s,p),b=a(['.search &{--search-clear-icon-color:var(--button-typical-subtle-label-default);--search-button-icon-color:var(--button-typical-subtle-label-default);--search-button-hover-bg:var(--button-typical-subtle-bg-hover);--search-button-hover-icon-color:var(--button-typical-subtle-label-hover);input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:var(--global-size-2-xs);height:var(--global-size-2-xs);background-color:var(--search-clear-icon-color);-webkit-mask:center / contain no-repeat ',";mask:center / contain no-repeat ",';cursor:pointer;}button{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);}button:hover{background-color:var(--search-button-hover-bg);}button span[type="search"]{color:var(--search-button-icon-color);}button:hover span[type="search"]{color:var(--search-button-hover-icon-color);}&:focus-within:has(:focus:not(button)){box-shadow:none;-webkit-box-shadow:none;}.input-text-container input[type="search"]:focus{border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);'," z-index:2;}}"],r,r,o()),d=a(['.search.inverse &{--search-clear-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-hover-bg:var(--button-typical-subtle-inverse-bg-hover);--search-button-hover-icon-color:var( --button-typical-subtle-inverse-label-hover );background-color:var(--input-typical-inverse-bg-default);&[data-role="input-container"]{border-color:var(--input-typical-inverse-border-default);}.input-text-container input[type="search"]{color:var(--input-typical-inverse-txt-default);}}.search.inverse.error &{border-color:var(--input-validation-inverse-border-error);}']),g=a([""," ",""],b,d),v=a(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),h=a([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),m=a(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}[data-element="textbox-prefix"]{margin-left:var(--global-space-comp-none);margin-right:var(--global-space-comp-m);}}']),x=(o,t,r)=>a([""," "," "," "," ",""],m,((o,t)=>a(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!o&&!t&&a(["cursor:pointer;*{cursor:pointer;}"])))(t,r),v,h,(o=>a([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ",' span[data-element="textbox-prefix"]{margin-left:var(--global-space-comp-none);margin-right:var(--global-space-comp-m);}}}'],"small"===o&&a(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===o&&a(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===o&&a(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(o)),y=a([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]),w=a(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],o());export{t as dateStyleOverrides,y as numeralDateStyles,w as passwordStyleOverrides,g as searchNewStyleOverrides,u as searchStyleOverrides,x as selectStyleOverrides};
+import{css as a}from"styled-components";import o from"../../style/utils/add-focus-styling.js";const t=a([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),r="url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9497 5.05022C15.3403 5.44074 15.3403 6.07391 14.9497 6.46443L11.4142 9.99997L14.9497 13.5355C15.3403 13.926 15.3403 14.5592 14.9497 14.9497C14.5592 15.3402 13.9261 15.3402 13.5355 14.9497L10 11.4142L6.46446 14.9497C6.07394 15.3402 5.44077 15.3402 5.05025 14.9497C4.65972 14.5592 4.65972 13.926 5.05025 13.5355L8.58578 9.99997L5.05025 6.46443C4.65972 6.07391 4.65972 5.44074 5.05025 5.05022C5.44077 4.65969 6.07394 4.65969 6.46446 5.05022L10 8.58575L13.5355 5.05022C13.9261 4.65969 14.5592 4.65969 14.9497 5.05022Z'/%3E%3C/svg%3E\")",e=a([".legacy-search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),n=a([".legacy-search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),l=a([".legacy-search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),i=a([".legacy-search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),c=a([".legacy-search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.legacy-search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),s=a([".legacy-search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),p=a([".legacy-search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),u=a([""," "," "," "," "," "," ",""],e,n,l,i,c,s,p),b=a(['.search &{--search-clear-icon-color:var(--button-typical-subtle-label-default);--search-button-icon-color:var(--button-typical-subtle-label-default);--search-button-hover-bg:var(--button-typical-subtle-bg-hover);--search-button-hover-icon-color:var(--button-typical-subtle-label-hover);input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:var(--global-size-2-xs);height:var(--global-size-2-xs);background-color:var(--search-clear-icon-color);-webkit-mask:center / contain no-repeat ',";mask:center / contain no-repeat ",';cursor:pointer;}button{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);}button:hover{background-color:var(--search-button-hover-bg);}button span[type="search"]{color:var(--search-button-icon-color);}button:hover span[type="search"]{color:var(--search-button-hover-icon-color);}&:focus-within:has(:focus:not(button)){box-shadow:none;-webkit-box-shadow:none;}.input-text-container input[type="search"]:focus{border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);'," z-index:2;}}"],r,r,o()),d=a(['.search.inverse &{--search-clear-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-hover-bg:var(--button-typical-subtle-inverse-bg-hover);--search-button-hover-icon-color:var( --button-typical-subtle-inverse-label-hover );background-color:var(--input-typical-inverse-bg-default);&[data-role="input-container"]{border-color:var(--input-typical-inverse-border-default);}.input-text-container input[type="search"]{color:var(--input-typical-inverse-txt-default);}}.search.inverse.error &{border-color:var(--input-validation-inverse-border-error);}']),g=a([""," ",""],b,d),v=a(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),h=a([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),m=a(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}[data-element="textbox-prefix"]{margin-left:var(--global-space-comp-none);margin-right:var(--global-space-comp-m);}}']),x=(o,t,r)=>a([""," "," "," "," ",""],m,((o,t)=>a(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!o&&!t&&a(["cursor:pointer;*{cursor:pointer;}"])))(t,r),v,h,(o=>a([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ",' span[data-element="textbox-prefix"]{margin-left:var(--global-space-comp-none);margin-right:var(--global-space-comp-m);}}}'],"small"===o&&a(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===o&&a(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===o&&a(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(o)),y=a([".numeral-date-wrapper &{.input-text-container input{text-align:left;}}"]),w=a(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],o());export{t as dateStyleOverrides,y as numeralDateStyles,w as passwordStyleOverrides,g as searchNewStyleOverrides,u as searchStyleOverrides,x as selectStyleOverrides};

package/esm/__internal__/input/input.style.js

@@ -1 +1 @@
-import a,{css as e}from"styled-components";import o from"../../style/utils/add-focus-styling.js";import{dateStyleOverrides as r,searchNewStyleOverrides as t,searchStyleOverrides as l,selectStyleOverrides as i,numeralDateStyles as n,passwordStyleOverrides as d}from"./input-style-overrides.style.js";const s=a.div.withConfig({displayName:"input.style__InputContainer",componentId:"carbon_v161_11_0__sc-ea58d5e2-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}',""],(({$align:a,$error:r,$isDisabled:t,$isReadOnly:l,$size:i})=>e(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===i&&e(["min-height:var(--global-size-s);"]),"medium"===i&&e(["min-height:var(--global-size-m);"]),"large"===i&&e(["min-height:var(--global-size-l);"]),l&&e(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],o()),t&&e(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!t&&!l&&e(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],o()),!t&&!l&&e(["background:var(--input-typical-bg-default);border:",";"],r?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),a,l&&e(["color:var(--input-typical-txt-read-only);"]),t&&e(["color:var(--input-typical-txt-disabled);"]),!l&&!t&&e(["color:var(--input-typical-txt-default);"]),"small"===i&&e(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===i&&e(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===i&&e(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),r,t,l,(({$size:a,$isDisabled:e,$isReadOnly:o})=>i(a,e,o)),n,d);export{s as default};
+import a,{css as e}from"styled-components";import o from"../../style/utils/add-focus-styling.js";import{dateStyleOverrides as r,searchNewStyleOverrides as t,searchStyleOverrides as l,selectStyleOverrides as i,numeralDateStyles as n,passwordStyleOverrides as d}from"./input-style-overrides.style.js";const s=a.div.withConfig({displayName:"input.style__InputContainer",componentId:"carbon_v161_12_1__sc-e66887c0-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}',""],(({$align:a,$error:r,$isDisabled:t,$isReadOnly:l,$size:i})=>e(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===i&&e(["min-height:var(--global-size-s);"]),"medium"===i&&e(["min-height:var(--global-size-m);"]),"large"===i&&e(["min-height:var(--global-size-l);"]),l&&e(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],o()),t&&e(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!t&&!l&&e(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],o()),!t&&!l&&e(["background:var(--input-typical-bg-default);border:",";"],r?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),a,l&&e(["color:var(--input-typical-txt-read-only);"]),t&&e(["color:var(--input-typical-txt-disabled);"]),!l&&!t&&e(["color:var(--input-typical-txt-default);"]),"small"===i&&e(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===i&&e(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===i&&e(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),r,t,l,(({$size:a,$isDisabled:e,$isReadOnly:o})=>i(a,e,o)),n,d);export{s as default};

package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import s from"../legacy-input/input-sizes.style.js";import o from"../../style/utils/add-focus-styling.js";const l=t.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"carbon_v161_11_0__sc-9c9529d2-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;align-self:stretch;"," "," "," "," .multi-select &,.filterable-select &{cursor:pointer;}"],(({$size:t="medium"})=>e(["width:",";"],s[t].height)),(({$disabled:t})=>t&&e(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e(["cursor:default;"])),(({$blockFocusStyling:t})=>!t&&e(["&:focus{","}"],o())));export{l as default};
+import t,{css as e}from"styled-components";import s from"../legacy-input/input-sizes.style.js";import o from"../../style/utils/add-focus-styling.js";const l=t.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"carbon_v161_12_1__sc-9c9529d2-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;align-self:stretch;"," "," "," "," .multi-select &,.filterable-select &{cursor:pointer;}"],(({$size:t="medium"})=>e(["width:",";"],s[t].height)),(({$disabled:t})=>t&&e(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e(["cursor:default;"])),(({$blockFocusStyling:t})=>!t&&e(["&:focus{","}"],o())));export{l as default};

package/esm/__internal__/label/label.style.js

@@ -1 +1 @@
-import e,{css as l}from"styled-components";import a from"./label-style-overrides.style.js";const t=e=>{switch(e){case"small":return"var(--global-font-static-comp-medium-s)";case"large":return"var(--global-font-static-comp-medium-l)";default:return"var(--global-font-static-comp-medium-m)"}},r=e.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_11_0__sc-9cb7a248-0"})(["",";font:",";"," .numeral-date-wrapper &,.time &{font:var(--global-font-static-comp-regular-m);}",""],(({$disabled:e,$readOnly:l})=>e?"\n        cursor: not-allowed;\n        color: var(--input-labelset-label-disabled);\n      ":l?"\n        cursor: pointer;\n        color: var(--input-labelset-label-readOnly);\n      ":"\n      cursor: pointer;\n      color: var(--input-labelset-label-default);\n    "),(({$size:e})=>t(e)),(({$isRequired:e,$size:a,$disabled:r})=>e&&l(['display:inline-flex;align-items:center;::after{content:"*";color:',";font:",";margin-left:4px;}"],r?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-required)",t(a))),a);export{r as default};
+import e,{css as l}from"styled-components";import t from"./label-style-overrides.style.js";const a=e=>{switch(e){case"small":return"var(--global-font-static-comp-medium-s)";case"large":return"var(--global-font-static-comp-medium-l)";default:return"var(--global-font-static-comp-medium-m)"}},r=e.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_12_1__sc-8e49371-0"})(["",";font:",";"," .time &{font:var(--global-font-static-comp-regular-m);}",' .fieldset-required-input &{::after{content:"";margin-left:0;}}'],(({$disabled:e,$readOnly:l})=>e?"\n        cursor: not-allowed;\n        color: var(--input-labelset-label-disabled);\n      ":l?"\n        cursor: pointer;\n        color: var(--input-labelset-label-readOnly);\n      ":"\n      cursor: pointer;\n      color: var(--input-labelset-label-default);\n    "),(({$size:e})=>a(e)),(({$isRequired:e,$size:t,$disabled:r})=>e&&l(['display:inline-flex;align-items:center;::after{content:"*";color:',";font:",";margin-left:4px;}"],r?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-required)",a(t))),t);export{r as default};

package/esm/__internal__/legacy-error-border/error-border.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";const e=o.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v161_11_0__sc-16eee200-0"})(["",""],(({warning:o})=>r(["position:absolute;z-index:6;width:2px;background-color:",";left:-12px;bottom:0px;top:0px;"],o?"var(--colorsSemanticCaution500)":"var(--colorsSemanticNegative500)")));export{e as default};
+import o,{css as r}from"styled-components";const e=o.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v161_12_1__sc-16eee200-0"})(["",""],(({warning:o})=>r(["position:absolute;z-index:6;width:2px;background-color:",";left:-12px;bottom:0px;top:0px;"],o?"var(--colorsSemanticCaution500)":"var(--colorsSemanticNegative500)")));export{e as default};

package/esm/__internal__/legacy-hint-text/hint-text.style.js

@@ -1 +1 @@
-import t,{css as i}from"styled-components";const e=t.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_11_0__sc-88bb91cf-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:t})=>t&&i(["font-size:var(--fontSizes200);"])),(({align:t})=>i(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:t,isDisabled:e})=>i(["color:",";"],((t,i)=>t?"var(--colorsUtilityYang080)":i?"var(--input-labelset-label-disabled)":"var(--colorsUtilityYin055)")(t,e))),(({fontWeight:t})=>t&&i(["font-weight:",";"],t)),(({maxWidth:t})=>t&&i(["max-width:",";"],t)));export{e as default};
+import t,{css as i}from"styled-components";const e=t.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_12_1__sc-88bb91cf-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:t})=>t&&i(["font-size:var(--fontSizes200);"])),(({align:t})=>i(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:t,isDisabled:e})=>i(["color:",";"],((t,i)=>t?"var(--colorsUtilityYang080)":i?"var(--input-labelset-label-disabled)":"var(--colorsUtilityYin055)")(t,e))),(({fontWeight:t})=>t&&i(["font-weight:",";"],t)),(({maxWidth:t})=>t&&i(["max-width:",";"],t)));export{e as default};

package/esm/__internal__/legacy-input/input-presentation.style.js

@@ -1 +1 @@
-import r,{css as i}from"styled-components";import t from"./input-sizes.style.js";import o from"./input.style.js";import e from"../../style/utils/add-focus-styling.js";const n=r.div.withConfig({displayName:"input-presentation.style__StyledInputPresentationContainer",componentId:"carbon_v161_11_0__sc-83661d80-0"})(["flex:0 0 ","%;display:flex;position:relative;max-width:",";"],(({inputWidth:r})=>r),(({maxWidth:r})=>r?`${r}`:"100%")),a=r.div.withConfig({displayName:"input-presentation.style__InputPresentationStyle",componentId:"carbon_v161_11_0__sc-83661d80-1"})(["align-items:stretch;background:var(--colorsUtilityYang100);"," box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;width:100%;margin:0;"," "," "," "," "," "," "," input::-ms-clear{display:none;}input::-webkit-contacts-auto-fill-button{display:none !important;}"],(({hideBorders:r})=>r?"border: 1px solid transparent;":"border: 1px solid var(--colorsUtilityMajor300);"),(({borderRadius:r})=>Array.isArray(r)?`border-radius: ${r.map((r=>`var(--${r})`)).join(" ")};`:`border-radius: var(--${r});`),(({size:r,hasIcon:e,align:n})=>r&&i(["min-height:",";","{padding:0 ",";"," ","}"],t[r].height,o,t[r].horizontalPadding,e&&"right"===n&&"padding-left: 0;",e&&"left"===n&&"padding-right: 0;")),(({disabled:r,hideBorders:t})=>r&&i(["background:var(--colorsUtilityDisabled400);border-color:",";cursor:not-allowed;"],t?"transparent":"var(--colorsUtilityDisabled600)")),(({hasFocus:r})=>r&&i(["&{"," z-index:2;}"],e())),(function({error:r,warning:t,info:o,disabled:e,validationRedesignOptIn:n}){let a;if(e)return"";if(r)a="var(--colorsSemanticNegative500)";else if(t)a=n?"var(--colorsUtilityMajor300)":"var(--colorsSemanticCaution500)";else{if(!o)return"";a="var(--colorsSemanticInfo500)"}return i(["border-color:"," !important;z-index:1;",""],a,r&&`box-shadow: inset 1px 1px 0 ${a}, inset -1px -1px 0 ${a};`)}),(({readOnly:r})=>r&&i(["background-color:var(--colorsUtilityReadOnly400);border-color:transparent;"])),(({align:r})=>"right"===r&&"flex-direction: row-reverse;\n  "));export{n as StyledInputPresentationContainer,a as default};
+import r,{css as i}from"styled-components";import t from"./input-sizes.style.js";import o from"./input.style.js";import e from"../../style/utils/add-focus-styling.js";const n=r.div.withConfig({displayName:"input-presentation.style__StyledInputPresentationContainer",componentId:"carbon_v161_12_1__sc-83661d80-0"})(["flex:0 0 ","%;display:flex;position:relative;max-width:",";"],(({inputWidth:r})=>r),(({maxWidth:r})=>r?`${r}`:"100%")),a=r.div.withConfig({displayName:"input-presentation.style__InputPresentationStyle",componentId:"carbon_v161_12_1__sc-83661d80-1"})(["align-items:stretch;background:var(--colorsUtilityYang100);"," box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;width:100%;margin:0;"," "," "," "," "," "," "," input::-ms-clear{display:none;}input::-webkit-contacts-auto-fill-button{display:none !important;}"],(({hideBorders:r})=>r?"border: 1px solid transparent;":"border: 1px solid var(--colorsUtilityMajor300);"),(({borderRadius:r})=>Array.isArray(r)?`border-radius: ${r.map((r=>`var(--${r})`)).join(" ")};`:`border-radius: var(--${r});`),(({size:r,hasIcon:e,align:n})=>r&&i(["min-height:",";","{padding:0 ",";"," ","}"],t[r].height,o,t[r].horizontalPadding,e&&"right"===n&&"padding-left: 0;",e&&"left"===n&&"padding-right: 0;")),(({disabled:r,hideBorders:t})=>r&&i(["background:var(--colorsUtilityDisabled400);border-color:",";cursor:not-allowed;"],t?"transparent":"var(--colorsUtilityDisabled600)")),(({hasFocus:r})=>r&&i(["&{"," z-index:2;}"],e())),(function({error:r,warning:t,info:o,disabled:e,validationRedesignOptIn:n}){let a;if(e)return"";if(r)a="var(--colorsSemanticNegative500)";else if(t)a=n?"var(--colorsUtilityMajor300)":"var(--colorsSemanticCaution500)";else{if(!o)return"";a="var(--colorsSemanticInfo500)"}return i(["border-color:"," !important;z-index:1;",""],a,r&&`box-shadow: inset 1px 1px 0 ${a}, inset -1px -1px 0 ${a};`)}),(({readOnly:r})=>r&&i(["background-color:var(--colorsUtilityReadOnly400);border-color:transparent;"])),(({align:r})=>"right"===r&&"flex-direction: row-reverse;\n  "));export{n as StyledInputPresentationContainer,a as default};

package/esm/__internal__/legacy-input/input.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";const t=o.input.withConfig({displayName:"input.style__StyledInput",componentId:"carbon_v161_11_0__sc-745cf632-0"})(["background:transparent;border:none;color:var(--colorsUtilityYin090);flex-grow:1;font-size:var(--fontSizes100);outline:none;padding:0;margin:0;width:30px;&:-webkit-autofill{background-clip:text;-webkit-background-clip:text;}"," &::placeholder{color:var(--colorsUtilityYin055);}"," ",""],(({inputBorderRadius:o})=>Array.isArray(o)?`border-radius: ${o.map((o=>`var(--${o})`)).join(" ")};`:`border-radius: var(--${o});`),(({align:o})=>o&&r(["text-align:",";"],o)),(({disabled:o})=>o&&r(["color:var(--colorsUtilityYin030);cursor:not-allowed;"])));export{t as default};
+import o,{css as r}from"styled-components";const t=o.input.withConfig({displayName:"input.style__StyledInput",componentId:"carbon_v161_12_1__sc-745cf632-0"})(["background:transparent;border:none;color:var(--colorsUtilityYin090);flex-grow:1;font-size:var(--fontSizes100);outline:none;padding:0;margin:0;width:30px;&:-webkit-autofill{background-clip:text;-webkit-background-clip:text;}"," &::placeholder{color:var(--colorsUtilityYin055);}"," ",""],(({inputBorderRadius:o})=>Array.isArray(o)?`border-radius: ${o.map((o=>`var(--${o})`)).join(" ")};`:`border-radius: var(--${o});`),(({align:o})=>o&&r(["text-align:",";"],o)),(({disabled:o})=>o&&r(["color:var(--colorsUtilityYin030);cursor:not-allowed;"])));export{t as default};

package/esm/__internal__/legacy-label/icon-wrapper.style.js

@@ -1 +1 @@
-import o from"styled-components";import i from"../validations/validation-icon.style.js";import t from"../../components/help/help.style.js";const n=o.div.withConfig({displayName:"icon-wrapper.style__StyledIconWrapper",componentId:"carbon_v161_11_0__sc-cadb2c42-0"})(["display:inline-block;margin:0;margin-left:4px;width:24px;height:24px;position:relative;margin-top:-3px;margin-bottom:-4px;vertical-align:top;:focus{outline:2px solid var(--colorsSemanticFocus500);}",",","{position:static;}"],i,t);export{n as default};
+import o from"styled-components";import i from"../validations/validation-icon.style.js";import t from"../../components/help/help.style.js";const n=o.div.withConfig({displayName:"icon-wrapper.style__StyledIconWrapper",componentId:"carbon_v161_12_1__sc-cadb2c42-0"})(["display:inline-block;margin:0;margin-left:4px;width:24px;height:24px;position:relative;margin-top:-3px;margin-bottom:-4px;vertical-align:top;:focus{outline:2px solid var(--colorsSemanticFocus500);}",",","{position:static;}"],i,t);export{n as default};

package/esm/__internal__/legacy-label/label.style.js

@@ -1 +1 @@
-import t,{css as a}from"styled-components";const e=t.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_11_0__sc-1af3965d-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>a(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&a(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&a(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&a(["color:var(--input-labelset-label-disabled);"]))),i=t.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"carbon_v161_11_0__sc-1af3965d-1"})(["display:flex;align-items:center;margin-bottom:8px;.fieldset-content &{margin-bottom:var(--global-space-comp-xs);}"," ",""],(({align:t})=>a(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:e,width:i})=>t&&a(["box-sizing:border-box;margin-bottom:0;",";width:","%;"],e&&a(["padding-right:var(",");"],1===e?"--spacing100":"--spacing200"),i)));export{i as StyledLabelContainer,e as default};
+import t,{css as a}from"styled-components";const e=t.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_12_1__sc-1af3965d-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>a(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&a(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&a(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&a(["color:var(--input-labelset-label-disabled);"]))),i=t.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"carbon_v161_12_1__sc-1af3965d-1"})(["display:flex;align-items:center;margin-bottom:8px;.fieldset-content &{margin-bottom:var(--global-space-comp-xs);}"," ",""],(({align:t})=>a(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:e,width:i})=>t&&a(["box-sizing:border-box;margin-bottom:0;",";width:","%;"],e&&a(["padding-right:var(",");"],1===e?"--spacing100":"--spacing200"),i)));export{i as StyledLabelContainer,e as default};

package/esm/__internal__/modal/modal.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";const i="0.6",o=t.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"carbon_v161_11_0__sc-d61ee063-0"})(["background-color:rgba(0,20,29,1);bottom:0;left:0;opacity:",";position:fixed;right:0;top:0;",";"],i,(({transitionName:t,transitionTime:a})=>e(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:",";transition:opacity ","ms ease-out;}&.","-exit{opacity:",";}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],t,t,t,t,t,t,i,a,t,i,t,t,a))),n=t.div.attrs(a).withConfig({displayName:"modal.style__StyledModal",componentId:"carbon_v161_11_0__sc-d61ee063-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:t,transitionTime:a})=>e([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit{opacity:1;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],t,t,t,t,t,t,a,t,t,t,a)));export{n as StyledModal,o as StyledModalBackground};
+import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";const i="0.6",o=t.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"carbon_v161_12_1__sc-d61ee063-0"})(["background-color:rgba(0,20,29,1);bottom:0;left:0;opacity:",";position:fixed;right:0;top:0;",";"],i,(({transitionName:t,transitionTime:a})=>e(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:",";transition:opacity ","ms ease-out;}&.","-exit{opacity:",";}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],t,t,t,t,t,t,i,a,t,i,t,t,a))),n=t.div.attrs(a).withConfig({displayName:"modal.style__StyledModal",componentId:"carbon_v161_12_1__sc-d61ee063-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:t,transitionTime:a})=>e([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit{opacity:1;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],t,t,t,t,t,t,a,t,t,t,a)));export{n as StyledModal,o as StyledModalBackground};

package/esm/__internal__/popover/popover.component.d.ts

@@ -47,6 +47,8 @@ export interface PopoverProps {
      * Allows child ref to be set via a prop instead of dynamically finding it via children iteration.
      */
     childRefOverride?: MutableRefObject<HTMLDivElement | null>;
+    /** Optional custom portal container. Defaults to document.body (or the closest dialog in a modal). */
+    portalTarget?: HTMLElement | null;
 }
-declare const Popover: ({ disablePortal, ...props }: PopoverProps) => React.JSX.Element | null;
+declare const Popover: ({ disablePortal, portalTarget, ...props }: PopoverProps) => React.JSX.Element | null;
 export default Popover;

package/esm/__internal__/popover/popover.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import r,{useContext as t,useEffect as o,useRef as n}from"react";import{createPortal as a}from"react-dom";import{flip as i}from"@floating-ui/dom";import c from"../../hooks/__internal__/useFloating/useFloating.js";import{StyledPopoverContent as l,StyledBackdrop as s}from"./popover.style.js";import p from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import d from"../modal/modal.context.js";import u from"../../hooks/__internal__/useIsBrowser/index.js";import m from"../../components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js";function b(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){b(e,r,t[r])}))}return e}const O=[i({fallbackStrategy:"initialPlacement"})],y=({children:t,placement:o,reference:a,middleware:i=O,disableBackgroundUI:p,isOpen:d=!0,hide:u,animationFrame:m,popoverStrategy:b="absolute",childRefOverride:f})=>{const y=f||r.Children.only(t).ref,v=n(null),g=y||v;let j;return j=y?t:r.cloneElement(t,{ref:g}),c({isOpen:d,reference:a,floating:g,placement:o,middleware:i,animationFrame:m,strategy:b}),e(l,{hide:u,children:p?e(s,{"data-role":"popup-backdrop",children:j}):j})},v=n=>{var i,{disablePortal:c}=n,l=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(n,["disablePortal"]);const{isBrowser:s}=u(),{isInModal:b}=t(d),{wrapperId:O}=t(m),v=null===(i=l.reference.current)||void 0===i?void 0:i.closest("[role='dialog']"),[g,j]=r.useState();return o((()=>{var e;const r=null===(e=l.reference.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!r)return;var t;j(null!==(t=r.getAttribute("data-carbon-theme"))&&void 0!==t?t:void 0);const o=new MutationObserver((()=>{var e;j(null!==(e=r.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return o.observe(r,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>o.disconnect()}),[l.reference]),c?e(y,f({},l)):s?a(e(p,(h=f({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":O},g&&{"data-carbon-theme":g}),w=null!=(w={children:e(y,f({},l))})?w:{},Object.getOwnPropertyDescriptors?Object.defineProperties(h,Object.getOwnPropertyDescriptors(w)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(w)).forEach((function(e){Object.defineProperty(h,e,Object.getOwnPropertyDescriptor(w,e))})),h)),b&&v?v:document.body):null;var h,w};export{v as default};
+import{jsx as e}from"react/jsx-runtime";import r,{useContext as t,useEffect as o,useRef as n}from"react";import{createPortal as a}from"react-dom";import{flip as i}from"@floating-ui/dom";import c from"../../hooks/__internal__/useFloating/useFloating.js";import{StyledPopoverContent as l,StyledBackdrop as s}from"./popover.style.js";import p from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import d from"../modal/modal.context.js";import u from"../../hooks/__internal__/useIsBrowser/index.js";import m from"../../components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js";function f(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){f(e,r,t[r])}))}return e}const O=[i({fallbackStrategy:"initialPlacement"})],y=({children:t,placement:o,reference:a,middleware:i=O,disableBackgroundUI:p,isOpen:d=!0,hide:u,animationFrame:m,popoverStrategy:f="absolute",childRefOverride:b})=>{const y=b||r.Children.only(t).ref,v=n(null),g=y||v;let j;return j=y?t:r.cloneElement(t,{ref:g}),c({isOpen:d,reference:a,floating:g,placement:o,middleware:i,animationFrame:m,strategy:f}),e(l,{hide:u,children:p?e(s,{"data-role":"popup-backdrop",children:j}):j})},v=n=>{var i,{disablePortal:c,portalTarget:l}=n,s=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(n,["disablePortal","portalTarget"]);const{isBrowser:f}=u(),{isInModal:O}=t(d),{wrapperId:v}=t(m),g=null===(i=s.reference.current)||void 0===i?void 0:i.closest("[role='dialog']"),[j,h]=r.useState();if(o((()=>{var e;const r=null===(e=s.reference.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!r)return;var t;h(null!==(t=r.getAttribute("data-carbon-theme"))&&void 0!==t?t:void 0);const o=new MutationObserver((()=>{var e;h(null!==(e=r.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return o.observe(r,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>o.disconnect()}),[s.reference]),c)return e(y,b({},s));if(!f)return null;const w=null!=l?l:O&&g?g:document.body;return a(e(p,function(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}(b({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":v},j&&{"data-carbon-theme":j}),{children:e(y,b({},s))})),w)};export{v as default};

package/esm/__internal__/popover/popover.style.js

@@ -1 +1 @@
-import e from"styled-components";import o from"../../style/themes/apply-base-theme.js";const t=e.div.attrs(o).withConfig({displayName:"popover.style__StyledBackdrop",componentId:"carbon_v161_11_0__sc-fb4df9e5-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:var( --adaptiveSidebarModalBackdrop,"," );background:transparent;"],(({theme:e})=>e.zIndex.popover)),p=e.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"carbon_v161_11_0__sc-fb4df9e5-1"})(["",""],(({hide:e})=>e&&"display: none;"));export{t as StyledBackdrop,p as StyledPopoverContent};
+import e from"styled-components";import o from"../../style/themes/apply-base-theme.js";const t=e.div.attrs(o).withConfig({displayName:"popover.style__StyledBackdrop",componentId:"carbon_v161_12_1__sc-fb4df9e5-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:var( --adaptiveSidebarModalBackdrop,"," );background:transparent;"],(({theme:e})=>e.zIndex.popover)),p=e.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"carbon_v161_12_1__sc-fb4df9e5-1"})(["",""],(({hide:e})=>e&&"display: none;"));export{t as StyledBackdrop,p as StyledPopoverContent};

package/esm/__internal__/popover-menu/contexts/index.d.ts

@@ -1,3 +1,4 @@
 export { PopoverMenuContext } from "./popover-menu.context";
-export type { PopoverMenuContextProps } from "./popover-menu.context";
+export type { PopoverMenuContextProps, SubmenuRenderProps, PopoverControlProps, } from "./popover-menu.context";
 export { default as MenuHeadingContext } from "./menu-heading.context";
+export { default as MenuItemContext } from "./menu-item.context";

package/esm/__internal__/popover-menu/contexts/index.js

@@ -1 +1 @@
-export{PopoverMenuContext}from"./popover-menu.context.js";export{default as MenuHeadingContext}from"./menu-heading.context.js";
+export{PopoverMenuContext}from"./popover-menu.context.js";export{default as MenuHeadingContext}from"./menu-heading.context.js";export{default as MenuItemContext}from"./menu-item.context.js";

package/esm/__internal__/popover-menu/contexts/menu-item.context.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("react").Context<{
+    isDisabled: boolean;
+} | null>;
+export default _default;

package/esm/__internal__/popover-menu/contexts/menu-item.context.js

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

package/esm/__internal__/popover-menu/contexts/popover-menu.context.d.ts

@@ -1,4 +1,26 @@
+export interface PopoverControlProps {
+    "aria-haspopup": "listbox" | "true";
+    "aria-controls"?: string;
+    "aria-expanded"?: boolean;
+    role?: string;
+    "aria-activedescendant"?: string;
+}
+export interface SubmenuRenderProps {
+    open: boolean;
+    submenu: React.ReactNode;
+    submenuWidth?: string;
+    size: "small" | "medium" | "large";
+    onClose: () => void;
+    ref: React.RefObject<HTMLUListElement>;
+    control: (props: PopoverControlProps) => React.ReactNode;
+    triggerRef: React.RefObject<HTMLLIElement>;
+}
 export interface PopoverMenuContextProps {
     size: "small" | "medium" | "large";
+    isButtonMenu?: boolean;
+    isSubmenu?: boolean;
+    onSubmenuCloseContext?: () => void;
+    focusSubmenuParent?: () => void;
+    renderSubmenu?: (props: SubmenuRenderProps) => React.ReactNode;
 }
 export declare const PopoverMenuContext: import("react").Context<PopoverMenuContextProps>;

package/esm/__internal__/popover-menu/contexts/popover-menu.context.js

@@ -1 +1 @@
-import{createContext as e}from"react";const m=e({size:"medium"});export{m as PopoverMenuContext};
+import{createContext as e}from"react";const t=e({size:"medium",isButtonMenu:!1,isSubmenu:!1});export{t as PopoverMenuContext};

package/esm/__internal__/popover-menu/hooks/index.d.ts

@@ -1 +1 @@
-export { useHandleDropdownMenuKeyDown, itemQuerySelector, setFocus, } from "./useHandleDropdownMenuKeyDown";
+export { useHandleDropdownMenuKeyDown, setFocus, } from "./useHandleDropdownMenuKeyDown";

package/esm/__internal__/popover-menu/hooks/index.js

@@ -1 +1 @@
-export{itemQuerySelector,setFocus,useHandleDropdownMenuKeyDown}from"./useHandleDropdownMenuKeyDown.js";
+export{setFocus,useHandleDropdownMenuKeyDown}from"./useHandleDropdownMenuKeyDown.js";

package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.d.ts

@@ -1,4 +1,7 @@
 import { MutableRefObject } from "react";
-export declare const itemQuerySelector = "li[data-component='popover-menu-item']:not([aria-disabled='true'])";
-export declare const setFocus: (el?: HTMLElement) => void;
-export declare const useHandleDropdownMenuKeyDown: (ref: MutableRefObject<HTMLUListElement | null>, setAriaActivedescendant: React.Dispatch<React.SetStateAction<string>>) => (ev: React.KeyboardEvent<HTMLElement>) => void;
+export declare const setFocus: (el?: HTMLElement, highlightedItem?: HTMLElement, isButtonMenu?: boolean) => void;
+export declare const useHandleDropdownMenuKeyDown: (ref: MutableRefObject<HTMLUListElement | null>, setAriaActivedescendant: React.Dispatch<React.SetStateAction<string>>, onClose: (e?: Event) => void, submenuOptions: {
+    isButtonMenu?: boolean;
+    isSubmenu?: boolean;
+    controlReference?: React.RefObject<HTMLLIElement>;
+}) => (ev: React.KeyboardEvent<HTMLElement>) => void;

package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.js

@@ -1 +1 @@
-import{useCallback as t}from"react";const e="li[data-component='popover-menu-item']:not([aria-disabled='true'])",l=t=>{var e;null==t||t.setAttribute("data-has-focus","true"),null==t||null===(e=t.scrollIntoView)||void 0===e||e.call(t,{block:"nearest",inline:"nearest"})},i=(i,n)=>t((t=>{var r;const o=Array.from((null===(r=i.current)||void 0===r?void 0:r.querySelectorAll(e))||[]),u=o[0],d=o[o.length-1],a=o.find((t=>"true"===t.getAttribute("data-has-focus"))),v=o.find((t=>"true"===t.getAttribute("aria-selected")));if("ArrowDown"===t.key){if(t.preventDefault(),!a){const t=null!=v?v:u;var s;return n(null!==(s=null==t?void 0:t.id)&&void 0!==s?s:""),void l(t)}var f;if(a.setAttribute("data-has-focus","false"),d===a)return n(null!==(f=null==u?void 0:u.id)&&void 0!==f?f:""),void l(u);const e=o.indexOf(a),i=o[(e+1)%o.length];var c;return n(null!==(c=null==i?void 0:i.id)&&void 0!==c?c:""),void l(i)}if("ArrowUp"===t.key){if(t.preventDefault(),!a){const t=null!=v?v:d;var p;return n(null!==(p=null==t?void 0:t.id)&&void 0!==p?p:""),void l(t)}var A;if(a.setAttribute("data-has-focus","false"),u===a)return n(null!==(A=null==d?void 0:d.id)&&void 0!==A?A:""),void l(d);const e=o.indexOf(a),i=o[(e-1+o.length)%o.length];var h;return n(null!==(h=null==i?void 0:i.id)&&void 0!==h?h:""),void l(i)}var b,g;return"Home"===t.key?(t.preventDefault(),n(null!==(b=null==u?void 0:u.id)&&void 0!==b?b:""),null==a||a.setAttribute("data-has-focus","false"),void l(u)):"End"===t.key?(t.preventDefault(),n(null!==(g=null==d?void 0:d.id)&&void 0!==g?g:""),null==a||a.setAttribute("data-has-focus","false"),void l(d)):void("Enter"===t.key&&a&&(t.preventDefault(),t.stopPropagation(),a.click()))}),[i,n]);export{e as itemQuerySelector,l as setFocus,i as useHandleDropdownMenuKeyDown};
+import{useCallback as t}from"react";import{buttonMenuItemQuerySelector as n,itemQuerySelector as e}from"../utils/index.js";const l=(t,n,e)=>{var l;e?null==t||t.focus():(null==n||n.setAttribute("data-has-focus","false"),null==t||t.setAttribute("data-has-focus","true"),null==t||null===(l=t.scrollIntoView)||void 0===l||l.call(t,{block:"nearest",inline:"nearest"}))},i=(i,o,r,u)=>t((t=>{var d,a;const v=null===(d=document.activeElement)||void 0===d?void 0:d.closest('[data-component="scroll-wrapper"]');if(v&&!v.contains(i.current))return;const{isButtonMenu:s,isSubmenu:c}=u,f=Array.from((null===(a=i.current)||void 0===a?void 0:a.querySelectorAll(s?n(c):e(c)))||[]),p=f[0],m=f[f.length-1],g=s?f.find((t=>t.contains(document.activeElement))):f.find((t=>"true"===t.getAttribute("data-has-focus"))),h=f.find((t=>"true"===t.getAttribute("aria-selected")));if("ArrowDown"===t.key){if(t.preventDefault(),t.stopPropagation(),!g){const t=null!=h?h:p;var k;return o(null!==(k=null==t?void 0:t.id)&&void 0!==k?k:""),void l(t,g,s)}var y;if(!s&&m===g)return o(null!==(y=null==p?void 0:p.id)&&void 0!==y?y:""),void l(p,g,s);const n=f.indexOf(g),e=f[s?Math.min(n+1,f.length-1):(n+1)%f.length];var A;return o(null!==(A=null==e?void 0:e.id)&&void 0!==A?A:""),void l(e,g,s)}if("ArrowUp"===t.key){if(t.preventDefault(),t.stopPropagation(),!g){const t=null!=h?h:m;var b;return o(null!==(b=null==t?void 0:t.id)&&void 0!==b?b:""),void l(t,g,s)}var D;if(!s&&p===g)return o(null!==(D=null==m?void 0:m.id)&&void 0!==D?D:""),void l(m,g,s);const n=f.indexOf(g),e=f[s?Math.max(n-1,0):(n-1+f.length)%f.length];var w;return o(null!==(w=null==e?void 0:e.id)&&void 0!==w?w:""),void l(e,g,s)}var x,E;return"Home"===t.key?(t.preventDefault(),o(null!==(x=null==p?void 0:p.id)&&void 0!==x?x:""),void l(p,g,s)):"End"===t.key?(t.preventDefault(),o(null!==(E=null==m?void 0:m.id)&&void 0!==E?E:""),void l(m,g,s)):("Enter"!==t.key||s||g&&(t.preventDefault(),t.stopPropagation(),g.click()),void("Tab"!==t.key||r(t.nativeEvent)))}),[i,o,r,u]);export{l as setFocus,i as useHandleDropdownMenuKeyDown};

package/esm/__internal__/popover-menu/index.d.ts

@@ -1,3 +1,4 @@
 export { default as PopoverMenu } from "./popover-menu.component";
 export { MenuItem, MenuItemLeading, MenuItemLabel, MenuItemSubtext, MenuItemDivider, MenuItemHeading, } from "./menu-item";
 export type { PopoverMenuProps } from "./popover-menu.component";
+export type { PopoverControlProps } from "./contexts";

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as n}from"react";import m,{css as o}from"styled-components";import{PopoverMenuContext as a}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";const i=m.span.withConfig({displayName:"menu-item-label.component__StyledMenuItemLabel",componentId:"carbon_v161_11_0__sc-3e81ec8-0"})(["grid-column:-2 / -1;grid-row:1;",""],(({$size:e})=>o(["span.menu-item-label-prefix{font:var(--global-font-static-comp-medium-",");}"],e.charAt(0)))),r=({children:m,prefix:o})=>{const{size:r}=n(a);return e(i,{"data-element":"menu-item-label",$size:r,children:[o&&t("span",{"data-element":"menu-item-label-prefix",className:"menu-item-label-prefix",children:o}),m]})};r.displayName="PopoverMenuItemLabel";export{r as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as n}from"react";import m,{css as o}from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";const r=m.span.withConfig({displayName:"menu-item-label.component__StyledMenuItemLabel",componentId:"carbon_v161_12_1__sc-3e81ec8-0"})(["grid-column:-2 / -1;grid-row:1;",""],(({$size:e})=>o(["span.menu-item-label-prefix{font:var(--global-font-static-comp-medium-",");}"],e.charAt(0)))),a=({children:m,prefix:o})=>{const{size:a}=n(i);return e(r,{"data-element":"menu-item-label",$size:a,children:[o&&t("span",{"data-element":"menu-item-label-prefix",className:"menu-item-label-prefix",children:o}),m]})};a.displayName="PopoverMenuItemLabel";export{a as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import"react";import o from"styled-components";import i from"../../../../components/icon/icon.component.js";const t=o.span.withConfig({displayName:"menu-item-leading.component__StyledMenuItemLeading",componentId:"carbon_v161_11_0__sc-e40d8dc9-0"})(['display:flex;grid-row:1;[data-component="icon"]{width:20px;height:20px;}']),a=o.span.withConfig({displayName:"menu-item-leading.component__StyledSelectedIconWrapper",componentId:"carbon_v161_11_0__sc-e40d8dc9-1"})(["",""],(({$hasIcon:e})=>`\n    padding: 0 var(--global-space-comp-2-xs);\n    visibility: ${e?"visible":"hidden"};\n  `)),c=({children:o,selectedIcon:c=!1})=>e(t,{className:"menu-item-leading","data-element":"leading",children:[n(a,{"data-role":"selected-icon-wrapper",$hasIcon:c,children:n(i,{type:"tick_thick","data-role":"selected-icon"})}),o]});c.displayName="PopoverMenuItemLeading";export{c as default};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useContext as t}from"react";import o from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";import c from"../../../../components/icon/icon.component.js";const a=o.span.withConfig({displayName:"menu-item-leading.component__StyledMenuItemLeading",componentId:"carbon_v161_12_1__sc-38bfc3f-0"})(['display:flex;grid-row:1;[data-component="icon"]{width:20px;height:20px;}']),m=o.span.withConfig({displayName:"menu-item-leading.component__StyledSelectedIconWrapper",componentId:"carbon_v161_12_1__sc-38bfc3f-1"})(["",""],(({$hasIcon:e})=>`\n    padding: 0 var(--global-space-comp-2-xs);\n    visibility: ${e?"visible":"hidden"};\n  `)),p=({children:o,selectedIcon:p=!1})=>{const{isButtonMenu:d}=t(i);return e(a,{className:"menu-item-leading","data-element":"leading",children:[!d&&n(m,{"data-role":"selected-icon-wrapper",$hasIcon:p,children:n(c,{type:"tick_thick","data-role":"selected-icon"})}),o]})};p.displayName="PopoverMenuItemLeading";export{p as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useContext as e}from"react";import o,{css as n}from"styled-components";import{PopoverMenuContext as m}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";const r=o.span.withConfig({displayName:"menu-item-subtext.component__StyledMenuItemSubtext",componentId:"carbon_v161_11_0__sc-8eef9447-0"})(["grid-column:-2 / -1;grid-row:2;color:var(--input-dropdown-label-subtxt);",""],(({$size:t})=>n([""," ",""],("small"===t||"medium"===t)&&"\n      font: var(--global-font-static-comp-regular-xs);\n    ","large"===t&&"\n      font: var(--global-font-static-comp-regular-s);\n    "))),s=({children:o})=>{const{size:n}=e(m);return t(r,{"data-element":"menu-item-subtext",className:"menu-item-subtext",$size:n,children:o})};s.displayName="PopoverMenuItemSubtext";export{s as default};
+import{jsx as t}from"react/jsx-runtime";import{useContext as e}from"react";import o,{css as n}from"styled-components";import{PopoverMenuContext as m}from"../../contexts/popover-menu.context.js";import"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";const r=o.span.withConfig({displayName:"menu-item-subtext.component__StyledMenuItemSubtext",componentId:"carbon_v161_12_1__sc-8eef9447-0"})(["grid-column:-2 / -1;grid-row:2;color:var(--input-dropdown-label-subtxt);",""],(({$size:t})=>n([""," ",""],("small"===t||"medium"===t)&&"\n      font: var(--global-font-static-comp-regular-xs);\n    ","large"===t&&"\n      font: var(--global-font-static-comp-regular-s);\n    "))),s=({children:o})=>{const{size:n}=e(m);return t(r,{"data-element":"menu-item-subtext",className:"menu-item-subtext",$size:n,children:o})};s.displayName="PopoverMenuItemSubtext";export{s as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import o from"styled-components";import{Divider as r}from"../../../../components/divider/divider.component.js";const i=o.li.withConfig({displayName:"menu-item-divider.component__StyledMenuItemDivider",componentId:"carbon_v161_11_0__sc-dae620b3-0"})(["margin:var(--global-space-comp-m);hr{background-color:var(--container-standard-border-default);height:var(--global-borderwidth-xs);}"]),t=()=>e(i,{"data-component":"popover-menu-divider","aria-hidden":"true",children:e(r,{m:0,type:"horizontal"})});t.displayName="PopoverMenuItemDivider";export{t as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import o from"styled-components";import{Divider as r}from"../../../../components/divider/divider.component.js";const i=o.li.withConfig({displayName:"menu-item-divider.component__StyledMenuItemDivider",componentId:"carbon_v161_12_1__sc-dae620b3-0"})(["margin:var(--global-space-comp-m);hr{background-color:var(--container-standard-border-default);height:var(--global-borderwidth-xs);}"]),t=()=>e(i,{"data-component":"popover-menu-divider","aria-hidden":"true",children:e(r,{m:0,type:"horizontal"})});t.displayName="PopoverMenuItemDivider";export{t as default};

package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as n,useRef as r}from"react";import o from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import a from"../../contexts/menu-heading.context.js";import c from"../../../utils/helpers/guid/index.js";function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(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){l(e,t,n[t])}))}return e}function m(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 s=o.div.withConfig({displayName:"menu-item-heading.component__StyledMenuHeadingWithIcon",componentId:"carbon_v161_11_0__sc-f76e7b6a-0"})(["display:flex;align-items:center;gap:",";"],(({$size:e})=>"small"===e?"var(--global-space-comp-2-xs)":"var(--global-space-comp-xs)")),d=o.li.withConfig({displayName:"menu-item-heading.component__StyledMenuHeading",componentId:"carbon_v161_11_0__sc-f76e7b6a-1"})(['div[data-element="text"]{'," color:var(--input-dropdown-label-alt);}ul{margin:0;padding:0;list-style:none;overflow:hidden;}"],(({$size:e})=>`\n        padding: 0 var(--global-space-comp-m);\n        font: var(--global-font-static-comp-medium-${e.charAt(0)});\n        margin-left: calc(var(--global-space-comp-m) - 2px);\n      `)),u=({children:o,text:l,icon:u})=>{const{size:b}=n(i),f=r(`popover-menu-heading-${c()}`),g={"data-element":"text",id:f.current};return e(d,{"data-component":"popover-menu-item-heading",$size:b,role:"option",children:[u?e(s,m(p({"data-role":"text-with-icon",$size:b},g),{children:[u,l]})):t("div",m(p({},g),{children:l})),t(a.Provider,{value:{headingId:f.current},children:t("ul",{role:"listbox","aria-label":l,children:o})})]})};u.displayName="PopoverMenuItemHeading";export{u as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useContext as n,useRef as o}from"react";import r from"styled-components";import{PopoverMenuContext as i}from"../../contexts/popover-menu.context.js";import c from"../../contexts/menu-heading.context.js";import"../../contexts/menu-item.context.js";import a from"../../../utils/helpers/guid/index.js";function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(t){l(e,t,n[t])}))}return e}function m(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 s=r.div.withConfig({displayName:"menu-item-heading.component__StyledMenuHeadingWithIcon",componentId:"carbon_v161_12_1__sc-f76e7b6a-0"})(["display:flex;align-items:center;gap:",";"],(({$size:e})=>"small"===e?"var(--global-space-comp-2-xs)":"var(--global-space-comp-xs)")),d=r.li.withConfig({displayName:"menu-item-heading.component__StyledMenuHeading",componentId:"carbon_v161_12_1__sc-f76e7b6a-1"})(['div[data-element="text"]{'," color:var(--input-dropdown-label-alt);}ul{margin:0;padding:0;list-style:none;overflow:hidden;}"],(({$size:e})=>`\n        padding: 0 var(--global-space-comp-m);\n        font: var(--global-font-static-comp-medium-${e.charAt(0)});\n        margin-left: calc(var(--global-space-comp-m) - 2px);\n      `)),u=({children:r,text:l,icon:u})=>{const{size:b}=n(i),f=o(`popover-menu-heading-${a()}`),g={"data-element":"text",id:f.current};return e(d,{"data-component":"popover-menu-item-heading",$size:b,role:"option",children:[u?e(s,m(p({"data-role":"text-with-icon",$size:b},g),{children:[u,l]})):t("div",m(p({},g),{children:l})),t(c.Provider,{value:{headingId:f.current},children:t("ul",{role:"listbox","aria-label":l,children:r})})]})};u.displayName="PopoverMenuItemHeading";export{u as default};

package/esm/__internal__/popover-menu/menu-item/menu-item.component.d.ts

@@ -5,9 +5,14 @@ export interface MenuItemProps {
     selected?: boolean;
     disabled?: boolean;
     id?: string;
+    submenu?: React.ReactNode;
+    submenuWidth?: string;
+    submenuOpen?: boolean;
+    onSubmenuOpen?: () => void;
+    onSubmenuClose?: () => void;
 }
 declare const MenuItem: {
-    ({ children, onClick, selected, disabled, id, ...rest }: MenuItemProps): React.JSX.Element;
+    ({ children, onClick, selected, disabled, submenu, submenuOpen, onSubmenuOpen, onSubmenuClose, submenuWidth, id, ...rest }: MenuItemProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
     displayName: string;
 };
 export default MenuItem;

package/esm/__internal__/popover-menu/menu-item/menu-item.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as n,useContext as t}from"react";import o,{css as r}from"styled-components";import{PopoverMenuContext as i}from"../contexts/popover-menu.context.js";import l from"../contexts/menu-heading.context.js";import a from"../../utils/helpers/guid/index.js";function s(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const c=o.li.withConfig({displayName:"menu-item.component__StyledMenuItem",componentId:"carbon_v161_11_0__sc-fd6a4b68-0"})(["width:100%;position:relative;box-sizing:border-box;&:not(:has(button)):not(:has(a)){",' display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--global-space-comp-xs);&:not(:has(.menu-item-leading)){grid-template-columns:1fr;}}&[data-has-focus="true"]{outline:var(--focus-borderalt) solid var(--global-borderwidth-s);outline-offset:calc(var(--global-borderwidth-s) * -1);}',""],(({$disabled:e})=>e?"\n          * {\n          color: var(--input-dropdown-label-disabled);\n          }\n          cursor: not-allowed;\n        ":"\n          color: var(--input-dropdown-label-alt);\n          cursor: pointer;\n\n          :hover {\n            * {\n              color: var(--input-dropdown-label-hover);\n            }\n            background-color: var(--input-dropdown-bg-hover);\n          }\n      "),(({$size:e})=>r([""," "," ",""],"small"===e&&"\n      padding: var(--global-space-comp-xs) 0;\n\n      &:not(:has(.menu-item-subtext)) {\n        min-height: var(--global-size-s);\n      }\n      \n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-regular-s);\n      }\n    ","medium"===e&&"\n      padding: var(--global-space-comp-s) 0;\n\n      &:not(:has(.menu-item-subtext)) {\n        min-height: var(--global-size-m);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-regular-m);\n      }\n    ","large"===e&&"\n      padding: var(--global-space-comp-m) 0;\n\n      &:not(:has(.menu-item-subtext)) {\n        min-height: var(--global-size-l);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-regular-l);\n      }\n    "))),m=o=>{var{children:r,onClick:m,selected:u,disabled:p,id:d}=o,b=function(e,n){if(null==e)return{};var t,o,r=function(e,n){if(null==e)return{};var t,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(o,["children","onClick","selected","disabled","id"]);const f=n(null),{size:g}=t(i),v=n(null!=d?d:`popover-menu-item-${a()}`).current,h=t(l),y=null==h?void 0:h.headingId;return e(c,(O=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){s(e,n,t[n])}))}return e}({ref:f,"data-component":"popover-menu-item",className:"popover-menu-item"+(p?"-disabled":""),$size:g,onClick:p?void 0:m,onMouseDown:p?void 0:e=>e.preventDefault(),role:"option","aria-selected":u&&!p,"aria-disabled":p,$disabled:p,id:v},b),j=null!=(j={"aria-describedby":y,children:r})?j:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(j)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(j)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(j,e))})),O));var O,j};m.displayName="PopoverMenuItem";export{m as default};
+import{jsx as n,jsxs as e}from"react/jsx-runtime";import o,{useRef as t,useContext as r,useCallback as a,useEffect as l}from"react";import i,{css as u}from"styled-components";import{PopoverMenuContext as s}from"../contexts/popover-menu.context.js";import c from"../contexts/menu-heading.context.js";import p from"../contexts/menu-item.context.js";import m from"../../utils/helpers/guid/index.js";import d from"../../../components/icon/icon.component.js";import{buttonMenuItemQuerySelector as b}from"../utils/index.js";function v(n,e,o){return e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o,n}function g(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable})))),t.forEach((function(e){v(n,e,o[e])}))}return n}function f(n,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):function(n){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e.push.apply(e,o)}return e}(Object(e)).forEach((function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))})),n}const h=i.li.withConfig({displayName:"menu-item.component__StyledMenuItem",componentId:"carbon_v161_12_1__sc-4bc50bba-0"})(["width:100%;position:relative;box-sizing:border-box;&:not(:has(button)):not(:has(a)){"," display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--global-space-comp-xs);&:not(:has(.menu-item-leading)){grid-template-columns:1fr;}}"," "," ",""],(({$disabled:n})=>n?"\n          * {\n          color: var(--input-dropdown-label-disabled);\n          }\n          cursor: not-allowed;\n        ":"\n          color: var(--input-dropdown-label-alt);\n          cursor: pointer;\n\n          :hover {\n            * {\n              color: var(--input-dropdown-label-hover);\n            }\n            background-color: var(--input-dropdown-bg-hover);\n          }\n      "),(({$disabled:n,$isButtonMenu:e})=>n?"\n        * {\n          color: var(--input-dropdown-label-disabled);\n        }\n\n        & > button, & > a {\n          background-color: transparent;\n        }\n        cursor: not-allowed;\n      ":`\n        cursor: pointer;\n\n        ${e?"\n              color: var(--popover-label-default);\n\n              & > button:active,\n              & > a:active {\n                background-color: var(--popover-bg-active);\n                color: var(--popover-label-active);\n              }\n\n              & > button:not(:active):hover,\n              & > a:not(:active):hover {\n                color: var(--popover-label-hover);\n                background-color: var(--popover-bg-hover);\n              }\n            ":"\n              color: var(--input-dropdown-label-alt);\n\n              &:not(:active):hover {\n                * {\n                  color: var(--input-dropdown-label-hover);\n                }\n                background-color: var(--popover-bg-hover);\n              }\n            "}\n  `),(({$isButtonMenu:n})=>u(["",""],n?"\n        &:focus {\n          outline: none;\n        }\n      ":'\n        &[data-has-focus="true"] {\n          outline: var(--focus-borderalt) solid var(--global-borderwidth-s);\n          outline-offset: calc(var(--global-borderwidth-s) * -1);\n        }\n    ')),(({$size:n,$isButtonMenu:e})=>u([""," "," ",""],"small"===n&&`\n      &:not(:has(button)):not(:has(a)) {\n        padding: var(--global-space-comp-xs) 0;\n\n        &:not(:has(.menu-item-subtext)) {\n          min-height: var(--global-size-s);\n        }\n      }\n\n      button, a {\n        width: 100%;\n        padding: var(--global-space-comp-xs) var(--global-space-comp-m) var(--global-space-comp-xs) var(--global-space-comp-m);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-${e?"medium":"regular"}-s);\n      }\n    `,"medium"===n&&`\n      &:not(:has(button)):not(:has(a)) {\n        padding: var(--global-space-comp-s) 0;\n\n        &:not(:has(.menu-item-subtext)) {\n          min-height: var(--global-size-m);\n        }\n      }\n\n      button, a {\n        width: 100%;\n        padding: var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-m);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-${e?"medium":"regular"}-m);\n      }\n    `,"large"===n&&`\n      &:not(:has(button)):not(:has(a)) {\n        padding: var(--global-space-comp-m) 0;\n\n        &:not(:has(.menu-item-subtext)) {\n          min-height: var(--global-size-l);\n        }\n      }\n      \n      button, a {\n        width: 100%;\n        padding: var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m);\n      }\n\n      *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n        font: var(--global-font-static-comp-${e?"medium":"regular"}-l);\n      }\n    `))),y=i.div.withConfig({displayName:"menu-item.component__SubmenuParentWrapper",componentId:"carbon_v161_12_1__sc-4bc50bba-1"})(["display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--global-space-comp-xs);"]),w=n=>{if(!o.isValidElement(n))return!1;const e=n.props;return!(!e.disabled&&!0!==e["aria-disabled"]&&"true"!==e["aria-disabled"])||o.Children.toArray(e.children).some(w)},O=n=>{var e;const o=null===(e=n.current)||void 0===e?void 0:e.querySelector(b(!0));null==o||o.focus()},x=i=>{var{children:u,onClick:b,selected:v,disabled:x,submenu:j,submenuOpen:$,onSubmenuOpen:P,onSubmenuClose:S,submenuWidth:_,id:k}=i,C=function(n,e){if(null==n)return{};var o,t,r=function(n,e){if(null==n)return{};var o,t,r={},a=Object.keys(n);for(t=0;t<a.length;t++)o=a[t],e.indexOf(o)>=0||(r[o]=n[o]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t<a.length;t++)o=a[t],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(n,o)&&(r[o]=n[o])}return r}(i,["children","onClick","selected","disabled","submenu","submenuOpen","onSubmenuOpen","onSubmenuClose","submenuWidth","id"]);const D=t(null),{size:M,isButtonMenu:z,isSubmenu:E,onSubmenuCloseContext:B,focusSubmenuParent:I,renderSubmenu:N}=r(s),A=!!j,W=z&&w(u),K=x||W,R=a((t=>((t,r)=>o.isValidElement(t)&&1===o.Children.count(t)?o.cloneElement(t,g({"data-element":"submenu-parent",children:e(y,{"data-element":"submenu-parent-wrapper",children:[t.props.children,n(d,{type:"caret_right","data-element":"submenu-icon",ml:3})]})},r)):t)(u,g({},t))),[u]),V=t(null),q=r(c),L=null==q?void 0:q.headingId,F=t(null!=k?k:`popover-menu-item-${m()}`).current,G=a((n=>{if(A&&z)return"ArrowRight"===n.key?(n.preventDefault(),void($?O(V):null==P||P())):void 0}),[A,z,P,$]);l((()=>{$&&O(V)}),[$]);const H=a((n=>{var e;const{activeElement:o}=document,t="popover-submenu-item"===(null==o||null===(e=o.parentElement)||void 0===e?void 0:e.getAttribute("data-component"));if("ArrowLeft"===n.key&&(n.preventDefault(),t))return null==I||I(),void(null==B||B())}),[I,B]),J=a((n=>{null==P||P(),null==b||b(n)}),[P,b]);return z&&A&&N?N({open:!!$,submenu:j,submenuWidth:_,size:M,onClose:()=>null==S?void 0:S(),ref:V,triggerRef:D,control:e=>n(h,{ref:D,id:F,"data-component":"popover-menu-item",className:"popover-menu-item"+(K?"-disabled":""),$size:M,onClick:K?void 0:J,onMouseDown:K?void 0:n=>n.preventDefault(),onKeyDown:K?void 0:G,$disabled:K,$isButtonMenu:z,children:R(f(g({},e),{disabled:K}))})}):n(h,f(g({ref:D,id:F,"data-component":`popover-${E?"submenu":"menu"}-item`,className:"popover-menu-item"+(K?"-disabled":""),$size:M,onClick:K?void 0:b,onMouseDown:K?void 0:n=>n.preventDefault(),onKeyDown:H,role:z?void 0:"option","aria-selected":z?void 0:v&&!K,"aria-disabled":z?void 0:K,$disabled:K,$isButtonMenu:z},C),{"aria-describedby":L,children:n(p.Provider,{value:{isDisabled:!!K},children:u})}))};x.displayName="PopoverMenuItem";export{x as default};

package/esm/__internal__/popover-menu/popover-menu.component.d.ts

@@ -1,27 +1,21 @@
 import React from "react";
-import { CSSObject } from "styled-components";
-import { type PopoverMenuContextProps } from "./contexts";
+import type { CSSObject } from "styled-components";
+import { PopoverMenuContextProps, PopoverControlProps } from "./contexts";
 import { TagProps } from "../utils/helpers/tags";
 interface ListProps {
     $size: PopoverMenuContextProps["size"];
     $maxHeight?: string;
+    $isButtonMenu?: PopoverMenuContextProps["isButtonMenu"];
 }
 export declare const List: import("styled-components").StyledComponent<"ul", any, ListProps, never>;
-export interface PopoverControlProps {
-    "aria-haspopup": "listbox" | "menu";
-    "aria-controls"?: string;
-    "aria-expanded"?: boolean;
-    role?: string;
-    "aria-activedescendant"?: string;
-}
-type FocusableHandle = HTMLElement;
+export type FocusableHandle = HTMLElement | HTMLButtonElement | HTMLAnchorElement | HTMLInputElement;
 export interface PopoverMenuProps<TRef extends FocusableHandle = HTMLElement> extends TagProps {
     /** The content of the popover menu */
     children: React.ReactNode;
     /** Whether the popover menu is open or not */
     open: boolean;
     /** The element that the popover menu is anchored to */
-    popoverControl?: (ref: React.MutableRefObject<TRef | null>, props: PopoverControlProps) => React.ReactNode;
+    popoverControl: (ref: React.RefObject<TRef>, props: PopoverControlProps) => React.ReactNode;
     size?: PopoverMenuContextProps["size"];
     /** Placement of the popover menu */
     placement?: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
@@ -40,7 +34,7 @@ export interface PopoverMenuProps<TRef extends FocusableHandle = HTMLElement> ex
     /** Set the custom width of the menu */
     width?: string;
     /** Override default control reference for popover */
-    controlReference?: React.RefObject<HTMLDivElement>;
+    controlReference?: React.RefObject<HTMLDivElement | HTMLLIElement>;
     /** Set the custom max-height of the menu list */
     maxHeight?: string;
     /** Custom styles for the control wrapper element */
@@ -49,11 +43,19 @@ export interface PopoverMenuProps<TRef extends FocusableHandle = HTMLElement> ex
     listboxAriaLabelledBy?: string;
     /** Aria label for the listbox */
     listboxAriaLabel?: string;
+    /** Controls the keyboard navigation behavior and sets roles to `list` and `listitem` */
+    isButtonMenu?: boolean;
+    /** Flag to notify that the menu is a submenu */
+    isSubmenu?: boolean;
+    /** Ref to the listbox/menu element */
+    listRef?: React.Ref<HTMLUListElement>;
 }
-declare const menuPopoverMiddleware: (width?: string) => {
+declare const menuPopoverMiddleware: (width?: string, isButtonMenu?: boolean, isSubmenu?: boolean) => {
     name: string;
     options?: any;
     fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
 }[];
-declare const PopoverMenu: <TRef extends FocusableHandle = HTMLElement>({ children, open, popoverControl, size, placement, onOpen, onClose, width, controlReference, maxHeight, controlWrapperStyle, listboxAriaLabelledBy, listboxAriaLabel, ...rest }: PopoverMenuProps<TRef>) => React.JSX.Element;
+declare const PopoverMenu: <TRef extends FocusableHandle = HTMLElement>(props: PopoverMenuProps<TRef> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
 export default PopoverMenu;