carbon-react 158.50.0-beta.1 → 159.0.0

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

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

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

@@ -2,7 +2,7 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { ValidationProps } from "../../__internal__/validations";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { Sizes } from "../../__internal__/input/input-presentation.component";
+import { Sizes } from "../../__internal__/legacy-input/input-presentation.component";
 import { ToggleDataProps } from "./__internal__/time-toggle";
 export type ToggleValue = "AM" | "PM";
 export type TimeValue = {

package/esm/components/time/time.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useRef as n,useState as i,useEffect as o,useImperativeHandle as l,useCallback as a}from"react";import s from"../../__internal__/utils/helpers/guid/index.js";import u from"../../hooks/__internal__/useLocale/useLocale.js";import d from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import c from"../../style/utils/filter-styled-system-margin-props.js";import p from"../../__internal__/fieldset/fieldset.component.js";import{Box as m}from"../box/box.component.js";import{Number as f}from"../number/number.component.js";import{Typography as g}from"../typography/typography.component.js";import b from"./time.style.js";import y from"./__internal__/time-toggle/time-toggle.component.js";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 O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){h(e,t,r[t])}))}return e}function j(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=r.forwardRef(((r,h)=>{var{label:v,labelAlign:P,fieldLabelsAlign:w,size:x="medium",inputHint:_,hoursInputProps:S={},minutesInputProps:T={},value:D,name:L,onChange:A,onBlur:C,required:H,disabled:I,readOnly:M,toggleProps:z={},validationMessagePositionTop:E=!0}=r,k=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(r,["label","labelAlign","fieldLabelsAlign","size","inputHint","hoursInputProps","minutesInputProps","value","name","onChange","onBlur","required","disabled","readOnly","toggleProps","validationMessagePositionTop"]);const{id:B,label:$,"aria-label":q,error:F,warning:N}=S,{id:R,label:V,"aria-label":G,error:J,warning:K}=T,Q=n(B||s()),U=n(R||s()),W=n(`${Q.current}-${U.current}`),{hours:X,minutes:Y,period:Z}=D,ee=X.length?X.padStart(2,"0"):X,te=Y.length?Y.padStart(2,"0"):Y,[re,ne]=i([X,Y]),[ie,oe]=i([ee,te]),le=u(),ae=void 0!==Z,[se,ue]=i(Z),de=$||le.time.hoursLabelText(),ce=V||le.time.minutesLabelText(),pe=q||le.time.hoursAriaLabelText(),me=G||le.time.minutesAriaLabelText(),fe=n(null),ge=n(null);o((()=>{const e=[...re];if(re[0]!==X&&(e[0]=X),re[1]!==Y&&(e[1]=Y),re[0]!==X||re[1]!==Y){ne(e);const t=X.length?X.padStart(2,"0"):X,r=Y.length?Y.padStart(2,"0"):Y;oe([t,r])}}),[X,Y,re]);const be=(e,t)=>{const r="string"==typeof e,n="string"==typeof t;return r||n?r&&!n?e:n&&!r?t:`${e} ${t}`:e||t},ye=be(F,J),he=be(N,K);l(h,(()=>({focusHoursInput(){var e;null===(e=fe.current)||void 0===e||e.focus()},focusMinutesInput(){var e;null===(e=ge.current)||void 0===e||e.focus()}})),[]);const Oe=(e,t)=>{const r="hrs"===t?e.target.value:re[0],n="mins"===t?e.target.value:re[1];ne([r,n]);const i=r.length?r.padStart(2,"0"):r,o=n.length?n.padStart(2,"0"):n;oe([i,o]),A({target:{name:L,id:W.current,value:{hours:r,minutes:n,period:se,formattedHours:i,formattedMinutes:o}}})},je=a((e=>{setTimeout((()=>{const[t,r]=re,[n,i]=ie,o={hours:t,minutes:r,period:se,formattedHours:n,formattedMinutes:i};fe.current!==document.activeElement&&ge.current!==document.activeElement&&(null==C||C(e,o))}))}),[ie,re,C,se]);return e(p,j(O({applyNewValidation:!0,id:W.current,legend:v,inputHint:_,width:"min-content",legendAlign:P,isRequired:H,isDisabled:I,name:L,error:ye,warning:he,validationMessagePositionTop:E},k,c(k),d("time",k)),{children:t(m,{display:"flex",children:[t("div",{children:[e(b,{"aria-label":pe,htmlFor:Q.current,disabled:I,align:w,children:de}),e(f,j(O({},S),{label:void 0,"data-component":"hours",ref:fe,value:X,onChange:e=>Oe(e,"hrs"),onBlur:je,id:Q.current,size:x,error:!!F,warning:!!N,disabled:I,readOnly:M,my:0}))]}),t(m,{display:"flex",flexDirection:"column",justifyContent:"center",mx:1,"aria-hidden":"true",children:[e("span",{children:" "}),e(g,{isDisabled:I,variant:"span",mb:"-4px",children:":"})]}),t("div",{children:[e(b,{"aria-label":me,htmlFor:U.current,disabled:I,align:w,children:ce}),e(f,j(O({},T),{label:void 0,"data-component":"minutes",ref:ge,value:Y,onChange:e=>Oe(e,"mins"),onBlur:je,id:U.current,size:x,error:!!J,warning:!!K,disabled:I,readOnly:M,my:0}))]}),ae&&e(m,{display:"flex",flexDirection:"column",justifyContent:"flex-end",width:"max-content",children:e(y,{toggleProps:z,size:x,onChange:e=>{const[t,r]=re,[n,i]=ie;ue(e),A({target:{name:L,id:W.current,value:{hours:t,minutes:r,period:e,formattedHours:n,formattedMinutes:i}}})},toggleValue:Z,disabled:I||M})})]})}))}));v.displayName="Time";export{v as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useRef as n,useState as i,useEffect as o,useImperativeHandle as l,useCallback as a}from"react";import s from"../../__internal__/utils/helpers/guid/index.js";import u from"../../hooks/__internal__/useLocale/useLocale.js";import d from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import m from"../../style/utils/filter-styled-system-margin-props.js";import c from"../../__internal__/fieldset/fieldset.component.js";import{Box as p}from"../box/box.component.js";import{Number as f}from"../number/number.component.js";import{Typography as g}from"../typography/typography.component.js";import b from"./time.style.js";import h from"./__internal__/time-toggle/time-toggle.component.js";import y from"../../__internal__/fieldset-validation-context/fieldset-validation-context.js";function v(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){v(e,t,r[t])}))}return e}function j(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 x={small:"48px",medium:"56px",large:"64px"},P=r.forwardRef(((r,v)=>{var{label:P,labelAlign:_,fieldLabelsAlign:w,size:S="medium",inputHint:T,hoursInputProps:D={},minutesInputProps:L={},value:A,name:C,onChange:H,onBlur:I,required:M,disabled:E,readOnly:z,toggleProps:B={},validationMessagePositionTop:k=!0}=r,$=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(r,["label","labelAlign","fieldLabelsAlign","size","inputHint","hoursInputProps","minutesInputProps","value","name","onChange","onBlur","required","disabled","readOnly","toggleProps","validationMessagePositionTop"]);const{id:q,label:N,"aria-label":F,error:R,warning:V}=D,{id:W,label:G,"aria-label":J,error:K,warning:Q}=L,U=n(q||s()),X=n(W||s()),Y=n(`${U.current}-${X.current}`),{hours:Z,minutes:ee,period:te}=A,re=Z.length?Z.padStart(2,"0"):Z,ne=ee.length?ee.padStart(2,"0"):ee,[ie,oe]=i([Z,ee]),[le,ae]=i([re,ne]),se=u(),ue=void 0!==te,[de,me]=i(te),ce=N||se.time.hoursLabelText(),pe=G||se.time.minutesLabelText(),fe=F||se.time.hoursAriaLabelText(),ge=J||se.time.minutesAriaLabelText(),be=n(null),he=n(null);o((()=>{const e=[...ie];if(ie[0]!==Z&&(e[0]=Z),ie[1]!==ee&&(e[1]=ee),ie[0]!==Z||ie[1]!==ee){oe(e);const t=Z.length?Z.padStart(2,"0"):Z,r=ee.length?ee.padStart(2,"0"):ee;ae([t,r])}}),[Z,ee,ie]);const ye=(e,t)=>{const r="string"==typeof e,n="string"==typeof t;return r||n?r&&!n?e:n&&!r?t:`${e} ${t}`:e||t},ve=ye(R,K),Oe=ye(V,Q);l(v,(()=>({focusHoursInput(){var e;null===(e=be.current)||void 0===e||e.focus()},focusMinutesInput(){var e;null===(e=he.current)||void 0===e||e.focus()}})),[]);const je=(e,t)=>{const r="hrs"===t?e.target.value:ie[0],n="mins"===t?e.target.value:ie[1];oe([r,n]);const i=r.length?r.padStart(2,"0"):r,o=n.length?n.padStart(2,"0"):n;ae([i,o]),H({target:{name:C,id:Y.current,value:{hours:r,minutes:n,period:de,formattedHours:i,formattedMinutes:o}}})},xe=a((e=>{setTimeout((()=>{const[t,r]=ie,[n,i]=le,o={hours:t,minutes:r,period:de,formattedHours:n,formattedMinutes:i};be.current!==document.activeElement&&he.current!==document.activeElement&&(null==I||I(e,o))}))}),[le,ie,I,de]);return e(c,j(O({applyNewValidation:!0,id:Y.current,legend:P,inputHint:T,width:"min-content",legendAlign:_,isRequired:M,isDisabled:E,name:C,error:ve,warning:Oe,validationMessagePositionTop:k},$,m($),d("time",$)),{children:e(y.Provider,{value:{disableErrorBorder:!0},children:t(p,{display:"flex",className:"time",children:[t("div",{children:[e(b,{"aria-label":fe,htmlFor:U.current,disabled:E,align:w,children:ce}),e(f,j(O({},D),{label:void 0,"data-component":"hours",ref:be,value:Z,onChange:e=>je(e,"hrs"),onBlur:xe,id:U.current,size:S,error:!!R,warning:!!V,disabled:E,readOnly:z,maxWidth:x[S],my:0}))]}),t(p,{display:"flex",flexDirection:"column",justifyContent:"center",mx:1,"aria-hidden":"true",children:[e("span",{children:" "}),e(g,{isDisabled:E,variant:"span",mb:"-4px",children:":"})]}),t("div",{children:[e(b,{"aria-label":ge,htmlFor:X.current,disabled:E,align:w,children:pe}),e(f,j(O({},L),{label:void 0,"data-component":"minutes",ref:he,value:ee,onChange:e=>je(e,"mins"),onBlur:xe,id:X.current,size:S,error:!!K,warning:!!Q,disabled:E,readOnly:z,maxWidth:x[S],my:0}))]}),ue&&e(p,{display:"flex",flexDirection:"column",justifyContent:"flex-end",width:"max-content",children:e(h,{toggleProps:B,size:S,onChange:e=>{const[t,r]=ie,[n,i]=le;me(e),H({target:{name:C,id:Y.current,value:{hours:t,minutes:r,period:e,formattedHours:n,formattedMinutes:i}}})},toggleValue:te,disabled:E||z})})]})})}))}));P.displayName="Time";export{P as default};

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

@@ -1,2 +1,2 @@
-declare const StyledLabel: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, className, onClick, "aria-label": ariaLabel, isLarge, }: import("../../__internal__/label").LabelProps) => import("react").JSX.Element>, any, {}, never>;
+declare const StyledLabel: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, className, onClick, "aria-label": ariaLabel, isLarge, }: import("../../__internal__/legacy-label").LabelProps) => import("react").JSX.Element>, any, {}, never>;
 export default StyledLabel;

package/esm/components/time/time.style.js

@@ -1 +1 @@
-import e from"styled-components";import t from"../../__internal__/label/label.component.js";const o=e(t).withConfig({displayName:"time.style__StyledLabel",componentId:"sc-d31e7cbe-0"})(["label{font-weight:var(--fontWeights400);}"]);export{o as default};
+import e from"styled-components";import t from"../../__internal__/legacy-label/label.component.js";const o=e(t).withConfig({displayName:"time.style__StyledLabel",componentId:"sc-f5dd46fd-0"})(["label{font-weight:var(--fontWeights400);}"]);export{o as default};

package/esm/global.d.ts

@@ -1,5 +1,4 @@
 import { type ModalList } from "./__internal__/modal/modal-manager";
-import { type QueryEntry } from "./hooks/useMediaQuery/useMediaQuery";
 
 declare global {
   module "*.png";
@@ -17,7 +16,6 @@ declare global {
       originalValues: string[];
       restoreValues?: (() => void) | null;
     };
-    __CARBON_INTERNALS_MEDIA_QUERY_CACHE?: Map<string, QueryEntry>;
   }
 }
 

package/esm/hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js

@@ -1 +1 @@
-import e from"../../useMediaQuery/useMediaQuery.js";function i(i){const r=i?`(min-width:${i}px)`:"",t=e(r);if(r)return t}export{i as default};
+import e from"../../useMediaQuery/useMediaQuery.js";function i(i){const r=e(`(min-width:${i}px)`);if(i)return r}export{i as default};

package/esm/hooks/__internal__/useRegisterValidationToTabs/index.js

@@ -0,0 +1 @@
+

package/esm/hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.d.ts

@@ -0,0 +1,2 @@
+declare const useRegisterValidationToTabs: (error: boolean, warning: boolean, uniqueId: string) => void;
+export default useRegisterValidationToTabs;

package/esm/hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js

@@ -0,0 +1 @@
+import{useRef as t,useContext as r,useLayoutEffect as o,useEffect as n}from"react";import{TabsContext as e}from"../../../components/tabs/__next__/tabs.context.js";import{TabContext as s}from"../../../components/tabs/__next__/tab.context.js";const c=(c,a,m)=>{const _=t(!1),{setErrors:p,setWarnings:b}=r(e),{tabId:x}=r(s);o((()=>(_.current=!0,()=>{_.current=!1})),[]),n((()=>(p&&p(m,x||"",!!c),b&&b(m,x||"",!!a),()=>{_.current||(p&&p(m,x||"",!1),b&&b(m,x||"",!1))})),[c,a,p,b,m,x])};export{c as default};

package/esm/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -1,9 +1 @@
-type Listener = () => void;
-export interface QueryEntry {
-    mediaQueryList: MediaQueryList;
-    listeners: Set<Listener>;
-    nativeHandler: () => void;
-    refCount: number;
-}
-declare const _default: (queryInput: string) => boolean | undefined;
-export default _default;
+export default function useMediaQuery(queryInput: string): boolean | undefined;

package/esm/hooks/useMediaQuery/useMediaQuery.js

@@ -1 +1 @@
-import{useState as e,useCallback as t,useLayoutEffect as r,useEffect as n}from"react";import{getWindow as a}from"../../__internal__/dom/globals.js";const s=a(),i=s?r:n,c="__CARBON_INTERNALS_MEDIA_QUERY_CACHE",o=e=>(e[c]||(e[c]=new Map),e[c]);var u=r=>{const n=null==r?void 0:r.replace(/^@media( ?)/m,""),[a,c]=e(void 0),u=t((()=>{if(!s)return;const e=o(s).get(n);e&&c(e.mediaQueryList.matches)}),[n]);return i((()=>{if(!s||!n)return;const{matches:e,unsubscribe:t}=((e,t,r)=>{const{entry:n,cache:a}=((e,t)=>{const r=o(t),n=r.get(e);if(n)return{entry:n,cache:r};const a=t.matchMedia(e),s={mediaQueryList:a,listeners:new Set,nativeHandler:()=>{s.listeners.forEach((e=>e()))},refCount:0};return a.addEventListener("change",s.nativeHandler),r.set(e,s),{entry:s,cache:r}})(e,r);return n.refCount+=1,n.listeners.add(t),{matches:n.mediaQueryList.matches,unsubscribe:()=>{n.listeners.delete(t),n.refCount-=1,n.refCount||(n.mediaQueryList.removeEventListener("change",n.nativeHandler),a.delete(e))}}})(n,u,s);return c(e),t}),[n,u]),a};export{u as default};
+import{useState as e,useLayoutEffect as t}from"react";import{getWindow as r}from"../../__internal__/dom/globals.js";function n(n){const a=n.replace(/^@media( ?)/m,""),[o,c]=e(void 0);return t((()=>{const e=r();if(!e)return;const t=e.matchMedia(a),n=()=>c(t.matches);return n(),t.addEventListener("change",n),()=>{t.removeEventListener("change",n)}}),[a]),o}export{n as default};

package/esm/style/themes/apply-base-theme.d.ts

@@ -6,9 +6,11 @@ interface ApplyBaseThemeArgs {
  * To be used by a styled component, this util applies Carbon's base theme to the component if no theme is provided from a parent `ThemeProvider`.
  * Otherwise, it preserves the provided theme.
  *
+ * `className` is destructured to prevent it being spread back on the styled-component and duplicated.
+ *
  * @see {@link https://styled-components.com/docs/api#themeprovider | `ThemeProvider`} docs
  */
-declare const _default: ({ theme, ...props }: ApplyBaseThemeArgs) => {
+declare const _default: ({ theme, className, ...props }: ApplyBaseThemeArgs) => {
     theme: object;
 };
 export default _default;

package/esm/style/themes/apply-base-theme.js

@@ -1 +1 @@
-import e from"./base/index.js";function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var r=r=>{var{theme:n}=r,o=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}(r,["theme"]);return function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({theme:0===Object.keys(n).length?e:n},o)};export{r as default};
+import e from"./base/index.js";function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var r=r=>{var{theme:n,className:o}=r,l=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}(r,["theme","className"]);return function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({theme:0===Object.keys(n).length?e:n},l)};export{r as default};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./checkable-input.style.js"),n=require("../hidden-checkable-input.component.js"),i=require("../../utils/helpers/guid/index.js"),s=require("../../label/label.component.js"),o=require("../../hint-text/hint-text.component.js"),l=require("../../../hooks/useMediaQuery/useMediaQuery.js"),c=require("../../../components/tabs/__next__/tabs.context.js"),u=require("../../../components/tabs/__next__/tab.context.js");function a(e){return e&&e.__esModule?e:{default:e}}function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){d(e,r,t[r])}))}return e}const b=a(r).default.forwardRef(((a,d)=>{var{children:b,disabled:p,id:h,name:y,type:j,value:x,label:g,inputHint:m,checked:O,progressiveDisclosure:v,size:_="medium",error:k,warning:S}=a,q=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["children","disabled","id","name","type","value","label","inputHint","checked","progressiveDisclosure","size","error","warning"]);const{current:w}=r.useRef(h||i.default()),C=m?`${w}-hint`:void 0,P=r.useRef(null),$=l.default("screen and (prefers-reduced-motion: no-preference)"),{scrollHeight:z}=P.current||{},D=O&&z?String(z):"0",{setErrors:E,setWarnings:H}=r.useContext(c.TabsContext),{tabId:I}=r.useContext(u.TabContext),L=r.useRef(!1);return r.useLayoutEffect((()=>(L.current=!0,()=>{L.current=!1})),[]),r.useEffect((()=>(E&&E(w,I||"",!!k),H&&H(w,I||"",!!S),()=>{L.current||(E&&E(w,I||"",!1),H&&H(w,I||"",!1))})),[w,E,H,k,S,I]),e.jsxs(e.Fragment,{children:[e.jsxs(t.StyledCheckableInput,{$size:_,children:[e.jsxs(t.StyledCheckableInputWrapper,{children:[e.jsx(n.default,f({id:w,type:j,name:y,value:x,disabled:p,checked:O,ref:d,ariaDescribedBy:C},q)),b]}),g&&e.jsx(s.default,{htmlFor:w,disabled:p,isLarge:"large"===_,children:g}),m&&e.jsx(o.HintText,{id:C,marginBottom:"0",isDisabled:p,isLarge:"large"===_,children:m})]}),v&&e.jsxs(t.StyledAccordion,{"data-role":"progressive-disclosure-accordion",ref:P,$expanded:O,$contentHeight:D,$allowAnimation:$,children:[e.jsx(t.StyledLineContainer,{$size:_,children:e.jsx(t.StyledAccordionLine,{$size:_})}),e.jsx(t.StyledAccordionContent,{children:v})]})]})}));b.displayName="CheckableInput",exports.default=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./checkable-input.style.js"),n=require("../hidden-checkable-input.component.js"),i=require("../../utils/helpers/guid/index.js"),s=require("../../legacy-label/label.component.js"),l=require("../../legacy-hint-text/hint-text.component.js"),o=require("../../../hooks/useMediaQuery/useMediaQuery.js"),c=require("../../../components/tabs/__next__/tabs.context.js"),u=require("../../../components/tabs/__next__/tab.context.js");function a(e){return e&&e.__esModule?e:{default:e}}function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){d(e,r,t[r])}))}return e}const b=a(r).default.forwardRef(((a,d)=>{var{children:b,disabled:p,id:y,name:h,type:j,value:x,label:g,inputHint:m,checked:O,progressiveDisclosure:v,size:_="medium",error:k,warning:S}=a,q=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["children","disabled","id","name","type","value","label","inputHint","checked","progressiveDisclosure","size","error","warning"]);const{current:w}=r.useRef(y||i.default()),C=m?`${w}-hint`:void 0,P=r.useRef(null),$=o.default("screen and (prefers-reduced-motion: no-preference)"),{scrollHeight:z}=P.current||{},D=O&&z?String(z):"0",{setErrors:E,setWarnings:H}=r.useContext(c.TabsContext),{tabId:I}=r.useContext(u.TabContext),L=r.useRef(!1);return r.useLayoutEffect((()=>(L.current=!0,()=>{L.current=!1})),[]),r.useEffect((()=>(E&&E(w,I||"",!!k),H&&H(w,I||"",!!S),()=>{L.current||(E&&E(w,I||"",!1),H&&H(w,I||"",!1))})),[w,E,H,k,S,I]),e.jsxs(e.Fragment,{children:[e.jsxs(t.StyledCheckableInput,{$size:_,children:[e.jsxs(t.StyledCheckableInputWrapper,{children:[e.jsx(n.default,f({id:w,type:j,name:h,value:x,disabled:p,checked:O,ref:d,ariaDescribedBy:C},q)),b]}),g&&e.jsx(s.default,{htmlFor:w,disabled:p,isLarge:"large"===_,children:g}),m&&e.jsx(l.HintText,{id:C,marginBottom:"0",isDisabled:p,isLarge:"large"===_,children:m})]}),v&&e.jsxs(t.StyledAccordion,{"data-role":"progressive-disclosure-accordion",ref:P,$expanded:O,$contentHeight:D,$allowAnimation:$,children:[e.jsx(t.StyledLineContainer,{$size:_,children:e.jsx(t.StyledAccordionLine,{$size:_})}),e.jsx(t.StyledAccordionContent,{children:v})]})]})}));b.displayName="CheckableInput",exports.default=b;

package/lib/__internal__/checkable-input/__next__/checkable-input.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../label/label.style.js"),l=require("../../hint-text/hint-text.style.js");function i(e){return e&&e.__esModule?e:{default:e}}var a=i(e);const o={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},s=a.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"sc-8b8f7038-0"})(["display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);","{padding:0;margin:0;}","{","}","{grid-area:2 / 2;}"],t.StyledLabelContainer,t.default,(({$size:t})=>t&&e.css(["font:",";"],o[t])),l.default),n=a.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"sc-8b8f7038-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),c=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"sc-8b8f7038-2"})(["overflow-y:hidden;visibility:hidden;max-height:0;position:relative;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"," ",""],(({$allowAnimation:t})=>t&&e.css(["transition:all 0.4s;"])),(({$expanded:t,$contentHeight:l})=>e.css(["",""],t&&e.css(["visibility:visible;max-height:","px;"],l)))),d={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},r="var(--global-space-comp-m)",p=a.default.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"sc-8b8f7038-3"})(["display:flex;justify-content:center;",""],(({$size:t})=>t&&e.css(["width:",";"],d[t].width))),g=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"sc-8b8f7038-4"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:t})=>t&&e.css(["top:",";height:calc( 100% - ("," + ",") );"],d[t].top,d[t].top,r))),m=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"sc-8b8f7038-5"})(["padding:"," 0;"],r);exports.StyledAccordion=c,exports.StyledAccordionContent=m,exports.StyledAccordionLine=g,exports.StyledCheckableInput=s,exports.StyledCheckableInputWrapper=n,exports.StyledLineContainer=p;
+"use strict";var e=require("styled-components"),t=require("../../legacy-label/label.style.js"),l=require("../../legacy-hint-text/hint-text.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var i=a(e);const o={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},s=i.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"sc-49f7bf7-0"})(["display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);","{padding:0;margin:0;}","{","}","{grid-area:2 / 2;}"],t.StyledLabelContainer,t.default,(({$size:t})=>t&&e.css(["font:",";"],o[t])),l.default),n=i.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"sc-49f7bf7-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),c=i.default.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"sc-49f7bf7-2"})(["overflow-y:hidden;visibility:hidden;max-height:0;position:relative;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"," ",""],(({$allowAnimation:t})=>t&&e.css(["transition:all 0.4s;"])),(({$expanded:t,$contentHeight:l})=>e.css(["",""],t&&e.css(["visibility:visible;max-height:","px;"],l)))),d={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},r="var(--global-space-comp-m)",p=i.default.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"sc-49f7bf7-3"})(["display:flex;justify-content:center;",""],(({$size:t})=>t&&e.css(["width:",";"],d[t].width))),g=i.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"sc-49f7bf7-4"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:t})=>t&&e.css(["top:",";height:calc( 100% - ("," + ",") );"],d[t].top,d[t].top,r))),m=i.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"sc-49f7bf7-5"})(["padding:"," 0;"],r);exports.StyledAccordion=c,exports.StyledAccordionContent=m,exports.StyledAccordionLine=g,exports.StyledCheckableInput=s,exports.StyledCheckableInputWrapper=n,exports.StyledLineContainer=p;

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

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),l=require("../field-help/field-help.style.js"),t=require("../form-field/form-field.style.js"),i=require("../label/label.style.js"),a=require("../validations/validation-icon.style.js"),n=require("../../components/help/help.style.js"),o=require("./hidden-checkable-input.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e);const d=s.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"sc-9944fee6-0"})(["display:inline-block;position:relative;"]),c=s.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"sc-9944fee6-1"})(["",""],(({disabled:r,fieldHelpInline:s,inputWidth:c,labelWidth:p,labelInline:u,reverse:f,isDarkBackground:h})=>e.css(["width:100% !important;","{display:flex;}","{"," padding-top:0;width:auto;& ",",& ","{color:var(--colorsUtilityYin065);vertical-align:middle;&:hover,&:focus{color:var(--colorsUtilityYin090);}}}","{"," flex-basis:100%;}"," "," "," "," ",""],t.FieldLineStyle,i.StyledLabelContainer,u&&e.css(["justify-content:",";"],f?"flex-start":"flex-end"),n.default,a.default,l.default,h&&e.css(["color:var(--colorsUtilityYang080);"]),r&&e.css(["",",","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],o.default,i.default),s&&e.css(["","{flex-wrap:nowrap;}","{margin-right:0;margin-left:8px;}","{flex-grow:0;flex-basis:auto;padding-left:0;width:auto;}"],t.FieldLineStyle,d,l.default),f&&s&&e.css(["","{margin-left:0;}","{flex-grow:1;}"],d,l.default),void 0!==c&&0!==c&&e.css(["","{width:","% !important;min-width:67px;}"],d,c),void 0!==p&&0!==p&&`\n      ${i.StyledLabelContainer} {\n        width: ${p}% !important;\n      }\n    `)));exports.StyledCheckableInput=d,exports.StyledCheckableInputWrapper=c;
+"use strict";var e=require("styled-components"),l=require("../field-help/field-help.style.js"),t=require("../form-field/form-field.style.js"),i=require("../legacy-label/label.style.js"),a=require("../validations/validation-icon.style.js"),n=require("../../components/help/help.style.js"),d=require("./hidden-checkable-input.style.js");function o(e){return e&&e.__esModule?e:{default:e}}var r=o(e);const s=r.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"sc-e1e587cd-0"})(["display:inline-block;position:relative;"]),c=r.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"sc-e1e587cd-1"})(["",""],(({disabled:o,fieldHelpInline:r,inputWidth:c,labelWidth:p,labelInline:u,reverse:f,isDarkBackground:y})=>e.css(["width:100% !important;","{display:flex;}","{"," padding-top:0;width:auto;& ",",& ","{color:var(--colorsUtilityYin065);vertical-align:middle;&:hover,&:focus{color:var(--colorsUtilityYin090);}}}","{"," flex-basis:100%;}"," "," "," "," ",""],t.FieldLineStyle,i.StyledLabelContainer,u&&e.css(["justify-content:",";"],f?"flex-start":"flex-end"),n.default,a.default,l.default,y&&e.css(["color:var(--colorsUtilityYang080);"]),o&&e.css(["",",","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],d.default,i.default),r&&e.css(["","{flex-wrap:nowrap;}","{margin-right:0;margin-left:8px;}","{flex-grow:0;flex-basis:auto;padding-left:0;width:auto;}"],t.FieldLineStyle,s,l.default),f&&r&&e.css(["","{margin-left:0;}","{flex-grow:1;}"],s,l.default),void 0!==c&&0!==c&&e.css(["","{width:","% !important;min-width:67px;}"],s,c),void 0!==p&&0!==p&&`\n      ${i.StyledLabelContainer} {\n        width: ${p}% !important;\n      }\n    `)));exports.StyledCheckableInput=s,exports.StyledCheckableInputWrapper=c;

package/lib/__internal__/error-border/error-border.style.d.ts

@@ -0,0 +1,4 @@
+declare const ErrorBorder: import("styled-components").StyledComponent<"span", any, {
+    $warning: boolean;
+}, never>;
+export default ErrorBorder;

package/lib/__internal__/error-border/error-border.style.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function r(e){return e&&e.__esModule?e:{default:e}}const t=r(e).default.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"sc-f2eef804-0"})([""," transform:translateZ(0);.numeral-date-wrapper &{display:none;}"],(({$warning:r})=>e.css(["width:2px;position:absolute;left:-10px;top:0px;bottom:0px;z-index:6;background-color:",";"],r?"var(--input-validation-bar-warn)":"var(--input-validation-border-error)")));exports.default=t;

package/lib/__internal__/fieldset/__next__/fieldset.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./fieldset.style.js"),i=require("../../../components/textbox/textbox.style.js"),n=require("../../validation-message/validation-message.component.js"),s=require("../../hint-text/hint-text.component.js"),l=require("../../utils/helpers/guid/index.js");require("../../../style/utils/filter-styled-system-padding-props.js");var o=require("../../../style/utils/filter-styled-system-margin-props.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.default=d=>{var{children:u,name:c,id:g,legend:p,legendAlign:b,legendHint:f,error:y,warning:j,isRequired:O,isDisabled:m,validationMessagePositionTop:v,size:x="medium"}=d,h=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["children","name","id","legend","legendAlign","legendHint","error","warning","isRequired","isDisabled","validationMessagePositionTop","size"]);const P=r.useRef(l.default()),w=g||P.current,q=f?`${w}-hint`:void 0,S=(y||j)&&`${w}-validation-message`,$=[q,S].filter(Boolean).join(" "),D=()=>y||j?e.jsxs(e.Fragment,{children:[e.jsx(n.default,{error:y,warning:j,validationId:S,isLarge:"large"===x}),e.jsx(i.default,{warning:!(y||!j)})]}):null;return e.jsxs(t.StyledFieldset,(z=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){a(e,r,t[r])}))}return e}({"data-component":"fieldset",id:w,name:c,"aria-describedby":$,$validationMessagePositionTop:v,$size:x},o.default(h),h),L=null!=(L={children:[p&&e.jsx(t.StyledLegend,{"data-element":"legend",$align:b,$isRequired:O,$isDisabled:m,$isLarge:"large"===x,children:p}),f&&e.jsx(s.HintText,{id:q,isDisabled:m,align:b,isLarge:"large"===x,marginBottom:"0",children:f}),e.jsxs(t.StyledFieldsetContentWrapper,{$size:x,children:[v&&D(),u,!v&&D()]})]})?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(L,e))})),z));var z,L};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./fieldset.style.js"),i=require("../../legacy-error-border/error-border.style.js"),n=require("../../validation-message/validation-message.component.js"),s=require("../../legacy-hint-text/hint-text.component.js"),l=require("../../utils/helpers/guid/index.js");require("../../../style/utils/filter-styled-system-padding-props.js");var o=require("../../../style/utils/filter-styled-system-margin-props.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.default=d=>{var{children:u,name:c,id:g,legend:p,legendAlign:y,legendHint:b,error:f,warning:j,isRequired:O,isDisabled:m,validationMessagePositionTop:v,size:h="medium"}=d,P=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["children","name","id","legend","legendAlign","legendHint","error","warning","isRequired","isDisabled","validationMessagePositionTop","size"]);const x=r.useRef(l.default()),w=g||x.current,q=b?`${w}-hint`:void 0,S=(f||j)&&`${w}-validation-message`,$=[q,S].filter(Boolean).join(" "),D=()=>f||j?e.jsxs(e.Fragment,{children:[e.jsx(n.default,{error:f,warning:j,validationId:S,isLarge:"large"===h}),e.jsx(i.default,{warning:!(f||!j)})]}):null;return e.jsxs(t.StyledFieldset,(z=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){a(e,r,t[r])}))}return e}({"data-component":"fieldset",id:w,name:c,"aria-describedby":$,$validationMessagePositionTop:v,$size:h},o.default(P),P),L=null!=(L={children:[p&&e.jsx(t.StyledLegend,{"data-element":"legend",$align:y,$isRequired:O,$isDisabled:m,$isLarge:"large"===h,children:p}),b&&e.jsx(s.HintText,{id:q,isDisabled:m,align:y,isLarge:"large"===h,marginBottom:"0",children:b}),e.jsxs(t.StyledFieldsetContentWrapper,{$size:h,children:[v&&D(),u,!v&&D()]})]})?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(L,e))})),z));var z,L};

package/lib/__internal__/fieldset/fieldset.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./fieldset.style.js"),n=require("../validations/validation-icon.component.js"),t=require("../../components/carbon-provider/__internal__/new-validation.context.js"),o=require("../input-behaviour/input-group-behaviour.component.js"),l=require("../../components/help/help.component.js"),s=require("../../components/typography/typography.component.js"),a=require("../../components/box/box.component.js"),d=require("../../components/textbox/textbox.style.js"),u=require("../validation-message/validation-message.component.js"),c=require("../hint-text/hint-text.component.js"),p=require("../field-help/field-help.component.js"),g=require("../utils/helpers/guid/index.js"),f=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js");require("../../style/utils/filter-styled-system-padding-props.js");var y=require("../../style/utils/filter-styled-system-margin-props.js");function b(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function j(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),n.forEach((function(r){b(e,r,i[r])}))}return e}function h(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r.push.apply(r,i)}return r}(Object(r)).forEach((function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(r,i))})),e}exports.default=b=>{var{legend:x,children:m,inline:v=!1,legendWidth:O,legendAlign:q,legendSpacing:w=2,error:P,warning:S,info:I,isRequired:D,blockGroupBehaviour:H,legendMargin:M={},isDisabled:_,labelHelp:B,fieldHelp:R,inputHint:k,validationMessagePositionTop:A,applyNewValidation:E=!1,id:F,size:L}=b,G=function(e,r){if(null==e)return{};var i,n,t=function(e,r){if(null==e)return{};var i,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0||(t[i]=e[i]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(t[i]=e[i])}return t}(b,["legend","children","inline","legendWidth","legendAlign","legendSpacing","error","warning","info","isRequired","blockGroupBehaviour","legendMargin","isDisabled","labelHelp","fieldHelp","inputHint","validationMessagePositionTop","applyNewValidation","id","size"]);const{validationRedesignOptIn:T}=r.useContext(t.default),W=y.default(G),[C,V]=r.useState(null),[z,N]=r.useState(!1),$=r.useRef(g.default()),J=F||$.current,K=k?`${J}-hint`:void 0;r.useEffect((()=>{C&&D&&Array.from(C.querySelectorAll("input")||[]).forEach((e=>{e.setAttribute("required","")}))}),[C,D]);const Q=()=>{if(P||S||I)return e.jsx(i.StyledIconWrapper,{"aria-hidden":"true",children:e.jsx(n.ValidationIcon,{error:P,warning:S,info:I,tooltipFlipOverrides:["top","bottom"]})});const r={onFocus:()=>N(!0),onBlur:()=>N(!1)};return B?e.jsx(i.StyledIconWrapper,h(j({},r),{children:e.jsx(l.Help,{isFocused:z,children:B})})):null};let U;U=v&&!q?"right":q||"left";const{validationId:X,fieldHelpId:Y,ariaDescribedBy:Z}=f.default({id:J,validationRedesignOptIn:!0,error:P,warning:S,info:I,fieldHelp:R}),ee=(A?[Z,K]:[K,Z]).filter(Boolean).join(" "),re=()=>P||S?e.jsxs(e.Fragment,{children:[e.jsx(u.default,{error:P,warning:S,validationId:X,validationMessagePositionTop:A,isLarge:"large"===L}),e.jsx(d.default,{warning:!(P||!S)})]}):null;return E?e.jsxs(i.StyledFieldset,h(j({ref:V,"data-component":"fieldset",id:J,"aria-describedby":ee||void 0},G,W),{children:[x&&e.jsx(i.StyledLegend,{align:U,isRequired:D,isDisabled:_,"data-element":"legend","data-role":"legend",isLarge:"large"===L,children:x}),k&&e.jsx(c.HintText,{id:K,isDisabled:_,align:U,isLarge:"large"===L,children:k}),e.jsxs(a.Box,{position:"relative",mt:1,children:[A&&re(),m,!A&&re()]})]})):e.jsx(o.InputGroupBehaviour,{blockGroupBehaviour:H,children:e.jsxs(i.StyledFieldset,h(j({ref:V,"data-component":"fieldset",id:J,"aria-describedby":Z||void 0},G,W),{children:[x&&e.jsx(o.InputGroupContext.Consumer,{children:({onMouseEnter:r,onMouseLeave:n})=>e.jsxs(i.StyledLegend,h(j({onMouseEnter:r,onMouseLeave:n,inline:v,width:O,align:U,rightPadding:w},M),{"data-element":"legend","data-role":"legend",isRequired:D,isDisabled:_,children:[x,!T&&Q()]}))}),!T&&e.jsx(s.Typography,{screenReaderOnly:!0,id:X,children:P||S||I}),e.jsxs(a.Box,{display:"flex",flexDirection:"column",mt:v?0:1,children:[m,R&&e.jsx(p.FieldHelp,{id:Y,children:R})]})]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./fieldset.style.js"),n=require("../validations/validation-icon.component.js"),t=require("../../components/carbon-provider/__internal__/new-validation.context.js"),o=require("../input-behaviour/input-group-behaviour.component.js"),l=require("../../components/help/help.component.js"),s=require("../../components/typography/typography.component.js"),a=require("../../components/box/box.component.js"),d=require("../legacy-error-border/error-border.style.js"),u=require("../validation-message/validation-message.component.js"),c=require("../legacy-hint-text/hint-text.component.js"),p=require("../field-help/field-help.component.js"),g=require("../utils/helpers/guid/index.js"),f=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js");require("../../style/utils/filter-styled-system-padding-props.js");var y=require("../../style/utils/filter-styled-system-margin-props.js");function b(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function j(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),n.forEach((function(r){b(e,r,i[r])}))}return e}function h(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r.push.apply(r,i)}return r}(Object(r)).forEach((function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(r,i))})),e}exports.default=b=>{var{legend:m,children:v,inline:x=!1,legendWidth:O,legendAlign:q,legendSpacing:w=2,error:P,warning:S,info:I,isRequired:D,blockGroupBehaviour:H,legendMargin:M={},isDisabled:_,labelHelp:B,fieldHelp:R,inputHint:k,validationMessagePositionTop:A,applyNewValidation:E=!1,id:F,size:L}=b,G=function(e,r){if(null==e)return{};var i,n,t=function(e,r){if(null==e)return{};var i,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0||(t[i]=e[i]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)i=o[n],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(t[i]=e[i])}return t}(b,["legend","children","inline","legendWidth","legendAlign","legendSpacing","error","warning","info","isRequired","blockGroupBehaviour","legendMargin","isDisabled","labelHelp","fieldHelp","inputHint","validationMessagePositionTop","applyNewValidation","id","size"]);const{validationRedesignOptIn:T}=r.useContext(t.default),W=y.default(G),[C,V]=r.useState(null),[z,N]=r.useState(!1),$=r.useRef(g.default()),J=F||$.current,K=k?`${J}-hint`:void 0;r.useEffect((()=>{C&&D&&Array.from(C.querySelectorAll("input")||[]).forEach((e=>{e.setAttribute("required","")}))}),[C,D]);const Q=()=>{if(P||S||I)return e.jsx(i.StyledIconWrapper,{"aria-hidden":"true",children:e.jsx(n.ValidationIcon,{error:P,warning:S,info:I,tooltipFlipOverrides:["top","bottom"]})});const r={onFocus:()=>N(!0),onBlur:()=>N(!1)};return B?e.jsx(i.StyledIconWrapper,h(j({},r),{children:e.jsx(l.Help,{isFocused:z,children:B})})):null};let U;U=x&&!q?"right":q||"left";const{validationId:X,fieldHelpId:Y,ariaDescribedBy:Z}=f.default({id:J,validationRedesignOptIn:!0,error:P,warning:S,info:I,fieldHelp:R}),ee=(A?[Z,K]:[K,Z]).filter(Boolean).join(" "),re=()=>P||S?e.jsxs(e.Fragment,{children:[e.jsx(u.default,{error:P,warning:S,validationId:X,validationMessagePositionTop:A,isLarge:"large"===L}),e.jsx(d.default,{warning:!(P||!S)})]}):null;return E?e.jsxs(i.StyledFieldset,h(j({ref:V,"data-component":"fieldset",id:J,"aria-describedby":ee||void 0},G,W),{children:[m&&e.jsx(i.StyledLegend,{align:U,isRequired:D,isDisabled:_,"data-element":"legend","data-role":"legend",isLarge:"large"===L,children:m}),k&&e.jsx(c.HintText,{id:K,isDisabled:_,align:U,isLarge:"large"===L,children:k}),e.jsxs(a.Box,{position:"relative",mt:1,children:[A&&re(),v,!A&&re()]})]})):e.jsx(o.InputGroupBehaviour,{blockGroupBehaviour:H,children:e.jsxs(i.StyledFieldset,h(j({ref:V,"data-component":"fieldset",id:J,"aria-describedby":Z||void 0},G,W),{children:[m&&e.jsx(o.InputGroupContext.Consumer,{children:({onMouseEnter:r,onMouseLeave:n})=>e.jsxs(i.StyledLegend,h(j({onMouseEnter:r,onMouseLeave:n,inline:x,width:O,align:U,rightPadding:w},M),{"data-element":"legend","data-role":"legend",isRequired:D,isDisabled:_,children:[m,!T&&Q()]}))}),!T&&e.jsx(s.Typography,{screenReaderOnly:!0,id:X,children:P||S||I}),e.jsxs(a.Box,{display:"flex",flexDirection:"column",mt:x?0:1,children:[v,R&&e.jsx(p.FieldHelp,{id:Y,children:R})]})]}))})};

package/lib/__internal__/fieldset-validation-context/fieldset-validation-context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type FieldsetValidationContextType = {
+    disableErrorBorder?: boolean;
+};
+declare const _default: React.Context<FieldsetValidationContextType>;
+export default _default;

package/lib/__internal__/fieldset-validation-context/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./fieldset-validation-context";

package/lib/__internal__/fieldset-validation-context/index.js

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

package/lib/__internal__/fieldset-validation-context/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../../esm/__internal__/fieldset-validation-context/index.js",
+  "types": "./index.d.ts"
+}

package/lib/__internal__/form-field/form-field.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { ValidationProps } from "../validations";
-import { LabelProps } from "../label";
+import { LabelProps } from "../legacy-label";
 import { TagProps } from "../utils/helpers/tags/tags";
 import { IconType } from "../../components/icon";
 interface CommonFormFieldProps extends MarginProps, ValidationProps {

package/lib/__internal__/form-field/form-field.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("./form-field.style.js"),l=require("../label/label.component.js"),i=require("../field-help/field-help.component.js"),o=require("../utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");require("../../style/utils/filter-styled-system-padding-props.js");var s=require("../../style/utils/filter-styled-system-margin-props.js"),d=require("../../components/tabs/__next__/tabs.context.js"),c=require("../../components/tabs/__next__/tab.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var p=u(n);function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const f=n=>{var{maxWidth:u,children:f,"data-component":y,disabled:j,loading:O,fieldHelp:g,fieldHelpInline:I,error:v,warning:h,info:m,tooltipId:x,fieldHelpId:w,label:q,labelId:_,labelAlign:P,labelHelp:H,labelHelpIcon:k,labelInline:S,labelSpacing:W=2,labelWidth:A,labelAs:E,id:R,reverse:F,useValidationIcon:B,adaptiveLabelBreakpoint:C,isRequired:D,validationIconId:L,validationRedesignOptIn:M}=n,V=function(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}(n,["maxWidth","children","data-component","disabled","loading","fieldHelp","fieldHelpInline","error","warning","info","tooltipId","fieldHelpId","label","labelId","labelAlign","labelHelp","labelHelpIcon","labelInline","labelSpacing","labelWidth","labelAs","id","reverse","useValidationIcon","adaptiveLabelBreakpoint","isRequired","validationIconId","validationRedesignOptIn"]);const T=t.useMemo((()=>{const e={error:!!v,warning:!!h,info:!!m};if(j&&!O)return Object.keys(e).find((t=>e[t]))}),[v,h,m,j,O]);p.default(void 0===T,`Prop \`${T}\` cannot be used in conjunction with \`disabled\`. Use \`readOnly\` if you require users to see validations with a non-interactive field`);const N=a.default(C);let U=S;C&&(U=N);const{setErrors:$,setWarnings:z,setInfos:G}=t.useContext(d.TabsContext),{tabId:J}=t.useContext(c.TabContext),K=s.default(V),Q=t.useRef(!1);t.useLayoutEffect((()=>(Q.current=!0,()=>{Q.current=!1})),[]),t.useEffect((()=>($&&$(R,J||"",v||!1),z&&z(R,J||"",h||!1),G&&G(R,J||"",m||!1),()=>{Q.current||($&&$(R,J||"",!1),z&&z(R,J||"",!1),G&&G(R,J||"",!1))})),[R,$,z,v,h,m,J,G]);const X=g?e.jsx(i.FieldHelp,{labelInline:U,labelWidth:A,id:w,children:g}):null;return e.jsxs(r.default,(Y=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){b(e,t,n[t])}))}return e}({},o.default(y,V),K),Z=null!=(Z={children:[e.jsxs(r.FieldLineStyle,{"data-role":"field-line",inline:U,maxWidth:u,children:[F&&f,q&&e.jsx(l.default,{labelId:_,align:P,disabled:j,error:!M&&v,warning:!M&&h,info:!M&&m,help:H,tooltipId:x,htmlFor:R,helpIcon:k,inline:U,width:A,useValidationIcon:B,pr:F?void 0:W,pl:F?W:void 0,isRequired:D,validationIconId:L,as:E,children:q}),I&&X,!F&&f]}),!I&&X]})?Z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Y,Object.getOwnPropertyDescriptors(Z)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(Z)).forEach((function(e){Object.defineProperty(Y,e,Object.getOwnPropertyDescriptor(Z,e))})),Y));var Y,Z};f.displayName="FormField",exports.default=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("./form-field.style.js"),l=require("../legacy-label/label.component.js"),i=require("../field-help/field-help.component.js"),o=require("../utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");require("../../style/utils/filter-styled-system-padding-props.js");var s=require("../../style/utils/filter-styled-system-margin-props.js"),d=require("../../components/tabs/__next__/tabs.context.js"),c=require("../../components/tabs/__next__/tab.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var p=u(n);function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const f=n=>{var{maxWidth:u,children:f,"data-component":y,disabled:j,loading:O,fieldHelp:g,fieldHelpInline:I,error:v,warning:h,info:m,tooltipId:x,fieldHelpId:w,label:q,labelId:_,labelAlign:P,labelHelp:H,labelHelpIcon:k,labelInline:S,labelSpacing:W=2,labelWidth:A,labelAs:E,id:R,reverse:F,useValidationIcon:B,adaptiveLabelBreakpoint:C,isRequired:D,validationIconId:L,validationRedesignOptIn:M}=n,V=function(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}(n,["maxWidth","children","data-component","disabled","loading","fieldHelp","fieldHelpInline","error","warning","info","tooltipId","fieldHelpId","label","labelId","labelAlign","labelHelp","labelHelpIcon","labelInline","labelSpacing","labelWidth","labelAs","id","reverse","useValidationIcon","adaptiveLabelBreakpoint","isRequired","validationIconId","validationRedesignOptIn"]);const T=t.useMemo((()=>{const e={error:!!v,warning:!!h,info:!!m};if(j&&!O)return Object.keys(e).find((t=>e[t]))}),[v,h,m,j,O]);p.default(void 0===T,`Prop \`${T}\` cannot be used in conjunction with \`disabled\`. Use \`readOnly\` if you require users to see validations with a non-interactive field`);const N=a.default(C);let U=S;C&&(U=N);const{setErrors:$,setWarnings:z,setInfos:G}=t.useContext(d.TabsContext),{tabId:J}=t.useContext(c.TabContext),K=s.default(V),Q=t.useRef(!1);t.useLayoutEffect((()=>(Q.current=!0,()=>{Q.current=!1})),[]),t.useEffect((()=>($&&$(R,J||"",v||!1),z&&z(R,J||"",h||!1),G&&G(R,J||"",m||!1),()=>{Q.current||($&&$(R,J||"",!1),z&&z(R,J||"",!1),G&&G(R,J||"",!1))})),[R,$,z,v,h,m,J,G]);const X=g?e.jsx(i.FieldHelp,{labelInline:U,labelWidth:A,id:w,children:g}):null;return e.jsxs(r.default,(Y=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){b(e,t,n[t])}))}return e}({},o.default(y,V),K),Z=null!=(Z={children:[e.jsxs(r.FieldLineStyle,{"data-role":"field-line",inline:U,maxWidth:u,children:[F&&f,q&&e.jsx(l.default,{labelId:_,align:P,disabled:j,error:!M&&v,warning:!M&&h,info:!M&&m,help:H,tooltipId:x,htmlFor:R,helpIcon:k,inline:U,width:A,useValidationIcon:B,pr:F?void 0:W,pl:F?W:void 0,isRequired:D,validationIconId:L,as:E,children:q}),I&&X,!F&&f]}),!I&&X]})?Z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Y,Object.getOwnPropertyDescriptors(Z)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(Z)).forEach((function(e){Object.defineProperty(Y,e,Object.getOwnPropertyDescriptor(Z,e))})),Y));var Y,Z};f.displayName="FormField",exports.default=f;

package/lib/__internal__/hint-text/hint-text.component.d.ts

@@ -1,27 +1,12 @@
 import React from "react";
 export interface HintTextProps {
-    /** The alignment of the hint text */
-    align?: "left" | "right";
-    /** Children elements */
+    /** Child elements */
     children?: React.ReactNode;
-    /** Sets the font weight for the hint text */
-    fontWeight?: string;
-    /** Sets the id for the component. */
+    /** Sets the id for the component */
     id?: string;
-    /** Indicates whether the parent component is inline. */
-    isComponentInline?: boolean;
-    /** Indicates whether the parent component has a dark background. */
-    isDarkBackground?: boolean;
-    /** Indicates whether the parent component is disabled. */
-    isDisabled?: boolean;
-    /** Margin bottom for the hint text */
-    marginBottom?: string;
-    /** Margin top for the hint text */
-    marginTop?: string;
-    /** Max width for the hint text */
-    maxWidth?: string;
-    /** Set large font-size */
-    isLarge?: boolean;
+    size: "small" | "medium" | "large";
+    /** If true, the hint text will display in disabled styling */
+    disabled?: boolean;
 }
-export declare const HintText: ({ align, children, fontWeight, id, isComponentInline, isDarkBackground, isDisabled, marginBottom, marginTop, maxWidth, isLarge, }: HintTextProps) => React.JSX.Element | null;
+export declare const HintText: ({ children, id, size, disabled }: HintTextProps) => React.JSX.Element;
 export default HintText;

package/lib/__internal__/hint-text/hint-text.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("./hint-text.style.js"),n=require("../../components/carbon-provider/__internal__/new-validation.context.js");const r=({align:r,children:a,fontWeight:o,id:s,isComponentInline:d=!1,isDarkBackground:l=!1,isDisabled:u=!1,marginBottom:c="var(--spacing100)",marginTop:g="var(--spacing000)",maxWidth:p,isLarge:m})=>{const{validationRedesignOptIn:x}=t.useContext(n.default);return d&&!x?null:e.jsx(i.default,{align:r,"data-element":"input-hint","data-role":"hint-text",fontWeight:o,id:s,isDarkBackground:l,isDisabled:u,marginBottom:c,marginTop:g,maxWidth:p,isLarge:m,children:a})};exports.HintText=r,exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./hint-text.style.js");const r=({children:r,id:i,size:s,disabled:d})=>e.jsx(t.default,{"data-element":"input-hint","data-role":"hint-text",id:i,$size:s,$disabled:d,children:r});exports.HintText=r,exports.default=r;

package/lib/__internal__/hint-text/hint-text.style.d.ts

@@ -1,3 +1,6 @@
-import { HintTextProps } from "./hint-text.component";
-declare const StyledHintText: import("styled-components").StyledComponent<"div", any, HintTextProps, never>;
+interface StyledHintTextProps {
+    $size: "small" | "medium" | "large";
+    $disabled?: boolean;
+}
+declare const StyledHintText: import("styled-components").StyledComponent<"span", any, StyledHintTextProps, never>;
 export default StyledHintText;

package/lib/__internal__/hint-text/hint-text.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components");function e(t){return t&&t.__esModule?t:{default:t}}const i=e(t).default.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"sc-92b90b9-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:e})=>e&&t.css(["font-size:var(--fontSizes200);"])),(({align:e})=>t.css(["justify-content:",";"],"right"!==e?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:e,isDisabled:i})=>t.css(["color:",";"],((t,e)=>t?"var(--colorsUtilityYang080)":e?"var(--colorsUtilityYin030)":"var(--colorsUtilityYin055)")(e,i))),(({fontWeight:e})=>e&&t.css(["font-weight:",";"],e)),(({maxWidth:e})=>e&&t.css(["max-width:",";"],e)));exports.default=i;
+"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.span.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"sc-8ce52069-0"})(["color:",";font:",";"],(({$disabled:e})=>e?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-alt)"),(({$size:e})=>(e=>{switch(e){case"small":return"var(--global-font-static-comp-regular-s)";case"large":return"var(--global-font-static-comp-regular-l)";default:return"var(--global-font-static-comp-regular-m)"}})(e)));exports.default=t;

package/lib/__internal__/hint-text/index.d.ts

@@ -1,2 +1 @@
 export { default } from "./hint-text.component";
-export type { HintTextProps } from "./hint-text.component";

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

@@ -1,5 +1,2 @@
-import Input from "./input.component";
-import InputPresentation from "./input-presentation.component";
-export type { InputProps, CommonInputProps, EnterKeyHintTypes, } from "./input.component";
-export { Input, InputPresentation };
-export default Input;
+export { default } from "./input.component";
+export type { InputProps } from "./input.component";

package/lib/__internal__/input/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./input.component.js"),t=require("./input-presentation.component.js");exports.Input=e.default,exports.default=e.default,exports.InputPresentation=t.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./input.component.js");exports.default=e.default;

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

@@ -0,0 +1,8 @@
+/**
+ * Overrides for input when part of Date component
+ */
+export declare const dateStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
+export declare const searchStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
+export declare const selectStyleOverrides: ($size?: string, $isDisabled?: boolean, $isReadOnly?: boolean) => import("styled-components").FlattenSimpleInterpolation;
+export declare const pagerStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
+export declare const numeralDateStyles: import("styled-components").FlattenSimpleInterpolation;

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

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

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

@@ -1,54 +1,45 @@
 import React from "react";
-import { BorderRadiusType } from "../../components/box/box.component";
-export type EnterKeyHintTypes = "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
-export interface CommonInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value"> {
-    align?: "right" | "left";
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size"> {
     /** The ID of the input's description, is set along with hint text and error message. */
     "aria-describedby"?: string;
-    /** Override the variant component */
-    as?: React.ElementType;
-    /** If true the Component will be focused when rendered */
-    autoFocus?: boolean;
     /** If true, the component will be disabled */
     disabled?: boolean;
     /** HTML id attribute of the input */
     id?: string;
-    /** Specify a custom border radius for the input. Any valid border-radius design token, or an array of border-radius design tokens. */
-    inputBorderRadius?: BorderRadiusType | BorderRadiusType[];
     /** Name of the input */
     name?: string;
     /** Specify a callback triggered on blur */
     onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
     /** Specify a callback triggered on change */
-    onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Specify a callback triggered on click */
-    onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
+    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     /** Specify a callback triggered on focus */
     onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Specify a callback triggered on keyDown */
-    onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
     /** Placeholder string to be displayed in input */
     placeholder?: string;
     /** If true, the component will be read-only */
     readOnly?: boolean;
     /** Flag to configure component as mandatory */
     required?: boolean;
-    /** Id of the validation icon */
-    validationIconId?: string;
     /** The value of the input */
-    value: string | readonly string[] | number | undefined;
+    value: string | readonly string[] | number;
+    /** If true, the input will display error styling */
+    error?: boolean;
+    /** The width of the input as a percentage (e.g., 50 for 50%) */
+    inputWidth?: number;
+    /** Type of the icon that will be rendered next to the input */
+    inputIcon?: React.ReactNode;
+    /** Size of the input */
+    size?: "small" | "medium" | "large";
+    /** Emphasised text to be displayed before the input */
+    prefix?: string;
+    /** Additional children to be rendered before the input */
+    leftChildren?: React.ReactNode;
+    /** Text alignment within the input */
+    align?: "left" | "right";
+    /**
+     * @private @internal @ignore
+     */
+    "data-is-transparent"?: boolean;
 }
-export interface InputProps extends CommonInputProps {
-    /** The visible width of the text control, in average character widths */
-    cols?: number;
-    /** Integer to determine a timeout for the deferred callback */
-    deferTimeout?: number;
-    /** Deferred callback to be called after the onChange event */
-    onChangeDeferred?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-    /** The number of visible text lines for the control */
-    rows?: number;
-    /** HTML type attribute of the input */
-    type?: string;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./input.style.js"),r=require("../input-behaviour/input-behaviour.component.js"),o=require("../input-behaviour/input-group-behaviour.component.js"),u=require("../../components/select/__internal__/select-textbox/select-textbox.context.js");function i(e){return e&&e.__esModule?e:{default:e}}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const c=i(t).default.forwardRef(((i,c)=>{var{align:a,"aria-labelledby":s,"aria-describedby":d,placeholder:p,disabled:b,readOnly:f,autoFocus:y,onClick:O,onChangeDeferred:v,onChange:h,onBlur:g,onFocus:j,deferTimeout:m,type:x="text",id:C,name:P,validationIconId:B,inputBorderRadius:w="borderRadius050",enterKeyHint:I}=i,F=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},u=Object.keys(e);for(r=0;r<u.length;r++)n=u[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r<u.length;r++)n=u[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(i,["align","aria-labelledby","aria-describedby","placeholder","disabled","readOnly","autoFocus","onClick","onChangeDeferred","onChange","onBlur","onFocus","deferTimeout","type","id","name","validationIconId","inputBorderRadius","enterKeyHint"]);const S=t.useContext(r.InputContext),R=t.useContext(o.InputGroupContext),{isInputInSelect:k}=t.useContext(u.SelectTextboxContext),_=t.useRef(null);let E=t.useRef(null);c&&"current"in c&&(E=c);const q=t.useCallback((e=>{E.current=e,"function"==typeof c&&c(e),y&&e&&e.focus(),I&&e&&e.setAttribute("enterkeyhint",I)}),[y,c,I]);t.useEffect((()=>{S.inputRef&&S.inputRef(E)}),[S,E]),t.useEffect((()=>{b&&S.onBlur&&S.onBlur()}),[b,S]);const D=d?[d]:[];(S.hasFocus||R.hasFocus||S.hasMouseOver||R.hasMouseOver)&&B&&D.push(B);const T=D.length?D.filter(Boolean).join(" "):void 0;return e.jsx(n.default,(M=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){l(e,t,n[t])}))}return e}({},F),H={isInputInSelect:k,"data-has-autofocus":!!y||void 0,"aria-describedby":T,"aria-labelledby":s,align:a,placeholder:p,disabled:b,readOnly:f,name:P,type:x,id:C||P,ref:q,"data-element":"input",onFocus:e=>{j&&j(e),S.onFocus&&S.onFocus(),R.onFocus&&R.onFocus(),"text"===x&&function(e){setTimeout((()=>{if(null==e?void 0:e.current){const{selectionStart:t,selectionEnd:n,value:r}=e.current,{length:o}=r;(0===t&&0===n||t===o&&n===o)&&document.activeElement===e.current&&e.current.setSelectionRange(0,o)}}))}(E)},onBlur:e=>{g&&g(e),S.onBlur&&S.onBlur(),R.onBlur&&R.onBlur()},onClick:b||f?void 0:e=>{var t;O&&O(e),null==E||null===(t=E.current)||void 0===t||t.focus()},onChange:e=>{h&&h(e),(e=>{v&&(_.current&&clearTimeout(_.current),_.current=setTimeout((()=>{v(e)}),m||750))})(e)},inputBorderRadius:w},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(H)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(H)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(H,e))})),M));var M,H}));c.displayName="Input",exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./input.style.js"),n=require("../utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}const o=a(t).default.forwardRef(((a,i)=>{var{align:o="left","aria-describedby":u,"aria-labelledby":s,autoFocus:c,error:d,"data-is-transparent":f,children:b,disabled:p,id:y,inputIcon:O,inputWidth:x,leftChildren:m,name:v,onFocus:j,prefix:h,readOnly:g,size:$,type:w="text"}=a,P=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(a,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","readOnly","size","type"]);const S=t.useRef(null),E=n.default(i,S),F=h?`${y}-prefix`:void 0;t.useEffect((()=>{var e;c&&(null===(e=S.current)||void 0===e||e.focus())}),[c]);const q=t.useCallback((e=>{var t;null==j||j(e),"text"===w&&(t=S,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:a}=n;(0===e&&0===r||e===a&&r===a)&&document.activeElement===t.current&&t.current.setSelectionRange(0,a)}})))}),[j,w]),R=F?`${F} ${s||""}`.trim():s;return e.jsxs(r.default,{$align:o,"data-role":"input-container",$error:d,$size:$,$isDisabled:p,$isReadOnly:g,"data-is-transparent":f,children:[e.jsxs("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${p?"disabled":""} ${g?"read-only":""}`,children:[m,h&&e.jsx("span",{id:F,"data-element":"textbox-prefix",children:h}),e.jsx("input",l({ref:E,"data-element":"input","data-role":"input",disabled:p,readOnly:g,"aria-describedby":u,"aria-labelledby":R,type:w,onFocus:q,id:y,name:v,"data-has-autofocus":!!c||void 0},P)),O]}),b]})}));exports.default=o;

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

@@ -1,5 +1,9 @@
-import { CommonInputProps } from "./input.component";
-declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<CommonInputProps, "disabled" | "align" | "inputBorderRadius"> & {
-    isInputInSelect: boolean;
-}, never>;
-export default StyledInput;
+interface InputContainerProps {
+    $align?: "left" | "right";
+    $error?: boolean;
+    $isDisabled?: boolean;
+    $isReadOnly?: boolean;
+    $size?: "small" | "medium" | "large";
+}
+declare const InputContainer: import("styled-components").StyledComponent<"div", any, InputContainerProps, never>;
+export default InputContainer;

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

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