carbon-react 157.3.0 → 157.3.2

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

@@ -34,8 +34,14 @@ export interface FieldsetProps extends MarginProps {
     id?: string;
     /** Content for the Help tooltip */
     labelHelp?: React.ReactNode;
-    /** Id for the validation icon tooltip */
-    validationId?: string;
+    /** Content for the fieldHelp */
+    fieldHelp?: React.ReactNode;
+    /** Content for an additional hint text below the legend */
+    inputHint?: React.ReactNode;
+    /** Specifies whether the validation message should be displayed above the input */
+    validationMessagePositionTop?: boolean;
+    /** Apply new validation styles */
+    applyNewValidation?: boolean;
 }
-declare const Fieldset: ({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, validationId, ...rest }: FieldsetProps) => React.JSX.Element;
+declare const Fieldset: ({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, fieldHelp, inputHint, validationMessagePositionTop, applyNewValidation, id, ...rest }: FieldsetProps) => React.JSX.Element;
 export default Fieldset;

package/esm/__internal__/fieldset/fieldset.component.js

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

package/esm/__internal__/fieldset/fieldset.style.d.ts

@@ -1,20 +1,17 @@
 type StyledFieldsetProps = {
     width?: string;
 };
-declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
+export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
     theme: object;
 } & StyledFieldsetProps, "theme">;
-type StyledLegendContentProps = {
-    isRequired?: boolean;
-    isDisabled?: boolean;
-};
-declare const StyledLegendContent: import("styled-components").StyledComponent<"span", any, StyledLegendContentProps, never>;
 export type StyledLegendProps = {
     inline?: boolean;
     width?: number;
     align?: "left" | "right";
     rightPadding?: 1 | 2;
+    isRequired?: boolean;
+    isDisabled?: boolean;
 };
-declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
-declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { StyledFieldset, StyledLegend, StyledLegendContent, StyledIconWrapper };
+export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
+export declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/esm/__internal__/fieldset/fieldset.style.js

@@ -1 +1 @@
-import e,{css as i}from"styled-components";import{margin as t}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const o=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-1361c9e5-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t,(({width:e})=>e&&`width: ${e};`)),a=e.span.withConfig({displayName:"fieldset.style__StyledLegendContent",componentId:"sc-1361c9e5-1"})(["display:flex;align-items:center;line-height:24px;"," ",""],(({isRequired:e})=>e&&i(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:e})=>e&&i(["color:var(--colorsUtilityYin030);::after{color:var(--colorsUtilityYin030);}"]))),l=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-1361c9e5-2"})(["display:flex;align-items:center;margin-bottom:var(--spacing100);padding:0;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);",";"," ",""],(({align:e,inline:t})=>e&&i(["text-align:",";justify-content:",";",""],e,"right"===e?"flex-end":"flex-start",!t&&i(["width:-moz-available;"]))),(({inline:e,width:t,rightPadding:n})=>e&&i(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],t&&`width: ${t}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t),s=e.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"sc-1361c9e5-3"})(["margin-left:var(--spacing050);"]);export{o as StyledFieldset,s as StyledIconWrapper,l as StyledLegend,a as StyledLegendContent};
+import i,{css as t}from"styled-components";import{margin as e}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const o=i.fieldset.attrs(n).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-79c4941c-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],e,(({width:i})=>i&&`width: ${i};`)),l=i.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-79c4941c-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," ",";"," ",""],(({isRequired:i})=>i&&t(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:i})=>i&&t(["color:var(--colorsUtilityYin030);::after{color:var(--colorsUtilityYin030);}"])),(({align:i,inline:e})=>i&&t(["text-align:",";justify-content:",";",""],i,"right"===i?"flex-end":"flex-start",!e&&t(["width:-moz-available;"]))),(({inline:i,width:e,rightPadding:n})=>i&&t(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],e&&`width: ${e}%`,1===n?"var(--spacing100)":"var(--spacing200)")),e),a=i.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"sc-79c4941c-2"})(["margin-left:var(--spacing050);"]);export{o as StyledFieldset,a as StyledIconWrapper,l as StyledLegend};

package/esm/components/breadcrumbs/crumb/crumb.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { LinkProps } from "../../link";
 import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface CrumbProps extends Omit<LinkProps, "tooltipMessage" | "tooltipPosition" | "iconType" | "iconAlign" | "isSkipLink" | "isDarkBackground" | "ariaLabel" | "className" | "variant" | "target" | "rel" | "icon" | "disabled">, TagProps {
+export interface CrumbProps extends Omit<LinkProps, "tooltipMessage" | "tooltipPosition" | "iconType" | "iconAlign" | "isSkipLink" | "isDarkBackground" | "inverse" | "ariaLabel" | "className" | "variant" | "target" | "rel" | "icon" | "disabled">, TagProps {
     /** This sets the Crumb to current, does not render Link */
     isCurrent?: boolean;
 }

package/esm/components/breadcrumbs/crumb/crumb.component.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import{StyledCrumb as o,Divider as c}from"./crumb.style.js";import{useBreadcrumbsContext as i}from"../__internal__/breadcrumbs.context.js";function a(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function u(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){a(r,e,t[e])}))}return r}const l=t.forwardRef(((t,a)=>{var{href:l,isCurrent:f,children:s,onClick:b}=t,p=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},c=Object.keys(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(t,["href","isCurrent","children","onClick"]);const{isDarkBackground:O}=i();return r("li",{children:[e(o,(y=u({ref:a,isCurrent:f,"aria-current":f?"page":void 0,isDarkBackground:O},p,n("crumb",p),!f&&{href:l,onClick:b}),m={children:s},m=null!=m?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(m)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(m)).forEach((function(r){Object.defineProperty(y,r,Object.getOwnPropertyDescriptor(m,r))})),y)),!f&&e(c,{"data-role":"crumb-divider","aria-hidden":"true",isDarkBackground:O})]});var y,m}));l.displayName="Crumb";export{l as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import{StyledCrumb as o,Divider as i}from"./crumb.style.js";import{useBreadcrumbsContext as c}from"../__internal__/breadcrumbs.context.js";function a(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function l(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){a(r,e,t[e])}))}return r}const u=t.forwardRef(((t,a)=>{var{href:u,isCurrent:f,children:s,onClick:b}=t,p=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},i=Object.keys(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)t=i[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(t,["href","isCurrent","children","onClick"]);const{isDarkBackground:O}=c();return r("li",{children:[e(o,(y=l({ref:a,isCurrent:f,"aria-current":f?"page":void 0,inverse:O},p,n("crumb",p),!f&&{href:u,onClick:b}),m={children:s},m=null!=m?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(m)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(m)).forEach((function(r){Object.defineProperty(y,r,Object.getOwnPropertyDescriptor(m,r))})),y)),!f&&e(i,{"data-role":"crumb-divider","aria-hidden":"true",isDarkBackground:O})]});var y,m}));u.displayName="Crumb";export{u as default};

package/esm/components/breadcrumbs/crumb/crumb.style.d.ts

@@ -1,7 +1,7 @@
 import { LinkProps } from "../../link";
 interface StyleCrumbProps extends LinkProps {
     isCurrent?: boolean;
-    isDarkBackground: boolean;
+    inverse: boolean;
 }
 export declare const StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyleCrumbProps, never>;
 interface DividerProps {

package/esm/components/breadcrumbs/crumb/crumb.style.js

@@ -1 +1 @@
-import r,{css as o}from"styled-components";import{Link as t}from"../../link/link.component.js";const a=r=>r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",n=r(t).withConfig({displayName:"crumb.style__StyledCrumb",componentId:"sc-d31421e1-0"})(["font:var(--typographyLinkTextM);",""],(({isCurrent:r,isDarkBackground:t})=>r&&o(["a{color:",";text-decoration:none;font:var(--typographyBreadcrumbCurrentPageM);:hover{color:",";text-decoration:none;cursor:text;}}"],a(t),a(t)))),e=r.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-d31421e1-1"})(['::after{content:"/";margin:0px var(--spacing050) 0px var(--spacing100);line-height:16px;font:var(--typographyBreadcrumbSeparatorM);',"}"],(({isDarkBackground:r})=>o(["color:",";"],r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin055)")));var i={StyledCrumb:n,Divider:e};export{e as Divider,n as StyledCrumb,i as default};
+import r,{css as o}from"styled-components";import{Link as t}from"../../link/link.component.js";const e=r=>r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",a=r(t).withConfig({displayName:"crumb.style__StyledCrumb",componentId:"sc-a0e64e5d-0"})(["font:var(--typographyLinkTextM);",""],(({isCurrent:r,inverse:t})=>r&&o(["a{color:",";text-decoration:none;font:var(--typographyBreadcrumbCurrentPageM);:hover{color:",";text-decoration:none;cursor:text;}}"],e(t),e(t)))),n=r.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-a0e64e5d-1"})(['::after{content:"/";margin:0px var(--spacing050) 0px var(--spacing100);line-height:16px;font:var(--typographyBreadcrumbSeparatorM);',"}"],(({isDarkBackground:r})=>o(["color:",";"],r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin055)")));var i={StyledCrumb:a,Divider:n};export{n as Divider,a as StyledCrumb,i as default};

package/esm/components/checkbox/checkbox-group/checkbox-group.component.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import{useContext as i,useRef as t}from"react";import o from"./checkbox-group.style.js";import l from"../../../__internal__/utils/helpers/tags/tags.js";import a from"../../../__internal__/fieldset/fieldset.component.js";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as d}from"../../../__internal__/tooltip-provider/index.js";import s from"../../carbon-provider/__internal__/new-validation.context.js";import p from"../../../__internal__/validation-message/validation-message.component.js";import{Box as g}from"../../box/box.component.js";import u from"../../textbox/textbox.style.js";import f from"./__internal__/checkbox-group.context.js";import m from"../../../__internal__/utils/helpers/guid/index.js";import b from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import{HintText as h}from"../../../__internal__/hint-text/hint-text.component.js";function y(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function _(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),i.forEach((function(r){y(e,r,n[r])}))}return e}function j(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 n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}const v=y=>{var{children:v,legend:O,error:x,warning:w,info:P,required:k,legendInline:I,legendWidth:S,legendAlign:A="left",legendSpacing:D,legendHelp:T,tooltipPosition:q,inline:B,id:M,validationMessagePositionTop:R=!0}=y,E=function(e,r){if(null==e)return{};var n,i,t=function(e,r){if(null==e)return{};var n,i,t={},o=Object.keys(e);for(i=0;i<o.length;i++)n=o[i],r.indexOf(n)>=0||(t[n]=e[n]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}(y,["children","legend","error","warning","info","required","legendInline","legendWidth","legendAlign","legendSpacing","legendHelp","tooltipPosition","inline","id","validationMessagePositionTop"]);const{validationRedesignOptIn:G}=i(s),W=t(m()),H=M||W.current,C=T?`${H}-hint`:void 0,{validationId:N,ariaDescribedBy:$}=b({id:H,validationRedesignOptIn:!0,error:x,warning:w,info:P}),z=(G&&R?[$,C]:[C,$]).filter(Boolean).join(" ");return e(r,{children:G?n(a,j(_(j(_({id:H,legend:O,legendAlign:A,error:x,warning:w,isRequired:k,width:"fit-content"},z&&{"aria-describedby":z},l("checkboxgroup",E)),{blockGroupBehaviour:!(x||w)}),c(E)),{children:[T&&e(h,{align:A,id:C,marginTop:"-4px",children:T}),n(g,{position:"relative",children:[R&&n(r,{children:[e(p,{error:x,warning:w,validationId:N,validationMessagePositionTop:R}),(x||w)&&e(u,{warning:!(x||!w)})]}),e(o,{"data-component":"checkbox-group","data-role":"checkbox-group",inline:B,children:e(f.Provider,{value:{error:!!x,warning:!!w},children:v})}),!R&&n(r,{children:[e(p,{error:x,warning:w,validationId:N,validationMessagePositionTop:R}),(x||w)&&e(u,{warning:!(x||!w)})]})]})]})):e(d,{tooltipPosition:q,children:e(a,j(_(j(_({id:H,legend:O,inline:I,legendWidth:S,legendAlign:A,legendSpacing:D,error:x,warning:w,info:P,isRequired:k,"aria-describedby":$,validationId:N},l("checkboxgroup",E)),{blockGroupBehaviour:!(x||w||P)}),c(E)),{children:e(o,{"data-component":"checkbox-group","data-role":"checkbox-group",legendInline:I,children:e(f.Provider,{value:{error:!!x,warning:!!w,info:!!P},children:v})})}))})})};v.displayName="CheckboxGroup";export{v as CheckboxGroup,v as default};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{useContext as n,useRef as t}from"react";import i from"./checkbox-group.style.js";import o from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../__internal__/fieldset/fieldset.component.js";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as p}from"../../../__internal__/tooltip-provider/index.js";import a from"../../carbon-provider/__internal__/new-validation.context.js";import d from"./__internal__/checkbox-group.context.js";import s from"../../../__internal__/utils/helpers/guid/index.js";function g(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function u(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},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(r){g(e,r,n[r])}))}return e}function f(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 n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}const b=g=>{var{children:b,legend:m,error:y,warning:h,info:O,required:j,legendInline:_,legendWidth:v,legendAlign:P="left",legendSpacing:w,legendHelp:x,tooltipPosition:k,inline:S,id:I,validationMessagePositionTop:q=!0}=g,A=function(e,r){if(null==e)return{};var n,t,i=function(e,r){if(null==e)return{};var n,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||(i[n]=e[n]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(g,["children","legend","error","warning","info","required","legendInline","legendWidth","legendAlign","legendSpacing","legendHelp","tooltipPosition","inline","id","validationMessagePositionTop"]);const{validationRedesignOptIn:D}=n(a),E=t(s()),H=I||E.current;return e(r,{children:D?e(l,f(u({applyNewValidation:!0,id:H,legend:m,inputHint:x,legendAlign:P,error:y,warning:h,isRequired:j,validationMessagePositionTop:q,width:"fit-content"},o("checkboxgroup",A),c(A)),{children:e(i,{"data-component":"checkbox-group","data-role":"checkbox-group",inline:S,children:e(d.Provider,{value:{error:!!y,warning:!!h},children:b})})})):e(p,{tooltipPosition:k,children:e(l,f(u(f(u({id:H,legend:m,inline:_,legendWidth:v,legendAlign:P,legendSpacing:w,error:y,warning:h,info:O,isRequired:j},o("checkboxgroup",A)),{blockGroupBehaviour:!(y||h||O)}),c(A)),{children:e(i,{"data-component":"checkbox-group","data-role":"checkbox-group",legendInline:_,children:e(d.Provider,{value:{error:!!y,warning:!!h,info:!!O},children:b})})}))})})};b.displayName="CheckboxGroup";export{b as CheckboxGroup,b as default};

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

@@ -13,10 +13,6 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, TagPro
     onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** Function called when a mouse down event triggers. */
     onMouseDown?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** [Legacy] A message to display as a tooltip to the link. */
-    tooltipMessage?: string;
-    /** [Legacy] Positions the tooltip with the link. */
-    tooltipPosition?: "bottom" | "left" | "right" | "top";
     /** Child content to render in the link. */
     children?: React.ReactNode;
     /** Target property in which link should open ie: _blank, _self, _parent, _top */
@@ -33,6 +29,12 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, TagPro
      * @ignore
      * Sets className for component. INTERNAL USE ONLY. */
     className?: string;
+    /** [Legacy] A message to display as a tooltip to the link.
+     * @deprecated The tooltipMessage prop in Link is deprecated and will soon be removed. */
+    tooltipMessage?: string;
+    /** [Legacy] Positions the tooltip with the link.
+     * @deprecated The tooltipPosition prop in Link is deprecated and will soon be removed. */
+    tooltipPosition?: "bottom" | "left" | "right" | "top";
 }
 export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Link;

package/esm/components/link/link.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as o,useContext as i,useMemo as a,useEffect as l}from"react";import c from"../icon/icon.component.js";import s from"../menu/__internal__/menu.context.js";import{StyledLink as u,StyledContent as p}from"./link.style.js";import b from"../../__internal__/utils/helpers/tags/tags.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(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){y(e,t,n[t])}))}return e}function O(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const k=r.forwardRef(((y,k)=>{var{children:g,onKeyDown:j,href:h,onClick:w,onMouseDown:P,icon:_,iconAlign:v="left",isSkipLink:D,disabled:L=!1,underline:S="always",ariaLabel:M,rel:x,tooltipMessage:A,tooltipPosition:B,target:C,variant:E="default",isDarkBackground:I,removeAriaLabelOnIcon:N,className:K}=y,F=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(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)&&(o[n]=e[n])}return o}(y,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[R,W]=o(!1),q=f(),{inMenu:z}=i(s),{batchSelectionDisabled:G}=i(m),H=L||G,J=r.useCallback((e=>{k&&("object"==typeof k&&(k.current=e),"function"==typeof k&&k(e))}),[k]),Q=(t="left")=>_&&v===t?e(c,{type:_,disabled:H,ariaLabel:N?void 0:M,tooltipMessage:A,tooltipPosition:B}):null,T=a((()=>{const e=F;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[F]),U=O(d({onKeyDown:j,onMouseDown:P,onClick:w,disabled:H,target:C,ref:J,href:h,rel:x,"aria-label":M},T),{onFocus:()=>W(!0),onBlur:()=>W(!1)}),V={type:"button"};return l((()=>{(L||!h&&!w)&&W(!1)}),[L,h,w]),e(u,O(d({isSkipLink:D,disabled:H,underline:S,iconAlign:v,className:K,hasContent:Boolean(g),variant:E,isDarkBackground:I,isMenuItem:z},b("link",F),D&&{"data-element":"skip-link"}),{hasFocus:R,children:(()=>{let o="a";return w&&!h&&(o="button"),r.createElement(o,"button"===o?d({},U,V):O(d({},U),{"data-role":"link-anchor"}),t(n,{children:[Q(),e(p,{children:D?q.link.skipLinkLabel():g}),Q("right")]}))})()}))}));k.displayName="Link";export{k as Link,k as default};
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as o,useContext as i,useMemo as l,useEffect as a}from"react";import s from"../icon/icon.component.js";import c from"../menu/__internal__/menu.context.js";import{StyledLink as p,StyledContent as u}from"./link.style.js";import d from"../../__internal__/utils/helpers/tags/tags.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import f from"../batch-selection/__internal__/batch-selection.context.js";import m from"../../__internal__/utils/logger/index.js";function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(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){y(e,t,n[t])}))}return e}function O(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}let g=!1,h=!1,v=!1,j=!1;const w={default:!1,neutral:!1},_={default:"typical",neutral:"subtle"},P=r.forwardRef(((y,P)=>{var{children:L,onKeyDown:D,href:S,onClick:M,onMouseDown:x,icon:A,iconAlign:B="left",isSkipLink:C,disabled:T=!1,underline:E="always",ariaLabel:I,rel:N,tooltipMessage:z,tooltipPosition:K,target:F,variant:$="typical",isDarkBackground:R,inverse:W,removeAriaLabelOnIcon:q,className:G,linkSize:H="medium"}=y,J=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(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)&&(o[n]=e[n])}return o}(y,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","removeAriaLabelOnIcon","className","linkSize"]);const[Q,U]=o(!1),V=b(),{inMenu:X}=i(c),{batchSelectionDisabled:Y}=i(f),Z=T||Y;!g&&T&&(g=!0,m.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!v&&z&&(v=!0,m.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!h&&K&&(h=!0,m.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!j&&R&&(j=!0,m.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!w[$]&&_[$]&&(w[$]=!0,m.deprecate(`The value '${$}' for the variant prop is deprecated and will soon be removed. Please use value '${_[$]}' instead.`));const ee=null!=W?W:R;var te;const ne=null!==(te=_[$])&&void 0!==te?te:$,re=r.useCallback((e=>{P&&("object"==typeof P&&(P.current=e),"function"==typeof P&&P(e))}),[P]),oe=(t="left")=>A&&B===t?e(s,{type:A,disabled:Z,ariaLabel:q?void 0:I,tooltipMessage:z,tooltipPosition:K}):null,ie=l((()=>{const e=J;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[J]),le=O(k({onKeyDown:D,onMouseDown:x,onClick:M,disabled:Z,target:F,ref:re,href:S,rel:N,"aria-label":I},ie),{onFocus:()=>U(!0),onBlur:()=>U(!1)}),ae={type:"button"};return a((()=>{(T||!S&&!M)&&U(!1)}),[T,S,M]),e(p,O(k({isSkipLink:C,disabled:Z,underline:E,iconAlign:B,className:G,hasContent:Boolean(L),variant:ne,inverse:ee,isMenuItem:X},d("link",J),C&&{"data-element":"skip-link"}),{hasFocus:Q,linkSize:H,children:(()=>{let o="a";return M&&!S&&(o="button"),r.createElement(o,"button"===o?k({},le,ae):O(k({},le),{"data-role":"link-anchor"}),t(n,{children:[oe(),e(u,{children:C?V.link.skipLinkLabel():L}),oe("right")]}))})()}))}));P.displayName="Link";export{P as Link,P as default};

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

@@ -1,6 +1,10 @@
-type Variants = "default" | "negative" | "neutral" | "subtle";
+/** @deprecated The value 'default' for the variant prop is deprecated and will soon be removed. Please use value 'typical' instead. */
+type DeprecatedDefaultVariant = "default";
+/** @deprecated The value 'netural' for the variant prop is deprecated and will soon be removed. Please use value 'subtle' instead. */
+type DeprecatedNeutralVariant = "neutral";
+type Variants = "typical" | "negative" | "subtle" | DeprecatedDefaultVariant | DeprecatedNeutralVariant;
 export interface StyledLinkProps {
-    /** The disabled state of the link. */
+    /** @deprecated The disabled state of the link. This prop is deprecated and will soon be removed. */
     disabled?: boolean;
     /** Specifies when the link underline should be displayed. */
     underline?: "always" | "hover" | "never";
@@ -8,11 +12,15 @@ export interface StyledLinkProps {
     iconAlign?: "left" | "right";
     /** Allows to create skip link */
     isSkipLink?: boolean;
-    /** Sets the colour styling when component is rendered on a dark background */
-    isDarkBackground?: boolean;
     /** Allows link styling to be updated for light or dark backgrounds */
     variant?: Variants;
     hasFocus?: boolean;
+    /** Sets the correct link size */
+    linkSize?: "medium" | "large";
+    /** Sets the colour styling when component is rendered on a dark background */
+    inverse?: boolean;
+    /** @deprecated The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead. */
+    isDarkBackground?: boolean;
 }
 interface PrivateStyledLinkProps {
     hasContent: boolean;

package/esm/components/link/link.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import i from"../icon/icon.style.js";import a from"../button/button.style.js";const e={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o?r="var(--colorsActionMinor100)":"subtle"===o&&(r="var(--colorsUtilityYang100)",t="var(--colorsUtilityYang100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},n=o.span.attrs(t).withConfig({displayName:"link.style__StyledLink",componentId:"sc-389670f2-0"})(["",""],(({isSkipLink:o,theme:t,iconAlign:n,hasContent:l,disabled:s,underline:c,variant:d,isDarkBackground:v,isMenuItem:u,hasFocus:b})=>{const g=v?"dark":"light",{color:p,hoverColor:h,disabledColor:m}=e[g](d);return r([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&r(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],t.zIndex.aboveAll,i),!o&&r(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!s&&r(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],p,i,p,h,i,h),s&&r(["color:",";&:hover,&:focus{color:",";}"],m,m)),!s&&r(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l&&"always"===c?"underline":"none",!l||"hover"!==c&&"always"!==c?"none":"underline",u&&"display: inline-block;",i,l?"inline-block":"inline","left"===n&&r(["margin-right:",";"],l?"var(--spacing050)":0),"right"===n&&r(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),i,s&&r(["cursor:not-allowed;"]),!o&&!s&&b&&r(['> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);&:has([data-popover-container-button="true"]){border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}']),a)})),l=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-389670f2-1"})([""]);export{l as StyledContent,n as StyledLink};
+import o,{css as r}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import e from"../icon/icon.style.js";import i from"../button/button.style.js";const n={light:o=>{let r="#08711E",t="#10601C";return"negative"===o?(r="#B23342",t="#9F303C"):"subtle"===o&&(r="#000000E5",t="#000000"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)",focusColor:"#000000",focusBgColor:"#FFD27E",focusBoxShadowColor:"#000000"}},dark:o=>{let r="#4EDC54",t="#72E26F";return"negative"===o?(r="#E85B66",t="#ED6E74"):"subtle"===o&&(r="var(--colorsUtilityYang100)",t="var(--colorsUtilityYang100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)",focusColor:"#FFFFFF",focusBgColor:"#926916",focusBoxShadowColor:"#FFB500"}}},a=o.span.attrs(t).withConfig({displayName:"link.style__StyledLink",componentId:"sc-691e2a0d-0"})(["",""],(({isSkipLink:o,theme:t,iconAlign:a,hasContent:l,disabled:s,underline:d,variant:c,inverse:u,isMenuItem:b,hasFocus:v,linkSize:p})=>{const g=u?"dark":"light",{color:h,hoverColor:f,disabledColor:m,focusColor:x,focusBgColor:y,focusBoxShadowColor:C}=n[g](c),k="medium"===p?"var(---fontSizes100)":"var(--fontSizes200)";return r([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:",";outline:none;","{color:",";}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&r(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:",";color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],t.zIndex.aboveAll,k,e),!o&&r(["> a,> button{font-size:",";"," ","}"],k,!s&&r(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:",";border-radius:var(--borderRadius025);}"],h,e,h,f,e,f,y),s&&r(["color:",";&:hover,&:focus{color:",";}"],m,m)),!s&&r(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l&&"always"===d?"underline":"none",!l||"hover"!==d&&"always"!==d?"none":"underline",b&&"display: inline-block;",e,l?"inline-block":"inline","left"===a&&r(["margin-right:",";"],l?"var(--spacing050)":0),"right"===a&&r(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),x,e,x,s&&r(["cursor:not-allowed;"]),!o&&!s&&v&&r(["> a,> button{outline:none;text-decoration:underline;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 ",';border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);&:has([data-popover-container-button="true"]){border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}'],C),i)})),l=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-691e2a0d-1"})([""]);export{l as StyledContent,a as StyledLink};

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

@@ -15,6 +15,11 @@ export interface NumeralDateEvent {
         value: NumeralDateValue;
     };
 }
+export interface DateInputIds {
+    day?: string;
+    month?: string;
+    year?: string;
+}
 export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps {
     /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
     adaptiveLabelBreakpoint?: number;
@@ -80,6 +85,8 @@ export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps
     yearRef?: React.ForwardedRef<HTMLInputElement>;
     /** Render the ValidationMessage above the NumeralDate inputs when validationRedesignOptIn flag is set */
     validationMessagePositionTop?: boolean;
+    /** Allow consumers to set IDs for each of the field inputs */
+    inputIds?: DateInputIds;
 }
 export type ValidDateFormat = (typeof ALLOWED_DATE_FORMATS)[number];
 export type NumeralDateHandle = {

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

@@ -1 +1 @@
-import{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import{forwardRef as t,useContext as i,useRef as a,useImperativeHandle as l,useState as o,useMemo as d}from"react";import s from"invariant";import m from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import y from"../../style/utils/filter-styled-system-margin-props.js";import c from"../../__internal__/utils/helpers/events/events.js";import{StyledFieldset as p,StyledNumeralDate as u,StyledDateField as b}from"./numeral-date.style.js";import{Textbox as f}from"../textbox/textbox.component.js";import{Box as g}from"../box/box.component.js";import h from"../textbox/textbox.style.js";import v from"../../__internal__/validation-message/validation-message.component.js";import _ from"../../__internal__/utils/helpers/guid/index.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import{TooltipProvider as j}from"../../__internal__/tooltip-provider/index.js";import w from"../carbon-provider/__internal__/new-validation.context.js";import D from"./__internal__/numeral-date.context.js";import{FieldHelp as I}from"../../__internal__/field-help/field-help.component.js";import x from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import P from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import{HintText as k}from"../../__internal__/hint-text/hint-text.component.js";function A(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function S(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){A(e,n,r[n])}))}return e}function B(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}const L=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],R=e=>{const n=(new Date).getFullYear(),{format:r}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>r(new Date(Date.UTC(n,e)))))},E=(e,n,r)=>({dd:e.numeralDate.validation.day(n?R(e.locale())[+n-1]:void 0,r),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),F=(e,n)=>{switch(e){case"mm":return n.numeralDate.labels.month();case"yyyy":return n.numeralDate.labels.year();default:return n.numeralDate.labels.day()}},T=t(((t,A)=>{var{dateFormat:R=["dd","mm","yyyy"],disabled:T,error:H="",warning:M="",info:z,id:W,name:q,onBlur:C,onChange:K,value:N,validationOnLabel:Y=!1,label:J,labelInline:U,labelWidth:V,labelAlign:$,fieldLabelsAlign:G,labelHelp:Q,labelSpacing:X,fieldHelp:Z,adaptiveLabelBreakpoint:ee,required:ne,readOnly:re,size:te="medium",enableInternalError:ie,enableInternalWarning:ae,tooltipPosition:le,helpAriaLabel:oe,dayRef:de,monthRef:se,yearRef:me,validationMessagePositionTop:ye=!0}=t,ce=function(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(t,["dateFormat","disabled","error","warning","info","id","name","onBlur","onChange","value","validationOnLabel","label","labelInline","labelWidth","labelAlign","fieldLabelsAlign","labelHelp","labelSpacing","fieldHelp","adaptiveLabelBreakpoint","required","readOnly","size","enableInternalError","enableInternalWarning","tooltipPosition","helpAriaLabel","dayRef","monthRef","yearRef","validationMessagePositionTop"]);const pe=O(),{validationRedesignOptIn:ue}=i(w),{current:be}=a(W||_()),fe=a({dd:_(),mm:_(),yyyy:_()}),ge=a(_()),he=a(R.map((()=>null)));l(A,(()=>({focus:()=>{var e;null===(e=he.current[0])||void 0===e||e.focus()}})));const[ve,_e]=o(S({},Object.fromEntries(R.map((e=>[e,""]))))),Oe=d((()=>!R||L.find((e=>JSON.stringify(e)===JSON.stringify(R)))),[R]);s(Oe,"Forbidden prop dateFormat supplied to NumeralDate. Only one of these date formats is allowed: ['dd', 'mm', 'yyyy'], ['mm', 'dd', 'yyyy'], ['yyyy', 'mm', 'dd'], ['dd', 'mm'], ['mm', 'dd'], ['mm', 'yyyy']");const je=e=>({target:{name:q,id:be,value:e}}),we=e=>{c.isNumberKey(e)||c.isTabKey(e)||c.isEnterKey(e)||"Delete"===e.key||"Backspace"===e.key||e.preventDefault()},De=()=>{(ie||ae)&&_e((e=>S({},e,((e,{dd:n,mm:r,yyyy:t})=>{const i={dd:"",mm:"",yyyy:""},a=((e,n)=>{if(!e||+e>12||+e<1)return 31;const r=new Date,t=+(n||r.getFullYear());return new Date(t,+e,0).getDate()})(r,t);return n&&(+n>a||+n<1)&&(i.dd=E(e,r,String(a)).dd),r&&(+r>12||+r<1)&&(i.mm=E(e).mm),t&&(+t<1800||+t>2200)&&(i.yyyy=E(e).yyyy),i})(pe,N)))),setTimeout((()=>{const e=!he.current.find((e=>e===document.activeElement));C&&e&&C(je(N))}),5)},Ie=Object.keys(ve).reduce(((e,n)=>ve[n]?`${e+ve[n]}\n`:e),""),xe=ie?Ie+H:H,Pe=ae?Ie+M:M,ke=x(ee);let Ae=U;ee&&(Ae=ke);const{validationId:Se,fieldHelpId:Be,ariaDescribedBy:Le}=P({id:be,validationRedesignOptIn:!0,error:xe,warning:Pe,info:z,fieldHelp:Z}),Re=(ue&&ye?[Le,ge.current]:[ge.current,Le]).filter(Boolean).join(" "),Ee=()=>e(u,{onKeyDown:we,children:R.map(((n,r)=>{const t=r===R.length-1;let i;const a=xe||Pe||z,l=!ue&&"string"==typeof a&&""!==a;switch(n.slice(0,2)){case"dd":i=de;break;case"mm":i=se;break;case"yy":i=me}return e(D.Provider,{value:{disableErrorBorder:!0},children:e(b,{size:te,isYearInput:4===n.length,hasValidationIconInField:!Y&&t&&l,children:e(f,B(S({id:fe.current[n],label:F(n,pe),labelAlign:G,disabled:T,readOnly:re,error:!!xe,warning:!!Pe,info:!!z,size:te,value:N[n],onChange:e=>((e,n)=>{const{value:r}=e.target;if(r.length<=n.length){const e=B(S({},N),{[n]:r});K(je(e))}})(e,n),onBlur:De,ref:e=>((e,n,r)=>{he.current[n]=e,r&&("function"==typeof r?r(e):r.current=e)})(e,r,i)},t&&!Y&&!ue&&{error:xe,warning:Pe,info:z}),{tooltipPosition:le,tooltipId:Se,my:0}))},n)},n)}))});return ue?n(p,B(S({id:be,legend:J,legendMargin:{mb:0},legendAlign:$,isRequired:ne,isDisabled:T,name:q,"aria-describedby":Re},y(ce),m("numeral-date",ce)),{children:[Q&&e(k,{align:$,id:ge.current,children:Q}),n(g,{position:"relative",mt:Q?0:1,children:[ye&&(xe||Pe)&&n(r,{children:[e(v,{error:xe,warning:Pe,validationId:Se,validationMessagePositionTop:ye}),e(h,{warning:!(xe||!Pe)})]}),Ee(),!ye&&(xe||Pe)&&n(r,{children:[e(v,{error:xe,warning:Pe,validationId:Se,validationMessagePositionTop:ye}),e(h,{warning:!(xe||!Pe)})]})]})]})):e(j,{helpAriaLabel:oe,children:e(p,B(S({id:be,legend:J,legendMargin:{mb:0},isRequired:ne,isDisabled:T,name:q,error:Y&&xe,warning:Y&&Pe,info:Y&&z,inline:Ae,size:te,labelHelp:Q,legendAlign:$,legendWidth:V,legendSpacing:X,validationId:Se,"aria-describedby":Y?Le:Be},y(ce),m("numeral-date",ce)),{children:n(g,{display:"flex",flexDirection:"column",mt:Ae?0:1,children:[Ee(),Z&&e(I,{id:Be,children:Z})]})}))})}));export{L as ALLOWED_DATE_FORMATS,T as NumeralDate,T as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as n,useContext as t,useRef as r,useImperativeHandle as l,useState as a,useMemo as i}from"react";import o from"invariant";import d from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import y from"../../__internal__/utils/helpers/events/events.js";import{StyledFieldset as m,StyledNumeralDate as u,StyledDateField as c}from"./numeral-date.style.js";import{Textbox as p}from"../textbox/textbox.component.js";import b from"../../__internal__/utils/helpers/guid/index.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";import{TooltipProvider as g}from"../../__internal__/tooltip-provider/index.js";import v from"../carbon-provider/__internal__/new-validation.context.js";import O from"./__internal__/numeral-date.context.js";import h from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";function j(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _(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){j(e,n,t[n])}))}return e}function w(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const D=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],P=e=>{const n=(new Date).getFullYear(),{format:t}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>t(new Date(Date.UTC(n,e)))))},I=(e,n,t)=>({dd:e.numeralDate.validation.day(n?P(e.locale())[+n-1]:void 0,t),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),k=(e,n)=>{switch(e){case"mm":return n.numeralDate.labels.month();case"yyyy":return n.numeralDate.labels.year();default:return n.numeralDate.labels.day()}},A=n(((n,j)=>{var{dateFormat:P=["dd","mm","yyyy"],disabled:A,error:x="",warning:S="",info:L,id:B,name:E,onBlur:R,onChange:F,value:H,validationOnLabel:T=!1,label:z,labelInline:N,labelWidth:W,labelAlign:q,fieldLabelsAlign:C,labelHelp:K,labelSpacing:M,fieldHelp:Y,adaptiveLabelBreakpoint:J,required:V,readOnly:$,size:U="medium",enableInternalError:G,enableInternalWarning:Q,tooltipPosition:X,helpAriaLabel:Z,dayRef:ee,monthRef:ne,yearRef:te,validationMessagePositionTop:re=!0,inputIds:le}=n,ae=function(e,n){if(null==e)return{};var t,r,l=function(e,n){if(null==e)return{};var t,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(n,["dateFormat","disabled","error","warning","info","id","name","onBlur","onChange","value","validationOnLabel","label","labelInline","labelWidth","labelAlign","fieldLabelsAlign","labelHelp","labelSpacing","fieldHelp","adaptiveLabelBreakpoint","required","readOnly","size","enableInternalError","enableInternalWarning","tooltipPosition","helpAriaLabel","dayRef","monthRef","yearRef","validationMessagePositionTop","inputIds"]);const ie=f(),{validationRedesignOptIn:oe}=t(v),{current:de}=r(B||b()),se=r({dd:b(),mm:b(),yyyy:b()});var ye,me,ue;const ce={dd:null!==(ye=null==le?void 0:le.day)&&void 0!==ye?ye:se.current.dd,mm:null!==(me=null==le?void 0:le.month)&&void 0!==me?me:se.current.mm,yyyy:null!==(ue=null==le?void 0:le.year)&&void 0!==ue?ue:se.current.yyyy},pe=r(P.map((()=>null)));l(j,(()=>({focus:()=>{var e;null===(e=pe.current[0])||void 0===e||e.focus()}})));const[be,fe]=a(_({},Object.fromEntries(P.map((e=>[e,""]))))),ge=i((()=>!P||D.find((e=>JSON.stringify(e)===JSON.stringify(P)))),[P]);o(ge,"Forbidden prop dateFormat supplied to NumeralDate. Only one of these date formats is allowed: ['dd', 'mm', 'yyyy'], ['mm', 'dd', 'yyyy'], ['yyyy', 'mm', 'dd'], ['dd', 'mm'], ['mm', 'dd'], ['mm', 'yyyy']");const ve=e=>({target:{name:E,id:de,value:e}}),Oe=e=>{y.isNumberKey(e)||y.isTabKey(e)||y.isEnterKey(e)||"Delete"===e.key||"Backspace"===e.key||e.preventDefault()},he=()=>{(G||Q)&&fe((e=>_({},e,((e,{dd:n,mm:t,yyyy:r})=>{const l={dd:"",mm:"",yyyy:""},a=((e,n)=>{if(!e||+e>12||+e<1)return 31;const t=new Date,r=+(n||t.getFullYear());return new Date(r,+e,0).getDate()})(t,r);return n&&(+n>a||+n<1)&&(l.dd=I(e,t,String(a)).dd),t&&(+t>12||+t<1)&&(l.mm=I(e).mm),r&&(+r<1800||+r>2200)&&(l.yyyy=I(e).yyyy),l})(ie,H)))),setTimeout((()=>{const e=!pe.current.find((e=>e===document.activeElement));R&&e&&R(ve(H))}),5)},je=Object.keys(be).reduce(((e,n)=>be[n]?`${e+be[n]}\n`:e),""),_e=G?je+x:x,we=Q?je+S:S,De=h(J);let Pe=N;J&&(Pe=De);const Ie=()=>e(u,{onKeyDown:Oe,children:P.map(((n,t)=>{const r=t===P.length-1;let l;const a=_e||we||L,i=!oe&&"string"==typeof a&&""!==a;switch(n.slice(0,2)){case"dd":l=ee;break;case"mm":l=ne;break;case"yy":l=te}return e(O.Provider,{value:{disableErrorBorder:!0},children:e(c,{size:U,isYearInput:4===n.length,hasValidationIconInField:!T&&r&&i,children:e(p,w(_({id:ce[n],label:k(n,ie),labelAlign:C,disabled:A,readOnly:$,error:!!_e,warning:!!we,info:!!L,size:U,value:H[n],onChange:e=>((e,n)=>{const{value:t}=e.target;if(t.length<=n.length){const e=w(_({},H),{[n]:t});F(ve(e))}})(e,n),onBlur:he,ref:e=>((e,n,t)=>{pe.current[n]=e,t&&("function"==typeof t?t(e):t.current=e)})(e,t,l)},r&&!T&&!oe&&{error:_e,warning:we,info:L}),{tooltipPosition:X,tooltipId:`${de}-validation`,my:0}))},n)},n)}))});return oe?e(m,w(_({applyNewValidation:!0,id:de,legend:z,inputHint:K,legendAlign:q,error:_e,warning:we,isRequired:V,isDisabled:A,validationMessagePositionTop:re,name:E},s(ae),d("numeral-date",ae)),{children:Ie()})):e(g,{helpAriaLabel:Z,children:e(m,w(_({id:de,legend:z,isRequired:V,isDisabled:A,name:E,error:T&&_e,warning:T&&we,info:T&&L,inline:Pe,size:U,labelHelp:K,legendAlign:q,legendWidth:W,legendSpacing:M,fieldHelp:Y},s(ae),d("numeral-date",ae)),{children:Ie()}))})}));export{D as ALLOWED_DATE_FORMATS,A as NumeralDate,A as default};

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

@@ -12,5 +12,5 @@ interface StyledFieldsetProps extends FieldsetProps {
     inline?: boolean;
     size?: "small" | "medium" | "large";
 }
-export declare const StyledFieldset: import("styled-components").StyledComponent<({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, validationId, ...rest }: FieldsetProps) => import("react").JSX.Element, any, StyledFieldsetProps, never>;
+export declare const StyledFieldset: import("styled-components").StyledComponent<({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, fieldHelp, inputHint, validationMessagePositionTop, applyNewValidation, id, ...rest }: FieldsetProps) => import("react").JSX.Element, any, StyledFieldsetProps, never>;
 export {};

package/esm/components/radio-button/radio-button-group/radio-button-group.component.js

@@ -1 +1 @@
-import{jsx as e,Fragment as n,jsxs as r}from"react/jsx-runtime";import i,{useContext as o,useRef as t}from"react";import l from"../../../__internal__/utils/helpers/tags/tags.js";import a from"../../../__internal__/fieldset/fieldset.component.js";import d from"./radio-button-group.style.js";import p from"../../../__internal__/radio-button-mapper/radio-button-mapper.component.js";import s from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as g}from"../../../__internal__/tooltip-provider/index.js";import u from"../../carbon-provider/__internal__/new-validation.context.js";import m from"../../../__internal__/validation-message/validation-message.component.js";import{Box as b}from"../../box/box.component.js";import f from"../../../__internal__/utils/helpers/guid/index.js";import _ from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import h from"../../textbox/textbox.style.js";import{HintText as v}from"../../../__internal__/hint-text/hint-text.component.js";function y(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(n){y(e,n,r[n])}))}return e}function O(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}const w=y=>{var{children:w,id:P,name:x,legend:B,legendHelp:I,error:S,warning:k,info:A,onBlur:E,onChange:C,value:D,inline:R=!1,legendInline:T=!1,legendWidth:q,legendAlign:M="left",legendSpacing:G,labelSpacing:W=1,adaptiveLegendBreakpoint:H,adaptiveSpacingBreakpoint:L,required:V,tooltipPosition:N,validationMessagePositionTop:$=!0}=y,z=function(e,n){if(null==e)return{};var r,i,o=function(e,n){if(null==e)return{};var r,i,o={},t=Object.keys(e);for(i=0;i<t.length;i++)r=t[i],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(i=0;i<t.length;i++)r=t[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(y,["children","id","name","legend","legendHelp","error","warning","info","onBlur","onChange","value","inline","legendInline","legendWidth","legendAlign","legendSpacing","labelSpacing","adaptiveLegendBreakpoint","adaptiveSpacingBreakpoint","required","tooltipPosition","validationMessagePositionTop"]);const{validationRedesignOptIn:F}=o(u),J=t(f()),K=P||J.current,Q=I?`${K}-hint`:void 0,U=c(z),X=s(H),Y=s(L);let Z=T;H&&(Z=!!X);let ee=U.ml;L&&!Y&&(ee=void 0);const{validationId:ne,ariaDescribedBy:re}=_({id:K,validationRedesignOptIn:!0,error:S,warning:k,info:A}),ie=(F&&$?[re,Q]:[Q,re]).filter(Boolean).join(" ");return e(n,{children:F?r(a,O(j(O(j({legend:B,error:S,warning:k,legendAlign:M,isRequired:V,width:"fit-content"},l("radiogroup",z),U),{ml:ee,blockGroupBehaviour:!(S||k)}),ie&&{"aria-describedby":ie}),{children:[I&&e(v,{align:M,id:Q,marginTop:"-4px",children:I}),r(b,{position:"relative",children:[$&&r(n,{children:[e(m,{error:S,warning:k,validationId:ne,validationMessagePositionTop:$}),(S||k)&&e(h,{"data-role":"radio-error-border",warning:!(S||!k)})]}),e(d,{"data-component":"radio-button-group",role:"radiogroup",inline:R,legendInline:Z,children:e(p,{name:x,onBlur:E,onChange:C,value:D,children:i.Children.map(w,(e=>i.isValidElement(e)?i.cloneElement(e,j({inline:R,labelSpacing:W,error:!!S,warning:!!k},e.props)):e))})}),!$&&r(n,{children:[e(m,{error:S,warning:k,validationId:ne,validationMessagePositionTop:$}),(S||k)&&e(h,{"data-role":"radio-error-border",warning:!(S||!k)})]})]})]})):e(g,{tooltipPosition:N,children:e(a,O(j({legend:B,error:S,warning:k,info:A,inline:Z,legendWidth:q,legendAlign:M,legendSpacing:G,isRequired:V},l("radiogroup",z),U),{ml:ee,blockGroupBehaviour:!(S||k||A),"aria-describedby":re,validationId:ne,children:e(d,{"data-component":"radio-button-group",role:"radiogroup",inline:R,legendInline:Z,children:e(p,{name:x,onBlur:E,onChange:C,value:D,children:i.Children.map(w,(e=>i.isValidElement(e)?i.cloneElement(e,j({inline:R,labelSpacing:W,error:!!S,warning:!!k,info:!!A},e.props)):e))})})}))})})};w.displayName="RadioButtonGroup";export{w as RadioButtonGroup,w as default};
+import{jsx as e,Fragment as n}from"react/jsx-runtime";import r,{useContext as i,useRef as t}from"react";import o from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../__internal__/fieldset/fieldset.component.js";import a from"./radio-button-group.style.js";import p from"../../../__internal__/radio-button-mapper/radio-button-mapper.component.js";import d from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import"../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as g}from"../../../__internal__/tooltip-provider/index.js";import c from"../../carbon-provider/__internal__/new-validation.context.js";import u from"../../../__internal__/utils/helpers/guid/index.js";function m(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function f(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(n){m(e,n,r[n])}))}return e}function b(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}const y=m=>{var{children:y,id:O,name:h,legend:j,legendHelp:v,error:_,warning:w,info:P,onBlur:S,onChange:B,value:k,inline:I=!1,legendInline:x=!1,legendWidth:E,legendAlign:A="left",legendSpacing:C,labelSpacing:q=1,adaptiveLegendBreakpoint:D,adaptiveSpacingBreakpoint:R,required:H,tooltipPosition:M,validationMessagePositionTop:T=!0}=m,V=function(e,n){if(null==e)return{};var r,i,t=function(e,n){if(null==e)return{};var r,i,t={},o=Object.keys(e);for(i=0;i<o.length;i++)r=o[i],n.indexOf(r)>=0||(t[r]=e[r]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)r=o[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(m,["children","id","name","legend","legendHelp","error","warning","info","onBlur","onChange","value","inline","legendInline","legendWidth","legendAlign","legendSpacing","labelSpacing","adaptiveLegendBreakpoint","adaptiveSpacingBreakpoint","required","tooltipPosition","validationMessagePositionTop"]);const{validationRedesignOptIn:W}=i(c),G=t(u()),L=O||G.current,N=s(V),z=d(D),F=d(R);let J=x;D&&(J=!!z);let K=N.ml;return R&&!F&&(K=void 0),e(n,{children:W?e(l,b(f({applyNewValidation:!0,id:L,legend:j,inputHint:v,legendAlign:A,isRequired:H,error:_,warning:w,validationMessagePositionTop:T,width:"fit-content"},o("radiogroup",V),N),{children:e(a,{"data-component":"radio-button-group",role:"radiogroup",inline:I,legendInline:J,children:e(p,{name:h,onBlur:S,onChange:B,value:k,children:r.Children.map(y,(e=>r.isValidElement(e)?r.cloneElement(e,f({inline:I,labelSpacing:q,error:!!_,warning:!!w},e.props)):e))})})})):e(g,{tooltipPosition:M,children:e(l,b(f({id:L,legend:j,error:_,warning:w,info:P,inline:J,legendWidth:E,legendAlign:A,legendSpacing:C,isRequired:H},o("radiogroup",V),N),{ml:K,blockGroupBehaviour:!(_||w||P),children:e(a,{"data-component":"radio-button-group",role:"radiogroup",inline:I,legendInline:J,children:e(p,{name:h,onBlur:S,onChange:B,value:k,children:r.Children.map(y,(e=>r.isValidElement(e)?r.cloneElement(e,f({inline:I,labelSpacing:q,error:!!_,warning:!!w,info:!!P},e.props)):e))})})}))})})};y.displayName="RadioButtonGroup";export{y as RadioButtonGroup,y as default};

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

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

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

@@ -34,8 +34,14 @@ export interface FieldsetProps extends MarginProps {
     id?: string;
     /** Content for the Help tooltip */
     labelHelp?: React.ReactNode;
-    /** Id for the validation icon tooltip */
-    validationId?: string;
+    /** Content for the fieldHelp */
+    fieldHelp?: React.ReactNode;
+    /** Content for an additional hint text below the legend */
+    inputHint?: React.ReactNode;
+    /** Specifies whether the validation message should be displayed above the input */
+    validationMessagePositionTop?: boolean;
+    /** Apply new validation styles */
+    applyNewValidation?: boolean;
 }
-declare const Fieldset: ({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, validationId, ...rest }: FieldsetProps) => React.JSX.Element;
+declare const Fieldset: ({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, fieldHelp, inputHint, validationMessagePositionTop, applyNewValidation, id, ...rest }: FieldsetProps) => React.JSX.Element;
 export default Fieldset;

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

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

@@ -1,20 +1,17 @@
 type StyledFieldsetProps = {
     width?: string;
 };
-declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
+export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
     theme: object;
 } & StyledFieldsetProps, "theme">;
-type StyledLegendContentProps = {
-    isRequired?: boolean;
-    isDisabled?: boolean;
-};
-declare const StyledLegendContent: import("styled-components").StyledComponent<"span", any, StyledLegendContentProps, never>;
 export type StyledLegendProps = {
     inline?: boolean;
     width?: number;
     align?: "left" | "right";
     rightPadding?: 1 | 2;
+    isRequired?: boolean;
+    isDisabled?: boolean;
 };
-declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
-declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { StyledFieldset, StyledLegend, StyledLegendContent, StyledIconWrapper };
+export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
+export declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/lib/__internal__/fieldset/fieldset.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const l=s.default.fieldset.attrs(i.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-1361c9e5-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t.margin,(({width:e})=>e&&`width: ${e};`)),a=s.default.span.withConfig({displayName:"fieldset.style__StyledLegendContent",componentId:"sc-1361c9e5-1"})(["display:flex;align-items:center;line-height:24px;"," ",""],(({isRequired:t})=>t&&e.css(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:t})=>t&&e.css(["color:var(--colorsUtilityYin030);::after{color:var(--colorsUtilityYin030);}"]))),r=s.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-1361c9e5-2"})(["display:flex;align-items:center;margin-bottom:var(--spacing100);padding:0;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);",";"," ",""],(({align:t,inline:i})=>t&&e.css(["text-align:",";justify-content:",";",""],t,"right"===t?"flex-end":"flex-start",!i&&e.css(["width:-moz-available;"]))),(({inline:t,width:i,rightPadding:n})=>t&&e.css(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],i&&`width: ${i}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t.margin),o=s.default.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"sc-1361c9e5-3"})(["margin-left:var(--spacing050);"]);exports.StyledFieldset=l,exports.StyledIconWrapper=o,exports.StyledLegend=r,exports.StyledLegendContent=a;
+"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const l=s.default.fieldset.attrs(i.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-79c4941c-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t.margin,(({width:e})=>e&&`width: ${e};`)),a=s.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-79c4941c-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," ",";"," ",""],(({isRequired:t})=>t&&e.css(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:t})=>t&&e.css(["color:var(--colorsUtilityYin030);::after{color:var(--colorsUtilityYin030);}"])),(({align:t,inline:i})=>t&&e.css(["text-align:",";justify-content:",";",""],t,"right"===t?"flex-end":"flex-start",!i&&e.css(["width:-moz-available;"]))),(({inline:t,width:i,rightPadding:n})=>t&&e.css(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],i&&`width: ${i}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t.margin),r=s.default.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"sc-79c4941c-2"})(["margin-left:var(--spacing050);"]);exports.StyledFieldset=l,exports.StyledIconWrapper=r,exports.StyledLegend=a;

package/lib/components/breadcrumbs/crumb/crumb.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { LinkProps } from "../../link";
 import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export interface CrumbProps extends Omit<LinkProps, "tooltipMessage" | "tooltipPosition" | "iconType" | "iconAlign" | "isSkipLink" | "isDarkBackground" | "ariaLabel" | "className" | "variant" | "target" | "rel" | "icon" | "disabled">, TagProps {
+export interface CrumbProps extends Omit<LinkProps, "tooltipMessage" | "tooltipPosition" | "iconType" | "iconAlign" | "isSkipLink" | "isDarkBackground" | "inverse" | "ariaLabel" | "className" | "variant" | "target" | "rel" | "icon" | "disabled">, TagProps {
     /** This sets the Crumb to current, does not render Link */
     isCurrent?: boolean;
 }

package/lib/components/breadcrumbs/crumb/crumb.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("./crumb.style.js"),i=require("../__internal__/breadcrumbs.context.js");function o(e){return e&&e.__esModule?e:{default:e}}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(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){c(e,r,t[r])}))}return e}const a=o(r).default.forwardRef(((r,o)=>{var{href:c,isCurrent:a,children:l,onClick:s}=r,b=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["href","isCurrent","children","onClick"]);const{isDarkBackground:f}=i.useBreadcrumbsContext();return e.jsxs("li",{children:[e.jsx(n.StyledCrumb,(d=u({ref:o,isCurrent:a,"aria-current":a?"page":void 0,isDarkBackground:f},b,t.default("crumb",b),!a&&{href:c,onClick:s}),p={children:l},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(d,Object.getOwnPropertyDescriptors(p)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(p)).forEach((function(e){Object.defineProperty(d,e,Object.getOwnPropertyDescriptor(p,e))})),d)),!a&&e.jsx(n.Divider,{"data-role":"crumb-divider","aria-hidden":"true",isDarkBackground:f})]});var d,p}));a.displayName="Crumb",exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("./crumb.style.js"),i=require("../__internal__/breadcrumbs.context.js");function o(e){return e&&e.__esModule?e:{default:e}}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(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){c(e,r,t[r])}))}return e}const l=o(r).default.forwardRef(((r,o)=>{var{href:c,isCurrent:l,children:s,onClick:a}=r,b=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["href","isCurrent","children","onClick"]);const{isDarkBackground:f}=i.useBreadcrumbsContext();return e.jsxs("li",{children:[e.jsx(n.StyledCrumb,(p=u({ref:o,isCurrent:l,"aria-current":l?"page":void 0,inverse:f},b,t.default("crumb",b),!l&&{href:c,onClick:a}),O={children:s},O=null!=O?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(O)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(O)).forEach((function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(O,e))})),p)),!l&&e.jsx(n.Divider,{"data-role":"crumb-divider","aria-hidden":"true",isDarkBackground:f})]});var p,O}));l.displayName="Crumb",exports.default=l;

package/lib/components/breadcrumbs/crumb/crumb.style.d.ts

@@ -1,7 +1,7 @@
 import { LinkProps } from "../../link";
 interface StyleCrumbProps extends LinkProps {
     isCurrent?: boolean;
-    isDarkBackground: boolean;
+    inverse: boolean;
 }
 export declare const StyledCrumb: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyleCrumbProps, never>;
 interface DividerProps {

package/lib/components/breadcrumbs/crumb/crumb.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../link/link.component.js");function t(r){return r&&r.__esModule?r:{default:r}}var o=t(r);const a=r=>r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",n=o.default(e.Link).withConfig({displayName:"crumb.style__StyledCrumb",componentId:"sc-d31421e1-0"})(["font:var(--typographyLinkTextM);",""],(({isCurrent:e,isDarkBackground:t})=>e&&r.css(["a{color:",";text-decoration:none;font:var(--typographyBreadcrumbCurrentPageM);:hover{color:",";text-decoration:none;cursor:text;}}"],a(t),a(t)))),i=o.default.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-d31421e1-1"})(['::after{content:"/";margin:0px var(--spacing050) 0px var(--spacing100);line-height:16px;font:var(--typographyBreadcrumbSeparatorM);',"}"],(({isDarkBackground:e})=>r.css(["color:",";"],e?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin055)")));var s={StyledCrumb:n,Divider:i};exports.Divider=i,exports.StyledCrumb=n,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../link/link.component.js");function t(e){return e&&e.__esModule?e:{default:e}}var o=t(e);const a=e=>e?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",n=o.default(r.Link).withConfig({displayName:"crumb.style__StyledCrumb",componentId:"sc-a0e64e5d-0"})(["font:var(--typographyLinkTextM);",""],(({isCurrent:r,inverse:t})=>r&&e.css(["a{color:",";text-decoration:none;font:var(--typographyBreadcrumbCurrentPageM);:hover{color:",";text-decoration:none;cursor:text;}}"],a(t),a(t)))),i=o.default.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-a0e64e5d-1"})(['::after{content:"/";margin:0px var(--spacing050) 0px var(--spacing100);line-height:16px;font:var(--typographyBreadcrumbSeparatorM);',"}"],(({isDarkBackground:r})=>e.css(["color:",";"],r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin055)")));var s={StyledCrumb:n,Divider:i};exports.Divider=i,exports.StyledCrumb=n,exports.default=s;

package/lib/components/checkbox/checkbox-group/checkbox-group.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("./checkbox-group.style.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js"),t=require("../../../__internal__/fieldset/fieldset.component.js");require("../../../style/utils/filter-styled-system-padding-props.js");var o=require("../../../style/utils/filter-styled-system-margin-props.js"),l=require("../../../__internal__/tooltip-provider/index.js"),a=require("../../carbon-provider/__internal__/new-validation.context.js"),s=require("../../../__internal__/validation-message/validation-message.component.js"),d=require("../../box/box.component.js"),u=require("../../textbox/textbox.style.js"),c=require("./__internal__/checkbox-group.context.js"),p=require("../../../__internal__/utils/helpers/guid/index.js"),g=require("../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),f=require("../../../__internal__/hint-text/hint-text.component.js");function b(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function j(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),i.forEach((function(r){b(e,r,n[r])}))}return e}function x(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}const h=b=>{var{children:h,legend:y,error:_,warning:v,info:O,required:m,legendInline:w,legendWidth:P,legendAlign:q="left",legendSpacing:k,legendHelp:I,tooltipPosition:S,inline:T,id:A,validationMessagePositionTop:B=!0}=b,D=function(e,r){if(null==e)return{};var n,i,t=function(e,r){if(null==e)return{};var n,i,t={},o=Object.keys(e);for(i=0;i<o.length;i++)n=o[i],r.indexOf(n)>=0||(t[n]=e[n]);return t}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}(b,["children","legend","error","warning","info","required","legendInline","legendWidth","legendAlign","legendSpacing","legendHelp","tooltipPosition","inline","id","validationMessagePositionTop"]);const{validationRedesignOptIn:M}=r.useContext(a.default),R=r.useRef(p.default()),G=A||R.current,C=I?`${G}-hint`:void 0,{validationId:E,ariaDescribedBy:F}=g.default({id:G,validationRedesignOptIn:!0,error:_,warning:v,info:O}),H=(M&&B?[F,C]:[C,F]).filter(Boolean).join(" ");return e.jsx(e.Fragment,{children:M?e.jsxs(t.default,x(j(x(j({id:G,legend:y,legendAlign:q,error:_,warning:v,isRequired:m,width:"fit-content"},H&&{"aria-describedby":H},i.default("checkboxgroup",D)),{blockGroupBehaviour:!(_||v)}),o.default(D)),{children:[I&&e.jsx(f.HintText,{align:q,id:C,marginTop:"-4px",children:I}),e.jsxs(d.Box,{position:"relative",children:[B&&e.jsxs(e.Fragment,{children:[e.jsx(s.default,{error:_,warning:v,validationId:E,validationMessagePositionTop:B}),(_||v)&&e.jsx(u.default,{warning:!(_||!v)})]}),e.jsx(n.default,{"data-component":"checkbox-group","data-role":"checkbox-group",inline:T,children:e.jsx(c.default.Provider,{value:{error:!!_,warning:!!v},children:h})}),!B&&e.jsxs(e.Fragment,{children:[e.jsx(s.default,{error:_,warning:v,validationId:E,validationMessagePositionTop:B}),(_||v)&&e.jsx(u.default,{warning:!(_||!v)})]})]})]})):e.jsx(l.TooltipProvider,{tooltipPosition:S,children:e.jsx(t.default,x(j(x(j({id:G,legend:y,inline:w,legendWidth:P,legendAlign:q,legendSpacing:k,error:_,warning:v,info:O,isRequired:m,"aria-describedby":F,validationId:E},i.default("checkboxgroup",D)),{blockGroupBehaviour:!(_||v||O)}),o.default(D)),{children:e.jsx(n.default,{"data-component":"checkbox-group","data-role":"checkbox-group",legendInline:w,children:e.jsx(c.default.Provider,{value:{error:!!_,warning:!!v,info:!!O},children:h})})}))})})};h.displayName="CheckboxGroup",exports.CheckboxGroup=h,exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("./checkbox-group.style.js"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),i=require("../../../__internal__/fieldset/fieldset.component.js");require("../../../style/utils/filter-styled-system-padding-props.js");var o=require("../../../style/utils/filter-styled-system-margin-props.js"),l=require("../../../__internal__/tooltip-provider/index.js"),a=require("../../carbon-provider/__internal__/new-validation.context.js"),d=require("./__internal__/checkbox-group.context.js"),u=require("../../../__internal__/utils/helpers/guid/index.js");function c(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function s(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},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(r){c(e,r,n[r])}))}return e}function p(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 n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}const g=c=>{var{children:g,legend:f,error:b,warning:j,info:y,required:h,legendInline:O,legendWidth:x,legendAlign:_="left",legendSpacing:v,legendHelp:P,tooltipPosition:w,inline:m,id:q,validationMessagePositionTop:k=!0}=c,S=function(e,r){if(null==e)return{};var n,t,i=function(e,r){if(null==e)return{};var n,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||(i[n]=e[n]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)n=o[t],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(c,["children","legend","error","warning","info","required","legendInline","legendWidth","legendAlign","legendSpacing","legendHelp","tooltipPosition","inline","id","validationMessagePositionTop"]);const{validationRedesignOptIn:I}=r.useContext(a.default),A=r.useRef(u.default()),D=q||A.current;return e.jsx(e.Fragment,{children:I?e.jsx(i.default,p(s({applyNewValidation:!0,id:D,legend:f,inputHint:P,legendAlign:_,error:b,warning:j,isRequired:h,validationMessagePositionTop:k,width:"fit-content"},t.default("checkboxgroup",S),o.default(S)),{children:e.jsx(n.default,{"data-component":"checkbox-group","data-role":"checkbox-group",inline:m,children:e.jsx(d.default.Provider,{value:{error:!!b,warning:!!j},children:g})})})):e.jsx(l.TooltipProvider,{tooltipPosition:w,children:e.jsx(i.default,p(s(p(s({id:D,legend:f,inline:O,legendWidth:x,legendAlign:_,legendSpacing:v,error:b,warning:j,info:y,isRequired:h},t.default("checkboxgroup",S)),{blockGroupBehaviour:!(b||j||y)}),o.default(S)),{children:e.jsx(n.default,{"data-component":"checkbox-group","data-role":"checkbox-group",legendInline:O,children:e.jsx(d.default.Provider,{value:{error:!!b,warning:!!j,info:!!y},children:g})})}))})})};g.displayName="CheckboxGroup",exports.CheckboxGroup=g,exports.default=g;

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

@@ -13,10 +13,6 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, TagPro
     onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** Function called when a mouse down event triggers. */
     onMouseDown?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** [Legacy] A message to display as a tooltip to the link. */
-    tooltipMessage?: string;
-    /** [Legacy] Positions the tooltip with the link. */
-    tooltipPosition?: "bottom" | "left" | "right" | "top";
     /** Child content to render in the link. */
     children?: React.ReactNode;
     /** Target property in which link should open ie: _blank, _self, _parent, _top */
@@ -33,6 +29,12 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, TagPro
      * @ignore
      * Sets className for component. INTERNAL USE ONLY. */
     className?: string;
+    /** [Legacy] A message to display as a tooltip to the link.
+     * @deprecated The tooltipMessage prop in Link is deprecated and will soon be removed. */
+    tooltipMessage?: string;
+    /** [Legacy] Positions the tooltip with the link.
+     * @deprecated The tooltipPosition prop in Link is deprecated and will soon be removed. */
+    tooltipPosition?: "bottom" | "left" | "right" | "top";
 }
 export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Link;

package/lib/components/link/link.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js"),r=require("../menu/__internal__/menu.context.js"),o=require("./link.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("../batch-selection/__internal__/batch-selection.context.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(t);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(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){u(e,t,n[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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const d=c.default.forwardRef(((s,u)=>{var{children:d,onKeyDown:p,href:y,onClick:O,onMouseDown:j,icon:k,iconAlign:g="left",isSkipLink:h,disabled:m=!1,underline:_="always",ariaLabel:w,rel:v,tooltipMessage:P,tooltipPosition:L,target:x,variant:D="default",isDarkBackground:S,removeAriaLabelOnIcon:M,className:q}=s,C=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(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)&&(o[n]=e[n])}return o}(s,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[A,B]=t.useState(!1),E=a.default(),{inMenu:I}=t.useContext(r.default),{batchSelectionDisabled:N}=t.useContext(l.default),F=m||N,K=c.default.useCallback((e=>{u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]),R=(t="left")=>k&&g===t?e.jsx(n.default,{type:k,disabled:F,ariaLabel:M?void 0:w,tooltipMessage:P,tooltipPosition:L}):null,W=t.useMemo((()=>{const e=C;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[C]),z=b(f({onKeyDown:p,onMouseDown:j,onClick:O,disabled:F,target:x,ref:K,href:y,rel:v,"aria-label":w},W),{onFocus:()=>B(!0),onBlur:()=>B(!1)}),G={type:"button"};return t.useEffect((()=>{(m||!y&&!O)&&B(!1)}),[m,y,O]),e.jsx(o.StyledLink,b(f({isSkipLink:h,disabled:F,underline:_,iconAlign:g,className:q,hasContent:Boolean(d),variant:D,isDarkBackground:S,isMenuItem:I},i.default("link",C),h&&{"data-element":"skip-link"}),{hasFocus:A,children:(()=>{let t="a";return O&&!y&&(t="button"),c.default.createElement(t,"button"===t?f({},z,G):b(f({},z),{"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[R(),e.jsx(o.StyledContent,{children:h?E.link.skipLinkLabel():d}),R("right")]}))})()}))}));d.displayName="Link",exports.Link=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js"),r=require("../menu/__internal__/menu.context.js"),i=require("./link.style.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../hooks/__internal__/useLocale/useLocale.js"),a=require("../batch-selection/__internal__/batch-selection.context.js"),s=require("../../__internal__/utils/logger/index.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(t);function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(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){d(e,t,n[t])}))}return e}function f(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}let b=!1,y=!1,k=!1,O=!1;const g={default:!1,neutral:!1},j={default:"typical",neutral:"subtle"},v=c.default.forwardRef(((u,d)=>{var{children:v,onKeyDown:m,href:h,onClick:w,onMouseDown:_,icon:P,iconAlign:L="left",isSkipLink:S,disabled:x=!1,underline:D="always",ariaLabel:M,rel:q,tooltipMessage:C,tooltipPosition:A,target:B,variant:E="typical",isDarkBackground:T,inverse:I,removeAriaLabelOnIcon:N,className:z,linkSize:F="medium"}=u,K=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(u,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","removeAriaLabelOnIcon","className","linkSize"]);const[$,R]=t.useState(!1),W=l.default(),{inMenu:G}=t.useContext(r.default),{batchSelectionDisabled:H}=t.useContext(a.default),J=x||H;!b&&x&&(b=!0,s.default.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!k&&C&&(k=!0,s.default.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!y&&A&&(y=!0,s.default.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!O&&T&&(O=!0,s.default.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!g[E]&&j[E]&&(g[E]=!0,s.default.deprecate(`The value '${E}' for the variant prop is deprecated and will soon be removed. Please use value '${j[E]}' instead.`));const Q=null!=I?I:T;var U;const V=null!==(U=j[E])&&void 0!==U?U:E,X=c.default.useCallback((e=>{d&&("object"==typeof d&&(d.current=e),"function"==typeof d&&d(e))}),[d]),Y=(t="left")=>P&&L===t?e.jsx(n.default,{type:P,disabled:J,ariaLabel:N?void 0:M,tooltipMessage:C,tooltipPosition:A}):null,Z=t.useMemo((()=>{const e=K;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[K]),ee=f(p({onKeyDown:m,onMouseDown:_,onClick:w,disabled:J,target:B,ref:X,href:h,rel:q,"aria-label":M},Z),{onFocus:()=>R(!0),onBlur:()=>R(!1)}),te={type:"button"};return t.useEffect((()=>{(x||!h&&!w)&&R(!1)}),[x,h,w]),e.jsx(i.StyledLink,f(p({isSkipLink:S,disabled:J,underline:D,iconAlign:L,className:z,hasContent:Boolean(v),variant:V,inverse:Q,isMenuItem:G},o.default("link",K),S&&{"data-element":"skip-link"}),{hasFocus:$,linkSize:F,children:(()=>{let t="a";return w&&!h&&(t="button"),c.default.createElement(t,"button"===t?p({},ee,te):f(p({},ee),{"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[Y(),e.jsx(i.StyledContent,{children:S?W.link.skipLinkLabel():v}),Y("right")]}))})()}))}));v.displayName="Link",exports.Link=v,exports.default=v;

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

@@ -1,6 +1,10 @@
-type Variants = "default" | "negative" | "neutral" | "subtle";
+/** @deprecated The value 'default' for the variant prop is deprecated and will soon be removed. Please use value 'typical' instead. */
+type DeprecatedDefaultVariant = "default";
+/** @deprecated The value 'netural' for the variant prop is deprecated and will soon be removed. Please use value 'subtle' instead. */
+type DeprecatedNeutralVariant = "neutral";
+type Variants = "typical" | "negative" | "subtle" | DeprecatedDefaultVariant | DeprecatedNeutralVariant;
 export interface StyledLinkProps {
-    /** The disabled state of the link. */
+    /** @deprecated The disabled state of the link. This prop is deprecated and will soon be removed. */
     disabled?: boolean;
     /** Specifies when the link underline should be displayed. */
     underline?: "always" | "hover" | "never";
@@ -8,11 +12,15 @@ export interface StyledLinkProps {
     iconAlign?: "left" | "right";
     /** Allows to create skip link */
     isSkipLink?: boolean;
-    /** Sets the colour styling when component is rendered on a dark background */
-    isDarkBackground?: boolean;
     /** Allows link styling to be updated for light or dark backgrounds */
     variant?: Variants;
     hasFocus?: boolean;
+    /** Sets the correct link size */
+    linkSize?: "medium" | "large";
+    /** Sets the colour styling when component is rendered on a dark background */
+    inverse?: boolean;
+    /** @deprecated The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead. */
+    isDarkBackground?: boolean;
 }
 interface PrivateStyledLinkProps {
     hasContent: boolean;

package/lib/components/link/link.style.js

@@ -1 +1 @@
-"use strict";var o=require("styled-components"),r=require("../../style/themes/apply-base-theme.js"),t=require("../icon/icon.style.js"),e=require("../button/button.style.js");function a(o){return o&&o.__esModule?o:{default:o}}var i=a(o);const n={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o?r="var(--colorsActionMinor100)":"subtle"===o&&(r="var(--colorsUtilityYang100)",t="var(--colorsUtilityYang100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},s=i.default.span.attrs(r.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-389670f2-0"})(["",""],(({isSkipLink:r,theme:a,iconAlign:i,hasContent:s,disabled:l,underline:c,variant:d,isDarkBackground:u,isMenuItem:v,hasFocus:b})=>{const g=u?"dark":"light",{color:p,hoverColor:f,disabledColor:h}=n[g](d);return o.css([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],r&&o.css(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],a.zIndex.aboveAll,t.default),!r&&o.css(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!l&&o.css(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],p,t.default,p,f,t.default,f),l&&o.css(["color:",";&:hover,&:focus{color:",";}"],h,h)),!l&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),s&&"always"===c?"underline":"none",!s||"hover"!==c&&"always"!==c?"none":"underline",v&&"display: inline-block;",t.default,s?"inline-block":"inline","left"===i&&o.css(["margin-right:",";"],s?"var(--spacing050)":0),"right"===i&&o.css(["margin-right:0;margin-left:",";"],s?"var(--spacing100)":0),t.default,l&&o.css(["cursor:not-allowed;"]),!r&&!l&&b&&o.css(['> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);&:has([data-popover-container-button="true"]){border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}']),e.default)})),l=i.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-389670f2-1"})([""]);exports.StyledContent=l,exports.StyledLink=s;
+"use strict";var o=require("styled-components"),r=require("../../style/themes/apply-base-theme.js"),e=require("../icon/icon.style.js"),t=require("../button/button.style.js");function i(o){return o&&o.__esModule?o:{default:o}}var a=i(o);const n={light:o=>{let r="#08711E",e="#10601C";return"negative"===o?(r="#B23342",e="#9F303C"):"subtle"===o&&(r="#000000E5",e="#000000"),{color:r,hoverColor:e,disabledColor:"var(--colorsActionMajorYin030)",focusColor:"#000000",focusBgColor:"#FFD27E",focusBoxShadowColor:"#000000"}},dark:o=>{let r="#4EDC54",e="#72E26F";return"negative"===o?(r="#E85B66",e="#ED6E74"):"subtle"===o&&(r="var(--colorsUtilityYang100)",e="var(--colorsUtilityYang100)"),{color:r,hoverColor:e,disabledColor:"var(--colorsActionMajorYang030)",focusColor:"#FFFFFF",focusBgColor:"#926916",focusBoxShadowColor:"#FFB500"}}},s=a.default.span.attrs(r.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-691e2a0d-0"})(["",""],(({isSkipLink:r,theme:i,iconAlign:a,hasContent:s,disabled:l,underline:d,variant:c,inverse:u,isMenuItem:v,hasFocus:b,linkSize:f})=>{const g=u?"dark":"light",{color:p,hoverColor:h,disabledColor:x,focusColor:y,focusBgColor:m,focusBoxShadowColor:C}=n[g](c),k="medium"===f?"var(---fontSizes100)":"var(--fontSizes200)";return o.css([""," "," "," > a,> button{text-decoration:",";:hover{text-decoration:",";}"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:",";outline:none;","{color:",";}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],r&&o.css(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:",";color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],i.zIndex.aboveAll,k,e.default),!r&&o.css(["> a,> button{font-size:",";"," ","}"],k,!l&&o.css(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:",";border-radius:var(--borderRadius025);}"],p,e.default,p,h,e.default,h,m),l&&o.css(["color:",";&:hover,&:focus{color:",";}"],x,x)),!l&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),s&&"always"===d?"underline":"none",!s||"hover"!==d&&"always"!==d?"none":"underline",v&&"display: inline-block;",e.default,s?"inline-block":"inline","left"===a&&o.css(["margin-right:",";"],s?"var(--spacing050)":0),"right"===a&&o.css(["margin-right:0;margin-left:",";"],s?"var(--spacing100)":0),y,e.default,y,l&&o.css(["cursor:not-allowed;"]),!r&&!l&&b&&o.css(["> a,> button{outline:none;text-decoration:underline;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 ",';border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);&:has([data-popover-container-button="true"]){border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}'],C),t.default)})),l=a.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-691e2a0d-1"})([""]);exports.StyledContent=l,exports.StyledLink=s;

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

@@ -15,6 +15,11 @@ export interface NumeralDateEvent {
         value: NumeralDateValue;
     };
 }
+export interface DateInputIds {
+    day?: string;
+    month?: string;
+    year?: string;
+}
 export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps {
     /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
     adaptiveLabelBreakpoint?: number;
@@ -80,6 +85,8 @@ export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps
     yearRef?: React.ForwardedRef<HTMLInputElement>;
     /** Render the ValidationMessage above the NumeralDate inputs when validationRedesignOptIn flag is set */
     validationMessagePositionTop?: boolean;
+    /** Allow consumers to set IDs for each of the field inputs */
+    inputIds?: DateInputIds;
 }
 export type ValidDateFormat = (typeof ALLOWED_DATE_FORMATS)[number];
 export type NumeralDateHandle = {

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

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

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

@@ -12,5 +12,5 @@ interface StyledFieldsetProps extends FieldsetProps {
     inline?: boolean;
     size?: "small" | "medium" | "large";
 }
-export declare const StyledFieldset: import("styled-components").StyledComponent<({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, validationId, ...rest }: FieldsetProps) => import("react").JSX.Element, any, StyledFieldsetProps, never>;
+export declare const StyledFieldset: import("styled-components").StyledComponent<({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, fieldHelp, inputHint, validationMessagePositionTop, applyNewValidation, id, ...rest }: FieldsetProps) => import("react").JSX.Element, any, StyledFieldsetProps, never>;
 export {};

package/lib/components/radio-button/radio-button-group/radio-button-group.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("../../../__internal__/utils/helpers/tags/tags.js"),i=require("../../../__internal__/fieldset/fieldset.component.js"),t=require("./radio-button-group.style.js"),o=require("../../../__internal__/radio-button-mapper/radio-button-mapper.component.js"),l=require("../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");require("../../../style/utils/filter-styled-system-padding-props.js");var a=require("../../../style/utils/filter-styled-system-margin-props.js"),d=require("../../../__internal__/tooltip-provider/index.js"),s=require("../../carbon-provider/__internal__/new-validation.context.js"),u=require("../../../__internal__/validation-message/validation-message.component.js"),p=require("../../box/box.component.js"),c=require("../../../__internal__/utils/helpers/guid/index.js"),g=require("../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),f=require("../../textbox/textbox.style.js"),b=require("../../../__internal__/hint-text/hint-text.component.js");function j(e){return e&&e.__esModule?e:{default:e}}var v=j(n);function _(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function m(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(n){_(e,n,r[n])}))}return e}function y(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}const h=j=>{var{children:_,id:h,name:x,legend:O,legendHelp:w,error:P,warning:q,info:B,onBlur:I,onChange:S,value:k,inline:A=!1,legendInline:C=!1,legendWidth:E,legendAlign:R="left",legendSpacing:T,labelSpacing:M=1,adaptiveLegendBreakpoint:D,adaptiveSpacingBreakpoint:G,required:F,tooltipPosition:H,validationMessagePositionTop:W=!0}=j,L=function(e,n){if(null==e)return{};var r,i,t=function(e,n){if(null==e)return{};var r,i,t={},o=Object.keys(e);for(i=0;i<o.length;i++)r=o[i],n.indexOf(r)>=0||(t[r]=e[r]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)r=o[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(j,["children","id","name","legend","legendHelp","error","warning","info","onBlur","onChange","value","inline","legendInline","legendWidth","legendAlign","legendSpacing","labelSpacing","adaptiveLegendBreakpoint","adaptiveSpacingBreakpoint","required","tooltipPosition","validationMessagePositionTop"]);const{validationRedesignOptIn:V}=n.useContext(s.default),N=n.useRef(c.default()),$=h||N.current,z=w?`${$}-hint`:void 0,J=a.default(L),K=l.default(D),Q=l.default(G);let U=C;D&&(U=!!K);let X=J.ml;G&&!Q&&(X=void 0);const{validationId:Y,ariaDescribedBy:Z}=g.default({id:$,validationRedesignOptIn:!0,error:P,warning:q,info:B}),ee=(V&&W?[Z,z]:[z,Z]).filter(Boolean).join(" ");return e.jsx(e.Fragment,{children:V?e.jsxs(i.default,y(m(y(m({legend:O,error:P,warning:q,legendAlign:R,isRequired:F,width:"fit-content"},r.default("radiogroup",L),J),{ml:X,blockGroupBehaviour:!(P||q)}),ee&&{"aria-describedby":ee}),{children:[w&&e.jsx(b.HintText,{align:R,id:z,marginTop:"-4px",children:w}),e.jsxs(p.Box,{position:"relative",children:[W&&e.jsxs(e.Fragment,{children:[e.jsx(u.default,{error:P,warning:q,validationId:Y,validationMessagePositionTop:W}),(P||q)&&e.jsx(f.default,{"data-role":"radio-error-border",warning:!(P||!q)})]}),e.jsx(t.default,{"data-component":"radio-button-group",role:"radiogroup",inline:A,legendInline:U,children:e.jsx(o.default,{name:x,onBlur:I,onChange:S,value:k,children:v.default.Children.map(_,(e=>v.default.isValidElement(e)?v.default.cloneElement(e,m({inline:A,labelSpacing:M,error:!!P,warning:!!q},e.props)):e))})}),!W&&e.jsxs(e.Fragment,{children:[e.jsx(u.default,{error:P,warning:q,validationId:Y,validationMessagePositionTop:W}),(P||q)&&e.jsx(f.default,{"data-role":"radio-error-border",warning:!(P||!q)})]})]})]})):e.jsx(d.TooltipProvider,{tooltipPosition:H,children:e.jsx(i.default,y(m({legend:O,error:P,warning:q,info:B,inline:U,legendWidth:E,legendAlign:R,legendSpacing:T,isRequired:F},r.default("radiogroup",L),J),{ml:X,blockGroupBehaviour:!(P||q||B),"aria-describedby":Z,validationId:Y,children:e.jsx(t.default,{"data-component":"radio-button-group",role:"radiogroup",inline:A,legendInline:U,children:e.jsx(o.default,{name:x,onBlur:I,onChange:S,value:k,children:v.default.Children.map(_,(e=>v.default.isValidElement(e)?v.default.cloneElement(e,m({inline:A,labelSpacing:M,error:!!P,warning:!!q,info:!!B},e.props)):e))})})}))})})};h.displayName="RadioButtonGroup",exports.RadioButtonGroup=h,exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("../../../__internal__/utils/helpers/tags/tags.js"),t=require("../../../__internal__/fieldset/fieldset.component.js"),i=require("./radio-button-group.style.js"),l=require("../../../__internal__/radio-button-mapper/radio-button-mapper.component.js"),o=require("../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");require("../../../style/utils/filter-styled-system-padding-props.js");var a=require("../../../style/utils/filter-styled-system-margin-props.js"),d=require("../../../__internal__/tooltip-provider/index.js"),u=require("../../carbon-provider/__internal__/new-validation.context.js"),p=require("../../../__internal__/utils/helpers/guid/index.js");function s(e){return e&&e.__esModule?e:{default:e}}var g=s(n);function c(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function f(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){c(e,n,r[n])}))}return e}function b(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}const j=s=>{var{children:c,id:j,name:y,legend:m,legendHelp:v,error:O,warning:_,info:h,onBlur:P,onChange:w,value:x,inline:q=!1,legendInline:S=!1,legendWidth:B,legendAlign:k="left",legendSpacing:I,labelSpacing:C=1,adaptiveLegendBreakpoint:E,adaptiveSpacingBreakpoint:A,required:R,tooltipPosition:M,validationMessagePositionTop:D=!0}=s,T=function(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},l=Object.keys(e);for(t=0;t<l.length;t++)r=l[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)r=l[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(s,["children","id","name","legend","legendHelp","error","warning","info","onBlur","onChange","value","inline","legendInline","legendWidth","legendAlign","legendSpacing","labelSpacing","adaptiveLegendBreakpoint","adaptiveSpacingBreakpoint","required","tooltipPosition","validationMessagePositionTop"]);const{validationRedesignOptIn:G}=n.useContext(u.default),H=n.useRef(p.default()),V=j||H.current,W=a.default(T),L=o.default(E),N=o.default(A);let F=S;E&&(F=!!L);let z=W.ml;return A&&!N&&(z=void 0),e.jsx(e.Fragment,{children:G?e.jsx(t.default,b(f({applyNewValidation:!0,id:V,legend:m,inputHint:v,legendAlign:k,isRequired:R,error:O,warning:_,validationMessagePositionTop:D,width:"fit-content"},r.default("radiogroup",T),W),{children:e.jsx(i.default,{"data-component":"radio-button-group",role:"radiogroup",inline:q,legendInline:F,children:e.jsx(l.default,{name:y,onBlur:P,onChange:w,value:x,children:g.default.Children.map(c,(e=>g.default.isValidElement(e)?g.default.cloneElement(e,f({inline:q,labelSpacing:C,error:!!O,warning:!!_},e.props)):e))})})})):e.jsx(d.TooltipProvider,{tooltipPosition:M,children:e.jsx(t.default,b(f({id:V,legend:m,error:O,warning:_,info:h,inline:F,legendWidth:B,legendAlign:k,legendSpacing:I,isRequired:R},r.default("radiogroup",T),W),{ml:z,blockGroupBehaviour:!(O||_||h),children:e.jsx(i.default,{"data-component":"radio-button-group",role:"radiogroup",inline:q,legendInline:F,children:e.jsx(l.default,{name:y,onBlur:P,onChange:w,value:x,children:g.default.Children.map(c,(e=>g.default.isValidElement(e)?g.default.cloneElement(e,f({inline:q,labelSpacing:C,error:!!O,warning:!!_,info:!!h},e.props)):e))})})}))})})};j.displayName="RadioButtonGroup",exports.RadioButtonGroup=j,exports.default=j;

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "157.3.0",
+  "version": "157.3.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -13,14 +13,13 @@
     "test-update": "jest --config=./jest.config.ts --updateSnapshot",
     "test-storybook": "test-storybook --url http://127.0.0.1:9001",
     "format": "prettier --write './{src,playwright}/**/*.{js,jsx,ts,tsx}'",
-    "lint": "eslint ./src ./playwright",
+    "lint": "eslint ./src ./playwright --max-warnings=636 --report-unused-disable-directives",
     "precompile": "npm run type-check && npm run build",
     "prepublishOnly": "npm run precompile",
     "build-storybook": "dotenvx run -- storybook build -c .storybook",
     "build-storybook:prod": "dotenvx run -f .env.production -- storybook build -c .storybook",
     "start:static": "npx http-server -p 9001 ./storybook-static",
     "clean-lib": "rimraf ./lib && rimraf ./esm",
-    "commit": "git-cz",
     "generate-metadata": "node ./scripts/generate_metadata/index.mjs",
     "type-check": "tsc --noEmit",
     "type-check:watch": "tsc --noEmit --watch",
@@ -54,7 +53,7 @@
     "styled-components": "^5.3.11"
   },
   "devDependencies": {
-    "@axe-core/playwright": "~4.10.1",
+    "@axe-core/playwright": "~4.10.2",
     "@babel/core": "^7.23.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-transform-classes": "^7.23.3",
@@ -67,8 +66,8 @@
     "@commitlint/config-conventional": "^17.6.3",
     "@dotenvx/dotenvx": "^1.25.1",
     "@eslint/compat": "^1.3.1",
-    "@playwright/experimental-ct-react": "^1.52.0",
-    "@playwright/test": "^1.52.0",
+    "@playwright/experimental-ct-react": "~1.55.0",
+    "@playwright/test": "~1.55.0",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
@@ -124,11 +123,9 @@
     "babel-plugin-dev-expression": "^0.2.3",
     "browserslist": "^4.22.1",
     "chromatic": "^6.17.4",
-    "commitizen": "^4.3.0",
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "core-js": "^3.33.3",
     "css-loader": "^6.8.1",
-    "cz-conventional-changelog": "^3.3.0",
     "dayjs": "^1.11.10",
     "eslint": "^9.30.1",
     "eslint-config-prettier": "^9.1.0",
@@ -220,11 +217,6 @@
     "playwright-core": "$@playwright/experimental-ct-react",
     "jsdom": "$jsdom"
   },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
-  },
   "lint-staged": {
     "./**/*.{js,jsx,ts,tsx}": [
       "prettier --write",