carbon-react 162.12.0-beta.1 → 162.13.0

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

@@ -1 +1 @@
-import{jsxs as e,jsx as n,Fragment as r}from"react/jsx-runtime";import i,{useContext as t,useState as l,useRef as o,useCallback as a,useEffect as s}from"react";import d from"../../__internal__/utils/helpers/tags/tags.js";import"../../__internal__/legacy-input/input.component.js";import u from"../../__internal__/legacy-input/input-presentation.component.js";import p from"../../hooks/useCharacterCount/useCharacterCount.js";import{InputContext as c,InputBehaviour as m}from"../../__internal__/input-behaviour/input-behaviour.component.js";import{InputGroupContext as b}from"../../__internal__/input-behaviour/input-group-behaviour.component.js";import h from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import g from"../../__internal__/utils/helpers/guid/index.js";import f,{StyledTextareaInput as v,StyledTextareaFieldLine as _,StyledTextareaLabelContainer as y,StyledTextareaValidationContainer as O}from"./textarea.style.js";import{TooltipProvider as j}from"../../__internal__/tooltip-provider/index.js";import w from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import x from"../../__internal__/error-border/error-border.style.js";import $ from"../../__internal__/validation-message/validation-message.component.js";import I from"../../__internal__/utils/logger/index.js";import{HintText as H}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import P from"../../style/utils/filter-styled-system-margin-props.js";import L from"../fieldset/__internal__/fieldset.context.js";import S from"../../__internal__/label/label.component.js";import{globalFontStaticCompRegularL as z,globalFontStaticCompRegularM as B,globalFontStaticCompRegularS as R,globalSpaceCompM as F,globalSpaceCompS as W,globalSpaceCompXs as A}from"./__internal__/tokens/index.js";function E(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function T(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(n){E(e,n,r[n])}))}return e}const C=e=>{const n=e.match(/^(-?\d*\.?\d+)(px|em|rem|%)$/);return n?parseFloat(n[1]):(I.warn(`Unexpected value/unit format: "${e}"`),0)},k={small:parseFloat(R.lineHeight.toString())*C(R.fontSize),medium:parseFloat(B.lineHeight.toString())*C(B.fontSize),large:parseFloat(z.lineHeight.toString())*C(z.fontSize)},q={small:C(A),medium:C(W),large:C(F)},D=e=>3*k[e]+2*q[e];let M=!1,N=!1;const U=i.forwardRef(((i,z)=>{var{"aria-labelledby":B,"aria-describedby":R,autoFocus:F,inputHint:W,fieldHelp:A,label:E,children:C,characterLimit:U,onChange:G,onFocus:J,onBlur:K,disabled:Q=!1,labelInline:V,labelAlign:X,labelHelp:Y,labelSpacing:Z,inputIcon:ee,id:ne,error:re,warning:ie,info:te,name:le,readOnly:oe=!1,placeholder:ae,expandable:se=!1,rows:de,validationOnLabel:ue=!1,adaptiveLabelBreakpoint:pe,inputWidth:ce,maxWidth:me,labelWidth:be=30,tooltipPosition:he,value:ge,"data-element":fe,"data-role":ve,helpAriaLabel:_e,borderRadius:ye,hideBorders:Oe=!1,required:je,isOptional:we,minHeight:xe,validationMessagePositionTop:$e=!0,resize:Ie="none",size:He="medium",maxRows:Pe,as:Le,align:Se,inputBorderRadius:ze,validationIconId:Be}=i,Re=function(e,n){if(null==e)return{};var r,i,t=function(e,n){if(null==e)return{};var r,i,t={},l=Object.keys(e);for(i=0;i<l.length;i++)r=l[i],n.indexOf(r)>=0||(t[r]=e[r]);return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)r=l[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(i,["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","resize","size","maxRows","as","align","inputBorderRadius","validationIconId"]);!M&&we&&(M=!0,I.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{hasError:Fe,required:We}=t(L),Ae=V,[Ee,Te]=l(D(He)),{current:Ce}=o(ne||g()),ke=o(null),qe=a((e=>{ke.current=e,z&&("current"in z?z.current=e:z(e))}),[z]),[De,Me]=l("off");s((()=>{const e=ke.current;if(!e)return;const n=()=>{e.classList.toggle("has-scrollbar",e.scrollHeight>e.clientHeight)};n(),e.addEventListener("input",n);const r=new ResizeObserver(n);return r.observe(e),()=>{e.removeEventListener("input",n),r.disconnect()}}),[]),Array.isArray(ye)&&ye.length>4&&!N&&(I.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),N=!0);const Ne=a((()=>{let e;Pe&&(e=Pe*k[He]+2*q[He]);const n=ke.current;if((null==n?void 0:n.scrollHeight)&&(null==n?void 0:n.scrollHeight)>Ee&&(null==n?void 0:n.scrollHeight)<=(null!=e?e:n.scrollHeight)){let e=n;for(;e&&!(null==e?void 0:e.scrollTop);)e=(null==e?void 0:e.parentElement)||null;const r=null==e?void 0:e.scrollTop;n.style.height="auto",n.style.height=`${Math.max(n.scrollHeight,Ee)}px`,e&&r&&(e.scrollTop=r)}}),[Ee,Pe,He]),{labelId:Ue,validationId:Ge,ariaDescribedBy:Je}=w({id:Ce,validationRedesignOptIn:!0,error:re,warning:ie,info:te,label:E,fieldHelp:A}),[Ke,Qe]=p(ge,U,De,He,Q);s((()=>{if(de){var e;Te((null==ke||null===(e=ke.current)||void 0===e?void 0:e.scrollHeight)||0)}else{if(!xe)return void Te(D(He));Te(xe>D(He)?xe:D(He))}}),[xe,de,He]),s((()=>{se&&Ne()})),s((()=>{var e,n;return se&&(window.addEventListener("resize",Ne),Te((null==ke||null===(e=ke.current)||void 0===e?void 0:e.clientHeight)||0),null===(n=document.fonts)||void 0===n||n.addEventListener("loadingdone",Ne)),()=>{var e;se&&(window.removeEventListener("resize",Ne),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Ne))}}),[Ne,se]);const Ve=!!(ee||Ge&&!ue),Xe=o(g()),Ye=W?Xe.current:void 0,Ze=[...$e?[Je,Ye]:[Ye,Je],Qe,R].filter(Boolean).join(" "),en=e(u,{disabled:Q,readOnly:oe,inputWidth:"number"==typeof ce?ce:100-be,maxWidth:me,error:re||Fe,warning:ie,info:te,borderRadius:ye,hideBorders:Oe,children:[n(b.Consumer,{children:({onFocus:e,onBlur:r})=>n(c.Consumer,{children:({onFocus:i,onBlur:t,inputRef:l})=>n(v,T({"aria-invalid":!!re||Fe,"aria-labelledby":B,"aria-describedby":Ze,autoFocus:F,name:le,value:ge,ref:e=>{qe(e),null==l||l({current:e})},onChange:G,onFocus:n=>((e,n,r)=>{U&&Me("polite"),null==J||J(e),null==n||n(),null==r||r()})(n,i,e),onBlur:e=>((e,n,r)=>{U&&Me("off"),null==K||K(e),null==n||n(),null==r||r()})(e,t,r),disabled:Q,readOnly:oe,placeholder:Q?"":ae,rows:de,id:Ce,"data-element":"input","data-role":"input",required:je||We},Re))})}),C,n(h,{disabled:Q,readOnly:oe,inputIcon:ee,error:re,warning:ie,info:te})]}),nn=P(Re);return n(j,{tooltipPosition:he,helpAriaLabel:_e,children:n(m,{children:n(f,(rn=T({labelInline:Ae,hasIcon:Ve,minHeight:Ee},nn,d("textarea",{"data-element":fe,"data-role":ve})),tn={$resize:Ie,$maxWidth:me,$size:He,$readOnly:oe,$hasHint:!!W,$isRequired:je,$disabled:Q,$hasWarning:!!ie,$hasError:!!re,borderRadius:ye,$labelSpacing:Z,$labelWidth:be,$hideBorders:Oe,$labelAlign:X,$labelInline:Ae,$align:Se,children:e(_,{$labelInline:Ae,children:[E&&n(y,{"data-role":"textarea-label-container",$labelInline:Ae,$labelAlign:X,$labelSpacing:Z,$size:He,children:n(S,{id:Ue,htmlFor:Ce,size:He,isRequired:je,disabled:Q,readOnly:oe,children:E})}),(W||Y)&&n(H,{size:He,id:Ye,"data-element":"input-hint",children:W||Y}),e(O,{labelInline:Ae,$inputWidth:ce,$labelWidth:be,children:[$e&&e(r,{children:[n($,{error:re,validationId:Ge,warning:ie,validationMessagePositionTop:$e}),(re||ie)&&n(x,{$warning:!(re||!ie)})]}),en,!$e&&e(r,{children:[n($,{error:re,validationId:Ge,warning:ie,validationMessagePositionTop:$e}),(re||ie)&&n(x,{$warning:!(re||!ie)})]}),Ke]})]})},tn=null!=tn?tn:{},Object.getOwnPropertyDescriptors?Object.defineProperties(rn,Object.getOwnPropertyDescriptors(tn)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(tn)).forEach((function(e){Object.defineProperty(rn,e,Object.getOwnPropertyDescriptor(tn,e))})),rn))})});var rn,tn}));U.displayName="Textarea";export{U as OriginalTextarea,U as Textarea,U as default,D as getDefaultMinHeightBySize,C as parseValueUnit};
+"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");require("../../__internal__/legacy-input/input.component.js");var n=require("../../__internal__/legacy-input/input-presentation.component.js"),i=require("../../hooks/useCharacterCount/useCharacterCount.js"),l=require("../../__internal__/input-behaviour/input-behaviour.component.js"),a=require("../../__internal__/input-behaviour/input-group-behaviour.component.js"),o=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("./textarea.style.js"),d=require("../../__internal__/tooltip-provider/index.js"),c=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),p=require("../../__internal__/error-border/error-border.style.js"),b=require("../../__internal__/validation-message/validation-message.component.js"),g=require("../../__internal__/utils/logger/index.js"),f=require("../../__internal__/hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var h=require("../../style/utils/filter-styled-system-margin-props.js"),m=require("../fieldset/__internal__/fieldset.context.js"),v=require("../../__internal__/label/label.component.js"),_=require("./__internal__/tokens/index.js");function y(e){return e&&e.__esModule?e:{default:e}}var x=y(t);function j(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]:{},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){j(e,t,r[t])}))}return e}const S=e=>{const t=e.match(/^(-?\d*\.?\d+)(px|em|rem|%)$/);return t?parseFloat(t[1]):(g.default.warn(`Unexpected value/unit format: "${e}"`),0)},w={small:parseFloat(_.globalFontStaticCompRegularS.lineHeight.toString())*S(_.globalFontStaticCompRegularS.fontSize),medium:parseFloat(_.globalFontStaticCompRegularM.lineHeight.toString())*S(_.globalFontStaticCompRegularM.fontSize),large:parseFloat(_.globalFontStaticCompRegularL.lineHeight.toString())*S(_.globalFontStaticCompRegularL.fontSize)},q={small:S(_.globalSpaceCompXs),medium:S(_.globalSpaceCompS),large:S(_.globalSpaceCompM)},I=e=>3*w[e]+2*q[e];let $=!1,C=!1;const H=x.default.forwardRef(((_,y)=>{var{"aria-labelledby":x,"aria-describedby":j,autoFocus:S,inputHint:H,fieldHelp:R,label:F,children:P,characterLimit:L,onChange:T,onFocus:B,onBlur:z,disabled:E=!1,labelInline:W,labelAlign:A,labelHelp:M,labelSpacing:k,inputIcon:D,id:U,error:V,warning:G,info:N,name:X,readOnly:J=!1,placeholder:K,expandable:Q=!1,rows:Y,validationOnLabel:Z=!1,adaptiveLabelBreakpoint:ee,inputWidth:te,maxWidth:re,labelWidth:ne=30,tooltipPosition:ie,value:le,"data-element":ae,"data-role":oe,helpAriaLabel:se,borderRadius:ue,hideBorders:de=!1,required:ce,isOptional:pe,minHeight:be,validationMessagePositionTop:ge=!0,resize:fe="none",size:he="medium",maxRows:me,as:ve,align:_e,inputBorderRadius:ye,validationIconId:xe}=_,je=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}(_,["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","resize","size","maxRows","as","align","inputBorderRadius","validationIconId"]);!$&&pe&&($=!0,g.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{hasError:Oe,required:Se}=t.useContext(m.default),we=W,[qe,Ie]=t.useState(I(he)),{current:$e}=t.useRef(U||s.default()),Ce=t.useRef(null),He=t.useCallback((e=>{Ce.current=e,y&&("current"in y?y.current=e:y(e))}),[y]),[Re,Fe]=t.useState("off");t.useEffect((()=>{const e=Ce.current;if(!e)return;const t=()=>{e.classList.toggle("has-scrollbar",e.scrollHeight>e.clientHeight)};t(),e.addEventListener("input",t);const r=new ResizeObserver(t);return r.observe(e),()=>{e.removeEventListener("input",t),r.disconnect()}}),[]),Array.isArray(ue)&&ue.length>4&&!C&&(g.default.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),C=!0);const Pe=t.useCallback((()=>{let e;me&&(e=me*w[he]+2*q[he]);const t=Ce.current;if((null==t?void 0:t.scrollHeight)&&(null==t?void 0:t.scrollHeight)>qe&&(null==t?void 0:t.scrollHeight)<=(null!=e?e:t.scrollHeight)){let e=t;for(;e&&!(null==e?void 0:e.scrollTop);)e=(null==e?void 0:e.parentElement)||null;const r=null==e?void 0:e.scrollTop;t.style.height="auto",t.style.height=`${Math.max(t.scrollHeight,qe)}px`,e&&r&&(e.scrollTop=r)}}),[qe,me,he]),{labelId:Le,validationId:Te,ariaDescribedBy:Be}=c.default({id:$e,validationRedesignOptIn:!0,error:V,warning:G,info:N,label:F,fieldHelp:R}),[ze,Ee]=i.default(le,L,Re,he,E);t.useEffect((()=>{if(Y){var e;Ie((null==Ce||null===(e=Ce.current)||void 0===e?void 0:e.scrollHeight)||0)}else{if(!be)return void Ie(I(he));Ie(be>I(he)?be:I(he))}}),[be,Y,he]),t.useEffect((()=>{Q&&Pe()})),t.useEffect((()=>{var e,t;return Q&&(window.addEventListener("resize",Pe),Ie((null==Ce||null===(e=Ce.current)||void 0===e?void 0:e.clientHeight)||0),null===(t=document.fonts)||void 0===t||t.addEventListener("loadingdone",Pe)),()=>{var e;Q&&(window.removeEventListener("resize",Pe),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Pe))}}),[Pe,Q]);const We=!!(D||Te&&!Z),Ae=t.useRef(s.default()),Me=H?Ae.current:void 0,ke=[...ge?[Be,Me]:[Me,Be],Ee,j].filter(Boolean).join(" "),De=e.jsxs(n.default,{disabled:E,readOnly:J,inputWidth:"number"==typeof te?te:100-ne,maxWidth:re,error:V||Oe,warning:G,info:N,borderRadius:ue,hideBorders:de,children:[e.jsx(a.InputGroupContext.Consumer,{children:({onFocus:t,onBlur:r})=>e.jsx(l.InputContext.Consumer,{children:({onFocus:n,onBlur:i,inputRef:l})=>e.jsx(u.StyledTextareaInput,O({"aria-invalid":!!V||Oe,"aria-labelledby":x,"aria-describedby":ke,autoFocus:S,name:X,value:le,ref:e=>{He(e),null==l||l({current:e})},onChange:T,onFocus:e=>((e,t,r)=>{L&&Fe("polite"),null==B||B(e),null==t||t(),null==r||r()})(e,n,t),onBlur:e=>((e,t,r)=>{L&&Fe("off"),null==z||z(e),null==t||t(),null==r||r()})(e,i,r),disabled:E,readOnly:J,placeholder:E?"":K,rows:Y,id:$e,"data-element":"input","data-role":"input",required:ce||Se},je))})}),P,e.jsx(o.default,{disabled:E,readOnly:J,inputIcon:D,error:V,warning:G,info:N})]}),Ue=h.default(je);return e.jsx(d.TooltipProvider,{tooltipPosition:ie,helpAriaLabel:se,children:e.jsx(l.InputBehaviour,{children:e.jsx(u.default,(Ve=O({labelInline:we,hasIcon:We,minHeight:qe},Ue,r.default("textarea",{"data-element":ae,"data-role":oe})),Ge={$resize:fe,$maxWidth:re,$size:he,$readOnly:J,$hasHint:!!H,$isRequired:ce,$disabled:E,$hasWarning:!!G,$hasError:!!V,borderRadius:ue,$labelSpacing:k,$labelWidth:ne,$hideBorders:de,$labelAlign:A,$labelInline:we,$align:_e,children:e.jsxs(u.StyledTextareaFieldLine,{$labelInline:we,children:[F&&e.jsx(u.StyledTextareaLabelContainer,{"data-role":"textarea-label-container",$labelInline:we,$labelAlign:A,$labelSpacing:k,$size:he,children:e.jsx(v.default,{id:Le,htmlFor:$e,size:he,isRequired:ce,disabled:E,readOnly:J,children:F})}),(H||M)&&e.jsx(f.HintText,{size:he,id:Me,"data-element":"input-hint",children:H||M}),e.jsxs(u.StyledTextareaValidationContainer,{labelInline:we,$inputWidth:te,$labelWidth:ne,children:[ge&&e.jsxs(e.Fragment,{children:[e.jsx(b.default,{error:V,validationId:Te,warning:G,validationMessagePositionTop:ge}),(V||G)&&e.jsx(p.default,{$warning:!(V||!G)})]}),De,!ge&&e.jsxs(e.Fragment,{children:[e.jsx(b.default,{error:V,validationId:Te,warning:G,validationMessagePositionTop:ge}),(V||G)&&e.jsx(p.default,{$warning:!(V||!G)})]}),ze]})]})},Ge=null!=Ge?Ge:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ve,Object.getOwnPropertyDescriptors(Ge)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(Ge)).forEach((function(e){Object.defineProperty(Ve,e,Object.getOwnPropertyDescriptor(Ge,e))})),Ve))})});var Ve,Ge}));H.displayName="Textarea",exports.OriginalTextarea=H,exports.Textarea=H,exports.default=H,exports.getDefaultMinHeightBySize=I,exports.parseValueUnit=S;

package/lib/components/textarea/textarea.style.js

@@ -1 +1 @@
-import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/hint-text/hint-text.style.js";import i from"../../__internal__/legacy-input/input-presentation.style.js";import t from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../../__internal__/validation-message/validation-message.style.js";import n from"../../style/themes/apply-base-theme.js";import{getDefaultMinHeightBySize as d}from"./textarea.component.js";import s from"../../style/utils/add-focus-styling.js";const c={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},b=(a,l)=>e(["font:",";"],{small:`var(--global-font-static-comp-${l}-s)`,medium:`var(--global-font-static-comp-${l}-m)`,large:`var(--global-font-static-comp-${l}-l)`}[a]),p=(a,l)=>a?e(["margin-bottom:0px;"]):e(["",";"],l&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[l]};`),g=a.div.attrs(n).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v162_12_0__sc-884bfc4e-0"})(["margin-bottom:var(--fieldSpacing);",';textarea[data-element="input"]{background:transparent;border:none;'," box-sizing:border-box;color:var(--input-typical-txt-default);display:block;flex-grow:1;margin:0;min-width:0;outline:none;border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}[data-role=\"textarea-label-container\"]{","}",' [data-component="label"]{color:',";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],l,(({$size:a})=>b(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:d(e)),(({$size:a})=>`${c[a].verticalPadding} ${c[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>{if(a&&"none"!==a)return e?`${r||100-l}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})||"100%"),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--global-size-m);"),(({$align:a})=>a&&`text-align: ${a};`),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(a=>"none"!==a.$resize&&e(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),(({$hasHint:a,$size:e})=>p(!!a,e)),(({labelInline:a,$labelSpacing:l,$size:r})=>a&&e(['[data-role="textarea-label-container"]{padding-top:',";margin-bottom:0px;","}"],"small"===r?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!l&&`padding-right: ${"large"===r?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>b(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:a,$size:l,$disabled:r})=>a&&e(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],b(l,"medium"),r?"disabled":"required")),t,i,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n        border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:a})=>a&&e(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:a})=>a&&e(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),i,s(),r,(({$size:a})=>p(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:a})=>e(["","{justify-content:",";}"],r,"right"!==a?"flex-start":"flex-end")),o,(({$hasWarning:a,$size:l})=>a&&e(["color:var(--input-validation-label-warn);",""],b(l,"regular"))),(({$hasError:a,$size:l})=>a&&e(["color:var(--input-validation-label-error);",""],b(l,"medium")))),m=a.div.withConfig({displayName:"textarea.style__StyledTextareaFieldLine",componentId:"carbon_v162_12_0__sc-884bfc4e-1"})(["display:",";"],(({$labelInline:a})=>a?"flex":"block")),u=a.div.withConfig({displayName:"textarea.style__StyledTextareaLabelContainer",componentId:"carbon_v162_12_0__sc-884bfc4e-2"})(["display:flex;flex-direction:column;margin-bottom:var(--global-space-comp-s);",""],(({$labelInline:a,$labelAlign:l,$labelSpacing:r,$size:i})=>{const t=a?null!=l?l:"right":null!=l?l:"left";return e(["align-items:",';[data-component="label"]{width:100%;text-align:',";}",""],"right"!==t?"flex-start":"flex-end","right"!==t?"left":"right",a&&e(["box-sizing:border-box;margin-bottom:0;width:","%;padding-right:",";"],30,a?r?`var(${1===r?"--global-space-comp-s":"--global-space-comp-l"})`:"large"===i?"var(--global-space-comp-xl)":"var(--global-space-comp-l)":void 0))})),v=a.textarea.withConfig({displayName:"textarea.style__StyledTextareaInput",componentId:"carbon_v162_12_0__sc-884bfc4e-3"})([""]),h=a.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"carbon_v162_12_0__sc-884bfc4e-4"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:l})=>a?`${e||100-l}%`:"100%"));export{m as StyledTextareaFieldLine,v as StyledTextareaInput,u as StyledTextareaLabelContainer,h as StyledTextareaValidationContainer,g as default,b as getFont};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("styled-components"),e=require("styled-system"),l=require("../../__internal__/hint-text/hint-text.style.js"),r=require("../../__internal__/legacy-input/input-presentation.style.js"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),i=require("../../__internal__/validation-message/validation-message.style.js"),o=require("../../style/themes/apply-base-theme.js"),n=require("./textarea.component.js"),d=require("../../style/utils/add-focus-styling.js");function s(a){return a&&a.__esModule?a:{default:a}}var c=s(a);const b={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},p=(e,l)=>{const r={small:`var(--global-font-static-comp-${l}-s)`,medium:`var(--global-font-static-comp-${l}-m)`,large:`var(--global-font-static-comp-${l}-l)`};return a.css(["font:",";"],r[e])},g=(e,l)=>e?a.css(["margin-bottom:0px;"]):a.css(["",";"],l&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[l]};`),u=c.default.div.attrs(o.default).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v162_12_0__sc-884bfc4e-0"})(["margin-bottom:var(--fieldSpacing);",';textarea[data-element="input"]{background:transparent;border:none;'," box-sizing:border-box;color:var(--input-typical-txt-default);display:block;flex-grow:1;margin:0;min-width:0;outline:none;border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}[data-role=\"textarea-label-container\"]{","}",' [data-component="label"]{color:',";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],e.margin,(({$size:a})=>p(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:n.getDefaultMinHeightBySize(e)),(({$size:a})=>`${b[a].verticalPadding} ${b[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>{if(a&&"none"!==a)return e?`${r||100-l}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})||"100%"),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--global-size-m);"),(({$align:a})=>a&&`text-align: ${a};`),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(e=>"none"!==e.$resize&&a.css(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),(({$hasHint:a,$size:e})=>g(!!a,e)),(({labelInline:e,$labelSpacing:l,$size:r})=>e&&a.css(['[data-role="textarea-label-container"]{padding-top:',";margin-bottom:0px;","}"],"small"===r?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!l&&`padding-right: ${"large"===r?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>p(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:e,$size:l,$disabled:r})=>e&&a.css(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],p(l,"medium"),r?"disabled":"required")),t.default,r.default,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n        border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:e})=>e&&a.css(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:e})=>e&&a.css(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),r.default,d.default(),l.default,(({$size:a})=>g(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:e})=>a.css(["","{justify-content:",";}"],l.default,"right"!==e?"flex-start":"flex-end")),i.default,(({$hasWarning:e,$size:l})=>e&&a.css(["color:var(--input-validation-label-warn);",""],p(l,"regular"))),(({$hasError:e,$size:l})=>e&&a.css(["color:var(--input-validation-label-error);",""],p(l,"medium")))),m=c.default.div.withConfig({displayName:"textarea.style__StyledTextareaFieldLine",componentId:"carbon_v162_12_0__sc-884bfc4e-1"})(["display:",";"],(({$labelInline:a})=>a?"flex":"block")),v=c.default.div.withConfig({displayName:"textarea.style__StyledTextareaLabelContainer",componentId:"carbon_v162_12_0__sc-884bfc4e-2"})(["display:flex;flex-direction:column;margin-bottom:var(--global-space-comp-s);",""],(({$labelInline:e,$labelAlign:l,$labelSpacing:r,$size:t})=>{const i=e?null!=l?l:"right":null!=l?l:"left",o=e?r?`var(${1===r?"--global-space-comp-s":"--global-space-comp-l"})`:"large"===t?"var(--global-space-comp-xl)":"var(--global-space-comp-l)":void 0;return a.css(["align-items:",';[data-component="label"]{width:100%;text-align:',";}",""],"right"!==i?"flex-start":"flex-end","right"!==i?"left":"right",e&&a.css(["box-sizing:border-box;margin-bottom:0;width:","%;padding-right:",";"],30,o))})),x=c.default.textarea.withConfig({displayName:"textarea.style__StyledTextareaInput",componentId:"carbon_v162_12_0__sc-884bfc4e-3"})([""]),h=c.default.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"carbon_v162_12_0__sc-884bfc4e-4"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:l})=>a?`${e||100-l}%`:"100%"));exports.StyledTextareaFieldLine=m,exports.StyledTextareaInput=x,exports.StyledTextareaLabelContainer=v,exports.StyledTextareaValidationContainer=h,exports.default=u,exports.getFont=p;

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

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

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

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

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

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

@@ -1 +1 @@
-import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import t from"../../../../style/themes/apply-base-theme.js";const n=a.div.attrs(t).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"carbon_v162_12_0__sc-6a6b7bdd-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 &,.numeral-date-wrapper &{gap:var(--global-space-comp-xs);}.time &{gap:var(--global-space-comp-xs);}"],l,(({$labelInline:a})=>a?"row":"column"),(({$labelInline:a,$size:e,$hasValidationFailure:l})=>{if(!a)switch(e){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"===e?l?"var(--global-space-comp-l)":"var(--global-space-comp-m)":l?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=a.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"carbon_v162_12_0__sc-6a6b7bdd-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:a})=>a&&`\n    --label-spacing: ${a}%;\n\n    [data-component="date-range"] & {\n      --label-spacing: ${2*a}%;\n    }\n  `),(({$labelInline:a,$size:l})=>e([""," ",""],a&&e(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],l.charAt(0)),!a&&e(["justify-content:flex-end;align-items:flex-start;"])))),p=a.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"carbon_v162_12_0__sc-6a6b7bdd-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:a})=>"small"===a?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:l})=>e([""," width:",";"],a&&`max-width: ${a};`,l?`${l}%`:"100%")));export{p as InputWrapper,i as LabelWrapper,n as StyledTextInput};
+"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 n=l(e);const s=n.default.div.attrs(t.default).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"carbon_v162_12_0__sc-6a6b7bdd-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 &,.numeral-date-wrapper &{gap:var(--global-space-comp-xs);}.time &{gap:var(--global-space-comp-xs);}"],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)"})),i=n.default.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"carbon_v162_12_0__sc-6a6b7bdd-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=n.default.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"carbon_v162_12_0__sc-6a6b7bdd-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$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=i,exports.StyledTextInput=s;

package/lib/components/textbox/__internal__/__next__/utils.js

@@ -1 +1 @@
-import{ICONS as e}from"../../../icon/icon-config.js";function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const r=e=>{const{label:r,placeholder:n}=e;return o=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({},e),l=null!=(l={label:r,placeholder:n})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(l)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(l)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(l,e))})),o;var o,l},n=(e=!1)=>({disabled:!1,readOnly:!1,prefix:"",label:e?"Label - new validation":"Label",inputHint:"",placeholder:"",labelInline:e,inputWidth:50,size:"medium",inputIcon:void 0,required:!1,error:"",warning:""}),o=()=>({disabled:{control:{type:"boolean"}},size:{options:["small","medium","large"],control:{type:"select"}},inputIcon:{options:["",...e],control:{type:"select"}},labelInline:{control:{type:"boolean"}},inputWidth:{control:{type:"range",min:0,max:100,step:1}},containerWidth:{control:{type:"range",min:0,max:100,step:1}},required:{control:{type:"boolean"}},error:{control:{type:"text"}},warning:{control:{type:"text"}}});export{o as commonTextInputArgTypes,n as getCommonTextInputArgs,r as getCommonTextInputArgsWithSpecialCharacters};
+"use strict";var e=require("../../../icon/icon-config.js");function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}exports.commonTextInputArgTypes=()=>({disabled:{control:{type:"boolean"}},size:{options:["small","medium","large"],control:{type:"select"}},inputIcon:{options:["",...e.ICONS],control:{type:"select"}},labelInline:{control:{type:"boolean"}},inputWidth:{control:{type:"range",min:0,max:100,step:1}},containerWidth:{control:{type:"range",min:0,max:100,step:1}},required:{control:{type:"boolean"}},error:{control:{type:"text"}},warning:{control:{type:"text"}}}),exports.getCommonTextInputArgs=(e=!1)=>({disabled:!1,readOnly:!1,prefix:"",label:e?"Label - new validation":"Label",inputHint:"",placeholder:"",labelInline:e,inputWidth:50,size:"medium",inputIcon:void 0,required:!1,error:"",warning:""}),exports.getCommonTextInputArgsWithSpecialCharacters=e=>{const{label:r,placeholder:n}=e;return o=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({},e),l=null!=(l={label:r,placeholder:n})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(l)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(l)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(l,e))})),o;var o,l};

package/lib/components/textbox/index.js

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

package/lib/components/textbox/package.json

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

package/lib/components/textbox/textbox.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as n,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useCallback as o,useState as l}from"react";import{TextInput as a}from"./__internal__/__next__/text-input.component.js";import c from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import d from"../../hooks/useCharacterCount/useCharacterCount.js";import u from"../../hooks/__internal__/useUniqueId/index.js";import p from"../../__internal__/utils/helpers/combine-refs/index.js";function s(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function f(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){s(e,n,r[n])}))}return e}const b="medium",m=30,h=!1,y=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),O=t.forwardRef(((t,s)=>{var{"aria-describedby":m,"aria-labelledby":h,characterLimit:O,children:g,"data-component":j,"data-element":w,"data-role":v,deferTimeout:C,disabled:_,error:x,formattedValue:P,fieldHelp:k,iconOnClick:I,iconOnMouseDown:D,iconTabIndex:S,id:T,inputHint:M,inputIcon:H,inputWidth:W,label:B,labelHelp:L,labelInline:q,leftChildren:z,maxWidth:E,name:F,onBlur:A,onFocus:V,onChange:$,onChangeDeferred:R,onClick:U,onMouseDown:G,placeholder:J,positionedChildren:K,prefix:N,readOnly:Q,required:X,size:Y=b,warning:Z,validationMessagePositionTop:ee=!0,value:ne}=t,re=function(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(t,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[te,ie]=u(T,F),oe=i(null),le=i(null),ae=p(s,le),ce=o((e=>{if(_||Q)return;const n=null!=I?I:U;null==n||n(e)}),[I,U,_,Q]),de=o((e=>{if(_||Q)return;const n=null!=D?D:G;null==n||n(e)}),[D,G,_,Q]),ue="string"==typeof H?r(c,{inputIcon:H,disabled:_,error:x,iconTabIndex:S,onClick:ce,onMouseDown:de,readOnly:Q,size:Y,warning:Z,blockFocusStyling:!0}):null,pe=o((e=>{R&&(oe.current&&clearTimeout(oe.current),oe.current=setTimeout((()=>{R(e)}),C||750))}),[R,C]),se=o((e=>{$(e),pe(e)}),[$,pe]),fe="string"==typeof ne?ne:"",[be,me]=l("off"),[he,ye]=d(fe,O,be),Oe=[m,ye,k?`${te}-field-help`:void 0].filter(Boolean).join(" "),ge="string"==typeof L?L:void 0;return e(n,{children:[r(a,(je=f({},(ve=re,Object.fromEntries(Object.entries(ve).filter((([e])=>!y.has(e)))))),we={id:te,label:B||"",labelInline:q,disabled:_,readOnly:Q,size:Y,prefix:N,inputHint:M||ge,inputIcon:ue,placeholder:J,value:"string"==typeof P?P:null!=ne?ne:"",inputWidth:W,error:x,warning:Z,"aria-describedby":Oe,"aria-labelledby":h,required:X,name:ie,onChange:se,onBlur:e=>{O&&me("off"),null==A||A(e)},onFocus:e=>{O&&me("polite"),null==V||V(e)},onClick:U,onMouseDown:G,ref:ae,maxWidth:E,"data-component":j,"data-element":w,"data-role":v,validationMessagePositionTop:ee,leftChildren:z||K,children:g},we=null!=we?we:{},Object.getOwnPropertyDescriptors?Object.defineProperties(je,Object.getOwnPropertyDescriptors(we)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(we)).forEach((function(e){Object.defineProperty(je,e,Object.getOwnPropertyDescriptor(we,e))})),je)),he,k&&r("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:W?W-1+"%":"100%",float:"right"},id:`${te}-field-help`,"aria-disabled":_||void 0,children:k})]});var je,we,ve}));export{h as LABEL_VALIDATION_DEFAULT,m as LABEL_WIDTH_DEFAULT,b as SIZE_DEFAULT,O as Textbox,O as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./__internal__/__next__/text-input.component.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),i=require("../../hooks/useCharacterCount/useCharacterCount.js"),l=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../__internal__/utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(n);function c(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){c(e,n,t[n])}))}return e}const s="medium",p=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),b=u.default.forwardRef(((a,u)=>{var{"aria-describedby":c,"aria-labelledby":b,characterLimit:f,children:h,"data-component":y,"data-element":O,"data-role":g,deferTimeout:m,disabled:j,error:x,formattedValue:_,fieldHelp:v,iconOnClick:w,iconOnMouseDown:C,iconTabIndex:I,id:k,inputHint:P,inputIcon:T,inputWidth:D,label:L,labelHelp:S,labelInline:q,leftChildren:M,maxWidth:E,name:A,onBlur:F,onFocus:H,onChange:W,onChangeDeferred:B,onClick:z,onMouseDown:U,placeholder:R,positionedChildren:V,prefix:$,readOnly:N,required:Z,size:G=s,warning:J,validationMessagePositionTop:K=!0,value:Q}=a,X=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[Y,ee]=l.default(k,A),ne=n.useRef(null),te=n.useRef(null),re=o.default(u,te),ie=n.useCallback((e=>{if(j||N)return;const n=null!=w?w:z;null==n||n(e)}),[w,z,j,N]),le=n.useCallback((e=>{if(j||N)return;const n=null!=C?C:U;null==n||n(e)}),[C,U,j,N]),oe="string"==typeof T?e.jsx(r.default,{inputIcon:T,disabled:j,error:x,iconTabIndex:I,onClick:ie,onMouseDown:le,readOnly:N,size:G,warning:J,blockFocusStyling:!0}):null,ae=n.useCallback((e=>{B&&(ne.current&&clearTimeout(ne.current),ne.current=setTimeout((()=>{B(e)}),m||750))}),[B,m]),ue=n.useCallback((e=>{W(e),ae(e)}),[W,ae]),ce="string"==typeof Q?Q:"",[de,se]=n.useState("off"),[pe,be]=i.default(ce,f,de),fe=[c,be,v?`${Y}-field-help`:void 0].filter(Boolean).join(" "),he="string"==typeof S?S:void 0;return e.jsxs(e.Fragment,{children:[e.jsx(t.TextInput,(ye=d({},(ge=X,Object.fromEntries(Object.entries(ge).filter((([e])=>!p.has(e)))))),Oe={id:Y,label:L||"",labelInline:q,disabled:j,readOnly:N,size:G,prefix:$,inputHint:P||he,inputIcon:oe,placeholder:R,value:"string"==typeof _?_:null!=Q?Q:"",inputWidth:D,error:x,warning:J,"aria-describedby":fe,"aria-labelledby":b,required:Z,name:ee,onChange:ue,onBlur:e=>{f&&se("off"),null==F||F(e)},onFocus:e=>{f&&se("polite"),null==H||H(e)},onClick:z,onMouseDown:U,ref:re,maxWidth:E,"data-component":y,"data-element":O,"data-role":g,validationMessagePositionTop:K,leftChildren:M||V,children:h},Oe=null!=Oe?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ye,Object.getOwnPropertyDescriptors(Oe)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(Oe)).forEach((function(e){Object.defineProperty(ye,e,Object.getOwnPropertyDescriptor(Oe,e))})),ye)),pe,v&&e.jsx("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:D?D-1+"%":"100%",float:"right"},id:`${Y}-field-help`,"aria-disabled":j||void 0,children:v})]});var ye,Oe,ge}));exports.LABEL_VALIDATION_DEFAULT=!1,exports.LABEL_WIDTH_DEFAULT=30,exports.SIZE_DEFAULT=s,exports.Textbox=b,exports.default=b;

package/lib/components/textbox/utils.js

@@ -1 +1 @@
-import{ICONS as e}from"../icon/icon-config.js";function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{},o=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),o.forEach((function(r){t(e,r,l[r])}))}return e}function l(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 o=(e=!1,t=!1,o=!1)=>l(r({disabled:o,readOnly:o,autoFocus:t,prefix:"",label:e?"Label - new validation":"Label",labelHelp:"",placeholder:"",adaptiveLabelBreakpoint:void 0},!e&&{fieldHelp:"",labelInline:!1,labelWidth:30,inputWidth:70,labelAlign:void 0,tooltipId:""}),{size:"medium",inputIcon:void 0,required:!1,characterLimit:void 0,error:"",warning:""}),n=e=>{const{prefix:t,fieldHelp:o,label:n,labelHelp:i,placeholder:p}=e;return l(r({},e),{prefix:t,fieldHelp:o,label:n,labelHelp:i,helpAriaLabel:i,placeholder:p})},i=t=>l(r({size:{options:["small","medium","large"],control:{type:"select"}},inputIcon:{options:["",...e],control:{type:"select"}},labelAlign:{options:["left","right"],control:{type:"select"}}},!t&&{labelWidth:{control:{type:"range",min:0,max:100,step:1}},inputWidth:{control:{type:"range",min:0,max:100,step:1}},tooltipId:{control:{type:"text"}}}),{adaptiveLabelBreakpoint:{control:{type:"number"}}});export{i as commonTextboxArgTypes,o as getCommonTextboxArgs,n as getCommonTextboxArgsWithSpecialCharacters};
+"use strict";var e=require("../icon/icon-config.js");function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},l=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),l.forEach((function(r){t(e,r,o[r])}))}return e}function o(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}exports.commonTextboxArgTypes=t=>o(r({size:{options:["small","medium","large"],control:{type:"select"}},inputIcon:{options:["",...e.ICONS],control:{type:"select"}},labelAlign:{options:["left","right"],control:{type:"select"}}},!t&&{labelWidth:{control:{type:"range",min:0,max:100,step:1}},inputWidth:{control:{type:"range",min:0,max:100,step:1}},tooltipId:{control:{type:"text"}}}),{adaptiveLabelBreakpoint:{control:{type:"number"}}}),exports.getCommonTextboxArgs=(e=!1,t=!1,l=!1)=>o(r({disabled:l,readOnly:l,autoFocus:t,prefix:"",label:e?"Label - new validation":"Label",labelHelp:"",placeholder:"",adaptiveLabelBreakpoint:void 0},!e&&{fieldHelp:"",labelInline:!1,labelWidth:30,inputWidth:70,labelAlign:void 0,tooltipId:""}),{size:"medium",inputIcon:void 0,required:!1,characterLimit:void 0,error:"",warning:""}),exports.getCommonTextboxArgsWithSpecialCharacters=e=>{const{prefix:t,fieldHelp:l,label:n,labelHelp:i,placeholder:p}=e;return o(r({},e),{prefix:t,fieldHelp:l,label:n,labelHelp:i,helpAriaLabel:i,placeholder:p})};

package/lib/components/tile/__internal__/compute-content-padding.js

@@ -1 +1 @@
-import{paddingRightPropertyNames as t,paddingXPropertyNames as r,paddingNames as s,paddingLeftPropertyNames as e}from"../../../style/utils/filter-styled-system-padding-props.js";const n=[...e,...r,...s],o=[...t,...r,...s];var p=t=>{const r=r=>{const s=r.find((r=>t[r]));return s?t[s]:s};return{pr:r(n),pl:r(o)}};export{p as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../style/utils/filter-styled-system-padding-props.js");const r=[...e.paddingLeftPropertyNames,...e.paddingXPropertyNames,...e.paddingNames],t=[...e.paddingRightPropertyNames,...e.paddingXPropertyNames,...e.paddingNames];exports.default=e=>{const s=r=>{const t=r.find((r=>e[r]));return t?e[t]:t};return{pr:s(r),pl:s(t)}};

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

@@ -1 +1 @@
-import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,o]=e({name:"TileContext",errorMessage:"Carbon Tile: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{hasFooter:!1,setHasFooter:()=>{},footerVariant:void 0,setFooterVariant:()=>{}}});export{t as TileProvider,o as useTileContext};
+"use strict";var e=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[t,r]=e.default({name:"TileContext",errorMessage:"Carbon Tile: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{hasFooter:!1,setHasFooter:()=>{},footerVariant:void 0,setFooterVariant:()=>{}}});exports.TileProvider=t,exports.useTileContext=r;

package/lib/components/tile/flex-tile-cell/flex-tile-cell.component.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r}from"react/jsx-runtime";import"react";import{Box as t}from"../../box/box.component.js";import n from"../../../__internal__/utils/helpers/tags/tags.js";function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const l=l=>{var i,c,{children:f,flexGrow:p=1,flexBasis:s="160px",flexShrink:a=0}=l,b=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(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)&&(o[t]=e[t])}return o}(l,["children","flexGrow","flexBasis","flexShrink"]);return f?e(t,(i=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({display:"flex",position:"relative",flexGrow:p,flexBasis:s,flexShrink:a},b,n("flex-tile-cell",b)),c=null!=(c={children:f})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(c,e))})),i)):e(r,{})};export{l as FlexTileCell,l as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),t=require("../../../__internal__/utils/helpers/tags/tags.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const o=o=>{var l,i,{children:c,flexGrow:s=1,flexBasis:f="160px",flexShrink:u=0}=o,a=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(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)&&(o[t]=e[t])}return o}(o,["children","flexGrow","flexBasis","flexShrink"]);return c?e.jsx(r.Box,(l=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({display:"flex",position:"relative",flexGrow:s,flexBasis:f,flexShrink:u},a,t.default("flex-tile-cell",a)),i=null!=(i={children:c})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(i)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(i)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(i,e))})),l)):e.jsx(e.Fragment,{})};exports.FlexTileCell=o,exports.default=o;

package/lib/components/tile/flex-tile-cell/index.js

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

package/lib/components/tile/flex-tile-cell/package.json

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

package/lib/components/tile/flex-tile-container/flex-tile-container.component.js

@@ -1 +1 @@
-import{jsx as t,Fragment as e}from"react/jsx-runtime";import"react";import{Box as o}from"../../box/box.component.js";const r=({children:r,columnGap:n=2,overflow:i="hidden"})=>r?t(o,{alignContent:"stretch",alignItems:"stretch",display:"flex",flexDirection:"row",flexWrap:"wrap",columnGap:n,justifyContent:"flex-start",overflow:i,width:"100%","data-component":"flex-tile-container",children:r}):t(e,{});export{r as FlexTileContainer,r as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../../box/box.component.js");const r=({children:r,columnGap:o=2,overflow:n="hidden"})=>r?e.jsx(t.Box,{alignContent:"stretch",alignItems:"stretch",display:"flex",flexDirection:"row",flexWrap:"wrap",columnGap:o,justifyContent:"flex-start",overflow:n,width:"100%","data-component":"flex-tile-container",children:r}):e.jsx(e.Fragment,{});exports.FlexTileContainer=r,exports.default=r;

package/lib/components/tile/flex-tile-container/index.js

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

package/lib/components/tile/flex-tile-container/package.json

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

package/lib/components/tile/flex-tile-divider/flex-tile-divider.component.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import"react";import{Box as t}from"../../box/box.component.js";import{Divider as r}from"../../divider/divider.component.js";const i=()=>o(t,{position:"absolute",bottom:"0px",left:"0px",height:"1px",width:"100vw",m:"0px 0px -1px 0px",children:o(r,{type:"horizontal","aria-hidden":!0,"data-role":"hr",m:0})});export{i as FlexTileDivider,i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),i=require("../../divider/divider.component.js");const t=()=>e.jsx(r.Box,{position:"absolute",bottom:"0px",left:"0px",height:"1px",width:"100vw",m:"0px 0px -1px 0px",children:e.jsx(i.Divider,{type:"horizontal","aria-hidden":!0,"data-role":"hr",m:0})});exports.FlexTileDivider=t,exports.default=t;

package/lib/components/tile/flex-tile-divider/index.js

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

package/lib/components/tile/flex-tile-divider/package.json

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

package/lib/components/tile/index.js

@@ -1 +1 @@
-export{default as Tile}from"./tile.component.js";export{default as TileContent}from"./tile-content/tile-content.component.js";export{TileFooter}from"./tile-footer/tile-footer.component.js";export{TileHeader}from"./tile-header/tile-header.component.js";export{FlexTileContainer}from"./flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./flex-tile-divider/flex-tile-divider.component.js";
+"use strict";var e=require("./tile.component.js"),l=require("./tile-content/tile-content.component.js"),i=require("./tile-footer/tile-footer.component.js"),t=require("./tile-header/tile-header.component.js"),r=require("./flex-tile-container/flex-tile-container.component.js"),o=require("./flex-tile-cell/flex-tile-cell.component.js"),n=require("./flex-tile-divider/flex-tile-divider.component.js");exports.Tile=e.default,exports.TileContent=l.default,exports.TileFooter=i.TileFooter,exports.TileHeader=t.TileHeader,exports.FlexTileContainer=r.FlexTileContainer,exports.FlexTileCell=o.FlexTileCell,exports.FlexTileDivider=n.FlexTileDivider;

package/lib/components/tile/package.json

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

package/lib/components/tile/tile-content/index.js

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

package/lib/components/tile/tile-content/package.json

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

package/lib/components/tile/tile-content/tile-content.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../../__internal__/utils/helpers/tags/tags.js";import r from"../../../style/utils/filter-styled-system-padding-props.js";import n from"../../../style/utils/filter-styled-system-margin-props.js";import{Box as o}from"../../box/box.component.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}const c=i=>{var{children:c,width:s,height:p}=i,f=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children","width","height"]);if(!c)return null;const u=l({},r(f),n(f));return e(o,(b=l({"data-role":"tile-content",width:s,height:p,flexGrow:s||p?0:1,position:"relative",boxSizing:"border-box",display:"inline"},u,t("tile-content",f)),a=null!=(a={children:c})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(a)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(a)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(a,e))})),b));var b,a};export{c as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../../../__internal__/utils/helpers/tags/tags.js"),r=require("../../../style/utils/filter-styled-system-padding-props.js"),n=require("../../../style/utils/filter-styled-system-margin-props.js"),i=require("../../box/box.component.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}exports.default=o=>{var{children:c,width:s,height:u}=o,a=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(o,["children","width","height"]);if(!c)return null;const p=l({},r.default(a),n.default(a));return e.jsx(i.Box,(b=l({"data-role":"tile-content",width:s,height:u,flexGrow:s||u?0:1,position:"relative",boxSizing:"border-box",display:"inline"},p,t.default("tile-content",a)),f=null!=(f={children:c})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(b,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(b,e,Object.getOwnPropertyDescriptor(f,e))})),b));var b,f};

package/lib/components/tile/tile-footer/index.js

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

package/lib/components/tile/tile-footer/package.json

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

package/lib/components/tile/tile-footer/tile-footer.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useEffect as t}from"react";import r from"./tile-footer.style.js";import n from"../../../__internal__/utils/helpers/tags/tags.js";import o from"../../../style/utils/filter-styled-system-padding-props.js";import{useTileContext as i}from"../__internal__/tile.context.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const l=l=>{var{variant:s,children:a}=l,f=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["variant","children"]);const{setHasFooter:p,setFooterVariant:u}=i(),b="black"===s?"selected":"selected"===s||"active"===s?s:void 0;return t((()=>(p(!0),u(b),()=>{p(!1),u(void 0)})),[b,u,p]),e(r,(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){c(e,t,r[t])}))}return e}({variant:b},o(f),n("tile-footer",f)),y=null!=(y={children:a})?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(y)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(y)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(y,e))})),O));var O,y};export{l as TileFooter,l as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./tile-footer.style.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),o=require("../../../style/utils/filter-styled-system-padding-props.js"),i=require("../__internal__/tile.context.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=c=>{var{variant:s,children:u}=c,a=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["variant","children"]);const{setHasFooter:f,setFooterVariant:p}=i.useTileContext(),b="black"===s?"selected":"selected"===s||"active"===s?s:void 0;return t.useEffect((()=>(f(!0),p(b),()=>{f(!1),p(void 0)})),[b,p,f]),e.jsx(r.default,(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){l(e,t,r[t])}))}return e}({variant:b},o.default(a),n.default("tile-footer",a)),y=null!=(y={children:u})?y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(y)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(y)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(y,e))})),O));var O,y};exports.TileFooter=c,exports.default=c;

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

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import{padding as a}from"styled-system";import r from"../../../style/themes/apply-base-theme.js";const o=t.div.attrs(r).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v162_12_0__sc-9929f508-0"})(["display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 var(--global-space-comp-xl);height:var(--global-size-l);"," ",""],a,(({variant:t})=>e(["border-bottom-left-radius:calc( var(--tileBorderRadius) - "," );border-bottom-right-radius:calc( var(--tileBorderRadius) - "," );background:",";border-top:1px solid ",";",";",";"],t?"3px":"0px",t?"3px":"0px",(t=>{switch(t){case"selected":return"var(--container-action-bg-footer-active)";case"active":return"var(--container-action-bg-footer-activated)";default:return"transparent"}})(t),"selected"===t||"active"===t?"transparent":"var(--container-standard-border-default)",t&&"font: var(--global-font-static-comp-medium-l)",t&&`color: var(--container-action-label-footer-${"selected"===t?"activated":"active"})`)));export{o as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(e).default.div.attrs(r.default).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v162_12_0__sc-9929f508-0"})(["display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 var(--global-space-comp-xl);height:var(--global-size-l);"," ",""],t.padding,(({variant:t})=>e.css(["border-bottom-left-radius:calc( var(--tileBorderRadius) - "," );border-bottom-right-radius:calc( var(--tileBorderRadius) - "," );background:",";border-top:1px solid ",";",";",";"],t?"3px":"0px",t?"3px":"0px",(e=>{switch(e){case"selected":return"var(--container-action-bg-footer-active)";case"active":return"var(--container-action-bg-footer-activated)";default:return"transparent"}})(t),"selected"===t||"active"===t?"transparent":"var(--container-standard-border-default)",t&&"font: var(--global-font-static-comp-medium-l)",t&&`color: var(--container-action-label-footer-${"selected"===t?"activated":"active"})`)));exports.default=o;

package/lib/components/tile/tile-header/index.js

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

package/lib/components/tile/tile-header/package.json

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

package/lib/components/tile/tile-header/tile-header.component.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import"react";import{Box as e}from"../../box/box.component.js";import t from"../../../__internal__/utils/helpers/tags/tags.js";import n from"../../../style/utils/filter-styled-system-padding-props.js";function o(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}const i={transparent:"transparent",black:"var(--colorsUtilityYin100)",grey:"var(--colorsUtilityMajor025)",default:"var(--colorsUtilityMajor100)"},c=c=>{var l,a,{variant:p,children:s}=c,u=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},i=Object.keys(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(c,["variant","children"]);return r(e,(l=function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){o(r,e,t[e])}))}return r}({"data-component":"tile-header",backgroundColor:i[p||"default"]},n(u),t("tile-header",u)),a=null!=(a={children:s})?a:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(a)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(a)).forEach((function(r){Object.defineProperty(l,r,Object.getOwnPropertyDescriptor(a,r))})),l))};export{c as TileHeader,c as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../style/utils/filter-styled-system-padding-props.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const i={transparent:"transparent",black:"var(--colorsUtilityYin100)",grey:"var(--colorsUtilityMajor025)",default:"var(--colorsUtilityMajor100)"},l=l=>{var a,c,{variant:s,children:u}=l,p=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}(l,["variant","children"]);return e.jsx(r.Box,(a=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({"data-component":"tile-header",backgroundColor:i[s||"default"]},n.default(p),t.default("tile-header",p)),c=null!=(c={children:u})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(c,e))})),a))};exports.TileHeader=l,exports.default=l;

package/lib/components/tile/tile.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"react";import{StyledTileWrapper as n,StyledTileKeyline as i,StyledTile as o}from"./tile.style.js";import{TileProvider as s}from"./__internal__/tile.context.js";import l from"../../style/utils/filter-styled-system-padding-props.js";import a from"../../style/utils/filter-styled-system-margin-props.js";import c from"../../__internal__/utils/helpers/tags/tags.js";import{TILE_ROUNDNESS_VALUE_MAP as u,HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP as p,TILE_VARIANT_DEPRECATION_MAP as f}from"./tile.config.js";import d from"../../__internal__/utils/logger/index.js";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 h(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){y(e,t,r[t])}))}return e}let m=!1;const O=y=>{var{variant:O="standard",p:g,children:b,width:j="100%",roundness:v="curved",height:w,highlightVariant:P,hasOutline:_=!0,inverse:S,statusKeyline:x}=y,V=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(y,["variant","p","children","width","roundness","height","highlightVariant","hasOutline","inverse","statusKeyline"]);!m&&["default","large","small"].includes(v)&&(m=!0,d.deprecate(`The legacy roundness value: '${v}' in Tile is deprecated. Please use 'curved' or 'moderate' instead.`));const k=u[v],D=l(h({p:g},V)),F=a(V),K=x||(P?p[P]:void 0);let E;E=O in f?f[O]:O;const[$,T]=r.useState(!1),[H,I]=r.useState(void 0);return e(n,{"data-role":"tile-wrapper",roundness:k,width:j,height:w,children:t(s,{value:{hasFooter:$,setHasFooter:T,footerVariant:H,setFooterVariant:I},children:[e(i,{"data-role":"tile-keyline",statusKeyline:K,inverse:S}),e(o,(q=h({variant:E,p:g,roundness:k},D,F,c("tile",V)),z={hasOutline:_,inverse:S,statusKeyline:K,$hasFooter:$,$footerVariant:H,children:b},z=null!=z?z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(q,Object.getOwnPropertyDescriptors(z)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(z)).forEach((function(e){Object.defineProperty(q,e,Object.getOwnPropertyDescriptor(z,e))})),q))]})});var q,z};export{O as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./tile.style.js"),n=require("./__internal__/tile.context.js"),i=require("../../style/utils/filter-styled-system-padding-props.js"),l=require("../../style/utils/filter-styled-system-margin-props.js"),s=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("./tile.config.js"),o=require("../../__internal__/utils/logger/index.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(t);function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},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){d(e,t,r[t])}))}return e}let y=!1;exports.default=t=>{var{variant:u="standard",p:d,children:f,width:O="100%",roundness:h="curved",height:j,highlightVariant:b,hasOutline:g=!0,inverse:_,statusKeyline:v}=t,P=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}(t,["variant","p","children","width","roundness","height","highlightVariant","hasOutline","inverse","statusKeyline"]);!y&&["default","large","small"].includes(h)&&(y=!0,o.default.deprecate(`The legacy roundness value: '${h}' in Tile is deprecated. Please use 'curved' or 'moderate' instead.`));const T=a.TILE_ROUNDNESS_VALUE_MAP[h],m=i.default(p({p:d},P)),w=l.default(P),S=v||(b?a.HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP[b]:void 0);let A;A=u in a.TILE_VARIANT_DEPRECATION_MAP?a.TILE_VARIANT_DEPRECATION_MAP[u]:u;const[E,I]=c.default.useState(!1),[x,q]=c.default.useState(void 0);return e.jsx(r.StyledTileWrapper,{"data-role":"tile-wrapper",roundness:T,width:O,height:j,children:e.jsxs(n.TileProvider,{value:{hasFooter:E,setHasFooter:I,footerVariant:x,setFooterVariant:q},children:[e.jsx(r.StyledTileKeyline,{"data-role":"tile-keyline",statusKeyline:S,inverse:_}),e.jsx(r.StyledTile,(V=p({variant:A,p:d,roundness:T},m,w,s.default("tile",P)),N={hasOutline:g,inverse:_,statusKeyline:S,$hasFooter:E,$footerVariant:x,children:f},N=null!=N?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(V,Object.getOwnPropertyDescriptors(N)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(N)).forEach((function(e){Object.defineProperty(V,e,Object.getOwnPropertyDescriptor(N,e))})),V))]})});var V,N};

package/lib/components/tile/tile.config.js

@@ -1 +1 @@
-const e=["horizontal","vertical"],t=["tile","transparent","active","grey"],a=["default","info","selected","negative","positive","caution"],r=["gradient","success","neutral","error","warning","info","important"],i=["ai","informational","positive","warning","negative","neutral","important"],n={success:"positive",neutral:"neutral",error:"negative",warning:"warning",info:"informational",important:"important",gradient:"ai"},o={default:"curved",curved:"curved",moderate:"moderate",small:"moderate",large:"moderate"},l={tile:"standard",transparent:"standard",active:"positive",grey:"alt"};export{n as HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP,i as STATUS_KEYLINE_VARIANTS,a as TILE_BORDER_VARIANTS,r as TILE_HIGHLIGHT_VARIANTS,e as TILE_ORIENTATIONS,o as TILE_ROUNDNESS_VALUE_MAP,t as TILE_THEMES,l as TILE_VARIANT_DEPRECATION_MAP};
+"use strict";exports.HIGHLIGHT_VARIANT_TO_STATUS_KEYLINE_MAP={success:"positive",neutral:"neutral",error:"negative",warning:"warning",info:"informational",important:"important",gradient:"ai"},exports.STATUS_KEYLINE_VARIANTS=["ai","informational","positive","warning","negative","neutral","important"],exports.TILE_BORDER_VARIANTS=["default","info","selected","negative","positive","caution"],exports.TILE_HIGHLIGHT_VARIANTS=["gradient","success","neutral","error","warning","info","important"],exports.TILE_ORIENTATIONS=["horizontal","vertical"],exports.TILE_ROUNDNESS_VALUE_MAP={default:"curved",curved:"curved",moderate:"moderate",small:"moderate",large:"moderate"},exports.TILE_THEMES=["tile","transparent","active","grey"],exports.TILE_VARIANT_DEPRECATION_MAP={tile:"standard",transparent:"standard",active:"positive",grey:"alt"};

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

@@ -1 +1 @@
-import r,{css as a}from"styled-components";import{space as e}from"styled-system";import t from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/element-sizing.js";const o=({variant:r,inverse:a})=>{switch(r){case"alt":return{color:`var(--container-standard-${a?"inverse-":""}txt-default)`,border:`var(--container-standard-${a?"inverse-":""}border-default)`,bg:`var(--container-standard-${a?"inverse-":""}bg-alt)`};case"positive":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-success-border-default)",bg:"var(--message-contextual-success-bg-alt)"};case"negative":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-error-border-default)",bg:"var(--message-contextual-error-bg-alt)"};case"unavailable":return{color:"var(--container-standard-txt-default)",border:"var(--container-action-border-inactive)",bg:"var(--container-action-bg-disabled)"};default:return{color:`var(--container-standard-${a?"inverse-":""}txt-default)`,border:`var(--container-standard-${a?"inverse-":""}border-default)`,bg:`var(--container-standard-${a?"inverse-":""}bg-default)`}}},n=r=>"moderate"===r?"var(--global-radius-container-l)":"var(--global-radius-container-xl)",s=r.div.attrs(t).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v162_12_0__sc-86252930-0"})(["",""],(({hasOutline:r,variant:t,inverse:i,roundness:s,$hasFooter:d,$footerVariant:l})=>a(["padding:var(--global-space-comp-xl);"," box-sizing:border-box;border:",";border-radius:",";--tileBorderRadius:",";background-color:",";color:",';> *:first-child:not([data-role="tile-content"]){border-top-left-radius:calc('," - 1px);border-bottom-left-radius:calc(",' - 1px);}> *:last-child:not([data-role="tile-content"]){border-top-right-radius:calc('," - 1px);border-bottom-right-radius:calc(",' - 1px);}display:flex;flex-direction:row;position:relative;height:100%;> [data-role="tile-content"]:not(:last-of-type){margin-right:var(--global-space-comp-s);border-right:solid 1px var(--container-standard-border-default);}[data-component="tile-header"]{border-radius:'," "," 0 0;}"],e,(({$hasFooter:r,$footerVariant:a,hasOutline:e,variant:t,inverse:i})=>!r||"selected"!==a&&"active"!==a?`var(--global-borderwidth-xs) solid ${e?o({variant:t,inverse:i}).border:"transparent"}`:"var(--global-borderwidth-s) solid "+("selected"===a?"var(--container-action-border-active)":"var(--container-action-bg-footer-activated)"))({$hasFooter:d,$footerVariant:l,hasOutline:r,variant:t,inverse:i}),n(s),n(s),o({variant:t,inverse:i}).bg,o({variant:t,inverse:i}).color,n(s),n(s),n(s),n(s),n(s),n(s)))),d=r.div.withConfig({displayName:"tile.style__StyledTileWrapper",componentId:"carbon_v162_12_0__sc-86252930-1"})(["position:relative;overflow:hidden;border-radius:",";",""],(({roundness:r})=>n(r)),(({width:r,height:e})=>a(["",""],i({width:r||void 0,height:e||void 0})))),l=r.div.withConfig({displayName:"tile.style__StyledTileKeyline",componentId:"carbon_v162_12_0__sc-86252930-2"})(["",""],(({statusKeyline:r,inverse:e})=>r&&a(["position:absolute;top:0;left:0;height:100%;width:var(--global-size-4-xs);background:",";z-index:1;"],(({variant:r,inverse:a})=>{switch(r){case"informational":return a?"var(--container-standard-priority-inverse-bg-info)":"var(--container-standard-priority-bg-info)";case"positive":return a?"var(--container-standard-priority-inverse-bg-positive)":"var(--container-standard-priority-bg-positive)";case"warning":return a?"var(--container-standard-priority-inverse-bg-caution)":"var(--container-standard-priority-bg-caution)";case"negative":return a?"var(--container-standard-priority-inverse-bg-negative)":"var(--container-standard-priority-bg-negative)";case"neutral":return a?"var(--container-standard-priority-inverse-bg-neutral)":"var(--container-standard-priority-bg-neutral)";case"important":return a?"var(--container-standard-priority-inverse-bg-prio)":"var(--container-standard-priority-bg-prio)";default:return"linear-gradient(to bottom, var(--mode-color-ai-alt-stop-1) 0%, var(--mode-color-ai-alt-stop-2) 40%, var(--mode-color-ai-alt-stop-3) 90%)"}})({variant:r,inverse:e}))));export{s as StyledTile,l as StyledTileKeyline,d as StyledTileWrapper};
+"use strict";var r=require("styled-components"),e=require("styled-system"),a=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/element-sizing.js");function i(r){return r&&r.__esModule?r:{default:r}}var n=i(r);const o=({variant:r,inverse:e})=>{switch(r){case"alt":return{color:`var(--container-standard-${e?"inverse-":""}txt-default)`,border:`var(--container-standard-${e?"inverse-":""}border-default)`,bg:`var(--container-standard-${e?"inverse-":""}bg-alt)`};case"positive":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-success-border-default)",bg:"var(--message-contextual-success-bg-alt)"};case"negative":return{color:"var(--container-standard-txt-default)",border:"var(--message-contextual-error-border-default)",bg:"var(--message-contextual-error-bg-alt)"};case"unavailable":return{color:"var(--container-standard-txt-default)",border:"var(--container-action-border-inactive)",bg:"var(--container-action-bg-disabled)"};default:return{color:`var(--container-standard-${e?"inverse-":""}txt-default)`,border:`var(--container-standard-${e?"inverse-":""}border-default)`,bg:`var(--container-standard-${e?"inverse-":""}bg-default)`}}},s=r=>"moderate"===r?"var(--global-radius-container-l)":"var(--global-radius-container-xl)",d=n.default.div.attrs(a.default).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v162_12_0__sc-86252930-0"})(["",""],(({hasOutline:a,variant:t,inverse:i,roundness:n,$hasFooter:d,$footerVariant:l})=>r.css(["padding:var(--global-space-comp-xl);"," box-sizing:border-box;border:",";border-radius:",";--tileBorderRadius:",";background-color:",";color:",';> *:first-child:not([data-role="tile-content"]){border-top-left-radius:calc('," - 1px);border-bottom-left-radius:calc(",' - 1px);}> *:last-child:not([data-role="tile-content"]){border-top-right-radius:calc('," - 1px);border-bottom-right-radius:calc(",' - 1px);}display:flex;flex-direction:row;position:relative;height:100%;> [data-role="tile-content"]:not(:last-of-type){margin-right:var(--global-space-comp-s);border-right:solid 1px var(--container-standard-border-default);}[data-component="tile-header"]{border-radius:'," "," 0 0;}"],e.space,(({$hasFooter:r,$footerVariant:e,hasOutline:a,variant:t,inverse:i})=>!r||"selected"!==e&&"active"!==e?`var(--global-borderwidth-xs) solid ${a?o({variant:t,inverse:i}).border:"transparent"}`:"var(--global-borderwidth-s) solid "+("selected"===e?"var(--container-action-border-active)":"var(--container-action-bg-footer-activated)"))({$hasFooter:d,$footerVariant:l,hasOutline:a,variant:t,inverse:i}),s(n),s(n),o({variant:t,inverse:i}).bg,o({variant:t,inverse:i}).color,s(n),s(n),s(n),s(n),s(n),s(n)))),l=n.default.div.withConfig({displayName:"tile.style__StyledTileWrapper",componentId:"carbon_v162_12_0__sc-86252930-1"})(["position:relative;overflow:hidden;border-radius:",";",""],(({roundness:r})=>s(r)),(({width:e,height:a})=>r.css(["",""],t.default({width:e||void 0,height:a||void 0})))),c=n.default.div.withConfig({displayName:"tile.style__StyledTileKeyline",componentId:"carbon_v162_12_0__sc-86252930-2"})(["",""],(({statusKeyline:e,inverse:a})=>e&&r.css(["position:absolute;top:0;left:0;height:100%;width:var(--global-size-4-xs);background:",";z-index:1;"],(({variant:r,inverse:e})=>{switch(r){case"informational":return e?"var(--container-standard-priority-inverse-bg-info)":"var(--container-standard-priority-bg-info)";case"positive":return e?"var(--container-standard-priority-inverse-bg-positive)":"var(--container-standard-priority-bg-positive)";case"warning":return e?"var(--container-standard-priority-inverse-bg-caution)":"var(--container-standard-priority-bg-caution)";case"negative":return e?"var(--container-standard-priority-inverse-bg-negative)":"var(--container-standard-priority-bg-negative)";case"neutral":return e?"var(--container-standard-priority-inverse-bg-neutral)":"var(--container-standard-priority-bg-neutral)";case"important":return e?"var(--container-standard-priority-inverse-bg-prio)":"var(--container-standard-priority-bg-prio)";default:return"linear-gradient(to bottom, var(--mode-color-ai-alt-stop-1) 0%, var(--mode-color-ai-alt-stop-2) 40%, var(--mode-color-ai-alt-stop-3) 90%)"}})({variant:e,inverse:a}))));exports.StyledTile=d,exports.StyledTileKeyline=c,exports.StyledTileWrapper=l;

package/lib/components/tile-select/__internal__/accordion/accordion.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as r,useRef as o}from"react";import{StyledContentContainer as t,StyledContent as n}from"./accordion.style.js";import c from"../../../../hooks/__internal__/useResizeObserver/useResizeObserver.js";import i from"../../../../hooks/useMediaQuery/useMediaQuery.js";const l=({children:l,expanded:a,contentId:s,controlId:d})=>{const[m,u]=r(0),p=o(null),f=i("screen and (prefers-reduced-motion: no-preference)");return c(p,(()=>{p.current&&u(p.current.scrollHeight)})),e(t,{$isExpanded:a,$height:m,$allowMotion:f,"data-role":"tile-select-accordion-content-container",children:e(n,{role:"region","data-element":"tile-select-accordion-content","data-role":"tile-select-accordion-content",ref:p,id:s,"aria-labelledby":d,children:l})})};export{l as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./accordion.style.js"),n=require("../../../../hooks/__internal__/useResizeObserver/useResizeObserver.js"),o=require("../../../../hooks/useMediaQuery/useMediaQuery.js");exports.default=({children:i,expanded:l,contentId:s,controlId:c})=>{const[a,d]=r.useState(0),u=r.useRef(null),f=o.default("screen and (prefers-reduced-motion: no-preference)");return n.default(u,(()=>{u.current&&d(u.current.scrollHeight)})),e.jsx(t.StyledContentContainer,{$isExpanded:l,$height:a,$allowMotion:f,"data-role":"tile-select-accordion-content-container",children:e.jsx(t.StyledContent,{role:"region","data-element":"tile-select-accordion-content","data-role":"tile-select-accordion-content",ref:u,id:s,"aria-labelledby":c,children:i})})};

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

@@ -1 +1 @@
-import o from"styled-components";import{StyledAccordionContentContainer as n,StyledAccordionContent as t}from"../../../accordion/accordion.style.js";const c=o(n).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v162_12_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),i=o(t).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v162_12_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);export{i as StyledContent,c as StyledContentContainer};
+"use strict";var o=require("styled-components"),n=require("../../../accordion/accordion.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const r=e.default(n.StyledAccordionContentContainer).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v162_12_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),c=e.default(n.StyledAccordionContent).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v162_12_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);exports.StyledContent=c,exports.StyledContentContainer=r;

package/lib/components/tile-select/__internal__/accordion/index.js

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

package/lib/components/tile-select/__internal__/accordion/package.json

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