carbon-react 159.3.0 → 159.4.0

package/esm/components/textbox/textbox.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as n,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useCallback as o,useState as l}from"react";import{TextInput as a}from"./__internal__/__next__/text-input.component.js";import c from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import d from"../../hooks/useCharacterCount/useCharacterCount.js";import u from"../../hooks/__internal__/useUniqueId/index.js";import p from"../../__internal__/utils/helpers/combine-refs/index.js";function s(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){s(e,n,r[n])}))}return e}const b="medium",m=30,h=!1,y=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),O=t.forwardRef(((t,s)=>{var{"aria-describedby":m,"aria-labelledby":h,characterLimit:O,children:g,"data-component":j,"data-element":w,"data-role":v,deferTimeout:C,disabled:_,error:x,formattedValue:P,fieldHelp:k,iconOnClick:I,iconOnMouseDown:D,iconTabIndex:S,id:T,inputHint:M,inputIcon:H,inputWidth:W,label:B,labelHelp:L,labelInline:q,leftChildren:z,maxWidth:E,name:F,onBlur:A,onFocus:V,onChange:$,onChangeDeferred:R,onClick:U,onMouseDown:G,placeholder:J,positionedChildren:K,prefix:N,readOnly:Q,required:X,size:Y=b,warning:Z,validationMessagePositionTop:ee=!0,value:ne}=t,re=function(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(t,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[te,ie]=u(T,F),oe=i(null),le=i(null),ae=p(s,le),ce=o((e=>{if(_||Q)return;const n=null!=I?I:U;null==n||n(e)}),[I,U,_,Q]),de=o((e=>{if(_||Q)return;const n=null!=D?D:G;null==n||n(e)}),[D,G,_,Q]),ue="string"==typeof H?r(c,{inputIcon:H,disabled:_,error:x,iconTabIndex:S,onClick:ce,onMouseDown:de,readOnly:Q,size:Y,warning:Z,blockFocusStyling:!0}):null,pe=o((e=>{R&&(oe.current&&clearTimeout(oe.current),oe.current=setTimeout((()=>{R(e)}),C||750))}),[R,C]),se=o((e=>{$(e),pe(e)}),[$,pe]),fe="string"==typeof ne?ne:"",[be,me]=l("off"),[he,ye]=d(fe,O,be),Oe=[m,ye,k?`${te}-field-help`:void 0].filter(Boolean).join(" "),ge="string"==typeof L?L:void 0;return e(n,{children:[r(a,(je=f({},(ve=re,Object.fromEntries(Object.entries(ve).filter((([e])=>!y.has(e)))))),we={id:te,label:B||"",labelInline:q,disabled:_,readOnly:Q,size:Y,prefix:N,inputHint:M||ge,inputIcon:ue,placeholder:J,value:"string"==typeof P?P:null!=ne?ne:"",inputWidth:W,error:x,warning:Z,"aria-describedby":Oe,"aria-labelledby":h,required:X,name:ie,onChange:se,onBlur:e=>{O&&me("off"),null==A||A(e)},onFocus:e=>{O&&me("polite"),null==V||V(e)},onClick:U,onMouseDown:G,ref:ae,maxWidth:E,"data-component":j,"data-element":w,"data-role":v,validationMessagePositionTop:ee,leftChildren:z||K,children:g},we=null!=we?we:{},Object.getOwnPropertyDescriptors?Object.defineProperties(je,Object.getOwnPropertyDescriptors(we)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(we)).forEach((function(e){Object.defineProperty(je,e,Object.getOwnPropertyDescriptor(we,e))})),je)),he,k&&r("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:W?W-1+"%":"100%",float:"right"},id:`${te}-field-help`,children:k})]});var je,we,ve}));export{h as LABEL_VALIDATION_DEFAULT,m as LABEL_WIDTH_DEFAULT,b as SIZE_DEFAULT,O as Textbox,O as default};
+import{jsxs as e,Fragment as n,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useCallback as o,useState as l}from"react";import{TextInput as a}from"./__internal__/__next__/text-input.component.js";import c from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import d from"../../hooks/useCharacterCount/useCharacterCount.js";import u from"../../hooks/__internal__/useUniqueId/index.js";import p from"../../__internal__/utils/helpers/combine-refs/index.js";function s(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){s(e,n,r[n])}))}return e}const b="medium",m=30,h=!1,y=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),O=t.forwardRef(((t,s)=>{var{"aria-describedby":m,"aria-labelledby":h,characterLimit:O,children:g,"data-component":j,"data-element":w,"data-role":v,deferTimeout:C,disabled:_,error:x,formattedValue:P,fieldHelp:k,iconOnClick:I,iconOnMouseDown:D,iconTabIndex:S,id:T,inputHint:M,inputIcon:H,inputWidth:W,label:B,labelHelp:L,labelInline:q,leftChildren:z,maxWidth:E,name:F,onBlur:A,onFocus:V,onChange:$,onChangeDeferred:R,onClick:U,onMouseDown:G,placeholder:J,positionedChildren:K,prefix:N,readOnly:Q,required:X,size:Y=b,warning:Z,validationMessagePositionTop:ee=!0,value:ne}=t,re=function(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(t,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[te,ie]=u(T,F),oe=i(null),le=i(null),ae=p(s,le),ce=o((e=>{if(_||Q)return;const n=null!=I?I:U;null==n||n(e)}),[I,U,_,Q]),de=o((e=>{if(_||Q)return;const n=null!=D?D:G;null==n||n(e)}),[D,G,_,Q]),ue="string"==typeof H?r(c,{inputIcon:H,disabled:_,error:x,iconTabIndex:S,onClick:ce,onMouseDown:de,readOnly:Q,size:Y,warning:Z,blockFocusStyling:!0}):null,pe=o((e=>{R&&(oe.current&&clearTimeout(oe.current),oe.current=setTimeout((()=>{R(e)}),C||750))}),[R,C]),se=o((e=>{$(e),pe(e)}),[$,pe]),fe="string"==typeof ne?ne:"",[be,me]=l("off"),[he,ye]=d(fe,O,be),Oe=[m,ye,k?`${te}-field-help`:void 0].filter(Boolean).join(" "),ge="string"==typeof L?L:void 0;return e(n,{children:[r(a,(je=f({},(ve=re,Object.fromEntries(Object.entries(ve).filter((([e])=>!y.has(e)))))),we={id:te,label:B||"",labelInline:q,disabled:_,readOnly:Q,size:Y,prefix:N,inputHint:M||ge,inputIcon:ue,placeholder:J,value:"string"==typeof P?P:null!=ne?ne:"",inputWidth:W,error:x,warning:Z,"aria-describedby":Oe,"aria-labelledby":h,required:X,name:ie,onChange:se,onBlur:e=>{O&&me("off"),null==A||A(e)},onFocus:e=>{O&&me("polite"),null==V||V(e)},onClick:U,onMouseDown:G,ref:ae,maxWidth:E,"data-component":j,"data-element":w,"data-role":v,validationMessagePositionTop:ee,leftChildren:z||K,children:g},we=null!=we?we:{},Object.getOwnPropertyDescriptors?Object.defineProperties(je,Object.getOwnPropertyDescriptors(we)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(we)).forEach((function(e){Object.defineProperty(je,e,Object.getOwnPropertyDescriptor(we,e))})),je)),he,k&&r("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:W?W-1+"%":"100%",float:"right"},id:`${te}-field-help`,"aria-disabled":_||void 0,children:k})]});var je,we,ve}));export{h as LABEL_VALIDATION_DEFAULT,m as LABEL_WIDTH_DEFAULT,b as SIZE_DEFAULT,O as Textbox,O as default};

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./hint-text.style.js");const r=({children:r,id:i,size:s,disabled:d})=>e.jsx(t.default,{"data-element":"input-hint","data-role":"hint-text",id:i,$size:s,$disabled:d,children:r});exports.HintText=r,exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./hint-text.style.js");const i=({children:i,id:r,size:d,disabled:a})=>e.jsx(t.default,{"data-element":"input-hint","data-role":"hint-text",id:r,$size:d,$disabled:a,"aria-disabled":a||void 0,children:i});exports.HintText=i,exports.default=i;

package/lib/__internal__/label/label.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("./label.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=({children:r,id:t,htmlFor:a,size:d,isRequired:i,disabled:s,readOnly:u})=>e.jsx(l.default,{id:t,htmlFor:a,$size:d,$isRequired:i,$disabled:s,$readOnly:u,"data-component":"label","data-element":"label",children:r});var d=t(r).default.memo(a);exports.Label=a,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("./label.style.js");function a(e){return e&&e.__esModule?e:{default:e}}const d=({children:r,id:a,htmlFor:d,size:t,isRequired:i,disabled:s,readOnly:u})=>e.jsx(l.default,{id:a,htmlFor:d,$size:t,$isRequired:i,$disabled:s,$readOnly:u,"data-component":"label","data-element":"label","aria-disabled":s||void 0,children:r});var t=a(r).default.memo(d);exports.Label=d,exports.default=t;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components");function e(t){return t&&t.__esModule?t:{default:t}}const i=e(t).default.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"sc-92b90b9-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:e})=>e&&t.css(["font-size:var(--fontSizes200);"])),(({align:e})=>t.css(["justify-content:",";"],"right"!==e?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:e,isDisabled:i})=>t.css(["color:",";"],((t,e)=>t?"var(--colorsUtilityYang080)":e?"var(--colorsUtilityYin030)":"var(--colorsUtilityYin055)")(e,i))),(({fontWeight:e})=>e&&t.css(["font-weight:",";"],e)),(({maxWidth:e})=>e&&t.css(["max-width:",";"],e)));exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components");function e(t){return t&&t.__esModule?t:{default:t}}const i=e(t).default.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"sc-88bb91cf-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:e})=>e&&t.css(["font-size:var(--fontSizes200);"])),(({align:e})=>t.css(["justify-content:",";"],"right"!==e?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:e,isDisabled:i})=>t.css(["color:",";"],((t,e)=>t?"var(--colorsUtilityYang080)":e?"var(--input-labelset-label-disabled)":"var(--colorsUtilityYin055)")(e,i))),(({fontWeight:e})=>e&&t.css(["font-weight:",";"],e)),(({maxWidth:e})=>e&&t.css(["max-width:",";"],e)));exports.default=i;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const s=i.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-e75e7420-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>e.css(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&e.css(["color:var(--colorsUtilityYin030);"]))),a=i.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"sc-e75e7420-1"})(["display:flex;align-items:center;margin-bottom:8px;"," ",""],(({align:t})=>e.css(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:i,pl:s,width:a})=>t&&e.css(["box-sizing:border-box;margin-bottom:0;",";",";width:","%;"],i&&e.css(["padding-right:var(",");"],1===i?"--spacing100":"--spacing200"),s&&e.css(["padding-left:var(",");"],1===s?"--spacing100":"--spacing200"),a)));exports.StyledLabelContainer=a,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i=a.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-ef9321a8-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>e.css(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&e.css(["color:var(--input-labelset-label-disabled);"]))),s=a.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"sc-ef9321a8-1"})(["display:flex;align-items:center;margin-bottom:8px;"," ",""],(({align:t})=>e.css(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:a,pl:i,width:s})=>t&&e.css(["box-sizing:border-box;margin-bottom:0;",";",";width:","%;"],a&&e.css(["padding-right:var(",");"],1===a?"--spacing100":"--spacing200"),i&&e.css(["padding-left:var(",");"],1===i?"--spacing100":"--spacing200"),s)));exports.StyledLabelContainer=s,exports.default=i;

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

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

@@ -1,5 +1,5 @@
-import { LinkProps } from "../../link";
-interface StyledCrumbProps extends LinkProps {
+import { StyledLinkProps } from "../../link/link.style";
+interface StyledCrumbProps extends StyledLinkProps {
     $isCurrent?: boolean;
 }
 export declare const StyledCrumbCurrent: import("styled-components").StyledComponent<"span", any, StyledCrumbProps, never>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e);const a=e=>e?"var(--container-standard-inverse-txt-alt)":"var(--container-standard-txt-alt)",o=r.default.span.withConfig({displayName:"crumb.style__StyledCrumbCurrent",componentId:"sc-c06f49a7-0"})(["",""],(({inverse:t})=>e.css(["font:var(--global-font-static-comp-regular-m);cursor:text;color:",";"],a(t)))),n=r.default.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-c06f49a7-1"})(['::after{content:"/";margin-left:var(--global-space-comp-s);font:var(--global-font-static-comp-regular-m);',"}"],(({$inverse:t})=>e.css(["color:",";"],a(t))));var s={Divider:n};exports.Divider=n,exports.StyledCrumbCurrent=o,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e);const a=e=>e?"var(--container-standard-inverse-txt-alt)":"var(--container-standard-txt-alt)",o=r.default.span.withConfig({displayName:"crumb.style__StyledCrumbCurrent",componentId:"sc-37b8525-0"})(["",""],(({$inverse:t})=>e.css(["font:var(--global-font-static-comp-regular-m);cursor:text;color:",";"],a(t)))),n=r.default.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-37b8525-1"})(['::after{content:"/";margin-left:var(--global-space-comp-s);font:var(--global-font-static-comp-regular-m);',"}"],(({$inverse:t})=>e.css(["color:",";"],a(t))));var s={Divider:n};exports.Divider=n,exports.StyledCrumbCurrent=o,exports.default=s;

package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),s=require("../button-toggle.style.js");function r(t){return t&&t.__esModule?t:{default:t}}const l=r(t).default.div.attrs(o.default).attrs({type:"button"}).withConfig({displayName:"button-toggle-group.style__StyledButtonToggleGroup",componentId:"sc-2a42cbae-0"})([""," display:flex;box-shadow:inset 0px 0px 0px 1px var(--colorsActionMinor500);border-radius:var(--borderRadius100);padding:4px;gap:4px;width:fit-content;height:fit-content;flex-wrap:",";"," "," ",""],e.margin,(({labelInline:t})=>t?"nowrap":"wrap"),(({disabled:e})=>e&&t.css(["cursor:not-allowed;box-shadow:inset 0px 0px 0px 1px var(--colorsActionDisabled600);"])),(({fullWidth:e})=>e&&t.css(["width:100%;","{width:100%;}","{flex:auto;}"],s.StyledButtonToggle,s.StyledButtonToggleWrapper)),(({inputWidth:e})=>e&&t.css(["width:",";"],`${e}%`)));exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),r=require("../button-toggle.style.js");function s(t){return t&&t.__esModule?t:{default:t}}const l=s(t).default.div.attrs(o.default).attrs({type:"button"}).withConfig({displayName:"button-toggle-group.style__StyledButtonToggleGroup",componentId:"sc-e2730b28-0"})([""," display:flex;box-shadow:inset 0px 0px 0px 1px var(--colorsActionMinor500);border-radius:var(--borderRadius100);padding:4px;gap:4px;width:fit-content;height:fit-content;flex-wrap:",";"," "," ",""],e.margin,(({labelInline:t})=>t?"nowrap":"wrap"),(({disabled:e})=>e&&t.css(["cursor:not-allowed;box-shadow:inset 0px 0px 0px 1px var(--button-typical-toggle-border-disabled);"])),(({fullWidth:e})=>e&&t.css(["width:100%;","{width:100%;}","{flex:auto;}"],r.StyledButtonToggle,r.StyledButtonToggleWrapper)),(({inputWidth:e})=>e&&t.css(["width:",";"],`${e}%`)));exports.default=l;

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

@@ -1 +1 @@
-"use strict";var o=require("styled-components"),e=require("../icon/icon.style.js"),t=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js");function i(o){return o&&o.__esModule?o:{default:o}}var n=i(o);const a={small:24,medium:32,large:40},l={small:14,medium:14,large:16},s={small:8,medium:8,large:12},c={small:72,medium:88,large:120},g={small:"var(--spacing100)",medium:"var(--spacing100) var(--spacing150) var(--spacing000)",large:"var(--spacing100) var(--spacing300)"},d=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleContentWrapper",componentId:"sc-71ea6e06-0"})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-flow:wrap;"]),u=n.default.button.attrs(t.default).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-71ea6e06-1"})(["display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;max-width:100%;font-weight:500;background-color:transparent;cursor:pointer;text-align:center;color:var(--colorsActionMinor500);border:none;","{color:var(--colorsActionMinor500);height:var(--sizing250);width:var(--sizing250);}"," "," &:focus{"," z-index:100;}&:not(:disabled):hover{background-color:var(--colorsActionMinor600);color:var(--colorsActionMinorYang100);",'{color:var(--colorsActionMinorYang100);}}&[aria-pressed="true"]{background-color:var(--colorsActionMinor850);color:var(--colorsActionMinorYang100);',"{color:var(--colorsActionMinorYang100);}","}",""],e.default,(({size:e})=>o.css(["min-height:","px;padding:0 ","px;font-size:","px;"],a[e],s[e],l[e])),(({buttonIcon:e,buttonIconSize:t,size:r})=>e&&"large"===t&&o.css(["min-height:","px;padding:",";flex-direction:column;"],c[r],g[r])),r.default(),e.default,e.default,(({allowDeselect:e})=>!e&&o.css(["cursor:auto;"])),(({disabled:t})=>t&&o.css(["cursor:not-allowed;&{color:var(--colorsActionMinorYin030);",'{color:var(--colorsActionMinorYin030);}}&[aria-pressed="true"]{cursor:not-allowed;background-color:var(--colorsActionMinorYin030);}'],e.default))),p=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleIcon",componentId:"sc-71ea6e06-2"})([""," ",""],(({hasContent:o})=>o&&"margin-right: 8px;"),(({buttonIconSize:t})=>"large"===t&&o.css(["margin-right:0;","{margin-left:0;margin-right:0;margin-bottom:8px;height:var(--sizing400);width:var(--sizing400);}","::before{font-size:var(--sizing400);line-height:var(--sizing400);}.carbon-icon__svg--credit-card-slash{margin-left:6px;}"],e.default,e.default))),m=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleWrapper",componentId:"sc-71ea6e06-3"})(["display:inline-block;vertical-align:middle;&&&&{","{border-radius:var(--borderRadius050);}}"],u);exports.StyledButtonToggle=u,exports.StyledButtonToggleContentWrapper=d,exports.StyledButtonToggleIcon=p,exports.StyledButtonToggleWrapper=m,exports.fontSizeConfig=l,exports.heightConfig=a,exports.paddingConfig=s;
+"use strict";var o=require("styled-components"),e=require("../icon/icon.style.js"),t=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js");function i(o){return o&&o.__esModule?o:{default:o}}var n=i(o);const l={small:24,medium:32,large:40},a={small:14,medium:14,large:16},s={small:8,medium:8,large:12},d={small:72,medium:88,large:120},g={small:"var(--spacing100)",medium:"var(--spacing100) var(--spacing150) var(--spacing000)",large:"var(--spacing100) var(--spacing300)"},c=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleContentWrapper",componentId:"sc-d02b9d63-0"})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-flow:wrap;"]),u=n.default.button.attrs(t.default).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-d02b9d63-1"})(["display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;max-width:100%;font-weight:500;background-color:transparent;cursor:pointer;text-align:center;color:var(--colorsActionMinor500);border:none;","{color:var(--colorsActionMinor500);height:var(--sizing250);width:var(--sizing250);}"," "," &:focus{"," z-index:100;}&:not(:disabled):hover{background-color:var(--colorsActionMinor600);color:var(--colorsActionMinorYang100);",'{color:var(--colorsActionMinorYang100);}}&[aria-pressed="true"]{background-color:var(--colorsActionMinor850);color:var(--colorsActionMinorYang100);',"{color:var(--colorsActionMinorYang100);}","}",""],e.default,(({size:e})=>o.css(["min-height:","px;padding:0 ","px;font-size:","px;"],l[e],s[e],a[e])),(({buttonIcon:e,buttonIconSize:t,size:r})=>e&&"large"===t&&o.css(["min-height:","px;padding:",";flex-direction:column;"],d[r],g[r])),r.default(),e.default,e.default,(({allowDeselect:e})=>!e&&o.css(["cursor:auto;"])),(({disabled:t})=>t&&o.css(["cursor:not-allowed;&{color:var(--button-typical-toggle-label-disabled);",'{color:var(--button-typical-toggle-label-disabled);}}&[aria-pressed="true"]{cursor:not-allowed;background-color:var(--colorsActionMinorYin030);}'],e.default))),p=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleIcon",componentId:"sc-d02b9d63-2"})([""," ",""],(({hasContent:o})=>o&&"margin-right: 8px;"),(({buttonIconSize:t})=>"large"===t&&o.css(["margin-right:0;","{margin-left:0;margin-right:0;margin-bottom:8px;height:var(--sizing400);width:var(--sizing400);}","::before{font-size:var(--sizing400);line-height:var(--sizing400);}.carbon-icon__svg--credit-card-slash{margin-left:6px;}"],e.default,e.default))),m=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleWrapper",componentId:"sc-d02b9d63-3"})(["display:inline-block;vertical-align:middle;&&&&{","{border-radius:var(--borderRadius050);}}"],u);exports.StyledButtonToggle=u,exports.StyledButtonToggleContentWrapper=c,exports.StyledButtonToggleIcon=p,exports.StyledButtonToggleWrapper=m,exports.fontSizeConfig=a,exports.heightConfig=l,exports.paddingConfig=s;

package/lib/components/dialog/dialog.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./__internal__/__next__/dialog.component.js"),a=require("../../__internal__/utils/logger/index.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let n=!1,l=!1,s=!1,o=!1,d=!1,u=!1;const c=r.forwardRef(((r,c)=>{var{disableClose:g,pagesStyling:p,fullscreen:f,highlightVariant:m,disableContentPadding:b,size:y="medium",gradientKeyLine:h}=r,v=function(e,r){if(null==e)return{};var t,a,i=function(e,r){if(null==e)return{};var t,a,i={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(i[t]=e[t]);return i}(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)&&(i[t]=e[t])}return i}(r,["disableClose","pagesStyling","fullscreen","highlightVariant","disableContentPadding","size","gradientKeyLine"]);n||(a.default.warn("Warning: This version of the `Dialog` component is a migration wrapper..."),n=!0),l||void 0===f||(l=!0,a.default.deprecate('The fullscreen prop in Dialog is deprecated. Please use size="fullscreen" instead.')),s||void 0===m||(s=!0,a.default.deprecate("The highlightVariant prop is deprecated. Please use gradientKeyLine instead.")),o||void 0===g||(o=!0,a.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),d||void 0===p||(d=!0,a.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),u||"auto"!==y||(u=!0,a.default.deprecate('The `size="auto"` prop in Dialog is deprecated and has been defaulted to `size="large"`. Please use a specific size value instead.'));const O=((e,r)=>{if(r)return"fullscreen";switch(e){case"extra-small":case"small":return"small";case"medium-small":case"medium":default:return"medium";case"medium-large":case"large":case"extra-large":case"auto":return"large";case"fullscreen":case"maximise":return"fullscreen"}})(y,f),j=((e,r)=>void 0!==r?r:"ai"===e)(m,h);return e.jsx(t.Dialog,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){i(e,r,t[r])}))}return e}({ref:c,size:O,gradientKeyLine:j,disableContentPadding:b,pagesStyling:p},v))}));c.displayName="Dialog",exports.Dialog=c,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./__internal__/__next__/dialog.component.js"),a=require("../../__internal__/utils/logger/index.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let n=!1,l=!1,s=!1,o=!1,d=!1;const u=r.forwardRef(((r,u)=>{var{disableClose:c,pagesStyling:g,fullscreen:p,highlightVariant:f,disableContentPadding:b,size:m="medium",gradientKeyLine:y}=r,h=function(e,r){if(null==e)return{};var t,a,i=function(e,r){if(null==e)return{};var t,a,i={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(i[t]=e[t]);return i}(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)&&(i[t]=e[t])}return i}(r,["disableClose","pagesStyling","fullscreen","highlightVariant","disableContentPadding","size","gradientKeyLine"]);n||void 0===p||(n=!0,a.default.deprecate('The fullscreen prop in Dialog is deprecated. Please use size="fullscreen" instead.')),l||void 0===f||(l=!0,a.default.deprecate("The highlightVariant prop is deprecated. Please use gradientKeyLine instead.")),s||void 0===c||(s=!0,a.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),o||void 0===g||(o=!0,a.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),d||"auto"!==m||(d=!0,a.default.deprecate('The `size="auto"` prop in Dialog is deprecated and has been defaulted to `size="large"`. Please use a specific size value instead.'));const v=((e,r)=>{if(r)return"fullscreen";switch(e){case"extra-small":case"small":return"small";case"medium-small":case"medium":default:return"medium";case"medium-large":case"large":case"extra-large":case"auto":return"large";case"fullscreen":case"maximise":return"fullscreen"}})(m,p),O=((e,r)=>void 0!==r?r:"ai"===e)(f,y);return e.jsx(t.Dialog,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){i(e,r,t[r])}))}return e}({ref:u,size:v,gradientKeyLine:O,disableContentPadding:b,pagesStyling:g},h))}));u.displayName="Dialog",exports.Dialog=u,exports.default=u;

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

@@ -2,7 +2,7 @@ import React from "react";
 import { IconType } from "../icon";
 import { StyledLinkProps } from "./link.style";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-export interface LinkProps extends StyledLinkProps, React.AriaAttributes, Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download">, TagProps {
+export interface LinkProps extends React.AriaAttributes, Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download">, TagProps {
     /** An href for an anchor tag. */
     href?: string;
     /** An icon to display next to the link. */
@@ -35,6 +35,26 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, Pick<R
     /** [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";
+    /** @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";
+    /** Which side of the link to the render the link. */
+    iconAlign?: "left" | "right";
+    /** Allows to create skip link */
+    isSkipLink?: 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;
+    /** Sets the link style to bold */
+    bold?: boolean;
 }
+type Variants = Exclude<StyledLinkProps["$variant"], undefined>;
 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"),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 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}let f=!1,y=!1,k=!1,v=!1;const O={default:!1,neutral:!1},g={default:"typical",neutral:"subtle"},j=c.default.forwardRef(((u,d)=>{var{children:j,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",download:K,bold:R=!1}=u,$=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}(u,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","removeAriaLabelOnIcon","className","linkSize","download","bold"]);const[W,G]=t.useState(!1),H=l.default(),{inMenu:J}=t.useContext(r.default),{batchSelectionDisabled:Q}=t.useContext(a.default),U=x||Q,V=t.useRef(null);!f&&x&&(f=!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.")),!v&&T&&(v=!0,s.default.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!O[E]&&g[E]&&(O[E]=!0,s.default.deprecate(`The value '${E}' for the variant prop is deprecated and will soon be removed. Please use value '${g[E]}' instead.`));const X=null!=I?I:T;var Y;const Z=null!==(Y=g[E])&&void 0!==Y?Y:E,ee=t.useCallback((e=>{V.current=e,d&&("function"!=typeof d?"object"!=typeof d||(d.current=e):d(e))}),[d]),te=t.useCallback((e=>{var t,n;null===(n=V.current)||void 0===n||null===(t=n.focus)||void 0===t||t.call(n,{preventScroll:!0}),null==w||w(e)}),[w]),ne=(t="left")=>P&&L===t?e.jsx(n.default,{type:P,disabled:U,ariaLabel:N?void 0:M,tooltipMessage:C,tooltipPosition:A}):null,re=t.useMemo((()=>{const e=$;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[$]),oe=b(p({onKeyDown:m,onMouseDown:_,onClick:te,disabled:U,target:B,ref:ee,href:h,rel:q,"aria-label":M},re),{onFocus:()=>G(!0),onBlur:()=>G(!1)}),ie={type:"button"};return t.useEffect((()=>{(x||!h&&!w)&&G(!1)}),[x,h,w]),e.jsx(o.StyledLink,b(p({isSkipLink:S,disabled:U,underline:D,iconAlign:L,className:z,hasContent:Boolean(j),variant:Z,inverse:X,isMenuItem:J},i.default("link",$),S&&{"data-element":"skip-link"}),{hasFocus:W,linkSize:F,bold:R,children:(()=>{let t="a";return w&&!h&&(t="button"),c.default.createElement(t,"button"===t?p({},oe,ie):b(p({},oe),{download:K,"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[ne(),e.jsx(o.StyledContent,{children:S?H.link.skipLinkLabel():j}),ne("right")]}))})()}))}));j.displayName="Link",exports.Link=j,exports.default=j;
+"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"),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 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}let f=!1,y=!1,k=!1,v=!1;const O={default:!1,neutral:!1},g={default:"typical",neutral:"subtle"},j=c.default.forwardRef(((u,d)=>{var{children:j,onKeyDown:m,href:h,onClick:w,onMouseDown:_,icon:P,iconAlign:L="left",isSkipLink:S,disabled:x=!1,underline:D="always",ariaLabel:$,rel:M,tooltipMessage:q,tooltipPosition:C,target:A,variant:B="typical",isDarkBackground:E,inverse:T,removeAriaLabelOnIcon:I,className:N,linkSize:z="medium",download:F,bold:K=!1}=u,R=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}(u,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","underline","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","inverse","removeAriaLabelOnIcon","className","linkSize","download","bold"]);const[W,G]=t.useState(!1),H=l.default(),{inMenu:J}=t.useContext(r.default),{batchSelectionDisabled:Q}=t.useContext(a.default),U=x||Q,V=t.useRef(null);!f&&x&&(f=!0,s.default.deprecate("The 'disabled' prop in Link is deprecated and will soon be removed.")),!k&&q&&(k=!0,s.default.deprecate("The 'tooltipMessage' prop in Link is deprecated and will soon be removed.")),!y&&C&&(y=!0,s.default.deprecate("The 'tooltipPosition' prop in Link is deprecated and will soon be removed.")),!v&&E&&(v=!0,s.default.deprecate("The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead.")),!O[B]&&g[B]&&(O[B]=!0,s.default.deprecate(`The value '${B}' for the variant prop is deprecated and will soon be removed. Please use value '${g[B]}' instead.`));const X=null!=T?T:E;var Y;const Z=null!==(Y=g[B])&&void 0!==Y?Y:B,ee=t.useCallback((e=>{V.current=e,d&&("function"!=typeof d?"object"!=typeof d||(d.current=e):d(e))}),[d]),te=t.useCallback((e=>{var t,n;null===(n=V.current)||void 0===n||null===(t=n.focus)||void 0===t||t.call(n,{preventScroll:!0}),null==w||w(e)}),[w]),ne=(t="left")=>P&&L===t?e.jsx(n.default,{type:P,disabled:U,ariaLabel:I?void 0:$,tooltipMessage:q,tooltipPosition:C}):null,re=t.useMemo((()=>{const e=R;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[R]),oe=b(p({onKeyDown:m,onMouseDown:_,onClick:te,disabled:U,target:A,ref:ee,href:h,rel:M,"aria-label":$},re),{onFocus:()=>G(!0),onBlur:()=>G(!1)}),ie={type:"button"};return t.useEffect((()=>{(x||!h&&!w)&&G(!1)}),[x,h,w]),e.jsx(o.StyledLink,b(p({$isSkipLink:S,$disabled:U,$underline:D,$iconAlign:L,className:N,$hasContent:Boolean(j),$variant:Z,$inverse:X,$isMenuItem:J},i.default("link",R),S&&{"data-element":"skip-link"}),{$hasFocus:W,$linkSize:z,$bold:K,children:(()=>{let t="a";return w&&!h&&(t="button"),c.default.createElement(t,"button"===t?p({},oe,ie):b(p({},oe),{download:F,"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[ne(),e.jsx(o.StyledContent,{children:S?H.link.skipLinkLabel():j}),ne("right")]}))})()}))}));j.displayName="Link",exports.Link=j,exports.default=j;

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

@@ -5,28 +5,28 @@ type DeprecatedNeutralVariant = "neutral";
 type Variants = "typical" | "negative" | "subtle" | DeprecatedDefaultVariant | DeprecatedNeutralVariant;
 export interface StyledLinkProps {
     /** @deprecated The disabled state of the link. This prop is deprecated and will soon be removed. */
-    disabled?: boolean;
+    $disabled?: boolean;
     /** Specifies when the link underline should be displayed. */
-    underline?: "always" | "hover" | "never";
+    $underline?: "always" | "hover" | "never";
     /** Which side of the link to the render the link. */
-    iconAlign?: "left" | "right";
+    $iconAlign?: "left" | "right";
     /** Allows to create skip link */
-    isSkipLink?: boolean;
+    $isSkipLink?: boolean;
     /** Allows link styling to be updated for light or dark backgrounds */
-    variant?: Variants;
-    hasFocus?: boolean;
+    $variant?: Variants;
+    $hasFocus?: boolean;
     /** Sets the correct link size */
-    linkSize?: "medium" | "large";
+    $linkSize?: "medium" | "large";
     /** Sets the colour styling when component is rendered on a dark background */
-    inverse?: boolean;
+    $inverse?: boolean;
     /** @deprecated The 'isDarkBackground' prop in Link is deprecated and will soon be removed. Please use 'inverse' prop instead. */
-    isDarkBackground?: boolean;
+    $isDarkBackground?: boolean;
     /** Sets the link style to bold */
-    bold?: boolean;
+    $bold?: boolean;
 }
 interface PrivateStyledLinkProps {
-    hasContent: boolean;
-    isMenuItem?: boolean;
+    $hasContent: boolean;
+    $isMenuItem?: boolean;
 }
 declare const StyledLink: import("styled-components").StyledComponent<"span", any, {
     theme: object;

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

@@ -1 +1 @@
-"use strict";var o=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),l=require("../../style/utils/add-focus-styling.js"),r=require("../icon/icon.style.js"),a=require("../button/button.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var i=t(o);const n={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},s=i.default.span.attrs(e.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-a0797668-0"})(["",""],(({isSkipLink:e,theme:t,iconAlign:i,hasContent:s,disabled:c,underline:u,variant:d,inverse:b,isMenuItem:v,hasFocus:f,linkSize:g,bold:p})=>{const h=b?"dark":"light",{color:m,hoverColor:k,focusColor:x,focusBgColor:y,focusBoxShadowColor:C}=n[h](d);return o.css([""," "," "," > a,> button{"," > ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],e&&o.css(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],t.zIndex.aboveAll),!e&&!v&&o.css(["> a,> button{"," text-decoration:",";"," ","}"],((e,l)=>{let r;return r="large"===e?l?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":l?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",o.css(["font:var(",");"],r)})(g,p),s&&"always"===u?"underline":"none",!c&&o.css(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],m,r.default,m,"left"===i&&o.css(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===i&&o.css(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),k,!s||"hover"!==u&&"always"!==u?"none":"underline",r.default,k,x,r.default,x,l.default()),c&&o.css(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),v&&"display: inline-block;",r.default,s?"inline-block":"inline",!e&&!c&&!v&&f&&o.css(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],y,C),a.default)})),c=i.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-a0797668-1"})([""]);exports.StyledContent=c,exports.StyledLink=s;
+"use strict";var o=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),l=require("../../style/utils/add-focus-styling.js"),r=require("../icon/icon.style.js"),a=require("../button/button.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var i=t(o);const n={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},s=i.default.span.attrs(e.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-3fa28815-0"})(["",""],(({$isSkipLink:e,theme:t,$iconAlign:i,$hasContent:s,$disabled:c,$underline:u,$variant:d,$inverse:b,$isMenuItem:v,$hasFocus:f,$linkSize:g,$bold:p})=>{const h=b?"dark":"light",{color:m,hoverColor:k,focusColor:x,focusBgColor:y,focusBoxShadowColor:C}=n[h](d);return o.css([""," "," "," > a,> button{"," > ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],e&&o.css(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],t.zIndex.aboveAll),!e&&!v&&o.css(["> a,> button{"," text-decoration:",";"," ","}"],((e,l)=>{let r;return r="large"===e?l?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":l?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",o.css(["font:var(",");"],r)})(g,p),s&&"always"===u?"underline":"none",!c&&o.css(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],m,r.default,m,"left"===i&&o.css(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===i&&o.css(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),k,!s||"hover"!==u&&"always"!==u?"none":"underline",r.default,k,x,r.default,x,l.default()),c&&o.css(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),v&&"display: inline-block;",r.default,s?"inline-block":"inline",!e&&!v&&!c&&f&&o.css(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],y,C),a.default)})),c=i.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-3fa28815-1"})([""]);exports.StyledContent=c,exports.StyledLink=s;

package/lib/components/portrait/__internal__/get-properties.d.ts

@@ -0,0 +1,22 @@
+import type { PortraitSizes, PortraitShapes, PortraitVariant } from "../portrait.component";
+type GetPortraitColors = {
+    backgroundColor: string;
+    color: string;
+};
+type GetPortraitDimensions = {
+    height: string;
+    width: string;
+};
+declare const getColoursForPortrait: (backgroundColour: string | undefined, darkBackground?: boolean, largeText?: boolean, 
+/**
+ * Whether to use strict contrast (i.e., WCAG AAA). If this is false, it uses WCAG AA contrast
+ * ratios (4.5:1 for normal text, 3:1 for large text). If true, it uses 7:1 for normal text and
+ * 4.5:1 for large text.
+ */
+strict?: boolean, foregroundColor?: string | undefined) => string;
+export declare const getPortraitBorderRadius: (shape?: PortraitShapes, size?: PortraitSizes) => string;
+export declare const getPortraitColors: (variant?: PortraitVariant) => GetPortraitColors;
+export declare const getPortraitDimensions: (size: PortraitSizes) => GetPortraitDimensions;
+export declare const getPortraitFontSize: (size: PortraitSizes) => string;
+export declare const getPortraitIconFontSize: (size: PortraitSizes) => string;
+export default getColoursForPortrait;

package/lib/components/portrait/__internal__/get-properties.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../../style/utils/get-accessible-foreground-color.js");exports.default=(e,o=!1,i=!1,t=!1,a=void 0)=>{let l="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly400)";return!o||e||a||(s="var(--colorsUtilityYin090)",l="var(--colorsUtilityReadOnly600)"),e&&(s=e,l=r.default(e,i,t)),a&&(l=a),`background-color: ${s}; color: ${l};`},exports.getPortraitBorderRadius=(r,e)=>"square"===r?"XS"===e||"S"===e?"var(--global-radius-container-xs)":"M"===e||"ML"===e||"L"===e?"var(--global-radius-container-m)":"var(--global-radius-container-l)":"var(--global-radius-container-circle)",exports.getPortraitColors=r=>{const e={backgroundColor:"inherit",color:"inherit"};return"black"===r?(e.backgroundColor="var(--profile-bg-def)",e.color="var(--profile-label-default)"):(e.backgroundColor=`var(--profile-swatches-${r}-bg-default)`,e.color=`var(--profile-swatches-${r}-label-default)`),e},exports.getPortraitDimensions=r=>({height:`var(--profile-size-outside-${r.toLowerCase()})`,width:`var(--profile-size-outside-${r.toLowerCase()})`}),exports.getPortraitFontSize=r=>`var(--profile-font-initials-${r.toLowerCase()})`,exports.getPortraitIconFontSize=r=>{switch(r){case"XS":return"var(--profile-size-inside-xs)";case"S":return"var(--profile-size-inside-s)";case"ML":return"var(--profile-size-inside-ml)";case"L":return"var(--profile-size-inside-l)";case"XL":return"var(--profile-size-inside-xl)";case"XXL":return"var(--profile-size-inside-xxl)";default:return"var(--profile-size-inside-m)"}};

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

@@ -4,6 +4,7 @@ import { IconType } from "../icon";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 export type PortraitShapes = "circle" | "square";
 export type PortraitSizes = "XS" | "S" | "M" | "ML" | "L" | "XL" | "XXL";
+export type PortraitVariant = "black" | "blue" | "teal" | "green" | "lime" | "orange" | "red" | "pink" | "purple" | "slate" | "gray";
 export interface PortraitProps extends MarginProps, TagProps {
     /** @private @ignore */
     className?: string;
@@ -21,30 +22,54 @@ export interface PortraitProps extends MarginProps, TagProps {
     iconType?: IconType;
     /** The initials to render in the Portrait. */
     initials?: string;
-    /** Use a dark background. */
+    /** Use a dark background.
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     darkBackground?: boolean;
     /** Prop for `onClick` events. */
     onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
-    /** [Legacy] The message to be displayed within the tooltip */
+    /** [Legacy] The message to be displayed within the tooltip
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     tooltipMessage?: React.ReactNode;
-    /** [Legacy] The id attribute to use for the tooltip */
+    /** [Legacy] The id attribute to use for the tooltip
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     tooltipId?: string;
-    /** [Legacy] Whether to to show the Tooltip */
+    /** [Legacy] Whether to to show the Tooltip
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     tooltipIsVisible?: boolean;
-    /** [Legacy] Sets position of the tooltip */
+    /** [Legacy] Sets position of the tooltip
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     tooltipPosition?: "top" | "bottom" | "left" | "right";
-    /** [Legacy] Defines the message type */
+    /** [Legacy] Defines the message type
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     tooltipType?: string;
-    /** [Legacy] Defines the size of the tooltip content */
+    /** [Legacy] Defines the size of the tooltip content
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     tooltipSize?: "medium" | "large";
-    /** [Legacy] Override background color of the Tooltip, provide any color from palette or any valid css color value. */
+    /** [Legacy] Override background color of the Tooltip, provide any color from palette or any valid css color value.
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     tooltipBgColor?: string;
-    /** [Legacy] Override font color of the Tooltip, provide any color from palette or any valid css color value. */
+    /** [Legacy] Override font color of the Tooltip, provide any color from palette or any valid css color value.
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     tooltipFontColor?: string;
-    /** The hex code of the background colour */
+    /** The hex code of the background colour
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     backgroundColor?: string;
-    /** The hex code of the foreground colour. This will only take effect if use in conjunction with `backgroundColor` */
+    /** The hex code of the foreground colour. This will only take effect if use in conjunction with `backgroundColor`
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     foregroundColor?: string;
+    /** Color variant*/
+    variant?: PortraitVariant;
 }
-export declare const Portrait: ({ alt, backgroundColor, foregroundColor, className, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: PortraitProps) => React.JSX.Element;
+export declare const Portrait: ({ alt, backgroundColor, foregroundColor, className, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, variant, ...rest }: PortraitProps) => React.JSX.Element;
 export default Portrait;

package/lib/components/portrait/portrait.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../tooltip/tooltip.component.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./portrait.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js");function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}function a(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 c=n=>{var{alt:c,backgroundColor:p,foregroundColor:u,className:d,name:y,darkBackground:f=!1,iconType:g="individual",initials:b,shape:j="circle",size:O="M",src:m,onClick:C,tooltipMessage:P,tooltipId:k,tooltipIsVisible:h,tooltipPosition:S,tooltipType:v,tooltipSize:x,tooltipBgColor:w,tooltipFontColor:I}=n,z=function(e,t){if(null==e)return{};var r,o,i=function(e,t){if(null==e)return{};var r,o,i={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(n,["alt","backgroundColor","foregroundColor","className","name","darkBackground","iconType","initials","shape","size","src","onClick","tooltipMessage","tooltipId","tooltipIsVisible","tooltipPosition","tooltipType","tooltipSize","tooltipBgColor","tooltipFontColor"]);const[q,B]=t.useState(!1),_=Boolean(m)&&!q;t.useEffect((()=>{B(!1)}),[m]);const E=o.default("portrait",z);return(()=>{let t=e.jsx(i.StyledIcon,{type:g,size:O});return b&&(t=e.jsx(i.StyledPortraitInitials,{size:O,"data-element":"initials",children:b.slice(0,3).toUpperCase()})),m&&!q&&(t=e.jsx(i.StyledCustomImg,{src:m,alt:c||y||"","data-element":"user-image",onError:()=>B(!0)})),P?e.jsx(r.Tooltip,{message:P,id:k,position:S,type:v,size:x,isVisible:h,bgColor:w,fontColor:I,children:e.jsx(i.StyledPortraitContainer,a(s(a(s({},l.default(z)),{onClick:C,className:d}),E),{hasValidImg:_,darkBackground:f,size:O,shape:j,backgroundColor:p,foregroundColor:u,children:t}))}):e.jsx(i.StyledPortraitContainer,a(s(a(s({},l.default(z)),{onClick:C,className:d}),E),{hasValidImg:_,darkBackground:f,size:O,shape:j,backgroundColor:p,foregroundColor:u,children:t}))})()};exports.Portrait=c,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../tooltip/tooltip.component.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./portrait.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){l(e,t,r[t])}))}return e}function a(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 c=l=>{var{alt:c,backgroundColor:p,foregroundColor:u,className:d,name:y,darkBackground:f=!1,iconType:g="individual",initials:b,shape:j="circle",size:O="M",src:m,onClick:C,tooltipMessage:P,tooltipId:k,tooltipIsVisible:v,tooltipPosition:h,tooltipType:S,tooltipSize:x,tooltipBgColor:w,tooltipFontColor:I,variant:z}=l,q=function(e,t){if(null==e)return{};var r,o,i=function(e,t){if(null==e)return{};var r,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(l,["alt","backgroundColor","foregroundColor","className","name","darkBackground","iconType","initials","shape","size","src","onClick","tooltipMessage","tooltipId","tooltipIsVisible","tooltipPosition","tooltipType","tooltipSize","tooltipBgColor","tooltipFontColor","variant"]);const[B,_]=t.useState(!1),E=Boolean(m)&&!B;t.useEffect((()=>{_(!1)}),[m]);const T=o.default("portrait",q);return(()=>{let t=e.jsx(i.StyledIcon,{type:g,size:O,variant:z});return b&&(t=e.jsx(i.StyledPortraitInitials,{size:O,"data-element":"initials",variant:z,children:b.slice(0,3).toUpperCase()})),m&&!B&&(t=e.jsx(i.StyledCustomImg,{src:m,alt:c||y||"","data-element":"user-image",onError:()=>_(!0)})),P?e.jsx(r.Tooltip,{message:P,id:k,position:h,type:S,size:x,isVisible:v,bgColor:w,fontColor:I,children:e.jsx(i.StyledPortraitContainer,a(s(a(s({},n.default(q)),{onClick:C,className:d}),T),{hasValidImg:E,darkBackground:f,size:O,shape:j,backgroundColor:p,foregroundColor:u,variant:z,children:t}))}):e.jsx(i.StyledPortraitContainer,a(s(a(s({},n.default(q)),{onClick:C,className:d}),T),{hasValidImg:E,darkBackground:f,size:O,shape:j,backgroundColor:p,foregroundColor:u,variant:z,children:t}))})()};exports.Portrait=c,exports.default=c;

package/lib/components/portrait/portrait.config.d.ts

@@ -1,9 +1,3 @@
 import { PortraitShapes, PortraitSizes } from "./portrait.component";
 export declare const PORTRAIT_SHAPES: PortraitShapes[];
 export declare const PORTRAIT_SIZES: PortraitSizes[];
-type PortraitSizeParams = Record<PortraitSizes, {
-    dimensions: number;
-    iconDimensions: number;
-}>;
-export declare const PORTRAIT_SIZE_PARAMS: PortraitSizeParams;
-export {};

package/lib/components/portrait/portrait.config.js

@@ -1 +1 @@
-"use strict";exports.PORTRAIT_SHAPES=["circle","square"],exports.PORTRAIT_SIZES=["XS","S","M","ML","L","XL","XXL"],exports.PORTRAIT_SIZE_PARAMS={XS:{dimensions:24,iconDimensions:16},S:{dimensions:32,iconDimensions:20},M:{dimensions:40,iconDimensions:24},ML:{dimensions:56,iconDimensions:32},L:{dimensions:72,iconDimensions:40},XL:{dimensions:104,iconDimensions:56},XXL:{dimensions:128,iconDimensions:64}};
+"use strict";exports.PORTRAIT_SHAPES=["circle","square"],exports.PORTRAIT_SIZES=["XS","S","M","ML","L","XL","XXL"];

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { MarginProps } from "styled-system";
-import { PortraitSizes, PortraitShapes } from "./portrait.component";
+import { PortraitSizes, PortraitShapes, PortraitVariant } from "./portrait.component";
 type StyledPortraitProps = {
     backgroundColor?: string;
     foregroundColor?: string;
@@ -9,10 +9,11 @@ type StyledPortraitProps = {
     shape?: PortraitShapes;
     hasValidImg?: boolean;
     onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
+    variant?: PortraitVariant;
 };
-export declare const StyledPortraitInitials: import("styled-components").StyledComponent<"div", any, Pick<StyledPortraitProps, "size">, never>;
+export declare const StyledPortraitInitials: import("styled-components").StyledComponent<"div", any, Pick<StyledPortraitProps, "size" | "variant">, never>;
 export declare const StyledCustomImg: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../icon").IconProps & React.RefAttributes<HTMLSpanElement>>, any, Pick<StyledPortraitProps, "size">, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../icon").IconProps & React.RefAttributes<HTMLSpanElement>>, any, Pick<StyledPortraitProps, "size" | "variant">, never>;
 export declare const StyledPortraitContainer: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & StyledPortraitProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, "theme">;

package/lib/components/portrait/portrait.style.js

@@ -1 +1 @@
-"use strict";require("react");var e=require("styled-components"),i=require("styled-system"),t=require("../icon/icon.component.js"),o=require("../profile/profile.config.js"),r=require("../../style/themes/apply-base-theme.js"),n=require("./portrait.config.js"),s=require("./__internal__/get-colors.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(e);const a=d.default.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"sc-7cf94d65-0"})(["font-weight:500;font-size:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;.mentions-list-item &&{color:var(--input-dropdown-label-default);}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:var(--popover-label-hover);}"],(({size:e})=>o.default[e].initialSize)),c=d.default.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"sc-7cf94d65-1"})(["height:inherit;min-width:inherit;"]),m=d.default(t.default).withConfig({displayName:"portrait.style__StyledIcon",componentId:"sc-7cf94d65-2"})(["&&{color:inherit;height:inherit;min-width:inherit;::before{font-size:","px;}}"],(({size:e})=>n.PORTRAIT_SIZE_PARAMS[e].iconDimensions)),p=d.default.div.attrs(r.default).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"sc-7cf94d65-3"})(["",";"," min-width:","px;height:","px;overflow:hidden;border-radius:",";border:1px solid var(--colorsUtilityReadOnly600);display:inline-block;"," "," .mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({darkBackground:e,backgroundColor:i,size:t,foregroundColor:o})=>s.default(i,e,!["XS","S"].includes(t),!0,o)),(({hasValidImg:e,size:i})=>e&&`max-width: ${n.PORTRAIT_SIZE_PARAMS[i].dimensions}px;`),(({size:e})=>n.PORTRAIT_SIZE_PARAMS[e].dimensions),(({size:e})=>n.PORTRAIT_SIZE_PARAMS[e].dimensions),(({shape:e})=>"square"===e?"0px":"var(--borderRadiusCircle)"),(({onClick:e})=>e&&"cursor: pointer"),i.margin);exports.StyledCustomImg=c,exports.StyledIcon=m,exports.StyledPortraitContainer=p,exports.StyledPortraitInitials=a;
+"use strict";require("react");var t=require("styled-components"),e=require("styled-system"),i=require("../icon/icon.component.js"),o=require("../../style/themes/apply-base-theme.js"),r=require("./__internal__/get-properties.js");function n(t){return t&&t.__esModule?t:{default:t}}var s=n(t);const a=s.default.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"sc-fbaa2f3e-0"})(["font:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;.mentions-list-item &&{color:var(--input-dropdown-label-default);}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:var(--popover-label-hover);}"],(({size:t})=>r.getPortraitFontSize(t))),l=s.default.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"sc-fbaa2f3e-1"})(["height:inherit;min-width:inherit;"]),d=s.default(i.default).withConfig({displayName:"portrait.style__StyledIcon",componentId:"sc-fbaa2f3e-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>r.getPortraitColors(t).color),(({size:t})=>r.getPortraitDimensions(t).height),(({size:t})=>r.getPortraitDimensions(t).width),(({size:t})=>r.getPortraitIconFontSize(t))),c=s.default.div.attrs(o.default).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"sc-fbaa2f3e-3"})([""," ",";"," min-width:",";height:",";overflow:hidden;border-radius:",";border:var(--global-borderwidth-xs) solid var(--profile-border-default);display:inline-block;"," "," .mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({variant:t})=>`\n    background-color: ${r.getPortraitColors(t).backgroundColor};\n    color: ${r.getPortraitColors(t).color};\n  `),(({darkBackground:t,backgroundColor:e,size:i,foregroundColor:o,variant:n})=>!n&&r.default(e,t,!["XS","S"].includes(i),!0,o)),(({hasValidImg:t,size:e})=>t&&`max-width: ${r.getPortraitDimensions(e).width};`),(({size:t})=>r.getPortraitDimensions(t).width),(({size:t})=>r.getPortraitDimensions(t).height),(({shape:t,size:e})=>r.getPortraitBorderRadius(t,e)),(({onClick:t})=>t&&"cursor: pointer"),e.margin);exports.StyledCustomImg=l,exports.StyledIcon=d,exports.StyledPortraitContainer=c,exports.StyledPortraitInitials=a;

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

@@ -11,5 +11,5 @@ declare const ProfileStyle: import("styled-components").StyledComponent<"div", a
     theme: object;
 } & Pick<ProfileSProps, "darkBackground" | "hasSrc">, "theme">;
 declare const ProfileDetailsStyle: import("styled-components").StyledComponent<"div", any, Pick<ProfileSProps, "size" | "hasSrc">, never>;
-declare const ProfileAvatarStyle: import("styled-components").StyledComponent<({ alt, backgroundColor, foregroundColor, className, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: import("../portrait").PortraitProps) => import("react").JSX.Element, any, {}, never>;
+declare const ProfileAvatarStyle: import("styled-components").StyledComponent<({ alt, backgroundColor, foregroundColor, className, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, variant, ...rest }: import("../portrait").PortraitProps) => import("react").JSX.Element, any, {}, never>;
 export { ProfileStyle, ProfileNameStyle, ProfileDetailsStyle, ProfileAvatarStyle, ProfileEmailStyle, ProfileTextStyle, };