carbon-react 159.9.0 → 159.10.0

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

@@ -42,6 +42,10 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
      * @private @internal @ignore
      */
     "data-is-transparent"?: boolean;
+    /**
+     * @private @internal @ignore
+     */
+    "data-is-open"?: boolean;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as i,useCallback as a}from"react";import l from"./input.style.js";import o from"../utils/helpers/combine-refs/index.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}function d(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}const u=r.forwardRef(((r,c)=>{var{align:u="left","aria-describedby":s,"aria-labelledby":p,autoFocus:f,error:b,"data-is-transparent":y,children:m,disabled:O,id:h,inputIcon:x,inputWidth:v,leftChildren:g,name:j,onFocus:w,prefix:$,prefixId:P,readOnly:S,size:F,type:I="text"}=r,E=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}(r,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const z=n(null),R=o(c,z);i((()=>{var e;f&&(null===(e=z.current)||void 0===e||e.focus())}),[f]);const k=a((e=>{var t;null==w||w(e),"text"===I&&(t=z,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:i}=n;(0===e&&0===r||e===i&&r===i)&&document.activeElement===t.current&&t.current.setSelectionRange(0,i)}})))}),[w,I]);return e(l,{$align:u,"data-role":"input-container",$error:b,$size:F,$isDisabled:O,$isReadOnly:S,"data-is-transparent":y,children:[e("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${O?"disabled":""} ${S?"read-only":""}`,children:[g,$&&t("span",{id:P,"data-element":"textbox-prefix",children:$}),t("input",d({ref:R,"data-element":"input","data-role":"input",disabled:O,readOnly:S,"aria-describedby":s,"aria-labelledby":p,type:I,onFocus:k,id:h,name:j,"data-has-autofocus":!!f||void 0},E)),x]}),m]})}));export{u as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as a,useCallback as i}from"react";import o from"./input.style.js";import l from"../utils/helpers/combine-refs/index.js";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 c(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}const u=r.forwardRef(((r,d)=>{var{align:u="left","aria-describedby":s,"aria-labelledby":p,autoFocus:f,error:b,"data-is-transparent":y,"data-is-open":m,children:O,disabled:h,id:x,inputIcon:v,inputWidth:g,leftChildren:j,name:w,onFocus:$,prefix:P,prefixId:S,readOnly:F,size:I,type:E="text"}=r,z=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(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)&&(a[r]=e[r])}return a}(r,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","data-is-open","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const R=n(null),k=l(d,R);a((()=>{var e;f&&(null===(e=R.current)||void 0===e||e.focus())}),[f]);const C=i((e=>{var t;null==$||$(e),"text"===E&&(t=R,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:a}=n;(0===e&&0===r||e===a&&r===a)&&document.activeElement===t.current&&t.current.setSelectionRange(0,a)}})))}),[$,E]);return e(o,{$align:u,"data-role":"input-container",$error:b,$size:I,$isDisabled:h,$isReadOnly:F,"data-is-transparent":y,"data-is-open":m,children:[e("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${h?"disabled":""} ${F?"read-only":""}`,children:[j,P&&t("span",{id:S,"data-element":"textbox-prefix",children:P}),t("input",c({ref:k,"data-element":"input","data-role":"input",disabled:h,readOnly:F,"aria-describedby":s,"aria-labelledby":p,type:E,onFocus:C,id:x,name:w,"data-has-autofocus":!!f||void 0},z)),v]}),O]})}));export{u as default};

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

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

package/esm/components/advanced-color-picker/advanced-color-picker.style.d.ts

@@ -8,5 +8,5 @@ declare const HiddenCurrentColorList: import("styled-components").StyledComponen
     displayName: string;
 }, any, {}, never>;
 declare const StyledAdvancedColorPickerPreview: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const DialogStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../dialog/dialog.component").DialogProps & import("react").RefAttributes<import("../dialog/dialog.component").DialogHandle>>, any, {}, never>;
+declare const DialogStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../dialog").DialogProps & import("react").RefAttributes<import("../dialog").DialogHandle>>, any, {}, never>;
 export { StyledAdvancedColorPickerWrapper, HiddenCurrentColorList, StyledAdvancedColorPickerCell, StyledAdvancedColorPickerPreview, DialogStyle, };

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

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

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

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

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

@@ -1,4 +1,4 @@
-declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id: externalId, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
+declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id: externalId, onReposition, inertOptOut, }: import("../portal").PortalProps) => import("react").JSX.Element, any, {
     theme: object;
 } & {
     align?: "left" | "center" | "right";

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

@@ -30,7 +30,7 @@ export interface TooltipProps extends TagProps {
     /**
      * Overrides the default flip behaviour of the Tooltip,
      * must be an array containing some or all of ["top", "bottom", "left", "right"]
-     * (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
+     * (see <a href="https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements" target="_blank">Popper.js documentation</a>)
      */
     flipOverrides?: TooltipPositions[];
     /** @ignore @private */

package/lib/__internal__/input/input.component.d.ts

@@ -42,6 +42,10 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
      * @private @internal @ignore
      */
     "data-is-transparent"?: boolean;
+    /**
+     * @private @internal @ignore
+     */
+    "data-is-open"?: boolean;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./input.style.js"),n=require("../utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}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 o=a(t).default.forwardRef(((a,i)=>{var{align:o="left","aria-describedby":u,"aria-labelledby":s,autoFocus:d,error:c,"data-is-transparent":f,children:p,disabled:b,id:y,inputIcon:x,inputWidth:O,leftChildren:m,name:j,onFocus:v,prefix:h,prefixId:g,readOnly:w,size:P,type:$="text"}=a,S=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(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)&&(a[r]=e[r])}return a}(a,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const E=t.useRef(null),F=n.default(i,E);t.useEffect((()=>{var e;d&&(null===(e=E.current)||void 0===e||e.focus())}),[d]);const I=t.useCallback((e=>{var t;null==v||v(e),"text"===$&&(t=E,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:a}=n;(0===e&&0===r||e===a&&r===a)&&document.activeElement===t.current&&t.current.setSelectionRange(0,a)}})))}),[v,$]);return e.jsxs(r.default,{$align:o,"data-role":"input-container",$error:c,$size:P,$isDisabled:b,$isReadOnly:w,"data-is-transparent":f,children:[e.jsxs("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${b?"disabled":""} ${w?"read-only":""}`,children:[m,h&&e.jsx("span",{id:g,"data-element":"textbox-prefix",children:h}),e.jsx("input",l({ref:F,"data-element":"input","data-role":"input",disabled:b,readOnly:w,"aria-describedby":u,"aria-labelledby":s,type:$,onFocus:I,id:y,name:j,"data-has-autofocus":!!d||void 0},S)),x]}),p]})}));exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./input.style.js"),n=require("../utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}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 o=a(t).default.forwardRef(((a,i)=>{var{align:o="left","aria-describedby":u,"aria-labelledby":s,autoFocus:d,error:c,"data-is-transparent":f,"data-is-open":p,children:b,disabled:y,id:x,inputIcon:O,inputWidth:m,leftChildren:j,name:v,onFocus:h,prefix:g,prefixId:w,readOnly:P,size:$,type:S="text"}=a,E=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(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)&&(a[r]=e[r])}return a}(a,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","data-is-open","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const F=t.useRef(null),I=n.default(i,F);t.useEffect((()=>{var e;d&&(null===(e=F.current)||void 0===e||e.focus())}),[d]);const q=t.useCallback((e=>{var t;null==h||h(e),"text"===S&&(t=F,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:a}=n;(0===e&&0===r||e===a&&r===a)&&document.activeElement===t.current&&t.current.setSelectionRange(0,a)}})))}),[h,S]);return e.jsxs(r.default,{$align:o,"data-role":"input-container",$error:c,$size:$,$isDisabled:y,$isReadOnly:P,"data-is-transparent":f,"data-is-open":p,children:[e.jsxs("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${y?"disabled":""} ${P?"read-only":""}`,children:[j,g&&e.jsx("span",{id:w,"data-element":"textbox-prefix",children:g}),e.jsx("input",l({ref:I,"data-element":"input","data-role":"input",disabled:y,readOnly:P,"aria-describedby":u,"aria-labelledby":s,type:S,onFocus:q,id:x,name:v,"data-has-autofocus":!!d||void 0},E)),O]}),b]})}));exports.default=o;

package/lib/__internal__/input/input.style.js

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

package/lib/components/advanced-color-picker/advanced-color-picker.style.d.ts

@@ -8,5 +8,5 @@ declare const HiddenCurrentColorList: import("styled-components").StyledComponen
     displayName: string;
 }, any, {}, never>;
 declare const StyledAdvancedColorPickerPreview: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const DialogStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../dialog/dialog.component").DialogProps & import("react").RefAttributes<import("../dialog/dialog.component").DialogHandle>>, any, {}, never>;
+declare const DialogStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../dialog").DialogProps & import("react").RefAttributes<import("../dialog").DialogHandle>>, any, {}, never>;
 export { StyledAdvancedColorPickerWrapper, HiddenCurrentColorList, StyledAdvancedColorPickerCell, StyledAdvancedColorPickerPreview, DialogStyle, };

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

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

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

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

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

@@ -1,4 +1,4 @@
-declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id: externalId, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
+declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id: externalId, onReposition, inertOptOut, }: import("../portal").PortalProps) => import("react").JSX.Element, any, {
     theme: object;
 } & {
     align?: "left" | "center" | "right";

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

@@ -30,7 +30,7 @@ export interface TooltipProps extends TagProps {
     /**
      * Overrides the default flip behaviour of the Tooltip,
      * must be an array containing some or all of ["top", "bottom", "left", "right"]
-     * (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
+     * (see <a href="https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements" target="_blank">Popper.js documentation</a>)
      */
     flipOverrides?: TooltipPositions[];
     /** @ignore @private */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "159.9.0",
+  "version": "159.10.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -66,7 +66,7 @@
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@babel/types": "^7.23.4",
-    "@chromatic-com/storybook": "^2.0.2",
+    "@chromatic-com/storybook": "^5.2.1",
     "@commitlint/cli": "^17.6.3",
     "@commitlint/config-conventional": "^17.6.3",
     "@dotenvx/dotenvx": "^1.25.1",
@@ -83,25 +83,12 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "8.6.15",
-    "@storybook/addon-actions": "8.6.15",
-    "@storybook/addon-controls": "8.6.15",
-    "@storybook/addon-docs": "8.6.15",
-    "@storybook/addon-essentials": "8.6.15",
-    "@storybook/addon-interactions": "8.6.15",
-    "@storybook/addon-toolbars": "8.6.15",
-    "@storybook/addon-viewport": "8.6.15",
-    "@storybook/builder-vite": "8.6.15",
-    "@storybook/components": "8.6.15",
+    "@storybook/addon-a11y": "~10.4.2",
+    "@storybook/addon-docs": "~10.4.2",
+    "@storybook/builder-vite": "~10.4.2",
     "@storybook/icons": "1.4.0",
-    "@storybook/manager-api": "8.6.15",
-    "@storybook/preview-api": "8.6.15",
-    "@storybook/react": "8.6.15",
-    "@storybook/react-vite": "8.6.15",
-    "@storybook/test": "8.6.15",
-    "@storybook/test-runner": "0.22.0",
-    "@storybook/theming": "8.6.15",
-    "@storybook/types": "8.6.15",
+    "@storybook/react-vite": "~10.4.2",
+    "@storybook/test-runner": "^0.24.4",
     "@swc/core": "^1.11.29",
     "@swc/helpers": "^0.5.15",
     "@swc/plugin-styled-components": "^7.1.0",
@@ -127,7 +114,7 @@
     "babel-jest": "^29.7.0",
     "babel-plugin-dev-expression": "^0.2.3",
     "browserslist": "^4.28.1",
-    "chromatic": "13.3.3",
+    "chromatic": "^13.3.5",
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "core-js": "^3.45.1",
     "css-loader": "^6.8.1",
@@ -181,15 +168,17 @@
     "rollup-plugin-visualizer": "^5.14.0",
     "semantic-release": "^25.0.2",
     "semver": "^7.5.4",
-    "storybook": "8.6.17",
-    "storybook-addon-pseudo-states": "~4.0.3",
+    "sprintf-js": "^1.1.3",
+    "storybook": "~10.4.2",
+    "storybook-addon-pseudo-states": "~10.4.2",
     "styled-components": "^5.3.11",
     "ts-morph": "^27.0.2",
     "typescript": "^5.8.3",
     "url-loader": "^4.1.1",
     "uuid": "^14.0.0",
     "vite": "^6.3.4",
-    "vite-plugin-static-copy": "^3.1.2"
+    "vite-plugin-static-copy": "^3.1.2",
+    "eslint-plugin-storybook": "10.4.2"
   },
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
@@ -220,6 +209,7 @@
   "overrides": {
     "playwright-core": "$@playwright/experimental-ct-react",
     "jsdom": "$jsdom",
+    "storybook": "$storybook",
     "uuid": "^14.0.0"
   },
   "lint-staged": {