carbon-react 161.2.1 → 161.3.0

package/esm/__internal__/character-count/character-count.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import o from"../../style/themes/apply-base-theme.js";import a from"../../style/utils/visually-hidden.js";const i=t.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"carbon_v161_2_0__sc-f39231b-0"})([""]),n=t.div.attrs(o).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"carbon_v161_2_0__sc-f39231b-1"})(["text-align:left;font-size:var(--fontSizes100);margin-top:var(--spacing050);margin-bottom:var(--spacing050);color:",";"," ",""],(({isOverLimit:t})=>t?"var(--colorsSemanticNegative500)":"var(--colorsUtilityYin055)"),(({isLarge:t})=>t&&e(["font-size:var(--fontSizes200);"])),(({isOverLimit:t})=>t&&e(["font-weight:var(--fontWeights500);"]))),r=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"carbon_v161_2_0__sc-f39231b-2"})(['::after{content:" ";}',""],a),c=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"carbon_v161_2_0__sc-f39231b-3"})(['::before{content:" ";}::after{content:" ";}',""],a);export{n as StyledCharacterCount,i as StyledCharacterCountWrapper,r as VisuallyHiddenCharacterCount,c as VisuallyHiddenHint};
+import t,{css as e}from"styled-components";import o from"../../style/themes/apply-base-theme.js";import a from"../../style/utils/visually-hidden.js";const i=t.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"carbon_v161_2_1__sc-f39231b-0"})([""]),n=t.div.attrs(o).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"carbon_v161_2_1__sc-f39231b-1"})(["text-align:left;font-size:var(--fontSizes100);margin-top:var(--spacing050);margin-bottom:var(--spacing050);color:",";"," ",""],(({isOverLimit:t})=>t?"var(--colorsSemanticNegative500)":"var(--colorsUtilityYin055)"),(({isLarge:t})=>t&&e(["font-size:var(--fontSizes200);"])),(({isOverLimit:t})=>t&&e(["font-weight:var(--fontWeights500);"]))),r=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"carbon_v161_2_1__sc-f39231b-2"})(['::after{content:" ";}',""],a),c=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"carbon_v161_2_1__sc-f39231b-3"})(['::before{content:" ";}::after{content:" ";}',""],a);export{n as StyledCharacterCount,i as StyledCharacterCountWrapper,r as VisuallyHiddenCharacterCount,c as VisuallyHiddenHint};

package/esm/__internal__/checkable-input/checkable-input.component.d.ts

@@ -1,52 +1,43 @@
-import React from "react";
+/**
+ * Checkable Input Component
+ *
+ * @description Base component for Checkbox and RadioButton components.
+ * Do not add props that are specific to either Checkbox or RadioButton.
+ * Do not add props to the common interface that are not intended to be in the public interface of both components.
+ * Styles of any children should be handled in their respective component files.
+ */
+import React, { ReactNode } from "react";
 import { CommonHiddenCheckableInputProps } from "./hidden-checkable-input.component";
-import { ValidationProps } from "../validations";
-export interface CommonCheckableInputProps extends ValidationProps, CommonHiddenCheckableInputProps {
-    /** If true, the component will be disabled */
+export interface CommonCheckableInputProps extends CommonHiddenCheckableInputProps {
+    /** Unique identifier for the input. Will use a randomly generated GUID if none is provided. */
+    id?: string;
+    /** Content of the label. */
+    label?: ReactNode;
+    /** Additional hint text rendered below the label. */
+    inputHint?: ReactNode;
+    /** If true, the component will be disabled. */
     disabled?: boolean;
-    /** @private @ignore */
-    loading?: boolean;
-    /** Help content to be displayed under an input */
-    fieldHelp?: React.ReactNode;
+    /** Content to be rendered below the input when checked, is not supported when inputs are inline. */
+    progressiveDisclosure?: ReactNode;
     /**
-     * If true, the FieldHelp will be displayed inline
-     * To be used with labelInline prop set to true
+     * Id of the validation icon
+     * @deprecated Validation icons with tooltips are no longer supported on this component.
      */
-    fieldHelpInline?: boolean;
-    /** Unique Identifier for the input. Will use a randomly generated GUID if none is provided */
-    id?: string;
-    /** Sets percentage-based input width */
-    inputWidth?: number;
-    /** Label content */
-    label?: React.ReactNode;
-    /** The content for the help tooltip, to appear next to the Label */
-    labelHelp?: React.ReactNode;
-    /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
-    labelSpacing?: 1 | 2;
-    /** Label width */
-    labelWidth?: number;
-    /** Flag to configure component as mandatory */
-    required?: boolean;
-    /** If true the label switches position with the input */
-    reverse?: boolean;
-    /** Size of the component */
-    size?: "small" | "large";
-    /** Prop to specify the aria-labelledby attribute of the input */
-    ariaLabelledBy?: string;
-    /** When true, displays validation icon on label */
-    validationOnLabel?: boolean;
+    validationIconId?: string;
 }
 export interface CheckableInputProps extends CommonCheckableInputProps {
-    /** Used to set the visible aspect of the input (i.e. the checkbox sprite, input slider etc) */
-    children?: React.ReactNode;
-    /** HTML type attribute of the input */
+    /** Element to be rendered as the visible input. */
+    children?: ReactNode;
+    /** HTML type attribute of the input. */
     type: string;
-    /** Value passed to the input */
-    value?: string;
-    /** When true label is inline */
-    labelInline?: boolean;
-    /** Whether this component resides on a dark background */
-    isDarkBackground?: boolean;
+    /** Size of the component. */
+    size?: "small" | "medium" | "large";
+    /** Set error state - passed to Tabs context */
+    error?: boolean;
+    /** Set warning state - passed to Tabs context */
+    warning?: boolean;
+    /** Flag to display required asterisk. */
+    showRequiredAsterisk?: boolean;
 }
 declare const CheckableInput: React.ForwardRefExoticComponent<CheckableInputProps & React.RefAttributes<HTMLInputElement>>;
 export default CheckableInput;

package/esm/__internal__/checkable-input/checkable-input.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import n,{useRef as l,useContext as i}from"react";import{StyledCheckableInputWrapper as t,StyledCheckableInput as o}from"./checkable-input.style.js";import{InputBehaviour as a}from"../input-behaviour/input-behaviour.component.js";import c from"../form-field/form-field.component.js";import d from"./hidden-checkable-input.component.js";import p from"../utils/helpers/guid/index.js";import u from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import b from"../../components/fieldset/__internal__/fieldset.context.js";function s(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function f(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},l=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),l.forEach((function(r){s(e,r,n[r])}))}return e}const m=n.forwardRef(((n,s)=>{var{ariaLabelledBy:m,autoFocus:y,checked:h,children:O,disabled:g,loading:j,error:v,fieldHelp:I,fieldHelpInline:k,info:w,id:H,type:P,value:B,inputWidth:D,label:S,labelHelp:_,labelInline:x=!0,labelSpacing:F=1,labelWidth:W,name:q,onBlur:C,onChange:L,onFocus:E,required:A,reverse:R=!1,validationOnLabel:N,warning:V,isDarkBackground:z=!1}=n,G=function(e,r){if(null==e)return{};var n,l,i=function(e,r){if(null==e)return{};var n,l,i={},t=Object.keys(e);for(l=0;l<t.length;l++)n=t[l],r.indexOf(n)>=0||(i[n]=e[n]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(l=0;l<t.length;l++)n=t[l],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(n,["ariaLabelledBy","autoFocus","checked","children","disabled","loading","error","fieldHelp","fieldHelpInline","info","id","type","value","inputWidth","label","labelHelp","labelInline","labelSpacing","labelWidth","name","onBlur","onChange","onFocus","required","reverse","validationOnLabel","warning","isDarkBackground"]);const{current:J}=l(H||p()),{required:K}=i(b),{labelId:M,fieldHelpId:Q,validationId:T,ariaDescribedBy:U}=u({id:J,error:v,warning:V,info:w,label:S,fieldHelp:I}),X={disabled:g,loading:j,error:v,fieldHelp:I,fieldHelpInline:k,fieldHelpId:Q,id:J,info:w,label:S,labelHelp:_,labelHelpIcon:"info",labelId:M,labelInline:x,labelSpacing:F,reverse:R,warning:V,validationIconId:T,isRequired:A,useValidationIcon:N},Y=f({ariaDescribedBy:U,"aria-labelledby":m,"aria-invalid":!!v,autoFocus:y,checked:h,disabled:g,id:J,type:P,value:B,name:q,onBlur:C,onChange:L,onFocus:E,required:A||K,ref:s,validationIconId:T},G);return e(t,{disabled:g,fieldHelpInline:k,inputWidth:D,labelWidth:W,labelInline:x,reverse:R,isDarkBackground:z,children:e(a,{children:e(c,(Z=f({},X),$={my:0,children:r(o,{"data-role":"checkable-input",children:[e(d,f({},Y)),O]})},$=null!=$?$:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Z,Object.getOwnPropertyDescriptors($)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object($)).forEach((function(e){Object.defineProperty(Z,e,Object.getOwnPropertyDescriptor($,e))})),Z))})});var Z,$}));m.displayName="CheckableInput";export{m as default};
+import{jsxs as e,Fragment as r,jsx as i}from"react/jsx-runtime";import t,{useRef as n,useContext as o}from"react";import{StyledCheckableInput as l,StyledCheckableInputWrapper as a,StyledAccordion as s,StyledAccordionWrapper as c,StyledLineContainer as d,StyledAccordionLine as u,StyledAccordionContent as m}from"./checkable-input.style.js";import p from"./hidden-checkable-input.component.js";import b from"../utils/helpers/guid/index.js";import f from"../label/label.component.js";import{HintText as h}from"../hint-text/hint-text.component.js";import y from"../../hooks/useMediaQuery/useMediaQuery.js";import j from"../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import g from"../../components/fieldset/__internal__/fieldset.context.js";function O(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function v(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},t=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),t.forEach((function(r){O(e,r,i[r])}))}return e}const k=t.forwardRef(((t,O)=>{var{children:k,disabled:w,required:x,id:_,name:q,type:z,value:P,label:R,inputHint:$,checked:S,progressiveDisclosure:T,size:A="medium",error:D,warning:N,showRequiredAsterisk:E,"aria-describedby":H}=t,I=function(e,r){if(null==e)return{};var i,t,n=function(e,r){if(null==e)return{};var i,t,n={},o=Object.keys(e);for(t=0;t<o.length;t++)i=o[t],r.indexOf(i)>=0||(n[i]=e[i]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)i=o[t],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(n[i]=e[i])}return n}(t,["children","disabled","required","id","name","type","value","label","inputHint","checked","progressiveDisclosure","size","error","warning","showRequiredAsterisk","aria-describedby"]);const{current:M}=n(_||b()),Q=$?`${M}-hint`:void 0,{required:V}=o(g),B=[Q,H].filter(Boolean).join(" "),C=n(null),F=y("screen and (prefers-reduced-motion: no-preference)");return j(!!D,!!N,M),e(r,{children:[e(l,{children:[e(a,{children:[i(p,v({id:M,type:z,name:q,value:P,disabled:w,checked:S,ref:O,"aria-describedby":B,"aria-invalid":D,required:V||x},I)),k]}),R&&i(f,{className:"checkable-label",htmlFor:M,disabled:w,isRequired:x&&E,size:A,children:R}),$&&i(h,{className:"checkable-hint-text",id:Q,disabled:w,size:A,children:$})]}),T&&i(s,{"data-role":"progressive-disclosure-accordion",ref:C,$expanded:S,$allowAnimation:F,children:e(c,{children:[i(d,{$size:A,children:i(u,{$size:A})}),i(m,{children:T})]})})]})}));k.displayName="CheckableInput";export{k as default};

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

@@ -1,12 +1,15 @@
-declare const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
-export interface StyledCheckableInputWrapperProps {
-    disabled?: boolean;
-    fieldHelpInline?: boolean;
-    inputWidth?: number | string;
-    labelWidth?: number;
-    labelInline?: boolean;
-    reverse?: boolean;
-    isDarkBackground?: boolean;
+export declare const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledAccordionProps {
+    $expanded?: boolean;
+    $allowAnimation?: boolean;
 }
-declare const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, StyledCheckableInputWrapperProps, never>;
-export { StyledCheckableInput, StyledCheckableInputWrapper };
+export declare const StyledAccordion: import("styled-components").StyledComponent<"div", any, StyledAccordionProps, never>;
+export declare const StyledAccordionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledAccordionContentProps {
+    $size: "small" | "medium" | "large";
+}
+export declare const StyledLineContainer: import("styled-components").StyledComponent<"div", any, StyledAccordionContentProps, never>;
+export declare const StyledAccordionLine: import("styled-components").StyledComponent<"div", any, StyledAccordionContentProps, never>;
+export declare const StyledAccordionContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -1 +1 @@
-import e,{css as i}from"styled-components";import l from"../field-help/field-help.style.js";import{FieldLineStyle as t}from"../form-field/form-field.style.js";import o,{StyledLabelContainer as n}from"../legacy-label/label.style.js";import r from"../validations/validation-icon.style.js";import a from"../../components/help/help.style.js";import d from"./hidden-checkable-input.style.js";const s=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"carbon_v161_2_0__sc-e1e587cd-0"})(["display:inline-block;position:relative;"]),p=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"carbon_v161_2_0__sc-e1e587cd-1"})(["",""],(({disabled:e,fieldHelpInline:p,inputWidth:c,labelWidth:f,labelInline:m,reverse:h,isDarkBackground:y})=>i(["width:100% !important;","{display:flex;}","{"," padding-top:0;width:auto;& ",",& ","{color:var(--colorsUtilityYin065);vertical-align:middle;&:hover,&:focus{color:var(--colorsUtilityYin090);}}}","{"," flex-basis:100%;}"," "," "," "," ",""],t,n,m&&i(["justify-content:",";"],h?"flex-start":"flex-end"),a,r,l,y&&i(["color:var(--colorsUtilityYang080);"]),e&&i(["",",","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],d,o),p&&i(["","{flex-wrap:nowrap;}","{margin-right:0;margin-left:8px;}","{flex-grow:0;flex-basis:auto;padding-left:0;width:auto;}"],t,s,l),h&&p&&i(["","{margin-left:0;}","{flex-grow:1;}"],s,l),void 0!==c&&0!==c&&i(["","{width:","% !important;min-width:67px;}"],s,c),void 0!==f&&0!==f&&`\n      ${n} {\n        width: ${f}% !important;\n      }\n    `)));export{s as StyledCheckableInput,p as StyledCheckableInputWrapper};
+import e,{css as i}from"styled-components";const a=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"carbon_v161_2_1__sc-e63a5a4f-0"})(["display:grid;align-items:center;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);.checkable-hint-text{grid-area:2 / 2;}"]),t=e.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"carbon_v161_2_1__sc-e63a5a4f-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),o=e.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"carbon_v161_2_1__sc-e63a5a4f-2"})(["position:relative;display:grid;grid-template-rows:0fr;visibility:hidden;"," ",""],(({$allowAnimation:e})=>e&&i(["transition:all 0.4s;"])),(({$expanded:e})=>e&&i(["visibility:visible;grid-template-rows:1fr;"]))),l={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},n="var(--global-space-comp-m)",c=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionWrapper",componentId:"carbon_v161_2_1__sc-e63a5a4f-3"})(["overflow:hidden;min-height:0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"]),d=e.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"carbon_v161_2_1__sc-e63a5a4f-4"})(["display:flex;justify-content:center;",""],(({$size:e})=>e&&i(["width:",";"],l[e].width))),p=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"carbon_v161_2_1__sc-e63a5a4f-5"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:e})=>e&&i(["top:",";height:calc( 100% - ("," + ",") );"],l[e].top,l[e].top,n))),s=e.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"carbon_v161_2_1__sc-e63a5a4f-6"})(["padding:"," 0;"],n);export{o as StyledAccordion,s as StyledAccordionContent,p as StyledAccordionLine,c as StyledAccordionWrapper,a as StyledCheckableInput,t as StyledCheckableInputWrapper,d as StyledLineContainer};

package/esm/__internal__/checkable-input/hidden-checkable-input.component.d.ts

@@ -1,28 +1,22 @@
 import React from "react";
 export interface CommonHiddenCheckableInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type"> {
-    /** The id of the element that describe the input. */
+    /**
+     * The id of the element that describe the input.
+     * @deprecated This prop is deprecated, please use the `aria-describedby` attribute instead.
+     */
     ariaDescribedBy?: string;
-    /** Prop to specify the aria-labelledby attribute of the input */
+    /**
+     * Prop to specify the aria-labelledby attribute of the input.
+     * @deprecated This prop is deprecated, please use the `aria-labelledby` attribute instead.
+     */
     ariaLabelledBy?: string;
-    /** If true the Component will be focused when page load */
+    /** If true, the component will be automatically focused when rendered. */
     autoFocus?: boolean;
-    /** Checked state of the input */
+    /** Checked state of the input. */
     checked?: boolean;
-    /** Input name */
+    /** Input name attribute. */
     name?: string;
-    /** OnChange event handler */
-    onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-    /** OnFocus event handler */
-    onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Blur event handler */
-    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** OnMouseLeave event handler */
-    onMouseLeave?: (ev: React.MouseEvent<HTMLInputElement>) => void;
-    /** OnMouseEnter event handler */
-    onMouseEnter?: (ev: React.MouseEvent<HTMLInputElement>) => void;
-    /** Id of the validation icon */
-    validationIconId?: string;
-    /** Value of the input */
+    /** Value of the input. */
     value?: string;
 }
 export interface HiddenCheckableInputProps extends CommonHiddenCheckableInputProps {

package/esm/__internal__/checkable-input/hidden-checkable-input.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import o,{useContext as r}from"react";import n from"./hidden-checkable-input.style.js";import{InputContext as t}from"../input-behaviour/input-behaviour.component.js";import{InputGroupContext as a}from"../input-behaviour/input-group-behaviour.component.js";function u(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}const c=o.forwardRef(((o,c)=>{var{ariaDescribedBy:i,ariaLabelledBy:s,name:l,checked:p,type:b,value:f,onChange:y,autoFocus:O,role:d,validationIconId:v}=o,m=function(e,o){if(null==e)return{};var r,n,t=function(e,o){if(null==e)return{};var r,n,t={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],o.indexOf(r)>=0||(t[r]=e[r]);return t}(e,o);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(o,["ariaDescribedBy","ariaLabelledBy","name","checked","type","value","onChange","autoFocus","role","validationIconId"]);const{onBlur:h,onFocus:j,onMouseEnter:g,onMouseLeave:P,hasFocus:w,hasMouseOver:M}=r(t),{onBlur:B,onFocus:F,onMouseEnter:k,onMouseLeave:E,hasFocus:L,hasMouseOver:D}=r(a),I=i?[i]:[];(w||L||M||D)&&v&&I.push(v);const S=I.length?I.filter(Boolean).join(" "):void 0;return e(n,(x=function(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},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(o){u(e,o,r[o])}))}return e}({"aria-describedby":S,"aria-labelledby":s,autoFocus:O,"data-has-autofocus":!!O||void 0,checked:p,name:l,role:d||b,type:b,value:f},m),C=null!=(C={onFocus:e=>{m.onFocus&&m.onFocus(e),j&&j(),F&&F()},onBlur:e=>{m.onBlur&&m.onBlur(e),h&&h(),B&&B()},onMouseEnter:e=>{m.onMouseEnter&&m.onMouseEnter(e),g&&g(),k&&k()},onMouseLeave:e=>{m.onMouseLeave&&m.onMouseLeave(e),P&&P(),E&&E()},onChange:y,ref:c})?C:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(C)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o.push.apply(o,r)}return o}(Object(C)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(C,e))})),x));var x,C}));c.displayName="HiddenCheckableInput";var i=o.memo(c);export{i as default};
+import{jsx as e}from"react/jsx-runtime";import r from"react";import t from"./hidden-checkable-input.style.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const o=r.forwardRef(((r,o)=>{var n,c,{ariaDescribedBy:i,ariaLabelledBy:l,"aria-describedby":b,"aria-labelledby":u,name:y,checked:p,type:f,value:s,autoFocus:d,role:O}=r,m=function(e,r){if(null==e)return{};var t,a,o=function(e,r){if(null==e)return{};var t,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["ariaDescribedBy","ariaLabelledBy","aria-describedby","aria-labelledby","name","checked","type","value","autoFocus","role"]);return e(t,(n=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){a(e,r,t[r])}))}return e}({"aria-describedby":b||i||void 0,"aria-labelledby":u||i||void 0,autoFocus:d,"data-has-autofocus":!!d||void 0,checked:p,name:y,role:O||f,type:f,value:s},m),c=null!=(c={ref:o})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(c,e))})),n))}));o.displayName="HiddenCheckableInput";var n=r.memo(o);export{n as default};

package/esm/__internal__/checkable-input/hidden-checkable-input.style.js

@@ -1 +1 @@
-import e,{css as o}from"styled-components";const t=e.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"carbon_v161_2_0__sc-490a5f06-0"})(["cursor:pointer;opacity:0;margin:0;position:relative;z-index:2;",""],(({disabled:e})=>e&&o(["cursor:not-allowed;"])));export{t as default};
+import e,{css as o}from"styled-components";const t=e.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"carbon_v161_2_1__sc-490a5f06-0"})(["cursor:pointer;opacity:0;margin:0;position:relative;z-index:2;",""],(({disabled:e})=>e&&o(["cursor:not-allowed;"])));export{t as default};

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

@@ -1 +1 @@
-import r,{css as o}from"styled-components";const a=r.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v161_2_0__sc-f2eef804-0"})([""," transform:translateZ(0);.numeral-date-wrapper &{display:none;}"],(({$warning:r})=>o(["width:2px;position:absolute;left:-10px;top:0px;bottom:0px;z-index:6;background-color:",";"],r?"var(--input-validation-bar-warn)":"var(--input-validation-border-error)")));export{a as default};
+import r,{css as o}from"styled-components";const a=r.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v161_2_1__sc-f2eef804-0"})([""," transform:translateZ(0);.numeral-date-wrapper &{display:none;}"],(({$warning:r})=>o(["width:2px;position:absolute;left:-10px;top:0px;bottom:0px;z-index:6;background-color:",";"],r?"var(--input-validation-bar-warn)":"var(--input-validation-border-error)")));export{a as default};

package/esm/__internal__/field-help/field-help.style.js

@@ -1 +1 @@
-import e,{css as l}from"styled-components";const p=e.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"carbon_v161_2_0__sc-f79bd564-0"})(["display:block;flex:1;margin-top:8px;white-space:pre-wrap;",""],(({labelInline:e,labelWidth:p})=>e&&l(["margin-left:","%;padding-left:0;"],p)));export{p as default};
+import e,{css as l}from"styled-components";const p=e.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"carbon_v161_2_1__sc-314d056c-0"})(["display:block;flex:1;margin-top:8px;white-space:pre-wrap;",""],(({labelInline:e,labelWidth:p})=>e&&l(["margin-left:","%;padding-left:0;"],p)));export{p as default};

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

@@ -17,8 +17,6 @@ export interface FieldsetProps extends MarginProps {
     legend?: string;
     /** Content for an additional hint text below the legend */
     legendHint?: React.ReactNode;
-    /** Text alignment of the legend */
-    legendAlign?: "left" | "right";
     /** Error message to be displayed when validation fails */
     error?: string;
     /** Warning message to be displayed when validation warning occurs */
@@ -32,5 +30,5 @@ export interface FieldsetProps extends MarginProps {
     /** Set the size of the component */
     size?: "small" | "medium" | "large";
 }
-declare const Fieldset: ({ children, name, id, legend, legendAlign, legendHint, error, warning, isRequired, isDisabled, validationMessagePositionTop, size, ...rest }: FieldsetProps) => React.JSX.Element;
+declare const Fieldset: ({ children, name, id, legend, legendHint, error, warning, isRequired, isDisabled, validationMessagePositionTop, size, ...rest }: FieldsetProps) => React.JSX.Element;
 export default Fieldset;

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

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

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

@@ -1,18 +1,13 @@
-type StyledFieldsetProps = {
-    $validationMessagePositionTop?: boolean;
-    $size: "small" | "medium" | "large";
-};
 export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
     theme: object;
-} & StyledFieldsetProps, "theme">;
+}, "theme">;
 export type StyledLegendProps = {
-    $align?: "left" | "right";
     $isRequired?: boolean;
     $isDisabled?: boolean;
-    $isLarge?: boolean;
+    $size: "small" | "medium" | "large";
 };
 export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
 export declare const StyledFieldsetContentWrapper: import("styled-components").StyledComponent<"div", any, {
     $size: "small" | "medium" | "large";
+    $hasLegend?: boolean;
 }, never>;
-export {};

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

@@ -1 +1 @@
-import a,{css as e}from"styled-components";import{margin as t}from"styled-system";import i from"../../../style/themes/apply-base-theme.js";import o from"../../validation-message/validation-message.style.js";const l={small:{contentMargin:"var(--global-space-comp-xs)",validationMargin:"var(--global-space-comp-xs)"},medium:{contentMargin:"var(--global-space-comp-s)",validationMargin:"var(--global-space-comp-s)"},large:{contentMargin:"var(--global-space-comp-m)",validationMargin:"var(--global-space-comp-s)"}},n=a.fieldset.attrs(i).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_2_0__sc-daa668c3-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;width:fit-content;","{","}"],t,o,(({$validationMessagePositionTop:a,$size:t})=>e(["margin:0;margin-",":",";"],a?"bottom":"top",l[t].validationMargin))),s=a.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_2_0__sc-daa668c3-1"})(["display:flex;align-items:center;padding:0;font:var(--global-font-static-comp-medium-s);color:var(--input-labelset-label-default);",""],(({$isLarge:a,$isDisabled:t,$isRequired:i,$align:o})=>e([""," "," "," ",""],a&&e(["font:var(--global-font-static-comp-medium-l);"]),i&&e(['::after{content:"*";font:var(--global-font-static-comp-medium-s);color:var(--input-labelset-label-required);margin-left:var(--global-space-comp-xs);position:relative;',"}"],a&&e(["font:var(--global-font-static-comp-medium-l);"])),t&&e(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"]),o&&e(["text-align:",";justify-content:",";"],o,"right"===o?"flex-end":"flex-start")))),r=a.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"carbon_v161_2_0__sc-daa668c3-2"})(["position:relative;",";"],(({$size:a})=>e(["margin-top:",";"],l[a].contentMargin)));export{n as StyledFieldset,r as StyledFieldsetContentWrapper,s as StyledLegend};
+import e,{css as a}from"styled-components";import{margin as l}from"styled-system";import t from"../../../style/themes/apply-base-theme.js";const o={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",legendFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-l)"}},n=e.fieldset.attrs(t).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_2_1__sc-e67bca4a-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;"],l),i=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_2_1__sc-e67bca4a-1"})(["",";"],(({$isRequired:e,$isDisabled:l,$size:t})=>a(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);"," ",""],o[t].legendFont,e&&a(['::after{content:"*";font:',";color:var(--input-labelset-label-required);margin-left:var(--global-space-comp-xs);}"],o[t].legendFont),l&&a(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])))),s=e.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"carbon_v161_2_1__sc-e67bca4a-2"})(["",";"],(({$size:e,$hasLegend:l})=>a(["display:flex;flex-direction:column;position:relative;gap:",";",""],o[e].validationGap,l&&a(["margin-top:",";"],o[e].contentMargin))));export{n as StyledFieldset,s as StyledFieldsetContentWrapper,i as StyledLegend};

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 a=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_2_0__sc-602f140c-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t,(({width:e})=>e&&`width: ${e};`)),l=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_2_0__sc-602f140c-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," "," ",";"," ",""],(({isLarge:e})=>e&&i(["font-size:var(--fontSizes200);"])),(({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(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])),(({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),o=e.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"carbon_v161_2_0__sc-602f140c-2"})(["margin-left:var(--spacing050);"]);export{a as StyledFieldset,o as StyledIconWrapper,l as StyledLegend};
+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 a=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_2_1__sc-602f140c-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t,(({width:e})=>e&&`width: ${e};`)),l=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_2_1__sc-602f140c-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," "," ",";"," ",""],(({isLarge:e})=>e&&i(["font-size:var(--fontSizes200);"])),(({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(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])),(({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),o=e.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"carbon_v161_2_1__sc-602f140c-2"})(["margin-left:var(--spacing050);"]);export{a as StyledFieldset,o as StyledIconWrapper,l as StyledLegend};

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

@@ -32,8 +32,6 @@ interface CommonFormFieldProps extends MarginProps, ValidationProps {
     /** Label width */
     labelWidth?: number;
     labelAs?: LabelProps["as"];
-    /** If true the label switches position with the input */
-    reverse?: boolean;
     /** Id of the validation icon */
     validationIconId?: string;
     /**
@@ -63,7 +61,7 @@ export interface FormFieldProps extends CommonFormFieldProps, TagProps {
     "data-component"?: string;
 }
 declare const FormField: {
-    ({ maxWidth, children, "data-component": dataComponent, disabled, loading, fieldHelp: fieldHelpContent, fieldHelpInline, error, warning, info, tooltipId, fieldHelpId, label, labelId, labelAlign, labelHelp, labelHelpIcon, labelInline, labelSpacing, labelWidth, labelAs, id, reverse, useValidationIcon, adaptiveLabelBreakpoint, isRequired, validationIconId, validationRedesignOptIn, ...rest }: FormFieldProps): React.JSX.Element;
+    ({ maxWidth, children, "data-component": dataComponent, disabled, loading, fieldHelp: fieldHelpContent, fieldHelpInline, error, warning, info, tooltipId, fieldHelpId, label, labelId, labelAlign, labelHelp, labelHelpIcon, labelInline, labelSpacing, labelWidth, labelAs, id, useValidationIcon, adaptiveLabelBreakpoint, isRequired, validationIconId, validationRedesignOptIn, ...rest }: FormFieldProps): React.JSX.Element;
     displayName: string;
 };
 export default FormField;

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

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

package/esm/__internal__/form-field/form-field.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{space as i}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const m=e.div.attrs(o).withConfig({displayName:"form-field.style__FormFieldStyle",componentId:"carbon_v161_2_0__sc-ec2b28a0-0"})(["position:relative;margin-bottom:var(--fieldSpacing);& + &{margin-top:16px;}&&&{","}"],i),a=e.div.withConfig({displayName:"form-field.style__FieldLineStyle",componentId:"carbon_v161_2_0__sc-ec2b28a0-1"})(["",""],(({inline:e,maxWidth:i})=>t(["display:",";",""],e?"flex":"block",i&&`max-width: ${i};`)));export{a as FieldLineStyle,m as default};
+import e,{css as t}from"styled-components";import{space as i}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const m=e.div.attrs(o).withConfig({displayName:"form-field.style__FormFieldStyle",componentId:"carbon_v161_2_1__sc-ec2b28a0-0"})(["position:relative;margin-bottom:var(--fieldSpacing);& + &{margin-top:16px;}&&&{","}"],i),a=e.div.withConfig({displayName:"form-field.style__FieldLineStyle",componentId:"carbon_v161_2_1__sc-ec2b28a0-1"})(["",""],(({inline:e,maxWidth:i})=>t(["display:",";",""],e?"flex":"block",i&&`max-width: ${i};`)));export{a as FieldLineStyle,m as default};

package/esm/__internal__/full-screen-heading/full-screen-heading.style.js

@@ -1 +1 @@
-import a,{css as e}from"styled-components";const t=a.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"carbon_v161_2_0__sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),d=a.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"carbon_v161_2_0__sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:a})=>a&&e(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:a})=>a&&e(["&{padding-right:64px;}"])));export{t as StyledHeaderContainer,d as default};
+import a,{css as e}from"styled-components";const t=a.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"carbon_v161_2_1__sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),d=a.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"carbon_v161_2_1__sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:a})=>a&&e(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:a})=>a&&e(["&{padding-right:64px;}"])));export{t as StyledHeaderContainer,d as default};

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

@@ -7,6 +7,8 @@ export interface HintTextProps {
     size: "small" | "medium" | "large";
     /** If true, the hint text will display in disabled styling */
     disabled?: boolean;
+    /** Class name to target component */
+    className?: string;
 }
-export declare const HintText: ({ children, id, size, disabled }: HintTextProps) => React.JSX.Element;
+export declare const HintText: ({ children, id, size, disabled, className, }: HintTextProps) => React.JSX.Element;
 export default HintText;

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import e from"./hint-text.style.js";const i=({children:i,id:d,size:a,disabled:r})=>t(e,{"data-element":"input-hint","data-role":"hint-text",id:d,$size:a,$disabled:r,"aria-disabled":r||void 0,children:i});export{i as HintText,i as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"./hint-text.style.js";const i=({children:i,id:a,size:d,disabled:s,className:r})=>e(t,{className:r,"data-element":"input-hint","data-role":"hint-text",id:a,$size:d,$disabled:s,"aria-disabled":s||void 0,children:i});export{i as HintText,i as default};

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

@@ -1 +1 @@
-import t from"styled-components";import e from"./hint-text-style-overrides.style.js";const l=t.span.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_2_0__sc-25859ede-0"})(["color:",";font:",";",""],(({$disabled:t})=>t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-alt)"),(({$size:t})=>(t=>{switch(t){case"small":return"var(--global-font-static-comp-regular-s)";case"large":return"var(--global-font-static-comp-regular-l)";default:return"var(--global-font-static-comp-regular-m)"}})(t)),e);export{l as default};
+import t from"styled-components";import e from"./hint-text-style-overrides.style.js";const l=t.span.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_2_1__sc-25859ede-0"})(["color:",";font:",";",""],(({$disabled:t})=>t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-alt)"),(({$size:t})=>(t=>{switch(t){case"small":return"var(--global-font-static-comp-regular-s)";case"large":return"var(--global-font-static-comp-regular-l)";default:return"var(--global-font-static-comp-regular-m)"}})(t)),e);export{l as default};

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

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

package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import s from"../legacy-input/input-sizes.style.js";import o from"../../style/utils/add-focus-styling.js";const l=t.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"carbon_v161_2_0__sc-9c9529d2-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;align-self:stretch;"," "," "," "," .multi-select &,.filterable-select &{cursor:pointer;}"],(({$size:t="medium"})=>e(["width:",";"],s[t].height)),(({$disabled:t})=>t&&e(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e(["cursor:default;"])),(({$blockFocusStyling:t})=>!t&&e(["&:focus{","}"],o())));export{l as default};
+import t,{css as e}from"styled-components";import s from"../legacy-input/input-sizes.style.js";import o from"../../style/utils/add-focus-styling.js";const l=t.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"carbon_v161_2_1__sc-9c9529d2-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;align-self:stretch;"," "," "," "," .multi-select &,.filterable-select &{cursor:pointer;}"],(({$size:t="medium"})=>e(["width:",";"],s[t].height)),(({$disabled:t})=>t&&e(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e(["cursor:default;"])),(({$blockFocusStyling:t})=>!t&&e(["&:focus{","}"],o())));export{l as default};

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

@@ -14,7 +14,9 @@ export interface LabelProps {
     disabled?: boolean;
     /** If true, the label will display in read-only styling */
     readOnly?: boolean;
+    /** Class name to target component */
+    className?: string;
 }
-export declare const Label: ({ children, id, htmlFor, size, isRequired, disabled, readOnly, }: LabelProps) => React.JSX.Element;
-declare const _default: React.MemoExoticComponent<({ children, id, htmlFor, size, isRequired, disabled, readOnly, }: LabelProps) => React.JSX.Element>;
+export declare const Label: ({ children, id, htmlFor, size, isRequired, disabled, readOnly, className, }: LabelProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<({ children, id, htmlFor, size, isRequired, disabled, readOnly, className, }: LabelProps) => React.JSX.Element>;
 export default _default;

package/esm/__internal__/label/label.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import a from"react";import r from"./label.style.js";const i=({children:a,id:i,htmlFor:l,size:d,isRequired:t,disabled:o,readOnly:m})=>e(r,{id:i,htmlFor:l,$size:d,$isRequired:t,$disabled:o,$readOnly:m,"data-component":"label","data-element":"label","aria-disabled":o||void 0,children:a});var l=a.memo(i);export{i as Label,l as default};
+import{jsx as e}from"react/jsx-runtime";import a from"react";import l from"./label.style.js";const r=({children:a,id:r,htmlFor:i,size:d,isRequired:s,disabled:t,readOnly:m,className:o})=>e(l,{className:o,id:r,htmlFor:i,$size:d,$isRequired:s,$disabled:t,$readOnly:m,"data-component":"label","data-element":"label","aria-disabled":t||void 0,children:a});var i=a.memo(r);export{r as Label,i as default};

package/esm/__internal__/label/label.style.js

@@ -1 +1 @@
-import e,{css as l}from"styled-components";import a from"./label-style-overrides.style.js";const t=e=>{switch(e){case"small":return"var(--global-font-static-comp-medium-s)";case"large":return"var(--global-font-static-comp-medium-l)";default:return"var(--global-font-static-comp-medium-m)"}},r=e.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_2_0__sc-9cb7a248-0"})(["",";font:",";"," .numeral-date-wrapper &,.time &{font:var(--global-font-static-comp-regular-m);}",""],(({$disabled:e,$readOnly:l})=>e?"\n        cursor: not-allowed;\n        color: var(--input-labelset-label-disabled);\n      ":l?"\n        cursor: pointer;\n        color: var(--input-labelset-label-readOnly);\n      ":"\n      cursor: pointer;\n      color: var(--input-labelset-label-default);\n    "),(({$size:e})=>t(e)),(({$isRequired:e,$size:a,$disabled:r})=>e&&l(['display:inline-flex;align-items:center;::after{content:"*";color:',";font:",";margin-left:4px;}"],r?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-required)",t(a))),a);export{r as default};
+import e,{css as l}from"styled-components";import a from"./label-style-overrides.style.js";const t=e=>{switch(e){case"small":return"var(--global-font-static-comp-medium-s)";case"large":return"var(--global-font-static-comp-medium-l)";default:return"var(--global-font-static-comp-medium-m)"}},r=e.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_2_1__sc-9cb7a248-0"})(["",";font:",";"," .numeral-date-wrapper &,.time &{font:var(--global-font-static-comp-regular-m);}",""],(({$disabled:e,$readOnly:l})=>e?"\n        cursor: not-allowed;\n        color: var(--input-labelset-label-disabled);\n      ":l?"\n        cursor: pointer;\n        color: var(--input-labelset-label-readOnly);\n      ":"\n      cursor: pointer;\n      color: var(--input-labelset-label-default);\n    "),(({$size:e})=>t(e)),(({$isRequired:e,$size:a,$disabled:r})=>e&&l(['display:inline-flex;align-items:center;::after{content:"*";color:',";font:",";margin-left:4px;}"],r?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-required)",t(a))),a);export{r as default};

package/esm/__internal__/legacy-error-border/error-border.style.js

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

package/esm/__internal__/legacy-hint-text/hint-text.style.js

@@ -1 +1 @@
-import t,{css as i}from"styled-components";const e=t.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_2_0__sc-88bb91cf-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:t})=>t&&i(["font-size:var(--fontSizes200);"])),(({align:t})=>i(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:t,isDisabled:e})=>i(["color:",";"],((t,i)=>t?"var(--colorsUtilityYang080)":i?"var(--input-labelset-label-disabled)":"var(--colorsUtilityYin055)")(t,e))),(({fontWeight:t})=>t&&i(["font-weight:",";"],t)),(({maxWidth:t})=>t&&i(["max-width:",";"],t)));export{e as default};
+import t,{css as i}from"styled-components";const e=t.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_2_1__sc-88bb91cf-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:t})=>t&&i(["font-size:var(--fontSizes200);"])),(({align:t})=>i(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:t,isDisabled:e})=>i(["color:",";"],((t,i)=>t?"var(--colorsUtilityYang080)":i?"var(--input-labelset-label-disabled)":"var(--colorsUtilityYin055)")(t,e))),(({fontWeight:t})=>t&&i(["font-weight:",";"],t)),(({maxWidth:t})=>t&&i(["max-width:",";"],t)));export{e as default};

package/esm/__internal__/legacy-input/input-presentation.style.js

@@ -1 +1 @@
-import r,{css as i}from"styled-components";import t from"./input-sizes.style.js";import o from"./input.style.js";import e from"../../style/utils/add-focus-styling.js";const n=r.div.withConfig({displayName:"input-presentation.style__StyledInputPresentationContainer",componentId:"carbon_v161_2_0__sc-83661d80-0"})(["flex:0 0 ","%;display:flex;position:relative;max-width:",";"],(({inputWidth:r})=>r),(({maxWidth:r})=>r?`${r}`:"100%")),a=r.div.withConfig({displayName:"input-presentation.style__InputPresentationStyle",componentId:"carbon_v161_2_0__sc-83661d80-1"})(["align-items:stretch;background:var(--colorsUtilityYang100);"," box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;width:100%;margin:0;"," "," "," "," "," "," "," input::-ms-clear{display:none;}input::-webkit-contacts-auto-fill-button{display:none !important;}"],(({hideBorders:r})=>r?"border: 1px solid transparent;":"border: 1px solid var(--colorsUtilityMajor300);"),(({borderRadius:r})=>Array.isArray(r)?`border-radius: ${r.map((r=>`var(--${r})`)).join(" ")};`:`border-radius: var(--${r});`),(({size:r,hasIcon:e,align:n})=>r&&i(["min-height:",";","{padding:0 ",";"," ","}"],t[r].height,o,t[r].horizontalPadding,e&&"right"===n&&"padding-left: 0;",e&&"left"===n&&"padding-right: 0;")),(({disabled:r,hideBorders:t})=>r&&i(["background:var(--colorsUtilityDisabled400);border-color:",";cursor:not-allowed;"],t?"transparent":"var(--colorsUtilityDisabled600)")),(({hasFocus:r})=>r&&i(["&{"," z-index:2;}"],e())),(function({error:r,warning:t,info:o,disabled:e,validationRedesignOptIn:n}){let a;if(e)return"";if(r)a="var(--colorsSemanticNegative500)";else if(t)a=n?"var(--colorsUtilityMajor300)":"var(--colorsSemanticCaution500)";else{if(!o)return"";a="var(--colorsSemanticInfo500)"}return i(["border-color:"," !important;z-index:1;",""],a,r&&`box-shadow: inset 1px 1px 0 ${a}, inset -1px -1px 0 ${a};`)}),(({readOnly:r})=>r&&i(["background-color:var(--colorsUtilityReadOnly400);border-color:transparent;"])),(({align:r})=>"right"===r&&"flex-direction: row-reverse;\n  "));export{n as StyledInputPresentationContainer,a as default};
+import r,{css as i}from"styled-components";import t from"./input-sizes.style.js";import o from"./input.style.js";import e from"../../style/utils/add-focus-styling.js";const n=r.div.withConfig({displayName:"input-presentation.style__StyledInputPresentationContainer",componentId:"carbon_v161_2_1__sc-83661d80-0"})(["flex:0 0 ","%;display:flex;position:relative;max-width:",";"],(({inputWidth:r})=>r),(({maxWidth:r})=>r?`${r}`:"100%")),a=r.div.withConfig({displayName:"input-presentation.style__InputPresentationStyle",componentId:"carbon_v161_2_1__sc-83661d80-1"})(["align-items:stretch;background:var(--colorsUtilityYang100);"," box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;width:100%;margin:0;"," "," "," "," "," "," "," input::-ms-clear{display:none;}input::-webkit-contacts-auto-fill-button{display:none !important;}"],(({hideBorders:r})=>r?"border: 1px solid transparent;":"border: 1px solid var(--colorsUtilityMajor300);"),(({borderRadius:r})=>Array.isArray(r)?`border-radius: ${r.map((r=>`var(--${r})`)).join(" ")};`:`border-radius: var(--${r});`),(({size:r,hasIcon:e,align:n})=>r&&i(["min-height:",";","{padding:0 ",";"," ","}"],t[r].height,o,t[r].horizontalPadding,e&&"right"===n&&"padding-left: 0;",e&&"left"===n&&"padding-right: 0;")),(({disabled:r,hideBorders:t})=>r&&i(["background:var(--colorsUtilityDisabled400);border-color:",";cursor:not-allowed;"],t?"transparent":"var(--colorsUtilityDisabled600)")),(({hasFocus:r})=>r&&i(["&{"," z-index:2;}"],e())),(function({error:r,warning:t,info:o,disabled:e,validationRedesignOptIn:n}){let a;if(e)return"";if(r)a="var(--colorsSemanticNegative500)";else if(t)a=n?"var(--colorsUtilityMajor300)":"var(--colorsSemanticCaution500)";else{if(!o)return"";a="var(--colorsSemanticInfo500)"}return i(["border-color:"," !important;z-index:1;",""],a,r&&`box-shadow: inset 1px 1px 0 ${a}, inset -1px -1px 0 ${a};`)}),(({readOnly:r})=>r&&i(["background-color:var(--colorsUtilityReadOnly400);border-color:transparent;"])),(({align:r})=>"right"===r&&"flex-direction: row-reverse;\n  "));export{n as StyledInputPresentationContainer,a as default};

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

@@ -1 +1 @@
-import o,{css as r}from"styled-components";const t=o.input.withConfig({displayName:"input.style__StyledInput",componentId:"carbon_v161_2_0__sc-745cf632-0"})(["background:transparent;border:none;color:var(--colorsUtilityYin090);flex-grow:1;font-size:var(--fontSizes100);outline:none;padding:0;margin:0;width:30px;&:-webkit-autofill{background-clip:text;-webkit-background-clip:text;}"," &::placeholder{color:var(--colorsUtilityYin055);}"," ",""],(({inputBorderRadius:o})=>Array.isArray(o)?`border-radius: ${o.map((o=>`var(--${o})`)).join(" ")};`:`border-radius: var(--${o});`),(({align:o})=>o&&r(["text-align:",";"],o)),(({disabled:o})=>o&&r(["color:var(--colorsUtilityYin030);cursor:not-allowed;"])));export{t as default};
+import o,{css as r}from"styled-components";const t=o.input.withConfig({displayName:"input.style__StyledInput",componentId:"carbon_v161_2_1__sc-745cf632-0"})(["background:transparent;border:none;color:var(--colorsUtilityYin090);flex-grow:1;font-size:var(--fontSizes100);outline:none;padding:0;margin:0;width:30px;&:-webkit-autofill{background-clip:text;-webkit-background-clip:text;}"," &::placeholder{color:var(--colorsUtilityYin055);}"," ",""],(({inputBorderRadius:o})=>Array.isArray(o)?`border-radius: ${o.map((o=>`var(--${o})`)).join(" ")};`:`border-radius: var(--${o});`),(({align:o})=>o&&r(["text-align:",";"],o)),(({disabled:o})=>o&&r(["color:var(--colorsUtilityYin030);cursor:not-allowed;"])));export{t as default};

package/esm/__internal__/legacy-label/icon-wrapper.style.js

@@ -1 +1 @@
-import o from"styled-components";import i from"../validations/validation-icon.style.js";import t from"../../components/help/help.style.js";const n=o.div.withConfig({displayName:"icon-wrapper.style__StyledIconWrapper",componentId:"carbon_v161_2_0__sc-cadb2c42-0"})(["display:inline-block;margin:0;margin-left:4px;width:24px;height:24px;position:relative;margin-top:-3px;margin-bottom:-4px;vertical-align:top;:focus{outline:2px solid var(--colorsSemanticFocus500);}",",","{position:static;}"],i,t);export{n as default};
+import o from"styled-components";import i from"../validations/validation-icon.style.js";import t from"../../components/help/help.style.js";const n=o.div.withConfig({displayName:"icon-wrapper.style__StyledIconWrapper",componentId:"carbon_v161_2_1__sc-cadb2c42-0"})(["display:inline-block;margin:0;margin-left:4px;width:24px;height:24px;position:relative;margin-top:-3px;margin-bottom:-4px;vertical-align:top;:focus{outline:2px solid var(--colorsSemanticFocus500);}",",","{position:static;}"],i,t);export{n as default};

package/esm/__internal__/legacy-label/label.component.d.ts

@@ -32,6 +32,6 @@ export interface LabelProps extends ValidationProps, StyledLabelProps, StyledLab
     /** @internal @private */
     onClick?: () => void;
 }
-export declare const Label: ({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, className, onClick, "aria-label": ariaLabel, isLarge, }: LabelProps) => React.JSX.Element;
-declare const _default: React.MemoExoticComponent<({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, className, onClick, "aria-label": ariaLabel, isLarge, }: LabelProps) => React.JSX.Element>;
+export declare const Label: ({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, pr, tooltipId, useValidationIcon, validationIconId, warning, width, className, onClick, "aria-label": ariaLabel, isLarge, }: LabelProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, pr, tooltipId, useValidationIcon, validationIconId, warning, width, className, onClick, "aria-label": ariaLabel, isLarge, }: LabelProps) => React.JSX.Element>;
 export default _default;

package/esm/__internal__/legacy-label/label.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o,{useState as n,useContext as t,useRef as i}from"react";import{Help as l}from"../../components/help/help.component.js";import a,{StyledLabelContainer as c}from"./label.style.js";import{ValidationIcon as s}from"../validations/validation-icon.component.js";import p from"./icon-wrapper.style.js";import{InputContext as u}from"../input-behaviour/input-behaviour.component.js";import{InputGroupContext as d}from"../input-behaviour/input-group-behaviour.component.js";import b from"../utils/helpers/guid/index.js";function m(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function f(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(r){m(e,r,o[r])}))}return e}function g(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 o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})),e}const h=({align:o,as:m="label",children:h,disabled:O,error:j,help:y,helpIcon:v,htmlFor:w,info:P,inline:k,isDarkBackground:I=!1,isRequired:D,labelId:L,pr:M,pl:E,tooltipId:F,useValidationIcon:S=!0,validationIconId:x,warning:B,width:q=30,className:C,onClick:N,"aria-label":R,isLarge:V})=>{const[$,z]=n(!1),{onMouseEnter:A,onMouseLeave:G}=t(u),{onMouseEnter:H,onMouseLeave:J}=t(d),K=i(b());let Q;return Q=k&&!o?"right":o||"left",e(c,{"data-role":"label-container",id:`label-container-${null!=L?L:K.current}`,align:Q,inline:k,width:q,pr:M,pl:E,className:C,onClick:N,children:[r(a,g(f({"aria-disabled":O||void 0,"data-element":"label",disabled:O,id:L},"label"===m?{htmlFor:w}:{}),{onMouseEnter:()=>{A&&A(),H&&H()},onMouseLeave:()=>{G&&G(),J&&J()},isRequired:D,as:m,"aria-label":R,isDarkBackground:I,isLarge:V,children:h})),(()=>{const e={onFocus:()=>z(!0),onBlur:()=>z(!1)};if(S&&(({error:e,warning:r,info:o,disabled:n})=>!n&&"string"==typeof(e||r||o))({error:j,warning:B,info:P,disabled:O})){const e=(({error:e,warning:r,info:o,inline:n})=>(e||r||o)&&n?"top":"right")({error:j,warning:B,info:P,inline:k});return r(p,{children:r(s,{tooltipId:x,error:j,warning:B,info:P,tooltipPosition:e,tooltipFlipOverrides:["top","bottom"]})})}return y&&r(p,g(f({},e),{children:r(l,{tooltipId:F,type:v,isFocused:$,children:y})}))})()]})};var O=o.memo(h);export{h as Label,O as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o,{useState as n,useContext as t,useRef as i}from"react";import{Help as l}from"../../components/help/help.component.js";import a,{StyledLabelContainer as c}from"./label.style.js";import{ValidationIcon as s}from"../validations/validation-icon.component.js";import p from"./icon-wrapper.style.js";import{InputContext as u}from"../input-behaviour/input-behaviour.component.js";import{InputGroupContext as d}from"../input-behaviour/input-group-behaviour.component.js";import b from"../utils/helpers/guid/index.js";function m(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function f(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(r){m(e,r,o[r])}))}return e}function g(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 o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})),e}const h=({align:o,as:m="label",children:h,disabled:O,error:j,help:y,helpIcon:v,htmlFor:w,info:P,inline:k,isDarkBackground:I=!1,isRequired:D,labelId:L,pr:M,tooltipId:E,useValidationIcon:F=!0,validationIconId:S,warning:x,width:B=30,className:q,onClick:C,"aria-label":N,isLarge:R})=>{const[V,$]=n(!1),{onMouseEnter:z,onMouseLeave:A}=t(u),{onMouseEnter:G,onMouseLeave:H}=t(d),J=i(b());let K;return K=k&&!o?"right":o||"left",e(c,{"data-role":"label-container",id:`label-container-${null!=L?L:J.current}`,align:K,inline:k,width:B,pr:M,className:q,onClick:C,children:[r(a,g(f({"aria-disabled":O||void 0,"data-element":"label",disabled:O,id:L},"label"===m?{htmlFor:w}:{}),{onMouseEnter:()=>{z&&z(),G&&G()},onMouseLeave:()=>{A&&A(),H&&H()},isRequired:D,as:m,"aria-label":N,isDarkBackground:I,isLarge:R,children:h})),(()=>{const e={onFocus:()=>$(!0),onBlur:()=>$(!1)};if(F&&(({error:e,warning:r,info:o,disabled:n})=>!n&&"string"==typeof(e||r||o))({error:j,warning:x,info:P,disabled:O})){const e=(({error:e,warning:r,info:o,inline:n})=>(e||r||o)&&n?"top":"right")({error:j,warning:x,info:P,inline:k});return r(p,{children:r(s,{tooltipId:S,error:j,warning:x,info:P,tooltipPosition:e,tooltipFlipOverrides:["top","bottom"]})})}return y&&r(p,g(f({},e),{children:r(l,{tooltipId:E,type:v,isFocused:V,children:y})}))})()]})};var O=o.memo(h);export{h as Label,O as default};

package/esm/__internal__/legacy-label/label.style.d.ts

@@ -16,8 +16,6 @@ export interface StyledLabelContainerProps {
     inline?: boolean;
     /** Padding right, integer multiplied by base spacing constant (8) */
     pr?: 1 | 2;
-    /** Padding left, integer multiplied by base spacing constant (8) */
-    pl?: 1 | 2;
     /** Label width */
     width?: number;
 }

package/esm/__internal__/legacy-label/label.style.js

@@ -1 +1 @@
-import t,{css as a}from"styled-components";const i=t.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_2_0__sc-9dd7c70a-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>a(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&a(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&a(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&a(["color:var(--input-labelset-label-disabled);"]))),e=t.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"carbon_v161_2_0__sc-9dd7c70a-1"})(["display:flex;align-items:center;margin-bottom:8px;.fieldset-content &{margin-bottom:var(--global-space-comp-xs);}"," ",""],(({align:t})=>a(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:i,pl:e,width:o})=>t&&a(["box-sizing:border-box;margin-bottom:0;",";",";width:","%;"],i&&a(["padding-right:var(",");"],1===i?"--spacing100":"--spacing200"),e&&a(["padding-left:var(",");"],1===e?"--spacing100":"--spacing200"),o)));export{e as StyledLabelContainer,i as default};
+import t,{css as a}from"styled-components";const e=t.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_2_1__sc-1af3965d-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>a(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&a(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&a(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&a(["color:var(--input-labelset-label-disabled);"]))),i=t.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"carbon_v161_2_1__sc-1af3965d-1"})(["display:flex;align-items:center;margin-bottom:8px;.fieldset-content &{margin-bottom:var(--global-space-comp-xs);}"," ",""],(({align:t})=>a(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:e,width:i})=>t&&a(["box-sizing:border-box;margin-bottom:0;",";width:","%;"],e&&a(["padding-right:var(",");"],1===e?"--spacing100":"--spacing200"),i)));export{i as StyledLabelContainer,e as default};