carbon-react 159.12.2 → 159.13.0

package/esm/__internal__/input/input-style-overrides.style.d.ts

@@ -6,3 +6,4 @@ export declare const searchStyleOverrides: import("styled-components").FlattenSi
 export declare const selectStyleOverrides: ($size?: string, $isDisabled?: boolean, $isReadOnly?: boolean) => import("styled-components").FlattenSimpleInterpolation;
 export declare const pagerStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
 export declare const numeralDateStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const passwordStyleOverrides: import("styled-components").FlattenSimpleInterpolation;

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

@@ -1 +1 @@
-import{css as t}from"styled-components";const a=t([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),n=t([".search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),e=t([".search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),o=t([".search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),r=t([".search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),i=t([".search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),p=t([".search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),l=t([".search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),c=t([""," "," "," "," "," "," ",""],n,e,o,r,i,p,l),s=t(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),d=t([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),g=t(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),u=(a,n,e)=>t([""," "," "," "," ",""],g,((a,n)=>t(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!a&&!n&&t(["cursor:pointer;*{cursor:pointer;}"])))(n,e),s,d,(a=>t([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===a&&t(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===a&&t(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===a&&t(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(a)),h=t([".pager-navigation &{margin:4px 8px;height:26px;min-height:unset;.input-text-container{padding:0px;line-height:26px;min-height:24px;input{text-align:center;padding:0;}}}"]),b=t(["&&&{.pager-size-options &{min-height:unset;.input-text-container{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;.select-text:not(.disabled):not(.read-only){width:calc(100% - 28px);}}}}"]),x=t([""," ",""],h,b),v=t([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]);export{a as dateStyleOverrides,v as numeralDateStyles,x as pagerStyleOverrides,c as searchStyleOverrides,u as selectStyleOverrides};
+import{css as t}from"styled-components";import a from"../../style/utils/add-focus-styling.js";const o=t([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),n=t([".search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),r=t([".search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),e=t([".search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),i=t([".search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),l=t([".search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),p=t([".search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),s=t([".search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),c=t([""," "," "," "," "," "," ",""],n,r,e,i,l,p,s),d=t(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),u=t([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),g=t(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),b=(a,o,n)=>t([""," "," "," "," ",""],g,((a,o)=>t(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!a&&!o&&t(["cursor:pointer;*{cursor:pointer;}"])))(o,n),d,u,(a=>t([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===a&&t(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===a&&t(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===a&&t(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(a)),h=t([".pager-navigation &{margin:4px 8px;height:26px;min-height:unset;.input-text-container{padding:0px;line-height:26px;min-height:24px;input{text-align:center;padding:0;}}}"]),x=t(["&&&{.pager-size-options &{min-height:unset;.input-text-container{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;.select-text:not(.disabled):not(.read-only){width:calc(100% - 28px);}}}}"]),v=t([""," ",""],h,x),m=t([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]),w=t(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],a());export{o as dateStyleOverrides,m as numeralDateStyles,v as pagerStyleOverrides,w as passwordStyleOverrides,c as searchStyleOverrides,b as selectStyleOverrides};

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

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

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

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

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

@@ -3,6 +3,11 @@ interface StyledDateInputProps extends Pick<DateInputProps, "inputWidth" | "maxW
     applyDateRangeStyling?: boolean;
     size: Required<DateInputProps>["size"];
 }
+export declare const datePickerWidth: {
+    large: string;
+    medium: string;
+    small: string;
+};
 declare const StyledDateInput: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & StyledDateInputProps, "theme">;

package/esm/components/date/date.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{margin as a}from"styled-system";import l from"../../style/themes/apply-base-theme.js";import o from"../../__internal__/validation-message/validation-message.style.js";import s from"../../__internal__/label/label.style.js";const i=e.div.attrs(l).withConfig({displayName:"date.style__StyledDateInput",componentId:"sc-24718135-0"})(["margin-bottom:var(--fieldSpacing);"," ",""],a,(({applyDateRangeStyling:e,labelInline:a})=>e&&!a&&t(["",",","{overflow-wrap:anywhere;}"],o,s)));export{i as default};
+import e,{css as t}from"styled-components";import{margin as a}from"styled-system";import l from"../../style/themes/apply-base-theme.js";import i from"../../__internal__/validation-message/validation-message.style.js";import o from"../../__internal__/label/label.style.js";const s={large:"140px",medium:"135px",small:"120px"},m=e.div.attrs(l).withConfig({displayName:"date.style__StyledDateInput",componentId:"sc-48d2712c-0"})(["margin-bottom:var(--fieldSpacing);"," ",""],a,(({applyDateRangeStyling:e,labelInline:a,maxWidth:l,size:m})=>e&&t(['[data-role="input-wrapper"]{width:',";flex:0 0 auto;}",""],null!=l?l:s[m],!a&&t(["",",","{overflow-wrap:anywhere;}"],i,o))));export{s as datePickerWidth,m as default};

package/esm/components/date-range/date-range.style.js

@@ -1 +1 @@
-import t from"styled-components";import{margin as e}from"styled-system";import a from"../date/date.style.js";import i from"../../style/themes/apply-base-theme.js";const o=t.div.attrs(i).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-d672a1b1-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{width:auto;display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}"],(({validationMessagePositionTop:t})=>`\n    display: flex;\n    align-items: ${t?"flex-end":"flex-start"};\n  `),e,a,(({labelsInline:t})=>t?"top":"bottom"),a);export{o as default};
+import t from"styled-components";import{margin as e}from"styled-system";import a from"../date/date.style.js";import i from"../../style/themes/apply-base-theme.js";const s=t.div.attrs(i).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-91656d90-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}"],(({validationMessagePositionTop:t})=>`\n    display: flex;\n    align-items: ${t?"flex-end":"flex-start"};\n  `),e,a,(({labelsInline:t})=>t?"top":"bottom"),a);export{s as default};

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

@@ -1,8 +1,12 @@
 import React from "react";
-import { TextboxProps } from "../textbox";
-export interface PasswordProps extends Omit<TextboxProps, "data-component"> {
+import { TextInputProps } from "../textbox/__internal__/__next__";
+export interface PasswordProps extends Omit<TextInputProps, "data-component"> {
     /** When `true` input `type` is `password` and text is obscured. */
     forceObscurity?: boolean;
+    /** @deprecated `characterLimit` has been deprecated and will be removed in a future release. */
+    characterLimit?: number;
+    /** @deprecated `prefix` has been deprecated and will be removed in a future release. */
+    prefix?: string;
 }
-export declare const Password: ({ id, disabled, forceObscurity, ...rest }: PasswordProps) => React.JSX.Element;
+export declare const Password: ({ id, disabled, forceObscurity, inputIcon, size, ...rest }: PasswordProps) => React.JSX.Element;
 export default Password;

package/esm/components/password/password.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useRef as o,useState as n}from"react";import{StyledPassword as i,HiddenAriaLive as l}from"./password.style.js";import a from"../../__internal__/utils/helpers/guid/index.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import{ButtonMinor as u}from"../button-minor/button-minor.component.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(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){d(e,r,t[r])}))}return e}const b=d=>{var b,f,y,O,m,v,w,j,{id:g,disabled:h,forceObscurity:P=!1}=d,_=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["id","disabled","forceObscurity"]);const S=o(g||a()),L=c(),[x,k]=n(!1),D=!P&&x;return e(r,{children:[t(i,(E=p({"data-element":"styled-password-container",id:S.current,autoComplete:"off",type:D?"text":"password",disabled:h},_,s("password",_)),H={children:t(u,{"aria-label":D?null===(f=L.password)||void 0===f||null===(b=f.ariaLabelHide)||void 0===b?void 0:b.call(f):null===(O=L.password)||void 0===O||null===(y=O.ariaLabelShow)||void 0===y?void 0:y.call(O),"aria-controls":S.current,onClick:()=>k(!x),pr:1,buttonType:"tertiary",iconType:D?"hide":"view",iconPosition:"before",size:"small",disabled:P||h,isInPassword:!0,children:D?null===(v=L.password)||void 0===v||null===(m=v.buttonLabelHide)||void 0===m?void 0:m.call(v):null===(j=L.password)||void 0===j||null===(w=j.buttonLabelShow)||void 0===w?void 0:w.call(j)})},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(E,Object.getOwnPropertyDescriptors(H)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(H)).forEach((function(e){Object.defineProperty(E,e,Object.getOwnPropertyDescriptor(H,e))})),E)),t(l,{role:"status","aria-live":"polite",children:D?L.password.ariaLiveShownMessage():L.password.ariaLiveHiddenMessage()})]});var E,H};export{b as Password,b as default};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useRef as o,useState as n}from"react";import i from"./password.style.js";import{Button as l}from"../button/__next__/button.component.js";import a from"../../__internal__/utils/helpers/guid/index.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import{Divider as p}from"../divider/divider.component.js";import{TextInput as d}from"../textbox/__internal__/__next__/text-input.component.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){u(e,r,t[r])}))}return e}const f=u=>{var f,m,v,y,O,j,w,_,{id:g,disabled:h,forceObscurity:P=!1,inputIcon:x,size:S}=u,L=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["id","disabled","forceObscurity","inputIcon","size"]);const k=o(g||a()),z=c(),[D,I]=n(!1),E=!P&&D;return e(r,{children:[t(d,(H=b({"data-element":"styled-password-container",id:k.current,autoComplete:"off",type:E?"text":"password",disabled:h,size:S},L,s("password",L)),C={inputIcon:e(r,{children:[t(p,{"aria-hidden":!0,"data-role":"password-divider",height:`calc(100% - var(--global-space-comp-${(null==S?void 0:S.charAt(0))||"m"}))`,p:0,type:"vertical"}),t(l,{"aria-label":E?null===(m=z.password)||void 0===m||null===(f=m.ariaLabelHide)||void 0===f?void 0:f.call(m):null===(y=z.password)||void 0===y||null===(v=y.ariaLabelShow)||void 0===v?void 0:v.call(y),"aria-controls":k.current,onClick:()=>I(!D),pr:1,variantType:"subtle",iconType:E?"hide":"view",iconPosition:"before",size:S,disabled:P||h,children:E?null===(j=z.password)||void 0===j||null===(O=j.buttonLabelHide)||void 0===O?void 0:O.call(j):null===(_=z.password)||void 0===_||null===(w=_.buttonLabelShow)||void 0===w?void 0:w.call(_)})]})},C=null!=C?C:{},Object.getOwnPropertyDescriptors?Object.defineProperties(H,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(H,e,Object.getOwnPropertyDescriptor(C,e))})),H)),t(i,{role:"status","aria-live":"polite",children:E?z.password.ariaLiveShownMessage():z.password.ariaLiveHiddenMessage()})]});var H,C};export{f as Password,f as default};

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

@@ -1,4 +1,2 @@
-import { PasswordProps } from "./password.component";
-declare const StyledPassword: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../textbox").TextboxProps & import("react").RefAttributes<HTMLInputElement>>, any, PasswordProps, never>;
 declare const HiddenAriaLive: import("styled-components").StyledComponent<"p", any, {}, never>;
-export { StyledPassword, HiddenAriaLive };
+export default HiddenAriaLive;

package/esm/components/password/password.style.js

@@ -1 +1 @@
-import o from"styled-components";import{Textbox as t}from"../textbox/textbox.component.js";import s from"../../style/utils/visually-hidden.js";const e=o(t).withConfig({displayName:"password.style__StyledPassword",componentId:"sc-34348134-0"})([""]),i=o.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"sc-34348134-1"})(["",""],s);export{i as HiddenAriaLive,e as StyledPassword};
+import s from"styled-components";import o from"../../style/utils/visually-hidden.js";const t=s.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"sc-213d9b67-0"})(["",""],o);export{t as default};

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

@@ -44,8 +44,8 @@ export interface TextInputProps extends Omit<ValidationProps, "info">, MarginPro
      * The label's htmlFor attribute will be set to match the input's id to ensure they are properly associated.
      */
     id?: string;
-    /** A hint string rendered before the input but after the label. Intended to describe the purpose or content of the input */
-    inputHint?: string;
+    /** A hint element rendered before the input but after the label. Intended to describe the purpose or content of the input */
+    inputHint?: React.ReactNode;
     /**
      * @internal @private @ignore
      * An Icon to be rendered next to the input

package/lib/__internal__/input/input-style-overrides.style.d.ts

@@ -6,3 +6,4 @@ export declare const searchStyleOverrides: import("styled-components").FlattenSi
 export declare const selectStyleOverrides: ($size?: string, $isDisabled?: boolean, $isReadOnly?: boolean) => import("styled-components").FlattenSimpleInterpolation;
 export declare const pagerStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
 export declare const numeralDateStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const passwordStyleOverrides: import("styled-components").FlattenSimpleInterpolation;

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

@@ -1 +1 @@
-"use strict";var t=require("styled-components");const e=t.css([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),a=t.css([".search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),n=t.css([".search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),r=t.css([".search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),o=t.css([".search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),s=t.css([".search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),i=t.css([".search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),c=t.css([".search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),l=t.css([""," "," "," "," "," "," ",""],a,n,r,o,s,i,c),p=t.css(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),d=t.css([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),u=t.css(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),g=t.css([".pager-navigation &{margin:4px 8px;height:26px;min-height:unset;.input-text-container{padding:0px;line-height:26px;min-height:24px;input{text-align:center;padding:0;}}}"]),h=t.css(["&&&{.pager-size-options &{min-height:unset;.input-text-container{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;.select-text:not(.disabled):not(.read-only){width:calc(100% - 28px);}}}}"]),x=t.css([""," ",""],g,h),b=t.css([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]);exports.dateStyleOverrides=e,exports.numeralDateStyles=b,exports.pagerStyleOverrides=x,exports.searchStyleOverrides=l,exports.selectStyleOverrides=(e,a,n)=>t.css([""," "," "," "," ",""],u,((e,a)=>t.css(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!e&&!a&&t.css(["cursor:pointer;*{cursor:pointer;}"])))(a,n),p,d,(e=>t.css([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===e&&t.css(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===e&&t.css(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===e&&t.css(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(e));
+"use strict";var t=require("styled-components"),a=require("../../style/utils/add-focus-styling.js");const e=t.css([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),o=t.css([".search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),r=t.css([".search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),n=t.css([".search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),i=t.css([".search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),s=t.css([".search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),l=t.css([".search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),c=t.css([".search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),p=t.css([""," "," "," "," "," "," ",""],o,r,n,i,s,l,c),d=t.css(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),u=t.css([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),g=t.css(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),b=t.css([".pager-navigation &{margin:4px 8px;height:26px;min-height:unset;.input-text-container{padding:0px;line-height:26px;min-height:24px;input{text-align:center;padding:0;}}}"]),h=t.css(["&&&{.pager-size-options &{min-height:unset;.input-text-container{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;.select-text:not(.disabled):not(.read-only){width:calc(100% - 28px);}}}}"]),x=t.css([""," ",""],b,h),v=t.css([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]),m=t.css(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],a.default());exports.dateStyleOverrides=e,exports.numeralDateStyles=v,exports.pagerStyleOverrides=x,exports.passwordStyleOverrides=m,exports.searchStyleOverrides=p,exports.selectStyleOverrides=(a,e,o)=>t.css([""," "," "," "," ",""],g,((a,e)=>t.css(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!a&&!e&&t.css(["cursor:pointer;*{cursor:pointer;}"])))(e,o),d,u,(a=>t.css([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===a&&t.css(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===a&&t.css(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===a&&t.css(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(a));

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"),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;
+"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-6ec36578-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,r.passwordStyleOverrides);exports.default=l;

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

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

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

@@ -3,6 +3,11 @@ interface StyledDateInputProps extends Pick<DateInputProps, "inputWidth" | "maxW
     applyDateRangeStyling?: boolean;
     size: Required<DateInputProps>["size"];
 }
+export declare const datePickerWidth: {
+    large: string;
+    medium: string;
+    small: string;
+};
 declare const StyledDateInput: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & StyledDateInputProps, "theme">;

package/lib/components/date/date.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../../style/themes/apply-base-theme.js"),l=require("../../__internal__/validation-message/validation-message.style.js"),s=require("../../__internal__/label/label.style.js");function r(e){return e&&e.__esModule?e:{default:e}}const n=r(e).default.div.attrs(a.default).withConfig({displayName:"date.style__StyledDateInput",componentId:"sc-24718135-0"})(["margin-bottom:var(--fieldSpacing);"," ",""],t.margin,(({applyDateRangeStyling:t,labelInline:a})=>t&&!a&&e.css(["",",","{overflow-wrap:anywhere;}"],l.default,s.default)));exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../../style/themes/apply-base-theme.js"),l=require("../../__internal__/validation-message/validation-message.style.js"),s=require("../../__internal__/label/label.style.js");function r(e){return e&&e.__esModule?e:{default:e}}const i={large:"140px",medium:"135px",small:"120px"},n=r(e).default.div.attrs(a.default).withConfig({displayName:"date.style__StyledDateInput",componentId:"sc-48d2712c-0"})(["margin-bottom:var(--fieldSpacing);"," ",""],t.margin,(({applyDateRangeStyling:t,labelInline:a,maxWidth:r,size:n})=>t&&e.css(['[data-role="input-wrapper"]{width:',";flex:0 0 auto;}",""],null!=r?r:i[n],!a&&e.css(["",",","{overflow-wrap:anywhere;}"],l.default,s.default))));exports.datePickerWidth=i,exports.default=n;

package/lib/components/date-range/date-range.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../date/date.style.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}const s=l(e).default.div.attrs(i.default).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-d672a1b1-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{width:auto;display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}"],(({validationMessagePositionTop:e})=>`\n    display: flex;\n    align-items: ${e?"flex-end":"flex-start"};\n  `),t.margin,a.default,(({labelsInline:e})=>e?"top":"bottom"),a.default);exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../date/date.style.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}const s=l(e).default.div.attrs(i.default).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-91656d90-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}"],(({validationMessagePositionTop:e})=>`\n    display: flex;\n    align-items: ${e?"flex-end":"flex-start"};\n  `),t.margin,a.default,(({labelsInline:e})=>e?"top":"bottom"),a.default);exports.default=s;

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

@@ -1,8 +1,12 @@
 import React from "react";
-import { TextboxProps } from "../textbox";
-export interface PasswordProps extends Omit<TextboxProps, "data-component"> {
+import { TextInputProps } from "../textbox/__internal__/__next__";
+export interface PasswordProps extends Omit<TextInputProps, "data-component"> {
     /** When `true` input `type` is `password` and text is obscured. */
     forceObscurity?: boolean;
+    /** @deprecated `characterLimit` has been deprecated and will be removed in a future release. */
+    characterLimit?: number;
+    /** @deprecated `prefix` has been deprecated and will be removed in a future release. */
+    prefix?: string;
 }
-export declare const Password: ({ id, disabled, forceObscurity, ...rest }: PasswordProps) => React.JSX.Element;
+export declare const Password: ({ id, disabled, forceObscurity, inputIcon, size, ...rest }: PasswordProps) => React.JSX.Element;
 export default Password;

package/lib/components/password/password.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./password.style.js"),o=require("../../__internal__/utils/helpers/guid/index.js"),n=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../../hooks/__internal__/useLocale/useLocale.js"),s=require("../button-minor/button-minor.component.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(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){l(e,r,t[r])}))}return e}const u=l=>{var u,c,d,p,b,f,y,O,{id:j,disabled:v,forceObscurity:w=!1}=l,g=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(l,["id","disabled","forceObscurity"]);const P=r.useRef(j||o.default()),h=i.default(),[m,_]=r.useState(!1),x=!w&&m;return e.jsxs(e.Fragment,{children:[e.jsx(t.StyledPassword,(S=a({"data-element":"styled-password-container",id:P.current,autoComplete:"off",type:x?"text":"password",disabled:v},g,n.default("password",g)),L={children:e.jsx(s.ButtonMinor,{"aria-label":x?null===(c=h.password)||void 0===c||null===(u=c.ariaLabelHide)||void 0===u?void 0:u.call(c):null===(p=h.password)||void 0===p||null===(d=p.ariaLabelShow)||void 0===d?void 0:d.call(p),"aria-controls":P.current,onClick:()=>_(!m),pr:1,buttonType:"tertiary",iconType:x?"hide":"view",iconPosition:"before",size:"small",disabled:w||v,isInPassword:!0,children:x?null===(f=h.password)||void 0===f||null===(b=f.buttonLabelHide)||void 0===b?void 0:b.call(f):null===(O=h.password)||void 0===O||null===(y=O.buttonLabelShow)||void 0===y?void 0:y.call(O)})},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(S,e,Object.getOwnPropertyDescriptor(L,e))})),S)),e.jsx(t.HiddenAriaLive,{role:"status","aria-live":"polite",children:x?h.password.ariaLiveShownMessage():h.password.ariaLiveHiddenMessage()})]});var S,L};exports.Password=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./password.style.js"),n=require("../button/__next__/button.component.js"),i=require("../../__internal__/utils/helpers/guid/index.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../hooks/__internal__/useLocale/useLocale.js"),s=require("../divider/divider.component.js"),a=require("../textbox/__internal__/__next__/text-input.component.js");function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){u(e,r,t[r])}))}return e}const d=u=>{var d,p,b,f,v,y,j,O,{id:w,disabled:_,forceObscurity:g=!1,inputIcon:h,size:x}=u,m=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(u,["id","disabled","forceObscurity","inputIcon","size"]);const P=r.useRef(w||i.default()),S=l.default(),[q,L]=r.useState(!1),k=!g&&q;return e.jsxs(e.Fragment,{children:[e.jsx(a.TextInput,(D=c({"data-element":"styled-password-container",id:P.current,autoComplete:"off",type:k?"text":"password",disabled:_,size:x},m,o.default("password",m)),I={inputIcon:e.jsxs(e.Fragment,{children:[e.jsx(s.Divider,{"aria-hidden":!0,"data-role":"password-divider",height:`calc(100% - var(--global-space-comp-${(null==x?void 0:x.charAt(0))||"m"}))`,p:0,type:"vertical"}),e.jsx(n.Button,{"aria-label":k?null===(p=S.password)||void 0===p||null===(d=p.ariaLabelHide)||void 0===d?void 0:d.call(p):null===(f=S.password)||void 0===f||null===(b=f.ariaLabelShow)||void 0===b?void 0:b.call(f),"aria-controls":P.current,onClick:()=>L(!q),pr:1,variantType:"subtle",iconType:k?"hide":"view",iconPosition:"before",size:x,disabled:g||_,children:k?null===(y=S.password)||void 0===y||null===(v=y.buttonLabelHide)||void 0===v?void 0:v.call(y):null===(O=S.password)||void 0===O||null===(j=O.buttonLabelShow)||void 0===j?void 0:j.call(O)})]})},I=null!=I?I:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,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(D,e,Object.getOwnPropertyDescriptor(I,e))})),D)),e.jsx(t.default,{role:"status","aria-live":"polite",children:k?S.password.ariaLiveShownMessage():S.password.ariaLiveHiddenMessage()})]});var D,I};exports.Password=d,exports.default=d;

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

@@ -1,4 +1,2 @@
-import { PasswordProps } from "./password.component";
-declare const StyledPassword: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../textbox").TextboxProps & import("react").RefAttributes<HTMLInputElement>>, any, PasswordProps, never>;
 declare const HiddenAriaLive: import("styled-components").StyledComponent<"p", any, {}, never>;
-export { StyledPassword, HiddenAriaLive };
+export default HiddenAriaLive;

package/lib/components/password/password.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../textbox/textbox.component.js"),s=require("../../style/utils/visually-hidden.js");function d(e){return e&&e.__esModule?e:{default:e}}var o=d(e);const i=o.default(t.Textbox).withConfig({displayName:"password.style__StyledPassword",componentId:"sc-34348134-0"})([""]),r=o.default.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"sc-34348134-1"})(["",""],s.default);exports.HiddenAriaLive=r,exports.StyledPassword=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/utils/visually-hidden.js");function s(e){return e&&e.__esModule?e:{default:e}}const d=s(e).default.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"sc-213d9b67-0"})(["",""],t.default);exports.default=d;

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

@@ -44,8 +44,8 @@ export interface TextInputProps extends Omit<ValidationProps, "info">, MarginPro
      * The label's htmlFor attribute will be set to match the input's id to ensure they are properly associated.
      */
     id?: string;
-    /** A hint string rendered before the input but after the label. Intended to describe the purpose or content of the input */
-    inputHint?: string;
+    /** A hint element rendered before the input but after the label. Intended to describe the purpose or content of the input */
+    inputHint?: React.ReactNode;
     /**
      * @internal @private @ignore
      * An Icon to be rendered next to the input

package/package.json

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