carbon-react 158.50.0-beta.1 → 159.0.0

package/lib/components/checkbox/checkbox.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("styled-system"),t=require("../../__internal__/checkable-input/checkable-input.style.js"),a=require("../../__internal__/field-help/field-help.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js"),d=require("../../__internal__/label/label.style.js"),n=require("../../__internal__/validations/validation-icon.style.js"),o=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function u(e){return e&&e.__esModule?e:{default:e}}const c=u(e).default.div.attrs(o.default).withConfig({displayName:"checkbox.style__StyledCheckbox",componentId:"sc-ac6c7db0-0"})(["margin-bottom:var(--fieldSpacing);"," ",""],l.margin,(({disabled:l,error:o,warning:u,info:c,fieldHelpInline:p,labelSpacing:f,inputWidth:g,reverse:b,size:h,adaptiveSpacingSmallScreen:v,applyNewValidation:y})=>e.css([""," ","{padding-top:1px;}","{height:16px;}svg{background-color:var(--colorsUtilityYang100);","}",",svg{height:16px;position:absolute;padding:1px;}",",",",",",svg{box-sizing:border-box;min-width:16px;width:16px;border-radius:var(--borderRadius025);",";}",":not([disabled]){&:focus + ",",&:hover + ","{","}}","{width:auto;flex:0 1 auto;}","{margin-left:16px;margin-top:0;padding-left:",";}","{position:relative;display:inline-block;}"," ",":checked ~ "," svg path{fill:var(--colorsUtilityYin090);}"," "," "," ",""],v&&"margin-left: 0;",t.StyledCheckableInput,r.default,!l&&e.css(["border:1px solid var(--colorsUtilityMajor300);"," "," "," ",""],c&&"border: 1px solid var(--colorsSemanticInfo500);",u&&"border: 1px solid var(--colorsSemanticCaution500);",o&&"border: 2px solid var(--colorsSemanticNegative500);",u&&y&&"border: 1px solid var(--colorsUtilityMajor300);"),i.default,t.StyledCheckableInput,i.default,r.default,"large"===h&&"border-radius: var(--borderRadius050)",i.default,r.default,r.default,s.default(),d.StyledLabelContainer,a.default,1===f?"var(--spacing100)":"var(--spacing200)",n.default,"large"===h&&e.css(["","{height:24px;}",",",",",",svg{height:24px;width:24px;min-width:24px;}","{margin-left:24px;}",""],r.default,t.StyledCheckableInput,i.default,r.default,a.default,p&&e.css(["",",","{align-self:center;}"],a.default,d.StyledLabelContainer)),i.default,r.default,l&&e.css(["svg{background-color:var(--colorsUtilityDisabled400);border:1px solid var(--colorsUtilityDisabled600);}svg path{fill:var(--colorsUtilityDisabled400);}",":checked ~ "," svg path{fill:var(--colorsUtilityYin030);}","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],i.default,r.default,r.default),p&&`\n      ${a.default} {\n        margin-left: 0;\n      }\n\n      ${d.default} {\n        flex: 0 1 auto;\n      }\n    `,void 0!==g&&0!==g&&`\n      ${a.default} {\n        ${b?"margin-right":"margin-left"}: ${g}% !important;\n      }\n    `,b&&e.css(["","{margin-left:0;padding-left:0;}","{flex:0 1 auto;}",""],a.default,d.default,p&&e.css(["","{margin-right:8px;}","{padding-left:6px;}"],t.StyledCheckableInput,a.default)))));exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("styled-system"),t=require("../../__internal__/checkable-input/checkable-input.style.js"),a=require("../../__internal__/field-help/field-help.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js"),d=require("../../__internal__/legacy-label/label.style.js"),n=require("../../__internal__/validations/validation-icon.style.js"),o=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function u(e){return e&&e.__esModule?e:{default:e}}const c=u(e).default.div.attrs(o.default).withConfig({displayName:"checkbox.style__StyledCheckbox",componentId:"sc-4f65151c-0"})(["margin-bottom:var(--fieldSpacing);"," ",""],l.margin,(({disabled:l,error:o,warning:u,info:c,fieldHelpInline:p,labelSpacing:f,inputWidth:g,reverse:b,size:h,adaptiveSpacingSmallScreen:v,applyNewValidation:y})=>e.css([""," ","{padding-top:1px;}","{height:16px;}svg{background-color:var(--colorsUtilityYang100);","}",",svg{height:16px;position:absolute;padding:1px;}",",",",",",svg{box-sizing:border-box;min-width:16px;width:16px;border-radius:var(--borderRadius025);",";}",":not([disabled]){&:focus + ",",&:hover + ","{","}}","{width:auto;flex:0 1 auto;}","{margin-left:16px;margin-top:0;padding-left:",";}","{position:relative;display:inline-block;}"," ",":checked ~ "," svg path{fill:var(--colorsUtilityYin090);}"," "," "," ",""],v&&"margin-left: 0;",t.StyledCheckableInput,r.default,!l&&e.css(["border:1px solid var(--colorsUtilityMajor300);"," "," "," ",""],c&&"border: 1px solid var(--colorsSemanticInfo500);",u&&"border: 1px solid var(--colorsSemanticCaution500);",o&&"border: 2px solid var(--colorsSemanticNegative500);",u&&y&&"border: 1px solid var(--colorsUtilityMajor300);"),i.default,t.StyledCheckableInput,i.default,r.default,"large"===h&&"border-radius: var(--borderRadius050)",i.default,r.default,r.default,s.default(),d.StyledLabelContainer,a.default,1===f?"var(--spacing100)":"var(--spacing200)",n.default,"large"===h&&e.css(["","{height:24px;}",",",",",",svg{height:24px;width:24px;min-width:24px;}","{margin-left:24px;}",""],r.default,t.StyledCheckableInput,i.default,r.default,a.default,p&&e.css(["",",","{align-self:center;}"],a.default,d.StyledLabelContainer)),i.default,r.default,l&&e.css(["svg{background-color:var(--colorsUtilityDisabled400);border:1px solid var(--colorsUtilityDisabled600);}svg path{fill:var(--colorsUtilityDisabled400);}",":checked ~ "," svg path{fill:var(--colorsUtilityYin030);}","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],i.default,r.default,r.default),p&&`\n      ${a.default} {\n        margin-left: 0;\n      }\n\n      ${d.default} {\n        flex: 0 1 auto;\n      }\n    `,void 0!==g&&0!==g&&`\n      ${a.default} {\n        ${b?"margin-right":"margin-left"}: ${g}% !important;\n      }\n    `,b&&e.css(["","{margin-left:0;padding-left:0;}","{flex:0 1 auto;}",""],a.default,d.default,p&&e.css(["","{margin-right:8px;}","{padding-left:6px;}"],t.StyledCheckableInput,a.default)))));exports.default=c;

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

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

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"),i=require("../../style/themes/apply-base-theme.js"),l=require("../../__internal__/input/input.style.js"),a=require("../../__internal__/input/input-presentation.style.js"),n=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/validation-message/validation-message.style.js"),s=require("../../__internal__/label/label.style.js");function d(e){return e&&e.__esModule?e:{default:e}}const u={large:"140px",medium:"135px",small:"120px"},_=d(e).default.div.attrs(i.default).withConfig({displayName:"date.style__StyledDateInput",componentId:"sc-7be40934-0"})(["margin-bottom:var(--fieldSpacing);"," & ","{flex:none;width:",";","{margin-right:-8px;}}",""],t.margin,a.default,(({inputWidth:e,maxWidth:t,size:i})=>t||e?"":u[i]),l.default,(({applyDateRangeStyling:t,maxWidth:i,size:l,labelInline:a})=>t&&!a&&e.css(["","{max-width:",";}",",","{overflow-wrap:anywhere;}"],n.FieldLineStyle,i||u[l],r.default,s.default)));exports.default=_;
+"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;

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("../../__internal__/label/label.style.js"),l=require("../../__internal__/input/input-presentation.style.js"),n=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const r=s(e).default.div.attrs(n.default).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-39b770fa-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{width:auto;display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}","{width:auto;}","{flex:auto;}"],(({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,i.StyledLabelContainer,l.StyledInputPresentationContainer);exports.default=r;
+"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;

package/lib/components/file-input/file-input.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { ValidationProps } from "../../__internal__/validations";
-import { InputProps } from "../../__internal__/input";
+import { InputProps } from "../../__internal__/legacy-input";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { FileUploadStatusProps } from "./__internal__/file-upload-status";
 export interface FileInputProps extends Pick<ValidationProps, "error">, Pick<InputProps, "id" | "name" | "required">, TagProps, MarginProps {

package/lib/components/file-input/file-input.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("../../__internal__/input-behaviour/input-behaviour.component.js"),i=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),l=require("../../__internal__/validation-message/validation-message.component.js"),s=require("./file-input.style.js"),u=require("../textbox/textbox.style.js"),d=require("../button-minor/button-minor.component.js"),p=require("../typography/typography.component.js"),c=require("./__internal__/file-upload-status/file-upload-status.component.js"),f=require("../box/box.component.js"),m=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../../__internal__/hint-text/hint-text.component.js");function v(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function b(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=v(t).default.forwardRef(((v,y)=>{var{accept:h,buttonText:x,"data-element":_,"data-role":O,dragAndDropText:q,error:P,label:I,id:D,inputHint:S,isVertical:w,maxHeight:T,maxWidth:F,minHeight:E,minWidth:H="280px",name:k,onChange:L,required:A,uploadStatus:M=[],validationMessagePositionTop:W=!0}=v,R=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}(v,["accept","buttonText","data-element","data-role","dragAndDropText","error","label","id","inputHint","isVertical","maxHeight","maxWidth","minHeight","minWidth","name","onChange","required","uploadStatus","validationMessagePositionTop"]);const C=m.default(),B=x||C.fileInput.selectFile(),U=q||C.fileInput.dragAndDrop(),V={maxHeight:T||void 0,maxWidth:F||H,minHeight:E,minWidth:H},[N,z]=a.default(D,k),[G,J]=t.useState(!1),[K,Q]=t.useState(!1),X=t.useRef(null),Y=e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&Q(!0)},Z=e=>{e.preventDefault(),Q(!1)};t.useEffect((()=>(document.addEventListener("dragover",Y),document.addEventListener("drop",Z),document.addEventListener("dragleave",Z),()=>{document.removeEventListener("dragover",Y),document.removeEventListener("drop",Z),document.removeEventListener("dragleave",Z)})),[]);const $=e=>{null==L||L(e)},{labelId:ee,validationId:te}=o.default({id:N,validationRedesignOptIn:!0,error:P,label:I}),re=Array.isArray(M)?M:[M],ne=e.jsxs(e.Fragment,{children:[S&&e.jsx(g.HintText,{children:S}),e.jsxs(f.Box,{position:"relative",children:[W&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{error:P,validationId:te,validationMessagePositionTop:W,"data-role":"validation-message-top"}),P&&e.jsx(u.default,{warning:!1})]}),e.jsx(s.StyledHiddenFileInput,j(b(j({},A&&{required:A}),{accept:h,"aria-invalid":!!P,id:N,ref:e=>{X.current=e,"function"==typeof y?y(e):y&&(y.current=e)},name:z,onChange:e=>{$(e.target.files)},type:"file"}),R)),e.jsxs(s.StyledFileInputPresentation,b(j({"data-role":"file-input-presentation",isDraggedOver:G,isDraggingFile:K,error:P,onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),J(!1)},onDragOver:e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&J(!0)},onDrop:e=>{e.preventDefault(),J(!1),$(e.dataTransfer.files)},isVertical:w},V),{children:[e.jsx(d.ButtonMinor,{buttonType:"primary",onClick:()=>{var e;null===(e=X.current)||void 0===e||e.click()},children:B}),e.jsx(p.Typography,{m:0,children:U})]})),!W&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{error:P,validationId:te,validationMessagePositionTop:W,"data-role":"validation-message-bottom"}),P&&e.jsx(u.default,{warning:!1})]})]})]});return e.jsx(n.InputBehaviour,{children:e.jsx(i.default,b(j({error:P,label:I,labelId:ee,id:N,isRequired:A,"data-component":"file-input","data-role":O,"data-element":_,validationRedesignOptIn:!0},r.default(R)),{children:0===re.length?ne:re.map((r=>t.createElement(s.StyledFileInputPresentation,b(j({hasUploadStatus:!0},V),{key:r.filename}),e.jsx(c.FileUploadStatus,j({},r)))))}))})}));h.displayName="FileInput",exports.FileInput=h,exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("../../__internal__/input-behaviour/input-behaviour.component.js"),i=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),l=require("../../__internal__/validation-message/validation-message.component.js"),s=require("./file-input.style.js"),u=require("../../__internal__/legacy-error-border/error-border.style.js"),d=require("../button-minor/button-minor.component.js"),p=require("../typography/typography.component.js"),c=require("./__internal__/file-upload-status/file-upload-status.component.js"),f=require("../box/box.component.js"),m=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../../__internal__/legacy-hint-text/hint-text.component.js");function v(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function b(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=v(t).default.forwardRef(((v,y)=>{var{accept:h,buttonText:x,"data-element":_,"data-role":O,dragAndDropText:q,error:P,label:I,id:D,inputHint:S,isVertical:w,maxHeight:T,maxWidth:F,minHeight:E,minWidth:H="280px",name:k,onChange:L,required:A,uploadStatus:M=[],validationMessagePositionTop:W=!0}=v,R=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}(v,["accept","buttonText","data-element","data-role","dragAndDropText","error","label","id","inputHint","isVertical","maxHeight","maxWidth","minHeight","minWidth","name","onChange","required","uploadStatus","validationMessagePositionTop"]);const C=m.default(),B=x||C.fileInput.selectFile(),U=q||C.fileInput.dragAndDrop(),V={maxHeight:T||void 0,maxWidth:F||H,minHeight:E,minWidth:H},[N,z]=a.default(D,k),[G,J]=t.useState(!1),[K,Q]=t.useState(!1),X=t.useRef(null),Y=e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&Q(!0)},Z=e=>{e.preventDefault(),Q(!1)};t.useEffect((()=>(document.addEventListener("dragover",Y),document.addEventListener("drop",Z),document.addEventListener("dragleave",Z),()=>{document.removeEventListener("dragover",Y),document.removeEventListener("drop",Z),document.removeEventListener("dragleave",Z)})),[]);const $=e=>{null==L||L(e)},{labelId:ee,validationId:te}=o.default({id:N,validationRedesignOptIn:!0,error:P,label:I}),re=Array.isArray(M)?M:[M],ne=e.jsxs(e.Fragment,{children:[S&&e.jsx(g.HintText,{children:S}),e.jsxs(f.Box,{position:"relative",children:[W&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{error:P,validationId:te,validationMessagePositionTop:W,"data-role":"validation-message-top"}),P&&e.jsx(u.default,{warning:!1})]}),e.jsx(s.StyledHiddenFileInput,j(b(j({},A&&{required:A}),{accept:h,"aria-invalid":!!P,id:N,ref:e=>{X.current=e,"function"==typeof y?y(e):y&&(y.current=e)},name:z,onChange:e=>{$(e.target.files)},type:"file"}),R)),e.jsxs(s.StyledFileInputPresentation,b(j({"data-role":"file-input-presentation",isDraggedOver:G,isDraggingFile:K,error:P,onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),J(!1)},onDragOver:e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&J(!0)},onDrop:e=>{e.preventDefault(),J(!1),$(e.dataTransfer.files)},isVertical:w},V),{children:[e.jsx(d.ButtonMinor,{buttonType:"primary",onClick:()=>{var e;null===(e=X.current)||void 0===e||e.click()},children:B}),e.jsx(p.Typography,{m:0,children:U})]})),!W&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{error:P,validationId:te,validationMessagePositionTop:W,"data-role":"validation-message-bottom"}),P&&e.jsx(u.default,{warning:!1})]})]})]});return e.jsx(n.InputBehaviour,{children:e.jsx(i.default,b(j({error:P,label:I,labelId:ee,id:N,isRequired:A,"data-component":"file-input","data-role":O,"data-element":_,validationRedesignOptIn:!0},r.default(R)),{children:0===re.length?ne:re.map((r=>t.createElement(s.StyledFileInputPresentation,b(j({hasUploadStatus:!0},V),{key:r.filename}),e.jsx(c.FileUploadStatus,j({},r)))))}))})}));h.displayName="FileInput",exports.FileInput=h,exports.default=h;

package/lib/components/file-input/file-input.style.d.ts

@@ -1,4 +1,4 @@
-import type { InputProps } from "../../__internal__/input";
+import type { InputProps } from "../../__internal__/legacy-input";
 import type { ValidationProps } from "../../__internal__/validations";
 type CustomFileInputProps = Omit<InputProps, "value"> & {
     value?: string;

package/lib/components/file-input/file-input.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("../typography/typography.style.js");function i(t){return t&&t.__esModule?t:{default:t}}var r=i(t);const a=r.default.input.withConfig({displayName:"file-input.style__StyledHiddenFileInput",componentId:"sc-6e60ad6-0"})(["display:none;"]),o=r.default.div.withConfig({displayName:"file-input.style__StyledFileInputPresentation",componentId:"sc-6e60ad6-1"})([""," ",""],(({hasUploadStatus:e,minWidth:i,minHeight:r,maxWidth:a,maxHeight:o})=>t.css(["min-width:",";min-height:",";max-width:",";",""],i,r,a,!e&&t.css(["padding:11px;max-height:",";box-sizing:border-box;"],o))),(({hasUploadStatus:i,isDraggedOver:r,isDraggingFile:a,error:o,isVertical:n})=>{const l=o||a?"borderWidth200":"borderWidth100";let s="colorsUtilityMajor300",d="colorsUtilityYang100";return r?(s="colorsUtilityMajor400",d="colorsUtilityMajor100"):a&&(s="colorsUtilityMajor400"),o&&(s="colorsSemanticNegative"+(a?600:500)),!i&&t.css(["display:flex;"," flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;text-align:center;gap:var(--spacing100);border-radius:var(--borderRadius050);border:var(--",") dashed var(--",");background:var(--",");","{color:var(--colorsUtilityYin055);}"],n&&"flex-direction: column;",l,s,d,e.default)}));exports.StyledFileInputPresentation=o,exports.StyledHiddenFileInput=a;
+"use strict";var t=require("styled-components"),e=require("../typography/typography.style.js");function i(t){return t&&t.__esModule?t:{default:t}}var r=i(t);const a=r.default.input.withConfig({displayName:"file-input.style__StyledHiddenFileInput",componentId:"sc-f1cdfaa4-0"})(["display:none;"]),o=r.default.div.withConfig({displayName:"file-input.style__StyledFileInputPresentation",componentId:"sc-f1cdfaa4-1"})([""," ",""],(({hasUploadStatus:e,minWidth:i,minHeight:r,maxWidth:a,maxHeight:o})=>t.css(["min-width:",";min-height:",";max-width:",";",""],i,r,a,!e&&t.css(["padding:11px;max-height:",";box-sizing:border-box;"],o))),(({hasUploadStatus:i,isDraggedOver:r,isDraggingFile:a,error:o,isVertical:n})=>{const l=o||a?"borderWidth200":"borderWidth100";let s="colorsUtilityMajor300",d="colorsUtilityYang100";return r?(s="colorsUtilityMajor400",d="colorsUtilityMajor100"):a&&(s="colorsUtilityMajor400"),o&&(s="colorsSemanticNegative"+(a?600:500)),!i&&t.css(["display:flex;"," flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;text-align:center;gap:var(--spacing100);border-radius:var(--borderRadius050);border:var(--",") dashed var(--",");background:var(--",");","{color:var(--colorsUtilityYin055);}"],n&&"flex-direction: column;",l,s,d,e.default)}));exports.StyledFileInputPresentation=o,exports.StyledHiddenFileInput=a;

package/lib/components/icon/icon.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../__internal__/utils/logger/index.js"),i=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js"),n=require("../../style/utils/color.js"),s=require("../../__internal__/dom/globals.js"),l=require("../../__internal__/utils/helpers/browser-type-check/index.js"),a=require("./icon-config.js"),c=require("./icon-unicodes.js"),u=require("../button/__next__/button.style.js");function d(e){return e&&e.__esModule?e:{default:e}}const f=d(e).default.span.attrs(i.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-c60a91e8-0"})([""," "," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({theme:i,color:u,bg:d,isInteractive:f,bgSize:g,bgShape:m,type:b,fontSize:h,disabled:p,hasTooltip:y})=>{let _="var(--colorsYin090)",S="transparent";const v=s.getWindow(),z=s.getNavigator(),j=function(e,t){const i={small:1,medium:2,large:3,"extra-large":4};return e&&t?i[t]<i[e]?(o.default.warn(`[WARNING - Icon] The "${t}" \`bgSize\` is smaller than "${e}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),a.default.backgroundSize[e]):a.default.backgroundSize[t]:t?a.default.backgroundSize[t]:void 0}(h,g);if(p)_="var(--colorsYin030)";else if(u){const{color:e}=n.default({color:u,theme:i});_=e}if(d){const{backgroundColor:e}=n.default({bg:d,theme:i});S=e}return e.css(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," ",""],_,S,j,j,m?`border-radius: ${a.default.backgroundShape[m]}`:"",f&&e.css(["&:not(:focus):hover{filter:brightness(0.9);}"]),c.default[b],h&&e.css(["font-size:",";line-height:",";"],a.default.iconSize[h],a.default.iconSize[h]),v&&"services"===b&&l.default(v)&&e.css(["margin-top:",";"],"small"===h?"-7px":"-8px"),z&&v&&"services"===b&&l.isSafari(z)&&!l.default(v)&&e.css(["margin-top:-6px;"]),y&&`\n        :focus {\n          ${r.default()}\n        }\n      `,t.margin)}),u.StyledButton);exports.default=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../__internal__/utils/logger/index.js"),r=require("../../style/themes/apply-base-theme.js"),i=require("../../style/utils/add-focus-styling.js"),l=require("../../style/utils/color.js"),s=require("../../__internal__/dom/globals.js"),n=require("../../__internal__/utils/helpers/browser-type-check/index.js"),a=require("./icon-config.js"),c=require("./icon-unicodes.js"),u=require("../button/__next__/button.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var f=d(e);const g=e.css([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.search &{color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}}.search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}"],u.StyledButton),m=f.default.span.attrs(r.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-56ac9ede-0"})(["",""],(({theme:r,color:u,bg:d,isInteractive:f,bgSize:m,bgShape:h,type:b,fontSize:y,disabled:p,hasTooltip:_})=>{let v="var(--colorsYin090)",S="transparent";const z=s.getWindow(),j=s.getNavigator(),k=function(e,t){const r={small:1,medium:2,large:3,"extra-large":4};return e&&t?r[t]<r[e]?(o.default.warn(`[WARNING - Icon] The "${t}" \`bgSize\` is smaller than "${e}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),a.default.backgroundSize[e]):a.default.backgroundSize[t]:t?a.default.backgroundSize[t]:void 0}(y,m);if(p)v="var(--colorsYin030)";else if(u){const{color:e}=l.default({color:u,theme:r});v=e}if(d){const{backgroundColor:e}=l.default({bg:d,theme:r});S=e}return e.css(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],v,S,k,k,h?`border-radius: ${a.default.backgroundShape[h]}`:"",f&&e.css(["&:not(:focus):hover{filter:brightness(0.9);}"]),c.default[b],y&&e.css(["font-size:",";line-height:",";"],a.default.iconSize[y],a.default.iconSize[y]),z&&"services"===b&&n.default(z)&&e.css(["margin-top:",";"],"small"===y?"-7px":"-8px"),j&&z&&"services"===b&&n.isSafari(j)&&!n.default(z)&&e.css(["margin-top:-6px;"]),_&&`\n        :focus {\n          ${i.default()}\n        }\n      `,t.margin,g)}));exports.default=m;

package/lib/components/inline-inputs/inline-inputs.component.d.ts

@@ -6,7 +6,11 @@ import { TagProps } from "../../__internal__/utils/helpers/tags";
  * @deprecated `InlineInputs` has been deprecated. See the Carbon documentation for migration details.
  */
 export interface InlineInputsProps extends MarginProps, StyledContentContainerProps, StyledInlineInputsProps, TagProps {
-    /** Breakpoint for adaptive label (inline label change to top aligned). Enables the adaptive behaviour when set */
+    /**
+     * @deprecated `adaptiveLabelBreakpoint` has been deprecated.
+     * It is recommended to use `useMediaQuery` hook to implement adaptive behaviour.
+     * Breakpoint for adaptive label (inline label change to top aligned). Enables the adaptive behaviour when set
+     **/
     adaptiveLabelBreakpoint?: number;
     /** Children elements */
     children?: React.ReactNode;

package/lib/components/inline-inputs/inline-inputs.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/label/label.component.js"),n=require("./inline-inputs.style.js"),l=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var u=require("../../style/utils/filter-styled-system-margin-props.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(t);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=(t,r)=>o.default.Children.map(t,(t=>e.jsx(n.StyledInlineInput,{gutter:r,"data-element":"inline-input",children:t}))),p=a=>{var{adaptiveLabelBreakpoint:o,label:p,labelAlign:b,labelId:d,htmlFor:f,children:y=null,gutter:O="none",inputWidth:j,labelInline:g=!0,labelWidth:h,required:m}=a,v=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(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)&&(l[r]=e[r])}return l}(a,["adaptiveLabelBreakpoint","label","labelAlign","labelId","htmlFor","children","gutter","inputWidth","labelInline","labelWidth","required"]);const _=l.default(o),P=t.useRef(null);let q=g;o&&(q=_);const I=u.default(v);return t.useEffect((()=>{var e;m&&Array.from((null===(e=P.current)||void 0===e?void 0:e.querySelectorAll("input"))||[]).forEach((e=>e.setAttribute("required","")))}),[m]),e.jsxs(n.default,(w=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}({gutter:O,labelWidth:h,labelInline:q,ref:P},I,i.default("inline-inputs",v)),x=null!=(x={children:[p?e.jsx(r.default,{align:b,labelId:d,inline:q,htmlFor:f,isRequired:m,children:p}):null,e.jsx(n.StyledContentContainer,{gutter:O,"data-element":"inline-inputs-container","data-role":"inline-inputs-container",inputWidth:j,children:c(y,O)})]})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(x)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(x)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(x,e))})),w));var w,x};p.displayName="InlineInputs",exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/legacy-label/label.component.js"),n=require("./inline-inputs.style.js"),l=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var u=require("../../style/utils/filter-styled-system-margin-props.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(t);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=(t,r)=>o.default.Children.map(t,(t=>e.jsx(n.StyledInlineInput,{gutter:r,"data-element":"inline-input",children:t}))),p=a=>{var{adaptiveLabelBreakpoint:o,label:p,labelAlign:b,labelId:d,htmlFor:f,children:y=null,gutter:O="none",inputWidth:j,labelInline:g=!0,labelWidth:h,required:m}=a,v=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(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)&&(l[r]=e[r])}return l}(a,["adaptiveLabelBreakpoint","label","labelAlign","labelId","htmlFor","children","gutter","inputWidth","labelInline","labelWidth","required"]);const _=l.default(o),P=t.useRef(null);let q=g;o&&(q=_);const I=u.default(v);return t.useEffect((()=>{var e;m&&Array.from((null===(e=P.current)||void 0===e?void 0:e.querySelectorAll("input"))||[]).forEach((e=>e.setAttribute("required","")))}),[m]),e.jsxs(n.default,(w=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}({gutter:O,labelWidth:h,labelInline:q,ref:P,role:"group"},I,i.default("inline-inputs",v)),x=null!=(x={children:[p?e.jsx(r.default,{align:b,labelId:d,inline:q,htmlFor:f,isRequired:m,children:p}):null,e.jsx(n.StyledContentContainer,{gutter:O,"data-element":"inline-inputs-container","data-role":"inline-inputs-container",inputWidth:j,children:c(y,O)})]})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(x)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(x)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(x,e))})),w));var w,x};p.displayName="InlineInputs",exports.default=p;

package/lib/components/inline-inputs/inline-inputs.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../__internal__/input/input-presentation.style.js"),i=require("../../__internal__/label/label.style.js"),a=require("../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(e);const n={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},l=d.default.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-9639cce8-0"})(["flex:1;",""],(({gutter:t})=>t&&e.css(["margin-bottom:0;padding-left:","px;"],n[t]))),s=d.default.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-9639cce8-1"})(["display:flex;flex:",";",""],(({inputWidth:e})=>e?`0 0 ${e}%`:1),(({gutter:t})=>t&&e.css(["margin-bottom:0;margin-left:-","px;",""],n[t],"none"===t&&e.css([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],l,l,r.default,l,r.default,l,r.default,l,r.default)))),u=d.default.div.attrs(a.default).withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"sc-9639cce8-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],t.margin,(({labelInline:e})=>e?"flex":"block"),i.StyledLabelContainer,(({labelInline:e})=>e?"0px":"8px"),(({labelWidth:e})=>e?`${e}%`:"auto"));exports.StyledContentContainer=s,exports.StyledInlineInput=l,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../__internal__/legacy-input/input-presentation.style.js"),a=require("../../__internal__/legacy-label/label.style.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(e);const d={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},n=o.default.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-7bef1a9c-0"})(["flex:1;",""],(({gutter:t})=>t&&e.css(["margin-bottom:0;padding-left:","px;"],d[t]))),s=o.default.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-7bef1a9c-1"})(["display:flex;flex:",";",""],(({inputWidth:e})=>e?`0 0 ${e}%`:1),(({gutter:t})=>t&&e.css(["margin-bottom:0;margin-left:-","px;",""],d[t],"none"===t&&e.css([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],n,n,r.default,n,r.default,n,r.default,n,r.default)))),u=o.default.div.attrs(i.default).withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"sc-7bef1a9c-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],t.margin,(({labelInline:e})=>e?"flex":"block"),a.StyledLabelContainer,(({labelInline:e})=>e?"0px":"8px"),(({labelWidth:e})=>e?`${e}%`:"auto"));exports.StyledContentContainer=s,exports.StyledInlineInput=n,exports.default=u;

package/lib/components/menu/menu-full-screen/menu-full-screen.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../../style/themes/apply-base-theme.js"),i=require("../../icon-button/icon-button.style.js"),l=require("../../box/box.style.js"),r=require("../../search/search.style.js"),s=require("../../icon/icon.style.js"),o=require("../../button/button.style.js"),n=require("../menu.config.js"),a=require("../../../style/utils/add-focus-styling.js"),u=require("../../link/link.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var c=d(e);const b=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-b7ff4ebf-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:t})=>e.css(["z-index:",";"],t.zIndex.fullScreenModal)),(({startPosition:t,transitionDuration:i})=>e.css(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],t,t,i,t,t,i))),f=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-b7ff4ebf-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],u.StyledLink,u.StyledLink,u.StyledLink,(({menuType:t})=>e.css(["background-color:",";&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],n.default[t].background,r.default,s.default,o.default,a.default(),l.default,n.default[t].scrollbarColor,n.default[t].scrollbarThumb,n.default[t].scrollbarTrack))),y=c.default.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-b7ff4ebf-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i.default,(({menuType:t})=>e.css(["background-color:",";"],n.default[t].submenuItemBackground)));exports.StyledMenuFullscreen=b,exports.StyledMenuFullscreenHeader=y,exports.StyledMenuModal=f;
+"use strict";var e=require("styled-components"),t=require("../../../style/themes/apply-base-theme.js"),i=require("../../icon-button/icon-button.style.js"),l=require("../../box/box.style.js"),r=require("../../search/search.style.js"),s=require("../../icon/icon.style.js"),o=require("../../button/button.style.js"),n=require("../menu.config.js"),a=require("../../../style/utils/add-focus-styling.js"),u=require("../../link/link.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var c=d(e);const b=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-28b344f8-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:t})=>e.css(["z-index:",";"],t.zIndex.fullScreenModal)),(({startPosition:t,transitionDuration:i})=>e.css(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],t,t,i,t,t,i))),f=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-28b344f8-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],u.StyledLink,u.StyledLink,u.StyledLink,(({menuType:t})=>e.css(["background-color:",";&&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],n.default[t].background,r.default,s.default,o.default,a.default(),l.default,n.default[t].scrollbarColor,n.default[t].scrollbarThumb,n.default[t].scrollbarTrack))),y=c.default.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-28b344f8-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i.default,(({menuType:t})=>e.css(["background-color:",";"],n.default[t].submenuItemBackground)));exports.StyledMenuFullscreen=b,exports.StyledMenuFullscreenHeader=y,exports.StyledMenuModal=f;

package/lib/components/number/number.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../textbox/textbox.component.js"),n=require("../../__internal__/utils/helpers/tags/tags.js");function o(e){return e&&e.__esModule?e:{default:e}}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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){l(e,t,r[t])}))}return e}const u=o(t).default.forwardRef(((o,l)=>{var{onChange:u,onKeyDown:i,value:c,align:s=r.ALIGN_DEFAULT,labelWidth:b=r.LABEL_WIDTH_DEFAULT,size:f=r.SIZE_DEFAULT,validationOnLabel:O=r.LABEL_VALIDATION_DEFAULT}=o,p=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(o,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const y=t.useRef(null),g=t.useRef(null);var d,j,v;return e.jsx(r.Textbox,a((j=a({},p),v=null!=(v={value:c,onChange:e=>{!function(e){return new RegExp("^[-]?[0-9]*$").test(e)}(e.target.value)?(e.target.value=c||"",e.target.setSelectionRange(y.current,g.current)):u(e)},onKeyDown:e=>{y.current=e.target.selectionStart,g.current=e.target.selectionEnd,i&&i(e)},ref:l,align:s,labelWidth:b,size:f,validationOnLabel:O})?v:{},Object.getOwnPropertyDescriptors?Object.defineProperties(j,Object.getOwnPropertyDescriptors(v)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(v)).forEach((function(e){Object.defineProperty(j,e,Object.getOwnPropertyDescriptor(v,e))})),j),n.default(null!==(d=p["data-component"])&&void 0!==d?d:"number",p)))}));u.displayName="Number",exports.Number=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../textbox/textbox.component.js"),n=require("../../__internal__/utils/helpers/tags/tags.js");function o(e){return e&&e.__esModule?e:{default:e}}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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){l(e,t,r[t])}))}return e}const u=o(t).default.forwardRef(((o,l)=>{var{onChange:u,onKeyDown:i,value:c,align:s="left",labelWidth:b=r.LABEL_WIDTH_DEFAULT,size:f=r.SIZE_DEFAULT,validationOnLabel:O=r.LABEL_VALIDATION_DEFAULT}=o,p=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(o,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const y=t.useRef(null),g=t.useRef(null);var d,j,v;return e.jsx(r.Textbox,a((j=a({},p),v=null!=(v={value:c,onChange:e=>{!function(e){return new RegExp("^[-]?[0-9]*$").test(e)}(e.target.value)?(e.target.value=c||"",e.target.setSelectionRange(y.current,g.current)):u(e)},onKeyDown:e=>{y.current=e.target.selectionStart,g.current=e.target.selectionEnd,i&&i(e)},ref:l,align:s,labelWidth:b,size:f,validationOnLabel:O})?v:{},Object.getOwnPropertyDescriptors?Object.defineProperties(j,Object.getOwnPropertyDescriptors(v)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(v)).forEach((function(e){Object.defineProperty(j,e,Object.getOwnPropertyDescriptor(v,e))})),j),n.default(null!==(d=p["data-component"])&&void 0!==d?d:"number",p)))}));u.displayName="Number",exports.Number=u,exports.default=u;

package/lib/components/numeral-date/numeral-date.component.d.ts

@@ -21,7 +21,11 @@ export interface DateInputIds {
     year?: string;
 }
 export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps {
-    /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+    /**
+     * @deprecated `adaptiveLabelBreakpoint` has been deprecated.
+     * It is recommended to use `useMediaQuery` hook to implement adaptive behaviour.
+     * Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set
+     **/
     adaptiveLabelBreakpoint?: number;
     /** If true, the component will be disabled */
     disabled?: boolean;
@@ -47,8 +51,7 @@ export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps
     /** Field labels alignment */
     fieldLabelsAlign?: "left" | "right";
     /**
-     * Text applied to label help tooltip, will be rendered as
-     * hint text when `validationRedesignOptIn` is true.
+     * [Legacy] Text applied to label help tooltip, will be rendered as hint text when `validationRedesignOptIn` is true.
      */
     labelHelp?: React.ReactNode;
     /** [Legacy] When true, label is placed in line with an input */

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("../../__internal__/utils/helpers/events/events.js"),i=require("./numeral-date.style.js"),o=require("../textbox/textbox.component.js"),d=require("../../__internal__/utils/helpers/guid/index.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../__internal__/tooltip-provider/index.js"),y=require("../carbon-provider/__internal__/new-validation.context.js"),m=require("./__internal__/numeral-date.context.js"),c=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");function f(e){return e&&e.__esModule?e:{default:e}}var p=f(r);function b(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]:{},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){b(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 O=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],j=e=>{const t=(new Date).getFullYear(),{format:r}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>r(new Date(Date.UTC(t,e)))))},h=(e,t,r)=>({dd:e.numeralDate.validation.day(t?j(e.locale())[+t-1]:void 0,r),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),_=(e,t)=>{switch(e){case"mm":return t.numeralDate.labels.month();case"yyyy":return t.numeralDate.labels.year();default:return t.numeralDate.labels.day()}},w=t.forwardRef(((r,f)=>{var{dateFormat:b=["dd","mm","yyyy"],disabled:j,error:w="",warning:D="",info:x,id:P,name:q,onBlur:I,onChange:S,value:k,validationOnLabel:A=!1,label:R,labelInline:L,labelWidth:F,labelAlign:E,fieldLabelsAlign:T,labelHelp:B,labelSpacing:H,fieldHelp:M,adaptiveLabelBreakpoint:N,required:W,readOnly:z,size:C="medium",enableInternalError:K,enableInternalWarning:Y,tooltipPosition:J,helpAriaLabel:V,dayRef:$,monthRef:U,yearRef:G,validationMessagePositionTop:Q=!0,inputIds:X}=r,Z=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(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)&&(l[r]=e[r])}return l}(r,["dateFormat","disabled","error","warning","info","id","name","onBlur","onChange","value","validationOnLabel","label","labelInline","labelWidth","labelAlign","fieldLabelsAlign","labelHelp","labelSpacing","fieldHelp","adaptiveLabelBreakpoint","required","readOnly","size","enableInternalError","enableInternalWarning","tooltipPosition","helpAriaLabel","dayRef","monthRef","yearRef","validationMessagePositionTop","inputIds"]);const ee=s.default(),{validationRedesignOptIn:te}=t.useContext(y.default),{current:re}=t.useRef(P||d.default()),ne=t.useRef({dd:d.default(),mm:d.default(),yyyy:d.default()});var le,ae,ie;const oe={dd:null!==(le=null==X?void 0:X.day)&&void 0!==le?le:ne.current.dd,mm:null!==(ae=null==X?void 0:X.month)&&void 0!==ae?ae:ne.current.mm,yyyy:null!==(ie=null==X?void 0:X.year)&&void 0!==ie?ie:ne.current.yyyy},de=t.useRef(b.map((()=>null)));t.useImperativeHandle(f,(()=>({focus:()=>{var e;null===(e=de.current[0])||void 0===e||e.focus()}})));const[se,ue]=t.useState(g({},Object.fromEntries(b.map((e=>[e,""]))))),ye=t.useMemo((()=>!b||O.find((e=>JSON.stringify(e)===JSON.stringify(b)))),[b]);p.default(ye,"Forbidden prop dateFormat supplied to NumeralDate. Only one of these date formats is allowed: ['dd', 'mm', 'yyyy'], ['mm', 'dd', 'yyyy'], ['yyyy', 'mm', 'dd'], ['dd', 'mm'], ['mm', 'dd'], ['mm', 'yyyy']");const me=e=>({target:{name:q,id:re,value:e}}),ce=e=>{a.default.isNumberKey(e)||a.default.isTabKey(e)||a.default.isEnterKey(e)||"Delete"===e.key||"Backspace"===e.key||e.preventDefault()},fe=()=>{(K||Y)&&ue((e=>g({},e,((e,{dd:t,mm:r,yyyy:n})=>{const l={dd:"",mm:"",yyyy:""},a=((e,t)=>{if(!e||+e>12||+e<1)return 31;const r=new Date,n=+(t||r.getFullYear());return new Date(n,+e,0).getDate()})(r,n);return t&&(+t>a||+t<1)&&(l.dd=h(e,r,String(a)).dd),r&&(+r>12||+r<1)&&(l.mm=h(e).mm),n&&(+n<1800||+n>2200)&&(l.yyyy=h(e).yyyy),l})(ee,k)))),setTimeout((()=>{const e=!de.current.find((e=>e===document.activeElement));I&&e&&I(me(k))}),5)},pe=Object.keys(se).reduce(((e,t)=>se[t]?`${e+se[t]}\n`:e),""),be=K?pe+w:w,ge=Y?pe+D:D,ve=c.default(N);let Oe=L;N&&(Oe=ve);const je=()=>e.jsx(i.StyledNumeralDate,{onKeyDown:ce,children:b.map(((t,r)=>{const n=r===b.length-1;let l;const a=be||ge||x,d=!te&&"string"==typeof a&&""!==a;switch(t.slice(0,2)){case"dd":l=$;break;case"mm":l=U;break;case"yy":l=G}return e.jsx(m.default.Provider,{value:{disableErrorBorder:!0},children:e.jsx(i.StyledDateField,{size:C,isYearInput:4===t.length,hasValidationIconInField:!A&&n&&d,children:e.jsx(o.Textbox,v(g({id:oe[t],label:_(t,ee),labelAlign:T,disabled:j,readOnly:z,error:!!be,warning:!!ge,info:!!x,size:C,value:k[t],onChange:e=>((e,t)=>{const{value:r}=e.target;if(r.length<=t.length){const e=v(g({},k),{[t]:r});S(me(e))}})(e,t),onBlur:fe,ref:e=>((e,t,r)=>{de.current[t]=e,r&&("function"==typeof r?r(e):r.current=e)})(e,r,l)},n&&!A&&!te&&{error:be,warning:ge,info:x}),{tooltipPosition:J,tooltipId:`${re}-validation`,my:0}))},t)},t)}))});return te?e.jsx(i.StyledFieldset,v(g({applyNewValidation:!0,id:re,legend:R,inputHint:B,legendAlign:E,error:be,warning:ge,isRequired:W,isDisabled:j,validationMessagePositionTop:Q,name:q},l.default(Z),n.default("numeral-date",Z)),{children:je()})):e.jsx(u.TooltipProvider,{helpAriaLabel:V,children:e.jsx(i.StyledFieldset,v(g({id:re,legend:R,isRequired:W,isDisabled:j,name:q,error:A&&be,warning:A&&ge,info:A&&x,inline:Oe,size:C,labelHelp:B,legendAlign:E,legendWidth:F,legendSpacing:H,fieldHelp:M},l.default(Z),n.default("numeral-date",Z)),{children:je()}))})}));exports.ALLOWED_DATE_FORMATS=O,exports.NumeralDate=w,exports.default=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/utils/helpers/events/events.js"),i=require("./numeral-date.style.js"),o=require("../textbox/textbox.component.js"),d=require("../../__internal__/utils/helpers/guid/index.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../__internal__/fieldset-validation-context/fieldset-validation-context.js"),y=require("../../__internal__/fieldset/fieldset.component.js");function m(e){return e&&e.__esModule?e:{default:e}}var c=m(r);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 p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){f(e,t,r[t])}))}return e}function b(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 g=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],v=e=>{const t=(new Date).getFullYear(),{format:r}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>r(new Date(Date.UTC(t,e)))))},O=(e,t,r)=>({dd:e.numeralDate.validation.day(t?v(e.locale())[+t-1]:void 0,r),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),j=(e,t)=>{switch(e){case"mm":return t.numeralDate.labels.month();case"yyyy":return t.numeralDate.labels.year();default:return t.numeralDate.labels.day()}},h={default:{small:"44px",medium:"50px",large:"64px"},year:{small:"66px",medium:"80px",large:"84px"}},_=t.forwardRef(((r,m)=>{var{dateFormat:f=["dd","mm","yyyy"],disabled:v,error:_="",warning:w="",info:x,id:D,name:P,onBlur:q,onChange:k,value:S,label:A,labelInline:I,labelWidth:R,labelAlign:E,fieldLabelsAlign:L,labelHelp:T,labelSpacing:F,fieldHelp:B,adaptiveLabelBreakpoint:M,required:N,readOnly:H,size:W="medium",enableInternalError:C,enableInternalWarning:K,tooltipPosition:z,helpAriaLabel:J,dayRef:Y,monthRef:$,yearRef:U,validationMessagePositionTop:V=!0,inputIds:G}=r,Q=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(r,["dateFormat","disabled","error","warning","info","id","name","onBlur","onChange","value","label","labelInline","labelWidth","labelAlign","fieldLabelsAlign","labelHelp","labelSpacing","fieldHelp","adaptiveLabelBreakpoint","required","readOnly","size","enableInternalError","enableInternalWarning","tooltipPosition","helpAriaLabel","dayRef","monthRef","yearRef","validationMessagePositionTop","inputIds"]);const X=s.default(),{current:Z}=t.useRef(D||d.default()),ee=t.useRef({dd:d.default(),mm:d.default(),yyyy:d.default()});var te,re,ne;const ae={dd:null!==(te=null==G?void 0:G.day)&&void 0!==te?te:ee.current.dd,mm:null!==(re=null==G?void 0:G.month)&&void 0!==re?re:ee.current.mm,yyyy:null!==(ne=null==G?void 0:G.year)&&void 0!==ne?ne:ee.current.yyyy},le=t.useRef(f.map((()=>null)));t.useImperativeHandle(m,(()=>({focus:()=>{var e;null===(e=le.current[0])||void 0===e||e.focus()}})));const[ie,oe]=t.useState(p({},Object.fromEntries(f.map((e=>[e,""]))))),de=t.useMemo((()=>!f||g.find((e=>JSON.stringify(e)===JSON.stringify(f)))),[f]);c.default(de,"Forbidden prop dateFormat supplied to NumeralDate. Only one of these date formats is allowed: ['dd', 'mm', 'yyyy'], ['mm', 'dd', 'yyyy'], ['yyyy', 'mm', 'dd'], ['dd', 'mm'], ['mm', 'dd'], ['mm', 'yyyy']");const se=e=>({target:{name:P,id:Z,value:e}}),ue=()=>{(C||K)&&oe((e=>p({},e,((e,{dd:t,mm:r,yyyy:n})=>{const a={dd:"",mm:"",yyyy:""},l=((e,t)=>{if(!e||+e>12||+e<1)return 31;const r=new Date,n=+(t||r.getFullYear());return new Date(n,+e,0).getDate()})(r,n);return t&&(+t>l||+t<1)&&(a.dd=O(e,r,String(l)).dd),r&&(+r>12||+r<1)&&(a.mm=O(e).mm),n&&(+n<1800||+n>2200)&&(a.yyyy=O(e).yyyy),a})(X,S)))),setTimeout((()=>{const e=!le.current.find((e=>e===document.activeElement));q&&e&&q(se(S))}),5)},ye=Object.keys(ie).reduce(((e,t)=>ie[t]?`${e+ie[t]}\n`:e),""),me=C?ye+_:_,ce=K?ye+w:w;return e.jsx(u.default.Provider,{value:{disableErrorBorder:!0},children:e.jsx(y.default,b(p({applyNewValidation:!0,id:Z,legend:A,inputHint:T,legendAlign:E,error:me,warning:ce,isRequired:N,isDisabled:v,validationMessagePositionTop:V,name:P},a.default(Q),n.default("numeral-date",Q)),{children:e.jsx(i.default,{onKeyDown:e=>{l.default.isNumberKey(e)||l.default.isTabKey(e)||l.default.isEnterKey(e)||"Delete"===e.key||"Backspace"===e.key||e.preventDefault()},children:f.map(((t,r)=>{const n=r===f.length-1;let a;switch(t.slice(0,2)){case"dd":a=Y;break;case"mm":a=$;break;case"yy":a=U}const l="yyyy"===t?h.year[W]:h.default[W];return e.jsx("div",{className:"numeral-date-wrapper",children:e.jsx(o.Textbox,b(p({id:ae[t],label:j(t,X),labelAlign:L,disabled:v,readOnly:H,error:!!me,warning:!!ce,info:!!x,size:W,value:S[t],onChange:e=>((e,t)=>{const{value:r}=e.target;if(r.length<=t.length){const e=b(p({},S),{[t]:r});k(se(e))}})(e,t),onBlur:ue,ref:e=>((e,t,r)=>{le.current[t]=e,r&&("function"==typeof r?r(e):r.current=e)})(e,r,a)},n&&{error:me,warning:ce,info:x}),{tooltipPosition:z,tooltipId:`${Z}-validation`,my:0,maxWidth:l}))},t)}))})}))})}));exports.ALLOWED_DATE_FORMATS=g,exports.NumeralDate=_,exports.default=_;

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

@@ -1,16 +1,4 @@
-import { FieldsetProps } from "../../__internal__/fieldset";
-interface StyledDateFieldProps {
-    isYearInput?: boolean;
-    hasValidationIconInField: boolean;
-    size?: "small" | "medium" | "large";
-}
-export declare const StyledNumeralDate: import("styled-components").StyledComponent<"div", any, {
+declare const StyledNumeralDate: import("styled-components").StyledComponent<"div", any, {
     name?: string;
 }, never>;
-export declare const StyledDateField: import("styled-components").StyledComponent<"div", any, StyledDateFieldProps, never>;
-interface StyledFieldsetProps extends FieldsetProps {
-    inline?: boolean;
-    size?: "small" | "medium" | "large";
-}
-export declare const StyledFieldset: import("styled-components").StyledComponent<({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, fieldHelp, inputHint, validationMessagePositionTop, applyNewValidation, id, size, ...rest }: FieldsetProps) => import("react").JSX.Element, any, StyledFieldsetProps, never>;
-export {};
+export default StyledNumeralDate;

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

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),i=require("../../__internal__/input/input-presentation.style.js"),l=require("../../__internal__/input/input.style.js"),n=require("../../__internal__/fieldset/fieldset.component.js"),s=require("../../__internal__/fieldset/fieldset.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const r={small:"44px",medium:"50px",large:"64px"},p=d.default.div.withConfig({displayName:"numeral-date.style__StyledNumeralDate",componentId:"sc-88200622-0"})(["display:inline-flex;gap:var(--spacing150);"]),u=d.default.div.withConfig({displayName:"numeral-date.style__StyledDateField",componentId:"sc-88200622-1"})(["",""],(({isYearInput:n,hasValidationIconInField:s,size:a})=>e.css([""," ","{text-align:center;","}","{width:var(--spacing400);z-index:999;}label{font-weight:var(--fontWeights400);}"],a&&e.css(["","{position:relative;min-width:",";}"],i.default,n?(e=>({small:e?"75px":"66px",medium:"80px",large:"84px"}))(s)[a]:r[a]),l.default,s&&"padding-right: 0",t.default))),o={small:"57px",medium:"65px",large:"73px"},_=d.default(n.default).withConfig({displayName:"numeral-date.style__StyledFieldset",componentId:"sc-88200622-2"})(["",""],(({inline:t,size:i})=>e.css([""," ",""],t&&e.css(["","{height:",";}"],s.StyledLegend,i&&o[i]),!t&&e.css(["width:min-content;"]))));exports.StyledDateField=u,exports.StyledFieldset=_,exports.StyledNumeralDate=p;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"numeral-date.style__StyledNumeralDate",componentId:"sc-d7c62476-0"})(["display:inline-flex;gap:var(--spacing150);"]);exports.default=t;

package/lib/components/pager/__internal__/pager-navigation.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../pager.style.js"),n=require("../../number/number.component.js"),a=require("../../../__internal__/utils/helpers/events/events.js"),i=require("../../../__internal__/utils/helpers/guid/index.js"),l=require("./pager-navigation-link.component.js"),s=require("../../../hooks/__internal__/useLocale/useLocale.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}exports.default=({pageSize:o,currentPage:c,setCurrentPage:d,onNext:g,onPrevious:p,onFirst:b,onLast:j,onPagination:m,pageCount:f,showFirstAndLastButtons:h=!0,showPreviousAndNextButtons:x=!0,showPageCount:y=!0,interactivePageNumber:P=!0,hideDisabledElements:v=!1,smallScreenBreakpoint:S})=>{const _=s.default(),N=`Pager_${t.useRef(i.default()).current}`,k=`${_.pager.pageX()} ${c.toString()} ${_.pager.ofY(f)}`,C=f<=1,O=2===f,q={currentPage:c,pageSize:o,pageCount:f,onPagination:m},w=e=>{const t=+e.target.value;return 0===f?(d(0),m(0,o,"input"),0):t<=0||Number.isNaN(t)?(d(1),m(1,o,"input"),1):t>f?(d(f),m(f,o,"input"),f):(d(t),m(t,o,"input"),t)};return e.jsxs(r.StyledPagerNavigation,{smallScreenBreakpoint:S,children:[!C&&e.jsxs(e.Fragment,{children:[!O&&h&&e.jsx(l.default,u({type:"first",hideDisabledElements:v,onClick:b},q)),x&&e.jsx(l.default,u({type:"previous",hideDisabledElements:v,onClick:p},q))]}),y&&(P?e.jsxs(r.StyledPagerNavInner,{children:[e.jsx("label",{htmlFor:N,children:e.jsx(r.StyledPagerNoSelect,{children:_.pager.pageX()})}),e.jsx(n.Number,{value:c.toString(),"data-element":"current-page",onChange:e=>{d(+e.target.value)},onBlur:w,id:N,onKeyUp:e=>!!a.default.isEnterKey(e)&&w(e)}),e.jsx(r.StyledPagerNoSelect,{"data-element":"max-pages",children:_.pager.ofY(f)})]}):e.jsx(r.StyledPagerNavLabel,{"data-element":"current-page-label","data-role":"current-page-label",id:N,"aria-live":"polite",children:k})),!C&&e.jsxs(e.Fragment,{children:[x&&e.jsx(l.default,u({type:"next",hideDisabledElements:v,onClick:g},q)),!O&&h&&e.jsx(l.default,u({type:"last",hideDisabledElements:v,onClick:j},q))]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../pager.style.js"),n=require("../../number/number.component.js"),a=require("../../../__internal__/utils/helpers/events/events.js"),i=require("../../../__internal__/utils/helpers/guid/index.js"),l=require("./pager-navigation-link.component.js"),s=require("../../../hooks/__internal__/useLocale/useLocale.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}exports.default=({pageSize:o,currentPage:c,setCurrentPage:g,onNext:d,onPrevious:p,onFirst:m,onLast:b,onPagination:j,pageCount:f,showFirstAndLastButtons:h=!0,showPreviousAndNextButtons:x=!0,showPageCount:y=!0,interactivePageNumber:v=!0,hideDisabledElements:P=!1,smallScreenBreakpoint:S})=>{const _=s.default(),N=`Pager_${t.useRef(i.default()).current}`,k=`${_.pager.pageX()} ${c.toString()} ${_.pager.ofY(f)}`,C=f<=1,O=2===f,q={currentPage:c,pageSize:o,pageCount:f,onPagination:j},w=e=>{const t=+e.target.value;return 0===f?(g(0),j(0,o,"input"),0):t<=0||Number.isNaN(t)?(g(1),j(1,o,"input"),1):t>f?(g(f),j(f,o,"input"),f):(g(t),j(t,o,"input"),t)};return e.jsxs(r.StyledPagerNavigation,{smallScreenBreakpoint:S,className:"pager-navigation",children:[!C&&e.jsxs(e.Fragment,{children:[!O&&h&&e.jsx(l.default,u({type:"first",hideDisabledElements:P,onClick:m},q)),x&&e.jsx(l.default,u({type:"previous",hideDisabledElements:P,onClick:p},q))]}),y&&(v?e.jsxs(r.StyledPagerNavInner,{children:[e.jsx("label",{htmlFor:N,children:e.jsx(r.StyledPagerNoSelect,{children:_.pager.pageX()})}),e.jsx(n.Number,{value:c.toString(),"data-element":"current-page",onChange:e=>{g(+e.target.value)},onBlur:w,id:N,onKeyUp:e=>!!a.default.isEnterKey(e)&&w(e),maxWidth:"50px"}),e.jsx(r.StyledPagerNoSelect,{"data-element":"max-pages",children:_.pager.ofY(f)})]}):e.jsx(r.StyledPagerNavLabel,{"data-element":"current-page-label","data-role":"current-page-label",id:N,"aria-live":"polite",children:k})),!C&&e.jsxs(e.Fragment,{children:[x&&e.jsx(l.default,u({type:"next",hideDisabledElements:P,onClick:d},q)),!O&&h&&e.jsx(l.default,u({type:"last",hideDisabledElements:P,onClick:b},q))]})]})};

package/lib/components/pager/pager.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../select/option/option.component.js");require("../select/option-row/option-row.component.js"),require("../select/option-group-header/option-group-header.component.js");var n=require("../select/simple-select/simple-select.component.js");require("../select/filterable-select/filterable-select.component.js"),require("../select/multi-select/multi-select.component.js");var o=require("./__internal__/pager-navigation.component.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),i=require("./pager.style.js"),l=require("../../__internal__/utils/helpers/events/events.js"),c=require("../../__internal__/utils/helpers/tags/tags.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const d=u=>{var{currentPage:d=1,hideDisabledElements:b=!1,interactivePageNumber:f=!0,pageSizeSelectionOptions:h=[{id:"10",name:10},{id:"25",name:25},{id:"50",name:50},{id:"100",name:100}],pageSize:P=10,showPageSizeSelection:S=!1,totalRecords:m=0,onPagination:j,onNext:w,onFirst:y,onPrevious:O,onLast:v,showPageSizeLabelBefore:_=!0,showPageSizeLabelAfter:x=!0,showTotalRecords:k=!0,showFirstAndLastButtons:C=!0,showPreviousAndNextButtons:z=!0,showPageCount:q=!0,variant:B="default",smallScreenBreakpoint:L}=u,N=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}(u,["currentPage","hideDisabledElements","interactivePageNumber","pageSizeSelectionOptions","pageSize","showPageSizeSelection","totalRecords","onPagination","onNext","onFirst","onPrevious","onLast","showPageSizeLabelBefore","showPageSizeLabelAfter","showTotalRecords","showFirstAndLastButtons","showPreviousAndNextButtons","showPageCount","variant","smallScreenBreakpoint"]);const E=a.default(),[A,D]=t.useState(+d),[F,R]=t.useState(+P),[T,I]=t.useState(+P),K=`Pager_size_selector_${t.useRef(s.default()).current}`,M=t.useCallback((()=>+m<0||Number.isNaN(+m)?1:Math.ceil(+m/F)),[m,F]),[$,G]=t.useState(M());t.useEffect((()=>{R(+P),I(+P)}),[P]),t.useEffect((()=>{const e=M();G(e),D(+d>e?e:+d)}),[F,$,d,m,M]);const H=t.useCallback((e=>{D(1),y&&y(e)}),[y]),J=t.useCallback((e=>{D($),v&&v(e)}),[$,v]),Q=t.useCallback((e=>{D(A+1),w&&w(e)}),[w,A]),U=t.useCallback((e=>{D(A-1),O&&O(e)}),[A,O]),V=t.useCallback((e=>{I(+e),R(+e),j(1,+e,"page-select")}),[j]),W=t.useCallback((e=>l.default.isEnterKey(e)&&V(e.target.value)),[V]);return e.jsxs(i.StyledPagerContainer,g(p({variant:B,smallScreenBreakpoint:L,showPageSizeSelection:S,showTotalRecords:k},N,c.default("pager",N)),{children:[S&&e.jsx(i.StyledPagerSizeOptions,{children:(()=>{const t=(t,r)=>t?e.jsx("label",{htmlFor:K,children:r}):e.jsx("div",{children:r});return e.jsxs(i.StyledPagerSizeOptionsInner,{children:[_&&t(_,E.pager.show()),e.jsx(i.StyledSelectContainer,{children:e.jsx(n.SimpleSelect,g(p({value:String(T),onChange:e=>I(+e.target.value),onBlur:()=>I(F),onKeyDown:W,"data-element":"page-select",id:K},_||x?{}:{ariaLabel:E.pager.show()}),{children:h.map((t=>e.jsx(r.default,{text:t.id,value:String(t.name),onClick:V},t.id)))}))}),x&&t(!_,E.pager.records(F,!1))]})})()}),e.jsx(o.default,{pageSize:F,currentPage:A,interactivePageNumber:f,hideDisabledElements:b,setCurrentPage:D,onNext:Q,onPrevious:U,onFirst:H,onLast:J,onPagination:j,pageCount:$,showFirstAndLastButtons:C,showPreviousAndNextButtons:z,showPageCount:q,smallScreenBreakpoint:L}),k&&e.jsx(i.StyledPagerSummary,{smallScreenBreakpoint:L,children:E.pager.records(m)})]}))};exports.Pager=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../select/option/option.component.js");require("../select/option-row/option-row.component.js"),require("../select/option-group-header/option-group-header.component.js");var n=require("../select/simple-select/simple-select.component.js");require("../select/filterable-select/filterable-select.component.js"),require("../select/multi-select/multi-select.component.js");var o=require("./__internal__/pager-navigation.component.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),i=require("./pager.style.js"),l=require("../../__internal__/utils/helpers/events/events.js"),c=require("../../__internal__/utils/helpers/tags/tags.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const d=u=>{var{currentPage:d=1,hideDisabledElements:b=!1,interactivePageNumber:f=!0,pageSizeSelectionOptions:h=[{id:"10",name:10},{id:"25",name:25},{id:"50",name:50},{id:"100",name:100}],pageSize:P=10,showPageSizeSelection:m=!1,totalRecords:S=0,onPagination:j,onNext:w,onFirst:y,onPrevious:O,onLast:v,showPageSizeLabelBefore:_=!0,showPageSizeLabelAfter:x=!0,showTotalRecords:k=!0,showFirstAndLastButtons:z=!0,showPreviousAndNextButtons:C=!0,showPageCount:q=!0,variant:B="default",smallScreenBreakpoint:L}=u,N=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}(u,["currentPage","hideDisabledElements","interactivePageNumber","pageSizeSelectionOptions","pageSize","showPageSizeSelection","totalRecords","onPagination","onNext","onFirst","onPrevious","onLast","showPageSizeLabelBefore","showPageSizeLabelAfter","showTotalRecords","showFirstAndLastButtons","showPreviousAndNextButtons","showPageCount","variant","smallScreenBreakpoint"]);const E=a.default(),[A,D]=t.useState(+d),[F,R]=t.useState(+P),[T,I]=t.useState(+P),K=`Pager_size_selector_${t.useRef(s.default()).current}`,M=t.useCallback((()=>+S<0||Number.isNaN(+S)?1:Math.ceil(+S/F)),[S,F]),[$,G]=t.useState(M());t.useEffect((()=>{R(+P),I(+P)}),[P]),t.useEffect((()=>{const e=M();G(e),D(+d>e?e:+d)}),[F,$,d,S,M]);const H=t.useCallback((e=>{D(1),y&&y(e)}),[y]),J=t.useCallback((e=>{D($),v&&v(e)}),[$,v]),Q=t.useCallback((e=>{D(A+1),w&&w(e)}),[w,A]),U=t.useCallback((e=>{D(A-1),O&&O(e)}),[A,O]),V=t.useCallback((e=>{I(+e),R(+e),j(1,+e,"page-select")}),[j]),W=t.useCallback((e=>l.default.isEnterKey(e)&&V(e.target.value)),[V]);return e.jsxs(i.StyledPagerContainer,g(p({variant:B,smallScreenBreakpoint:L,showPageSizeSelection:m,showTotalRecords:k},N,c.default("pager",N)),{children:[m&&e.jsx(i.StyledPagerSizeOptions,{className:"pager-size-options",children:(()=>{const t=(t,r)=>t?e.jsx("label",{htmlFor:K,children:r}):e.jsx("div",{children:r});return e.jsxs(i.StyledPagerSizeOptionsInner,{children:[_&&t(_,E.pager.show()),e.jsx(i.StyledSelectContainer,{children:e.jsx(n.SimpleSelect,g(p({value:String(T),onChange:e=>I(+e.target.value),onBlur:()=>I(F),onKeyDown:W,"data-element":"page-select",id:K},_||x?{}:{ariaLabel:E.pager.show()}),{children:h.map((t=>e.jsx(r.default,{text:t.id,value:String(t.name),onClick:V},t.id)))}))}),x&&t(!_,E.pager.records(F,!1))]})})()}),e.jsx(o.default,{pageSize:F,currentPage:A,interactivePageNumber:f,hideDisabledElements:b,setCurrentPage:D,onNext:Q,onPrevious:U,onFirst:H,onLast:J,onPagination:j,pageCount:$,showFirstAndLastButtons:z,showPreviousAndNextButtons:C,showPageCount:q,smallScreenBreakpoint:L}),k&&e.jsx(i.StyledPagerSummary,{smallScreenBreakpoint:L,children:E.pager.records(S)})]}))};exports.Pager=d,exports.default=d;

package/lib/components/pager/pager.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../__internal__/input/input.style.js"),i=require("../../__internal__/input/input-presentation.style.js"),a=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),n=require("../select/__internal__/select-textbox/select-textbox.style.js"),l=require("../link/link.component.js");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(e);const o=s.default.div.withConfig({displayName:"pager.style__StyledSelectContainer",componentId:"sc-81c21b55-0"})(["height:26px;width:64px;margin-left:8px;margin-right:8px;","{padding-left:0;}"],i.default),p=s.default.div.withConfig({displayName:"pager.style__StyledPagerContainer",componentId:"sc-81c21b55-1"})(["box-sizing:border-box;display:grid;align-items:center;justify-content:space-between;padding:var(--sizing050) var(--sizing300);width:100%;min-height:var(--sizing550);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);grid-template-columns:repeat(3,1fr);flex-wrap:wrap;"," ",""],(({smallScreenBreakpoint:t,showPageSizeSelection:i,showTotalRecords:a})=>t&&e.css(["@media (max-width:","){grid-template-columns:1fr;padding:var(--sizing050) var(--sizing100);","}"],t,(i||a)&&e.css(["grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;"]))),(({variant:t})=>e.css(["background-color:",";"],"alternate"===t?"var(--colorsUtilityMajor040)":"var(--colorsUtilityMajor010)"))),g=s.default.div.withConfig({displayName:"pager.style__StyledPagerSizeOptions",componentId:"sc-81c21b55-2"})(["grid-area:1 / 1 / 1 / 1;","{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;","{font-size:14px;padding-right:0px;padding-left:8px;height:22px;width:13px;}","{margin-left:0;width:20px;height:24px;}}"],i.default,n.StyledSelectText,r.default),c=s.default.div.withConfig({displayName:"pager.style__StyledPagerSizeOptionsInner",componentId:"sc-81c21b55-3"})(["display:flex;align-items:center;"]),y=s.default.div.withConfig({displayName:"pager.style__StyledPagerNavigation",componentId:"sc-81c21b55-4"})(["display:flex;justify-content:center;align-items:center;padding:0 var(--spacing200);gap:var(--spacing400);grid-area:1 / 2 / 1 / 2;"," && ","{padding:0;margin:4px 8px;height:26px;line-height:26px;min-height:24px;","{text-align:center;height:24px;padding:0;}}"],(({smallScreenBreakpoint:t})=>t&&e.css(["@media (max-width:","){padding:0;gap:var(--spacing200);grid-area:2 / 1 / 2 / 3;}"],t)),i.default,t.default),m=s.default.div.withConfig({displayName:"pager.style__StyledPagerNavInner",componentId:"sc-81c21b55-5"})(["display:flex;align-items:center;&& ","{margin-bottom:0;}"],a.default),f=s.default.label.withConfig({displayName:"pager.style__StyledPagerNavLabel",componentId:"sc-81c21b55-6"})(["white-space:nowrap;"]),h=s.default(l.Link).withConfig({displayName:"pager.style__StyledPagerLink",componentId:"sc-81c21b55-7"})(["",""],(({hideDisabledButtons:t})=>t&&e.css(["&{visibility:hidden;}"]))),x=s.default.div.withConfig({displayName:"pager.style__StyledPagerNoSelect",componentId:"sc-81c21b55-8"})(["user-select:none;white-space:nowrap;font-weight:normal;"]),u=s.default.div.withConfig({displayName:"pager.style__StyledPagerSummary",componentId:"sc-81c21b55-9"})(["justify-self:end;white-space:nowrap;grid-area:1 / 3 / 1 / 3;",""],(({smallScreenBreakpoint:t})=>t&&e.css(["@media (max-width:","){grid-area:1 / 2 / 1 / 2;}"],t)));exports.StyledPagerContainer=p,exports.StyledPagerLink=h,exports.StyledPagerNavInner=m,exports.StyledPagerNavLabel=f,exports.StyledPagerNavigation=y,exports.StyledPagerNoSelect=x,exports.StyledPagerSizeOptions=g,exports.StyledPagerSizeOptionsInner=c,exports.StyledPagerSummary=u,exports.StyledSelectContainer=o;
+"use strict";var e=require("styled-components"),a=require("../link/link.component.js");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const r=i.default.div.withConfig({displayName:"pager.style__StyledSelectContainer",componentId:"sc-4c93824-0"})(["height:26px;width:64px;margin-left:8px;margin-right:8px;"]),n=i.default.div.withConfig({displayName:"pager.style__StyledPagerContainer",componentId:"sc-4c93824-1"})(["box-sizing:border-box;display:grid;align-items:center;justify-content:space-between;padding:var(--sizing050) var(--sizing300);width:100%;min-height:var(--sizing550);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);grid-template-columns:repeat(3,1fr);flex-wrap:wrap;"," ",""],(({smallScreenBreakpoint:a,showPageSizeSelection:t,showTotalRecords:i})=>a&&e.css(["@media (max-width:","){grid-template-columns:1fr;padding:var(--sizing050) var(--sizing100);","}"],a,(t||i)&&e.css(["grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;"]))),(({variant:a})=>e.css(["background-color:",";"],"alternate"===a?"var(--colorsUtilityMajor040)":"var(--colorsUtilityMajor010)"))),s=i.default.div.withConfig({displayName:"pager.style__StyledPagerSizeOptions",componentId:"sc-4c93824-2"})(["grid-area:1 / 1 / 1 / 1;"]),l=i.default.div.withConfig({displayName:"pager.style__StyledPagerSizeOptionsInner",componentId:"sc-4c93824-3"})(["display:flex;align-items:center;"]),d=i.default.div.withConfig({displayName:"pager.style__StyledPagerNavigation",componentId:"sc-4c93824-4"})(["display:flex;justify-content:center;align-items:center;padding:0 var(--spacing200);gap:var(--spacing400);grid-area:1 / 2 / 1 / 2;",""],(({smallScreenBreakpoint:a})=>a&&e.css(["@media (max-width:","){padding:0;gap:var(--spacing200);grid-area:2 / 1 / 2 / 3;}"],a))),o=i.default.div.withConfig({displayName:"pager.style__StyledPagerNavInner",componentId:"sc-4c93824-5"})(["display:flex;align-items:center;"]),p=i.default.label.withConfig({displayName:"pager.style__StyledPagerNavLabel",componentId:"sc-4c93824-6"})(["white-space:nowrap;"]),g=i.default(a.Link).withConfig({displayName:"pager.style__StyledPagerLink",componentId:"sc-4c93824-7"})(["",""],(({hideDisabledButtons:a})=>a&&e.css(["&{visibility:hidden;}"]))),c=i.default.div.withConfig({displayName:"pager.style__StyledPagerNoSelect",componentId:"sc-4c93824-8"})(["user-select:none;white-space:nowrap;font-weight:normal;"]),y=i.default.div.withConfig({displayName:"pager.style__StyledPagerSummary",componentId:"sc-4c93824-9"})(["justify-self:end;white-space:nowrap;grid-area:1 / 3 / 1 / 3;",""],(({smallScreenBreakpoint:a})=>a&&e.css(["@media (max-width:","){grid-area:1 / 2 / 1 / 2;}"],a)));exports.StyledPagerContainer=n,exports.StyledPagerLink=g,exports.StyledPagerNavInner=o,exports.StyledPagerNavLabel=p,exports.StyledPagerNavigation=d,exports.StyledPagerNoSelect=c,exports.StyledPagerSizeOptions=s,exports.StyledPagerSizeOptionsInner=l,exports.StyledPagerSummary=y,exports.StyledSelectContainer=r;

package/lib/components/search/search-button.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../button/button.style.js"),t=require("../icon/icon.style.js"),e=require("../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var d=a(o);const n=d.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-46754225-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=d.default.div.attrs(e.default).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"sc-46754225-1"})(["display:flex;align-self:end;border-bottom:none;& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r.default,t.default,t.default);exports.StyledButtonIcon=n,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../button/button.style.js"),t=require("../icon/icon.style.js"),e=require("../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var d=a(o);const n=d.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-52030d5d-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=d.default.div.attrs(e.default).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"sc-52030d5d-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r.default,t.default,t.default);exports.StyledButtonIcon=n,exports.default=s;

package/lib/components/search/search.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var o=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("./search.style.js"),i=require("./search-button.style.js"),l=require("../icon/icon.component.js"),u=require("../textbox/textbox.component.js"),s=require("../button/button.component.js"),c=require("../../hooks/__internal__/useLocale/useLocale.js"),p=require("../../__internal__/utils/helpers/events/events.js");function f(e){return e&&e.__esModule?e:{default:e}}var d=f(t),b=f(r);function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){h(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const v=d.default.forwardRef(((r,f)=>{var{onChange:d,onClick:h,onFocus:v,onBlur:j,onKeyDown:m,value:O,id:x,name:P,label:w,inputHint:_,searchWidth:q,maxWidth:B,searchButton:D,searchButtonDataProps:C,searchButtonAriaLabel:k,placeholder:S,variant:I="default","aria-label":T,tabIndex:W,error:H,warning:E,info:F,tooltipPosition:K,triggerOnClear:L}=r,M=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,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonDataProps","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const R=c.default(),A=t.useRef(null),$=t.useRef(null);t.useImperativeHandle(f,(()=>({focus(){var e;null===(e=$.current)||void 0===e||e.focus()}})),[]),b.default("string"==typeof O,"This component has no initial value");const[z,N]=t.useState(!1),V=0===O.length;let G={};D&&h&&(G={onClick:()=>{h({target:{name:P,id:x,value:O}})}});const J="string"==typeof D?D:R.search.searchButtonText(),Q=!!(null==O?void 0:O.length);return e.jsxs(a.default,g(y(g(y({ref:A,isFocused:z,searchWidth:q,maxWidth:B,searchHasValue:Q,showSearchButton:!!D,variant:I},o.default(M)),{id:x,name:P}),M,n.default("search",M)),{children:[e.jsx(u.Textbox,{placeholder:S,value:O,inputIcon:V?void 0:"cross",iconTabIndex:V?-1:0,iconOnClick:()=>{var e;null==d||d({target:g(y({},P&&{name:P},x&&{id:x}),{value:""})}),L&&(null==h||h({target:g(y({},P&&{name:P},x&&{id:x}),{value:""})})),null===(e=$.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":T||(w?void 0:R.search.searchButtonText()),label:w,inputHint:_,onFocus:e=>{N(!0),v&&v(e)},onBlur:e=>{N(!1),j&&j(e)},onChange:e=>{d(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),p.default.isEscKey(e)&&!V&&(e.stopPropagation(),null==d||d({target:g(y({},P&&{name:P},x&&{id:x}),{value:""})})),m&&m(e)},ref:$,tabIndex:W,error:H,warning:E,info:F,leftChildren:D?void 0:e.jsx(l.default,{type:"search",ml:1}),tooltipPosition:K,my:0}),D&&e.jsx(i.default,{children:e.jsx(s.default,g(y({"aria-label":k||J,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"search-button"},n.default(`${J}-button`,y({"data-element":`${J}-button`},C)),G),{children:J}))})]}))}));exports.Search=v,exports.default=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var o=require("../../style/utils/filter-styled-system-margin-props.js"),a=require("./search.style.js"),i=require("./search-button.style.js"),l=require("../icon/icon.component.js"),s=require("../textbox/textbox.component.js"),u=require("../button/button.component.js"),c=require("../../hooks/__internal__/useLocale/useLocale.js"),d=require("../../__internal__/utils/helpers/events/events.js");function p(e){return e&&e.__esModule?e:{default:e}}var f=p(t),h=p(r);function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){b(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}function g(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}const m=f.default.forwardRef(((r,p)=>{var{onChange:f,onClick:b,onFocus:m,onBlur:j,onKeyDown:O,value:x,id:P,name:w,label:_,inputHint:q,searchWidth:B,maxWidth:k,searchButton:D,searchButtonDataProps:C,searchButtonAriaLabel:S,placeholder:I,variant:T="default","aria-label":W,tabIndex:H,error:E,warning:F,info:K,tooltipPosition:L,triggerOnClear:M}=r,N=g(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonDataProps","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const R=c.default(),A=t.useRef(null),$=t.useRef(null);t.useImperativeHandle(p,(()=>({focus(){var e;null===(e=$.current)||void 0===e||e.focus()}})),[]),h.default("string"==typeof x,"This component has no initial value");const[z,V]=t.useState(!1),G=0===x.length;let J={};D&&b&&(J={onClick:()=>{b({target:{name:w,id:P,value:x}})}});const Q="string"==typeof D?D:R.search.searchButtonText(),U=!!(null==x?void 0:x.length),{className:X}=N,Y=g(N,["className"]),Z=t.useMemo((()=>["search",U?"has-value":void 0,"dark"===T?"dark-background":void 0,D?"with-button":void 0,X].filter(Boolean).join(" ")),[U,T,D,X]);return e.jsxs(a.default,v(y({ref:A,isFocused:z,searchWidth:B,maxWidth:k,searchHasValue:U,showSearchButton:!!D,variant:T,id:P,name:w},Y,o.default(Y),n.default("search",Y)),{className:Z,children:[e.jsx(s.Textbox,{placeholder:I,value:x,inputIcon:G?void 0:"cross",iconTabIndex:G?-1:0,iconOnClick:()=>{var e;null==f||f({target:v(y({},w&&{name:w},P&&{id:P}),{value:""})}),M&&(null==b||b({target:v(y({},w&&{name:w},P&&{id:P}),{value:""})})),null===(e=$.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":W||(_?void 0:R.search.searchButtonText()),label:_,inputHint:q,onFocus:e=>{V(!0),m&&m(e)},onBlur:e=>{V(!1),j&&j(e)},onChange:e=>{f(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),d.default.isEscKey(e)&&!G&&(e.stopPropagation(),null==f||f({target:v(y({},w&&{name:w},P&&{id:P}),{value:""})})),O&&O(e)},ref:$,tabIndex:H,error:E,warning:F,info:K,leftChildren:D?void 0:e.jsx(l.default,{type:"search",ml:1}),tooltipPosition:L,my:0,maxWidth:"100%"}),D&&e.jsx(i.default,{children:e.jsx(u.default,v(y({"aria-label":S||Q,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"search-button"},n.default(`${Q}-button`,y({"data-element":`${Q}-button`},C)),J),{children:Q}))})]}))}));exports.Search=m,exports.default=m;

package/lib/components/search/search.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../__internal__/input/input-presentation.style.js"),a=require("../../__internal__/input/input.style.js"),i=require("../icon/icon.style.js"),s=require("../../style/themes/apply-base-theme.js"),l=require("../../__internal__/form-field/form-field.style.js");function c(r){return r&&r.__esModule?r:{default:r}}const n=c(o).default.div.attrs(s.default).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-a4e7d3d2-0"})(["",""],(({isFocused:s,searchWidth:c,maxWidth:n,searchHasValue:d,showSearchButton:u,variant:p})=>{const v="dark"===p,g=v?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;font-size:var(--fontSize100);"," ","{::-moz-placeholder{color:var(--colorsUtilityYin055);opacity:1;}::placeholder{color:var(--colorsUtilityYin055);}"," ","}",'{[data-element="search"]{height:auto;'," ","}"," "," "," flex:1;font-size:var(--fontSize100);font-weight:500;padding-bottom:var(--spacing025);padding-top:1px;cursor:pointer;"," ","}","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,c?`${c}`:"100%",n?`${n}`:"100%",!u&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],g,v?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||s)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),a.default,v&&o.css(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),v&&!u&&o.css(["color:var(--colorsUtilityYang100);"]),e.default,!v&&o.css(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),v&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),v&&!u&&o.css(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!v&&o.css(["background-color:",";"],d||s||u?"var(--colorsUtilityYang100)":"transparent"),u&&o.css(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!s&&!d&&!u&&o.css(["border:1px solid transparent;"]),!s&&d&&!u&&o.css(["background-color:",";"],v?"transparent":"var(--colorsUtilityYang100)"),l.default,i.default,v&&!u&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!v&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,d&&o.css(["margin-bottom:-1px;"]))}));exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),e=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),t=require("../icon/icon.style.js"),a=require("../../style/themes/apply-base-theme.js"),s=require("../../__internal__/form-field/form-field.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const l=i(o).default.div.attrs(a.default).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-8ea1bc73-0"})(["",""],(({isFocused:a,searchWidth:i,maxWidth:l,searchHasValue:n,showSearchButton:c,variant:d})=>{const u="dark"===d,m=u?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,i?`${i}`:"100%",l?`${l}`:"100%",!c&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],m,u?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(n||a)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),s.default,t.default,u&&!c&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!u&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),e.default,n&&o.css(["margin-bottom:-1px;"]))}));exports.default=l;

package/lib/components/select/__internal__/select-textbox/select-textbox.component.d.ts

@@ -2,7 +2,11 @@ import React from "react";
 import { CommonTextboxProps } from "../../../textbox";
 import { ValidationProps } from "../../../../__internal__/validations";
 export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxProps, "onClick" | "onChange" | "data-component"> {
-    /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+    /**
+     * @deprecated `adaptiveLabelBreakpoint` has been deprecated.
+     * It is recommended to use `useMediaQuery` hook to implement adaptive behaviour.
+     * Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set
+     **/
     adaptiveLabelBreakpoint?: number;
     /** Prop to specify the aria-label attribute of the component input */
     ariaLabel?: string;
@@ -62,8 +66,6 @@ export interface SelectTextboxProps extends FormInputPropTypes {
     "aria-controls"?: string;
     /** Value to be displayed in the Textbox */
     formattedValue?: string;
-    /** If true, the input will be displayed */
-    hasTextCursor?: boolean;
     /** If true, the list is displayed */
     isOpen?: boolean;
     /** Value of the Select Input */
@@ -74,6 +76,13 @@ export interface SelectTextboxProps extends FormInputPropTypes {
     activeDescendantId?: string;
     /** Specify a callback triggered on change */
     onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Sets the type of select, which determines the behaviour of the textbox.
+     * If "simple", the textbox does not allow typing and functions as a standard select.
+     * If "filterable", the textbox allows typing and filters the options based on the input value.
+     * If "multi", the textbox allows typing and is used for multi-selects, displaying selected options as comma-separated values.
+     */
+    selectType?: "simple" | "filterable" | "multi";
 }
 declare const SelectTextbox: React.ForwardRefExoticComponent<SelectTextboxProps & React.RefAttributes<HTMLInputElement>>;
 export default SelectTextbox;

package/lib/components/select/__internal__/select-textbox/select-textbox.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./select-textbox.context.js"),n=require("./select-textbox.style.js"),o=require("../../../textbox/textbox.component.js"),a=require("../../../../hooks/__internal__/useLocale/useLocale.js");function l(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 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){i(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}function d(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}const u=l(t).default.forwardRef(((t,l)=>{var{ariaLabel:i,ariaLabelledby:u,accessibilityLabelId:b,labelId:p,"aria-controls":y,disabled:f=!1,isOpen:O,id:x,readOnly:j=!1,placeholder:h,size:m="medium",onClick:v,onFocus:g,onBlur:w,formattedValue:P="",selectedValue:S,required:C,hasTextCursor:I,transparent:q=!1,activeDescendantId:D,onKeyDown:k,onChange:L}=t,_=d(t,["ariaLabel","ariaLabelledby","accessibilityLabelId","labelId","aria-controls","disabled","isOpen","id","readOnly","placeholder","size","onClick","onFocus","onBlur","formattedValue","selectedValue","required","hasTextCursor","transparent","activeDescendantId","onKeyDown","onChange"]);const T=a.default(),V=h||T.select.placeholder(),z=!f&&!j&&!P;function B(e){null==v||v(e)}const E=c({disabled:f,id:x,readOnly:j,required:C,onClick:B,onFocus:function(e){f||j||null==g||g(e)},onBlur:w,labelId:p,type:"text",ref:l,onKeyDown:k},_),{"aria-describedby":F}=_,K=d(_,["aria-describedby"]),A={"aria-expanded":j?void 0:O,"aria-labelledby":b?`${u||p} ${b}`:u,"aria-activedescendant":D,"aria-controls":y,"aria-autocomplete":I?"both":void 0,role:j?void 0:"combobox"},M="string"==typeof S||Array.isArray(S)&&"string"==typeof S[0];return e.jsx(r.SelectTextboxContext.Provider,{value:{isInputInSelect:!0},children:e.jsx(o.Textbox,s(c({"aria-describedby":F,"aria-label":i,"data-element":"select-input","data-role":"select-textbox",inputIcon:"dropdown",autoComplete:"off",size:m,formattedValue:P,placeholder:I?V:void 0},A,E),{onChange:L,value:M?S:void 0,my:0,children:!I&&e.jsx(n.StyledSelectText,s(c({"aria-hidden":!0,"data-element":"select-text","data-role":"select-text",disabled:f,hasPlaceholder:z,onClick:f||j?void 0:B,readOnly:j,transparent:q,size:m},K),{children:e.jsx(n.StyledSelectTextChildrenWrapper,{children:z?V:P})}))}))})}));u.displayName="SelectTextbox",exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./select-textbox.style.js"),l=require("../../../textbox/textbox.component.js"),n=require("../../../../hooks/__internal__/useLocale/useLocale.js"),a=require("../../../../__internal__/utils/helpers/combine-refs/index.js");function o(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 c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){i(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}function d(e,t){if(null==e)return{};var r,l,n=function(e,t){if(null==e)return{};var r,l,n={},a=Object.keys(e);for(l=0;l<a.length;l++)r=a[l],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l<a.length;l++)r=a[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const u=o(t).default.forwardRef(((o,i)=>{var{ariaLabel:u,ariaLabelledby:b,accessibilityLabelId:p,labelId:y,"aria-controls":f,disabled:O=!1,isOpen:m,id:x,readOnly:j=!1,placeholder:h,size:v="medium",onClick:g,onFocus:w,onBlur:P,formattedValue:C="",selectedValue:$,required:_,selectType:S,transparent:D=!1,activeDescendantId:q,onKeyDown:I,onChange:k}=o,L=d(o,["ariaLabel","ariaLabelledby","accessibilityLabelId","labelId","aria-controls","disabled","isOpen","id","readOnly","placeholder","size","onClick","onFocus","onBlur","formattedValue","selectedValue","required","selectType","transparent","activeDescendantId","onKeyDown","onChange"]);const T=n.default(),V=t.useRef(null),z=h||T.select.placeholder(),B=!O&&!j&&!C,E="filterable"===S||"multi"===S,F=a.default(i,V);function K(e){O||(V.current&&document.activeElement!==V.current&&V.current.focus(),j||null==g||g(e))}const N=c({disabled:O,id:x,readOnly:j,required:_,onClick:K,onFocus:function(e){O||j||null==w||w(e)},onBlur:P,labelId:y,type:"text",ref:F,onKeyDown:I},L),{"aria-describedby":A,leftChildren:M}=L,R=d(L,["aria-describedby","leftChildren"]),W={"aria-expanded":j?void 0:m,"aria-labelledby":p?`${b||y} ${p}`:b,"aria-activedescendant":q,"aria-controls":f,"aria-autocomplete":"filterable"===S||"multi"===S?"both":void 0,role:j?void 0:"combobox"},G="string"==typeof $||Array.isArray($)&&"string"==typeof $[0],H=[E?"select-allows-typing":void 0].filter(Boolean).join(" ");return e.jsx(l.Textbox,s(c({"aria-describedby":A,"aria-label":u,"data-element":`${null!=S?S:""}-select-input`,"data-role":"select-textbox",inputIcon:"dropdown",autoComplete:"off",size:v,formattedValue:C,placeholder:E?z:void 0},W,N),{className:H,"data-is-transparent":D,"data-is-open":m,onChange:k,value:G?$:void 0,my:0,leftChildren:E?M:e.jsx(r.StyledSelectText,s(c({"aria-hidden":!0,"data-element":"select-text","data-role":"select-text",$disabled:O,$hasPlaceholder:B,onClick:K,$readOnly:j,$size:v,$transparent:D,className:`select-text ${O?"disabled":""} ${j?"read-only":""}`},R),{children:e.jsx(r.StyledSelectTextChildrenWrapper,{$isDisabled:O,$readOnly:j,children:B?z:C})}))}))}));u.displayName="SelectTextbox",exports.default=u;

package/lib/components/select/__internal__/select-textbox/select-textbox.style.d.ts

@@ -1,7 +1,14 @@
 import { SelectTextboxProps } from "./select-textbox.component";
-interface StyledSelectTextProps extends Required<Pick<SelectTextboxProps, "disabled" | "readOnly" | "transparent" | "size">> {
-    hasPlaceholder: boolean;
+interface StyledSelectTextProps {
+    $hasPlaceholder: boolean;
+    $disabled: boolean;
+    $readOnly: boolean;
+    $transparent: boolean;
+    $size: NonNullable<SelectTextboxProps["size"]>;
 }
 declare const StyledSelectText: import("styled-components").StyledComponent<"span", any, StyledSelectTextProps, never>;
-declare const StyledSelectTextChildrenWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare const StyledSelectTextChildrenWrapper: import("styled-components").StyledComponent<"span", any, {
+    $isDisabled: boolean;
+    $readOnly: boolean;
+}, never>;
 export { StyledSelectText, StyledSelectTextChildrenWrapper };