carbon-react 161.7.2 → 161.8.0

package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";const i={small:{indicatorFont:"var(--global-font-static-comp-medium-m)",indicatorSize:"var(--global-size-xs)",indicatorBorderWidth:"var(--global-borderwidth-s)",itemGap:"var(--global-space-comp-m)",itemMinWidth:"var(--global-size-xl)",labelFont:"var(--global-font-static-subheading-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",labelWrapperPadding:"var(--global-space-comp-xs)"},medium:{indicatorFont:"var(--global-font-static-comp-medium-l)",indicatorSize:"var(--global-size-s)",indicatorBorderWidth:"var(--global-borderwidth-m)",itemGap:"var(--global-space-comp-l)",itemMinWidth:"var(--global-size-2-xl)",labelFont:"var(--global-font-static-subheading-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",labelWrapperPadding:"var(--global-space-comp-s)"}},a=e.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"carbon_v161_7_1__sc-7b780eca-0"})(["",""],(({$size:e,$orientation:a})=>t(["display:flex;list-style-type:none;max-width:720px;gap:",";"," ",""],i[e].itemGap,"horizontal"===a&&t(["flex:1 0 0;flex-direction:column;align-items:flex-start;justify-content:center;min-width:",";"],i[e].itemMinWidth),"vertical"===a&&t(["min-height:72px;padding:var(--global-space-comp-s) 0 var(--global-space-comp-l) 0;"])))),o=e.span.withConfig({displayName:"step-sequence-item.style__StyledIndicator",componentId:"carbon_v161_7_1__sc-7b780eca-1"})(["",""],(({$status:e,$size:a})=>t(["display:flex;position:relative;justify-content:center;align-items:center;border-radius:var(--global-radius-container-circle);font:",";min-height:",";min-width:",";"," "," ",""],i[a].indicatorFont,i[a].indicatorSize,i[a].indicatorSize,"incomplete"===e&&t(["color:var(--progress-stepindicator-label-default);box-shadow:inset 0 0 0 "," var(--progress-stepindicator-border-default);"],i[a].indicatorBorderWidth),"current"===e&&t(["color:var(--progress-stepindicator-label-active);background-color:var(--progress-stepindicator-bg-active);outline:"," solid var(--progress-stepindicator-border-active-outer);outline-offset:",";"],i[a].indicatorBorderWidth,i[a].indicatorBorderWidth),"complete"===e&&t(["color:var(--progress-stepindicator-bg-complete);"])))),r=e.div.withConfig({displayName:"step-sequence-item.style__StyledIndicatorWrapper",componentId:"carbon_v161_7_1__sc-7b780eca-2"})(["",""],(({$orientation:e})=>t(["display:grid;"," ",""],"horizontal"===e&&t(["width:100%;align-items:center;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;grid-column-gap:var(--global-space-comp-s);"]),"vertical"===e&&t(["position:relative;height:inherit;justify-content:center;grid-template-columns:auto;grid-template-rows:auto 1fr;"])))),l=e.div.withConfig({displayName:"step-sequence-item.style__StepLine",componentId:"carbon_v161_7_1__sc-7b780eca-3"})(["",""],(({$orientation:e,$isGreen:a,$size:o,$roundedSide:r})=>t(["background-color:var(--progress-stepindicator-border-default);"," "," "," .step-sequence-item:last-child &.line-after{background-color:transparent;}"],a&&t(["background-color:var(--progress-stepindicator-border-success);"]),"horizontal"===e&&t(["height:2px;"," .step-sequence-item:first-child &.line-before{background-color:transparent;}"],r&&t(["",":var(--global-radius-action-2-xs);",":var(--global-radius-action-2-xs);"],`border-top-${r}-radius`,`border-bottom-${r}-radius`)),"vertical"===e&&o&&t(["position:absolute;border-radius:var(--global-radius-action-2-xs);width:2px;height:calc( 100% - "," - var(--global-space-comp-s) + var(--global-space-comp-l) );top:calc("," + var(--global-space-comp-s));left:calc(("," / 2) - 1px);"],i[o].indicatorSize,i[o].indicatorSize,i[o].indicatorSize)))),n=e.span.withConfig({displayName:"step-sequence-item.style__StyledTitle",componentId:"carbon_v161_7_1__sc-7b780eca-4"})(["",""],(({$size:e})=>t(["color:var(--progress-label-default);font:",";"],i[e].labelFont))),s=e.span.withConfig({displayName:"step-sequence-item.style__StyledDescription",componentId:"carbon_v161_7_1__sc-7b780eca-5"})(["",""],(({$size:e})=>t(["color:var(--progress-label-alt);font:",";"],i[e].descriptionFont))),c=e.div.withConfig({displayName:"step-sequence-item.style__StyledTitleWrapper",componentId:"carbon_v161_7_1__sc-7b780eca-6"})(["",""],(({$size:e,$orientation:a})=>t(["box-sizing:border-box;display:flex;flex-direction:column;"," ",""],"horizontal"===a&&t(["width:100%;text-align:center;padding:0px ",";"],i[e].labelWrapperPadding),"vertical"===a&&t(["padding-top:var(--global-space-comp-2-xs);"]))));export{l as StepLine,s as StyledDescription,o as StyledIndicator,r as StyledIndicatorWrapper,a as StyledStepSequenceItem,n as StyledTitle,c as StyledTitleWrapper};
+import e,{css as t}from"styled-components";const i={small:{indicatorFont:"var(--global-font-static-comp-medium-m)",indicatorSize:"var(--global-size-xs)",indicatorBorderWidth:"var(--global-borderwidth-s)",itemGap:"var(--global-space-comp-m)",itemMinWidth:"var(--global-size-xl)",labelFont:"var(--global-font-static-subheading-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",labelWrapperPadding:"var(--global-space-comp-xs)"},medium:{indicatorFont:"var(--global-font-static-comp-medium-l)",indicatorSize:"var(--global-size-s)",indicatorBorderWidth:"var(--global-borderwidth-m)",itemGap:"var(--global-space-comp-l)",itemMinWidth:"var(--global-size-2-xl)",labelFont:"var(--global-font-static-subheading-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",labelWrapperPadding:"var(--global-space-comp-s)"}},a=e.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"carbon_v161_7_3__sc-7b780eca-0"})(["",""],(({$size:e,$orientation:a})=>t(["display:flex;list-style-type:none;max-width:720px;gap:",";"," ",""],i[e].itemGap,"horizontal"===a&&t(["flex:1 0 0;flex-direction:column;align-items:flex-start;justify-content:center;min-width:",";"],i[e].itemMinWidth),"vertical"===a&&t(["min-height:72px;padding:var(--global-space-comp-s) 0 var(--global-space-comp-l) 0;"])))),o=e.span.withConfig({displayName:"step-sequence-item.style__StyledIndicator",componentId:"carbon_v161_7_3__sc-7b780eca-1"})(["",""],(({$status:e,$size:a})=>t(["display:flex;position:relative;justify-content:center;align-items:center;border-radius:var(--global-radius-container-circle);font:",";min-height:",";min-width:",";"," "," ",""],i[a].indicatorFont,i[a].indicatorSize,i[a].indicatorSize,"incomplete"===e&&t(["color:var(--progress-stepindicator-label-default);box-shadow:inset 0 0 0 "," var(--progress-stepindicator-border-default);"],i[a].indicatorBorderWidth),"current"===e&&t(["color:var(--progress-stepindicator-label-active);background-color:var(--progress-stepindicator-bg-active);outline:"," solid var(--progress-stepindicator-border-active-outer);outline-offset:",";"],i[a].indicatorBorderWidth,i[a].indicatorBorderWidth),"complete"===e&&t(["color:var(--progress-stepindicator-bg-complete);"])))),r=e.div.withConfig({displayName:"step-sequence-item.style__StyledIndicatorWrapper",componentId:"carbon_v161_7_3__sc-7b780eca-2"})(["",""],(({$orientation:e})=>t(["display:grid;"," ",""],"horizontal"===e&&t(["width:100%;align-items:center;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;grid-column-gap:var(--global-space-comp-s);"]),"vertical"===e&&t(["position:relative;height:inherit;justify-content:center;grid-template-columns:auto;grid-template-rows:auto 1fr;"])))),l=e.div.withConfig({displayName:"step-sequence-item.style__StepLine",componentId:"carbon_v161_7_3__sc-7b780eca-3"})(["",""],(({$orientation:e,$isGreen:a,$size:o,$roundedSide:r})=>t(["background-color:var(--progress-stepindicator-border-default);"," "," "," .step-sequence-item:last-child &.line-after{background-color:transparent;}"],a&&t(["background-color:var(--progress-stepindicator-border-success);"]),"horizontal"===e&&t(["height:2px;"," .step-sequence-item:first-child &.line-before{background-color:transparent;}"],r&&t(["",":var(--global-radius-action-2-xs);",":var(--global-radius-action-2-xs);"],`border-top-${r}-radius`,`border-bottom-${r}-radius`)),"vertical"===e&&o&&t(["position:absolute;border-radius:var(--global-radius-action-2-xs);width:2px;height:calc( 100% - "," - var(--global-space-comp-s) + var(--global-space-comp-l) );top:calc("," + var(--global-space-comp-s));left:calc(("," / 2) - 1px);"],i[o].indicatorSize,i[o].indicatorSize,i[o].indicatorSize)))),n=e.span.withConfig({displayName:"step-sequence-item.style__StyledTitle",componentId:"carbon_v161_7_3__sc-7b780eca-4"})(["",""],(({$size:e})=>t(["color:var(--progress-label-default);font:",";"],i[e].labelFont))),s=e.span.withConfig({displayName:"step-sequence-item.style__StyledDescription",componentId:"carbon_v161_7_3__sc-7b780eca-5"})(["",""],(({$size:e})=>t(["color:var(--progress-label-alt);font:",";"],i[e].descriptionFont))),c=e.div.withConfig({displayName:"step-sequence-item.style__StyledTitleWrapper",componentId:"carbon_v161_7_3__sc-7b780eca-6"})(["",""],(({$size:e,$orientation:a})=>t(["box-sizing:border-box;display:flex;flex-direction:column;"," ",""],"horizontal"===a&&t(["width:100%;text-align:center;padding:0px ",";"],i[e].labelWrapperPadding),"vertical"===a&&t(["padding-top:var(--global-space-comp-2-xs);"]))));export{l as StepLine,s as StyledDescription,o as StyledIndicator,r as StyledIndicatorWrapper,a as StyledStepSequenceItem,n as StyledTitle,c as StyledTitleWrapper};

package/esm/components/step-sequence/step-sequence.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{space as s}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const a=e.ol.attrs(o).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"carbon_v161_7_1__sc-efc9a3ac-0"})(["display:flex;align-items:flex-start;margin:0;padding:0;"," ",""],(({$orientation:e})=>"vertical"===e&&t(["flex-direction:column;height:100%;"])),s);export{a as default};
+import e,{css as t}from"styled-components";import{space as s}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const a=e.ol.attrs(o).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"carbon_v161_7_3__sc-efc9a3ac-0"})(["display:flex;align-items:flex-start;margin:0;padding:0;"," ",""],(({$orientation:e})=>"vertical"===e&&t(["flex-direction:column;height:100%;"])),s);export{a as default};

package/esm/components/switch/switch.style.js

@@ -1 +1 @@
-import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import l from"../../style/themes/apply-base-theme.js";const o=e.div.attrs(l).withConfig({displayName:"switch.style__StyledSwitch",componentId:"carbon_v161_7_1__sc-f7e060fe-0"})([""," display:",";flex-direction:",";"],t,(({$labelInline:e})=>e?"flex":"inline-flex"),(({$labelInline:e})=>e?"row":"column")),r=e.div.withConfig({displayName:"switch.style__StyledSwitchLabelWrapper",componentId:"carbon_v161_7_1__sc-f7e060fe-1"})(["",""],(({$labelInline:e,$labelWidth:t})=>a(["display:flex;flex-direction:column;margin-right:var(--global-space-comp-s);",""],e&&t&&a(["width:","%;"],t)))),s=e.label.withConfig({displayName:"switch.style__StyledSwitchLabel",componentId:"carbon_v161_7_1__sc-f7e060fe-2"})(["",""],(({$disabled:e,$inputHint:t,$labelInline:i,$labelSpacing:l,$required:o,$size:r})=>a(["display:flex;color:",";font:",";cursor:pointer;"," "," "," ",""],e?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)","large"===r?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)",o&&a(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],"large"===r?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"),!t&&a(["margin-bottom:var(--global-space-comp-s);"]),i&&a(["margin-bottom:0;"]),(i||t)&&a(["margin-right:",";"],l?8*l+"px":"var(--global-space-comp-s)")))),n=e.div.withConfig({displayName:"switch.style__StyledSwitchRow",componentId:"carbon_v161_7_1__sc-f7e060fe-3"})(["",""],(({$size:e,$processingLabelBelowSwitch:t})=>a(["display:flex;flex-direction:",";align-items:",";gap:var(--global-space-comp-s);",""],t?"column":"row",t?"flex-start":"center","large"===e&&a(["margin-top:var(--global-space-comp-xs);"])))),c=e.div.withConfig({displayName:"switch.style__StyledSwitchTrack",componentId:"carbon_v161_7_1__sc-f7e060fe-4"})(["",""],(({$checked:e,$disabled:t,$size:l,$loading:o,$disableTransitions:r})=>a(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:",";height:",";border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-default);box-sizing:border-box;transition:",";cursor:",";background-color:transparent;border-color:",";"," "," "," &:focus-within{","}"],"large"===l?"var(--global-size-3-xl)":"var(--global-size-m)","large"===l?"var(--global-size-m)":"var(--global-size-xs)",r?"none":"background-color 0.2s ease, border-color 0.2s ease",t?"not-allowed":"pointer",t?"var(--input-switch-border-disabled)":"var(--input-switch-border-default)",e&&!t&&a(["border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-active);background:var(--input-switch-bg-active);"]),t&&e&&a(["background-color:var(--input-switch-bg-activate-disabled);border-color:transparent;"]),o&&a(["&::after{display:none;}"]),i()))),d=e.span.withConfig({displayName:"switch.style__StyledSwitchThumb",componentId:"carbon_v161_7_1__sc-f7e060fe-5"})(["",""],(({$checked:e,$disabled:t,$size:i,$disableTransitions:l})=>a(["position:absolute;left:",";width:",";height:",";border-radius:50%;background-color:",";transition:",";transform:",";"," ",""],"large"===i?"4px":"3px","large"===i?"28px":"var(--global-size-3-xs)","large"===i?"28px":"var(--global-size-3-xs)",t?"var(--input-switch-fg-disabled)":"var(--input-switch-fg-default)",l?"none":"transform 0.2s ease, background-color 0.2s ease",e?"large"===i?"translateX(32px)":"translateX(15px)":"translateX(0)",e&&!t&&a(["background-color:var(--input-switch-fg-active);"]),e&&t&&a(["background-color:var(--input-switch-fg-activate-disabled);"])))),p=e.span.withConfig({displayName:"switch.style__StyledSwitchStateText",componentId:"carbon_v161_7_1__sc-f7e060fe-6"})(["",""],(({$disabled:e,$size:t})=>a(["color:",";font:",";"],e?"var(--input-switch-label-disabled)":"var(--input-switch-label-default)","large"===t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),b=e.div.withConfig({displayName:"switch.style__StyledSwitchProcessingRow",componentId:"carbon_v161_7_1__sc-f7e060fe-7"})(["",""],(({$below:e})=>a(["display:flex;align-items:",";flex-direction:",";gap:",";"],e?"flex-start":"center",e?"column":"row",e?"var(--global-space-comp-s)":"var(--global-space-comp-m)"))),m=e.span.withConfig({displayName:"switch.style__StyledSwitchProcessingText",componentId:"carbon_v161_7_1__sc-f7e060fe-8"})(["",""],(({$size:e})=>a(["color:var(--input-switch-label-default);font:",";"],"large"===e?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),g=e.span.withConfig({displayName:"switch.style__StyledSwitchLoaderWrapper",componentId:"carbon_v161_7_1__sc-f7e060fe-9"})(["",""],(({$checked:e,$size:t,$disableTransitions:i})=>a(["position:absolute;left:2px;display:flex;align-items:center;justify-content:center;transition:",";transform:",";"],i?"none":"transform 0.2s ease",e?"large"===t?"translateX(32px)":"translateX(15px)":"translateX(0)"))),f=e.input.withConfig({displayName:"switch.style__StyledSwitchInput",componentId:"carbon_v161_7_1__sc-f7e060fe-10"})(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:2;-webkit-appearance:none;appearance:none;"]);export{o as StyledSwitch,f as StyledSwitchInput,s as StyledSwitchLabel,r as StyledSwitchLabelWrapper,g as StyledSwitchLoaderWrapper,b as StyledSwitchProcessingRow,m as StyledSwitchProcessingText,n as StyledSwitchRow,p as StyledSwitchStateText,d as StyledSwitchThumb,c as StyledSwitchTrack};
+import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import l from"../../style/themes/apply-base-theme.js";const o=e.div.attrs(l).withConfig({displayName:"switch.style__StyledSwitch",componentId:"carbon_v161_7_3__sc-f7e060fe-0"})([""," display:",";flex-direction:",";"],t,(({$labelInline:e})=>e?"flex":"inline-flex"),(({$labelInline:e})=>e?"row":"column")),r=e.div.withConfig({displayName:"switch.style__StyledSwitchLabelWrapper",componentId:"carbon_v161_7_3__sc-f7e060fe-1"})(["",""],(({$labelInline:e,$labelWidth:t})=>a(["display:flex;flex-direction:column;margin-right:var(--global-space-comp-s);",""],e&&t&&a(["width:","%;"],t)))),s=e.label.withConfig({displayName:"switch.style__StyledSwitchLabel",componentId:"carbon_v161_7_3__sc-f7e060fe-2"})(["",""],(({$disabled:e,$inputHint:t,$labelInline:i,$labelSpacing:l,$required:o,$size:r})=>a(["display:flex;color:",";font:",";cursor:pointer;"," "," "," ",""],e?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)","large"===r?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)",o&&a(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],"large"===r?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"),!t&&a(["margin-bottom:var(--global-space-comp-s);"]),i&&a(["margin-bottom:0;"]),(i||t)&&a(["margin-right:",";"],l?8*l+"px":"var(--global-space-comp-s)")))),n=e.div.withConfig({displayName:"switch.style__StyledSwitchRow",componentId:"carbon_v161_7_3__sc-f7e060fe-3"})(["",""],(({$size:e,$processingLabelBelowSwitch:t})=>a(["display:flex;flex-direction:",";align-items:",";gap:var(--global-space-comp-s);",""],t?"column":"row",t?"flex-start":"center","large"===e&&a(["margin-top:var(--global-space-comp-xs);"])))),c=e.div.withConfig({displayName:"switch.style__StyledSwitchTrack",componentId:"carbon_v161_7_3__sc-f7e060fe-4"})(["",""],(({$checked:e,$disabled:t,$size:l,$loading:o,$disableTransitions:r})=>a(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:",";height:",";border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-default);box-sizing:border-box;transition:",";cursor:",";background-color:transparent;border-color:",";"," "," "," &:focus-within{","}"],"large"===l?"var(--global-size-3-xl)":"var(--global-size-m)","large"===l?"var(--global-size-m)":"var(--global-size-xs)",r?"none":"background-color 0.2s ease, border-color 0.2s ease",t?"not-allowed":"pointer",t?"var(--input-switch-border-disabled)":"var(--input-switch-border-default)",e&&!t&&a(["border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-active);background:var(--input-switch-bg-active);"]),t&&e&&a(["background-color:var(--input-switch-bg-activate-disabled);border-color:transparent;"]),o&&a(["&::after{display:none;}"]),i()))),d=e.span.withConfig({displayName:"switch.style__StyledSwitchThumb",componentId:"carbon_v161_7_3__sc-f7e060fe-5"})(["",""],(({$checked:e,$disabled:t,$size:i,$disableTransitions:l})=>a(["position:absolute;left:",";width:",";height:",";border-radius:50%;background-color:",";transition:",";transform:",";"," ",""],"large"===i?"4px":"3px","large"===i?"28px":"var(--global-size-3-xs)","large"===i?"28px":"var(--global-size-3-xs)",t?"var(--input-switch-fg-disabled)":"var(--input-switch-fg-default)",l?"none":"transform 0.2s ease, background-color 0.2s ease",e?"large"===i?"translateX(32px)":"translateX(15px)":"translateX(0)",e&&!t&&a(["background-color:var(--input-switch-fg-active);"]),e&&t&&a(["background-color:var(--input-switch-fg-activate-disabled);"])))),p=e.span.withConfig({displayName:"switch.style__StyledSwitchStateText",componentId:"carbon_v161_7_3__sc-f7e060fe-6"})(["",""],(({$disabled:e,$size:t})=>a(["color:",";font:",";"],e?"var(--input-switch-label-disabled)":"var(--input-switch-label-default)","large"===t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),b=e.div.withConfig({displayName:"switch.style__StyledSwitchProcessingRow",componentId:"carbon_v161_7_3__sc-f7e060fe-7"})(["",""],(({$below:e})=>a(["display:flex;align-items:",";flex-direction:",";gap:",";"],e?"flex-start":"center",e?"column":"row",e?"var(--global-space-comp-s)":"var(--global-space-comp-m)"))),m=e.span.withConfig({displayName:"switch.style__StyledSwitchProcessingText",componentId:"carbon_v161_7_3__sc-f7e060fe-8"})(["",""],(({$size:e})=>a(["color:var(--input-switch-label-default);font:",";"],"large"===e?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),g=e.span.withConfig({displayName:"switch.style__StyledSwitchLoaderWrapper",componentId:"carbon_v161_7_3__sc-f7e060fe-9"})(["",""],(({$checked:e,$size:t,$disableTransitions:i})=>a(["position:absolute;left:2px;display:flex;align-items:center;justify-content:center;transition:",";transform:",";"],i?"none":"transform 0.2s ease",e?"large"===t?"translateX(32px)":"translateX(15px)":"translateX(0)"))),f=e.input.withConfig({displayName:"switch.style__StyledSwitchInput",componentId:"carbon_v161_7_3__sc-f7e060fe-10"})(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:2;-webkit-appearance:none;appearance:none;"]);export{o as StyledSwitch,f as StyledSwitchInput,s as StyledSwitchLabel,r as StyledSwitchLabelWrapper,g as StyledSwitchLoaderWrapper,b as StyledSwitchProcessingRow,m as StyledSwitchProcessingText,n as StyledSwitchRow,p as StyledSwitchStateText,d as StyledSwitchThumb,c as StyledSwitchTrack};

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

@@ -1 +1 @@
-import a,{css as o}from"styled-components";import i from"../../../style/utils/add-focus-styling.js";const t=6,r={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=a.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"carbon_v161_7_1__sc-7fd6778d-0"})(["padding:0 6px;"]),d=a.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v161_7_1__sc-7fd6778d-1"})(["display:flex;"," width:100%;padding:","px;overflow-x:hidden;"],(({$orientation:a,$scrollRequired:i})=>o([""," ",""],"horizontal"===a&&o(["margin-bottom:8px;",""],i&&o(["margin-inline:-","px;"],6)),"vertical"===a&&o(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"]))),6),n=a.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"carbon_v161_7_1__sc-7fd6778d-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:a})=>a&&o(["width:",";"],a))),l=a.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v161_7_1__sc-7fd6778d-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),b=a.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"carbon_v161_7_1__sc-7fd6778d-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;z-index:1;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=a.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v161_7_1__sc-7fd6778d-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),s=a.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"carbon_v161_7_1__sc-7fd6778d-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:a})=>!a&&o(["align-items:center;display:flex;gap:8px;"])),(({activeTab:a,$orientation:i,$size:t,error:r,warning:e,info:d,$hasCustomLayout:n})=>a&&o([""," "," ",""],"horizontal"===i&&(r||e||d)&&o(["position:relative;top:1px;"]),"large"===t&&o(["margin-top:-4px;"]),n&&"horizontal"===i&&o(["position:relative;top:-2px;left:1px;"]))),(({$size:a,$hasCustomLayout:i})=>o(["font-size:","px;height:","px;",""],r[a].fontSize,r[a].height,i?o(["padding:0;"]):o(["padding:","px ","px;"],r[a].paddingY,r[a].paddingX))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l})=>a&&"horizontal"===e&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&o(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],r[d].paddingY-4,r[d].paddingX-2,r[d].paddingY,r[d].paddingX-2),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black"))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:b})=>"vertical"===e&&o(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=b?b:"200px",null!=b?b:"200px",b&&o(["white-space:normal;height:auto;"]),a&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&o(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?r.medium.paddingY-2:4,"medium"===d?r.medium.paddingY-2:r.large.paddingY,r[d].paddingX-2),b&&!l&&o(["padding-right:18px;"]),l&&o(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&o(["top:20%;right:0px;"]),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black")))),i(),(({$orientation:a})=>o(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===a?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===a?"var(--global-radius-none)":"var(--global-radius-action-m)"))),g=a.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"carbon_v161_7_1__sc-7fd6778d-7"})(["display:flex;",""],(({$orientation:a})=>o(["flex-direction:",";"],"horizontal"===a?"column":"row"))),c=a.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v161_7_1__sc-7fd6778d-8"})(["",""],(({visible:a})=>o(["display:",";"],a?"block":"none")));export{l as Spacer,b as StyledScrollButton,p as StyledScrollButtonPlaceholder,s as StyledTab,d as StyledTabList,n as StyledTabListWrapper,e as StyledTabPanel,c as StyledTabProvider,g as StyledTabs,t as TAB_LIST_FOCUS_PADDING};
+import a,{css as o}from"styled-components";import i from"../../../style/utils/add-focus-styling.js";const t=6,r={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=a.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"carbon_v161_7_3__sc-7fd6778d-0"})(["padding:0 6px;"]),d=a.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v161_7_3__sc-7fd6778d-1"})(["display:flex;"," width:100%;padding:","px;overflow-x:hidden;"],(({$orientation:a,$scrollRequired:i})=>o([""," ",""],"horizontal"===a&&o(["margin-bottom:8px;",""],i&&o(["margin-inline:-","px;"],6)),"vertical"===a&&o(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"]))),6),n=a.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"carbon_v161_7_3__sc-7fd6778d-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:a})=>a&&o(["width:",";"],a))),l=a.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v161_7_3__sc-7fd6778d-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),b=a.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"carbon_v161_7_3__sc-7fd6778d-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;z-index:1;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=a.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v161_7_3__sc-7fd6778d-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),s=a.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"carbon_v161_7_3__sc-7fd6778d-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:a})=>!a&&o(["align-items:center;display:flex;gap:8px;"])),(({activeTab:a,$orientation:i,$size:t,error:r,warning:e,info:d,$hasCustomLayout:n})=>a&&o([""," "," ",""],"horizontal"===i&&(r||e||d)&&o(["position:relative;top:1px;"]),"large"===t&&o(["margin-top:-4px;"]),n&&"horizontal"===i&&o(["position:relative;top:-2px;left:1px;"]))),(({$size:a,$hasCustomLayout:i})=>o(["font-size:","px;height:","px;",""],r[a].fontSize,r[a].height,i?o(["padding:0;"]):o(["padding:","px ","px;"],r[a].paddingY,r[a].paddingX))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l})=>a&&"horizontal"===e&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&o(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],r[d].paddingY-4,r[d].paddingX-2,r[d].paddingY,r[d].paddingX-2),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black"))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:b})=>"vertical"===e&&o(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=b?b:"200px",null!=b?b:"200px",b&&o(["white-space:normal;height:auto;"]),a&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&o(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?r.medium.paddingY-2:4,"medium"===d?r.medium.paddingY-2:r.large.paddingY,r[d].paddingX-2),b&&!l&&o(["padding-right:18px;"]),l&&o(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&o(["top:20%;right:0px;"]),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black")))),i(),(({$orientation:a})=>o(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===a?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===a?"var(--global-radius-none)":"var(--global-radius-action-m)"))),g=a.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"carbon_v161_7_3__sc-7fd6778d-7"})(["display:flex;",""],(({$orientation:a})=>o(["flex-direction:",";"],"horizontal"===a?"column":"row"))),c=a.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v161_7_3__sc-7fd6778d-8"})(["",""],(({visible:a})=>o(["display:",";"],a?"block":"none")));export{l as Spacer,b as StyledScrollButton,p as StyledScrollButtonPlaceholder,s as StyledTab,d as StyledTabList,n as StyledTabListWrapper,e as StyledTabPanel,c as StyledTabProvider,g as StyledTabs,t as TAB_LIST_FOCUS_PADDING};

package/esm/components/text-editor/__internal__/__nodes__/mention.node.js

@@ -1 +1 @@
-import{$applyNodeReplacement as e,TextNode as t}from"lexical";function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class r extends t{static getType(){return"mention"}static clone(e){return new r(e.__mention,e.__text,e.__key)}createDOM(e){const t=super.createDOM(e);return t.style.cssText="\n  background-color: #EFEFEFFF;\n  border: 1px solid #656565FF;\n  border-radius: 6px;\n  color: #000000DD;\n  cursor: pointer;\n  display: inline-block;\n  font-weight: 400;\n  line-height: 1.25rem;\n  min-height: 21px;\n  padding: 0px 8px;\n  margin: 0px 4px;\n",t.className="mention",t.spellcheck=!1,t}exportJSON(){return e=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}({},super.exportJSON()),t=null!=(t={type:"mention",version:1,mention:this.__mention,format:0})?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;var e,t}static importJSON(e){return new r(e.mention,e.text)}setFormat(){return this}toggleFormat(){return this}hasFormat(){return!1}canInsertTextBefore(){return!0}canInsertTextAfter(){return!0}constructor(e,t,r){super(null!=t?t:e,r),n(this,"__mention",void 0),this.__mention=e}}function o(t,n){const o=new r(t,null!=n?n:t);return o.setMode("token").toggleDirectionless(),e(o)}function i(e){return e instanceof r}const c=e=>{const{textContent:t}=e,n=e.getAttribute("data-lexical-mention-name");return(null==t?void 0:t.length)?{node:o("string"==typeof n?n:t,t)}:null};export{c as $convertMentionElement,o as $createMentionNode,i as $isMentionNode,r as MentionNode};
+import{$applyNodeReplacement as e,TextNode as t}from"lexical";function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class n extends t{static getType(){return"mention"}static clone(e){return new n(e.__mention,e.__text,e.__key)}createDOM(e){const t=super.createDOM(e);return t.style.cssText="\n  box-sizing: border-box;\n  background: var(--pill-gray-bg-alt-default);\n  box-shadow: inset 0 0 0 var(--global-borderwidth-xs) var(--pill-gray-border-default);\n  border-radius: var(--global-radius-container-s);\n  color: var(--pill-generic-label-alt-default);\n  cursor: pointer;\n  display: inline-block;\n  font: var(--global-font-static-comp-regular-m);\n  min-height: 20px;\n  padding: 0px var(--global-space-comp-s);\n  margin: 0px var(--global-space-comp-xs);\n",t.className="mention",t.spellcheck=!1,t}exportJSON(){return e=function(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){r(e,t,n[t])}))}return e}({},super.exportJSON()),t=null!=(t={type:"mention",version:1,mention:this.__mention,format:0})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e;var e,t}static importJSON(e){return new n(e.mention,e.text)}setFormat(){return this}toggleFormat(){return this}hasFormat(){return!1}canInsertTextBefore(){return!0}canInsertTextAfter(){return!0}constructor(e,t,n){super(null!=t?t:e,n),r(this,"__mention",void 0),this.__mention=e}}function o(t,r){const o=new n(t,null!=r?r:t);return o.setMode("token").toggleDirectionless(),e(o)}function i(e){return e instanceof n}const a=e=>{const{textContent:t}=e,r=e.getAttribute("data-lexical-mention-name");return(null==t?void 0:t.length)?{node:o("string"==typeof r?r:t,t)}:null};export{a as $convertMentionElement,o as $createMentionNode,i as $isMentionNode,n as MentionNode};

package/esm/components/text-editor/__internal__/__providers__/plugin-provider.d.ts

@@ -2,9 +2,11 @@ import React from "react";
 interface PluginProviderProps {
     children: React.ReactNode;
     parentRef: HTMLElement | null;
+    size?: "small" | "medium" | "large";
 }
-export declare const PluginProvider: ({ children, parentRef, }: PluginProviderProps) => React.JSX.Element;
+export declare const PluginProvider: ({ children, parentRef, size, }: PluginProviderProps) => React.JSX.Element;
 export declare const usePluginContext: () => {
     getParentRef: () => HTMLElement | undefined;
+    size?: "small" | "medium" | "large";
 };
 export {};

package/esm/components/text-editor/__internal__/__providers__/plugin-provider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useContext as r,createContext as t}from"react";const o=t({getParentRef:()=>{}}),i=({children:r,parentRef:t})=>e(o.Provider,{value:{getParentRef:()=>t||void 0},children:r}),n=()=>r(o);export{i as PluginProvider,n as usePluginContext};
+import{jsx as e}from"react/jsx-runtime";import{useContext as r,createContext as t}from"react";const i=t({getParentRef:()=>{},size:"medium"}),o=({children:r,parentRef:t,size:o})=>e(i.Provider,{value:{getParentRef:()=>t||void 0,size:o},children:r}),m=()=>r(i);export{o as PluginProvider,m as usePluginContext};

package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.component.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { CharacterCounterPluginProps } from "../../__utils__/interfaces.types";
-declare const CharacterCounterPlugin: ({ isFocused, maxChars, namespace, marginTop, }: CharacterCounterPluginProps) => React.JSX.Element;
+declare const CharacterCounterPlugin: ({ isFocused, maxChars, namespace, size, }: CharacterCounterPluginProps) => React.JSX.Element;
 export default CharacterCounterPlugin;

package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as a,useCallback as n,useMemo as i}from"react";import{useLexicalComposerContext as c}from"@lexical/react/LexicalComposerContext";import{$getRoot as l}from"lexical";import{StyledCharacterCounter as m,VisuallyHiddenCharacterCounter as s}from"./character-counter.style.js";import d from"../../../../../hooks/__internal__/useDebounce/useDebounce.js";import u from"../../../../../hooks/__internal__/useLocale/useLocale.js";const h=({isFocused:h,maxChars:p,namespace:f,marginTop:x})=>{const[_,g]=o(""),[C]=c();a((()=>{C.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=l().getChildren().map((e=>e.getTextContent())).join("\n\n");g(e)}))}))}),[C]);const j=u(),v=n((e=>new Intl.NumberFormat(j.locale()).format(e)),[j]),[L,b]=o(p),T=i((()=>{const e=p-(_?_.length:0);return e>=0?e:0}),[_,p]),$=d((e=>{b(e||0)}),2e3);return a((()=>{$(T)}),[T,$]),e(r,{children:[t(m,{"data-role":`${f}-character-limit`,marginTop:null!=x?x:"var(--spacing050)","aria-hidden":"true",children:j.textEditor.characterCounter(v(T))}),t(s,{"data-role":`${f}-hidden-live-character-counter`,id:`${f}-hidden-live-character-counter`,"aria-live":h?"polite":"off",children:j.textEditor.characterCounter(v(L))})]})};export{h as default};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as a,useCallback as i,useMemo as n}from"react";import{useLexicalComposerContext as c}from"@lexical/react/LexicalComposerContext";import{$getRoot as l}from"lexical";import{StyledCharacterCounter as s,VisuallyHiddenCharacterCounter as m}from"./character-counter.style.js";import d from"../../../../../hooks/__internal__/useDebounce/useDebounce.js";import u from"../../../../../hooks/__internal__/useLocale/useLocale.js";const h=({isFocused:h,maxChars:p,namespace:f,size:x})=>{const[_,C]=o(""),[j]=c();a((()=>{j.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=l().getChildren().map((e=>e.getTextContent())).join("\n\n");C(e)}))}))}),[j]);const g=u(),L=i((e=>new Intl.NumberFormat(g.locale()).format(e)),[g]),[b,v]=o(p),$=n((()=>{const e=p-(_?_.length:0);return e>=0?e:0}),[_,p]),k=d((e=>{v(e||0)}),2e3);return a((()=>{k($)}),[$,k]),e(r,{children:[t(s,{"data-role":`${f}-character-limit`,"aria-hidden":"true",size:x,children:g.textEditor.characterCounter(L($))}),t(m,{"data-role":`${f}-hidden-live-character-counter`,id:`${f}-hidden-live-character-counter`,"aria-live":h?"polite":"off",children:g.textEditor.characterCounter(L(b))})]})};export{h as default};

package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledCharacterCounter: import("styled-components").StyledComponent<"div", any, {
-    marginTop: string;
+    size: "small" | "medium" | "large";
 }, never>;
 export declare const VisuallyHiddenCharacterCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
 export default StyledCharacterCounter;

package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js

@@ -1 +1 @@
-import t from"styled-components";import o from"../../../../../style/utils/visually-hidden.js";const e=t.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"carbon_v161_7_1__sc-3c2ae7c7-0"})(["text-align:left;font-size:var(--fontSizes100);margin-top:",";margin-bottom:var(--spacing050);color:var(--colorsUtilityYin055);"],(({marginTop:t})=>t)),a=t.div.withConfig({displayName:"character-counter.style__VisuallyHiddenCharacterCounter",componentId:"carbon_v161_7_1__sc-3c2ae7c7-1"})(['::after{content:" ";}',""],o);export{e as StyledCharacterCounter,a as VisuallyHiddenCharacterCounter,e as default};
+import t,{css as a}from"styled-components";import o from"../../../../../style/utils/visually-hidden.js";const r={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},e=t.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"carbon_v161_7_3__sc-12917643-0"})(["",""],(({size:t})=>a(["font:",";color:var(--input-typical-txt-alt);"],r[t]))),l=t.div.withConfig({displayName:"character-counter.style__VisuallyHiddenCharacterCounter",componentId:"carbon_v161_7_3__sc-12917643-1"})(['::after{content:" ";}',""],o);export{e as StyledCharacterCounter,l as VisuallyHiddenCharacterCounter,e as default};

package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{ContentEditable as o}from"@lexical/react/LexicalContentEditable";import{forwardRef as i}from"react";import r from"./content-editor.style.js";import"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"@lexical/headless";import"@lexical/html";import"lexical";import"@lexical/code";import"@lexical/list";import"@lexical/react/LexicalHorizontalRuleNode";import"@lexical/rich-text";import"../../../text-editor.context.js";import n from"../../__plugins__/useCursorAtEnd/index.js";import"../CharacterCounter/character-counter.style.js";import"lodash/debounce";import"../../../../../__internal__/i18n-context/index.js";import a from"../LinkPreviewer/link-previewer.component.js";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"../Mentions/constants.js";import"../Mentions/mentions.style.js";import"../../../../tooltip/tooltip.component.js";import"../../../../portrait/portrait.style.js";import"../../../../../style/utils/filter-styled-system-padding-props.js";import"../Placeholder/placeholder.style.js";import"@lexical/utils";import"../Toolbar/toolbar.style.js";import"../../../../button/button.component.js";import"../../../../box/box.component.js";import"../Toolbar/buttons/typography-dropdown/dropdown.style.js";import"../../../../icon/icon.component.js";import"../Toolbar/button-group/button-group.style.js";import"../../../../../__internal__/input/input.style.js";import"../../../../select/__internal__/select-textbox/__internal__/select-textbox.context.js";import"../../../../../__internal__/validation-message/__next__/validation-message.style.js";import"../../../../../__internal__/error-border/error-border.style.js";import"../../../../textbox/__internal__/__next__/text-input.style.js";import"../../../../../__internal__/hint-text/hint-text.style.js";import"../../../../../__internal__/label/label.style.js";import"../../../../tabs/__next__/tabs.style.js";import"../../../../fieldset/__internal__/fieldset.context.js";import"../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import"invariant";import"../../../../../__internal__/validations/validation-icon.style.js";import"../../../../../__internal__/character-count/character-count.style.js";import"../../../../dialog/dialog.component.js";import"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";const l=i((({inputHint:i,namespace:l,previews:s=[],rows:p,readOnly:m,required:c,error:d,warning:_,validationMessagePositionTop:u,size:x="medium",id:j},b)=>{const y=n(),g=d||_?`${l}-validation-message`:"",v=i?`${l}-input-hint`:"",f=(u?`${g} ${v}`:`${v} ${g}`).trim();return t(r,{"data-role":`${l}-content-editable`,error:d,warning:_,namespace:l,rows:p,readOnly:m,size:x,children:[e(o,{id:j,ref:b,"aria-describedby":f,"aria-labelledby":`${l}-label`,"aria-required":c,"aria-invalid":d,className:`${l}-editable`,"data-role":`${l}-editable`,onBlur:t=>{var e;if(null===(e=t.relatedTarget)||void 0===e?void 0:e.classList.contains("toolbar-button")){var o;const e=null===(o=t.relatedTarget)||void 0===o?void 0:o.id;if(e){const t=document.querySelector(`[id="${e}"]`);t&&t.focus()}}},onFocus:t=>{t.relatedTarget&&t.relatedTarget.classList.contains("toolbar-button")||y(t)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e(a,{previews:s})]})}));export{l as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{ContentEditable as i}from"@lexical/react/LexicalContentEditable";import{forwardRef as r}from"react";import a from"./content-editor.style.js";import"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"@lexical/headless";import"@lexical/html";import"lexical";import"@lexical/code";import"@lexical/list";import"@lexical/react/LexicalHorizontalRuleNode";import"@lexical/rich-text";import"../../../text-editor.context.js";import o from"../../__plugins__/useCursorAtEnd/index.js";const l=r((({inputHint:r,namespace:l,previews:n=[],rows:s,readOnly:c,required:d,error:m,warning:p,validationMessagePositionTop:u,size:x="medium",id:b,hasFooter:v},$)=>{const f=o(),g=m||p?`${l}-validation-message`:"",_=r?`${l}-input-hint`:"",h=(u?`${g} ${_}`:`${_} ${g}`).trim();return e(a,{"data-role":`${l}-content-editable`,error:m,warning:p,namespace:l,rows:s,readOnly:c,size:x,hasFooter:v,children:[t(i,{id:b,ref:$,"aria-describedby":h,"aria-labelledby":`${l}-label`,"aria-required":d,"aria-invalid":m,className:`${l}-editable`,"data-role":`${l}-editable`,onBlur:e=>{var t;if(null===(t=e.relatedTarget)||void 0===t?void 0:t.classList.contains("toolbar-button")){var i;const t=null===(i=e.relatedTarget)||void 0===i?void 0:i.id;if(t){const e=document.querySelector(`[id="${t}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")||f(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),n]})}));export{l as default};

package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.d.ts

@@ -3,7 +3,7 @@ interface StyledContentEditableProps extends ContentEditorProps {
     readOnly?: boolean;
     size: "small" | "medium" | "large";
     showBorders?: boolean;
-    useBackgroundColor?: boolean;
+    hasFooter?: boolean;
 }
 declare const StyledContentEditable: import("styled-components").StyledComponent<"div", any, StyledContentEditableProps, never>;
 export default StyledContentEditable;

package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js

@@ -1 +1 @@
-import r,{css as o}from"styled-components";import{getPaddingForSize as t}from"../Toolbar/toolbar.style.js";import e from"../../../../../style/utils/add-focus-styling.js";const d=r.div.withConfig({displayName:"content-editor.style__StyledContentEditable",componentId:"carbon_v161_7_1__sc-4bbd6126-0"})(["",""],(({useBackgroundColor:r,error:d,namespace:i,rows:a,readOnly:s,size:b})=>o([""," .","-editable{min-height:","px;background-color:var(--colorsUtilityYang100);"," margin-bottom:-4px;padding:",";border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);"," &:focus{","}& > p:first-of-type{margin:0;}& > p{line-height:var(--lineHeights500);}"],s&&o(["padding:",";"," border-radius:8px;p:first-of-type{margin:0;}"],t(b),r&&o(["background-color:#f3f3f3;"])),i,a&&a>2?21*a:210,s&&o(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"]),t(b),d&&o(["box-shadow:inset 0 0 0 2px var(--colorsSemanticNegative500);border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);border-top-left-radius:0;border-top-right-radius:0;"]),e(!1))));export{d as default};
+import a,{css as r}from"styled-components";import o from"../../../../../style/utils/add-focus-styling.js";const e={small:{padding:"var(--global-space-comp-s)"},medium:{padding:"var(--global-space-comp-m)"},large:{padding:"var(--global-space-comp-l)"}},d=a.div.withConfig({displayName:"content-editor.style__StyledContentEditable",componentId:"carbon_v161_7_3__sc-ee83d3f6-0"})(["",""],(({error:a,namespace:d,rows:i,readOnly:t,size:l,hasFooter:n})=>r([""," .","-editable{min-height:","px;"," padding:",";"," "," &:focus{","}& > p:first-of-type{margin:0;}& > p{line-height:150%;}}"],t&&r(["padding:",";p:first-of-type{margin:0;}"],e[l].padding),d,i&&i>2?21*i:210,t&&r(["border-radius:var(--global-radius-container-m);"]),e[l].padding,!n&&r(["border-bottom-right-radius:var(--global-radius-container-m);border-bottom-left-radius:var(--global-radius-container-m);"]),a&&r(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),o())));export{d as default};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions-typeahead-menu-item.component.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
 import MentionTypeaheadOption from "./mention-typeahead-option.class";
-export declare const MentionsTypeaheadMenuItem: ({ index, isSelected, onClick, onMouseEnter, option, currentQueryString, ...rest }: {
+export declare const MentionsTypeaheadMenuItem: ({ index, isSelected, onClick, onMouseEnter, option, currentQueryString, size, ...rest }: {
     index: number;
     isSelected: boolean;
     onClick: () => void;
     onMouseEnter: () => void;
     option: MentionTypeaheadOption;
     currentQueryString?: string;
+    size?: "small" | "medium" | "large";
 }) => React.JSX.Element;
 export default MentionsTypeaheadMenuItem;

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions-typeahead-menu-item.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import{MentionsListItem as r}from"./mentions.style.js";import{Portrait as n}from"../../../../portrait/portrait.component.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=({text:r,query:n})=>{if(!n)return t("span",{children:r});const o=r.toLowerCase(),i=n.toLowerCase(),c=o.indexOf(i);if(-1===c)return t("span",{children:r});const l=r.slice(0,c),s=r.slice(c,c+n.length),a=r.slice(c+n.length);return e("span",{className:"text",children:[l,t("strong",{children:s}),a]})},c=c=>{var l,s,{index:a,isSelected:p,onClick:u,onMouseEnter:f,option:y,currentQueryString:b}=c,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["index","isSelected","onClick","onMouseEnter","option","currentQueryString"]);return e(r,(l=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({tabIndex:-1,className:"item mentions-list-item"+(p?" selected":""),ref:y.setRefElement,role:"option","aria-selected":p,id:`typeahead-item-${a}`,onMouseEnter:f,onClick:u,onKeyDown:u,"aria-label":y.name},O),s=null!=(s={children:[t(n,{initials:y.initials,src:y.src,iconType:y.iconType||"individual",size:"XS",shape:"circle"}),t(i,{text:y.name,query:b})]})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(s)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(s)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(s,e))})),l),y.id)};export{c as MentionsTypeaheadMenuItem,c as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import{MentionsListItem as r}from"./mentions.style.js";import{Portrait as n}from"../../../../portrait/portrait.component.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=({text:r,query:n})=>{if(!n)return t("span",{children:r});const o=r.toLowerCase(),i=n.toLowerCase(),c=o.indexOf(i);if(-1===c)return t("span",{children:r});const s=r.slice(0,c),l=r.slice(c,c+n.length),a=r.slice(c+n.length);return e("span",{className:"text",children:[s,t("strong",{children:l}),a]})},c=c=>{var s,l,{index:a,isSelected:u,onClick:p,onMouseEnter:f,option:y,currentQueryString:b,size:O="medium"}=c,m=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["index","isSelected","onClick","onMouseEnter","option","currentQueryString","size"]);return e(r,(s=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({tabIndex:-1,className:"item mentions-list-item"+(u?" selected":""),ref:y.setRefElement,role:"option","aria-selected":u,id:`typeahead-item-${a}`,onMouseEnter:f,onClick:p,onKeyDown:p,"aria-label":y.name,$size:O},m),l=null!=(l={children:[t(n,{initials:y.initials,src:y.src,iconType:y.iconType||"individual",size:"XS",shape:"circle"}),t(i,{text:y.name,query:b})]})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(l)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(l)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(l,e))})),s),y.id)};export{c as MentionsTypeaheadMenuItem,c as default};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{LexicalTypeaheadMenuPlugin as n}from"@lexical/react/LexicalTypeaheadMenuPlugin";import{$isTextNode as o,$createTextNode as r,KEY_BACKSPACE_COMMAND as i,$getSelection as l,$isRangeSelection as s,TextNode as a,COMMAND_PRIORITY_LOW as m}from"lexical";import{useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"react-dom";import{SUGGESTION_LIST_LENGTH_LIMIT as g}from"./constants.js";import{getPossibleQueryMatch as x}from"./helpers.js";import{MentionsTypeaheadMenuItem as h}from"./mentions-typeahead-menu-item.component.js";import{MentionTypeaheadOption as v}from"./mention-typeahead-option.class.js";import{$createMentionNode as C,$isMentionNode as _}from"../../__nodes__/mention.node.js";import j from"../../../../../hooks/__internal__/useLocale/useLocale.js";import{TypeaheadPopover as b,MentionsList as y}from"./mentions.style.js";import{usePluginContext as L}from"../../__providers__/plugin-provider.js";const A=({namespace:A,searchOptions:O})=>{const[T]=t(),[$,w]=c(null),S=p((()=>$?O.filter((e=>e.name.toLowerCase().includes($.toLowerCase()))):[]),[$,O]),k=j(),I=p((()=>S.map((e=>new v(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,g)),[S]),N=d(((e,t,n)=>{T.update((()=>{const i=C(`@${e.name}`);t&&t.replace(i);const l=i.getNextSibling();if(o(l)&&l.getTextContent().startsWith(" "))l.select(1,1);else{const e=r(" ");i.insertAfter(e),e.select()}n()}))}),[T]);u((()=>T.registerCommand(i,(()=>{const e=l();if(!s(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(_(n)){const e=new a(n.getTextContent());return n.replace(e),!0}return!1}),m)),[T]);const{getParentRef:P}=L(),R=P(),E=null==R?void 0:R.getBoundingClientRect();var F;const M=null!==(F=null==E?void 0:E.left)&&void 0!==F?F:0;var Q;const B=null!==(Q=null==E?void 0:E.top)&&void 0!==Q?Q:0;return e(n,{onQueryChange:w,onSelectOption:N,triggerFn:e=>x(e),options:I,parent:R,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:o,setHighlightedIndex:r})=>{const i=t.current;return i&&0!==S.length?(i.setAttribute("aria-label",k.textEditor.mentions.listAriaLabel()),f.createPortal(e(b,{className:"carbon-portal-mentions",id:`${A}-mentions-menu`,parentOffsetLeft:M,parentOffsetTop:B,children:e(y,{"data-role":"mention-list",id:`${A}-mention-list`,role:"group",tabIndex:0,children:I.map(((t,i)=>{var l,s;const a=null!==(s=null!==(l=t.key)&&void 0!==l?l:t.id)&&void 0!==s?s:`${A}-${i}`;return e(h,{index:i,isSelected:n===i,onClick:()=>{r(i),o(t)},onMouseEnter:()=>{r(i)},option:t,currentQueryString:null!=$?$:void 0},a)}))})}),i)):(null==i||i.removeAttribute("aria-label"),null)}})};export{A as MentionsPlugin,A as default};
+import{jsx as e}from"react/jsx-runtime";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{LexicalTypeaheadMenuPlugin as n}from"@lexical/react/LexicalTypeaheadMenuPlugin";import{$isTextNode as o,$createTextNode as r,KEY_BACKSPACE_COMMAND as i,$getSelection as l,$isRangeSelection as s,TextNode as a,COMMAND_PRIORITY_LOW as m}from"lexical";import{useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"react-dom";import{SUGGESTION_LIST_LENGTH_LIMIT as g}from"./constants.js";import{getPossibleQueryMatch as x}from"./helpers.js";import{MentionsTypeaheadMenuItem as h}from"./mentions-typeahead-menu-item.component.js";import{MentionTypeaheadOption as v}from"./mention-typeahead-option.class.js";import{$createMentionNode as C,$isMentionNode as _}from"../../__nodes__/mention.node.js";import j from"../../../../../hooks/__internal__/useLocale/useLocale.js";import{TypeaheadPopover as b,MentionsList as y}from"./mentions.style.js";import{usePluginContext as L}from"../../__providers__/plugin-provider.js";const $=({namespace:$,searchOptions:A})=>{const[O]=t(),[T,w]=c(null),S=p((()=>T?A.filter((e=>e.name.toLowerCase().includes(T.toLowerCase()))):[]),[T,A]),k=j(),z=p((()=>S.map((e=>new v(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,g)),[S]),I=d(((e,t,n)=>{O.update((()=>{const i=C(`@${e.name}`);t&&t.replace(i);const l=i.getNextSibling();if(o(l)&&l.getTextContent().startsWith(" "))l.select(1,1);else{const e=r(" ");i.insertAfter(e),e.select()}n()}))}),[O]);u((()=>O.registerCommand(i,(()=>{const e=l();if(!s(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(_(n)){const e=new a(n.getTextContent());return n.replace(e),!0}return!1}),m)),[O]);const{getParentRef:N,size:P="medium"}=L(),R=N(),E=null==R?void 0:R.getBoundingClientRect();var F;const M=null!==(F=null==E?void 0:E.left)&&void 0!==F?F:0;var Q;const B=null!==(Q=null==E?void 0:E.top)&&void 0!==Q?Q:0;return e(n,{onQueryChange:w,onSelectOption:I,triggerFn:e=>x(e),options:z,parent:R,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:o,setHighlightedIndex:r})=>{const i=t.current;return i&&0!==S.length?(i.setAttribute("aria-label",k.textEditor.mentions.listAriaLabel()),f.createPortal(e(b,{className:"carbon-portal-mentions",id:`${$}-mentions-menu`,parentOffsetLeft:M,parentOffsetTop:B,children:e(y,{"data-role":"mention-list",id:`${$}-mention-list`,role:"group",tabIndex:0,$size:P,children:z.map(((t,i)=>{var l,s;const a=null!==(s=null!==(l=t.key)&&void 0!==l?l:t.id)&&void 0!==s?s:`${$}-${i}`;return e(h,{index:i,isSelected:n===i,onClick:()=>{r(i),o(t)},onMouseEnter:()=>{r(i)},option:t,currentQueryString:null!=T?T:void 0,size:P},a)}))})}),i)):(null==i||i.removeAttribute("aria-label"),null)}})};export{$ as MentionsPlugin,$ as default};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.d.ts

@@ -2,5 +2,9 @@ export declare const TypeaheadPopover: import("styled-components").StyledCompone
     parentOffsetLeft: number;
     parentOffsetTop: number;
 }, never>;
-export declare const MentionsList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const MentionsListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+interface MentionsListProps {
+    $size: "small" | "medium" | "large";
+}
+export declare const MentionsList: import("styled-components").StyledComponent<"ul", any, MentionsListProps, never>;
+export declare const MentionsListItem: import("styled-components").StyledComponent<"li", any, MentionsListProps, never>;
+export {};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js

@@ -1 +1 @@
-import o from"styled-components";const e=o.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"carbon_v161_7_1__sc-17cb70da-0"})(["background:var(--popover-bg-default);box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-action-m);position:relative;top:","px;left:","px;width:250px;"],(({parentOffsetTop:o})=>-o),(({parentOffsetLeft:o})=>-o)),r=o.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"carbon_v161_7_1__sc-17cb70da-1"})(["padding:var(--global-space-comp-s) 0;list-style:none;margin:0;border-radius:var(--global-radius-container-m);max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"]),a=o.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"carbon_v161_7_1__sc-17cb70da-2"})(['padding:var(--global-space-comp-s) var(--global-space-comp-xl);color:var(--input-dropdown-label-default);cursor:pointer;font:var(--global-font-static-comp-regular-m);display:flex;align-content:center;flex-direction:row;flex-shrink:0;background-color:var(--popover-bg-default);border-radius:0;border:0;&:hover{color:var(--popover-label-hover);border-radius:0;}}&.selected{background:var(--popover-bg-hover);color:var(--popover-label-hover);}.text{display:flex;font:var(--global-font-static-comp-regular-m);flex-grow:1;min-width:150px;margin-left:var(--global-space-comp-xs);align-items:center;margin-top:-1px;white-space:pre;}div[data-component="portrait"]{color:var(--input-dropdown-label-default);font:var(--profile-font-initials-xs);min-width:var(--profile-size-outside-xs);height:var(--profile-size-outside-xs);overflow:hidden;border-radius:var(--global-radius-container-circle);border:var(--global-borderwidth-xs) solid var(--profile-border-default);display:inline-block;[data-element="initials"],[data-component="icon"]{color:var(--input-dropdown-label-default);}}']);export{r as MentionsList,a as MentionsListItem,e as TypeaheadPopover};
+import o,{css as a}from"styled-components";const e=o.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"carbon_v161_7_3__sc-742f32ff-0"})(["background:var(--popover-bg-default);box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-action-m);position:relative;top:","px;left:","px;width:250px;"],(({parentOffsetTop:o})=>-o),(({parentOffsetLeft:o})=>-o)),l={small:{listPadding:"var(--global-space-comp-xs) 0",listItemFont:"var(--global-font-static-comp-regular-s)",listItemPadding:"var(--global-space-comp-xs) var(--global-space-comp-m) var(--global-space-comp-xs) var(--global-size-2-xs)",listItemMinHeight:"var(--global-size-s)",textMarginLeft:"var(--global-space-comp-2-xs)"},medium:{listPadding:"var(--global-space-comp-s) 0",listItemFont:"var(--global-font-static-comp-regular-m)",listItemPadding:"var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-m)",textMarginLeft:"var(--global-space-comp-xs)"},large:{listPadding:"var(--global-space-comp-m) 0",listItemFont:"var(--global-font-static-comp-regular-l)",listItemPadding:"var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-l)",textMarginLeft:"var(--global-space-comp-xs)"}},t=o.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"carbon_v161_7_3__sc-742f32ff-1"})(["padding:",";list-style:none;margin:0;border-radius:var(--global-radius-container-m);max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"],(({$size:o})=>l[o].listPadding)),i=o.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"carbon_v161_7_3__sc-742f32ff-2"})(["",";"],(({$size:o})=>a(["box-sizing:border-box;padding:",";min-height:",";color:var(--input-dropdown-label-default);cursor:pointer;font:",";display:flex;align-items:center;flex-direction:row;background-color:var(--popover-bg-default);&:hover{color:var(--popover-label-hover);}&.selected{background:var(--popover-bg-hover);color:var(--popover-label-hover);}.text{display:flex;flex-grow:1;min-width:150px;margin-left:",';align-items:center;white-space:pre;}div[data-component="portrait"]{color:var(--input-dropdown-label-default);font:var(--profile-font-initials-xs);min-width:var(--profile-size-outside-xs);height:var(--profile-size-outside-xs);overflow:hidden;border-radius:var(--global-radius-container-circle);border:none;box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--profile-border-default);display:inline-block;[data-element="initials"],[data-component="icon"]{color:var(--input-dropdown-label-default);}}'],l[o].listItemPadding,l[o].listItemMinHeight,l[o].listItemFont,l[o].textMarginLeft)));export{t as MentionsList,i as MentionsListItem,e as TypeaheadPopover};

package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js

@@ -1 +1 @@
-import o from"styled-components";const e=o.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"carbon_v161_7_1__sc-29573a53-0"})(["pointer-events:none;position:absolute;top:12px;color:var(--colorsUtilityYin055);left:14px;user-select:none;"]);export{e as default};
+import e from"styled-components";const t=e.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"carbon_v161_7_3__sc-ebc3eff5-0"})(["pointer-events:none;position:absolute;top:12px;color:var(--input-typical-txt-alt);left:14px;user-select:none;"]);export{t as default};

package/esm/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.d.ts

@@ -1,6 +1,4 @@
 import React from "react";
 import { TextEditorProps } from "../../__utils__/interfaces.types";
-declare const ReadOnlyEditor: ({ "aria-label": ariaLabel, initialValue, namespace, size, useBackgroundColor, }: Partial<TextEditorProps> & {
-    useBackgroundColor?: boolean;
-}) => React.JSX.Element;
+declare const ReadOnlyEditor: ({ "aria-label": ariaLabel, initialValue, namespace, size, }: Partial<TextEditorProps>) => React.JSX.Element;
 export default ReadOnlyEditor;

package/esm/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ContentEditable as i}from"@lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as o}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as a}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as l}from"@lexical/react/LexicalLinkPlugin";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{validateUrl as c,createFromHTML as m}from"../../__utils__/helpers.js";import{useMemo as s}from"react";import{getTheme as p}from"../../__utils__/theme.js";import{MARKDOWN_NODES as u}from"../../__utils__/constants.js";import d from"../../../../../__internal__/utils/logger/index.js";import x from"../ContentEditor/content-editor.style.js";import _ from"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"../../../text-editor.context.js";import"lexical";import"../../__plugins__/useCursorAtEnd/index.js";const f=e=>{let r;if(!e)return m("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return m(e);const r=`<p><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return m(r)}return e},g=({"aria-label":m,initialValue:g,namespace:C="carbon-rte-readonly",size:L="medium",useBackgroundColor:b=!0})=>{const h=s((()=>({namespace:C,nodes:u,onError:e=>d.error(e.message),theme:p(),editorState:f(g),editable:!1})),[C,g]);return e(x,{namespace:C,readOnly:!0,size:L,useBackgroundColor:b,children:r(t,{initialConfig:h,children:[e(a,{contentEditable:e(i,{"aria-label":m,"data-role":`${C}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0,role:"article"}),ErrorBoundary:o}),e(l,{validateUrl:c}),e(n,{newTab:!0}),e(_,{})]})})};export{g as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ContentEditable as i}from"@lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as a}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as o}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as l}from"@lexical/react/LexicalLinkPlugin";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{validateUrl as c,createFromHTML as m}from"../../__utils__/helpers.js";import{useMemo as s}from"react";import{getTheme as p}from"../../__utils__/theme.js";import{MARKDOWN_NODES as d}from"../../__utils__/constants.js";import u from"../../../../../__internal__/utils/logger/index.js";import x from"../ContentEditor/content-editor.style.js";import _ from"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"../../../text-editor.context.js";import"lexical";import"../../__plugins__/useCursorAtEnd/index.js";const f=e=>{let r;if(!e)return m("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return m(e);const r=`<p><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return m(r)}return e},g=({"aria-label":m,initialValue:g,namespace:L="carbon-rte-readonly",size:b="medium"})=>{const h=s((()=>({namespace:L,nodes:d,onError:e=>u.error(e.message),theme:p(),editorState:f(g),editable:!1})),[L,g]);return e(x,{namespace:L,readOnly:!0,size:b,children:r(t,{initialConfig:h,children:[e(o,{contentEditable:e(i,{"aria-label":m,"data-role":`${L}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0,role:"article"}),ErrorBoundary:a}),e(l,{validateUrl:c}),e(n,{newTab:!0}),e(_,{})]})})};export{g as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js

@@ -1 +1 @@
-import o from"styled-components";const t=o.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"carbon_v161_7_1__sc-2d3568eb-0"})(["display:flex;flex-direction:row;gap:8px;align-items:center;.button-group-divider{width:1px;background-color:var(--colorsUtilityMajor100);margin:0 8px;min-height:32px;}"]);export{t as default};
+import o from"styled-components";const e=o.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"carbon_v161_7_3__sc-9b30eeea-0"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;.button-group-divider{width:1px;background-color:var(--container-standard-border-default);min-height:var(--global-size-s);}"]);export{e as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/bold.component.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useLexicalComposerContext as o}from"@lexical/react/LexicalComposerContext";import{FORMAT_TEXT_COMMAND as e}from"lexical";import r from"react";import{FormattingButton as a}from"../toolbar.style.js";import i from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as s}from"../../../__utils__/constants.js";const l=r.forwardRef((({isActive:r,isFirstButton:l=!1,namespace:n,size:m},c)=>{const[p]=o(),d=i();return t(a,{size:m,"aria-label":d.textEditor.boldAria(),onClick:()=>{p.isEditable()&&p.dispatchCommand(e,s.Bold)},iconType:"bold",onMouseDown:t=>t.preventDefault(),buttonType:r?"primary":"tertiary",isActive:r,"aria-pressed":r,id:`${n}-bold-button`,"data-role":`${n}-bold-button`,tabIndex:l?0:-1,className:"toolbar-button",ref:c})}));export{l as default};
+import{jsx as t}from"react/jsx-runtime";import{useLexicalComposerContext as o}from"@lexical/react/LexicalComposerContext";import{FORMAT_TEXT_COMMAND as e}from"lexical";import r from"react";import{FormattingButton as a}from"../toolbar.style.js";import i from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as s}from"../../../__utils__/constants.js";const l=r.forwardRef((({isActive:r,isFirstButton:l=!1,namespace:m,size:n="medium"},c)=>{const[d]=o(),p=i();return t(a,{size:n,"aria-label":p.textEditor.boldAria(),onClick:()=>{d.isEditable()&&d.dispatchCommand(e,s.Bold)},iconType:"bold",onMouseDown:t=>t.preventDefault(),buttonType:r?"primary":"tertiary",isActive:r,"aria-pressed":r,id:`${m}-bold-button`,"data-role":`${m}-bold-button`,tabIndex:l?0:-1,className:"toolbar-button",ref:c})}));export{l as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/italic.component.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useLexicalComposerContext as o}from"@lexical/react/LexicalComposerContext";import{FORMAT_TEXT_COMMAND as i}from"lexical";import e from"react";import{FormattingButton as r}from"../toolbar.style.js";import a from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as s}from"../../../__utils__/constants.js";const l=e.forwardRef((({isActive:e,isFirstButton:l=!1,namespace:c,size:n},m)=>{const[p]=o(),u=a();return t(r,{size:n,"aria-label":u.textEditor.italicAria(),onClick:()=>{p.isEditable()&&p.dispatchCommand(i,s.Italic)},onMouseDown:t=>t.preventDefault(),iconType:"italic",buttonType:e?"primary":"tertiary",isActive:e,"aria-pressed":e,"data-role":`${c}-italic-button`,id:`${c}-italic-button`,tabIndex:l?0:-1,className:"toolbar-button",ref:m})}));export{l as default};
+import{jsx as t}from"react/jsx-runtime";import{useLexicalComposerContext as i}from"@lexical/react/LexicalComposerContext";import{FORMAT_TEXT_COMMAND as o}from"lexical";import e from"react";import{FormattingButton as r}from"../toolbar.style.js";import a from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as s}from"../../../__utils__/constants.js";const l=e.forwardRef((({isActive:e,isFirstButton:l=!1,namespace:c,size:m="medium"},n)=>{const[p]=i(),u=a();return t(r,{size:m,"aria-label":u.textEditor.italicAria(),onClick:()=>{p.isEditable()&&p.dispatchCommand(o,s.Italic)},onMouseDown:t=>t.preventDefault(),iconType:"italic",buttonType:e?"primary":"tertiary",isActive:e,"aria-pressed":e,"data-role":`${c}-italic-button`,id:`${c}-italic-button`,tabIndex:l?0:-1,className:"toolbar-button",ref:n})}));export{l as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as r,useMemo as t,useEffect as o}from"react";import{StyledButton as l,StyledMenu as a,StyledMenuItem as i}from"./dropdown.style.js";import{Box as u}from"../../../../../../box/box.component.js";import d from"../../../../../../icon/icon.component.js";import c from"../../../../../../../hooks/__internal__/useLocale/useLocale.js";const s=({namespace:s,onChange:p,options:m,value:v,isFirstButton:h=!1,isOpen:y,setIsOpen:f,focusedIndex:b,setFocusedIndex:g,size:x="medium"})=>{var k,w;const D=c(),E=r(null),_=r(null),j=`${s}-typography-menu`,I=t((()=>{const e=m.find((e=>e.id===v));if(!e)return D.textEditor.typography.paragraph();const n=e.id;return D.textEditor.typography[n]()}),[D,m,v]);o((()=>{const e=e=>{E.current&&_.current&&!E.current.contains(e.target)&&!_.current.contains(e.target)&&(null==f||f(!1),null==g||g(-1))};return y&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[y,g,f]),o((()=>{var e;y&&b>=0&&_.current&&(null===(e=_.current.querySelectorAll('[role="option"]')[b])||void 0===e||e.focus())}),[y,b]);const $=e=>{switch(e.key){case"Enter":case" ":if(!y){e.preventDefault(),null==f||f(!0),null==g||g(0);break}var n,r;b>=0&&(e.preventDefault(),null===(n=m[b])||void 0===n||n.onClick(),null==f||f(!1),null==g||g(-1),null===(r=E.current)||void 0===r||r.focus());break;case"ArrowDown":e.preventDefault(),y?null==g||g(b<m.length-1?b+1:0):(null==f||f(!0),null==g||g(0));break;case"ArrowUp":e.preventDefault(),y?null==g||g(b>0?b-1:m.length-1):(null==f||f(!0),null==g||g(m.length-1));break;case"Home":e.preventDefault(),y&&(null==g||g(0));break;case"End":e.preventDefault(),y&&(null==g||g(m.length-1));break;case"Escape":var t;y&&(e.preventDefault(),null==f||f(!1),null==g||g(-1),null===(t=E.current)||void 0===t||t.focus());break;case"Tab":y&&(null==f||f(!1),null==g||g(-1))}};return e(u,{position:"relative",display:"inline-block",minWidth:"150px",marginRight:"spacing05",children:[e(l,{ref:E,type:"button",role:"combobox","aria-haspopup":"listbox",menuOpen:y,"aria-activedescendant":null===(k=m[b])||void 0===k?void 0:k.id,"aria-controls":y?j:void 0,"aria-expanded":y,"aria-label":D.textEditor.typography.selectAria(),onKeyDown:$,onClick:()=>{null==f||f(!y)},className:"toolbar-button",tabIndex:h?0:-1,"data-role":`${s}-typography-dropdown`,id:`${s}-typography-dropdown`,size:x,children:[I," ",n("span",{"aria-hidden":"true",children:n(d,{type:y?"caret_up":"caret_down"})})]}),y&&n(a,{ref:_,role:"listbox",id:j,"aria-labelledby":null===(w=E.current)||void 0===w?void 0:w.id,onKeyDown:$,size:x,"aria-expanded":y,children:m.map((e=>{var r;const t=e.id,o=D.textEditor.typography[t]();return n(i,{id:e.id,role:"option","data-role":`${s}-typography-option-${e.id}`,tabIndex:-1,onMouseDown:n=>{n.preventDefault(),(e=>{e.onClick(),null==f||f(!1),null==g||g(-1),null==p||p(e.id)})(e)},isFocused:(null===(r=m[b])||void 0===r?void 0:r.id)===e.id,children:o},e.id)}))})]})};export{s as default};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as r,useMemo as o,useEffect as t}from"react";import{StyledButton as l,StyledMenu as a,StyledMenuItem as i}from"./dropdown.style.js";import{Box as u}from"../../../../../../box/box.component.js";import d from"../../../../../../icon/icon.component.js";import p from"../../../../../../../hooks/__internal__/useLocale/useLocale.js";const c=({namespace:c,onChange:s,options:m,value:v,isFirstButton:y=!1,isOpen:b,setIsOpen:f,focusedIndex:h,setFocusedIndex:x,size:g="medium"})=>{var w,k;const D=p(),E=r(null),_=r(null),j=`${c}-typography-menu`,I=o((()=>{const e=m.find((e=>e.id===v));if(!e)return D.textEditor.typography.paragraph();const n=e.id;return D.textEditor.typography[n]()}),[D,m,v]);t((()=>{const e=e=>{E.current&&_.current&&!E.current.contains(e.target)&&!_.current.contains(e.target)&&(null==f||f(!1),null==x||x(-1))};return b&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[b,x,f]),t((()=>{var e;b&&h>=0&&_.current&&(null===(e=_.current.querySelectorAll('[role="option"]')[h])||void 0===e||e.focus())}),[b,h]);const $=e=>{switch(e.key){case"Enter":case" ":if(!b){e.preventDefault(),null==f||f(!0),null==x||x(0);break}var n,r;h>=0&&(e.preventDefault(),null===(n=m[h])||void 0===n||n.onClick(),null==f||f(!1),null==x||x(-1),null===(r=E.current)||void 0===r||r.focus());break;case"ArrowDown":e.preventDefault(),b?null==x||x(h<m.length-1?h+1:0):(null==f||f(!0),null==x||x(0));break;case"ArrowUp":e.preventDefault(),b?null==x||x(h>0?h-1:m.length-1):(null==f||f(!0),null==x||x(m.length-1));break;case"Home":e.preventDefault(),b&&(null==x||x(0));break;case"End":e.preventDefault(),b&&(null==x||x(m.length-1));break;case"Escape":var o;b&&(e.preventDefault(),null==f||f(!1),null==x||x(-1),null===(o=E.current)||void 0===o||o.focus());break;case"Tab":b&&(null==f||f(!1),null==x||x(-1))}};return e(u,{position:"relative",display:"inline-block",minWidth:"large"===g?"180px":"166px","data-role":"toolbar-dropdown-wrapper",children:[e(l,{ref:E,type:"button",role:"combobox","aria-haspopup":"listbox",menuOpen:b,"aria-activedescendant":null===(w=m[h])||void 0===w?void 0:w.id,"aria-controls":b?j:void 0,"aria-expanded":b,"aria-label":D.textEditor.typography.selectAria(),onKeyDown:$,onClick:()=>{null==f||f(!b)},className:"toolbar-button editor-dropdown",tabIndex:y?0:-1,"data-role":`${c}-typography-dropdown`,id:`${c}-typography-dropdown`,size:g,children:[I," ",n("span",{"aria-hidden":"true",children:n(d,{type:b?"caret_up":"caret_down"})})]}),b&&n(a,{ref:_,role:"listbox",id:j,"aria-labelledby":null===(k=E.current)||void 0===k?void 0:k.id,onKeyDown:$,size:g,"aria-expanded":b,children:m.map((e=>{const r=e.id,o=D.textEditor.typography[r]();return n(i,{id:e.id,role:"option","data-role":`${c}-typography-option-${e.id}`,tabIndex:-1,onMouseDown:n=>{n.preventDefault(),(e=>{e.onClick(),null==f||f(!1),null==x||x(-1),null==s||s(e.id)})(e)},size:g,children:o},e.id)}))})]})};export{c as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.d.ts

@@ -8,6 +8,6 @@ type ListProps = {
 export declare const StyledButton: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;
 export declare const StyledMenu: import("styled-components").StyledComponent<"ul", any, ListProps, never>;
 export declare const StyledMenuItem: import("styled-components").StyledComponent<"li", any, {
-    isFocused: boolean;
+    size: "small" | "medium" | "large";
 }, never>;
 export {};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js

@@ -1 +1 @@
-import o,{css as e}from"styled-components";import t from"../../../../../../../style/utils/add-focus-styling.js";const r=o.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"carbon_v161_7_1__sc-658dffa6-0"})(["width:100%;min-height:32px;display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;border-radius:var(--borderRadius100);cursor:pointer;font-size:var(--fontSizes100);font-weight:var(--fontWeights500);height:",";"," &:focus{","}"],(({size:o})=>(o=>{switch(o){case"small":return"32px";case"large":return"48px";default:return"40px"}})(o)),(({menuOpen:o})=>o&&e(["",""],t())),t()),n=o.ul.withConfig({displayName:"dropdown.style__StyledMenu",componentId:"carbon_v161_7_1__sc-658dffa6-1"})(["position:absolute;top:",";left:0;z-index:1;background:white;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.15);list-style:none;margin:0;padding:8px 0;width:100%;max-height:200px;overflow-y:auto;"],(({size:o})=>"small"===o?"38px":"large"===o?"54px":"46px")),i=o.li.withConfig({displayName:"dropdown.style__StyledMenuItem",componentId:"carbon_v161_7_1__sc-658dffa6-2"})(["background:",";cursor:pointer;user-select:none;padding:8px 16px;color:var(--colorsUtilityYin055);&&{&:hover{background:#f0f0f0;color:var(--colorsUtilityYin100);}}&:focus-visible{box-shadow:inset 0px 0px 0px var(--borderWidth300) var(--colorsUtilityYin090);outline:none;background:white;&:hover{background-color:var(--colorsUtilityYang100);}}"],(o=>o.isFocused?"#f0f0f0":"white"));export{r as StyledButton,n as StyledMenu,i as StyledMenuItem};
+import o,{css as t}from"styled-components";import e from"../../../../../../../style/utils/add-focus-styling.js";const a={small:{buttonFont:"var(--global-font-static-comp-medium-s)",buttonHeight:"var(--global-size-s)",dropdownTop:"36px",dropdownPadding:"var(--global-space-comp-xs)",itemHeight:"var(--global-size-s)",itemFont:"var(--global-font-static-comp-regular-s)"},medium:{buttonFont:"var(--global-font-static-comp-medium-m)",buttonHeight:"var(--global-size-m)",dropdownTop:"44px",dropdownPadding:"var(--global-space-comp-s)",itemHeight:"var(--global-size-m)",itemFont:"var(--global-font-static-comp-regular-m)"},large:{buttonFont:"var(--global-font-static-comp-medium-l)",buttonHeight:"var(--global-size-l)",dropdownTop:"52px",dropdownPadding:"var(--global-space-comp-m)",itemHeight:"var(--global-size-l)",itemFont:"var(--global-font-static-comp-regular-l)"}},n=o.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"carbon_v161_7_3__sc-96f98e55-0"})(["",""],(({size:o,menuOpen:n})=>t(["width:100%;height:",";display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;border-radius:var(--global-radius-action-m);cursor:pointer;padding:0 var(--global-space-comp-xs);color:var(--button-typical-toggle-label-default);font:",";"," &:focus{","}"],a[o].buttonHeight,a[o].buttonFont,n&&t(["",""],e()),e()))),l=o.ul.withConfig({displayName:"dropdown.style__StyledMenu",componentId:"carbon_v161_7_3__sc-96f98e55-1"})(["",""],(({size:o})=>t(["position:absolute;top:",";left:0;z-index:1;background:var(--popover-bg-default);border-radius:var(--global-radius-container-m);box-shadow:var(--global-depth-lvl1);list-style:none;margin:0;padding:"," 0;width:100%;overflow-y:auto;"],a[o].dropdownTop,a[o].dropdownPadding))),r=o.li.withConfig({displayName:"dropdown.style__StyledMenuItem",componentId:"carbon_v161_7_3__sc-96f98e55-2"})(["",""],(({size:o})=>t(["display:flex;align-items:center;box-sizing:border-box;min-height:",";padding:"," var(--global-space-comp-xl);cursor:pointer;user-select:none;color:var(--input-dropdown-label-default);font:",";&:hover{background-color:var(--input-dropdown-bg-hover);color:var(--input-dropdown-label-hover);}&:focus-visible{box-shadow:inset 0px 0px 0px var(--global-borderwidth-s) var(--focus-borderalt);outline:none;}"],a[o].itemHeight,a[o].dropdownPadding,a[o].itemFont)));export{n as StyledButton,l as StyledMenu,r as StyledMenuItem};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/underline.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{FORMAT_TEXT_COMMAND as r}from"lexical";import o from"react";import{FormattingButton as i}from"../toolbar.style.js";import a from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as n}from"../../../__utils__/constants.js";const s=o.forwardRef((({isActive:o,isFirstButton:s=!1,namespace:l,size:m},c)=>{const[u]=t(),p=a();return e(i,{size:m,"aria-label":p.textEditor.underlineAria(),onClick:()=>{u.isEditable()&&u.dispatchCommand(r,n.Underline)},iconType:"underline",onMouseDown:e=>e.preventDefault(),buttonType:o?"primary":"tertiary",isActive:o,"aria-pressed":o,"data-role":`${l}-underline-button`,id:`${l}-underline-button`,tabIndex:s?0:-1,className:"toolbar-button",ref:c})}));export{s as default};
+import{jsx as e}from"react/jsx-runtime";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{FORMAT_TEXT_COMMAND as r}from"lexical";import o from"react";import{FormattingButton as i}from"../toolbar.style.js";import a from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as n}from"../../../__utils__/constants.js";const s=o.forwardRef((({isActive:o,isFirstButton:s=!1,namespace:l,size:m="medium"},c)=>{const[u]=t(),d=a();return e(i,{size:m,"aria-label":d.textEditor.underlineAria(),onClick:()=>{u.isEditable()&&u.dispatchCommand(r,n.Underline)},iconType:"underline",onMouseDown:e=>e.preventDefault(),buttonType:o?"primary":"tertiary",isActive:o,"aria-pressed":o,"data-role":`${l}-underline-button`,id:`${l}-underline-button`,tabIndex:s?0:-1,className:"toolbar-button",ref:c})}));export{s as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.d.ts

@@ -1,15 +1,15 @@
-import { ButtonProps } from "../../../../button";
+import { ButtonProps } from "../../../../button/__next__";
 interface FormattingButtonProps extends ButtonProps {
     tabIndex?: number;
     isActive?: boolean;
     onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
-    size?: "small" | "medium" | "large";
+    size: "small" | "medium" | "large";
 }
-export declare const getPaddingForSize: (size?: "small" | "medium" | "large") => "16px" | "12px" | "8px";
-declare const StyledToolbarWrapper: import("styled-components").StyledComponent<"div", any, {
+interface StyledToolbarProps {
     hasHeader?: boolean;
-    size?: "small" | "medium" | "large";
-}, never>;
+    size: "small" | "medium" | "large";
+}
+declare const StyledToolbarWrapper: import("styled-components").StyledComponent<"div", any, StyledToolbarProps, never>;
 declare const StyledToolbar: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const CommandButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const FormattingButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, FormattingButtonProps, never>;

package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js

@@ -1 +1 @@
-import r,{css as o}from"styled-components";import t from"../../../../button/button.component.js";const a=r=>{switch(r){case"small":return"8px";case"large":return"16px";default:return"12px"}},i=r.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v161_7_1__sc-524b490c-0"})(["display:flex;flex-direction:row;gap:8px;background-color:var(--colorsActionMajorYang100);padding:",";border-top-left-radius:",";border-top-right-radius:",";border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid var(--colorsUtilityMajor200);align-items:center;flex-wrap:wrap;"],(r=>a(r.size)),(({hasHeader:r})=>r?"0":"var(--borderRadius100)"),(({hasHeader:r})=>r?"0":"var(--borderRadius100)")),e=r.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v161_7_1__sc-524b490c-1"})(["display:flex;flex-direction:row;gap:8px;background-color:var(--colorsActionMajorYang100);align-items:center;flex-wrap:wrap;"]),n=r.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v161_7_1__sc-524b490c-2"})(["display:flex;flex-direction:row;gap:8px;"]),l=r(t).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"carbon_v161_7_1__sc-524b490c-3"})(["display:inline-flex;justify-content:center;align-items:center;padding:6px;border-radius:var(--borderRadius100);border:medium;cursor:pointer;&:hover{> span{color:var(--colorsUtilityYang100) !important;}}"," "," > span{","}"],(({size:r})=>{switch(r){case"large":return o(["min-width:48px;min-height:48px;"]);case"small":return o(["min-width:32px;min-height:32px;"]);default:return o(["min-width:40px;min-height:40px;"])}}),(({isActive:r})=>o(["background-color:",";"],r?"var(--colorsActionMajor600)":"transparent")),(({isActive:r})=>o(["color:"," !important;"],r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100) ")));export{n as CommandButtons,l as FormattingButton,e as StyledToolbar,i as StyledToolbarWrapper,a as getPaddingForSize};
+import o,{css as a}from"styled-components";import{Button as t}from"../../../../button/__next__/button.component.js";const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},e=o.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v161_7_3__sc-d3bf0194-0"})(["",";display:flex;flex-direction:row;gap:var(--global-space-comp-s);border-bottom:var(--global-borderwidth-xs) solid var(--input-typical-border-default);align-items:center;flex-wrap:wrap;"],(({size:o,hasHeader:t})=>a(["padding:",";",""],l[o].toolbarPadding,t&&a(["padding-top:",";"],l[o].withHeaderPadding)))),r=o.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v161_7_3__sc-d3bf0194-1"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;flex-wrap:wrap;padding:var(--global-space-comp-xs);"]),i=o.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v161_7_3__sc-d3bf0194-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),d=o(t).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"carbon_v161_7_3__sc-d3bf0194-3"})(["border:none;color:var(--button-typical-toggle-label-default);&:hover{background-color:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"," ",""],(({size:o})=>a(["min-width:",";min-height:",";"],l[o].buttonSize,l[o].buttonSize)),(({isActive:o})=>o&&a(["background-color:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"])));export{i as CommandButtons,d as FormattingButton,r as StyledToolbar,e as StyledToolbarWrapper};

package/esm/components/text-editor/__internal__/__ui__/index.d.ts

@@ -1,6 +1,5 @@
 export { default as CharacterCounterPlugin } from "./CharacterCounter";
 export { default as ContentEditor } from "./ContentEditor";
-export { default as LinkPreviewerPlugin } from "./LinkPreviewer";
 export { default as Mentions } from "./Mentions";
 export { default as Placeholder } from "./Placeholder";
 export { default as ToolbarPlugin } from "./Toolbar";

package/esm/components/text-editor/__internal__/__ui__/index.js

@@ -1 +1 @@
-export{default as CharacterCounterPlugin}from"./CharacterCounter/character-counter.component.js";export{default as ContentEditor}from"./ContentEditor/content-editor.component.js";export{default as LinkPreviewerPlugin}from"./LinkPreviewer/link-previewer.component.js";export{MentionsPlugin as Mentions}from"./Mentions/mentions.component.js";export{default as Placeholder}from"./Placeholder/placeholder.component.js";export{default as ToolbarPlugin}from"./Toolbar/toolbar.component.js";
+export{default as CharacterCounterPlugin}from"./CharacterCounter/character-counter.component.js";export{default as ContentEditor}from"./ContentEditor/content-editor.component.js";export{MentionsPlugin as Mentions}from"./Mentions/mentions.component.js";export{default as Placeholder}from"./Placeholder/placeholder.component.js";export{default as ToolbarPlugin}from"./Toolbar/toolbar.component.js";

package/esm/components/text-editor/__internal__/__utils__/interfaces.types.d.ts

@@ -110,6 +110,8 @@ export interface ContentEditorProps {
     size?: "small" | "medium" | "large";
     /** The id attribute */
     id?: string;
+    /** If the editor has a footer */
+    hasFooter?: boolean;
 }
 export interface CharacterCounterPluginProps {
     /** Whether the content editor has focused */
@@ -119,7 +121,7 @@ export interface CharacterCounterPluginProps {
     /** The namespace of the editor that this counter belongs to */
     namespace: string;
     /** The size of the content editor */
-    marginTop?: string;
+    size: "small" | "medium" | "large";
 }
 export interface FocusCommandPayload {
     defaultToEnd: boolean;

package/esm/components/text-editor/text-editor.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as n}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as o}from"@lexical/react/LexicalClickableLinkPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as s}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as c}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as _}from"@lexical/react/LexicalOnChangePlugin";import{PluginProvider as d}from"./__internal__/__providers__/plugin-provider.js";import{$getRoot as m}from"lexical";import{forwardRef as u,useRef as f,useState as g,useContext as h,useImperativeHandle as v,useEffect as b,useMemo as y,useCallback as j}from"react";import x from"../../__internal__/legacy-label/label.component.js";import w from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as P,MARKDOWN_NODES as L}from"./__internal__/__utils__/constants.js";import E from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import C from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import T from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import{FormSubmissionPlugin as S}from"./__internal__/__plugins__/FormSubmission/form-submission.plugin.js";import k from"./text-editor.context.js";import{StyledTextEditorWrapper as M,StyledWrapper as $,StyledEditorToolbarWrapper as F,StyledHeaderWrapper as z,StyledTextEditor as B,StyledFooterWrapper as H}from"./text-editor.style.js";import{createEmpty as q,SerializeLexical as A,validateUrl as R}from"./__internal__/__utils__/helpers.js";import{HintText as D}from"../../__internal__/legacy-hint-text/hint-text.component.js";import I from"../../__internal__/validation-message/validation-message.component.js";import V from"../../__internal__/legacy-error-border/error-border.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import U from"../../style/utils/filter-styled-system-margin-props.js";import G from"../../__internal__/utils/helpers/tags/tags.js";import J from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as K}from"./__internal__/__utils__/theme.js";import N from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import Q from"./__internal__/__ui__/ContentEditor/content-editor.component.js";import"./__internal__/__ui__/LinkPreviewer/link-previewer.style.js";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"./__internal__/__ui__/Mentions/constants.js";import"./__internal__/__ui__/Mentions/mentions.style.js";import"../tooltip/tooltip.component.js";import"../portrait/portrait.style.js";import W from"./__internal__/__ui__/Placeholder/placeholder.component.js";import X from"./__internal__/__ui__/Toolbar/toolbar.component.js";import Y from"../fieldset/__internal__/fieldset.context.js";function Z(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ee(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){Z(e,r,t[r])}))}return e}let re=!1,te=!1,ne=!1;const oe=u(((u,Z)=>{var oe,ie,ae,{characterLimit:le=3e3,error:se,footer:ce,header:pe,inputHint:_e,labelText:de,namespace:me=P,id:ue,onBlur:fe,onCancel:ge,onChange:he,onFocus:ve,onLinkAdded:be,onSave:ye,onFormSubmission:je,placeholder:xe,previews:we=[],readOnly:Oe=!1,required:Pe=!1,rows:Le,size:Ee="medium",warning:Ce,customPlugins:Te,validationMessagePositionTop:Se=!1,toolbarControls:ke}=u,Me=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(u,["characterLimit","error","footer","header","inputHint","labelText","namespace","id","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","onFormSubmission","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!re&&Me.value&&(re=!0,O.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!te&&ge&&(te=!0,O.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!ne&&ye&&(ne=!0,O.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const $e=f(null!==(ae=null!==(ie=Me.initialValue)&&void 0!==ie?ie:Me.value)&&void 0!==ae?ae:q()),Fe=w(),[ze,Be]=g(void 0),He=f(null),[qe,Ae]=g(null),[Re,De]=g(!1),{size:Ie,hasError:Ve,required:Ue}=h(Y),Ge=Ie||Ee,Je=!!se||Ve;v(Z,(()=>({focus(){var e;null===(e=He.current)||void 0===e||e.focus()}})),[]),b((()=>{const e=null==He?void 0:He.current,r=()=>{De(!0)},t=()=>{De(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[He]);const Ke=y((()=>({namespace:me,nodes:L,onError:e=>O.error(e.message),theme:K(),editorState:$e.current,editable:!Oe})),[me,Oe]),Ne=j(((e,r)=>{const t=e.read((()=>m().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(he){const e=A(r);null==he||he(t,e)}if(le>0){const e=le-t.length;Be(e<0?Fe.textEditor.characterLimit(Math.abs(e)):void 0)}}),[le,Fe.textEditor,he]),Qe=j((e=>{if(!e.isEditable())return;if(!ge)return;const r=e.parseEditorState($e.current);e.setEditorState(r),ge()}),[ge]),We=y((()=>({namespace:me,onCancel:ge?Qe:void 0,onSave:ye,toolbarControls:ke})),[Qe,me,ge,ye,ke]),Xe=Ce||ze,Ye=()=>{switch(Ge){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e(M,(Ze=ee({"data-role":`${me}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==fe||fe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==ve||ve(e)}},U(Me),G("text-editor",Me)),er={children:r(k.Provider,{value:{onLinkAdded:be},children:[e(x,{onClick:()=>{var e;return null===(e=He.current)||void 0===e?void 0:e.focus()},isRequired:Pe,labelId:`${me}-label`,isLarge:"large"===Ge,children:de}),_e&&!Oe&&e(D,{id:`${me}-input-hint`,isLarge:"large"===Ge,marginBottom:Ye(),children:_e}),e(n,{initialConfig:Ke,children:r($,{"data-role":`${me}-wrapper`,ref:Ae,children:[Se&&r(t,{children:[e(I,{error:se,warning:Xe,validationId:`${me}-validation-message`,"data-role":`${me}-validation-message`,validationMessagePositionTop:Se}),(se||Xe)&&e(V,{warning:!(se||!Xe)})]}),r(F,{"data-role":`${me}-editor-toolbar-wrapper`,error:!!se,id:`${me}-editor-toolbar-wrapper`,children:[pe&&e(z,{"data-role":`${me}-header-wrapper`,children:pe}),Oe?e(J,{"aria-label":de,initialValue:(null===(oe=He.current)||void 0===oe?void 0:oe.innerHTML)||$e.current,size:Ge}):r(t,{children:[e(X,ee({contentEditorRef:He,hasHeader:Boolean(pe),size:Ge},We)),r(B,{"data-role":`${me}-editor`,error:Je,children:[e(s,{contentEditable:e(Q,{id:ue,ref:He,inputHint:_e,isFocused:Re,namespace:me,previews:we,rows:Le,readOnly:Oe,required:Pe||Ue,error:Je,warning:!!Ce||!!ze,validationMessagePositionTop:Se,size:Ge}),placeholder:e(W,{namespace:me,text:xe}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(_,{onChange:Ne,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:R}),e(o,{newTab:!0}),e(E,{}),e(T,{}),e(S,{onFormSubmission:je}),e(d,{parentRef:qe,children:Te})]})]}),ce&&e(H,{"data-role":`${me}-footer-wrapper`,size:Ge,children:ce}),e(C,{})]}),!Se&&r(t,{children:[e(I,{error:se,warning:Xe,validationId:`${me}-validation-message`,"data-role":`${me}-validation-message`,validationMessagePositionTop:Se}),(se||Xe)&&e(V,{warning:!(se||!Xe)})]}),le>0&&!Oe&&e(N,{isFocused:Re,maxChars:le,namespace:me,marginTop:Ye()})]})})]})},er=null!=er?er:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ze,Object.getOwnPropertyDescriptors(er)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(er)).forEach((function(e){Object.defineProperty(Ze,e,Object.getOwnPropertyDescriptor(er,e))})),Ze));var Ze,er}));export{oe as TextEditor,oe as default};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as o}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as s}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as c}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as _}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as p}from"@lexical/react/LexicalOnChangePlugin";import{PluginProvider as d}from"./__internal__/__providers__/plugin-provider.js";import{$getRoot as u}from"lexical";import{forwardRef as m,useRef as f,useState as g,useContext as h,useImperativeHandle as b,useEffect as v,useMemo as x,useCallback as j}from"react";import y from"../../__internal__/label/label.component.js";import w from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as P,MARKDOWN_NODES as L}from"./__internal__/__utils__/constants.js";import E from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import C from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import S from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import{FormSubmissionPlugin as T}from"./__internal__/__plugins__/FormSubmission/form-submission.plugin.js";import k from"./text-editor.context.js";import{StyledTextEditorWrapper as z,StyledWrapper as F,StyledEditorToolbarWrapper as $,StyledHeaderWrapper as M,StyledTextEditor as H,StyledFooterWrapper as B}from"./text-editor.style.js";import{createEmpty as R,SerializeLexical as q,validateUrl as A}from"./__internal__/__utils__/helpers.js";import{HintText as D}from"../../__internal__/hint-text/hint-text.component.js";import V from"../../__internal__/validation-message/__next__/validation-message.component.js";import I from"../../__internal__/error-border/error-border.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import U from"../../style/utils/filter-styled-system-margin-props.js";import G from"../../__internal__/utils/helpers/tags/tags.js";import J from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as K}from"./__internal__/__utils__/theme.js";import N from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import Q from"./__internal__/__ui__/ContentEditor/content-editor.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"./__internal__/__ui__/Mentions/constants.js";import"./__internal__/__ui__/Mentions/mentions.style.js";import"../tooltip/tooltip.component.js";import"../portrait/portrait.style.js";import W from"./__internal__/__ui__/Placeholder/placeholder.component.js";import X from"./__internal__/__ui__/Toolbar/toolbar.component.js";import Y from"../fieldset/__internal__/fieldset.context.js";function Z(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ee(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){Z(e,r,t[r])}))}return e}let re=!1,te=!1,oe=!1;const ne=m(((m,Z)=>{var ne,ie,ae,{characterLimit:le=3e3,error:se,footer:ce,header:_e,inputHint:pe,labelText:de,namespace:ue=P,id:me,onBlur:fe,onCancel:ge,onChange:he,onFocus:be,onLinkAdded:ve,onSave:xe,onFormSubmission:je,placeholder:ye,previews:we=[],readOnly:Oe=!1,required:Pe=!1,rows:Le,size:Ee="medium",warning:Ce,customPlugins:Se,validationMessagePositionTop:Te=!1,toolbarControls:ke}=m,ze=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(m,["characterLimit","error","footer","header","inputHint","labelText","namespace","id","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","onFormSubmission","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!re&&ze.value&&(re=!0,O.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!te&&ge&&(te=!0,O.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!oe&&xe&&(oe=!0,O.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const Fe=f(null!==(ae=null!==(ie=ze.initialValue)&&void 0!==ie?ie:ze.value)&&void 0!==ae?ae:R()),$e=w(),[Me,He]=g(void 0),Be=f(null),[Re,qe]=g(null),[Ae,De]=g(!1),{size:Ve,hasError:Ie,required:Ue}=h(Y),Ge=Ve||Ee,Je=!!se||Ie;b(Z,(()=>({focus(){var e;null===(e=Be.current)||void 0===e||e.focus()}})),[]),v((()=>{const e=null==Be?void 0:Be.current,r=()=>{De(!0)},t=()=>{De(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Be]);const Ke=x((()=>({namespace:ue,nodes:L,onError:e=>O.error(e.message),theme:K(),editorState:Fe.current,editable:!Oe})),[ue,Oe]),Ne=j(((e,r)=>{const t=e.read((()=>u().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(he){const e=q(r);null==he||he(t,e)}if(le>0){const e=le-t.length;He(e<0?$e.textEditor.characterLimit(Math.abs(e)):void 0)}}),[le,$e.textEditor,he]),Qe=j((e=>{if(!e.isEditable())return;if(!ge)return;const r=e.parseEditorState(Fe.current);e.setEditorState(r),ge()}),[ge]),We=x((()=>({namespace:ue,onCancel:ge?Qe:void 0,onSave:xe,toolbarControls:ke})),[Qe,ue,ge,xe,ke]),Xe=Ce||Me,Ye=r(t,{children:[e(V,{error:se,warning:Xe,id:`${ue}-validation-message`,"data-role":`${ue}-validation-message`,size:Ge}),(se||Xe)&&e(I,{$warning:!(se||!Xe)})]});return e(z,(Ze=ee({"data-role":`${ue}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==fe||fe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==be||be(e)}},U(ze),G("text-editor",ze)),er={children:r(k.Provider,{value:{onLinkAdded:ve},children:[e(y,{onClick:()=>{var e;return null===(e=Be.current)||void 0===e?void 0:e.focus()},isRequired:Pe,id:`${ue}-label`,size:Ge,children:de}),pe&&e(D,{id:`${ue}-input-hint`,size:Ge,children:pe}),e(o,{initialConfig:Ke,children:r(F,{"data-role":`${ue}-wrapper`,ref:qe,size:Ge,children:[Te&&Ye,r($,{"data-role":`${ue}-editor-toolbar-wrapper`,id:`${ue}-editor-toolbar-wrapper`,isReadOnly:Oe,children:[_e&&e(M,{"data-role":`${ue}-header-wrapper`,size:Ge,children:_e}),Oe?e(J,{"aria-label":de,initialValue:(null===(ne=Be.current)||void 0===ne?void 0:ne.innerHTML)||Fe.current,size:Ge}):r(t,{children:[e(X,ee({contentEditorRef:Be,hasHeader:Boolean(_e),size:Ge},We)),r(H,{"data-role":`${ue}-editor`,error:Je,children:[e(s,{contentEditable:e(Q,{id:me,ref:Be,inputHint:pe,isFocused:Ae,namespace:ue,previews:we,rows:Le,readOnly:Oe,required:Pe||Ue,error:Je,warning:!!Ce||!!Me,validationMessagePositionTop:Te,size:Ge,hasFooter:!!ce}),placeholder:e(W,{namespace:ue,text:ye}),ErrorBoundary:i}),e(_,{}),e(a,{}),e(l,{}),e(p,{onChange:Ne,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:A}),e(n,{newTab:!0}),e(E,{}),e(S,{}),e(T,{onFormSubmission:je}),e(d,{parentRef:Re,size:Ge,children:Se})]})]}),ce&&e(B,{"data-role":`${ue}-footer-wrapper`,size:Ge,children:ce}),e(C,{})]}),!Te&&Ye,le>0&&!Oe&&e(N,{isFocused:Ae,maxChars:le,namespace:ue,size:Ge})]})})]})},er=null!=er?er:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ze,Object.getOwnPropertyDescriptors(er)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(er)).forEach((function(e){Object.defineProperty(Ze,e,Object.getOwnPropertyDescriptor(er,e))})),Ze));var Ze,er}));export{ne as TextEditor,ne as default};