carbon-react 158.50.0 → 159.0.1

package/lib/components/textbox/__internal__/__next__/utils.d.ts

@@ -0,0 +1,81 @@
+import { IconType } from "../../../icon";
+export interface CommonTextInputArgs {
+    label: string;
+    placeholder: string;
+    inputIcon?: IconType;
+}
+export declare const getCommonTextInputArgsWithSpecialCharacters: (args: CommonTextInputArgs) => {
+    label: string;
+    placeholder: string;
+    inputIcon?: IconType;
+};
+export declare const getCommonTextInputArgs: (labelInlineDefault?: boolean) => {
+    disabled: boolean;
+    readOnly: boolean;
+    prefix: string;
+    label: string;
+    inputHint: string;
+    placeholder: string;
+    labelInline: boolean;
+    inputWidth: number;
+    size: string;
+    inputIcon: undefined;
+    required: boolean;
+    error: string;
+    warning: string;
+};
+export declare const commonTextInputArgTypes: () => {
+    disabled: {
+        control: {
+            type: string;
+        };
+    };
+    size: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+    inputIcon: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+    labelInline: {
+        control: {
+            type: string;
+        };
+    };
+    inputWidth: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+    };
+    containerWidth: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+    };
+    required: {
+        control: {
+            type: string;
+        };
+    };
+    error: {
+        control: {
+            type: string;
+        };
+    };
+    warning: {
+        control: {
+            type: string;
+        };
+    };
+};

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

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

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

@@ -1,23 +1,24 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { IconType } from "../icon";
-import { CommonInputProps } from "../../__internal__/input";
+import { CommonInputProps } from "../../__internal__/legacy-input";
 import { ValidationProps } from "../../__internal__/validations";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
-export declare const ALIGN_DEFAULT = "left";
 export declare const SIZE_DEFAULT = "medium";
 export declare const LABEL_WIDTH_DEFAULT = 30;
 export declare const LABEL_VALIDATION_DEFAULT = false;
-export interface CommonTextboxProps extends ValidationProps, MarginProps, Omit<CommonInputProps, "size" | "inputBorderRadius">, TagProps {
+export interface CommonTextboxProps extends Pick<ValidationProps, "error" | "warning">, MarginProps, Omit<CommonInputProps, "size" | "inputBorderRadius">, TagProps {
     /** Prop to specify the aria-labelledby property of the component */
     "aria-labelledby"?: string;
-    /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+    /** @deprecated `adaptiveLabelBreakpoint` has been deprecated, the functionality will no longer work. */
     adaptiveLabelBreakpoint?: number;
     /** Integer to determine a timeout for the deferred callback */
     deferTimeout?: number;
     /** A hint string rendered before the input but after the label. Intended to describe the purpose or content of the input. */
     inputHint?: string;
-    /** [Legacy] Help content to be displayed under an input. */
+    /**
+     * @deprecated `fieldHelp` has been deprecated, `inputHint` should be used instead.
+     *  [Legacy] Help content to be displayed under an input. */
     fieldHelp?: React.ReactNode;
     /**
      * An optional alternative for props.value, this is useful if the
@@ -31,7 +32,7 @@ export interface CommonTextboxProps extends ValidationProps, MarginProps, Omit<C
      */
     id?: string;
     /** Type of the icon that will be rendered next to the input */
-    inputIcon?: IconType;
+    inputIcon?: IconType | React.ReactNode;
     /** Optional handler for click event on Textbox icon */
     iconOnClick?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
     /** Optional handler for mouse down event on Textbox icon */
@@ -49,24 +50,25 @@ export interface CommonTextboxProps extends ValidationProps, MarginProps, Omit<C
     leftChildren?: React.ReactNode;
     /** Label content */
     label?: string;
-    /** Label alignment */
+    /** @deprecated `labelAlign` has been deprecated, the functionality will no longer work. */
     labelAlign?: "left" | "right";
     /**
+     * @deprecated `labelHelp` has been deprecated, `inputHint` should be used instead.
      * [Legacy] Text applied to label help tooltip. When opted into new design validations
-     * it will render as a hint above the input, unless an `inputHint`
+     * string values will render as a hint above the input, unless an `inputHint`
      * prop is also passed.
      */
     labelHelp?: React.ReactNode;
-    /** [Legacy] When true label is inline. */
+    /** When true label is inline. */
     labelInline?: boolean;
-    /** [Legacy] Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8). */
+    /** @deprecated `labelSpacing` has been deprecated, the functionality will no longer work.*/
     labelSpacing?: 1 | 2;
-    /** [Legacy] Label width as a percentage when label is inline. */
+    /** @deprecated `labelWidth` has been deprecated, the functionality will no longer work. */
     labelWidth?: number;
     /** Specify a callback triggered on change */
     onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     /** Deferred callback to be called after the onChange event */
-    onChangeDeferred?: () => void;
+    onChangeDeferred?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     /** Specify a callback triggered on click */
     onClick?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
     /** Event handler for the focus event */
@@ -77,22 +79,24 @@ export interface CommonTextboxProps extends ValidationProps, MarginProps, Omit<C
     onMouseDown?: (ev: React.MouseEvent<HTMLElement>) => void;
     /** Emphasized part of the displayed text */
     prefix?: string;
-    /** Reverses label and input display */
+    /** @deprecated `reverse` has been deprecated, the functionality will no longer work. */
     reverse?: boolean;
     /** Size of an input */
     size?: "small" | "medium" | "large";
-    /** [Legacy] When true, validation icon will be placed on label instead of being placed on the input. */
+    /** @deprecated `validationOnLabel` has been deprecated, the functionality will no longer work. */
     validationOnLabel?: boolean;
-    /** [Legacy] Overrides the default tooltip position. */
+    /** @deprecated `tooltipPosition` has been deprecated, the functionality will no longer work. */
     tooltipPosition?: "top" | "bottom" | "left" | "right";
-    /** [Legacy] Aria label for rendered help component. */
+    /** @deprecated `helpAriaLabel` has been deprecated, the functionality will no longer work. */
     helpAriaLabel?: string;
-    /** The id attribute for the validation tooltip */
+    /** @deprecated `tooltipId` has been deprecated, the functionality will no longer work. */
     tooltipId?: string;
     /** @private @internal @ignore */
     "data-component"?: string;
     /** Render the ValidationMessage above the Textbox input when validationRedesignOptIn flag is set */
     validationMessagePositionTop?: boolean;
+    /** @deprecated `info` has been deprecated, the functionality will no longer work. */
+    info?: string | boolean;
 }
 export interface TextboxProps extends Omit<CommonTextboxProps, "defaultValue"> {
     /** Content to be rendered next to the input */

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../box/box.component.js"),t=require("../../__internal__/form-field/form-field.component.js"),r=require("../../__internal__/hint-text/hint-text.component.js"),o=require("../../__internal__/input/input.component.js"),a=require("../../__internal__/input/input-presentation.component.js"),l=require("../../__internal__/input-behaviour/input-behaviour.component.js"),d=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/tooltip-provider/index.js"),u=require("../../__internal__/validation-message/validation-message.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var p=require("../../style/utils/filter-styled-system-margin-props.js"),c=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../numeral-date/__internal__/numeral-date.context.js"),b=require("../../hooks/useCharacterCount/useCharacterCount.js"),_=require("../../hooks/__internal__/useUniqueId/index.js"),g=require("../../__internal__/utils/helpers/guid/index.js"),h=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),v=require("./textbox.style.js"),x=require("./__internal__/prefix.style.js");function j(e){return e&&e.__esModule?e:{default:e}}function m(e,i,n){return i in e?Object.defineProperty(e,i,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[i]=n,e}function y(e){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},t=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),t.forEach((function(i){m(e,i,n[i])}))}return e}function O(e,i){return i=null!=i?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):function(e){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);i.push.apply(i,n)}return i}(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))})),e}const I="left",w="medium",q=30,C=!1,P=j(i).default.forwardRef(((j,m)=>{var{"aria-labelledby":P,"aria-describedby":D,align:L=I,autoFocus:T,children:A,disabled:k,inputIcon:B,leftChildren:H,label:F,labelAlign:M,labelHelp:E,labelInline:S,labelSpacing:W,id:R,formattedValue:z,inputHint:U,fieldHelp:V,error:N,warning:G,info:Z,name:J,reverse:K,size:Q=w,value:X,readOnly:Y,placeholder:$,onBlur:ee,onClick:ie,onFocus:ne,onChange:te,onMouseDown:re,onChangeDeferred:oe,deferTimeout:ae,iconOnClick:le,iconOnMouseDown:de,iconTabIndex:se,validationOnLabel:ue=C,labelWidth:pe=q,inputWidth:ce,maxWidth:fe,prefix:be,adaptiveLabelBreakpoint:_e,required:ge,positionedChildren:he,tooltipPosition:ve,"data-component":xe,"data-element":je,"data-role":me,characterLimit:ye,helpAriaLabel:Oe,tooltipId:Ie,validationMessagePositionTop:we=!0}=j,qe=function(e,i){if(null==e)return{};var n,t,r=function(e,i){if(null==e)return{};var n,t,r={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],i.indexOf(n)>=0||(r[n]=e[n]);return r}(e,i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)n=o[t],i.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(j,["aria-labelledby","aria-describedby","align","autoFocus","children","disabled","inputIcon","leftChildren","label","labelAlign","labelHelp","labelInline","labelSpacing","id","formattedValue","inputHint","fieldHelp","error","warning","info","name","reverse","size","value","readOnly","placeholder","onBlur","onClick","onFocus","onChange","onMouseDown","onChangeDeferred","deferTimeout","iconOnClick","iconOnMouseDown","iconTabIndex","validationOnLabel","labelWidth","inputWidth","maxWidth","prefix","adaptiveLabelBreakpoint","required","positionedChildren","tooltipPosition","data-component","data-element","data-role","characterLimit","helpAriaLabel","tooltipId","validationMessagePositionTop"]);const Ce="string"==typeof X?X:"",[Pe,De]=_.default(R,J),[Le,Te]=i.useState("off"),[Ae,ke]=b.default(Ce,ye,Le),{validationRedesignOptIn:Be}=i.useContext(c.default),{disableErrorBorder:He}=i.useContext(f.default),Fe=e=>Be?void 0:e,{labelId:Me,validationId:Ee,fieldHelpId:Se,ariaDescribedBy:We}=h.default({id:Pe,validationRedesignOptIn:Be,error:N,warning:G,info:Z,label:F,fieldHelp:V}),Re=i.useRef(g.default()),ze=U?Re.current:void 0,Ue=[...Be&&we?[We,ze]:[ze,We],ke,D].filter(Boolean).join(" "),Ve=!!(B||Ee&&!ue),Ne=e.jsxs(a.default,{align:L,disabled:k,readOnly:Y,size:Q,error:N,warning:G,info:Z,prefix:be,inputWidth:ce||100-pe,maxWidth:S||"right"!==M?fe:void 0,positionedChildren:he,hasIcon:Ve,children:[H,be&&e.jsx(x.default,{"data-element":"textbox-prefix",size:Q,children:be}),e.jsx(o.default,y(O(y({},ge&&{required:ge}),{align:L,"aria-invalid":!!N,"aria-labelledby":P,"aria-describedby":Ue,autoFocus:T,deferTimeout:ae,disabled:k,id:Pe,ref:m,name:De,onBlur:e=>{ye&&Te("off"),null==ee||ee(e)},onChange:te,onChangeDeferred:oe,onClick:k||Y?void 0:ie,onFocus:e=>{ye&&Te("polite"),null==ne||ne(e)},onMouseDown:k||Y?void 0:re,placeholder:k||Y?"":$,readOnly:Y,value:"string"==typeof z?z:X,validationIconId:Be?void 0:Ie||Ee}),qe)),A,e.jsx(d.default,{align:L,disabled:k,error:N,iconTabIndex:se,info:Z,inputIcon:B,onClick:k||Y?void 0:le||ie,onMouseDown:k||Y?void 0:de||re,readOnly:Y,size:Q,useValidationIcon:!(Be||ue),warning:G,validationIconId:Be?void 0:Ie||Ee})]});return e.jsx(s.TooltipProvider,{helpAriaLabel:Oe,tooltipPosition:ve,children:e.jsx(l.InputBehaviour,{children:e.jsxs(t.default,O(y({maxWidth:S||"right"!==M?void 0:fe,disabled:k,fieldHelpId:Se,fieldHelp:Fe(V),error:N,warning:G,info:Z,label:F,labelId:Me,labelAlign:M,labelHelp:Fe(E),labelInline:Fe(S),labelSpacing:W,labelWidth:Fe(pe),id:Pe,reverse:Fe(K),useValidationIcon:Fe(ue),adaptiveLabelBreakpoint:_e,isRequired:ge,"data-component":xe,"data-role":me,"data-element":je,validationIconId:Be?void 0:Ee,validationRedesignOptIn:Be},p.default(qe)),{children:[(U||E&&Be)&&e.jsx(r.HintText,{align:M,"data-element":"input-hint",id:ze,isComponentInline:S,children:U||E}),Be?e.jsxs(n.Box,{position:"relative",children:[we&&e.jsxs(e.Fragment,{children:[e.jsx(u.default,{error:N,validationId:Ee,warning:G,validationMessagePositionTop:we}),!He&&(N||G)&&e.jsx(v.default,{warning:!(N||!G)})]}),Ne,!we&&e.jsxs(e.Fragment,{children:[e.jsx(u.default,{error:N,validationId:Ee,warning:G,validationMessagePositionTop:we}),!He&&(N||G)&&e.jsx(v.default,{warning:!(N||!G)})]})]}):Ne,Ae]}))})})}));exports.ALIGN_DEFAULT=I,exports.LABEL_VALIDATION_DEFAULT=C,exports.LABEL_WIDTH_DEFAULT=q,exports.SIZE_DEFAULT=w,exports.Textbox=P,exports.default=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./__internal__/__next__/text-input.component.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),i=require("../../hooks/useCharacterCount/useCharacterCount.js"),l=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../__internal__/utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(n);function c(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){c(e,n,t[n])}))}return e}const s="medium",p=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),b=u.default.forwardRef(((a,u)=>{var{"aria-describedby":c,"aria-labelledby":b,characterLimit:f,children:h,"data-component":y,"data-element":O,"data-role":g,deferTimeout:m,disabled:j,error:x,formattedValue:_,fieldHelp:w,iconOnClick:v,iconOnMouseDown:C,iconTabIndex:I,id:k,inputHint:P,inputIcon:T,inputWidth:D,label:L,labelHelp:S,labelInline:q,leftChildren:M,maxWidth:E,name:A,onBlur:F,onFocus:H,onChange:W,onChangeDeferred:B,onClick:z,onMouseDown:U,placeholder:R,positionedChildren:V,prefix:$,readOnly:N,required:Z,size:G=s,warning:J,validationMessagePositionTop:K=!0,value:Q}=a,X=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[Y,ee]=l.default(k,A),ne=n.useRef(null),te=n.useRef(null),re=o.default(u,te),ie=n.useCallback((e=>{if(j||N)return;const n=null!=v?v:z;null==n||n(e)}),[v,z,j,N]),le=n.useCallback((e=>{if(j||N)return;const n=null!=C?C:U;null==n||n(e)}),[C,U,j,N]),oe="string"==typeof T?e.jsx(r.default,{inputIcon:T,disabled:j,error:x,iconTabIndex:I,onClick:ie,onMouseDown:le,readOnly:N,size:G,warning:J,blockFocusStyling:!0}):null,ae=n.useCallback((e=>{B&&(ne.current&&clearTimeout(ne.current),ne.current=setTimeout((()=>{B(e)}),m||750))}),[B,m]),ue=n.useCallback((e=>{W(e),ae(e)}),[W,ae]),ce="string"==typeof Q?Q:"",[de,se]=n.useState("off"),[pe,be]=i.default(ce,f,de),fe=[c,be,w?`${Y}-field-help`:void 0].filter(Boolean).join(" "),he="string"==typeof S?S:void 0;return e.jsxs(e.Fragment,{children:[e.jsx(t.TextInput,(ye=d({},(ge=X,Object.fromEntries(Object.entries(ge).filter((([e])=>!p.has(e)))))),Oe={id:Y,label:L||"",labelInline:q,disabled:j,readOnly:N,size:G,prefix:$,inputHint:P||he,inputIcon:oe,placeholder:R,value:"string"==typeof _?_:null!=Q?Q:"",inputWidth:D,error:x,warning:J,"aria-describedby":fe,"aria-labelledby":b,required:Z,name:ee,onChange:ue,onBlur:e=>{f&&se("off"),null==F||F(e)},onFocus:e=>{f&&se("polite"),null==H||H(e)},onClick:z,onMouseDown:U,ref:re,maxWidth:E,"data-component":y,"data-element":O,"data-role":g,validationMessagePositionTop:K,leftChildren:M||V,children:h},Oe=null!=Oe?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ye,Object.getOwnPropertyDescriptors(Oe)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(Oe)).forEach((function(e){Object.defineProperty(ye,e,Object.getOwnPropertyDescriptor(Oe,e))})),ye)),pe,w&&e.jsx("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:D?D-1+"%":"100%",float:"right"},id:`${Y}-field-help`,children:w})]});var ye,Oe,ge}));exports.LABEL_VALIDATION_DEFAULT=!1,exports.LABEL_WIDTH_DEFAULT=30,exports.SIZE_DEFAULT=s,exports.Textbox=b,exports.default=b;

package/lib/components/tile-select/tile-select.style.d.ts

@@ -23,7 +23,7 @@ declare const StyledFooterWrapper: import("styled-components").StyledComponent<"
 declare const StyledAccordionFooterWrapper: import("styled-components").StyledComponent<"div", any, {
     accordionExpanded?: boolean;
 }, never>;
-declare const StyledTileSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../__internal__/input").InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>, any, {}, never>;
+declare const StyledTileSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../__internal__/legacy-input").InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>, any, {}, never>;
 declare const StyledTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledDeselectWrapper: import("styled-components").StyledComponent<"div", any, {
     hasActionAdornment: boolean;

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

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

package/lib/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/lib/components/time/time.component.js

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

package/lib/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/lib/components/time/time.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../__internal__/label/label.component.js");function l(e){return e&&e.__esModule?e:{default:e}}const n=l(e).default(t.default).withConfig({displayName:"time.style__StyledLabel",componentId:"sc-d31e7cbe-0"})(["label{font-weight:var(--fontWeights400);}"]);exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../__internal__/legacy-label/label.component.js");function l(e){return e&&e.__esModule?e:{default:e}}const n=l(e).default(t.default).withConfig({displayName:"time.style__StyledLabel",componentId:"sc-f5dd46fd-0"})(["label{font-weight:var(--fontWeights400);}"]);exports.default=n;

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

@@ -0,0 +1 @@
+"use strict";

package/lib/hooks/__internal__/useRegisterValidationToTabs/package.json

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

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

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

package/lib/hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../components/tabs/__next__/tabs.context.js"),r=require("../../../components/tabs/__next__/tab.context.js");exports.default=(s,n,o)=>{const u=e.useRef(!1),{setErrors:a,setWarnings:c}=e.useContext(t.TabsContext),{tabId:x}=e.useContext(r.TabContext);e.useLayoutEffect((()=>(u.current=!0,()=>{u.current=!1})),[]),e.useEffect((()=>(a&&a(o,x||"",!!s),c&&c(o,x||"",!!n),()=>{u.current||(a&&a(o,x||"",!1),c&&c(o,x||"",!1))})),[s,n,a,c,o,x])};

package/lib/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/lib/style/themes/apply-base-theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./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}exports.default=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={},u=Object.keys(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)r=u[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.default:n},o)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./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}exports.default=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.default:n},l)};

package/package.json

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

package/esm/components/numeral-date/__internal__/numeral-date.context.d.ts

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

package/esm/components/select/__internal__/select-textbox/select-textbox.context.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export type SelectTextboxContextProps = {
-    isInputInSelect?: boolean;
-};
-export declare const SelectTextboxContext: React.Context<SelectTextboxContextProps>;

package/esm/components/select/__internal__/select-textbox/select-textbox.context.js

@@ -1 +0,0 @@
-import t from"react";const e=t.createContext({});export{e as SelectTextboxContext};

package/esm/components/textbox/__internal__/prefix.style.d.ts

@@ -1,5 +0,0 @@
-import { TextboxProps } from "../textbox.component";
-declare const StyledPrefix: import("styled-components").StyledComponent<"span", any, {
-    size: NonNullable<TextboxProps["size"]>;
-}, never>;
-export default StyledPrefix;

package/esm/components/textbox/__internal__/prefix.style.js

@@ -1 +0,0 @@
-import t from"styled-components";import e from"../../../__internal__/input/input-sizes.style.js";const i=t.span.withConfig({displayName:"prefix.style__StyledPrefix",componentId:"sc-4d216025-0"})(["align-self:center;font-weight:700;margin-left:",";&& + input{padding-left:var(--spacing100);}"],(({size:t})=>e[t].horizontalPadding));export{i as default};

package/esm/components/textbox/textbox.style.js

@@ -1 +0,0 @@
-import o,{css as t}from"styled-components";const e=o.span.withConfig({displayName:"textbox.style__ErrorBorder",componentId:"sc-276b083e-0"})(["",""],(({warning:o})=>t(["position:absolute;z-index:6;width:2px;background-color:",";left:-12px;bottom:0px;top:0px;"],o?"var(--colorsSemanticCaution500)":"var(--colorsSemanticNegative500)")));export{e as default};

package/lib/components/numeral-date/__internal__/numeral-date.context.d.ts

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

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

@@ -1,5 +0,0 @@
-import React from "react";
-export type SelectTextboxContextProps = {
-    isInputInSelect?: boolean;
-};
-export declare const SelectTextboxContext: React.Context<SelectTextboxContextProps>;

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

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const t=e(require("react")).default.createContext({});exports.SelectTextboxContext=t;

package/lib/components/textbox/__internal__/prefix.style.d.ts

@@ -1,5 +0,0 @@
-import { TextboxProps } from "../textbox.component";
-declare const StyledPrefix: import("styled-components").StyledComponent<"span", any, {
-    size: NonNullable<TextboxProps["size"]>;
-}, never>;
-export default StyledPrefix;

package/lib/components/textbox/__internal__/prefix.style.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../__internal__/input/input-sizes.style.js");function n(e){return e&&e.__esModule?e:{default:e}}const i=n(e).default.span.withConfig({displayName:"prefix.style__StyledPrefix",componentId:"sc-4d216025-0"})(["align-self:center;font-weight:700;margin-left:",";&& + input{padding-left:var(--spacing100);}"],(({size:e})=>t.default[e].horizontalPadding));exports.default=i;

package/lib/components/textbox/textbox.style.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}const o=t(e).default.span.withConfig({displayName:"textbox.style__ErrorBorder",componentId:"sc-276b083e-0"})(["",""],(({warning:t})=>e.css(["position:absolute;z-index:6;width:2px;background-color:",";left:-12px;bottom:0px;top:0px;"],t?"var(--colorsSemanticCaution500)":"var(--colorsSemanticNegative500)")));exports.default=o;