carbon-react 159.3.1 → 159.5.0

package/esm/components/button/__next__/button.component.d.ts

@@ -22,6 +22,8 @@ export interface ButtonProps extends Omit<LegacyButtonProps, "size" | "type" | "
     disabled?: boolean;
     /** Flag to indicate that the button can be full-width. */
     fullWidth?: boolean;
+    /** Associates the button with a form element; value should be the id of the form. */
+    form?: string;
     /** The ID of the button. */
     id?: string;
     /** Set the button to use a dark-mode appearance. */

package/esm/components/button/__next__/button.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{forwardRef as n,useRef as a,useImperativeHandle as i}from"react";import{StyledButton as o,StyledContentContainer as l}from"./button.style.js";import c from"../../../__internal__/utils/helpers/tags/tags.js";import u from"../../../hooks/useMediaQuery/useMediaQuery.js";import s from"./__internal__/utils/is-icon-only.js";import y from"../../icon/icon.component.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(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){p(e,r,t[r])}))}return e}function b(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 f=n(((n,p)=>{var{"aria-describedby":f,"aria-label":v,"aria-labelledby":m,children:O,disabled:h=!1,fullWidth:g=!1,id:j,inverse:T,name:P,noWrap:w=!0,onClick:k,size:W="medium",variant:$="default",variantType:_="primary",buttonType:S,destructive:x,iconType:D,iconPosition:z="before",isWhite:B,href:C,type:E="button"}=n,M=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(n,["aria-describedby","aria-label","aria-labelledby","children","disabled","fullWidth","id","inverse","name","noWrap","onClick","size","variant","variantType","buttonType","destructive","iconType","iconPosition","isWhite","href","type"]);const Q=a(null),I=void 0!==O&&!1!==O,q=!!D&&!I||s(O);i(p,(()=>({focusButton:()=>{var e;null===(e=Q.current)||void 0===e||e.focus()}})),[]);const A=u("screen and (prefers-reduced-motion: no-preference)"),{variant:F,variantType:G}=(({buttonType:e,destructive:r,variant:t,variantType:n})=>{if(!e&&!r)return{variant:t,variantType:n};if(r)return{variant:"destructive",variantType:"primary"===(null!=e?e:n)?"primary":"secondary"};switch(e){case"primary":return{variant:"default",variantType:"primary"};case"tertiary":return{variant:"default",variantType:"tertiary"};case"darkBackground":default:return{variant:"default",variantType:"secondary"};case"gradient-grey":case"gradient-white":return{variant:"gradient",variantType:"secondary"}}})({buttonType:S,destructive:x,variant:$,variantType:_}),H=C&&!h?{href:C,target:M.target,rel:M.rel,as:"a"}:{type:E,as:"button"};return e(o,b(d({$allowMotion:A,"aria-describedby":f,"aria-label":v,"aria-labelledby":m,disabled:h,$fullWidth:g,$inverse:T||"darkBackground"===S||B,id:j,name:P,$noWrap:w,onClick:e=>{var r;null===(r=Q.current)||void 0===r||r.focus({preventScroll:!0}),null==k||k(e)},ref:Q,$size:W,$variant:F,$variantType:G,$iconOnly:q},H,c("button",M),M),{children:e(l,{"data-role":"button-child-container",children:(()=>{if(!D)return O;const n={"aria-hidden":!0,bg:"transparent"};return I?r(t,"before"===z?{children:[e(y,b(d({type:D},n),{"data-role":"button-icon-before"})),O]}:{children:[O,e(y,b(d({type:D},n),{"data-role":"button-icon-after"}))]}):e(y,b(d({type:D},n),{"data-role":"button-icon-only"}))})()})}))}));export{f as Button,f as default};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{forwardRef as n,useRef as a,useImperativeHandle as i}from"react";import{StyledButton as o,StyledContentContainer as l}from"./button.style.js";import c from"../../../__internal__/utils/helpers/tags/tags.js";import u from"../../../hooks/useMediaQuery/useMediaQuery.js";import s from"./__internal__/utils/is-icon-only.js";import y from"../../icon/icon.component.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(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){p(e,r,t[r])}))}return e}function b(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 f=n(((n,p)=>{var{"aria-describedby":f,"aria-label":v,"aria-labelledby":m,children:O,disabled:h=!1,fullWidth:g=!1,form:j,id:T,inverse:P,name:w,noWrap:k=!0,onClick:W,size:$="medium",variant:_="default",variantType:S="primary",buttonType:x,destructive:D,iconType:z,iconPosition:B="before",isWhite:C,href:E,type:M="button"}=n,Q=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(n,["aria-describedby","aria-label","aria-labelledby","children","disabled","fullWidth","form","id","inverse","name","noWrap","onClick","size","variant","variantType","buttonType","destructive","iconType","iconPosition","isWhite","href","type"]);const I=a(null),q=void 0!==O&&!1!==O,A=!!z&&!q||s(O);i(p,(()=>({focusButton:()=>{var e;null===(e=I.current)||void 0===e||e.focus()}})),[]);const F=u("screen and (prefers-reduced-motion: no-preference)"),{variant:G,variantType:H}=(({buttonType:e,destructive:r,variant:t,variantType:n})=>{if(!e&&!r)return{variant:t,variantType:n};if(r)return{variant:"destructive",variantType:"primary"===(null!=e?e:n)?"primary":"secondary"};switch(e){case"primary":return{variant:"default",variantType:"primary"};case"tertiary":return{variant:"default",variantType:"tertiary"};case"darkBackground":default:return{variant:"default",variantType:"secondary"};case"gradient-grey":case"gradient-white":return{variant:"gradient",variantType:"secondary"}}})({buttonType:x,destructive:D,variant:_,variantType:S}),J=E&&!h?{href:E,target:Q.target,rel:Q.rel,as:"a"}:{type:M,as:"button"};return e(o,b(d({$allowMotion:F,"aria-describedby":f,"aria-label":v,"aria-labelledby":m,disabled:h,$fullWidth:g,form:j,$inverse:P||"darkBackground"===x||C,id:T,name:w,$noWrap:k,onClick:e=>{var r;null===(r=I.current)||void 0===r||r.focus({preventScroll:!0}),null==W||W(e)},ref:I,$size:$,$variant:G,$variantType:H,$iconOnly:A},J,c("button",Q),Q),{children:e(l,{"data-role":"button-child-container",children:(()=>{if(!z)return O;const n={"aria-hidden":!0,bg:"transparent"};return q?r(t,"before"===B?{children:[e(y,b(d({type:z},n),{"data-role":"button-icon-before"})),O]}:{children:[O,e(y,b(d({type:z},n),{"data-role":"button-icon-after"}))]}):e(y,b(d({type:z},n),{"data-role":"button-icon-only"}))})()})}))}));export{f as Button,f as default};

package/esm/components/dialog/dialog.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Dialog as t}from"./__internal__/__next__/dialog.component.js";import a from"../../__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,o=!1,s=!1,d=!1,c=!1;const u=r(((r,u)=>{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.warn("Warning: This version of the `Dialog` component is a migration wrapper..."),n=!0),l||void 0===f||(l=!0,a.deprecate('The fullscreen prop in Dialog is deprecated. Please use size="fullscreen" instead.')),o||void 0===m||(o=!0,a.deprecate("The highlightVariant prop is deprecated. Please use gradientKeyLine instead.")),s||void 0===g||(s=!0,a.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),d||void 0===p||(d=!0,a.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),c||"auto"!==y||(c=!0,a.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(t,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:O,gradientKeyLine:j,disableContentPadding:b,pagesStyling:p},v))}));u.displayName="Dialog";export{u as Dialog,u as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Dialog as t}from"./__internal__/__next__/dialog.component.js";import a from"../../__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 c=r(((r,c)=>{var{disableClose:u,pagesStyling:g,fullscreen:p,highlightVariant:f,disableContentPadding:m,size:b="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.deprecate('The fullscreen prop in Dialog is deprecated. Please use size="fullscreen" instead.')),l||void 0===f||(l=!0,a.deprecate("The highlightVariant prop is deprecated. Please use gradientKeyLine instead.")),s||void 0===u||(s=!0,a.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),o||void 0===g||(o=!0,a.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),d||"auto"!==b||(d=!0,a.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"}})(b,p),v=((e,r)=>void 0!==r?r:"ai"===e)(f,y);return e(t,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:v,disableContentPadding:m,pagesStyling:g},h))}));c.displayName="Dialog";export{c as Dialog,c as default};

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

@@ -5,6 +5,8 @@ import { FormButtonAlignment } from "./form.config";
 export interface FormProps extends SpaceProps, TagProps {
     /** Alignment of buttons */
     buttonAlignment?: FormButtonAlignment;
+    /** The id attribute of the underlying form element */
+    id?: string;
     /** Child elements */
     children?: React.ReactNode;
     /** The total number of errors present in the form */
@@ -37,7 +39,7 @@ export interface FormProps extends SpaceProps, TagProps {
     footerPadding?: PaddingProps;
 }
 export declare const Form: {
-    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, footerChildren, stickyFooter, stickyFooterVariant, fieldSpacing, noValidate, height, fullWidthButtons, footerPadding, ...rest }: FormProps): React.JSX.Element;
+    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, footerChildren, stickyFooter, stickyFooterVariant, fieldSpacing, noValidate, height, fullWidthButtons, footerPadding, id, ...rest }: FormProps): React.JSX.Element;
     displayName: string;
 };
 export default Form;

package/esm/components/form/form.component.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as r}from"react/jsx-runtime";import{useRef as o,useContext as n}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"./__internal__/form-summary.component.js";import{StyledForm as a,StyledFormContent as c,StyledFormFooter as f,StyledLeftButtons as u,StyledRightButtons as s}from"./form.style.js";import{formSpacing as m}from"./form.config.js";import d from"../../__internal__/modal/modal.context.js";function b(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){b(t,e,r[e])}))}return t}function g(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const y=b=>{var{children:y,saveButton:h,leftSideButtons:O,rightSideButtons:j,errorCount:S,warningCount:P,onSubmit:w,buttonAlignment:k="right",footerChildren:_,stickyFooter:v,stickyFooterVariant:F="light",fieldSpacing:B=3,noValidate:C=!0,height:x,fullWidthButtons:V=!1,footerPadding:A={}}=b,I=function(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(b,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","footerChildren","stickyFooter","stickyFooterVariant","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding"]);const D=o(null),W=o(null),{isInModal:E}=n(d),M=!!(_||h||O||j||S||P);return t(a,g(p({ref:D,className:v?"sticky":"",stickyFooter:v,onSubmit:w,"data-component":"form",noValidate:C,height:x,isInModal:E},I,i("form",I)),{children:[e(c,{"data-element":"form-content","data-role":"form-content",stickyFooter:v,tabIndex:-1,isInModal:E,fieldSpacing:m[B],children:y}),M&&e(f,g(p(g(p({"data-element":"form-footer","data-role":"form-footer",ref:W,hasFooterChildren:!!_,stickyFooter:v},v&&{stickyFooterVariant:F}),{buttonAlignment:k,fullWidthButtons:V}),A),{children:_||t(r,{children:[O&&e(u,{"data-role":"form-left-buttons",buttonAlignment:k,children:O}),e(l,{fullWidth:V,errorCount:S,warningCount:P,children:h}),j&&e(s,{"data-role":"form-right-buttons",buttonAlignment:k,children:j})]})}))]}))};y.displayName="Form";export{y as Form,y as default};
+import{jsxs as t,jsx as e,Fragment as r}from"react/jsx-runtime";import{useRef as o,useContext as n}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"./__internal__/form-summary.component.js";import{StyledForm as a,StyledFormContent as c,StyledFormFooter as f,StyledLeftButtons as u,StyledRightButtons as s}from"./form.style.js";import{formSpacing as m}from"./form.config.js";import d from"../../__internal__/modal/modal.context.js";function b(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){b(t,e,r[e])}))}return t}function g(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const y=b=>{var{children:y,saveButton:h,leftSideButtons:O,rightSideButtons:j,errorCount:S,warningCount:P,onSubmit:w,buttonAlignment:k="right",footerChildren:_,stickyFooter:v,stickyFooterVariant:F="light",fieldSpacing:B=3,noValidate:C=!0,height:x,fullWidthButtons:V=!1,footerPadding:A={},id:I}=b,D=function(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(b,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","footerChildren","stickyFooter","stickyFooterVariant","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding","id"]);const W=o(null),E=o(null),{isInModal:M}=n(d),N=!!(_||h||O||j||S||P);return t(a,g(p({ref:W,id:I,className:v?"sticky":"",stickyFooter:v,onSubmit:w,"data-component":"form",noValidate:C,height:x,isInModal:M},D,i("form",D)),{children:[e(c,{"data-element":"form-content","data-role":"form-content",stickyFooter:v,tabIndex:-1,isInModal:M,fieldSpacing:m[B],children:y}),N&&e(f,g(p(g(p({"data-element":"form-footer","data-role":"form-footer",ref:E,hasFooterChildren:!!_,stickyFooter:v},v&&{stickyFooterVariant:F}),{buttonAlignment:k,fullWidthButtons:V}),A),{children:_||t(r,{children:[O&&e(u,{"data-role":"form-left-buttons",buttonAlignment:k,children:O}),e(l,{fullWidth:V,errorCount:S,warningCount:P,children:h}),j&&e(s,{"data-role":"form-right-buttons",buttonAlignment:k,children:j})]})}))]}))};y.displayName="Form";export{y as Form,y as default};

package/esm/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/esm/components/portrait/__internal__/get-properties.js

@@ -0,0 +1 @@
+import r from"../../../style/utils/get-accessible-foreground-color.js";const e=(e,i=!1,o=!1,a=!1,l=void 0)=>{let s="var(--colorsUtilityYin090)",t="var(--colorsUtilityReadOnly400)";return!i||e||l||(t="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly600)"),e&&(t=e,s=r(e,o,a)),l&&(s=l),`background-color: ${t}; color: ${s};`},i=(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)",o=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},a=r=>({height:`var(--profile-size-outside-${r.toLowerCase()})`,width:`var(--profile-size-outside-${r.toLowerCase()})`}),l=r=>`var(--profile-font-initials-${r.toLowerCase()})`,s=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)"}};export{e as default,i as getPortraitBorderRadius,o as getPortraitColors,a as getPortraitDimensions,l as getPortraitFontSize,s as getPortraitIconFontSize};

package/esm/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/esm/components/portrait/portrait.component.js

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

package/esm/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/esm/components/portrait/portrait.config.js

@@ -1 +1 @@
-const i=["circle","square"],n=["XS","S","M","ML","L","XL","XXL"],s={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}};export{i as PORTRAIT_SHAPES,n as PORTRAIT_SIZES,s as PORTRAIT_SIZE_PARAMS};
+const L=["circle","square"],X=["XS","S","M","ML","L","XL","XXL"];export{L as PORTRAIT_SHAPES,X as PORTRAIT_SIZES};

package/esm/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/esm/components/portrait/portrait.style.js

@@ -1 +1 @@
-import"react";import i from"styled-components";import{margin as t}from"styled-system";import e from"../icon/icon.component.js";import o from"../profile/profile.config.js";import r from"../../style/themes/apply-base-theme.js";import{PORTRAIT_SIZE_PARAMS as n}from"./portrait.config.js";import s from"./__internal__/get-colors.js";const l=i.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:i})=>o[i].initialSize)),m=i.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"sc-7cf94d65-1"})(["height:inherit;min-width:inherit;"]),d=i(e).withConfig({displayName:"portrait.style__StyledIcon",componentId:"sc-7cf94d65-2"})(["&&{color:inherit;height:inherit;min-width:inherit;::before{font-size:","px;}}"],(({size:i})=>n[i].iconDimensions)),a=i.div.attrs(r).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:i,backgroundColor:t,size:e,foregroundColor:o})=>s(t,i,!["XS","S"].includes(e),!0,o)),(({hasValidImg:i,size:t})=>i&&`max-width: ${n[t].dimensions}px;`),(({size:i})=>n[i].dimensions),(({size:i})=>n[i].dimensions),(({shape:i})=>"square"===i?"0px":"var(--borderRadiusCircle)"),(({onClick:i})=>i&&"cursor: pointer"),t);export{m as StyledCustomImg,d as StyledIcon,a as StyledPortraitContainer,l as StyledPortraitInitials};
+import"react";import t from"styled-components";import{margin as e}from"styled-system";import i from"../icon/icon.component.js";import o from"../../style/themes/apply-base-theme.js";import r,{getPortraitFontSize as n,getPortraitColors as s,getPortraitDimensions as l,getPortraitIconFontSize as a,getPortraitBorderRadius as d}from"./__internal__/get-properties.js";const m=t.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})=>n(t))),c=t.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"sc-fbaa2f3e-1"})(["height:inherit;min-width:inherit;"]),h=t(i).withConfig({displayName:"portrait.style__StyledIcon",componentId:"sc-fbaa2f3e-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>s(t).color),(({size:t})=>l(t).height),(({size:t})=>l(t).width),(({size:t})=>a(t))),p=t.div.attrs(o).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: ${s(t).backgroundColor};\n    color: ${s(t).color};\n  `),(({darkBackground:t,backgroundColor:e,size:i,foregroundColor:o,variant:n})=>!n&&r(e,t,!["XS","S"].includes(i),!0,o)),(({hasValidImg:t,size:e})=>t&&`max-width: ${l(e).width};`),(({size:t})=>l(t).width),(({size:t})=>l(t).height),(({shape:t,size:e})=>d(t,e)),(({onClick:t})=>t&&"cursor: pointer"),e);export{c as StyledCustomImg,h as StyledIcon,p as StyledPortraitContainer,m as StyledPortraitInitials};

package/esm/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, };

package/lib/components/button/__next__/button.component.d.ts

@@ -22,6 +22,8 @@ export interface ButtonProps extends Omit<LegacyButtonProps, "size" | "type" | "
     disabled?: boolean;
     /** Flag to indicate that the button can be full-width. */
     fullWidth?: boolean;
+    /** Associates the button with a form element; value should be the id of the form. */
+    form?: string;
     /** The ID of the button. */
     id?: string;
     /** Set the button to use a dark-mode appearance. */

package/lib/components/button/__next__/button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./button.style.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),a=require("../../../hooks/useMediaQuery/useMediaQuery.js"),i=require("./__internal__/utils/is-icon-only.js"),o=require("../../icon/icon.component.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){l(e,r,t[r])}))}return e}function c(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 s=r.forwardRef(((l,s)=>{var{"aria-describedby":d,"aria-label":y,"aria-labelledby":p,children:b,disabled:f=!1,fullWidth:v=!1,id:j,inverse:O,name:g,noWrap:h=!0,onClick:m,size:T="medium",variant:P="default",variantType:w="primary",buttonType:x,destructive:k,iconType:_,iconPosition:S="before",isWhite:W,href:$,type:q="button"}=l,B=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(l,["aria-describedby","aria-label","aria-labelledby","children","disabled","fullWidth","id","inverse","name","noWrap","onClick","size","variant","variantType","buttonType","destructive","iconType","iconPosition","isWhite","href","type"]);const C=r.useRef(null),D=void 0!==b&&!1!==b,M=!!_&&!D||i.default(b);r.useImperativeHandle(s,(()=>({focusButton:()=>{var e;null===(e=C.current)||void 0===e||e.focus()}})),[]);const z=a.default("screen and (prefers-reduced-motion: no-preference)"),{variant:E,variantType:F}=(({buttonType:e,destructive:r,variant:t,variantType:n})=>{if(!e&&!r)return{variant:t,variantType:n};if(r)return{variant:"destructive",variantType:"primary"===(null!=e?e:n)?"primary":"secondary"};switch(e){case"primary":return{variant:"default",variantType:"primary"};case"tertiary":return{variant:"default",variantType:"tertiary"};case"darkBackground":default:return{variant:"default",variantType:"secondary"};case"gradient-grey":case"gradient-white":return{variant:"gradient",variantType:"secondary"}}})({buttonType:x,destructive:k,variant:P,variantType:w}),I=$&&!f?{href:$,target:B.target,rel:B.rel,as:"a"}:{type:q,as:"button"};return e.jsx(t.StyledButton,c(u({$allowMotion:z,"aria-describedby":d,"aria-label":y,"aria-labelledby":p,disabled:f,$fullWidth:v,$inverse:O||"darkBackground"===x||W,id:j,name:g,$noWrap:h,onClick:e=>{var r;null===(r=C.current)||void 0===r||r.focus({preventScroll:!0}),null==m||m(e)},ref:C,$size:T,$variant:E,$variantType:F,$iconOnly:M},I,n.default("button",B),B),{children:e.jsx(t.StyledContentContainer,{"data-role":"button-child-container",children:(()=>{if(!_)return b;const r={"aria-hidden":!0,bg:"transparent"};return D?"before"===S?e.jsxs(e.Fragment,{children:[e.jsx(o.default,c(u({type:_},r),{"data-role":"button-icon-before"})),b]}):e.jsxs(e.Fragment,{children:[b,e.jsx(o.default,c(u({type:_},r),{"data-role":"button-icon-after"}))]}):e.jsx(o.default,c(u({type:_},r),{"data-role":"button-icon-only"}))})()})}))}));exports.Button=s,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./button.style.js"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),a=require("../../../hooks/useMediaQuery/useMediaQuery.js"),i=require("./__internal__/utils/is-icon-only.js"),o=require("../../icon/icon.component.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){l(e,r,t[r])}))}return e}function c(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 s=r.forwardRef(((l,s)=>{var{"aria-describedby":d,"aria-label":y,"aria-labelledby":p,children:f,disabled:b=!1,fullWidth:v=!1,form:j,id:O,inverse:m,name:g,noWrap:h=!0,onClick:T,size:P="medium",variant:w="default",variantType:x="primary",buttonType:k,destructive:_,iconType:S,iconPosition:W="before",isWhite:$,href:q,type:B="button"}=l,C=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(l,["aria-describedby","aria-label","aria-labelledby","children","disabled","fullWidth","form","id","inverse","name","noWrap","onClick","size","variant","variantType","buttonType","destructive","iconType","iconPosition","isWhite","href","type"]);const D=r.useRef(null),M=void 0!==f&&!1!==f,z=!!S&&!M||i.default(f);r.useImperativeHandle(s,(()=>({focusButton:()=>{var e;null===(e=D.current)||void 0===e||e.focus()}})),[]);const E=a.default("screen and (prefers-reduced-motion: no-preference)"),{variant:F,variantType:I}=(({buttonType:e,destructive:r,variant:t,variantType:n})=>{if(!e&&!r)return{variant:t,variantType:n};if(r)return{variant:"destructive",variantType:"primary"===(null!=e?e:n)?"primary":"secondary"};switch(e){case"primary":return{variant:"default",variantType:"primary"};case"tertiary":return{variant:"default",variantType:"tertiary"};case"darkBackground":default:return{variant:"default",variantType:"secondary"};case"gradient-grey":case"gradient-white":return{variant:"gradient",variantType:"secondary"}}})({buttonType:k,destructive:_,variant:w,variantType:x}),Q=q&&!b?{href:q,target:C.target,rel:C.rel,as:"a"}:{type:B,as:"button"};return e.jsx(t.StyledButton,c(u({$allowMotion:E,"aria-describedby":d,"aria-label":y,"aria-labelledby":p,disabled:b,$fullWidth:v,form:j,$inverse:m||"darkBackground"===k||$,id:O,name:g,$noWrap:h,onClick:e=>{var r;null===(r=D.current)||void 0===r||r.focus({preventScroll:!0}),null==T||T(e)},ref:D,$size:P,$variant:F,$variantType:I,$iconOnly:z},Q,n.default("button",C),C),{children:e.jsx(t.StyledContentContainer,{"data-role":"button-child-container",children:(()=>{if(!S)return f;const r={"aria-hidden":!0,bg:"transparent"};return M?"before"===W?e.jsxs(e.Fragment,{children:[e.jsx(o.default,c(u({type:S},r),{"data-role":"button-icon-before"})),f]}):e.jsxs(e.Fragment,{children:[f,e.jsx(o.default,c(u({type:S},r),{"data-role":"button-icon-after"}))]}):e.jsx(o.default,c(u({type:S},r),{"data-role":"button-icon-only"}))})()})}))}));exports.Button=s,exports.default=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/form/form.component.d.ts

@@ -5,6 +5,8 @@ import { FormButtonAlignment } from "./form.config";
 export interface FormProps extends SpaceProps, TagProps {
     /** Alignment of buttons */
     buttonAlignment?: FormButtonAlignment;
+    /** The id attribute of the underlying form element */
+    id?: string;
     /** Child elements */
     children?: React.ReactNode;
     /** The total number of errors present in the form */
@@ -37,7 +39,7 @@ export interface FormProps extends SpaceProps, TagProps {
     footerPadding?: PaddingProps;
 }
 export declare const Form: {
-    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, footerChildren, stickyFooter, stickyFooterVariant, fieldSpacing, noValidate, height, fullWidthButtons, footerPadding, ...rest }: FormProps): React.JSX.Element;
+    ({ children, saveButton, leftSideButtons, rightSideButtons, errorCount, warningCount, onSubmit, buttonAlignment, footerChildren, stickyFooter, stickyFooterVariant, fieldSpacing, noValidate, height, fullWidthButtons, footerPadding, id, ...rest }: FormProps): React.JSX.Element;
     displayName: string;
 };
 export default Form;

package/lib/components/form/form.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./__internal__/form-summary.component.js"),o=require("./form.style.js"),i=require("./form.config.js"),l=require("../../__internal__/modal/modal.context.js");function u(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){u(t,e,r[e])}))}return t}function s(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const c=u=>{var{children:c,saveButton:f,leftSideButtons:d,rightSideButtons:m,errorCount:y,warningCount:b,onSubmit:g,buttonAlignment:p="right",footerChildren:h,stickyFooter:j,stickyFooterVariant:O="light",fieldSpacing:S=3,noValidate:x=!0,height:F,fullWidthButtons:P=!1,footerPadding:w={}}=u,_=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(u,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","footerChildren","stickyFooter","stickyFooterVariant","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding"]);const v=e.useRef(null),k=e.useRef(null),{isInModal:B}=e.useContext(l.default),C=!!(h||f||d||m||y||b);return t.jsxs(o.StyledForm,s(a({ref:v,className:j?"sticky":"",stickyFooter:j,onSubmit:g,"data-component":"form",noValidate:x,height:F,isInModal:B},_,r.default("form",_)),{children:[t.jsx(o.StyledFormContent,{"data-element":"form-content","data-role":"form-content",stickyFooter:j,tabIndex:-1,isInModal:B,fieldSpacing:i.formSpacing[S],children:c}),C&&t.jsx(o.StyledFormFooter,s(a(s(a({"data-element":"form-footer","data-role":"form-footer",ref:k,hasFooterChildren:!!h,stickyFooter:j},j&&{stickyFooterVariant:O}),{buttonAlignment:p,fullWidthButtons:P}),w),{children:h||t.jsxs(t.Fragment,{children:[d&&t.jsx(o.StyledLeftButtons,{"data-role":"form-left-buttons",buttonAlignment:p,children:d}),t.jsx(n.default,{fullWidth:P,errorCount:y,warningCount:b,children:f}),m&&t.jsx(o.StyledRightButtons,{"data-role":"form-right-buttons",buttonAlignment:p,children:m})]})}))]}))};c.displayName="Form",exports.Form=c,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./__internal__/form-summary.component.js"),o=require("./form.style.js"),i=require("./form.config.js"),l=require("../../__internal__/modal/modal.context.js");function u(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){u(t,e,r[e])}))}return t}function s(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const c=u=>{var{children:c,saveButton:f,leftSideButtons:d,rightSideButtons:m,errorCount:y,warningCount:b,onSubmit:g,buttonAlignment:p="right",footerChildren:h,stickyFooter:j,stickyFooterVariant:O="light",fieldSpacing:S=3,noValidate:x=!0,height:F,fullWidthButtons:P=!1,footerPadding:w={},id:_}=u,v=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(u,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","footerChildren","stickyFooter","stickyFooterVariant","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding","id"]);const k=e.useRef(null),B=e.useRef(null),{isInModal:C}=e.useContext(l.default),q=!!(h||f||d||m||y||b);return t.jsxs(o.StyledForm,s(a({ref:k,id:_,className:j?"sticky":"",stickyFooter:j,onSubmit:g,"data-component":"form",noValidate:x,height:F,isInModal:C},v,r.default("form",v)),{children:[t.jsx(o.StyledFormContent,{"data-element":"form-content","data-role":"form-content",stickyFooter:j,tabIndex:-1,isInModal:C,fieldSpacing:i.formSpacing[S],children:c}),q&&t.jsx(o.StyledFormFooter,s(a(s(a({"data-element":"form-footer","data-role":"form-footer",ref:B,hasFooterChildren:!!h,stickyFooter:j},j&&{stickyFooterVariant:O}),{buttonAlignment:p,fullWidthButtons:P}),w),{children:h||t.jsxs(t.Fragment,{children:[d&&t.jsx(o.StyledLeftButtons,{"data-role":"form-left-buttons",buttonAlignment:p,children:d}),t.jsx(n.default,{fullWidth:P,errorCount:y,warningCount:b,children:f}),m&&t.jsx(o.StyledRightButtons,{"data-role":"form-right-buttons",buttonAlignment:p,children:m})]})}))]}))};c.displayName="Form",exports.Form=c,exports.default=c;

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, };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "carbon-react",
-  "version": "159.3.1",
+  "version": "159.5.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
     "esm"
   ],
   "engines": {
-    "npm": ">=11.11.1"
+    "npm": ">=11.15.0"
   },
   "scripts": {
     "setup": "npm ci && npm run prepare",
@@ -154,7 +154,7 @@
     "husky": "^8.0.3",
     "inquirer": "^12.10.0",
     "jest": "^29.5.0",
-    "jest-canvas-mock": "^2.5.2",
+    "jest-canvas-mock": "2.5.2",
     "jest-environment-jsdom": "^30.3.0",
     "jest-fail-on-console": "^3.3.1",
     "jest-fetch-mock": "^3.0.3",

package/esm/components/portrait/__internal__/get-colors.d.ts

@@ -1,8 +0,0 @@
-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 default getColoursForPortrait;

package/esm/components/portrait/__internal__/get-colors.js

@@ -1 +0,0 @@
-import o from"../../../style/utils/get-accessible-foreground-color.js";const r=(r,l=!1,t=!1,i=!1,c=void 0)=>{let e="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly400)";return!l||r||c||(s="var(--colorsUtilityYin090)",e="var(--colorsUtilityReadOnly600)"),r&&(s=r,e=o(r,t,i)),c&&(e=c),`background-color: ${s}; color: ${e};`};export{r as default};

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

@@ -1,8 +0,0 @@
-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 default getColoursForPortrait;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../../style/utils/get-accessible-foreground-color.js");exports.default=(e,o=!1,l=!1,t=!1,i=void 0)=>{let s="var(--colorsUtilityYin090)",a="var(--colorsUtilityReadOnly400)";return!o||e||i||(a="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly600)"),e&&(a=e,s=r.default(e,l,t)),i&&(s=i),`background-color: ${a}; color: ${s};`};