carbon-react 159.8.1 → 159.9.0

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

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import n,{useRef as l}from"react";import{StyledCheckableInputWrapper as i,StyledCheckableInput as t}from"./checkable-input.style.js";import{InputBehaviour as a}from"../input-behaviour/input-behaviour.component.js";import o from"../form-field/form-field.component.js";import c from"./hidden-checkable-input.component.js";import d from"../utils/helpers/guid/index.js";import u from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";function b(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function p(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},l=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),l.forEach((function(r){b(e,r,n[r])}))}return e}const s=n.forwardRef(((n,b)=>{var{ariaLabelledBy:s,autoFocus:f,checked:y,children:m,disabled:h,loading:O,error:g,fieldHelp:j,fieldHelpInline:v,info:I,id:k,type:w,value:H,inputWidth:P,label:B,labelHelp:D,labelInline:S=!0,labelSpacing:F=1,labelWidth:W,name:x,onBlur:q,onChange:C,onFocus:L,required:_,reverse:E=!1,validationOnLabel:A,warning:R,isDarkBackground:N=!1}=n,V=function(e,r){if(null==e)return{};var n,l,i=function(e,r){if(null==e)return{};var n,l,i={},t=Object.keys(e);for(l=0;l<t.length;l++)n=t[l],r.indexOf(n)>=0||(i[n]=e[n]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(l=0;l<t.length;l++)n=t[l],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(n,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","reverse","validationOnLabel","warning","isDarkBackground"]);const{current:z}=l(k||d()),{labelId:G,fieldHelpId:J,validationId:K,ariaDescribedBy:M}=u({id:z,error:g,warning:R,info:I,label:B,fieldHelp:j}),Q={disabled:h,loading:O,error:g,fieldHelp:j,fieldHelpInline:v,fieldHelpId:J,id:z,info:I,label:B,labelHelp:D,labelHelpIcon:"info",labelId:G,labelInline:S,labelSpacing:F,reverse:E,warning:R,validationIconId:K,isRequired:_,useValidationIcon:A},T=p({ariaDescribedBy:M,"aria-labelledby":s,"aria-invalid":!!g,autoFocus:f,checked:y,disabled:h,id:z,type:w,value:H,name:x,onBlur:q,onChange:C,onFocus:L,required:_,ref:b,validationIconId:K},V);return e(i,{disabled:h,fieldHelpInline:v,inputWidth:P,labelWidth:W,labelInline:S,reverse:E,isDarkBackground:N,children:e(a,{children:e(o,(U=p({},Q),X={my:0,children:r(t,{"data-role":"checkable-input",children:[e(c,p({},T)),m]})},X=null!=X?X:{},Object.getOwnPropertyDescriptors?Object.defineProperties(U,Object.getOwnPropertyDescriptors(X)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(X)).forEach((function(e){Object.defineProperty(U,e,Object.getOwnPropertyDescriptor(X,e))})),U))})});var U,X}));s.displayName="CheckableInput";export{s as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import n,{useRef as l,useContext as i}from"react";import{StyledCheckableInputWrapper as t,StyledCheckableInput as o}from"./checkable-input.style.js";import{InputBehaviour as a}from"../input-behaviour/input-behaviour.component.js";import c from"../form-field/form-field.component.js";import d from"./hidden-checkable-input.component.js";import p from"../utils/helpers/guid/index.js";import u from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import b from"../../components/fieldset/__internal__/fieldset.context.js";function s(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function f(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},l=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),l.forEach((function(r){s(e,r,n[r])}))}return e}const m=n.forwardRef(((n,s)=>{var{ariaLabelledBy:m,autoFocus:y,checked:h,children:O,disabled:g,loading:j,error:v,fieldHelp:I,fieldHelpInline:k,info:w,id:H,type:P,value:B,inputWidth:D,label:S,labelHelp:_,labelInline:x=!0,labelSpacing:F=1,labelWidth:W,name:q,onBlur:C,onChange:L,onFocus:E,required:A,reverse:R=!1,validationOnLabel:N,warning:V,isDarkBackground:z=!1}=n,G=function(e,r){if(null==e)return{};var n,l,i=function(e,r){if(null==e)return{};var n,l,i={},t=Object.keys(e);for(l=0;l<t.length;l++)n=t[l],r.indexOf(n)>=0||(i[n]=e[n]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(l=0;l<t.length;l++)n=t[l],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(n,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","reverse","validationOnLabel","warning","isDarkBackground"]);const{current:J}=l(H||p()),{required:K}=i(b),{labelId:M,fieldHelpId:Q,validationId:T,ariaDescribedBy:U}=u({id:J,error:v,warning:V,info:w,label:S,fieldHelp:I}),X={disabled:g,loading:j,error:v,fieldHelp:I,fieldHelpInline:k,fieldHelpId:Q,id:J,info:w,label:S,labelHelp:_,labelHelpIcon:"info",labelId:M,labelInline:x,labelSpacing:F,reverse:R,warning:V,validationIconId:T,isRequired:A,useValidationIcon:N},Y=f({ariaDescribedBy:U,"aria-labelledby":m,"aria-invalid":!!v,autoFocus:y,checked:h,disabled:g,id:J,type:P,value:B,name:q,onBlur:C,onChange:L,onFocus:E,required:A||K,ref:s,validationIconId:T},G);return e(t,{disabled:g,fieldHelpInline:k,inputWidth:D,labelWidth:W,labelInline:x,reverse:R,isDarkBackground:z,children:e(a,{children:e(c,(Z=f({},X),$={my:0,children:r(o,{"data-role":"checkable-input",children:[e(d,f({},Y)),O]})},$=null!=$?$:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Z,Object.getOwnPropertyDescriptors($)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object($)).forEach((function(e){Object.defineProperty(Z,e,Object.getOwnPropertyDescriptor($,e))})),Z))})});var Z,$}));m.displayName="CheckableInput";export{m as default};

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

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

package/esm/components/checkbox/checkbox.component.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r}from"react/jsx-runtime";import t,{useContext as n}from"react";import o from"../../__internal__/utils/helpers/tags/tags.js";import i from"./checkbox.style.js";import l from"../../__internal__/checkable-input/checkable-input.component.js";import a from"./checkbox-svg.component.js";import p from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import{TooltipProvider as c}from"../../__internal__/tooltip-provider/index.js";import s from"./checkbox-group/__internal__/checkbox-group.context.js";import d from"../carbon-provider/__internal__/new-validation.context.js";import"../../style/utils/filter-styled-system-padding-props.js";import b from"../../style/utils/filter-styled-system-margin-props.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){u(e,r,t[r])}))}return e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const y=t.forwardRef(((t,u)=>{var{"aria-labelledby":y,id:h,label:g,onChange:O,name:j,onClick:v,onBlur:_,onFocus:k,value:w,fieldHelp:P,autoFocus:S,labelHelp:x,labelSpacing:H=1,labelWidth:I,adaptiveSpacingBreakpoint:B,required:C,error:W,warning:F,info:A,fieldHelpInline:L,reverse:D=!1,checked:q,disabled:z,inputWidth:E,size:N,tooltipPosition:R,"data-element":V,"data-role":G,helpAriaLabel:J}=t,K=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}(t,["aria-labelledby","id","label","onChange","name","onClick","onBlur","onFocus","value","fieldHelp","autoFocus","labelHelp","labelSpacing","labelWidth","adaptiveSpacingBreakpoint","required","error","warning","info","fieldHelpInline","reverse","checked","disabled","inputWidth","size","tooltipPosition","data-element","data-role","helpAriaLabel"]);const{validationRedesignOptIn:M}=n(d),Q=p(B),T=!(!B||Q),U=n(s),{error:X,warning:Y,info:Z}=U,$=m(f({ariaLabelledBy:y,onClick:v,onChange:O,onBlur:_,onFocus:k,labelInline:!0,id:h,label:g,value:w,type:"checkbox",name:j,reverse:!D,fieldHelp:P,autoFocus:S,labelHelp:x,labelSpacing:H,required:C,fieldHelpInline:L,checked:q,disabled:z,inputWidth:E,labelWidth:I,ref:u},K),{"data-component":void 0}),ee=f({error:X||W,warning:Y||F},M?{validationOnLabel:!1}:{info:Z||A}),re=b(K),te=e(i,m(f(m(f({disabled:z,labelSpacing:H,inputWidth:E,adaptiveSpacingSmallScreen:T},ee),{fieldHelpInline:L,reverse:D,size:N,applyNewValidation:M}),re,o("checkbox",{"data-element":V,"data-role":G})),{children:e(l,m(f({},$,ee),{children:e(a,{})}))}));return e(r,{children:M?te:e(c,{helpAriaLabel:J,tooltipPosition:R,children:te})})}));y.displayName="Checkbox";export{y as Checkbox,y as default};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import t,{useContext as n}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import o from"./checkbox.style.js";import l from"../../__internal__/checkable-input/checkable-input.component.js";import a from"./checkbox-svg.component.js";import c from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import{TooltipProvider as p}from"../../__internal__/tooltip-provider/index.js";import s from"./checkbox-group/__internal__/checkbox-group.context.js";import d from"../carbon-provider/__internal__/new-validation.context.js";import"../../style/utils/filter-styled-system-padding-props.js";import b from"../../style/utils/filter-styled-system-margin-props.js";import u from"../fieldset/__internal__/fieldset.context.js";function f(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(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){f(e,r,t[r])}))}return e}function h(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const y=t.forwardRef(((t,f)=>{var{"aria-labelledby":y,id:g,label:O,onChange:j,name:v,onClick:_,onBlur:k,onFocus:w,value:P,fieldHelp:x,autoFocus:S,labelHelp:H,labelSpacing:I=1,labelWidth:B,adaptiveSpacingBreakpoint:C,required:W,error:F,warning:A,info:L,fieldHelpInline:z,reverse:D=!1,checked:E,disabled:q,inputWidth:N,size:R,tooltipPosition:V,"data-element":G,"data-role":J,helpAriaLabel:K}=t,M=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(t,["aria-labelledby","id","label","onChange","name","onClick","onBlur","onFocus","value","fieldHelp","autoFocus","labelHelp","labelSpacing","labelWidth","adaptiveSpacingBreakpoint","required","error","warning","info","fieldHelpInline","reverse","checked","disabled","inputWidth","size","tooltipPosition","data-element","data-role","helpAriaLabel"]);const{validationRedesignOptIn:Q}=n(d),T=c(C),U=!(!C||T),X=n(s),{error:Y,warning:Z,info:$}=X,{size:ee,hasError:re}=n(u);let te=ee||R;"medium"===te&&(te="small");const ne=h(m({ariaLabelledBy:y,onClick:_,onChange:j,onBlur:k,onFocus:w,labelInline:!0,id:g,label:O,value:P,type:"checkbox",name:v,reverse:!D,fieldHelp:x,autoFocus:S,labelHelp:H,labelSpacing:I,required:W,fieldHelpInline:z,checked:E,disabled:q,inputWidth:N,labelWidth:B,ref:f},M),{"data-component":void 0}),ie=m({error:Y||F||re,warning:Z||A},Q?{validationOnLabel:!1}:{info:$||L}),oe=b(M),le=e(o,h(m(h(m({disabled:q,labelSpacing:I,inputWidth:N,adaptiveSpacingSmallScreen:U},ie),{fieldHelpInline:z,reverse:D,size:te,applyNewValidation:Q}),oe,i("checkbox",{"data-element":G,"data-role":J})),{children:e(l,h(m({},ne,ie),{children:e(a,{})}))}));return e(r,{children:Q?le:e(p,{helpAriaLabel:K,tooltipPosition:V,children:le})})}));y.displayName="Checkbox";export{y as Checkbox,y as default};

package/esm/components/date/date.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as a,useContext as o,useState as l,useCallback as i,useEffect as u}from"react";import{isValidLocaleDate as s,checkISOFormatAndLength as c,parseISODate as p,parseDate as d,findMatchedFormatAndValue as m,isDateValid as f,additionalYears as b,formattedValue as y,getSeparator as v,formatToISO as g}from"./__internal__/utils.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import P from"../../style/utils/filter-styled-system-margin-props.js";import j from"../../style/utils/filter-out-styled-system-spacing-props.js";import k from"./__internal__/date-formats/index.js";import h from"./date.style.js";import{Textbox as w}from"../textbox/textbox.component.js";import{DatePicker as x}from"./__internal__/date-picker/date-picker.component.js";import D from"../date-range/__internal__/date-range.context.js";import L from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import C from"../../__internal__/utils/helpers/guid/index.js";import B from"../../__internal__/utils/helpers/tags/tags.js";function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(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){W(e,t,r[t])}))}return e}function M(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const A={large:"140px",medium:"135px",small:"120px"},S=r.forwardRef(((r,W)=>{var{adaptiveLabelBreakpoint:S,allowEmptyValue:I,autoFocus:E,"data-element":T,"data-role":V,disabled:K,disablePortal:z=!0,helpAriaLabel:R,labelInline:N,minDate:q,maxDate:G,onBlur:$,onChange:H,onClick:J,onFocus:Q,onKeyDown:U,pickerProps:X,readOnly:Y,size:Z="medium",tooltipPosition:ee,value:te,inputWidth:re,labelWidth:ne,maxWidth:ae,inputName:oe,onPickerClose:le,onPickerOpen:ie,dateFormatOverride:ue,datePickerAriaLabel:se,datePickerAriaLabelledBy:ce,validationMessagePositionTop:pe=!0}=r,de=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(r,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy","validationMessagePositionTop"]);const me=n(null),fe=n(null),be=n(null),ye=n(!1),ve=n(!1),ge=n(!1),Oe=O(),{dateFnsLocale:_e,dateFormatOverride:Pe}=Oe.date,{format:je,formats:ke}=a((()=>k(_e(),ue||Pe)),[_e,Pe,ue]),{inputRefMap:he,setInputRefMap:we,validationMessagePositionTop:xe}=o(D),[De,Le]=l(!1),[Ce,Be]=l((()=>{if(s(te,_e()))return c(te)?p(te):d(je,te)})),We=n(!0),Fe=n(C()),Me=null!=xe?xe:pe,Ae=e=>I&&!e.length?e:null,Se=e=>{const{id:t,name:r}=e.target,[n,a]=m(e.target.value,ke),o="blur"===e.type?y(je,Ce):e.target.value,l=f(d(n,a))?g(...b(n,a)):Ae(e.target.value);return{target:M(F({},r&&{name:r},t&&{id:t}),{value:{formattedValue:o,rawValue:l}})}},Ie=L((()=>{var e,t;De&&(ye.current=!0,null===(e=be.current)||void 0===e||e.focus(),ve.current=!1,null===(t=be.current)||void 0===t||t.blur(),Le(!1),null==le||le(),ye.current=!1)}),"mousedown"),Ee=e=>{J&&J(e)},Te=i((e=>{var t;be.current=e,fe.current=null==e?void 0:e.parentElement,W&&("function"==typeof W?W(e):W.current=e),oe&&(null==he||null===(t=he[oe])||void 0===t?void 0:t.setOpen)!==Le&&(null==we||we({[oe]:{isBlurBlocked:ve,setOpen:Le}}))}),[oe,he,we,W]);u((()=>{const[e,t]=m(te,ke);e&&t&&f(d(e,t))?Be(d(...b(e,t))):c(te)&&We.current?Be(p(te)):Be(void 0)}),[te,ke]);const Ve=P(de);return e(h,M(F(M(F({ref:me,role:"presentation",size:Z,labelInline:N},Ve),{applyDateRangeStyling:!!he,maxWidth:ae,inputWidth:re}),B("date",{"data-element":T,"data-role":V})),{onMouseDown:Ie,className:"date",children:[t(w,M(F({},j(de)),{"data-component":"date-input",value:(()=>{if(c(te)&&We.current)return y(je,p(te));const e=v(te),t=v(je),r=()=>te.split("").map((r=>r===e?t:r)).join("");if(We.current&&e!==t&&f(d(je,r()))){We.current=!1;const[e,t]=m(r(),ke);return y(je,d(...b(e,t)))}return te})(),onBlur:e=>{if(K||Y)return;let t;if(f(Ce)){t=Se(e);const r=c(te)?y(je,p(te)):te,[,n]=m(r,ke);y(je,Ce)!==n&&H(t)}else{const{id:r,name:n}=e.target;t={target:M(F({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Ae(e.target.value)}})}}ve.current||$&&$(t)},onChange:e=>{We.current=!1,H(Se(e))},onClick:Ee,onFocus:e=>{K||Y||(ve.current=!1,Q&&Q(e))},onKeyDown:e=>{if(U&&U(e),De&&_.isTabKey(e)){if(_.isShiftKey(e))Le(!1),null==le||le();else if(!z){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Fe.current}"]`))||void 0===t||t.focus()}ye.current=!1}},iconOnClick:Ee,onMouseDown:()=>{we&&(ve.current=!0),De||null==ie||ie()},iconOnMouseDown:()=>{ve.current=!0,ye.current=!0,De?(Le(!1),null==le||le()):(Le(!0),null==ie||ie())},inputIcon:"calendar",labelInline:N,ref:Te,adaptiveLabelBreakpoint:S,tooltipPosition:ee,helpAriaLabel:R,autoFocus:E,size:Z,disabled:K,readOnly:Y,inputWidth:re,labelWidth:ne,maxWidth:null!=ae?ae:A[Z],m:0,validationMessagePositionTop:Me})),t(x,{disablePortal:z,inputElement:fe,pickerProps:X,selectedDays:Ce,onDayClick:(e,t)=>{var r;Be(e),H(Se(M(F({},t),{target:M(F({},t.target),{value:y(je,e)})}))),ge.current=!0,null===(r=be.current)||void 0===r||r.focus(),Le(!1)},minDate:q,maxDate:G,pickerMouseDown:()=>{ve.current=!0},open:De,setOpen:Le,pickerTabGuardId:Fe.current,onPickerClose:le,ariaLabel:se,ariaLabelledBy:ce})]}))}));export{S as DateInput,S as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as o,useContext as a,useState as l,useCallback as i,useEffect as u}from"react";import{isValidLocaleDate as s,checkISOFormatAndLength as c,parseISODate as p,parseDate as d,findMatchedFormatAndValue as m,isDateValid as f,additionalYears as b,formattedValue as y,getSeparator as v,formatToISO as g}from"./__internal__/utils.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import P from"../../style/utils/filter-out-styled-system-spacing-props.js";import k from"./__internal__/date-formats/index.js";import h from"./date.style.js";import{Textbox as w}from"../textbox/textbox.component.js";import{DatePicker as x}from"./__internal__/date-picker/date-picker.component.js";import D from"../date-range/__internal__/date-range.context.js";import L from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import C from"../../__internal__/utils/helpers/guid/index.js";import B from"../../__internal__/utils/helpers/tags/tags.js";import W from"../fieldset/__internal__/fieldset.context.js";function F(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function M(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){F(e,t,r[t])}))}return e}function A(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const S={large:"140px",medium:"135px",small:"120px"},I=r.forwardRef(((r,F)=>{var{adaptiveLabelBreakpoint:I,allowEmptyValue:E,autoFocus:T,"data-element":V,"data-role":z,disabled:K,disablePortal:R=!0,helpAriaLabel:N,labelInline:q,minDate:G,maxDate:$,onBlur:H,onChange:J,onClick:Q,onFocus:U,onKeyDown:X,pickerProps:Y,readOnly:Z,size:ee="medium",tooltipPosition:te,value:re,inputWidth:ne,labelWidth:oe,maxWidth:ae,inputName:le,onPickerClose:ie,onPickerOpen:ue,dateFormatOverride:se,datePickerAriaLabel:ce,datePickerAriaLabelledBy:pe,validationMessagePositionTop:de=!0}=r,me=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy","validationMessagePositionTop"]);const fe=n(null),be=n(null),ye=n(null),ve=n(!1),ge=n(!1),Oe=n(!1),_e=O(),{dateFnsLocale:je,dateFormatOverride:Pe}=_e.date,{format:ke,formats:he}=o((()=>k(je(),se||Pe)),[je,Pe,se]),{inputRefMap:we,setInputRefMap:xe,validationMessagePositionTop:De}=a(D),[Le,Ce]=l(!1),[Be,We]=l((()=>{if(s(re,je()))return c(re)?p(re):d(ke,re)})),Fe=n(!0),Me=n(C()),Ae=null!=De?De:de,{size:Se}=a(W),Ie=Se||ee,Ee=e=>E&&!e.length?e:null,Te=e=>{const{id:t,name:r}=e.target,[n,o]=m(e.target.value,he),a="blur"===e.type?y(ke,Be):e.target.value,l=f(d(n,o))?g(...b(n,o)):Ee(e.target.value);return{target:A(M({},r&&{name:r},t&&{id:t}),{value:{formattedValue:a,rawValue:l}})}},Ve=L((()=>{var e,t;Le&&(ve.current=!0,null===(e=ye.current)||void 0===e||e.focus(),ge.current=!1,null===(t=ye.current)||void 0===t||t.blur(),Ce(!1),null==ie||ie(),ve.current=!1)}),"mousedown"),ze=e=>{Q&&Q(e)},Ke=i((e=>{var t;ye.current=e,be.current=null==e?void 0:e.parentElement,F&&("function"==typeof F?F(e):F.current=e),le&&(null==we||null===(t=we[le])||void 0===t?void 0:t.setOpen)!==Ce&&(null==xe||xe({[le]:{isBlurBlocked:ge,setOpen:Ce}}))}),[le,we,xe,F]);u((()=>{const[e,t]=m(re,he);e&&t&&f(d(e,t))?We(d(...b(e,t))):c(re)&&Fe.current?We(p(re)):We(void 0)}),[re,he]);const Re=j(me);return e(h,A(M(A(M({ref:fe,role:"presentation",size:Ie,labelInline:q},Re),{applyDateRangeStyling:!!we,maxWidth:ae,inputWidth:ne}),B("date",{"data-element":V,"data-role":z})),{onMouseDown:Ve,className:"date",children:[t(w,A(M({},P(me)),{"data-component":"date-input",value:(()=>{if(c(re)&&Fe.current)return y(ke,p(re));const e=v(re),t=v(ke),r=()=>re.split("").map((r=>r===e?t:r)).join("");if(Fe.current&&e!==t&&f(d(ke,r()))){Fe.current=!1;const[e,t]=m(r(),he);return y(ke,d(...b(e,t)))}return re})(),onBlur:e=>{if(K||Z)return;let t;if(f(Be)){t=Te(e);const r=c(re)?y(ke,p(re)):re,[,n]=m(r,he);y(ke,Be)!==n&&J(t)}else{const{id:r,name:n}=e.target;t={target:A(M({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Ee(e.target.value)}})}}ge.current||H&&H(t)},onChange:e=>{Fe.current=!1,J(Te(e))},onClick:ze,onFocus:e=>{K||Z||(ge.current=!1,U&&U(e))},onKeyDown:e=>{if(X&&X(e),Le&&_.isTabKey(e)){if(_.isShiftKey(e))Ce(!1),null==ie||ie();else if(!R){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Me.current}"]`))||void 0===t||t.focus()}ve.current=!1}},iconOnClick:ze,onMouseDown:()=>{xe&&(ge.current=!0),Le||null==ue||ue()},iconOnMouseDown:()=>{ge.current=!0,ve.current=!0,Le?(Ce(!1),null==ie||ie()):(Ce(!0),null==ue||ue())},inputIcon:"calendar",labelInline:q,ref:Ke,adaptiveLabelBreakpoint:I,tooltipPosition:te,helpAriaLabel:N,autoFocus:T,size:Ie,disabled:K,readOnly:Z,inputWidth:ne,labelWidth:oe,maxWidth:null!=ae?ae:S[Ie],m:0,validationMessagePositionTop:Ae})),t(x,{disablePortal:R,inputElement:be,pickerProps:Y,selectedDays:Be,onDayClick:(e,t)=>{var r;We(e),J(Te(A(M({},t),{target:A(M({},t.target),{value:y(ke,e)})}))),Oe.current=!0,null===(r=ye.current)||void 0===r||r.focus(),Ce(!1)},minDate:G,maxDate:$,pickerMouseDown:()=>{ge.current=!0},open:Le,setOpen:Ce,pickerTabGuardId:Me.current,onPickerClose:ie,ariaLabel:ce,ariaLabelledBy:pe})]}))}));export{I as DateInput,I as default};

package/esm/components/fieldset/__internal__/fieldset.context.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type FieldsetContextType = {
+    size?: "small" | "medium" | "large";
+    hasError?: boolean;
+    required?: boolean;
+};
+declare const _default: React.Context<FieldsetContextType>;
+export default _default;

package/esm/components/fieldset/__internal__/fieldset.context.js

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

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

@@ -2,15 +2,28 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 export interface FieldsetProps extends MarginProps, TagProps {
-    /** Child elements */
+    /** Inputs rendered within the fieldset. */
     children?: React.ReactNode;
-    /** The text for the fieldset's legend element. */
+    /** Set an id value on the fieldset. */
+    id?: string;
+    /** The content for the fieldset legend. */
     legend?: string;
-    /** Flag to configure fields as mandatory. */
+    /** Content for an additional hint text below the legend. */
+    legendHint?: string;
+    /** Set the label weight of the children input's label. */
+    labelWeight?: "regular" | "bold";
+    /** Error message to be displayed when validation fails. */
+    error?: string;
+    /** Warning message to be displayed when validation warning occurs. */
+    warning?: string;
+    /** If true, an asterisk will be added to the legend and all inputs within the fieldset will be required. */
     required?: boolean;
+    /** Specifies whether the validation message should be displayed above the input. */
+    validationMessagePositionTop?: boolean;
+    /** Set the size of the component. */
+    size?: "small" | "medium" | "large";
+    /** Set the orientation of the fieldset's children. */
+    orientation?: "horizontal" | "vertical";
 }
-export declare const Fieldset: {
-    ({ children, legend, required, ...rest }: FieldsetProps): React.JSX.Element;
-    displayName: string;
-};
+export declare const Fieldset: ({ children, id, legend, legendHint, labelWeight, error, warning, required, validationMessagePositionTop, size, orientation, ...rest }: FieldsetProps) => React.JSX.Element;
 export default Fieldset;

package/esm/components/fieldset/fieldset.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useContext as n,useEffect as o}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import{FieldsetStyle as l,StyledLegend as s}from"./fieldset.style.js";import c from"../carbon-provider/__internal__/new-validation.context.js";import"../../style/utils/filter-styled-system-padding-props.js";import a from"../../style/utils/filter-styled-system-margin-props.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u=u=>{var{children:f,legend:y,required:b}=u,d=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,["children","legend","required"]);const[O,m]=t(null),j=a(d),{validationRedesignOptIn:g}=n(c);return o((()=>{O&&b&&Array.from(O.querySelectorAll("input")||[]).forEach((e=>{e.setAttribute("required","")}))}),[O,b]),e(l,(v=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}({ref:m,newValidation:g},d,j,i("fieldset",d)),w=null!=(w={children:[y&&r(s,{"data-element":"legend",isRequired:b,children:y}),f]})?w:{},Object.getOwnPropertyDescriptors?Object.defineProperties(v,Object.getOwnPropertyDescriptors(w)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(w)).forEach((function(e){Object.defineProperty(v,e,Object.getOwnPropertyDescriptor(w,e))})),v));var v,w};u.displayName="Fieldset";export{u as Fieldset,u as default};
+import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{useRef as i}from"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledFieldset as o,StyledLegend as l,StyledFieldsetContentWrapper as s,StyledFieldsetContent as a}from"./fieldset.style.js";import c from"./__internal__/fieldset.context.js";import d from"../../__internal__/error-border/error-border.style.js";import p from"../../__internal__/validation-message/__next__/validation-message.component.js";import{HintText as f}from"../../__internal__/hint-text/hint-text.component.js";import u from"../../__internal__/utils/helpers/guid/index.js";import m from"../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import"../../style/utils/filter-styled-system-padding-props.js";import g from"../../style/utils/filter-styled-system-margin-props.js";function b(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const y=y=>{var{children:_,id:j,legend:O,legendHint:h,labelWeight:v="regular",error:P,warning:w,required:$,validationMessagePositionTop:x=!0,size:z="medium",orientation:S="vertical"}=y,T=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(y,["children","id","legend","legendHint","labelWeight","error","warning","required","validationMessagePositionTop","size","orientation"]);const k=i(u()),q=j||k.current,D=h?`${q}-hint`:void 0,E=(P||w)&&`${q}-validation-message`;m(!!P,!!w,q);const R=[D,E].filter(Boolean).join(" "),W=()=>P||w?e(t,{children:[r(p,{error:P,warning:w,id:E,size:z}),r(d,{$warning:!(P||!w)})]}):null;return e(o,(H=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){b(e,r,t[r])}))}return e}({id:q,"aria-describedby":R},T,g(T),n("fieldset",T)),M=null!=(M={children:[O&&r(l,{$isRequired:$,"data-element":"legend","data-role":"legend",$size:z,children:O}),h&&r(f,{id:D,size:z,children:h}),e(s,{$size:z,$hasLegend:!(!O&&!h),children:[x&&W(),r(a,{"data-role":"fieldset-content",className:"fieldset-content",$orientation:S,$size:z,$labelWeight:v,children:r(c.Provider,{value:{size:z,hasError:!!P,required:$},children:_})}),!x&&W()]})]})?M:{},Object.getOwnPropertyDescriptors?Object.defineProperties(H,Object.getOwnPropertyDescriptors(M)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(M)).forEach((function(e){Object.defineProperty(H,e,Object.getOwnPropertyDescriptor(M,e))})),H));var H,M};export{y as Fieldset,y as default};

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

@@ -1,12 +1,13 @@
-export interface StyledFieldsetProps {
-    newValidation?: boolean;
-}
-declare const FieldsetStyle: import("styled-components").StyledComponent<"fieldset", any, {
+export type StyledFieldsetProps = {
+    $size: "small" | "medium" | "large";
+    $isRequired?: boolean;
+    $orientation?: "horizontal" | "vertical";
+    $labelWeight?: "regular" | "bold";
+    $hasLegend?: boolean;
+};
+export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
     theme: object;
-} & StyledFieldsetProps, "theme">;
-export interface StyledLegendProps {
-    /** Flag to configure fields as mandatory. */
-    isRequired?: boolean;
-}
-declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
-export { FieldsetStyle, StyledLegend };
+}, "theme">;
+export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledFieldsetProps, never>;
+export declare const StyledFieldsetContentWrapper: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
+export declare const StyledFieldsetContent: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;

package/esm/components/fieldset/fieldset.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import o from"../../__internal__/form-field/form-field.style.js";import n from"../../style/themes/apply-base-theme.js";import a from"../checkbox/checkbox.style.js";const r=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__FieldsetStyle",componentId:"sc-570c0e4a-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;",""],i,(({newValidation:e})=>!e&&t(["& *{--fieldSpacing:0;}&&&& ","{margin-top:0;margin-bottom:-1px;}& ","{padding-top:8px;padding-bottom:8px;}"],o,a))),s=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-570c0e4a-1"})(["display:flex;align-items:center;margin-bottom:var(--spacing250);font-size:var(--fontSizes400);font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);line-height:24px;",""],(({isRequired:e})=>e&&t(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing100);position:relative;top:1px;left:-4px;}'])));export{r as FieldsetStyle,s as StyledLegend};
+import e,{css as a}from"styled-components";import{margin as l}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const t={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",childrenGap:"var(--global-space-comp-m)",legendFont:"var(--global-font-static-comp-medium-s)",regularLabelFont:"var(--global-font-static-comp-regular-s)",boldLabelFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",childrenGap:"var(--global-space-comp-l)",legendFont:"var(--global-font-static-comp-medium-m)",regularLabelFont:"var(--global-font-static-comp-regular-m)",boldLabelFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",childrenGap:"var(--global-space-comp-xl)",legendFont:"var(--global-font-static-comp-medium-l)",regularLabelFont:"var(--global-font-static-comp-regular-l)",boldLabelFont:"var(--global-font-static-comp-medium-l)"}},n=e.fieldset.attrs(o).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-d78a4673-0"})(["border:none;padding:0;min-width:0;min-inline-size:0;margin:0;margin-bottom:var(--fieldSpacing);"," & *{--fieldSpacing:0;}"],l),i=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-d78a4673-1"})(["",";"],(({$isRequired:e,$size:l})=>a(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);",""],t[l].legendFont,e&&a(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],t[l].legendFont)))),r=e.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"sc-d78a4673-2"})(["",";"],(({$size:e,$hasLegend:l})=>a(["display:flex;flex-direction:column;position:relative;gap:",";",""],t[e].validationGap,l&&a(["margin-top:",";"],t[e].contentMargin)))),d=e.div.withConfig({displayName:"fieldset.style__StyledFieldsetContent",componentId:"sc-d78a4673-3"})(["",";"],(({$orientation:e,$size:l,$labelWeight:o})=>a(["display:flex;flex-direction:column;gap:",";"," label{font:",";}",""],t[l].childrenGap,"horizontal"===e&&a(["flex-direction:row;flex-wrap:wrap;"]),t[l].regularLabelFont,"bold"===o&&a(["label{font:",";}"],t[l].boldLabelFont))));export{n as StyledFieldset,d as StyledFieldsetContent,r as StyledFieldsetContentWrapper,i as StyledLegend};

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"../../../../../__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"../../../../../__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"styled-components";import"styled-system";import"../../../../../style/themes/base/index.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:y},b)=>{const j=n(),g=d||_?`${l}-validation-message`:"",v=i?`${l}-input-hint`:"",h=(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:y,ref:b,"aria-describedby":h,"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")||j(t)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e(a,{previews:s})]})}));export{l as default};
+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"../../../../../__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"styled-components";import"styled-system";import"../../../../../style/themes/base/index.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},y)=>{const b=n(),g=d||_?`${l}-validation-message`:"",v=i?`${l}-input-hint`:"",h=(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:y,"aria-describedby":h,"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")||b(t)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e(a,{previews:s})]})}));export{l as default};

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

package/esm/components/textarea/textarea.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i,Fragment as r}from"react/jsx-runtime";import n,{useContext as t,useState as o,useRef as l,useCallback as a,useEffect as d}from"react";import s from"../../__internal__/utils/helpers/tags/tags.js";import p from"../../__internal__/legacy-input/input.component.js";import c from"../../__internal__/legacy-input/input-presentation.component.js";import u from"../../__internal__/form-field/form-field.component.js";import b from"../../hooks/useCharacterCount/useCharacterCount.js";import{InputBehaviour as m}from"../../__internal__/input-behaviour/input-behaviour.component.js";import f from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import g from"../../__internal__/utils/helpers/guid/index.js";import h,{DEFAULT_MIN_HEIGHT as v}from"./textarea.style.js";import{TooltipProvider as y}from"../../__internal__/tooltip-provider/index.js";import _ from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import O from"../carbon-provider/__internal__/new-validation.context.js";import j from"../../__internal__/legacy-error-border/error-border.style.js";import w from"../../__internal__/validation-message/validation-message.component.js";import{Box as I}from"../box/box.component.js";import x from"../../__internal__/utils/logger/index.js";import{HintText as P}from"../../__internal__/legacy-hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import H from"../../style/utils/filter-styled-system-margin-props.js";function L(e,i,r){return i in e?Object.defineProperty(e,i,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[i]=r,e}function B(e){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{},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(i){L(e,i,r[i])}))}return e}let T=!1,A=!1;const R=n.forwardRef(((n,L)=>{var{"aria-labelledby":R,"aria-describedby":S,autoFocus:W,inputHint:k,fieldHelp:E,label:C,children:q,characterLimit:F,onChange:D,onFocus:M,onBlur:z,disabled:V=!1,labelInline:N,labelAlign:$,labelHelp:G,labelSpacing:J,inputIcon:K,id:Q,error:U,warning:X,info:Y,name:Z,readOnly:ee=!1,placeholder:ie,expandable:re=!1,rows:ne,validationOnLabel:te=!1,adaptiveLabelBreakpoint:oe,inputWidth:le,maxWidth:ae,labelWidth:de=30,tooltipPosition:se,value:pe,"data-element":ce,"data-role":ue,helpAriaLabel:be,borderRadius:me,hideBorders:fe=!1,required:ge,isOptional:he,minHeight:ve=v,validationMessagePositionTop:ye=!0}=n,_e=function(e,i){if(null==e)return{};var r,n,t=function(e,i){if(null==e)return{};var r,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],i.indexOf(r)>=0||(t[r]=e[r]);return t}(e,i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],i.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(n,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop"]);!T&&he&&(T=!0,x.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:Oe}=t(O),je=!Oe&&N,[we,Ie]=o(v),xe=e=>Oe?void 0:e,{current:Pe}=l(Q||g()),He=l(null),Le=a((e=>{He.current=e,L&&("current"in L?L.current=e:L(e))}),[L]),[Be,Te]=o("off");Array.isArray(me)&&me.length>4&&!A&&(x.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),A=!0);const Ae=a((()=>{const e=He.current;if((null==e?void 0:e.scrollHeight)&&(null==e?void 0:e.scrollHeight)>we){let i=e;for(;i&&!(null==i?void 0:i.scrollTop);)i=(null==i?void 0:i.parentElement)||null;const r=null==i?void 0:i.scrollTop;e.style.height="auto",e.style.height=`${Math.max(e.scrollHeight,we)}px`,i&&r&&(i.scrollTop=r)}}),[we]),{labelId:Re,validationId:Se,fieldHelpId:We,ariaDescribedBy:ke}=_({id:Pe,validationRedesignOptIn:Oe,error:U,warning:X,info:Y,label:C,fieldHelp:E}),[Ee,Ce]=b(pe,F,Be);d((()=>{var e;Ie(ne?(null==He||null===(e=He.current)||void 0===e?void 0:e.scrollHeight)||0:ve>v?ve:v)}),[ve,ne]),d((()=>{re&&Ae()})),d((()=>{var e,i;return re&&(window.addEventListener("resize",Ae),Ie((null==He||null===(e=He.current)||void 0===e?void 0:e.clientHeight)||0),null===(i=document.fonts)||void 0===i||i.addEventListener("loadingdone",Ae)),()=>{var e;re&&(window.removeEventListener("resize",Ae),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Ae))}}),[Ae,re]);const qe=!!(K||Se&&!te),Fe=l(g()),De=k?Fe.current:void 0,Me=[...Oe&&ye?[ke,De]:[De,ke],Ce,S].filter(Boolean).join(" "),ze=e(c,{disabled:V,readOnly:ee,inputWidth:"number"==typeof le?le:100-de,maxWidth:ae,error:U,warning:X,info:Y,borderRadius:me,hideBorders:fe,children:[i(p,B({"aria-invalid":!!U,"aria-labelledby":R,"aria-describedby":Me,autoFocus:W,name:Z,value:pe,ref:Le,onChange:D,onFocus:e=>{F&&Te("polite"),null==M||M(e)},onBlur:e=>{F&&Te("off"),null==z||z(e)},disabled:V,readOnly:ee,placeholder:V?"":ie,rows:ne,id:Pe,as:"textarea",validationIconId:Oe?void 0:Se,inputBorderRadius:me,required:ge},_e)),q,i(f,{disabled:V,readOnly:ee,inputIcon:K,error:U,warning:X,info:Y,validationIconId:Oe?void 0:Se,useValidationIcon:!(Oe||te)})]}),Ve=H(_e);return i(y,{tooltipPosition:se,helpAriaLabel:be,children:i(m,{children:i(h,(Ne=B({labelInline:je,hasIcon:qe,minHeight:we},Ve,s("textarea",{"data-element":ce,"data-role":ue})),$e={children:e(u,{fieldHelp:xe(E),fieldHelpId:We,error:U,warning:X,info:Y,label:C,labelId:Re,disabled:V,id:Pe,labelInline:xe(je),labelAlign:$,labelWidth:xe(de),labelHelp:xe(G),labelSpacing:J,isRequired:ge,useValidationIcon:xe(te),adaptiveLabelBreakpoint:oe,validationRedesignOptIn:Oe,my:0,children:[(k||G&&Oe)&&i(P,{align:$,id:De,"data-element":"input-hint",children:k||G}),Oe?e(I,{position:"relative",children:[ye&&e(r,{children:[i(w,{error:U,validationId:Se,warning:X,validationMessagePositionTop:ye}),(U||X)&&i(j,{warning:!(U||!X)})]}),ze,!ye&&e(r,{children:[i(w,{error:U,validationId:Se,warning:X,validationMessagePositionTop:ye}),(U||X)&&i(j,{warning:!(U||!X)})]})]}):ze,Ee]})},$e=null!=$e?$e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ne,Object.getOwnPropertyDescriptors($e)):function(e){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);i.push.apply(i,r)}return i}(Object($e)).forEach((function(e){Object.defineProperty(Ne,e,Object.getOwnPropertyDescriptor($e,e))})),Ne))})});var Ne,$e}));R.displayName="Textarea";export{R as OriginalTextarea,R as Textarea,R as default};
+import{jsxs as e,jsx as i,Fragment as r}from"react/jsx-runtime";import n,{useContext as t,useState as o,useRef as l,useCallback as a,useEffect as d}from"react";import s from"../../__internal__/utils/helpers/tags/tags.js";import p from"../../__internal__/legacy-input/input.component.js";import c from"../../__internal__/legacy-input/input-presentation.component.js";import u from"../../__internal__/form-field/form-field.component.js";import b from"../../hooks/useCharacterCount/useCharacterCount.js";import{InputBehaviour as m}from"../../__internal__/input-behaviour/input-behaviour.component.js";import f from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import g from"../../__internal__/utils/helpers/guid/index.js";import h,{DEFAULT_MIN_HEIGHT as v}from"./textarea.style.js";import{TooltipProvider as _}from"../../__internal__/tooltip-provider/index.js";import y from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import O from"../carbon-provider/__internal__/new-validation.context.js";import j from"../../__internal__/legacy-error-border/error-border.style.js";import w from"../../__internal__/validation-message/validation-message.component.js";import{Box as I}from"../box/box.component.js";import x from"../../__internal__/utils/logger/index.js";import{HintText as P}from"../../__internal__/legacy-hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import H from"../../style/utils/filter-styled-system-margin-props.js";import L from"../fieldset/__internal__/fieldset.context.js";function B(e,i,r){return i in e?Object.defineProperty(e,i,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[i]=r,e}function T(e){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{},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(i){B(e,i,r[i])}))}return e}let A=!1,R=!1;const E=n.forwardRef(((n,B)=>{var{"aria-labelledby":E,"aria-describedby":S,autoFocus:W,inputHint:k,fieldHelp:q,label:C,children:F,characterLimit:D,onChange:M,onFocus:z,onBlur:V,disabled:N=!1,labelInline:$,labelAlign:G,labelHelp:J,labelSpacing:K,inputIcon:Q,id:U,error:X,warning:Y,info:Z,name:ee,readOnly:ie=!1,placeholder:re,expandable:ne=!1,rows:te,validationOnLabel:oe=!1,adaptiveLabelBreakpoint:le,inputWidth:ae,maxWidth:de,labelWidth:se=30,tooltipPosition:pe,value:ce,"data-element":ue,"data-role":be,helpAriaLabel:me,borderRadius:fe,hideBorders:ge=!1,required:he,isOptional:ve,minHeight:_e=v,validationMessagePositionTop:ye=!0}=n,Oe=function(e,i){if(null==e)return{};var r,n,t=function(e,i){if(null==e)return{};var r,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],i.indexOf(r)>=0||(t[r]=e[r]);return t}(e,i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],i.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(n,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop"]);!A&&ve&&(A=!0,x.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:je}=t(O),{hasError:we,required:Ie}=t(L),xe=!je&&$,[Pe,He]=o(v),Le=e=>je?void 0:e,{current:Be}=l(U||g()),Te=l(null),Ae=a((e=>{Te.current=e,B&&("current"in B?B.current=e:B(e))}),[B]),[Re,Ee]=o("off");Array.isArray(fe)&&fe.length>4&&!R&&(x.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),R=!0);const Se=a((()=>{const e=Te.current;if((null==e?void 0:e.scrollHeight)&&(null==e?void 0:e.scrollHeight)>Pe){let i=e;for(;i&&!(null==i?void 0:i.scrollTop);)i=(null==i?void 0:i.parentElement)||null;const r=null==i?void 0:i.scrollTop;e.style.height="auto",e.style.height=`${Math.max(e.scrollHeight,Pe)}px`,i&&r&&(i.scrollTop=r)}}),[Pe]),{labelId:We,validationId:ke,fieldHelpId:qe,ariaDescribedBy:Ce}=y({id:Be,validationRedesignOptIn:je,error:X,warning:Y,info:Z,label:C,fieldHelp:q}),[Fe,De]=b(ce,D,Re);d((()=>{var e;He(te?(null==Te||null===(e=Te.current)||void 0===e?void 0:e.scrollHeight)||0:_e>v?_e:v)}),[_e,te]),d((()=>{ne&&Se()})),d((()=>{var e,i;return ne&&(window.addEventListener("resize",Se),He((null==Te||null===(e=Te.current)||void 0===e?void 0:e.clientHeight)||0),null===(i=document.fonts)||void 0===i||i.addEventListener("loadingdone",Se)),()=>{var e;ne&&(window.removeEventListener("resize",Se),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Se))}}),[Se,ne]);const Me=!!(Q||ke&&!oe),ze=l(g()),Ve=k?ze.current:void 0,Ne=[...je&&ye?[Ce,Ve]:[Ve,Ce],De,S].filter(Boolean).join(" "),$e=e(c,{disabled:N,readOnly:ie,inputWidth:"number"==typeof ae?ae:100-se,maxWidth:de,error:X||we,warning:Y,info:Z,borderRadius:fe,hideBorders:ge,children:[i(p,T({"aria-invalid":!!X||we,"aria-labelledby":E,"aria-describedby":Ne,autoFocus:W,name:ee,value:ce,ref:Ae,onChange:M,onFocus:e=>{D&&Ee("polite"),null==z||z(e)},onBlur:e=>{D&&Ee("off"),null==V||V(e)},disabled:N,readOnly:ie,placeholder:N?"":re,rows:te,id:Be,as:"textarea",validationIconId:je?void 0:ke,inputBorderRadius:fe,required:he||Ie},Oe)),F,i(f,{disabled:N,readOnly:ie,inputIcon:Q,error:X,warning:Y,info:Z,validationIconId:je?void 0:ke,useValidationIcon:!(je||oe)})]}),Ge=H(Oe);return i(_,{tooltipPosition:pe,helpAriaLabel:me,children:i(m,{children:i(h,(Je=T({labelInline:xe,hasIcon:Me,minHeight:Pe},Ge,s("textarea",{"data-element":ue,"data-role":be})),Ke={children:e(u,{fieldHelp:Le(q),fieldHelpId:qe,error:X,warning:Y,info:Z,label:C,labelId:We,disabled:N,id:Be,labelInline:Le(xe),labelAlign:G,labelWidth:Le(se),labelHelp:Le(J),labelSpacing:K,isRequired:he,useValidationIcon:Le(oe),adaptiveLabelBreakpoint:le,validationRedesignOptIn:je,my:0,children:[(k||J&&je)&&i(P,{align:G,id:Ve,"data-element":"input-hint",children:k||J}),je?e(I,{position:"relative",children:[ye&&e(r,{children:[i(w,{error:X,validationId:ke,warning:Y,validationMessagePositionTop:ye}),(X||Y)&&i(j,{warning:!(X||!Y)})]}),$e,!ye&&e(r,{children:[i(w,{error:X,validationId:ke,warning:Y,validationMessagePositionTop:ye}),(X||Y)&&i(j,{warning:!(X||!Y)})]})]}):$e,Fe]})},Ke=null!=Ke?Ke:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Je,Object.getOwnPropertyDescriptors(Ke)):function(e){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);i.push.apply(i,r)}return i}(Object(Ke)).forEach((function(e){Object.defineProperty(Je,e,Object.getOwnPropertyDescriptor(Ke,e))})),Je))})});var Je,Ke}));E.displayName="Textarea";export{E as OriginalTextarea,E as Textarea,E as default};

package/esm/components/textbox/__internal__/__next__/text-input.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{useRef as n,useContext as i,useCallback as o}from"react";import l from"../../../../__internal__/input/input.component.js";import a from"../../../../__internal__/validation-message/__next__/validation-message.component.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../../style/utils/filter-styled-system-margin-props.js";import d from"../../../../style/utils/filter-out-styled-system-spacing-props.js";import p from"../../../../hooks/__internal__/useUniqueId/index.js";import c from"../../../../__internal__/utils/helpers/guid/index.js";import u from"../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import m from"../../../../__internal__/error-border/error-border.style.js";import{StyledTextInput as b,LabelWrapper as f,InputWrapper as y}from"./text-input.style.js";import{HintText as _}from"../../../../__internal__/hint-text/hint-text.component.js";import h from"../../../../__internal__/label/label.component.js";import j from"../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import O from"../../../../__internal__/utils/helpers/combine-refs/index.js";import g from"../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js";function v(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function x(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){v(e,r,t[r])}))}return e}function w(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const I=t.forwardRef(((t,v)=>{var{autoFocus:I,"aria-describedby":P,"aria-labelledby":$,children:k,"data-component":C="text-input","data-element":z,"data-is-open":D,"data-role":W,disabled:S,error:T,id:q,inputHint:E,inputIcon:F,inputWidth:M,label:R,labelInline:B=!1,leftChildren:V,maxWidth:A,name:H,onChange:U,onClick:G,onMouseDown:J,placeholder:K,prefix:L,readOnly:N,required:Q,size:X="medium",type:Y="text",validationMessagePositionTop:Z,value:ee,warning:re}=t,te=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(t,["autoFocus","aria-describedby","aria-labelledby","children","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const ne=n(null),ie=O(v,ne),{disableErrorBorder:oe}=i(g),le={disabled:S,readOnly:N},[ae,se]=p(q,H),{labelId:de,validationId:pe,ariaDescribedBy:ce}=u({id:ae,validationRedesignOptIn:!0,error:T,warning:re,label:R}),ue=n(c()),me=E?ue.current:void 0,be=L?`${ae}-prefix`:void 0,fe=null!=M?M:B?80:100,ye=[me,be,ce,P].filter(Boolean).join(" "),_e=!(!T&&!re);j(!!T,!!re,ae);const he=_e&&!oe&&r(a,{id:pe,size:X,error:T,warning:re}),je=_e&&!oe&&r(m,{"data-role":"error-border",$warning:!(T||!re)}),Oe=o((e=>{S||N||null==J||J(e)}),[J,S,N]),ge=o((e=>{S||N||null==G||G(e)}),[G,S,N]);return e(b,w(x({"data-element":z,"data-role":W,"data-component":C,$size:X,$labelInline:B,$hasValidationFailure:B&&_e},s(te)),{children:[R&&e(f,{"data-role":"label-wrapper",$labelInline:B,$size:X,$labelWrapperWidth:B&&"number"==typeof fe?100-fe:void 0,children:[r(h,w(x({id:de,htmlFor:ae,size:X,isRequired:Q},le),{children:R})),E&&r(_,w(x({id:me,size:X},le),{children:E}))]}),e(y,{"data-role":"input-wrapper",$size:X,$maxWidth:A,$inputWidth:M,onClick:()=>{var e;S||N||document.activeElement===ne.current||null===(e=ne.current)||void 0===e||e.focus()},"data-is-open":D,children:[Z&&he,r(l,w(x({id:ae,name:se,"aria-invalid":!!T,"aria-describedby":ye,"aria-labelledby":$,value:ee,placeholder:S||N?void 0:K,required:Q,ref:ie,autoFocus:I,onMouseDown:Oe,onClick:ge,onChange:U,error:!!T,inputIcon:F,size:X,prefix:L,prefixId:be,leftChildren:V,type:Y},le,d(te)),{children:k})),!Z&&he,je]})]}))}));export{I as TextInput,I as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useContext as n,useCallback as o}from"react";import l from"../../../../__internal__/input/input.component.js";import a from"../../../../__internal__/validation-message/__next__/validation-message.component.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../../style/utils/filter-styled-system-margin-props.js";import d from"../../../../style/utils/filter-out-styled-system-spacing-props.js";import p from"../../../../hooks/__internal__/useUniqueId/index.js";import c from"../../../../__internal__/utils/helpers/guid/index.js";import u from"../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import m from"../../../../__internal__/error-border/error-border.style.js";import{StyledTextInput as b,LabelWrapper as f,InputWrapper as y}from"./text-input.style.js";import{HintText as _}from"../../../../__internal__/hint-text/hint-text.component.js";import h from"../../../../__internal__/label/label.component.js";import j from"../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import O from"../../../../__internal__/utils/helpers/combine-refs/index.js";import g from"../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js";import v from"../../../fieldset/__internal__/fieldset.context.js";function x(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function w(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){x(e,r,t[r])}))}return e}function I(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const P=t.forwardRef(((t,x)=>{var{autoFocus:P,"aria-describedby":$,"aria-labelledby":k,children:z,"data-component":C="text-input","data-element":D,"data-is-open":W,"data-role":q,disabled:E,error:S,id:T,inputHint:F,inputIcon:M,inputWidth:R,label:B,labelInline:V=!1,leftChildren:A,maxWidth:H,name:U,onChange:G,onClick:J,onMouseDown:K,placeholder:L,prefix:N,readOnly:Q,required:X,size:Y="medium",type:Z="text",validationMessagePositionTop:ee,value:re,warning:te}=t,ie=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(t,["autoFocus","aria-describedby","aria-labelledby","children","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const ne=i(null),oe=O(x,ne),{disableErrorBorder:le}=n(g),ae={disabled:E,readOnly:Q},[se,de]=p(T,U),{labelId:pe,validationId:ce,ariaDescribedBy:ue}=u({id:se,validationRedesignOptIn:!0,error:S,warning:te,label:B}),me=i(c()),be=F?me.current:void 0,fe=N?`${se}-prefix`:void 0,{size:ye,hasError:_e,required:he}=n(v),je=ye||Y,Oe=!!S||!!_e,ge=null!=R?R:V?80:100,ve=[be,fe,ue,$].filter(Boolean).join(" "),xe=!(!S&&!te);j(!!S,!!te,se);const we=xe&&!le&&r(a,{id:ce,size:je,error:S,warning:te}),Ie=xe&&!le&&r(m,{"data-role":"error-border",$warning:!(S||!te)}),Pe=o((e=>{E||Q||null==K||K(e)}),[K,E,Q]),$e=o((e=>{E||Q||null==J||J(e)}),[J,E,Q]);return e(b,I(w({"data-element":D,"data-role":q,"data-component":C,$size:je,$labelInline:V,$hasValidationFailure:V&&xe},s(ie)),{children:[B&&e(f,{"data-role":"label-wrapper",$labelInline:V,$size:je,$labelWrapperWidth:V&&"number"==typeof ge?100-ge:void 0,children:[r(h,I(w({id:pe,htmlFor:se,size:je,isRequired:X},ae),{children:B})),F&&r(_,I(w({id:be,size:je},ae),{children:F}))]}),e(y,{"data-role":"input-wrapper",$size:je,$maxWidth:H,$inputWidth:R,onClick:()=>{var e;E||Q||document.activeElement===ne.current||null===(e=ne.current)||void 0===e||e.focus()},"data-is-open":W,children:[ee&&we,r(l,I(w({id:se,name:de,"aria-invalid":Oe,"aria-describedby":ve,"aria-labelledby":k,value:re,placeholder:E||Q?void 0:L,required:X||he,ref:oe,autoFocus:P,onMouseDown:Pe,onClick:$e,onChange:G,error:Oe,inputIcon:M,size:je,prefix:N,prefixId:fe,leftChildren:A,type:Z},ae,d(ie)),{children:z})),!ee&&we,Ie]})]}))}));export{P as TextInput,P as default};

package/esm/components/textbox/__internal__/__next__/text-input.style.js

@@ -1 +1 @@
-import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import l from"../../../../style/themes/apply-base-theme.js";const i=e.div.attrs(l).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"sc-bf599bd2-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.time &{gap:unset;}.search &{flex:1 1 0%;}"],t,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),n=e.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"sc-bf599bd2-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n    --label-spacing: ${e}%;\n\n    [data-component="date-range"] & {\n      --label-spacing: ${2*e}%;\n    }\n  `),(({$labelInline:e,$size:t})=>a([""," ",""],e&&a(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!e&&a(["justify-content:flex-end;align-items:flex-start;"])))),p=e.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"sc-bf599bd2-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",' &[data-is-open="true"]{z-index:var(--adaptiveSidebarModalBackdrop,9999);}'],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:e,$inputWidth:t})=>a([""," width:",";"],e&&`max-width: ${e};`,t?`${t}%`:"100%")));export{p as InputWrapper,n as LabelWrapper,i as StyledTextInput};
+import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import l from"../../../../style/themes/apply-base-theme.js";const i=e.div.attrs(l).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"sc-567e10e6-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &{gap:var(--global-space-comp-xs);}.time &{gap:unset;}.search &{flex:1 1 0%;}"],t,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),n=e.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"sc-567e10e6-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n    --label-spacing: ${e}%;\n\n    [data-component="date-range"] & {\n      --label-spacing: ${2*e}%;\n    }\n  `),(({$labelInline:e,$size:t})=>a([""," ",""],e&&a(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!e&&a(["justify-content:flex-end;align-items:flex-start;"])))),p=e.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"sc-567e10e6-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",' &[data-is-open="true"]{z-index:var(--adaptiveSidebarModalBackdrop,9999);}'],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:e,$inputWidth:t})=>a([""," width:",";"],e&&`max-width: ${e};`,t?`${t}%`:"100%")));export{p as InputWrapper,n as LabelWrapper,i as StyledTextInput};

package/esm/components/tile-select/tile-select.style.d.ts

@@ -28,10 +28,7 @@ declare const StyledTitleContainer: import("styled-components").StyledComponent<
 declare const StyledDeselectWrapper: import("styled-components").StyledComponent<"div", any, {
     hasActionAdornment: boolean;
 }, never>;
-declare const StyledTileSelectFieldset: import("styled-components").StyledComponent<{
-    ({ children, legend, required, ...rest }: import("../fieldset").FieldsetProps): import("react").JSX.Element;
-    displayName: string;
-}, any, {
+declare const StyledTileSelectFieldset: import("styled-components").StyledComponent<({ children, id, legend, legendHint, labelWeight, error, warning, required, validationMessagePositionTop, size, orientation, ...rest }: import("../fieldset").FieldsetProps) => import("react").JSX.Element, any, {
     theme: object;
 } & {
     multiSelect: boolean;

package/esm/components/tile-select/tile-select.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import{Fieldset as o}from"../fieldset/fieldset.component.js";import n from"../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../__internal__/legacy-input/input-presentation.style.js";import"../carbon-provider/__internal__/new-validation.context.js";import{StyledLegend as r}from"../fieldset/fieldset.style.js";import l from"../icon/icon.style.js";import s from"../../style/themes/apply-base-theme.js";import c from"../../style/utils/add-focus-styling.js";const a=e.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"sc-166c5ec0-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),d=e.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"sc-166c5ec0-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=e.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"sc-166c5ec0-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),m=e.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"sc-166c5ec0-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),g=e.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"sc-166c5ec0-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:e})=>e&&t(["background:var(--colorsActionMajor025);"])),(({disabled:e})=>e&&t(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],a,d,m,p))),y=e.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"sc-166c5ec0-5"})(["",""],(({checked:e,hasFocus:i})=>t(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],e&&t(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&t([""," z-index:15;"],c())))),f=e.div.attrs(s).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"sc-166c5ec0-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],i,y,(({checked:e,disabled:i})=>!e&&!i&&t(["&:hover ","{background:var(--colorsActionMinor050);}"],g))),h=e.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"sc-166c5ec0-7"})(["width:fit-content;position:relative;z-index:200;"]),_=e.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"sc-166c5ec0-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n      span[data-element="chevron_down"] {\n        transition: transform 0.3s;\n        ${!e&&"transform: rotate(-90deg)"};\n      }\n  `)),x=e(n).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"sc-166c5ec0-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),v=e.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"sc-166c5ec0-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),b=e.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"sc-166c5ec0-11"})(["",""],(({hasActionAdornment:e})=>t(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],e&&`\n      margin-right: var(--sizing200);\n      display: flex;\n      align-items: baseline;\n      min-height: var(--sizing400);\n\n      ${l} {\n        top: 2px;\n      }\n    `))),w=e(o).attrs(s).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"sc-166c5ec0-12"})([""," ","{margin-bottom:16px;font-size:16px;line-height:16px;margin-left:-2px;}",""],i,r,(({multiSelect:e})=>e&&t(["","{margin-bottom:8px;}"],f))),u=e.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"sc-166c5ec0-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);export{_ as StyledAccordionFooterWrapper,p as StyledAdornment,m as StyledDescription,b as StyledDeselectWrapper,y as StyledFocusWrapper,h as StyledFooterWrapper,u as StyledGroupDescription,d as StyledSubtitle,g as StyledTileSelect,f as StyledTileSelectContainer,w as StyledTileSelectFieldset,x as StyledTileSelectInput,a as StyledTitle,v as StyledTitleContainer};
+import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import{Fieldset as o}from"../fieldset/fieldset.component.js";import n from"../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../__internal__/legacy-input/input-presentation.style.js";import"../carbon-provider/__internal__/new-validation.context.js";import{StyledLegend as r,StyledFieldsetContent as l}from"../fieldset/fieldset.style.js";import s from"../icon/icon.style.js";import a from"../../style/themes/apply-base-theme.js";import d from"../../style/utils/add-focus-styling.js";const c=e.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"sc-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=e.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"sc-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),m=e.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"sc-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),f=e.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"sc-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),y=e.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"sc-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:e})=>e&&t(["background:var(--colorsActionMajor025);"])),(({disabled:e})=>e&&t(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],c,p,f,m))),g=e.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"sc-88022e8f-5"})(["",""],(({checked:e,hasFocus:i})=>t(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],e&&t(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&t([""," z-index:15;"],d())))),h=e.div.attrs(a).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"sc-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],i,g,(({checked:e,disabled:i})=>!e&&!i&&t(["&:hover ","{background:var(--colorsActionMinor050);}"],y))),_=e.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"sc-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),v=e.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"sc-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n      span[data-element="chevron_down"] {\n        transition: transform 0.3s;\n        ${!e&&"transform: rotate(-90deg)"};\n      }\n  `)),x=e(n).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"sc-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),b=e.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"sc-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),w=e.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"sc-88022e8f-11"})(["",""],(({hasActionAdornment:e})=>t(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],e&&`\n      margin-right: var(--sizing200);\n      display: flex;\n      align-items: baseline;\n      min-height: var(--sizing400);\n\n      ${s} {\n        top: 2px;\n      }\n    `))),u=e(o).attrs(a).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"sc-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],i,r,l,(({multiSelect:e})=>e&&t(["","{margin-bottom:8px;}"],h))),S=e.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"sc-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);export{v as StyledAccordionFooterWrapper,m as StyledAdornment,f as StyledDescription,w as StyledDeselectWrapper,g as StyledFocusWrapper,_ as StyledFooterWrapper,S as StyledGroupDescription,p as StyledSubtitle,y as StyledTileSelect,h as StyledTileSelectContainer,u as StyledTileSelectFieldset,x as StyledTileSelectInput,c as StyledTitle,b as StyledTitleContainer};

package/lib/__internal__/checkable-input/checkable-input.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("./checkable-input.style.js"),n=require("../input-behaviour/input-behaviour.component.js"),i=require("../form-field/form-field.component.js"),t=require("./hidden-checkable-input.component.js"),a=require("../utils/helpers/guid/index.js"),o=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js");function u(e){return e&&e.__esModule?e:{default:e}}function d(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function c(e){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{},n=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),n.forEach((function(r){d(e,r,l[r])}))}return e}const b=u(r).default.forwardRef(((u,d)=>{var{ariaLabelledBy:b,autoFocus:s,checked:p,children:f,disabled:y,loading:h,error:O,fieldHelp:g,fieldHelpInline:j,info:v,id:I,type:m,value:k,inputWidth:w,label:H,labelHelp:P,labelInline:q=!0,labelSpacing:x=1,labelWidth:B,name:S,onBlur:D,onChange:_,onFocus:W,required:C,reverse:F=!1,validationOnLabel:L,warning:E,isDarkBackground:R=!1}=u,A=function(e,r){if(null==e)return{};var l,n,i=function(e,r){if(null==e)return{};var l,n,i={},t=Object.keys(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||(i[l]=e[l]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(u,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","reverse","validationOnLabel","warning","isDarkBackground"]);const{current:M}=r.useRef(I||a.default()),{labelId:N,fieldHelpId:V,validationId:z,ariaDescribedBy:G}=o.default({id:M,error:O,warning:E,info:v,label:H,fieldHelp:g}),J={disabled:y,loading:h,error:O,fieldHelp:g,fieldHelpInline:j,fieldHelpId:V,id:M,info:v,label:H,labelHelp:P,labelHelpIcon:"info",labelId:N,labelInline:q,labelSpacing:x,reverse:F,warning:E,validationIconId:z,isRequired:C,useValidationIcon:L},K=c({ariaDescribedBy:G,"aria-labelledby":b,"aria-invalid":!!O,autoFocus:s,checked:p,disabled:y,id:M,type:m,value:k,name:S,onBlur:D,onChange:_,onFocus:W,required:C,ref:d,validationIconId:z},A);return e.jsx(l.StyledCheckableInputWrapper,{disabled:y,fieldHelpInline:j,inputWidth:w,labelWidth:B,labelInline:q,reverse:F,isDarkBackground:R,children:e.jsx(n.InputBehaviour,{children:e.jsx(i.default,(Q=c({},J),T={my:0,children:e.jsxs(l.StyledCheckableInput,{"data-role":"checkable-input",children:[e.jsx(t.default,c({},K)),f]})},T=null!=T?T:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Q,Object.getOwnPropertyDescriptors(T)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r.push.apply(r,l)}return r}(Object(T)).forEach((function(e){Object.defineProperty(Q,e,Object.getOwnPropertyDescriptor(T,e))})),Q))})});var Q,T}));b.displayName="CheckableInput",exports.default=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("./checkable-input.style.js"),n=require("../input-behaviour/input-behaviour.component.js"),i=require("../form-field/form-field.component.js"),t=require("./hidden-checkable-input.component.js"),a=require("../utils/helpers/guid/index.js"),o=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),u=require("../../components/fieldset/__internal__/fieldset.context.js");function d(e){return e&&e.__esModule?e:{default:e}}function c(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function s(e){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{},n=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),n.forEach((function(r){c(e,r,l[r])}))}return e}const b=d(r).default.forwardRef(((d,c)=>{var{ariaLabelledBy:b,autoFocus:p,checked:f,children:y,disabled:h,loading:O,error:j,fieldHelp:g,fieldHelpInline:v,info:I,id:m,type:k,value:w,inputWidth:q,label:H,labelHelp:P,labelInline:x=!0,labelSpacing:_=1,labelWidth:B,name:S,onBlur:D,onChange:C,onFocus:W,required:F,reverse:L=!1,validationOnLabel:E,warning:R,isDarkBackground:A=!1}=d,M=function(e,r){if(null==e)return{};var l,n,i=function(e,r){if(null==e)return{};var l,n,i={},t=Object.keys(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||(i[l]=e[l]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(n=0;n<t.length;n++)l=t[n],r.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(i[l]=e[l])}return i}(d,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","reverse","validationOnLabel","warning","isDarkBackground"]);const{current:N}=r.useRef(m||a.default()),{required:V}=r.useContext(u.default),{labelId:z,fieldHelpId:G,validationId:J,ariaDescribedBy:K}=o.default({id:N,error:j,warning:R,info:I,label:H,fieldHelp:g}),Q={disabled:h,loading:O,error:j,fieldHelp:g,fieldHelpInline:v,fieldHelpId:G,id:N,info:I,label:H,labelHelp:P,labelHelpIcon:"info",labelId:z,labelInline:x,labelSpacing:_,reverse:L,warning:R,validationIconId:J,isRequired:F,useValidationIcon:E},T=s({ariaDescribedBy:K,"aria-labelledby":b,"aria-invalid":!!j,autoFocus:p,checked:f,disabled:h,id:N,type:k,value:w,name:S,onBlur:D,onChange:C,onFocus:W,required:F||V,ref:c,validationIconId:J},M);return e.jsx(l.StyledCheckableInputWrapper,{disabled:h,fieldHelpInline:v,inputWidth:q,labelWidth:B,labelInline:x,reverse:L,isDarkBackground:A,children:e.jsx(n.InputBehaviour,{children:e.jsx(i.default,(U=s({},Q),X={my:0,children:e.jsxs(l.StyledCheckableInput,{"data-role":"checkable-input",children:[e.jsx(t.default,s({},T)),y]})},X=null!=X?X:{},Object.getOwnPropertyDescriptors?Object.defineProperties(U,Object.getOwnPropertyDescriptors(X)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r.push.apply(r,l)}return r}(Object(X)).forEach((function(e){Object.defineProperty(U,e,Object.getOwnPropertyDescriptor(X,e))})),U))})});var U,X}));b.displayName="CheckableInput",exports.default=b;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i=a.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-ef9321a8-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>e.css(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&e.css(["color:var(--input-labelset-label-disabled);"]))),s=a.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"sc-ef9321a8-1"})(["display:flex;align-items:center;margin-bottom:8px;"," ",""],(({align:t})=>e.css(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:a,pl:i,width:s})=>t&&e.css(["box-sizing:border-box;margin-bottom:0;",";",";width:","%;"],a&&e.css(["padding-right:var(",");"],1===a?"--spacing100":"--spacing200"),i&&e.css(["padding-left:var(",");"],1===i?"--spacing100":"--spacing200"),s)));exports.StyledLabelContainer=s,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i=a.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-9dd7c70a-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>e.css(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&e.css(["color:var(--input-labelset-label-disabled);"]))),s=a.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"sc-9dd7c70a-1"})(["display:flex;align-items:center;margin-bottom:8px;.fieldset-content &{margin-bottom:var(--global-space-comp-xs);}"," ",""],(({align:t})=>e.css(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:a,pl:i,width:s})=>t&&e.css(["box-sizing:border-box;margin-bottom:0;",";",";width:","%;"],a&&e.css(["padding-right:var(",");"],1===a?"--spacing100":"--spacing200"),i&&e.css(["padding-left:var(",");"],1===i?"--spacing100":"--spacing200"),s)));exports.StyledLabelContainer=s,exports.default=i;

package/lib/components/checkbox/checkbox.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./checkbox.style.js"),l=require("../../__internal__/checkable-input/checkable-input.component.js"),i=require("./checkbox-svg.component.js"),a=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),o=require("../../__internal__/tooltip-provider/index.js"),c=require("./checkbox-group/__internal__/checkbox-group.context.js"),u=require("../carbon-provider/__internal__/new-validation.context.js");require("../../style/utils/filter-styled-system-padding-props.js");var s=require("../../style/utils/filter-styled-system-margin-props.js");function p(e){return e&&e.__esModule?e:{default:e}}function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},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){d(e,r,t[r])}))}return e}function f(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const y=p(r).default.forwardRef(((p,d)=>{var{"aria-labelledby":y,id:h,label:g,onChange:j,name:O,onClick:v,onBlur:_,onFocus:m,value:k,fieldHelp:x,autoFocus:w,labelHelp:P,labelSpacing:q=1,labelWidth:S,adaptiveSpacingBreakpoint:C,required:H,error:I,warning:B,info:F,fieldHelpInline:W,reverse:A=!1,checked:L,disabled:D,inputWidth:z,size:E,tooltipPosition:M,"data-element":N,"data-role":R,helpAriaLabel:T}=p,V=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(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)&&(l[t]=e[t])}return l}(p,["aria-labelledby","id","label","onChange","name","onClick","onBlur","onFocus","value","fieldHelp","autoFocus","labelHelp","labelSpacing","labelWidth","adaptiveSpacingBreakpoint","required","error","warning","info","fieldHelpInline","reverse","checked","disabled","inputWidth","size","tooltipPosition","data-element","data-role","helpAriaLabel"]);const{validationRedesignOptIn:G}=r.useContext(u.default),J=a.default(C),K=!(!C||J),Q=r.useContext(c.default),{error:U,warning:X,info:Y}=Q,Z=f(b({ariaLabelledBy:y,onClick:v,onChange:j,onBlur:_,onFocus:m,labelInline:!0,id:h,label:g,value:k,type:"checkbox",name:O,reverse:!A,fieldHelp:x,autoFocus:w,labelHelp:P,labelSpacing:q,required:H,fieldHelpInline:W,checked:L,disabled:D,inputWidth:z,labelWidth:S,ref:d},V),{"data-component":void 0}),$=b({error:U||I,warning:X||B},G?{validationOnLabel:!1}:{info:Y||F}),ee=s.default(V),re=e.jsx(n.default,f(b(f(b({disabled:D,labelSpacing:q,inputWidth:z,adaptiveSpacingSmallScreen:K},$),{fieldHelpInline:W,reverse:A,size:E,applyNewValidation:G}),ee,t.default("checkbox",{"data-element":N,"data-role":R})),{children:e.jsx(l.default,f(b({},Z,$),{children:e.jsx(i.default,{})}))}));return e.jsx(e.Fragment,{children:G?re:e.jsx(o.TooltipProvider,{helpAriaLabel:T,tooltipPosition:M,children:re})})}));y.displayName="Checkbox",exports.Checkbox=y,exports.default=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./checkbox.style.js"),l=require("../../__internal__/checkable-input/checkable-input.component.js"),i=require("./checkbox-svg.component.js"),a=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),o=require("../../__internal__/tooltip-provider/index.js"),c=require("./checkbox-group/__internal__/checkbox-group.context.js"),s=require("../carbon-provider/__internal__/new-validation.context.js");require("../../style/utils/filter-styled-system-padding-props.js");var u=require("../../style/utils/filter-styled-system-margin-props.js"),d=require("../fieldset/__internal__/fieldset.context.js");function p(e){return e&&e.__esModule?e:{default:e}}function b(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},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){b(e,r,t[r])}))}return e}function h(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const y=p(r).default.forwardRef(((p,b)=>{var{"aria-labelledby":y,id:g,label:j,onChange:O,name:v,onClick:_,onBlur:m,onFocus:x,value:k,fieldHelp:w,autoFocus:P,labelHelp:q,labelSpacing:S=1,labelWidth:C,adaptiveSpacingBreakpoint:H,required:I,error:B,warning:F,info:W,fieldHelpInline:A,reverse:L=!1,checked:z,disabled:D,inputWidth:E,size:M,tooltipPosition:N,"data-element":R,"data-role":T,helpAriaLabel:V}=p,G=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(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)&&(l[t]=e[t])}return l}(p,["aria-labelledby","id","label","onChange","name","onClick","onBlur","onFocus","value","fieldHelp","autoFocus","labelHelp","labelSpacing","labelWidth","adaptiveSpacingBreakpoint","required","error","warning","info","fieldHelpInline","reverse","checked","disabled","inputWidth","size","tooltipPosition","data-element","data-role","helpAriaLabel"]);const{validationRedesignOptIn:J}=r.useContext(s.default),K=a.default(H),Q=!(!H||K),U=r.useContext(c.default),{error:X,warning:Y,info:Z}=U,{size:$,hasError:ee}=r.useContext(d.default);let re=$||M;"medium"===re&&(re="small");const te=h(f({ariaLabelledBy:y,onClick:_,onChange:O,onBlur:m,onFocus:x,labelInline:!0,id:g,label:j,value:k,type:"checkbox",name:v,reverse:!L,fieldHelp:w,autoFocus:P,labelHelp:q,labelSpacing:S,required:I,fieldHelpInline:A,checked:z,disabled:D,inputWidth:E,labelWidth:C,ref:b},G),{"data-component":void 0}),ne=f({error:X||B||ee,warning:Y||F},J?{validationOnLabel:!1}:{info:Z||W}),le=u.default(G),ie=e.jsx(n.default,h(f(h(f({disabled:D,labelSpacing:S,inputWidth:E,adaptiveSpacingSmallScreen:Q},ne),{fieldHelpInline:A,reverse:L,size:re,applyNewValidation:J}),le,t.default("checkbox",{"data-element":R,"data-role":T})),{children:e.jsx(l.default,h(f({},te,ne),{children:e.jsx(i.default,{})}))}));return e.jsx(e.Fragment,{children:J?ie:e.jsx(o.TooltipProvider,{helpAriaLabel:V,tooltipPosition:N,children:ie})})}));y.displayName="Checkbox",exports.Checkbox=y,exports.default=y;

package/lib/components/date/date.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),o=require("./__internal__/date-formats/index.js"),u=require("./date.style.js"),s=require("../textbox/textbox.component.js"),d=require("./__internal__/date-picker/date-picker.component.js"),c=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js");function b(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){y(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const v={large:"140px",medium:"135px",small:"120px"},h=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:h,allowEmptyValue:_,autoFocus:j,"data-element":k,"data-role":D,disabled:P,disablePortal:x=!0,helpAriaLabel:w,labelInline:L,minDate:S,maxDate:V,onBlur:F,onChange:I,onClick:q,onFocus:A,onKeyDown:M,pickerProps:C,readOnly:R,size:B="medium",tooltipPosition:W,value:E,inputWidth:T,labelWidth:K,maxWidth:z,inputName:N,onPickerClose:Y,onPickerOpen:G,dateFormatOverride:$,datePickerAriaLabel:H,datePickerAriaLabelledBy:J,validationMessagePositionTop:Q=!0}=b,U=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy","validationMessagePositionTop"]);const X=t.useRef(null),Z=t.useRef(null),ee=t.useRef(null),te=t.useRef(!1),re=t.useRef(!1),ae=t.useRef(!1),ne=a.default(),{dateFnsLocale:le,dateFormatOverride:ie}=ne.date,{format:oe,formats:ue}=t.useMemo((()=>o.default(le(),$||ie)),[le,ie,$]),{inputRefMap:se,setInputRefMap:de,validationMessagePositionTop:ce}=t.useContext(c.default),[pe,fe]=t.useState(!1),[me,be]=t.useState((()=>{if(r.isValidLocaleDate(E,le()))return r.checkISOFormatAndLength(E)?r.parseISODate(E):r.parseDate(oe,E)})),ye=t.useRef(!0),Oe=t.useRef(f.default()),ge=null!=ce?ce:Q,ve=e=>_&&!e.length?e:null,he=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,ue),i="blur"===e.type?r.formattedValue(oe,me):e.target.value,o=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):ve(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:o}})}},_e=p.default((()=>{var e,t;pe&&(te.current=!0,null===(e=ee.current)||void 0===e||e.focus(),re.current=!1,null===(t=ee.current)||void 0===t||t.blur(),fe(!1),null==Y||Y(),te.current=!1)}),"mousedown"),je=e=>{q&&q(e)},ke=t.useCallback((e=>{var t;ee.current=e,Z.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),N&&(null==se||null===(t=se[N])||void 0===t?void 0:t.setOpen)!==fe&&(null==de||de({[N]:{isBlurBlocked:re,setOpen:fe}}))}),[N,se,de,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(E,ue);e&&t&&r.isDateValid(r.parseDate(e,t))?be(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(E)&&ye.current?be(r.parseISODate(E)):be(void 0)}),[E,ue]);const De=l.default(U);return e.jsxs(u.default,g(O(g(O({ref:X,role:"presentation",size:B,labelInline:L},De),{applyDateRangeStyling:!!se,maxWidth:z,inputWidth:T}),m.default("date",{"data-element":k,"data-role":D})),{onMouseDown:_e,className:"date",children:[e.jsx(s.Textbox,g(O({},i.default(U)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(E)&&ye.current)return r.formattedValue(oe,r.parseISODate(E));const e=r.getSeparator(E),t=r.getSeparator(oe),a=()=>E.split("").map((r=>r===e?t:r)).join("");if(ye.current&&e!==t&&r.isDateValid(r.parseDate(oe,a()))){ye.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),ue);return r.formattedValue(oe,r.parseDate(...r.additionalYears(e,t)))}return E})(),onBlur:e=>{if(P||R)return;let t;if(r.isDateValid(me)){t=he(e);const a=r.checkISOFormatAndLength(E)?r.formattedValue(oe,r.parseISODate(E)):E,[,n]=r.findMatchedFormatAndValue(a,ue);r.formattedValue(oe,me)!==n&&I(t)}else{const{id:r,name:a}=e.target;t={target:g(O({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:ve(e.target.value)}})}}re.current||F&&F(t)},onChange:e=>{ye.current=!1,I(he(e))},onClick:je,onFocus:e=>{P||R||(re.current=!1,A&&A(e))},onKeyDown:e=>{if(M&&M(e),pe&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))fe(!1),null==Y||Y();else if(!x){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Oe.current}"]`))||void 0===t||t.focus()}te.current=!1}},iconOnClick:je,onMouseDown:()=>{de&&(re.current=!0),pe||null==G||G()},iconOnMouseDown:()=>{re.current=!0,te.current=!0,pe?(fe(!1),null==Y||Y()):(fe(!0),null==G||G())},inputIcon:"calendar",labelInline:L,ref:ke,adaptiveLabelBreakpoint:h,tooltipPosition:W,helpAriaLabel:w,autoFocus:j,size:B,disabled:P,readOnly:R,inputWidth:T,labelWidth:K,maxWidth:null!=z?z:v[B],m:0,validationMessagePositionTop:ge})),e.jsx(d.DatePicker,{disablePortal:x,inputElement:Z,pickerProps:C,selectedDays:me,onDayClick:(e,t)=>{var a;be(e),I(he(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(oe,e)})}))),ae.current=!0,null===(a=ee.current)||void 0===a||a.focus(),fe(!1)},minDate:S,maxDate:V,pickerMouseDown:()=>{re.current=!0},open:pe,setOpen:fe,pickerTabGuardId:Oe.current,onPickerClose:Y,ariaLabel:H,ariaLabelledBy:J})]}))}));exports.DateInput=h,exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),o=require("./__internal__/date-formats/index.js"),u=require("./date.style.js"),s=require("../textbox/textbox.component.js"),d=require("./__internal__/date-picker/date-picker.component.js"),c=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js"),b=require("../fieldset/__internal__/fieldset.context.js");function y(e){return e&&e.__esModule?e:{default:e}}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}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){O(e,t,r[t])}))}return e}function v(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const _={large:"140px",medium:"135px",small:"120px"},h=y(t).default.forwardRef(((y,O)=>{var{adaptiveLabelBreakpoint:h,allowEmptyValue:j,autoFocus:k,"data-element":D,"data-role":P,disabled:x,disablePortal:w=!0,helpAriaLabel:L,labelInline:S,minDate:V,maxDate:q,onBlur:F,onChange:I,onClick:A,onFocus:M,onKeyDown:C,pickerProps:R,readOnly:B,size:W="medium",tooltipPosition:E,value:T,inputWidth:z,labelWidth:K,maxWidth:N,inputName:Y,onPickerClose:G,onPickerOpen:$,dateFormatOverride:H,datePickerAriaLabel:J,datePickerAriaLabelledBy:Q,validationMessagePositionTop:U=!0}=y,X=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(y,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy","validationMessagePositionTop"]);const Z=t.useRef(null),ee=t.useRef(null),te=t.useRef(null),re=t.useRef(!1),ae=t.useRef(!1),ne=t.useRef(!1),le=a.default(),{dateFnsLocale:ie,dateFormatOverride:oe}=le.date,{format:ue,formats:se}=t.useMemo((()=>o.default(ie(),H||oe)),[ie,oe,H]),{inputRefMap:de,setInputRefMap:ce,validationMessagePositionTop:pe}=t.useContext(c.default),[fe,me]=t.useState(!1),[be,ye]=t.useState((()=>{if(r.isValidLocaleDate(T,ie()))return r.checkISOFormatAndLength(T)?r.parseISODate(T):r.parseDate(ue,T)})),Oe=t.useRef(!0),ge=t.useRef(f.default()),ve=null!=pe?pe:U,{size:_e}=t.useContext(b.default),he=_e||W,je=e=>j&&!e.length?e:null,ke=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,se),i="blur"===e.type?r.formattedValue(ue,be):e.target.value,o=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):je(e.target.value);return{target:v(g({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:o}})}},De=p.default((()=>{var e,t;fe&&(re.current=!0,null===(e=te.current)||void 0===e||e.focus(),ae.current=!1,null===(t=te.current)||void 0===t||t.blur(),me(!1),null==G||G(),re.current=!1)}),"mousedown"),Pe=e=>{A&&A(e)},xe=t.useCallback((e=>{var t;te.current=e,ee.current=null==e?void 0:e.parentElement,O&&("function"==typeof O?O(e):O.current=e),Y&&(null==de||null===(t=de[Y])||void 0===t?void 0:t.setOpen)!==me&&(null==ce||ce({[Y]:{isBlurBlocked:ae,setOpen:me}}))}),[Y,de,ce,O]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(T,se);e&&t&&r.isDateValid(r.parseDate(e,t))?ye(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(T)&&Oe.current?ye(r.parseISODate(T)):ye(void 0)}),[T,se]);const we=l.default(X);return e.jsxs(u.default,v(g(v(g({ref:Z,role:"presentation",size:he,labelInline:S},we),{applyDateRangeStyling:!!de,maxWidth:N,inputWidth:z}),m.default("date",{"data-element":D,"data-role":P})),{onMouseDown:De,className:"date",children:[e.jsx(s.Textbox,v(g({},i.default(X)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(T)&&Oe.current)return r.formattedValue(ue,r.parseISODate(T));const e=r.getSeparator(T),t=r.getSeparator(ue),a=()=>T.split("").map((r=>r===e?t:r)).join("");if(Oe.current&&e!==t&&r.isDateValid(r.parseDate(ue,a()))){Oe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),se);return r.formattedValue(ue,r.parseDate(...r.additionalYears(e,t)))}return T})(),onBlur:e=>{if(x||B)return;let t;if(r.isDateValid(be)){t=ke(e);const a=r.checkISOFormatAndLength(T)?r.formattedValue(ue,r.parseISODate(T)):T,[,n]=r.findMatchedFormatAndValue(a,se);r.formattedValue(ue,be)!==n&&I(t)}else{const{id:r,name:a}=e.target;t={target:v(g({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:je(e.target.value)}})}}ae.current||F&&F(t)},onChange:e=>{Oe.current=!1,I(ke(e))},onClick:Pe,onFocus:e=>{x||B||(ae.current=!1,M&&M(e))},onKeyDown:e=>{if(C&&C(e),fe&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))me(!1),null==G||G();else if(!w){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${ge.current}"]`))||void 0===t||t.focus()}re.current=!1}},iconOnClick:Pe,onMouseDown:()=>{ce&&(ae.current=!0),fe||null==$||$()},iconOnMouseDown:()=>{ae.current=!0,re.current=!0,fe?(me(!1),null==G||G()):(me(!0),null==$||$())},inputIcon:"calendar",labelInline:S,ref:xe,adaptiveLabelBreakpoint:h,tooltipPosition:E,helpAriaLabel:L,autoFocus:k,size:he,disabled:x,readOnly:B,inputWidth:z,labelWidth:K,maxWidth:null!=N?N:_[he],m:0,validationMessagePositionTop:ve})),e.jsx(d.DatePicker,{disablePortal:w,inputElement:ee,pickerProps:R,selectedDays:be,onDayClick:(e,t)=>{var a;ye(e),I(ke(v(g({},t),{target:v(g({},t.target),{value:r.formattedValue(ue,e)})}))),ne.current=!0,null===(a=te.current)||void 0===a||a.focus(),me(!1)},minDate:V,maxDate:q,pickerMouseDown:()=>{ae.current=!0},open:fe,setOpen:me,pickerTabGuardId:ge.current,onPickerClose:G,ariaLabel:J,ariaLabelledBy:Q})]}))}));exports.DateInput=h,exports.default=h;

package/lib/components/fieldset/__internal__/fieldset.context.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type FieldsetContextType = {
+    size?: "small" | "medium" | "large";
+    hasError?: boolean;
+    required?: boolean;
+};
+declare const _default: React.Context<FieldsetContextType>;
+export default _default;

package/lib/components/fieldset/__internal__/fieldset.context.js

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

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

@@ -2,15 +2,28 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 export interface FieldsetProps extends MarginProps, TagProps {
-    /** Child elements */
+    /** Inputs rendered within the fieldset. */
     children?: React.ReactNode;
-    /** The text for the fieldset's legend element. */
+    /** Set an id value on the fieldset. */
+    id?: string;
+    /** The content for the fieldset legend. */
     legend?: string;
-    /** Flag to configure fields as mandatory. */
+    /** Content for an additional hint text below the legend. */
+    legendHint?: string;
+    /** Set the label weight of the children input's label. */
+    labelWeight?: "regular" | "bold";
+    /** Error message to be displayed when validation fails. */
+    error?: string;
+    /** Warning message to be displayed when validation warning occurs. */
+    warning?: string;
+    /** If true, an asterisk will be added to the legend and all inputs within the fieldset will be required. */
     required?: boolean;
+    /** Specifies whether the validation message should be displayed above the input. */
+    validationMessagePositionTop?: boolean;
+    /** Set the size of the component. */
+    size?: "small" | "medium" | "large";
+    /** Set the orientation of the fieldset's children. */
+    orientation?: "horizontal" | "vertical";
 }
-export declare const Fieldset: {
-    ({ children, legend, required, ...rest }: FieldsetProps): React.JSX.Element;
-    displayName: string;
-};
+export declare const Fieldset: ({ children, id, legend, legendHint, labelWeight, error, warning, required, validationMessagePositionTop, size, orientation, ...rest }: FieldsetProps) => React.JSX.Element;
 export default Fieldset;

package/lib/components/fieldset/fieldset.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./fieldset.style.js"),i=require("../carbon-provider/__internal__/new-validation.context.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js");function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const o=o=>{var{children:u,legend:c,required:a}=o,d=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(o,["children","legend","required"]);const[f,p]=t.useState(null),y=l.default(d),{validationRedesignOptIn:b}=t.useContext(i.default);return t.useEffect((()=>{f&&a&&Array.from(f.querySelectorAll("input")||[]).forEach((e=>{e.setAttribute("required","")}))}),[f,a]),e.jsxs(n.FieldsetStyle,(O=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}({ref:p,newValidation:b},d,y,r.default("fieldset",d)),j=null!=(j={children:[c&&e.jsx(n.StyledLegend,{"data-element":"legend",isRequired:a,children:c}),u]})?j:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(j)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(j)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(j,e))})),O));var O,j};o.displayName="Fieldset",exports.Fieldset=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./fieldset.style.js"),i=require("./__internal__/fieldset.context.js"),s=require("../../__internal__/error-border/error-border.style.js"),l=require("../../__internal__/validation-message/__next__/validation-message.component.js"),o=require("../../__internal__/hint-text/hint-text.component.js"),a=require("../../__internal__/utils/helpers/guid/index.js"),d=require("../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js");require("../../style/utils/filter-styled-system-padding-props.js");var u=require("../../style/utils/filter-styled-system-margin-props.js");function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const f=f=>{var{children:g,id:p,legend:j,legendHint:b,labelWeight:y="regular",error:_,warning:O,required:h,validationMessagePositionTop:m=!0,size:v="medium",orientation:x="vertical"}=f,P=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(f,["children","id","legend","legendHint","labelWeight","error","warning","required","validationMessagePositionTop","size","orientation"]);const q=r.useRef(a.default()),w=p||q.current,S=b?`${w}-hint`:void 0,$=(_||O)&&`${w}-validation-message`;d.default(!!_,!!O,w);const z=[S,$].filter(Boolean).join(" "),T=()=>_||O?e.jsxs(e.Fragment,{children:[e.jsx(l.default,{error:_,warning:O,id:$,size:v}),e.jsx(s.default,{$warning:!(_||!O)})]}):null;return e.jsxs(n.StyledFieldset,(F=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){c(e,r,t[r])}))}return e}({id:w,"aria-describedby":z},P,u.default(P),t.default("fieldset",P)),k=null!=(k={children:[j&&e.jsx(n.StyledLegend,{$isRequired:h,"data-element":"legend","data-role":"legend",$size:v,children:j}),b&&e.jsx(o.HintText,{id:S,size:v,children:b}),e.jsxs(n.StyledFieldsetContentWrapper,{$size:v,$hasLegend:!(!j&&!b),children:[m&&T(),e.jsx(n.StyledFieldsetContent,{"data-role":"fieldset-content",className:"fieldset-content",$orientation:x,$size:v,$labelWeight:y,children:e.jsx(i.default.Provider,{value:{size:v,hasError:!!_,required:h},children:g})}),!m&&T()]})]})?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(F,Object.getOwnPropertyDescriptors(k)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(k)).forEach((function(e){Object.defineProperty(F,e,Object.getOwnPropertyDescriptor(k,e))})),F));var F,k};exports.Fieldset=f,exports.default=f;

package/lib/components/fieldset/fieldset.style.d.ts

@@ -1,12 +1,13 @@
-export interface StyledFieldsetProps {
-    newValidation?: boolean;
-}
-declare const FieldsetStyle: import("styled-components").StyledComponent<"fieldset", any, {
+export type StyledFieldsetProps = {
+    $size: "small" | "medium" | "large";
+    $isRequired?: boolean;
+    $orientation?: "horizontal" | "vertical";
+    $labelWeight?: "regular" | "bold";
+    $hasLegend?: boolean;
+};
+export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
     theme: object;
-} & StyledFieldsetProps, "theme">;
-export interface StyledLegendProps {
-    /** Flag to configure fields as mandatory. */
-    isRequired?: boolean;
-}
-declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
-export { FieldsetStyle, StyledLegend };
+}, "theme">;
+export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledFieldsetProps, never>;
+export declare const StyledFieldsetContentWrapper: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
+export declare const StyledFieldsetContent: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;

package/lib/components/fieldset/fieldset.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/form-field/form-field.style.js"),n=require("../../style/themes/apply-base-theme.js"),a=require("../checkbox/checkbox.style.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(e);const l=s.default.fieldset.attrs(n.default).withConfig({displayName:"fieldset.style__FieldsetStyle",componentId:"sc-570c0e4a-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;",""],t.margin,(({newValidation:t})=>!t&&e.css(["& *{--fieldSpacing:0;}&&&& ","{margin-top:0;margin-bottom:-1px;}& ","{padding-top:8px;padding-bottom:8px;}"],i.default,a.default))),r=s.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-570c0e4a-1"})(["display:flex;align-items:center;margin-bottom:var(--spacing250);font-size:var(--fontSizes400);font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);line-height:24px;",""],(({isRequired:t})=>t&&e.css(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing100);position:relative;top:1px;left:-4px;}'])));exports.FieldsetStyle=l,exports.StyledLegend=r;
+"use strict";var e=require("styled-components"),l=require("styled-system"),a=require("../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var o=t(e);const n={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",childrenGap:"var(--global-space-comp-m)",legendFont:"var(--global-font-static-comp-medium-s)",regularLabelFont:"var(--global-font-static-comp-regular-s)",boldLabelFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",childrenGap:"var(--global-space-comp-l)",legendFont:"var(--global-font-static-comp-medium-m)",regularLabelFont:"var(--global-font-static-comp-regular-m)",boldLabelFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",childrenGap:"var(--global-space-comp-xl)",legendFont:"var(--global-font-static-comp-medium-l)",regularLabelFont:"var(--global-font-static-comp-regular-l)",boldLabelFont:"var(--global-font-static-comp-medium-l)"}},i=o.default.fieldset.attrs(a.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-d78a4673-0"})(["border:none;padding:0;min-width:0;min-inline-size:0;margin:0;margin-bottom:var(--fieldSpacing);"," & *{--fieldSpacing:0;}"],l.margin),s=o.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-d78a4673-1"})(["",";"],(({$isRequired:l,$size:a})=>e.css(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);",""],n[a].legendFont,l&&e.css(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],n[a].legendFont)))),d=o.default.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"sc-d78a4673-2"})(["",";"],(({$size:l,$hasLegend:a})=>e.css(["display:flex;flex-direction:column;position:relative;gap:",";",""],n[l].validationGap,a&&e.css(["margin-top:",";"],n[l].contentMargin)))),r=o.default.div.withConfig({displayName:"fieldset.style__StyledFieldsetContent",componentId:"sc-d78a4673-3"})(["",";"],(({$orientation:l,$size:a,$labelWeight:t})=>e.css(["display:flex;flex-direction:column;gap:",";"," label{font:",";}",""],n[a].childrenGap,"horizontal"===l&&e.css(["flex-direction:row;flex-wrap:wrap;"]),n[a].regularLabelFont,"bold"===t&&e.css(["label{font:",";}"],n[a].boldLabelFont))));exports.StyledFieldset=i,exports.StyledFieldsetContent=r,exports.StyledFieldsetContentWrapper=d,exports.StyledLegend=s;

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

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

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

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

package/lib/components/textarea/textarea.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../../__internal__/legacy-input/input.component.js"),n=require("../../__internal__/legacy-input/input-presentation.component.js"),l=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/useCharacterCount/useCharacterCount.js"),o=require("../../__internal__/input-behaviour/input-behaviour.component.js"),d=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("./textarea.style.js"),c=require("../../__internal__/tooltip-provider/index.js"),p=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),b=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../../__internal__/legacy-error-border/error-border.style.js"),g=require("../../__internal__/validation-message/validation-message.component.js"),h=require("../box/box.component.js"),v=require("../../__internal__/utils/logger/index.js"),_=require("../../__internal__/legacy-hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var y=require("../../style/utils/filter-styled-system-margin-props.js");function j(e){return e&&e.__esModule?e:{default:e}}function m(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function x(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){m(e,r,t[r])}))}return e}let O=!1,I=!1;const w=j(r).default.forwardRef(((j,m)=>{var{"aria-labelledby":w,"aria-describedby":H,autoFocus:q,inputHint:T,fieldHelp:P,label:E,children:L,characterLimit:A,onChange:B,onFocus:R,onBlur:F,disabled:M=!1,labelInline:S,labelAlign:k,labelHelp:C,labelSpacing:D,inputIcon:W,id:N,error:G,warning:U,info:z,name:V,readOnly:$=!1,placeholder:J,expandable:K=!1,rows:Q,validationOnLabel:X=!1,adaptiveLabelBreakpoint:Y,inputWidth:Z,maxWidth:ee,labelWidth:re=30,tooltipPosition:te,value:ie,"data-element":ne,"data-role":le,helpAriaLabel:ae,borderRadius:oe,hideBorders:de=!1,required:se,isOptional:ue,minHeight:ce=u.DEFAULT_MIN_HEIGHT,validationMessagePositionTop:pe=!0}=j,be=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(j,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop"]);!O&&ue&&(O=!0,v.default.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:fe}=r.useContext(b.default),ge=!fe&&S,[he,ve]=r.useState(u.DEFAULT_MIN_HEIGHT),_e=e=>fe?void 0:e,{current:ye}=r.useRef(N||s.default()),je=r.useRef(null),me=r.useCallback((e=>{je.current=e,m&&("current"in m?m.current=e:m(e))}),[m]),[xe,Oe]=r.useState("off");Array.isArray(oe)&&oe.length>4&&!I&&(v.default.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),I=!0);const Ie=r.useCallback((()=>{const e=je.current;if((null==e?void 0:e.scrollHeight)&&(null==e?void 0:e.scrollHeight)>he){let r=e;for(;r&&!(null==r?void 0:r.scrollTop);)r=(null==r?void 0:r.parentElement)||null;const t=null==r?void 0:r.scrollTop;e.style.height="auto",e.style.height=`${Math.max(e.scrollHeight,he)}px`,r&&t&&(r.scrollTop=t)}}),[he]),{labelId:we,validationId:He,fieldHelpId:qe,ariaDescribedBy:Te}=p.default({id:ye,validationRedesignOptIn:fe,error:G,warning:U,info:z,label:E,fieldHelp:P}),[Pe,Ee]=a.default(ie,A,xe);r.useEffect((()=>{var e;ve(Q?(null==je||null===(e=je.current)||void 0===e?void 0:e.scrollHeight)||0:ce>u.DEFAULT_MIN_HEIGHT?ce:u.DEFAULT_MIN_HEIGHT)}),[ce,Q]),r.useEffect((()=>{K&&Ie()})),r.useEffect((()=>{var e,r;return K&&(window.addEventListener("resize",Ie),ve((null==je||null===(e=je.current)||void 0===e?void 0:e.clientHeight)||0),null===(r=document.fonts)||void 0===r||r.addEventListener("loadingdone",Ie)),()=>{var e;K&&(window.removeEventListener("resize",Ie),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Ie))}}),[Ie,K]);const Le=!!(W||He&&!X),Ae=r.useRef(s.default()),Be=T?Ae.current:void 0,Re=[...fe&&pe?[Te,Be]:[Be,Te],Ee,H].filter(Boolean).join(" "),Fe=e.jsxs(n.default,{disabled:M,readOnly:$,inputWidth:"number"==typeof Z?Z:100-re,maxWidth:ee,error:G,warning:U,info:z,borderRadius:oe,hideBorders:de,children:[e.jsx(i.default,x({"aria-invalid":!!G,"aria-labelledby":w,"aria-describedby":Re,autoFocus:q,name:V,value:ie,ref:me,onChange:B,onFocus:e=>{A&&Oe("polite"),null==R||R(e)},onBlur:e=>{A&&Oe("off"),null==F||F(e)},disabled:M,readOnly:$,placeholder:M?"":J,rows:Q,id:ye,as:"textarea",validationIconId:fe?void 0:He,inputBorderRadius:oe,required:se},be)),L,e.jsx(d.default,{disabled:M,readOnly:$,inputIcon:W,error:G,warning:U,info:z,validationIconId:fe?void 0:He,useValidationIcon:!(fe||X)})]}),Me=y.default(be);return e.jsx(c.TooltipProvider,{tooltipPosition:te,helpAriaLabel:ae,children:e.jsx(o.InputBehaviour,{children:e.jsx(u.default,(Se=x({labelInline:ge,hasIcon:Le,minHeight:he},Me,t.default("textarea",{"data-element":ne,"data-role":le})),ke={children:e.jsxs(l.default,{fieldHelp:_e(P),fieldHelpId:qe,error:G,warning:U,info:z,label:E,labelId:we,disabled:M,id:ye,labelInline:_e(ge),labelAlign:k,labelWidth:_e(re),labelHelp:_e(C),labelSpacing:D,isRequired:se,useValidationIcon:_e(X),adaptiveLabelBreakpoint:Y,validationRedesignOptIn:fe,my:0,children:[(T||C&&fe)&&e.jsx(_.HintText,{align:k,id:Be,"data-element":"input-hint",children:T||C}),fe?e.jsxs(h.Box,{position:"relative",children:[pe&&e.jsxs(e.Fragment,{children:[e.jsx(g.default,{error:G,validationId:He,warning:U,validationMessagePositionTop:pe}),(G||U)&&e.jsx(f.default,{warning:!(G||!U)})]}),Fe,!pe&&e.jsxs(e.Fragment,{children:[e.jsx(g.default,{error:G,validationId:He,warning:U,validationMessagePositionTop:pe}),(G||U)&&e.jsx(f.default,{warning:!(G||!U)})]})]}):Fe,Pe]})},ke=null!=ke?ke:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Se,Object.getOwnPropertyDescriptors(ke)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(ke)).forEach((function(e){Object.defineProperty(Se,e,Object.getOwnPropertyDescriptor(ke,e))})),Se))})});var Se,ke}));w.displayName="Textarea",exports.OriginalTextarea=w,exports.Textarea=w,exports.default=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../../__internal__/legacy-input/input.component.js"),n=require("../../__internal__/legacy-input/input-presentation.component.js"),l=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/useCharacterCount/useCharacterCount.js"),o=require("../../__internal__/input-behaviour/input-behaviour.component.js"),d=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("./textarea.style.js"),c=require("../../__internal__/tooltip-provider/index.js"),p=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),b=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../../__internal__/legacy-error-border/error-border.style.js"),g=require("../../__internal__/validation-message/validation-message.component.js"),h=require("../box/box.component.js"),_=require("../../__internal__/utils/logger/index.js"),v=require("../../__internal__/legacy-hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var y=require("../../style/utils/filter-styled-system-margin-props.js"),j=require("../fieldset/__internal__/fieldset.context.js");function m(e){return e&&e.__esModule?e:{default:e}}function x(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){x(e,r,t[r])}))}return e}let I=!1,w=!1;const q=m(r).default.forwardRef(((m,x)=>{var{"aria-labelledby":q,"aria-describedby":H,autoFocus:T,inputHint:P,fieldHelp:E,label:L,children:A,characterLimit:B,onChange:R,onFocus:F,onBlur:C,disabled:M=!1,labelInline:S,labelAlign:k,labelHelp:D,labelSpacing:W,inputIcon:N,id:G,error:U,warning:z,info:V,name:$,readOnly:J=!1,placeholder:K,expandable:Q=!1,rows:X,validationOnLabel:Y=!1,adaptiveLabelBreakpoint:Z,inputWidth:ee,maxWidth:re,labelWidth:te=30,tooltipPosition:ie,value:ne,"data-element":le,"data-role":ae,helpAriaLabel:oe,borderRadius:de,hideBorders:se=!1,required:ue,isOptional:ce,minHeight:pe=u.DEFAULT_MIN_HEIGHT,validationMessagePositionTop:be=!0}=m,fe=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(m,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop"]);!I&&ce&&(I=!0,_.default.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:ge}=r.useContext(b.default),{hasError:he,required:_e}=r.useContext(j.default),ve=!ge&&S,[ye,je]=r.useState(u.DEFAULT_MIN_HEIGHT),me=e=>ge?void 0:e,{current:xe}=r.useRef(G||s.default()),Oe=r.useRef(null),Ie=r.useCallback((e=>{Oe.current=e,x&&("current"in x?x.current=e:x(e))}),[x]),[we,qe]=r.useState("off");Array.isArray(de)&&de.length>4&&!w&&(_.default.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),w=!0);const He=r.useCallback((()=>{const e=Oe.current;if((null==e?void 0:e.scrollHeight)&&(null==e?void 0:e.scrollHeight)>ye){let r=e;for(;r&&!(null==r?void 0:r.scrollTop);)r=(null==r?void 0:r.parentElement)||null;const t=null==r?void 0:r.scrollTop;e.style.height="auto",e.style.height=`${Math.max(e.scrollHeight,ye)}px`,r&&t&&(r.scrollTop=t)}}),[ye]),{labelId:Te,validationId:Pe,fieldHelpId:Ee,ariaDescribedBy:Le}=p.default({id:xe,validationRedesignOptIn:ge,error:U,warning:z,info:V,label:L,fieldHelp:E}),[Ae,Be]=a.default(ne,B,we);r.useEffect((()=>{var e;je(X?(null==Oe||null===(e=Oe.current)||void 0===e?void 0:e.scrollHeight)||0:pe>u.DEFAULT_MIN_HEIGHT?pe:u.DEFAULT_MIN_HEIGHT)}),[pe,X]),r.useEffect((()=>{Q&&He()})),r.useEffect((()=>{var e,r;return Q&&(window.addEventListener("resize",He),je((null==Oe||null===(e=Oe.current)||void 0===e?void 0:e.clientHeight)||0),null===(r=document.fonts)||void 0===r||r.addEventListener("loadingdone",He)),()=>{var e;Q&&(window.removeEventListener("resize",He),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",He))}}),[He,Q]);const Re=!!(N||Pe&&!Y),Fe=r.useRef(s.default()),Ce=P?Fe.current:void 0,Me=[...ge&&be?[Le,Ce]:[Ce,Le],Be,H].filter(Boolean).join(" "),Se=e.jsxs(n.default,{disabled:M,readOnly:J,inputWidth:"number"==typeof ee?ee:100-te,maxWidth:re,error:U||he,warning:z,info:V,borderRadius:de,hideBorders:se,children:[e.jsx(i.default,O({"aria-invalid":!!U||he,"aria-labelledby":q,"aria-describedby":Me,autoFocus:T,name:$,value:ne,ref:Ie,onChange:R,onFocus:e=>{B&&qe("polite"),null==F||F(e)},onBlur:e=>{B&&qe("off"),null==C||C(e)},disabled:M,readOnly:J,placeholder:M?"":K,rows:X,id:xe,as:"textarea",validationIconId:ge?void 0:Pe,inputBorderRadius:de,required:ue||_e},fe)),A,e.jsx(d.default,{disabled:M,readOnly:J,inputIcon:N,error:U,warning:z,info:V,validationIconId:ge?void 0:Pe,useValidationIcon:!(ge||Y)})]}),ke=y.default(fe);return e.jsx(c.TooltipProvider,{tooltipPosition:ie,helpAriaLabel:oe,children:e.jsx(o.InputBehaviour,{children:e.jsx(u.default,(De=O({labelInline:ve,hasIcon:Re,minHeight:ye},ke,t.default("textarea",{"data-element":le,"data-role":ae})),We={children:e.jsxs(l.default,{fieldHelp:me(E),fieldHelpId:Ee,error:U,warning:z,info:V,label:L,labelId:Te,disabled:M,id:xe,labelInline:me(ve),labelAlign:k,labelWidth:me(te),labelHelp:me(D),labelSpacing:W,isRequired:ue,useValidationIcon:me(Y),adaptiveLabelBreakpoint:Z,validationRedesignOptIn:ge,my:0,children:[(P||D&&ge)&&e.jsx(v.HintText,{align:k,id:Ce,"data-element":"input-hint",children:P||D}),ge?e.jsxs(h.Box,{position:"relative",children:[be&&e.jsxs(e.Fragment,{children:[e.jsx(g.default,{error:U,validationId:Pe,warning:z,validationMessagePositionTop:be}),(U||z)&&e.jsx(f.default,{warning:!(U||!z)})]}),Se,!be&&e.jsxs(e.Fragment,{children:[e.jsx(g.default,{error:U,validationId:Pe,warning:z,validationMessagePositionTop:be}),(U||z)&&e.jsx(f.default,{warning:!(U||!z)})]})]}):Se,Ae]})},We=null!=We?We:{},Object.getOwnPropertyDescriptors?Object.defineProperties(De,Object.getOwnPropertyDescriptors(We)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(We)).forEach((function(e){Object.defineProperty(De,e,Object.getOwnPropertyDescriptor(We,e))})),De))})});var De,We}));q.displayName="Textarea",exports.OriginalTextarea=q,exports.Textarea=q,exports.default=q;

package/lib/components/textbox/__internal__/__next__/text-input.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../__internal__/input/input.component.js"),n=require("../../../../__internal__/validation-message/__next__/validation-message.component.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var i=require("../../../../style/utils/filter-styled-system-margin-props.js"),l=require("../../../../style/utils/filter-out-styled-system-spacing-props.js"),a=require("../../../../hooks/__internal__/useUniqueId/index.js"),o=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),u=require("../../../../__internal__/error-border/error-border.style.js"),d=require("./text-input.style.js"),c=require("../../../../__internal__/hint-text/hint-text.component.js"),p=require("../../../../__internal__/label/label.component.js"),b=require("../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js"),f=require("../../../../__internal__/utils/helpers/combine-refs/index.js"),y=require("../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js");function _(e){return e&&e.__esModule?e:{default:e}}function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){j(e,r,t[r])}))}return e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const x=_(r).default.forwardRef(((_,j)=>{var{autoFocus:x,"aria-describedby":O,"aria-labelledby":g,children:v,"data-component":q="text-input","data-element":w,"data-is-open":I,"data-role":P,disabled:C,error:k,id:$,inputHint:W,inputIcon:z,inputWidth:T,label:D,labelInline:M=!1,leftChildren:R,maxWidth:S,name:E,onChange:F,onClick:B,onMouseDown:H,placeholder:V,prefix:A,readOnly:L,required:U,size:G="medium",type:J="text",validationMessagePositionTop:K,value:N,warning:Q}=_,X=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(_,["autoFocus","aria-describedby","aria-labelledby","children","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const Y=r.useRef(null),Z=f.default(j,Y),{disableErrorBorder:ee}=r.useContext(y.default),re={disabled:C,readOnly:L},[te,ne]=a.default($,E),{labelId:ie,validationId:le,ariaDescribedBy:ae}=s.default({id:te,validationRedesignOptIn:!0,error:k,warning:Q,label:D}),oe=r.useRef(o.default()),se=W?oe.current:void 0,ue=A?`${te}-prefix`:void 0,de=null!=T?T:M?80:100,ce=[se,ue,ae,O].filter(Boolean).join(" "),pe=!(!k&&!Q);b.default(!!k,!!Q,te);const be=pe&&!ee&&e.jsx(n.default,{id:le,size:G,error:k,warning:Q}),fe=pe&&!ee&&e.jsx(u.default,{"data-role":"error-border",$warning:!(k||!Q)}),ye=r.useCallback((e=>{C||L||null==H||H(e)}),[H,C,L]),_e=r.useCallback((e=>{C||L||null==B||B(e)}),[B,C,L]);return e.jsxs(d.StyledTextInput,m(h({"data-element":w,"data-role":P,"data-component":q,$size:G,$labelInline:M,$hasValidationFailure:M&&pe},i.default(X)),{children:[D&&e.jsxs(d.LabelWrapper,{"data-role":"label-wrapper",$labelInline:M,$size:G,$labelWrapperWidth:M&&"number"==typeof de?100-de:void 0,children:[e.jsx(p.default,m(h({id:ie,htmlFor:te,size:G,isRequired:U},re),{children:D})),W&&e.jsx(c.HintText,m(h({id:se,size:G},re),{children:W}))]}),e.jsxs(d.InputWrapper,{"data-role":"input-wrapper",$size:G,$maxWidth:S,$inputWidth:T,onClick:()=>{var e;C||L||document.activeElement===Y.current||null===(e=Y.current)||void 0===e||e.focus()},"data-is-open":I,children:[K&&be,e.jsx(t.default,m(h({id:te,name:ne,"aria-invalid":!!k,"aria-describedby":ce,"aria-labelledby":g,value:N,placeholder:C||L?void 0:V,required:U,ref:Z,autoFocus:x,onMouseDown:ye,onClick:_e,onChange:F,error:!!k,inputIcon:z,size:G,prefix:A,prefixId:ue,leftChildren:R,type:J},re,l.default(X)),{children:v})),!K&&be,fe]})]}))}));exports.TextInput=x,exports.default=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../__internal__/input/input.component.js"),n=require("../../../../__internal__/validation-message/__next__/validation-message.component.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var i=require("../../../../style/utils/filter-styled-system-margin-props.js"),l=require("../../../../style/utils/filter-out-styled-system-spacing-props.js"),a=require("../../../../hooks/__internal__/useUniqueId/index.js"),o=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),u=require("../../../../__internal__/error-border/error-border.style.js"),d=require("./text-input.style.js"),c=require("../../../../__internal__/hint-text/hint-text.component.js"),p=require("../../../../__internal__/label/label.component.js"),b=require("../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js"),f=require("../../../../__internal__/utils/helpers/combine-refs/index.js"),_=require("../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js"),y=require("../../../fieldset/__internal__/fieldset.context.js");function j(e){return e&&e.__esModule?e:{default:e}}function h(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(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){h(e,r,t[r])}))}return e}function x(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const O=j(r).default.forwardRef(((j,h)=>{var{autoFocus:O,"aria-describedby":g,"aria-labelledby":v,children:q,"data-component":w="text-input","data-element":I,"data-is-open":P,"data-role":C,disabled:k,error:$,id:z,inputHint:W,inputIcon:T,inputWidth:D,label:M,labelInline:R=!1,leftChildren:S,maxWidth:E,name:F,onChange:B,onClick:H,onMouseDown:V,placeholder:A,prefix:L,readOnly:U,required:G,size:J="medium",type:K="text",validationMessagePositionTop:N,value:Q,warning:X}=j,Y=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(j,["autoFocus","aria-describedby","aria-labelledby","children","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const Z=r.useRef(null),ee=f.default(h,Z),{disableErrorBorder:re}=r.useContext(_.default),te={disabled:k,readOnly:U},[ne,ie]=a.default(z,F),{labelId:le,validationId:ae,ariaDescribedBy:oe}=s.default({id:ne,validationRedesignOptIn:!0,error:$,warning:X,label:M}),se=r.useRef(o.default()),ue=W?se.current:void 0,de=L?`${ne}-prefix`:void 0,{size:ce,hasError:pe,required:be}=r.useContext(y.default),fe=ce||J,_e=!!$||!!pe,ye=null!=D?D:R?80:100,je=[ue,de,oe,g].filter(Boolean).join(" "),he=!(!$&&!X);b.default(!!$,!!X,ne);const me=he&&!re&&e.jsx(n.default,{id:ae,size:fe,error:$,warning:X}),xe=he&&!re&&e.jsx(u.default,{"data-role":"error-border",$warning:!($||!X)}),Oe=r.useCallback((e=>{k||U||null==V||V(e)}),[V,k,U]),ge=r.useCallback((e=>{k||U||null==H||H(e)}),[H,k,U]);return e.jsxs(d.StyledTextInput,x(m({"data-element":I,"data-role":C,"data-component":w,$size:fe,$labelInline:R,$hasValidationFailure:R&&he},i.default(Y)),{children:[M&&e.jsxs(d.LabelWrapper,{"data-role":"label-wrapper",$labelInline:R,$size:fe,$labelWrapperWidth:R&&"number"==typeof ye?100-ye:void 0,children:[e.jsx(p.default,x(m({id:le,htmlFor:ne,size:fe,isRequired:G},te),{children:M})),W&&e.jsx(c.HintText,x(m({id:ue,size:fe},te),{children:W}))]}),e.jsxs(d.InputWrapper,{"data-role":"input-wrapper",$size:fe,$maxWidth:E,$inputWidth:D,onClick:()=>{var e;k||U||document.activeElement===Z.current||null===(e=Z.current)||void 0===e||e.focus()},"data-is-open":P,children:[N&&me,e.jsx(t.default,x(m({id:ne,name:ie,"aria-invalid":_e,"aria-describedby":je,"aria-labelledby":v,value:Q,placeholder:k||U?void 0:A,required:G||be,ref:ee,autoFocus:O,onMouseDown:Oe,onClick:ge,onChange:B,error:_e,inputIcon:T,size:fe,prefix:L,prefixId:de,leftChildren:S,type:K},te,l.default(Y)),{children:q})),!N&&me,xe]})]}))}));exports.TextInput=O,exports.default=O;

package/lib/components/textbox/__internal__/__next__/text-input.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var i=l(e);const s=i.default.div.attrs(t.default).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"sc-bf599bd2-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.time &{gap:unset;}.search &{flex:1 1 0%;}"],a.margin,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),n=i.default.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"sc-bf599bd2-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n    --label-spacing: ${e}%;\n\n    [data-component="date-range"] & {\n      --label-spacing: ${2*e}%;\n    }\n  `),(({$labelInline:a,$size:t})=>e.css([""," ",""],a&&e.css(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!a&&e.css(["justify-content:flex-end;align-items:flex-start;"])))),p=i.default.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"sc-bf599bd2-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",' &[data-is-open="true"]{z-index:var(--adaptiveSidebarModalBackdrop,9999);}'],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:t})=>e.css([""," width:",";"],a&&`max-width: ${a};`,t?`${t}%`:"100%")));exports.InputWrapper=p,exports.LabelWrapper=n,exports.StyledTextInput=s;
+"use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e);const i=s.default.div.attrs(t.default).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"sc-567e10e6-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &{gap:var(--global-space-comp-xs);}.time &{gap:unset;}.search &{flex:1 1 0%;}"],a.margin,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),n=s.default.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"sc-567e10e6-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n    --label-spacing: ${e}%;\n\n    [data-component="date-range"] & {\n      --label-spacing: ${2*e}%;\n    }\n  `),(({$labelInline:a,$size:t})=>e.css([""," ",""],a&&e.css(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!a&&e.css(["justify-content:flex-end;align-items:flex-start;"])))),p=s.default.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"sc-567e10e6-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",' &[data-is-open="true"]{z-index:var(--adaptiveSidebarModalBackdrop,9999);}'],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:t})=>e.css([""," width:",";"],a&&`max-width: ${a};`,t?`${t}%`:"100%")));exports.InputWrapper=p,exports.LabelWrapper=n,exports.StyledTextInput=i;

package/lib/components/tile-select/tile-select.style.d.ts

@@ -28,10 +28,7 @@ declare const StyledTitleContainer: import("styled-components").StyledComponent<
 declare const StyledDeselectWrapper: import("styled-components").StyledComponent<"div", any, {
     hasActionAdornment: boolean;
 }, never>;
-declare const StyledTileSelectFieldset: import("styled-components").StyledComponent<{
-    ({ children, legend, required, ...rest }: import("../fieldset").FieldsetProps): import("react").JSX.Element;
-    displayName: string;
-}, any, {
+declare const StyledTileSelectFieldset: import("styled-components").StyledComponent<({ children, id, legend, legendHint, labelWeight, error, warning, required, validationMessagePositionTop, size, orientation, ...rest }: import("../fieldset").FieldsetProps) => import("react").JSX.Element, any, {
     theme: object;
 } & {
     multiSelect: boolean;

package/lib/components/tile-select/tile-select.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../fieldset/fieldset.component.js"),o=require("../../__internal__/legacy-input/input.component.js");require("react/jsx-runtime"),require("react"),require("../../__internal__/legacy-input/input-presentation.style.js"),require("../carbon-provider/__internal__/new-validation.context.js");var n=require("../fieldset/fieldset.style.js"),r=require("../icon/icon.style.js"),l=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}var c=a(e);const d=c.default.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"sc-166c5ec0-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=c.default.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"sc-166c5ec0-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),m=c.default.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"sc-166c5ec0-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),y=c.default.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"sc-166c5ec0-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),u=c.default.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"sc-166c5ec0-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:t})=>t&&e.css(["background:var(--colorsActionMajor025);"])),(({disabled:t})=>t&&e.css(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],d,p,y,m))),g=c.default.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"sc-166c5ec0-5"})(["",""],(({checked:t,hasFocus:i})=>e.css(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],t&&e.css(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&e.css([""," z-index:15;"],s.default())))),f=c.default.div.attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"sc-166c5ec0-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],t.margin,g,(({checked:t,disabled:i})=>!t&&!i&&e.css(["&:hover ","{background:var(--colorsActionMinor050);}"],u))),x=c.default.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"sc-166c5ec0-7"})(["width:fit-content;position:relative;z-index:200;"]),h=c.default.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"sc-166c5ec0-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n      span[data-element="chevron_down"] {\n        transition: transform 0.3s;\n        ${!e&&"transform: rotate(-90deg)"};\n      }\n  `)),_=c.default(o.default).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"sc-166c5ec0-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),S=c.default.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"sc-166c5ec0-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),v=c.default.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"sc-166c5ec0-11"})(["",""],(({hasActionAdornment:t})=>e.css(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],t&&`\n      margin-right: var(--sizing200);\n      display: flex;\n      align-items: baseline;\n      min-height: var(--sizing400);\n\n      ${r.default} {\n        top: 2px;\n      }\n    `))),b=c.default(i.Fieldset).attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"sc-166c5ec0-12"})([""," ","{margin-bottom:16px;font-size:16px;line-height:16px;margin-left:-2px;}",""],t.margin,n.StyledLegend,(({multiSelect:t})=>t&&e.css(["","{margin-bottom:8px;}"],f))),w=c.default.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"sc-166c5ec0-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);exports.StyledAccordionFooterWrapper=h,exports.StyledAdornment=m,exports.StyledDescription=y,exports.StyledDeselectWrapper=v,exports.StyledFocusWrapper=g,exports.StyledFooterWrapper=x,exports.StyledGroupDescription=w,exports.StyledSubtitle=p,exports.StyledTileSelect=u,exports.StyledTileSelectContainer=f,exports.StyledTileSelectFieldset=b,exports.StyledTileSelectInput=_,exports.StyledTitle=d,exports.StyledTitleContainer=S;
+"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../fieldset/fieldset.component.js"),o=require("../../__internal__/legacy-input/input.component.js");require("react/jsx-runtime"),require("react"),require("../../__internal__/legacy-input/input-presentation.style.js"),require("../carbon-provider/__internal__/new-validation.context.js");var n=require("../fieldset/fieldset.style.js"),l=require("../icon/icon.style.js"),r=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const c=d.default.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"sc-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=d.default.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"sc-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),y=d.default.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"sc-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),f=d.default.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"sc-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),m=d.default.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"sc-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:t})=>t&&e.css(["background:var(--colorsActionMajor025);"])),(({disabled:t})=>t&&e.css(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],c,p,f,y))),u=d.default.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"sc-88022e8f-5"})(["",""],(({checked:t,hasFocus:i})=>e.css(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],t&&e.css(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&e.css([""," z-index:15;"],s.default())))),g=d.default.div.attrs(r.default).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"sc-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],t.margin,u,(({checked:t,disabled:i})=>!t&&!i&&e.css(["&:hover ","{background:var(--colorsActionMinor050);}"],m))),x=d.default.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"sc-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),h=d.default.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"sc-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n      span[data-element="chevron_down"] {\n        transition: transform 0.3s;\n        ${!e&&"transform: rotate(-90deg)"};\n      }\n  `)),_=d.default(o.default).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"sc-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),S=d.default.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"sc-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),v=d.default.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"sc-88022e8f-11"})(["",""],(({hasActionAdornment:t})=>e.css(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],t&&`\n      margin-right: var(--sizing200);\n      display: flex;\n      align-items: baseline;\n      min-height: var(--sizing400);\n\n      ${l.default} {\n        top: 2px;\n      }\n    `))),b=d.default(i.Fieldset).attrs(r.default).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"sc-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],t.margin,n.StyledLegend,n.StyledFieldsetContent,(({multiSelect:t})=>t&&e.css(["","{margin-bottom:8px;}"],g))),w=d.default.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"sc-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);exports.StyledAccordionFooterWrapper=h,exports.StyledAdornment=y,exports.StyledDescription=f,exports.StyledDeselectWrapper=v,exports.StyledFocusWrapper=u,exports.StyledFooterWrapper=x,exports.StyledGroupDescription=w,exports.StyledSubtitle=p,exports.StyledTileSelect=m,exports.StyledTileSelectContainer=g,exports.StyledTileSelectFieldset=b,exports.StyledTileSelectInput=_,exports.StyledTitle=c,exports.StyledTitleContainer=S;

package/package.json

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