carbon-react 159.5.0 → 159.7.0

package/esm/__internal__/legacy-input/input-presentation.style.d.ts

@@ -2,5 +2,5 @@ import { CommonInputPresentationProps } from "./input-presentation.component";
 import { InputContextProps } from "../input-behaviour";
 import { CarbonProviderProps } from "../../components/carbon-provider";
 export declare const StyledInputPresentationContainer: import("styled-components").StyledComponent<"div", any, Pick<CommonInputPresentationProps, "maxWidth" | "inputWidth">, never>;
-declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "readOnly" | "size" | "align" | "borderRadius" | "hasIcon" | "hideBorders"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
+declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "size" | "disabled" | "error" | "info" | "warning" | "align" | "readOnly" | "borderRadius" | "hasIcon" | "hideBorders"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
 export default InputPresentationStyle;

package/esm/__internal__/validations/validation-icon.component.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useRef as o,useContext as r,useState as e}from"react";import n from"invariant";import i from"../utils/helpers/guid/index.js";import p from"../../components/icon/icon.component.js";import s from"./validation-icon.style.js";import{InputContext as l}from"../input-behaviour/input-behaviour.component.js";import{InputGroupContext as a}from"../input-behaviour/input-group-behaviour.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import c from"../../style/utils/filter-styled-system-margin-props.js";function u(t,o,r){return o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}const f=f=>{var{error:b,warning:m,info:O,size:y,onFocus:d,onBlur:g,iconId:v,tooltipId:j,isPartOfInput:h,tabIndex:P=-1,onClick:w,tooltipPosition:I="right",tooltipFlipOverrides:F}=f,x=function(t,o){if(null==t)return{};var r,e,n=function(t,o){if(null==t)return{};var r,e,n={},i=Object.keys(t);for(e=0;e<i.length;e++)r=i[e],o.indexOf(r)>=0||(n[r]=t[r]);return n}(t,o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(e=0;e<i.length;e++)r=i[e],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(f,["error","warning","info","size","onFocus","onBlur","iconId","tooltipId","isPartOfInput","tabIndex","onClick","tooltipPosition","tooltipFlipOverrides"]);const S=o(j||i()),k=Array.isArray(F)&&F.every((t=>["bottom","left","right","top"].includes(t)));F&&n(k,'The tooltipFlipOverrides prop supplied to ValidationIcon must be an array containing some or all of ["top", "bottom", "left", "right"].');const{hasFocus:M,hasMouseOver:D}=r(l),{hasFocus:z,hasMouseOver:B}=r(a),[C,E]=e(!1),A=(({error:t,warning:o,info:r})=>t?"error":o?"warning":r?"info":null)({error:b,warning:m,info:O}),T=b||m||O;return"string"==typeof T&&A?t(s,(V=function(t){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},e=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),e.forEach((function(o){u(t,o,r[o])}))}return t}({validationType:A,onClick:w,onMouseOver:()=>E(!0),onMouseLeave:()=>E(!1),onFocus:t=>{E(!0),d&&d(t)},onBlur:t=>{E(!1),g&&g(t)},isPartOfInput:h,"data-role":"validation-icon-wrapper"},c(x)),$=null!=($={children:t(p,{"aria-describedby":S.current,type:A,tabIndex:P,tooltipId:S.current,tooltipMessage:T,tooltipPosition:I,tooltipVisible:M||D||z||B||C,tooltipFlipOverrides:h&&!F?["top","bottom"]:F,isPartOfInput:h,inputSize:y,id:v,focusable:-1!==P,"data-role":`icon-${A}`},`${A}-icon`)})?$:{},Object.getOwnPropertyDescriptors?Object.defineProperties(V,Object.getOwnPropertyDescriptors($)):function(t){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o.push.apply(o,r)}return o}(Object($)).forEach((function(t){Object.defineProperty(V,t,Object.getOwnPropertyDescriptor($,t))})),V)):null;var V,$};export{f as ValidationIcon,f as default};
+import{jsx as t}from"react/jsx-runtime";import{useRef as o,useContext as r,useState as e}from"react";import n from"invariant";import i from"../utils/helpers/guid/index.js";import p from"../../components/icon/icon.component.js";import{Tooltip as s}from"../../components/tooltip/tooltip.component.js";import l from"./validation-icon.style.js";import{InputContext as a}from"../input-behaviour/input-behaviour.component.js";import{InputGroupContext as c}from"../input-behaviour/input-group-behaviour.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import u from"../../style/utils/filter-styled-system-margin-props.js";import{TooltipContext as f}from"../tooltip-provider/index.js";function m(t,o,r){return o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}const b=b=>{var{error:O,warning:y,info:d,size:g,onFocus:j,onBlur:v,iconId:h,tooltipId:P,isPartOfInput:w,tabIndex:I=-1,onClick:x,tooltipPosition:F="right",tooltipFlipOverrides:S}=b,k=function(t,o){if(null==t)return{};var r,e,n=function(t,o){if(null==t)return{};var r,e,n={},i=Object.keys(t);for(e=0;e<i.length;e++)r=i[e],o.indexOf(r)>=0||(n[r]=t[r]);return n}(t,o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(e=0;e<i.length;e++)r=i[e],o.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(b,["error","warning","info","size","onFocus","onBlur","iconId","tooltipId","isPartOfInput","tabIndex","onClick","tooltipPosition","tooltipFlipOverrides"]);const z=o(P||i()),D=Array.isArray(S)&&S.every((t=>["bottom","left","right","top"].includes(t)));S&&n(D,'The tooltipFlipOverrides prop supplied to ValidationIcon must be an array containing some or all of ["top", "bottom", "left", "right"].');const{hasFocus:M,hasMouseOver:B}=r(a),{hasFocus:C,hasMouseOver:E}=r(c),{tooltipPosition:A}=r(f),[T,V]=e(!1),$=null!=A?A:F,L=(({error:t,warning:o,info:r})=>t?"error":o?"warning":r?"info":null)({error:O,warning:y,info:d}),q=O||y||d;return"string"==typeof q&&L?t(l,(G=function(t){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{},e=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),e.forEach((function(o){m(t,o,r[o])}))}return t}({validationType:L,onClick:x,onMouseOver:()=>V(!0),onMouseLeave:()=>V(!1),onFocus:t=>{V(!0),j&&j(t)},onBlur:t=>{V(!1),v&&v(t)},isPartOfInput:w,"data-role":"validation-icon-wrapper"},u(k)),H=null!=(H={children:t(s,{message:q,isVisible:M||B||C||E||T,position:$,id:z.current,flipOverrides:w&&!S?["top","bottom"]:S,isPartOfInput:w,inputSize:g,children:t(p,{"aria-describedby":z.current,type:L,tabIndex:I,isPartOfInput:w,inputSize:g,id:h,focusable:-1!==I,"data-role":`icon-${L}`},`${L}-icon`)})})?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(G,Object.getOwnPropertyDescriptors(H)):function(t){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o.push.apply(o,r)}return o}(Object(H)).forEach((function(t){Object.defineProperty(G,t,Object.getOwnPropertyDescriptor(H,t))})),G)):null;var G,H};export{b as ValidationIcon,b as default};

package/esm/components/batch-selection/batch-selection.style.d.ts

@@ -1,4 +1,4 @@
 import { BatchSelectionProps } from ".";
-declare const StyledBatchSelection: import("styled-components").StyledComponent<"div", any, Pick<BatchSelectionProps, "disabled" | "hidden" | "colorTheme">, never>;
+declare const StyledBatchSelection: import("styled-components").StyledComponent<"div", any, Pick<BatchSelectionProps, "hidden" | "disabled" | "colorTheme">, never>;
 declare const StyledSelectionCount: import("styled-components").StyledComponent<"span", any, {}, never>;
 export { StyledBatchSelection, StyledSelectionCount };

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

@@ -42,12 +42,16 @@ export interface ButtonProps extends SpaceProps, TagProps {
     href?: string;
     /** Defines an Icon position related to the children: "before" | "after" */
     iconPosition?: ButtonIconPosition;
-    /** [Legacy] Provides a tooltip message when the icon is hovered. */
-    iconTooltipMessage?: string;
-    /** [Legacy] Provides positioning when the tooltip is displayed. */
-    iconTooltipPosition?: TooltipPositions;
     /** Defines an Icon type within the button */
     iconType?: IconType;
+    /**
+     * @deprecated [Legacy] Provides a tooltip message when the icon is hovered.
+     * */
+    iconTooltipMessage?: string;
+    /**
+     * @deprecated [Legacy] Provides positioning when the tooltip is displayed.
+     * */
+    iconTooltipPosition?: TooltipPositions;
     /** id attribute */
     id?: string;
     /**

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import i,{useContext as n,useState as r,useCallback as l}from"react";import a from"invariant";import c from"../icon/icon.component.js";import s,{StyledButtonMainText as p,StyledButtonSubtext as b}from"./button.style.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{TooltipProvider as d}from"../../__internal__/tooltip-provider/index.js";import f from"../button-bar/__internal__/button-bar.context.js";import y from"../split-button/__internal__/split-button.context.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function h(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),i.forEach((function(t){h(e,t,o[t])}))}return e}function O(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}function j({iconType:i,iconPosition:n,size:r,subtext:l,children:a,disabled:s,buttonType:u,iconTooltipMessage:f,iconTooltipPosition:y,tooltipTarget:m}){const h={"aria-hidden":!0,disabled:s,color:"primary"===u?"--colorsActionMajorYang100":u.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},j=void 0!==a&&!1!==a;return t(o,{children:[i&&"before"===n&&j&&e(c,g({type:i},h)),j&&t("span",{children:[e(p,{"data-element":"main-text",children:a}),"large"===r&&e(b,{"data-element":"subtext","data-role":"subtext",children:l})]}),i&&!j&&e(d,{disabled:s,focusable:!1,target:m,children:e(c,O(g({type:i},h),{tooltipMessage:f,tooltipPosition:y}))}),i&&"after"===n&&a&&e(c,g({type:i},h))]})}const v=i.forwardRef(((t,o)=>{var{"aria-describedby":i,"aria-label":c,"aria-labelledby":p,buttonType:b="secondary",children:d,destructive:h=!1,disabled:v=!1,isWhite:P=!1,fullWidth:T=!1,href:_,iconPosition:x="before",iconTooltipMessage:w,iconTooltipPosition:k,iconType:W,m:S=0,noWrap:M,onClick:D,px:z,rel:C,size:E="medium",subtext:A="",target:B}=t,Y=function(e,t){if(null==e)return{};var o,i,n=function(e,t){if(null==e)return{};var o,i,n={},r=Object.keys(e);for(i=0;i<r.length;i++)o=r[i],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)o=r[i],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(t,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconTooltipMessage","iconTooltipPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:I,size:K,iconPosition:N,fullWidth:R}=n(f),{batchSelectionDisabled:q}=n(m),F=I||b,G=K||E,H=N||x,J=R||T,L=v||q;a(void 0!==d||!!W,"Either prop `iconType` must be defined or this node must have children."),A&&a("large"===G,"subtext prop has no effect unless the button is large.");const[Q,U]=r(null),{inSplitButton:V,onChildButtonClick:X}=n(y);let Z;switch(G){case"small":Z=2;break;case"large":Z=4;break;default:Z=3}const $=l((e=>{U(e),o&&("object"==typeof o&&(o.current=e),"function"==typeof o&&o(e))}),[o]),ee=void 0!==d&&!1!==d;return e(s,O(g({"aria-label":!ee&&W?c||W:c,"aria-labelledby":p,"aria-describedby":i,as:!L&&_?"a":"button",onKeyDown:_?e=>{" "===e.key&&(e.preventDefault(),null==Q||Q.click())}:void 0,onClick:e=>{var t;null==Q||Q.focus({preventScroll:!0}),V?null==X||null===(t=X(D))||void 0===t||t(e):D&&D(e)},draggable:!1,buttonType:F,disabled:L,destructive:h,isWhite:P,type:_?void 0:"button",iconType:W,size:G,px:null!=z?z:Z,m:S,noWrap:M,iconOnly:!ee&&!!W,iconPosition:H,target:B,rel:C,fullWidth:J},u("button",Y),Y,_&&{href:_}),{ref:$,children:j({iconType:W,iconPosition:H,size:G,subtext:A,children:d,disabled:L,buttonType:F,iconTooltipMessage:w,iconTooltipPosition:k,tooltipTarget:Q})}))}));v.displayName="Button";export{v as default};
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import n,{useContext as o,useState as i,useCallback as l}from"react";import a from"invariant";import c from"../icon/icon.component.js";import s,{StyledButtonMainText as b,StyledButtonSubtext as u}from"./button.style.js";import p from"../../__internal__/utils/helpers/tags/tags.js";import d from"../button-bar/__internal__/button-bar.context.js";import f from"../split-button/__internal__/split-button.context.js";import y from"../batch-selection/__internal__/batch-selection.context.js";function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){m(e,t,r[t])}))}return e}function O({iconType:n,iconPosition:o,size:i,subtext:l,children:a,disabled:s,buttonType:p}){const d={"aria-hidden":!0,disabled:s,color:"primary"===p?"--colorsActionMajorYang100":p.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},f=void 0!==a&&!1!==a;return t(r,{children:[n&&"before"===o&&f&&e(c,h({type:n},d)),f&&t("span",{children:[e(b,{"data-element":"main-text",children:a}),"large"===i&&e(u,{"data-element":"subtext","data-role":"subtext",children:l})]}),n&&!f&&e(c,h({type:n},d)),n&&"after"===o&&a&&e(c,h({type:n},d))]})}const g=n.forwardRef(((t,r)=>{var{"aria-describedby":n,"aria-label":c,"aria-labelledby":b,buttonType:u="secondary",children:m,destructive:g=!1,disabled:j=!1,isWhite:v=!1,fullWidth:P=!1,href:x,iconPosition:_="before",iconType:w,m:T=0,noWrap:k,onClick:W,px:S,rel:D,size:z="medium",subtext:C="",target:E}=t,A=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:B,size:M,iconPosition:Y,fullWidth:I}=o(d),{batchSelectionDisabled:K}=o(y),N=B||u,R=M||z,q=Y||_,F=I||P,G=j||K;a(void 0!==m||!!w,"Either prop `iconType` must be defined or this node must have children."),C&&a("large"===R,"subtext prop has no effect unless the button is large.");const[H,J]=i(null),{inSplitButton:L,onChildButtonClick:Q}=o(f);let U;switch(R){case"small":U=2;break;case"large":U=4;break;default:U=3}const V=l((e=>{J(e),r&&("object"==typeof r&&(r.current=e),"function"==typeof r&&r(e))}),[r]),X=void 0!==m&&!1!==m;return e(s,function(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}(h({"aria-label":!X&&w?c||w:c,"aria-labelledby":b,"aria-describedby":n,as:!G&&x?"a":"button",onKeyDown:x?e=>{" "===e.key&&(e.preventDefault(),null==H||H.click())}:void 0,onClick:e=>{var t;null==H||H.focus({preventScroll:!0}),L?null==Q||null===(t=Q(W))||void 0===t||t(e):W&&W(e)},draggable:!1,buttonType:N,disabled:G,destructive:g,isWhite:v,type:x?void 0:"button",iconType:w,size:R,px:null!=S?S:U,m:T,noWrap:k,iconOnly:!X&&!!w,iconPosition:q,target:E,rel:D,fullWidth:F},p("button",A),A,x&&{href:x}),{ref:V,children:O({iconType:w,iconPosition:q,size:R,subtext:C,children:m,disabled:G,buttonType:N})}))}));g.displayName="Button";export{g as default};

package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.d.ts

@@ -2,7 +2,7 @@ import { FlatTableRowHeaderProps } from "./flat-table-row-header.component";
 declare const StyledFlatTableRowHeader: import("styled-components").StyledComponent<"th", any, {
     theme: object;
 } & {
-    "data-sticky-align": "left" | "right" | undefined;
+    "data-sticky-align": "right" | "left" | undefined;
 } & FlatTableRowHeaderProps & {
     expandable?: boolean;
     leftPosition?: number;

package/esm/components/help/help.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as r,useContext as o,useEffect as n}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"../icon/icon.component.js";import p from"./help.style.js";import s from"../../__internal__/utils/helpers/events/events.js";import{TooltipContext as c}from"../../__internal__/tooltip-provider/index.js";import"../../style/utils/filter-styled-system-padding-props.js";import a from"../../style/utils/filter-styled-system-margin-props.js";import u from"../../__internal__/utils/helpers/guid/index.js";function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const d=d=>{var{as:b,ariaLabel:y="help",children:m,href:O,helpId:j,isFocused:v,tabIndex:g=0,tooltipBgColor:h,tooltipFontColor:_,tooltipFlipOverrides:P,tooltipId:w,tooltipPosition:x="top",type:F="help"}=d,I=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(d,["as","ariaLabel","children","href","helpId","isFocused","tabIndex","tooltipBgColor","tooltipFontColor","tooltipFlipOverrides","tooltipId","tooltipPosition","type"]);const k=t(u()),C=t(null),[E,L]=r(!1),{helpAriaLabel:S}=o(c);n((()=>{function e(e){var t;s.isEscKey(e)&&(null==C||null===(t=C.current)||void 0===t||t.blur(),L(!1))}return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}));const B=b||O&&"a"||"div";function D(e){return()=>{L(e)}}return e(p,(M=function(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){f(e,t,r[t])}))}return e}({"aria-describedby":v||E?w||k.current:void 0,"aria-label":S||y,as:B,href:O,id:j,ref:C,onClick:()=>{var e;null==C||null===(e=C.current)||void 0===e||e.focus()},onFocus:D(!0),onBlur:D(!1),onMouseOver:D(!0),onMouseLeave:D(!1),tabIndex:g},O?{target:"_blank",rel:"noopener noreferrer"}:{role:"button"},a(I),I,i("help",I)),A=null!=(A={children:e(l,{"aria-hidden":!0,type:F,tooltipMessage:m,tooltipPosition:x,tooltipVisible:v||E,tooltipBgColor:h,tooltipFontColor:_,tooltipFlipOverrides:P,focusable:!1,tooltipId:w||k.current})})?A:{},Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(A)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(A)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(A,e))})),M));var M,A};d.displayName="Help";export{d as Help,d as default};
+import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as r,useContext as o,useEffect as n}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"../icon/icon.component.js";import{Tooltip as s}from"../tooltip/tooltip.component.js";import p from"./help.style.js";import c from"../../__internal__/utils/helpers/events/events.js";import{TooltipContext as a}from"../../__internal__/tooltip-provider/index.js";import"../../style/utils/filter-styled-system-padding-props.js";import u from"../../style/utils/filter-styled-system-margin-props.js";import f from"../../__internal__/utils/helpers/guid/index.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const b=b=>{var{as:m,ariaLabel:y="help",children:O,href:j,helpId:v,isFocused:h,tabIndex:g=0,tooltipBgColor:_,tooltipFontColor:P,tooltipFlipOverrides:w,tooltipId:x,tooltipPosition:I="top",type:k="help"}=b,C=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["as","ariaLabel","children","href","helpId","isFocused","tabIndex","tooltipBgColor","tooltipFontColor","tooltipFlipOverrides","tooltipId","tooltipPosition","type"]);const F=t(f()),E=t(null),[L,S]=r(!1),{helpAriaLabel:D}=o(a);n((()=>{function e(e){var t;c.isEscKey(e)&&(null==E||null===(t=E.current)||void 0===t||t.blur(),S(!1))}return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}));const B=m||j&&"a"||"div";function M(e){return()=>{S(e)}}return e(p,(A=function(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){d(e,t,r[t])}))}return e}({"aria-describedby":h||L?x||F.current:void 0,"aria-label":D||y,as:B,href:j,id:v,ref:E,onClick:()=>{var e;null==E||null===(e=E.current)||void 0===e||e.focus()},onFocus:M(!0),onBlur:M(!1),onMouseOver:M(!0),onMouseLeave:M(!1),tabIndex:g},j?{target:"_blank",rel:"noopener noreferrer"}:{role:"button"},u(C),C,i("help",C)),H=null!=(H={children:O?e(s,{message:O,isVisible:h||L,position:I,id:x||F.current,bgColor:_,fontColor:P,flipOverrides:w,children:e(l,{"aria-hidden":!0,type:k,focusable:!1})}):e(l,{"aria-hidden":!0,type:k,focusable:!1})})?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(H)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(H)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(H,e))})),A));var A,H};b.displayName="Help";export{b as Help,b as default};

package/esm/components/icon/icon-config.js

@@ -1 +1 @@
-const e={backgroundSize:{"extra-small":"16px",small:"24px",medium:"32px",large:"40px","extra-large":"56px"},backgroundShape:{square:"0%","rounded-rect":"20%",circle:"50%"},iconSize:{small:"var(--sizing250)",medium:"var(--sizing300)",large:"var(--sizing400)","extra-large":"var(--sizing600)"}},r=["bottom","left","right","top"],a=["circle","rounded-rect","square"],t=["small","medium","large","extra-large"],i=["small","medium","large","extra-large"],_=["accessibility_web","add","admin","airplay","alert","alert_on","analysis","app_facebook","app_instagram","app_tiktok","app_twitter","app_youtube","apps","arrow","arrow_bottom_right_circle","arrow_down","arrow_left","arrow_left_boxed","arrow_left_right_small","arrow_left_small","arrow_right","arrow_right_small","arrow_top_left_circle","arrow_top_right_circle","arrow_up","arrows_left_right","at_sign","attach","bank","bank_with_card","basket","basket_with_squares","batch","bed","bill_paid","bill_unpaid","bin","biometric","blocked","blocked_square","block_arrow_right","bold","box_arrow_left","box_arrow_right","boxed_shapes","bulk_destroy","bullet_list","bullet_list_dotted","bullet_list_numbers","business","calendar","calendar_today","call","calendar_pay_date","camera","car_lock","car_money","car_repair","card_view","card_wallet","caret_down","caret_left","caret_right","caret_up","caret_up_down","caret_large_down","caret_large_left","caret_large_right","caret_large_up","cart","cash","chat","chart_bar","chart_bar_arrow_up","chart_line","chart_pie","chat_notes","check_all","check_none","chevron_down","chevron_first","chevron_first_pagination","chevron_last","chevron_last_pagination","chevron_left","chevron_right","chevron_up","chevron_down_thick","chevron_left_thick","chevron_right_thick","chevron_up_thick","chromecast","circle_with_dots","circles_connection","clear","clock","close","cloud_co2","coins","collaborate","computer_clock","connect","connect_circle","connect_off","construction","contacts","contact_card","copy","create","credit_card","credit_card_slash","cross","cross_circle","csv","dashboard","delete","delivery","diagonal_arrows_up","disconnect","disputed","document_right_align","document_tick","document_vertical_lines","download","double_tick","drag","drag_hover","drag_vertical","draft","drill","dropdown","duplicate","edit","edited","email","email_switch","entry","ellipsis_horizontal","ellipsis_vertical","envelope_dollar","envelope_euro","error","error_square","euro","expand","export","factory","favourite","favourite_lined","fax","feedback","file_excel","file_generic","file_image","file_pdf","file_word","files_leaning","filter","filter_new","fit_height","fit_width","flag","flash","folder","form_refresh","framerate","fullscreen","gift","get_quote","go","graduation_hat","graph","grid","heart","heart_pulse","help","hide","hierarchy","hand_cash_coins","hand_cash_note","home","image","import","in_progress","in_transit","individual","info","intranet","ipad","italic","job_seeked","key","laptop","leaf","ledger","ledger_arrow_left","ledger_arrow_right","lightbulb_off","lightbulb_on","like","like_no","link","link_card","link_cloud","link_on","list_view","locked","location","login","logout","lookup","marker","message","microphone","minimise","minus","minus_large","mobile","money_bag","mute","none","normalscreen","old_warning","page","palm_tree","pause","pause_circle","petrol_pump","pdf","pin","people","people_switch","percentage_boxed","person","person_info","person_tick","phone","picture_in_picture","piggy_bank","placeholder","plane","play","play_circle","plus","plus_circle","plus_large","pound","print","progress","progressed","protect","question","question_hollow","question_mark","recruiting","refresh","refresh_clock","remove","replay","reset","sage_coin","save","scan","search","send","services","settings","settings_old","share","shield_with_tick","shield_with_tick_outline","shop","sort_down","sort_up","spanner","speaker","split","split_container","squares_nine","stacked_boxes","stacked_squares","stop","stop_circle","submitted","subtitles","support_online","sync","tag","talk","target","target_man","theatre_masks","three_boxes","tick","tick_circle","tick_thick","time_zone","true_tick","u_turn_left","u_turn_right","underline","undo","unlocked","upload","uploaded","user_groups","video","view","volume_high","volume_low","volume_medium","volunteering","warning","website","welfare","worldwide_location"];export{_ as ICONS,i as ICON_FONT_SIZES,a as ICON_SHAPES,t as ICON_SIZES,r as ICON_TOOLTIP_POSITIONS,e as default};
+const e={backgroundSize:{"extra-small":"var(--global-size-2-xs)",small:"var(--global-size-xs)",medium:"var(--global-size-s)",large:"var(--global-size-m)","extra-large":"var(--global-size-m)"},backgroundShape:{square:"0%","rounded-rect":"20%",circle:"50%"},iconSize:{small:"var(--global-size-2-xs)",medium:"var(--global-size-xs)",large:"var(--global-size-s)","extra-large":"var(--global-size-s)"}},r=["bottom","left","right","top"],a=["circle","rounded-rect","square"],t=["small","medium","large","extra-large"],l=["small","medium","large","extra-large"],o=["accessibility_web","add","admin","airplay","alert","alert_on","analysis","app_facebook","app_instagram","app_tiktok","app_twitter","app_youtube","apps","arrow","arrow_bottom_right_circle","arrow_down","arrow_left","arrow_left_boxed","arrow_left_right_small","arrow_left_small","arrow_right","arrow_right_small","arrow_top_left_circle","arrow_top_right_circle","arrow_up","arrows_left_right","at_sign","attach","bank","bank_with_card","basket","basket_with_squares","batch","bed","bill_paid","bill_unpaid","bin","biometric","blocked","blocked_square","block_arrow_right","bold","box_arrow_left","box_arrow_right","boxed_shapes","bulk_destroy","bullet_list","bullet_list_dotted","bullet_list_numbers","business","calendar","calendar_today","call","calendar_pay_date","camera","car_lock","car_money","car_repair","card_view","card_wallet","caret_down","caret_left","caret_right","caret_up","caret_up_down","caret_large_down","caret_large_left","caret_large_right","caret_large_up","cart","cash","chat","chart_bar","chart_bar_arrow_up","chart_line","chart_pie","chat_notes","check_all","check_none","chevron_down","chevron_first","chevron_first_pagination","chevron_last","chevron_last_pagination","chevron_left","chevron_right","chevron_up","chevron_down_thick","chevron_left_thick","chevron_right_thick","chevron_up_thick","chromecast","circle_with_dots","circles_connection","clear","clock","close","code","cloud_co2","coins","collaborate","computer_clock","connect","connect_circle","connect_off","construction","contacts","contact_card","copy","create","credit_card","credit_card_slash","cross","cross_circle","csv","dashboard","delete","delivery","diagonal_arrows_up","disconnect","disputed","document_right_align","document_tick","document_vertical_lines","download","double_tick","drag","drag_hover","drag_vertical","draft","drill","dropdown","duplicate","edit","edited","email","email_switch","entry","ellipsis_horizontal","ellipsis_vertical","envelope_dollar","envelope_euro","error","error_square","euro","expand","export","factory","favourite","favourite_lined","fax","feedback","file_excel","file_generic","file_image","file_pdf","file_word","files_leaning","filter","filter_new","fit_height","fit_width","flag","flash","folder","form_refresh","framerate","fullscreen","gift","get_quote","go","graduation_hat","graph","grid","heart","heart_pulse","help","hide","hierarchy","hand_cash_coins","hand_cash_note","home","image","import","in_progress","in_transit","individual","info","intranet","ipad","italic","job_seeked","key","laptop","leaf","ledger","ledger_arrow_left","ledger_arrow_right","lightbulb_off","lightbulb_on","like","like_no","link","link_card","link_cloud","link_on","list_view","locked","location","login","logout","lookup","marker","message","microphone","minimise","minus","minus_large","mobile","money_bag","mute","none","normalscreen","old_warning","page","palm_tree","pause","pause_circle","petrol_pump","pdf","pin","people","people_switch","percentage_boxed","person","person_info","person_tick","phone","picture_in_picture","piggy_bank","placeholder","plane","play","play_circle","plus","plus_circle","plus_large","pound","print","progress","progressed","protect","question","question_hollow","question_mark","recruiting","refresh","refresh_clock","remove","replay","reset","sage_coin","save","scan","search","send","services","settings","settings_old","share","shield_with_tick","shield_with_tick_outline","shop","sort_down","sort_up","source_code","spanner","speaker","split","split_container","squares_nine","stacked_boxes","stacked_squares","stop","stop_circle","submitted","subtitles","support_online","sync","tag","talk","target","target_man","theatre_masks","three_boxes","tick","tick_circle","tick_thick","time_zone","true_tick","u_turn_left","u_turn_right","underline","undo","unlocked","upload","uploaded","user_groups","video","view","volume_high","volume_low","volume_medium","volunteering","warning","website","welfare","worldwide_location"];export{o as ICONS,l as ICON_FONT_SIZES,a as ICON_SHAPES,t as ICON_SIZES,r as ICON_TOOLTIP_POSITIONS,e as default};

package/esm/components/icon/icon-type.d.ts

@@ -1 +1 @@
-export type IconType = "accessibility_web" | "add" | "admin" | "airplay" | "alert" | "alert_on" | "analysis" | "app_facebook" | "app_instagram" | "app_tiktok" | "app_twitter" | "app_youtube" | "apps" | "arrow" | "arrow_bottom_right_circle" | "arrow_down" | "arrow_left" | "arrow_left_boxed" | "arrow_left_right_small" | "arrow_left_small" | "arrow_right" | "arrow_right_small" | "arrow_top_left_circle" | "arrow_top_right_circle" | "arrow_up" | "arrows_left_right" | "at_sign" | "attach" | "bank" | "bank_with_card" | "basket" | "basket_with_squares" | "batch" | "bed" | "bill_paid" | "bill_unpaid" | "bin" | "biometric" | "blocked" | "blocked_square" | "block_arrow_right" | "bold" | "box_arrow_left" | "box_arrow_right" | "boxed_shapes" | "bulk_destroy" | "bullet_list" | "bullet_list_dotted" | "bullet_list_numbers" | "business" | "calendar" | "calendar_pay_date" | "calendar_today" | "call" | "camera" | "car_lock" | "car_money" | "car_repair" | "card_wallet" | "card_view" | "caret_down" | "caret_left" | "caret_right" | "caret_up" | "caret_up_down" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "cash" | "chat" | "chart_bar" | "chart_bar_arrow_up" | "chart_line" | "chart_pie" | "chat_notes" | "check_all" | "check_none" | "chevron_down" | "chevron_first" | "chevron_first_pagination" | "chevron_last" | "chevron_last_pagination" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "chromecast" | "circle_with_dots" | "circles_connection" | "clear" | "clock" | "close" | "cloud_co2" | "coins" | "collaborate" | "computer_clock" | "connect" | "connect_circle" | "connect_off" | "construction" | "contacts" | "contact_card" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "dashboard" | "delete" | "delivery" | "diagonal_arrows_up" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "double_tick" | "drag" | "drag_hover" | "drag_vertical" | "draft" | "drill" | "dropdown" | "duplicate" | "edit" | "edited" | "email" | "email_switch" | "entry" | "envelope_dollar" | "envelope_euro" | "ellipsis_horizontal" | "ellipsis_vertical" | "error" | "error_square" | "euro" | "expand" | "export" | "factory" | "favourite" | "favourite_lined" | "fax" | "feedback" | "file_excel" | "file_generic" | "file_image" | "file_pdf" | "file_word" | "files_leaning" | "filter" | "filter_new" | "fit_height" | "fit_width" | "flag" | "flash" | "folder" | "form_refresh" | "framerate" | "fullscreen" | "get_quote" | "gift" | "go" | "graduation_hat" | "graph" | "grid" | "heart" | "hand_cash_coins" | "hand_cash_note" | "heart_pulse" | "help" | "hide" | "hierarchy" | "home" | "image" | "import" | "in_progress" | "in_transit" | "individual" | "info" | "intranet" | "ipad" | "italic" | "job_seeked" | "key" | "laptop" | "leaf" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "like" | "like_no" | "link" | "lightbulb_off" | "lightbulb_on" | "link_card" | "link_cloud" | "link_on" | "list_view" | "locked" | "login" | "location" | "logout" | "lookup" | "marker" | "message" | "microphone" | "minimise" | "minus" | "minus_large" | "mobile" | "money_bag" | "mute" | "none" | "normalscreen" | "old_warning" | "page" | "palm_tree" | "pause" | "pause_circle" | "pdf" | "pin" | "people" | "people_switch" | "percentage_boxed" | "person" | "person_info" | "person_tick" | "petrol_pump" | "phone" | "picture_in_picture" | "piggy_bank" | "placeholder" | "plane" | "play" | "play_circle" | "plus" | "plus_circle" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "protect" | "question" | "question_hollow" | "question_mark" | "recruiting" | "refresh" | "refresh_clock" | "remove" | "replay" | "reset" | "sage_coin" | "save" | "scan" | "send" | "search" | "services" | "settings" | "settings_old" | "share" | "shield_with_tick" | "shield_with_tick_outline" | "shop" | "sort_down" | "sort_up" | "spanner" | "speaker" | "split" | "split_container" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "stop" | "stop_circle" | "subtitles" | "support_online" | "submitted" | "sync" | "tag" | "talk" | "target" | "target_man" | "theatre_masks" | "three_boxes" | "tick" | "tick_circle" | "tick_thick" | "time_zone" | "true_tick" | "u_turn_left" | "u_turn_right" | "underline" | "undo" | "unlocked" | "upload" | "uploaded" | "user_groups" | "video" | "view" | "volume_high" | "volume_low" | "volume_medium" | "volunteering" | "warning" | "website" | "welfare" | "worldwide_location";
+export type IconType = "accessibility_web" | "add" | "admin" | "airplay" | "alert" | "alert_on" | "analysis" | "app_facebook" | "app_instagram" | "app_tiktok" | "app_twitter" | "app_youtube" | "apps" | "arrow" | "arrow_bottom_right_circle" | "arrow_down" | "arrow_left" | "arrow_left_boxed" | "arrow_left_right_small" | "arrow_left_small" | "arrow_right" | "arrow_right_small" | "arrow_top_left_circle" | "arrow_top_right_circle" | "arrow_up" | "arrows_left_right" | "at_sign" | "attach" | "bank" | "bank_with_card" | "basket" | "basket_with_squares" | "batch" | "bed" | "bill_paid" | "bill_unpaid" | "bin" | "biometric" | "blocked" | "blocked_square" | "block_arrow_right" | "bold" | "box_arrow_left" | "box_arrow_right" | "boxed_shapes" | "bulk_destroy" | "bullet_list" | "bullet_list_dotted" | "bullet_list_numbers" | "business" | "calendar" | "calendar_pay_date" | "calendar_today" | "call" | "camera" | "car_lock" | "car_money" | "car_repair" | "card_wallet" | "card_view" | "caret_down" | "caret_left" | "caret_right" | "caret_up" | "caret_up_down" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "cash" | "chat" | "chart_bar" | "chart_bar_arrow_up" | "chart_line" | "chart_pie" | "chat_notes" | "check_all" | "check_none" | "chevron_down" | "chevron_first" | "chevron_first_pagination" | "chevron_last" | "chevron_last_pagination" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "chromecast" | "circle_with_dots" | "circles_connection" | "clear" | "clock" | "close" | "code" | "cloud_co2" | "coins" | "collaborate" | "computer_clock" | "connect" | "connect_circle" | "connect_off" | "construction" | "contacts" | "contact_card" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "dashboard" | "delete" | "delivery" | "diagonal_arrows_up" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "double_tick" | "drag" | "drag_hover" | "drag_vertical" | "draft" | "drill" | "dropdown" | "duplicate" | "edit" | "edited" | "email" | "email_switch" | "entry" | "envelope_dollar" | "envelope_euro" | "ellipsis_horizontal" | "ellipsis_vertical" | "error" | "error_square" | "euro" | "expand" | "export" | "factory" | "favourite" | "favourite_lined" | "fax" | "feedback" | "file_excel" | "file_generic" | "file_image" | "file_pdf" | "file_word" | "files_leaning" | "filter" | "filter_new" | "fit_height" | "fit_width" | "flag" | "flash" | "folder" | "form_refresh" | "framerate" | "fullscreen" | "get_quote" | "gift" | "go" | "graduation_hat" | "graph" | "grid" | "heart" | "hand_cash_coins" | "hand_cash_note" | "heart_pulse" | "help" | "hide" | "hierarchy" | "home" | "image" | "import" | "in_progress" | "in_transit" | "individual" | "info" | "intranet" | "ipad" | "italic" | "job_seeked" | "key" | "laptop" | "leaf" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "like" | "like_no" | "link" | "lightbulb_off" | "lightbulb_on" | "link_card" | "link_cloud" | "link_on" | "list_view" | "locked" | "login" | "location" | "logout" | "lookup" | "marker" | "message" | "microphone" | "minimise" | "minus" | "minus_large" | "mobile" | "money_bag" | "mute" | "none" | "normalscreen" | "old_warning" | "page" | "palm_tree" | "pause" | "pause_circle" | "pdf" | "pin" | "people" | "people_switch" | "percentage_boxed" | "person" | "person_info" | "person_tick" | "petrol_pump" | "phone" | "picture_in_picture" | "piggy_bank" | "placeholder" | "plane" | "play" | "play_circle" | "plus" | "plus_circle" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "protect" | "question" | "question_hollow" | "question_mark" | "recruiting" | "refresh" | "refresh_clock" | "remove" | "replay" | "reset" | "sage_coin" | "save" | "scan" | "send" | "search" | "services" | "settings" | "settings_old" | "share" | "shield_with_tick" | "shield_with_tick_outline" | "shop" | "sort_down" | "sort_up" | "source_code" | "spanner" | "speaker" | "split" | "split_container" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "stop" | "stop_circle" | "subtitles" | "support_online" | "submitted" | "sync" | "tag" | "talk" | "target" | "target_man" | "theatre_masks" | "three_boxes" | "tick" | "tick_circle" | "tick_thick" | "time_zone" | "true_tick" | "u_turn_left" | "u_turn_right" | "underline" | "undo" | "unlocked" | "upload" | "uploaded" | "user_groups" | "video" | "view" | "volume_high" | "volume_low" | "volume_medium" | "volunteering" | "warning" | "website" | "welfare" | "worldwide_location";

package/esm/components/icon/icon-unicodes.d.ts

@@ -199,6 +199,8 @@ declare namespace iconUnicodes {
     export let caret_up_down: string;
     export let connect_circle: string;
     export let plus_circle: string;
+    export let code: string;
+    export let source_code: string;
     export let error: string;
     export let warning: string;
     export let tick: string;

package/esm/components/icon/icon-unicodes.js

@@ -1 +1 @@
-function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const r={call:"\\e93d",mobile:"\\e932",fax:"\\e925",email:"\\e922",email_switch:"\\e996",marker:"\\e93f"},t={person:"\\e93c",person_info:"\\e994",person_tick:"\\e97b",people:"\\e93b",people_switch:"\\e995",business:"\\e90d",shop:"\\e947",bank:"\\e977"},a={home:"\\e929",dashboard:"\\f007",settings:"\\e91a",search:"\\e92f",feedback:"\\e930",logout:"\\e92e",alert:"\\e90b",alert_on:"\\f001",talk:"\\e95a"},o={calendar:"\\e90e",calendar_today:"\\e970",dropdown:"\\e910",caret_up:"\\e9a8",caret_left:"\\e9a6",caret_right:"\\e9a7",caret_large_down:"\\e9a4",caret_large_up:"\\e9a5",caret_large_left:"\\e9a2",caret_large_right:"\\e9a3",plus:"\\e940",plus_large:"\\e967",minus:"\\e931",minus_large:"\\e968",edit:"\\e93a",edited:"\\e938",favourite:"\\e94f",favourite_lined:"\\e94e",credit_card:"\\e91c",credit_card_slash:"\\e966",save:"\\e926",uploaded:"\\e905",arrow_left_boxed:"\\e988",question:"\\e943",info:"\\e92a",download:"\\e900",upload:"\\e906",share:"\\e946",close:"\\e91e",cross:"\\e91d",cross_circle:"\\e992",filter:"\\e928",refresh:"\\e945",computer_clock:"\\e997",refresh_clock:"\\e986",sync:"\\e944",attach:"\\e937",camera:"\\e90f",image:"\\e93e",folder:"\\e927",help:"\\e951",connect:"\\e955",disconnect:"\\e953",split:"\\e952",filter_new:"\\e954",delivery:"\\e959",chat:"\\e914",chat_notes:"\\e956",bullet_list:"\\e95b",bullet_list_numbers:"\\e989",bullet_list_dotted:"\\e98a",view:"\\e957",hide:"\\e998",video:"\\e95e",play:"\\e95f",pause:"\\e96d",play_circle:"\\e96c",pause_circle:"\\e96b",scan:"\\e96e",lookup:"\\e96f",bold:"\\e98c",italic:"\\e98b",undo:"\\e9aa",box_arrow_left:"\\f006"},i={cart:"\\e90a",basket_with_squares:"\\e975",delete:"\\e90c",print:"\\e942",csv:"\\e94a",pdf:"\\e91f",duplicate:"\\e921",copy:"\\e91b",check_all:"\\f028",check_none:"\\f029"},c={chevron_up:"\\e918",chevron_down:"\\e915",chevron_right:"\\e917",chevron_left:"\\e916",chevron_up_thick:"\\e99d",chevron_down_thick:"\\e99c",chevron_left_thick:"\\e99f",chevron_right_thick:"\\e99e",link:"\\e92d",list_view:"\\e92c",card_view:"\\e94b",sort_down:"\\e948",sort_up:"\\e949",arrow_left:"\\e902",arrow_right:"\\e904",arrow_down:"\\e901",arrow_up:"\\e907",arrow_left_right_small:"\\e964",arrow_left_small:"\\e963",arrow_right_small:"\\e962",block_arrow_right:"\\e97e",drag_vertical:"\\e94d",drag:"\\e94c",fit_height:"\\e909",fit_width:"\\e908",ellipsis_horizontal:"\\e960",ellipsis_vertical:"\\e961",u_turn_left:"\\f004",u_turn_right:"\\f005"},l={error:"\\e923",warning:"\\e924",tick:"\\e950",tick_circle:"\\e993",tick_thick:"\\f003",draft:"\\e939",progressed:"\\e903",in_progress:"\\e920",clock:"\\e919",locked:"\\e935",unlocked:"\\e936",gift:"\\e941",blocked:"\\e933",key:"\\e92b",chart_line:"\\e912",chart_pie:"\\e913",chart_bar:"\\e911",blocked_square:"\\e934",disputed:"\\e958",lightbulb_on:"\\e95d",lightbulb_off:"\\e95c"},_={boxed_shapes:"\\e982",circles_connection:"\\e979",document_right_align:"\\e981",document_tick:"\\e980",document_vertical_lines:"\\e978",error_square:"\\e97f",factory:"\\e976",files_leaning:"\\e97a",ledger:"\\e973",ledger_arrow_left:"\\e971",ledger_arrow_right:"\\e972",money_bag:"\\e974",spanner:"\\e984",split_container:"\\e987",stacked_boxes:"\\e97c",tag:"\\e985",three_boxes:"\\e97d",circle_with_dots:"\\e965",squares_nine:"\\e969",coins:"\\e96a",file_generic:"\\e991",file_pdf:"\\e990",file_excel:"\\e98e",file_word:"\\e98f",file_image:"\\e98d",euro:"\\e9a0",pound:"\\e9a1",stacked_squares:"\\e983",expand:"\\e99b",flag:"\\e999",placeholder:"\\e99a",envelope_dollar:"\\e9ab",envelope_euro:"\\e9a9",sage_coin:"\\e9ac",palm_tree:"\\f002",arrow_bottom_right_circle:"\\f014",arrow_top_left_circle:"\\f017",arrows_left_right:"\\f027",bank_with_card:"\\f019",bed:"\\f010",car_lock:"\\f021",car_money:"\\f011",car_repair:"\\f022",cash:"\\f020",construction:"\\f008",drill:"\\f015",form_refresh:"\\f018",graduation_hat:"\\f013",hand_cash_coins:"\\f009",hand_cash_note:"\\f024",laptop:"\\f012",percentage_boxed:"\\f016",petrol_pump:"\\f026",plane:"\\f025",theatre_masks:"\\f023",accessibility_web:"\\f045",app_facebook:"\\f052",app_instagram:"\\f046",app_tiktok:"\\f035",app_twitter:"\\f041",app_youtube:"\\f047",apps:"\\f040",bill_paid:"\\f049",bill_unpaid:"\\f063",box_arrow_right:"\\f057",calendar_pay_date:"\\f038",card_wallet:"\\f030",connect_off:"\\f053",heart_pulse:"\\f031",intranet:"\\f048",job_seeked:"\\f037",like:"\\f056",link_cloud:"\\f036",link_on:"\\f043",microphone:"\\f054",protect:"\\f044",recruiting:"\\f033",send:"\\f055",support_online:"\\f032",target_man:"\\f050",target:"\\f042",volunteering:"\\f039",website:"\\f051",welfare:"\\f034",contact_card:"\\f059",cloud_co2:"\\f060",leaf:"\\f061",like_no:"\\f058",minimise:"\\f062",pin:"\\f064",biometric:"\\f067",import:"\\f066",export:"\\f065",shield_with_tick:"\\f070",shield_with_tick_outline:"\\f071",stop:"\\f068",stop_circle:"\\f069",worldwide_location:"\\f072",airplay:"\\f073",batch:"\\f074",chromecast:"\\f075",framerate:"\\f076",fullscreen:"\\f077",mute:"\\f078",normalscreen:"\\f079",page:"\\f080",picture_in_picture:"\\f081",replay:"\\f082",speaker:"\\f083",subtitles:"\\f084",volume_high:"\\f087",volume_low:"\\f085",volume_medium:"\\f086",hierarchy:"\\f088",underline:"\\f089",chevron_first:"\\f090",chevron_last:"\\f091",drag_hover:"\\f092",at_sign:"\\f093",link_card:"\\f094",time_zone:"\\f095",arrow_top_right_circle:"\\f096",clear:"\\f097",diagonal_arrows_up:"\\f098",double_tick:"\\f099",flash:"\\f100",get_quote:"\\f101",heart:"\\f102",ipad:"\\f103",reset:"\\f104",user_groups:"\\f105",chart_bar_arrow_up:"\\f106",login:"\\f107",chevron_first_pagination:"\\f108",chevron_last_pagination:"\\f109",caret_up_down:"\\f110",connect_circle:"\\f111",plus_circle:"\\f112"},n=(f=function(r){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},o=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),o.forEach((function(t){e(r,t,a[t])}))}return r}({},r,t,a,o,i,c,l,_,{add:o.plus,create:o.plus,services:o.plus,admin:o.favourite,analysis:l.chart_line,graph:l.chart_line,basket:i.cart,bin:i.delete,bulk_destroy:i.delete,caret_down:o.dropdown,collaborate:o.share,contacts:t.people,entry:c.list_view,go:l.progressed,submitted:l.progressed,grid:o.split,individual:t.person,location:r.marker,message:r.email,old_warning:l.warning,phone:r.call,piggy_bank:o.save,question_hollow:o.video,question_mark:o.question,remove:o.minus,settings_old:a.settings,true_tick:l.tick,arrow:c.arrow_right,in_transit:c.arrow_left_right_small,progress:_.circle_with_dots}),s=null!=(s={none:""})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(s)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(s)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(s,e))})),f);var f,s;export{n as default};
+function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const r={call:"\\e93d",mobile:"\\e932",fax:"\\e925",email:"\\e922",email_switch:"\\e996",marker:"\\e93f"},t={person:"\\e93c",person_info:"\\e994",person_tick:"\\e97b",people:"\\e93b",people_switch:"\\e995",business:"\\e90d",shop:"\\e947",bank:"\\e977"},a={home:"\\e929",dashboard:"\\f007",settings:"\\e91a",search:"\\e92f",feedback:"\\e930",logout:"\\e92e",alert:"\\e90b",alert_on:"\\f001",talk:"\\e95a"},o={calendar:"\\e90e",calendar_today:"\\e970",dropdown:"\\e910",caret_up:"\\e9a8",caret_left:"\\e9a6",caret_right:"\\e9a7",caret_large_down:"\\e9a4",caret_large_up:"\\e9a5",caret_large_left:"\\e9a2",caret_large_right:"\\e9a3",plus:"\\e940",plus_large:"\\e967",minus:"\\e931",minus_large:"\\e968",edit:"\\e93a",edited:"\\e938",favourite:"\\e94f",favourite_lined:"\\e94e",credit_card:"\\e91c",credit_card_slash:"\\e966",save:"\\e926",uploaded:"\\e905",arrow_left_boxed:"\\e988",question:"\\e943",info:"\\e92a",download:"\\e900",upload:"\\e906",share:"\\e946",close:"\\e91e",cross:"\\e91d",cross_circle:"\\e992",filter:"\\e928",refresh:"\\e945",computer_clock:"\\e997",refresh_clock:"\\e986",sync:"\\e944",attach:"\\e937",camera:"\\e90f",image:"\\e93e",folder:"\\e927",help:"\\e951",connect:"\\e955",disconnect:"\\e953",split:"\\e952",filter_new:"\\e954",delivery:"\\e959",chat:"\\e914",chat_notes:"\\e956",bullet_list:"\\e95b",bullet_list_numbers:"\\e989",bullet_list_dotted:"\\e98a",view:"\\e957",hide:"\\e998",video:"\\e95e",play:"\\e95f",pause:"\\e96d",play_circle:"\\e96c",pause_circle:"\\e96b",scan:"\\e96e",lookup:"\\e96f",bold:"\\e98c",italic:"\\e98b",undo:"\\e9aa",box_arrow_left:"\\f006"},i={cart:"\\e90a",basket_with_squares:"\\e975",delete:"\\e90c",print:"\\e942",csv:"\\e94a",pdf:"\\e91f",duplicate:"\\e921",copy:"\\e91b",check_all:"\\f028",check_none:"\\f029"},c={chevron_up:"\\e918",chevron_down:"\\e915",chevron_right:"\\e917",chevron_left:"\\e916",chevron_up_thick:"\\e99d",chevron_down_thick:"\\e99c",chevron_left_thick:"\\e99f",chevron_right_thick:"\\e99e",link:"\\e92d",list_view:"\\e92c",card_view:"\\e94b",sort_down:"\\e948",sort_up:"\\e949",arrow_left:"\\e902",arrow_right:"\\e904",arrow_down:"\\e901",arrow_up:"\\e907",arrow_left_right_small:"\\e964",arrow_left_small:"\\e963",arrow_right_small:"\\e962",block_arrow_right:"\\e97e",drag_vertical:"\\e94d",drag:"\\e94c",fit_height:"\\e909",fit_width:"\\e908",ellipsis_horizontal:"\\e960",ellipsis_vertical:"\\e961",u_turn_left:"\\f004",u_turn_right:"\\f005"},l={error:"\\e923",warning:"\\e924",tick:"\\e950",tick_circle:"\\e993",tick_thick:"\\f003",draft:"\\e939",progressed:"\\e903",in_progress:"\\e920",clock:"\\e919",locked:"\\e935",unlocked:"\\e936",gift:"\\e941",blocked:"\\e933",key:"\\e92b",chart_line:"\\e912",chart_pie:"\\e913",chart_bar:"\\e911",blocked_square:"\\e934",disputed:"\\e958",lightbulb_on:"\\e95d",lightbulb_off:"\\e95c"},_={boxed_shapes:"\\e982",circles_connection:"\\e979",document_right_align:"\\e981",document_tick:"\\e980",document_vertical_lines:"\\e978",error_square:"\\e97f",factory:"\\e976",files_leaning:"\\e97a",ledger:"\\e973",ledger_arrow_left:"\\e971",ledger_arrow_right:"\\e972",money_bag:"\\e974",spanner:"\\e984",split_container:"\\e987",stacked_boxes:"\\e97c",tag:"\\e985",three_boxes:"\\e97d",circle_with_dots:"\\e965",squares_nine:"\\e969",coins:"\\e96a",file_generic:"\\e991",file_pdf:"\\e990",file_excel:"\\e98e",file_word:"\\e98f",file_image:"\\e98d",euro:"\\e9a0",pound:"\\e9a1",stacked_squares:"\\e983",expand:"\\e99b",flag:"\\e999",placeholder:"\\e99a",envelope_dollar:"\\e9ab",envelope_euro:"\\e9a9",sage_coin:"\\e9ac",palm_tree:"\\f002",arrow_bottom_right_circle:"\\f014",arrow_top_left_circle:"\\f017",arrows_left_right:"\\f027",bank_with_card:"\\f019",bed:"\\f010",car_lock:"\\f021",car_money:"\\f011",car_repair:"\\f022",cash:"\\f020",construction:"\\f008",drill:"\\f015",form_refresh:"\\f018",graduation_hat:"\\f013",hand_cash_coins:"\\f009",hand_cash_note:"\\f024",laptop:"\\f012",percentage_boxed:"\\f016",petrol_pump:"\\f026",plane:"\\f025",theatre_masks:"\\f023",accessibility_web:"\\f045",app_facebook:"\\f052",app_instagram:"\\f046",app_tiktok:"\\f035",app_twitter:"\\f041",app_youtube:"\\f047",apps:"\\f040",bill_paid:"\\f049",bill_unpaid:"\\f063",box_arrow_right:"\\f057",calendar_pay_date:"\\f038",card_wallet:"\\f030",connect_off:"\\f053",heart_pulse:"\\f031",intranet:"\\f048",job_seeked:"\\f037",like:"\\f056",link_cloud:"\\f036",link_on:"\\f043",microphone:"\\f054",protect:"\\f044",recruiting:"\\f033",send:"\\f055",support_online:"\\f032",target_man:"\\f050",target:"\\f042",volunteering:"\\f039",website:"\\f051",welfare:"\\f034",contact_card:"\\f059",cloud_co2:"\\f060",leaf:"\\f061",like_no:"\\f058",minimise:"\\f062",pin:"\\f064",biometric:"\\f067",import:"\\f066",export:"\\f065",shield_with_tick:"\\f070",shield_with_tick_outline:"\\f071",stop:"\\f068",stop_circle:"\\f069",worldwide_location:"\\f072",airplay:"\\f073",batch:"\\f074",chromecast:"\\f075",framerate:"\\f076",fullscreen:"\\f077",mute:"\\f078",normalscreen:"\\f079",page:"\\f080",picture_in_picture:"\\f081",replay:"\\f082",speaker:"\\f083",subtitles:"\\f084",volume_high:"\\f087",volume_low:"\\f085",volume_medium:"\\f086",hierarchy:"\\f088",underline:"\\f089",chevron_first:"\\f090",chevron_last:"\\f091",drag_hover:"\\f092",at_sign:"\\f093",link_card:"\\f094",time_zone:"\\f095",arrow_top_right_circle:"\\f096",clear:"\\f097",diagonal_arrows_up:"\\f098",double_tick:"\\f099",flash:"\\f100",get_quote:"\\f101",heart:"\\f102",ipad:"\\f103",reset:"\\f104",user_groups:"\\f105",chart_bar_arrow_up:"\\f106",login:"\\f107",chevron_first_pagination:"\\f108",chevron_last_pagination:"\\f109",caret_up_down:"\\f110",connect_circle:"\\f111",plus_circle:"\\f112",code:"\\f113",source_code:"\\f114"},n=(f=function(r){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},o=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),o.forEach((function(t){e(r,t,a[t])}))}return r}({},r,t,a,o,i,c,l,_,{add:o.plus,create:o.plus,services:o.plus,admin:o.favourite,analysis:l.chart_line,graph:l.chart_line,basket:i.cart,bin:i.delete,bulk_destroy:i.delete,caret_down:o.dropdown,collaborate:o.share,contacts:t.people,entry:c.list_view,go:l.progressed,submitted:l.progressed,grid:o.split,individual:t.person,location:r.marker,message:r.email,old_warning:l.warning,phone:r.call,piggy_bank:o.save,question_hollow:o.video,question_mark:o.question,remove:o.minus,settings_old:a.settings,true_tick:l.tick,arrow:c.arrow_right,in_transit:c.arrow_left_right_small,progress:_.circle_with_dots}),s=null!=(s={none:""})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(s)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(s)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(s,e))})),f);var f,s;export{n as default};

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

@@ -1,11 +1,15 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-import { StyledIconProps } from "./icon.style";
+import { BackgroundShape, BgSize, FontSize, StyledIconProps } from "./icon.style";
 import { IconType } from "./icon-type";
 import { TooltipPositions } from "../tooltip/tooltip.config";
 export type LegacyIconTypes = "help" | "maintenance" | "new" | "success" | "messages";
-export interface IconProps extends Omit<StyledIconProps, "type">, MarginProps, TagProps {
+/**
+ * The size of the Icon.
+ */
+export type IconSize = "small" | "medium" | "large";
+export interface IconProps extends Pick<StyledIconProps, "className" | "inverse">, MarginProps, TagProps {
     /** Set whether icon should be recognised by assistive technologies */
     "aria-hidden"?: boolean;
     /** Aria label for accessibility purposes */
@@ -14,22 +18,38 @@ export interface IconProps extends Omit<StyledIconProps, "type">, MarginProps, T
     id?: string;
     /** The ARIA role to be applied to the Icon */
     role?: string;
-    /** [Legacy] The message to be displayed within the tooltip */
+    /**
+     * @deprecated Tooltip support has been removed from `Icon` and the use of tooltips
+     * is discouraged. This prop no longer has any effect.
+     */
     tooltipMessage?: React.ReactNode;
-    /** [Legacy] The position to display the tooltip */
+    /** @deprecated */
     tooltipPosition?: TooltipPositions;
-    /** [Legacy] Control whether the tooltip is visible */
+    /** @deprecated */
     tooltipVisible?: boolean;
-    /** [Legacy] Override background color of the Tooltip, provide any color from palette or any valid css color value. */
+    /** @deprecated */
     tooltipBgColor?: string;
-    /** [Legacy] Override font color of the Tooltip, provide any color from palette or any valid css color value. */
+    /** @deprecated */
     tooltipFontColor?: string;
-    /** [Legacy] Overrides the default flip behaviour of the Tooltip */
+    /** @deprecated */
     tooltipFlipOverrides?: TooltipPositions[];
-    /** [Legacy] Id passed to the tooltip container, used for accessibility purposes */
+    /** @deprecated */
     tooltipId?: string;
     /**
-     * Icon type
+     * Icon type.
+     *
+     * Icons use a `snake_case` naming convention and are organised into the following categories:
+     *
+     * - **Navigation** — `arrow_*`, `chevron_*`, `caret_*`, `caret_large_*`
+     * - **Actions** — `add`, `bin`, `close`, `copy`, `create`, `delete`, `drag`, `download`,
+     *   `edit`, `export`, `filter`, `link`, `search`, `settings`, `upload`, and more.
+     * - **Status** — `alert`, `blocked`, `double_tick`, `error`, `error_square`, `info`,
+     *   `tick`, `warning`, and more.
+     * - **Communication** — `call`, `chat`, `email`, `fax`, `message`, and more.
+     * - **Finance** — `bank`, `cash`, `coins`, `credit_card`, `euro`, `receipt`, and more.
+     * - **Social / App** — `app_facebook`, `app_instagram`, `app_tiktok`, `app_twitter`, `app_youtube`.
+     * - **Documents & Files** — `attach`, `document_*`, `file_*`, and more.
+     * - **Charts** — `chart_bar`, `chart_bar_arrow_up`, `chart_line`, `chart_pie`.
      *
      * The full list of types can be seen [here](https://carbon.sage.com/?path=/docs/icon--list-of-icons#list-of-icons).
      */
@@ -42,6 +62,31 @@ export interface IconProps extends Omit<StyledIconProps, "type">, MarginProps, T
     inputSize?: "small" | "medium" | "large";
     /** @ignore @private */
     tabIndex?: number;
+    /**
+     * Size of the Icon.
+     *
+     * - `small` — 24px (default)
+     * - `medium` — 32px
+     * - `large` — 40px
+     */
+    size?: IconSize;
+    /** Renders the Icon in a light colour, suitable for use on dark backgrounds. */
+    inverse?: boolean;
+    /**
+     * @deprecated Use the `size` prop instead. The `extra-large` value is no longer
+     * supported and will be mapped to `large`.
+     */
+    fontSize?: FontSize;
+    /** @deprecated Use CSS or a wrapper element to apply a background colour. */
+    bg?: string;
+    /** @deprecated Use CSS or a wrapper element to apply a background shape. */
+    bgShape?: BackgroundShape;
+    /** @deprecated Use CSS or a wrapper element to control background size. */
+    bgSize?: BgSize;
+    /** @deprecated Use CSS or a wrapper element to control icon colour. */
+    color?: string;
+    /** @deprecated Applies disabled styling to the icon. */
+    disabled?: boolean;
 }
 declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/esm/components/icon/icon.component.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import e,{useContext as o,useMemo as i}from"react";import r from"invariant";import{Tooltip as n}from"../tooltip/tooltip.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import l from"../../style/utils/filter-styled-system-margin-props.js";import{TooltipContext as a}from"../../__internal__/tooltip-provider/index.js";import s from"./icon.style.js";import{ICON_TOOLTIP_POSITIONS as p}from"./icon-config.js";import{useTabs as c}from"../tabs/__next__/tabs.context.js";function d(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function f(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),i.forEach((function(e){d(t,e,o[e])}))}return t}const u=e.forwardRef(((e,d)=>{var{"aria-hidden":u,ariaLabel:b,bg:m,bgShape:g,bgSize:y,className:O,color:v,"data-element":j,"data-role":h,disabled:S,focusable:I=!0,fontSize:P="small",id:x,inputSize:w,isPartOfInput:z,tabIndex:_,tooltipMessage:C,tooltipPosition:F,tooltipVisible:N,tooltipBgColor:V,tooltipFontColor:k,tooltipFlipOverrides:T,tooltipId:A,type:B,role:E}=e,L=function(t,e){if(null==t)return{};var o,i,r=function(t,e){if(null==t)return{};var o,i,r={},n=Object.keys(t);for(i=0;i<n.length;i++)o=n[i],e.indexOf(o)>=0||(r[o]=t[o]);return r}(t,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);for(i=0;i<n.length;i++)o=n[i],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(r[o]=t[o])}return r}(e,["aria-hidden","ariaLabel","bg","bgShape","bgSize","className","color","data-element","data-role","disabled","focusable","fontSize","id","inputSize","isPartOfInput","tabIndex","tooltipMessage","tooltipPosition","tooltipVisible","tooltipBgColor","tooltipFontColor","tooltipFlipOverrides","tooltipId","type","role"]);const M=Array.isArray(T)&&T.every((t=>p.includes(t)));T&&r(M,'The tooltipFlipOverrides prop supplied to `Icon` must be an array containing some or all of ["top", "bottom", "left", "right"].');const q=!!C&&!S,{tooltipPosition:D,focusable:R,tooltipVisible:G,disabled:H,target:J}=o(a),{isInTab:K}=c(),Q=i((()=>{switch(B){case"help":return"question";case"maintenance":return"settings";case"new":return"gift";case"success":return"tick";case"messages":case"email":return"message";default:return B}}),[B]),U=!S&&!H&&!!C&&(void 0!==R?R:I),W=i((()=>{if(!K)return U&&void 0===_?0:_}),[K,U,_]),X=f({"aria-hidden":u,"aria-label":b,bg:m,bgSize:y||P,bgShape:g,className:O||void 0,color:v,"data-component":"icon","data-element":null!=j?j:Q,"data-role":null!=h?h:"icon",disabled:H||S,fontSize:P,hasTooltip:U,id:x,isInteractive:q,ref:d,role:E,tabIndex:W,type:Q},l(L));return C?t(n,{message:C,position:D||F,type:B,id:A,isVisible:!S&&(void 0!==G?G:N),isPartOfInput:z,inputSize:w,bgColor:V,fontColor:k,flipOverrides:T,target:J,children:t(s,f({},X))}):t(s,f({},X))}));u.displayName="Icon";export{u as default};
+import{jsx as e}from"react/jsx-runtime";import t,{useMemo as r}from"react";import o from"../../__internal__/utils/logger/index.js";import"../../style/utils/filter-styled-system-padding-props.js";import i from"../../style/utils/filter-styled-system-margin-props.js";import n from"./icon.style.js";function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(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){a(e,t,r[t])}))}return e}const s=t.forwardRef(((t,a)=>{var{"aria-hidden":s,ariaLabel:p,bg:c,bgShape:u,bgSize:d,className:b,color:f,"data-element":m,"data-role":g,disabled:y,focusable:O,fontSize:S,id:h,inputSize:j,isPartOfInput:v,inverse:z,size:w="small",tabIndex:x,tooltipMessage:I,tooltipPosition:P,tooltipVisible:C,tooltipBgColor:F,tooltipFontColor:N,tooltipFlipOverrides:_,tooltipId:k,type:B,role:E}=t,L=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}(t,["aria-hidden","ariaLabel","bg","bgShape","bgSize","className","color","data-element","data-role","disabled","focusable","fontSize","id","inputSize","isPartOfInput","inverse","size","tabIndex","tooltipMessage","tooltipPosition","tooltipVisible","tooltipBgColor","tooltipFontColor","tooltipFlipOverrides","tooltipId","type","role"]);const M=r((()=>{switch(B){case"help":return"question";case"maintenance":return"settings";case"new":return"gift";case"success":return"tick";case"messages":case"email":return"message";default:return B}}),[B]),V=r((()=>S?"extra-large"===S?(o.warn('[Icon] The `fontSize` value "extra-large" is no longer supported and has been mapped to "large".'),"large"):S:w),[S,w]),q=l({"aria-hidden":s,"aria-label":p,bg:c,bgSize:d||V,bgShape:u,className:b||void 0,color:f,"data-component":"icon","data-element":null!=m?m:M,"data-role":null!=g?g:"icon",disabled:y,fontSize:V,id:h,inverse:z,ref:a,role:E,tabIndex:x,type:M},i(L));return e(n,l({},q))}));s.displayName="Icon";export{s as default};

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

@@ -28,10 +28,13 @@ export interface StyledIconProps {
      * The full list of types can be seen [here](https://github.com/Sage/carbon/blob/master/src/components/icon/icon-config.js).
      */
     type: IconType;
+    /**
+     * Renders the Icon using the inverse colour token, suitable for use on dark backgrounds.
+     */
+    inverse?: boolean;
 }
 export interface StyledIconInternalProps {
     isInteractive?: boolean;
-    hasTooltip?: boolean;
     theme?: ThemeObject;
 }
 declare const StyledIcon: import("styled-components").StyledComponent<"span", any, {

package/esm/components/icon/icon.style.js

@@ -1 +1 @@
-import o,{css as e}from"styled-components";import{margin as t}from"styled-system";import r from"../../__internal__/utils/logger/index.js";import i from"../../style/themes/apply-base-theme.js";import n from"../../style/utils/add-focus-styling.js";import l from"../../style/utils/color.js";import{getWindow as s,getNavigator as a}from"../../__internal__/dom/globals.js";import c,{isSafari as m}from"../../__internal__/utils/helpers/browser-type-check/index.js";import d from"./icon-config.js";import g from"./icon-unicodes.js";import{StyledButton as f}from"../button/__next__/button.style.js";const p=e([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.search &{color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}}.search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}"],f),u=o.span.attrs(i).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-56ac9ede-0"})(["",""],(({theme:o,color:i,bg:f,isInteractive:u,bgSize:h,bgShape:b,type:y,fontSize:_,disabled:v,hasTooltip:z})=>{let S="var(--colorsYin090)",j="transparent";const k=s(),x=a(),w=function(o,e){const t={small:1,medium:2,large:3,"extra-large":4};return o&&e?t[e]<t[o]?(r.warn(`[WARNING - Icon] The "${e}" \`bgSize\` is smaller than "${o}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),d.backgroundSize[o]):d.backgroundSize[e]:e?d.backgroundSize[e]:void 0}(_,h);if(v)S="var(--colorsYin030)";else if(i){const{color:e}=l({color:i,theme:o});S=e}if(f){const{backgroundColor:e}=l({bg:f,theme:o});j=e}return e(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],S,j,w,w,b?`border-radius: ${d.backgroundShape[b]}`:"",u&&e(["&:not(:focus):hover{filter:brightness(0.9);}"]),g[y],_&&e(["font-size:",";line-height:",";"],d.iconSize[_],d.iconSize[_]),k&&"services"===y&&c(k)&&e(["margin-top:",";"],"small"===_?"-7px":"-8px"),x&&k&&"services"===y&&m(x)&&!c(k)&&e(["margin-top:-6px;"]),z&&`\n        :focus {\n          ${n()}\n        }\n      `,t,p)}));export{u as default};
+import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import r from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/add-focus-styling.js";import n from"../../style/utils/color.js";import{getWindow as s,getNavigator as l}from"../../__internal__/dom/globals.js";import c,{isSafari as a}from"../../__internal__/utils/helpers/browser-type-check/index.js";import m from"./icon-config.js";import d from"./icon-unicodes.js";import{StyledButton as f}from"../button/__next__/button.style.js";const p=t([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.search &{color:var(--colorsUtilityYin065);&:hover{color:var(--colorsUtilityYin100);}}.search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}"],f),g=o.span.attrs(r).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-88df3881-0"})(["",""],(({theme:o,color:r,bg:f,isInteractive:g,bgSize:h,bgShape:b,type:u,fontSize:y,disabled:v,tabIndex:_,inverse:j})=>{let k=j?"var(--container-standard-inverse-icon)":"var(--container-standard-icon)",x="transparent";const S=s(),z=l(),w=h?m.backgroundSize[h]:void 0;if(v)k="var(--colorsYin030)";else if(r){const{color:t}=n({color:r,theme:o});k=t}if(f){const{backgroundColor:t}=n({bg:f,theme:o});x=t}return t(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],k,x,w,w,b?`border-radius: ${m.backgroundShape[b]}`:"",g&&t(["&:not(:focus):hover{filter:brightness(0.9);}"]),d[u],y&&t(["font-size:",";line-height:",";"],m.iconSize[y],m.iconSize[y]),S&&"services"===u&&c(S)&&t(["margin-top:",";"],"small"===y?"-7px":"-8px"),z&&S&&"services"===u&&a(z)&&!c(S)&&t(["margin-top:-6px;"]),void 0!==_&&`\n        :focus {\n          ${i()}\n        }\n      `,e,p)}));export{g as default};

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

@@ -38,5 +38,5 @@ declare const StyledImage: import("styled-components").StyledComponent<"div", an
     backgroundPosition: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundPosition<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
     backgroundRepeat: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
     backgroundSize: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundSize<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-} & StyledImageProps, "theme" | "children" | "hidden" | "src" | "as" | "left" | "right" | "position" | "bottom" | "top" | "backgroundRepeat" | "backgroundSize" | "backgroundPosition">;
+} & StyledImageProps, "position" | "top" | "right" | "bottom" | "left" | "hidden" | "theme" | "children" | "as" | "src" | "backgroundRepeat" | "backgroundSize" | "backgroundPosition">;
 export { StyledImage };

package/esm/components/portrait/portrait.component.js

@@ -1 +1 @@
-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};
+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,$portraitSize:h});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,3 +1,9 @@
 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 L=["circle","square"],X=["XS","S","M","ML","L","XL","XXL"];export{L as PORTRAIT_SHAPES,X as PORTRAIT_SIZES};
+const i=["circle","square"],n=["XS","S","M","ML","L","XL","XXL"],s={XS:{dimensions:32,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};

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

@@ -13,7 +13,10 @@ type StyledPortraitProps = {
 };
 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" | "variant">, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../icon").IconProps & React.RefAttributes<HTMLSpanElement>>, any, {
+    $portraitSize: PortraitSizes;
+    variant?: PortraitVariant;
+}, 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 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};
+import"react";import t from"styled-components";import{margin as i}from"styled-system";import o from"../icon/icon.component.js";import e 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-67607789-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-67607789-1"})(["height:inherit;min-width:inherit;"]),p=t(o).withConfig({displayName:"portrait.style__StyledIcon",componentId:"sc-67607789-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>s(t).color),(({$portraitSize:t})=>l(t).height),(({$portraitSize:t})=>l(t).width),(({$portraitSize:t})=>a(t))),h=t.div.attrs(e).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"sc-67607789-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:i,size:o,foregroundColor:e,variant:n})=>!n&&r(i,t,!["XS","S"].includes(o),!0,e)),(({hasValidImg:t,size:i})=>t&&`max-width: ${l(i).width};`),(({size:t})=>l(t).width),(({size:t})=>l(t).height),(({shape:t,size:i})=>d(t,i)),(({onClick:t})=>t&&"cursor: pointer"),i);export{c as StyledCustomImg,p as StyledIcon,h as StyledPortraitContainer,m as StyledPortraitInitials};

package/esm/components/progress-tracker/progress-tracker.style.d.ts

@@ -8,5 +8,5 @@ declare const StyledProgressBar: import("styled-components").StyledComponent<"sp
 declare const StyledValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare const StyledDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare const StyledValuesLabel: import("styled-components").StyledComponent<"span", any, Pick<ProgressTrackerProps, "size" | "labelWidth" | "labelsPosition">, never>;
-declare const InnerBar: import("styled-components").StyledComponent<"span", any, Required<Pick<ProgressTrackerProps, "error" | "progress" | "size">>, never>;
+declare const InnerBar: import("styled-components").StyledComponent<"span", any, Required<Pick<ProgressTrackerProps, "size" | "error" | "progress">>, never>;
 export { StyledProgressBar, InnerBar, StyledProgressTracker, StyledValuesLabel, StyledValue, StyledDescription, };

package/esm/components/tabs/__next__/tabs.context.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useContext as r,createContext as t,useState as n,useCallback as o,useEffect as s}from"react";import i from"../../../hooks/__internal__/usePrevious/index.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}function c(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){a(e,r,t[r])}))}return e}const b=t({activeTab:"",currentTabId:"",focusIndex:"",isInTab:!1,labelledBy:"",orientation:"horizontal",selectedTabId:"",setActiveTab:()=>{},setFocusIndex:()=>{},setCurrentTabId:()=>{},setErrors:()=>{},setWarnings:()=>{},size:"medium",errors:{},warnings:{},infos:{},setInfos:()=>{}}),l=()=>r(b),u=({children:r,isInTab:t=!0,labelledBy:a,orientation:l,selectedTabId:u="",size:d})=>{const[f,I]=n(u),[m,T]=n(u),[y,p]=n(""),[v,g]=n({}),[O,j]=n({}),[x,h]=n({}),w=o(((e,r,t)=>{const n={[r]:{[e]:t}};g((o=>(o[r]||(o[r]={}),o[r][e]!==t?c({},o,n):o)))}),[]),P=o(((e,r,t)=>{const n={[r]:{[e]:t}};j((o=>(o[r]||(o[r]={}),o[r][e]!==t?c({},o,n):o)))}),[]),z=o(((e,r,t)=>{const n={[r]:{[e]:t}};h((o=>(o[r]||(o[r]={}),o[r][e]!==t?c({},o,n):o)))}),[]),_=i(u);return s((()=>{u&&u!==_&&(I(u),T(u))}),[u,_]),e(b.Provider,{value:{activeTab:f,currentTabId:m,focusIndex:y,isInTab:t,labelledBy:a,orientation:l,setActiveTab:I,setCurrentTabId:T,setFocusIndex:p,setErrors:w,setWarnings:P,size:d,errors:v,warnings:O,infos:x,setInfos:z},children:r})};export{b as TabsContext,u as TabsProvider,l as useTabs};
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as t,useCallback as n,useEffect as o,useContext as s}from"react";import i from"../../../hooks/__internal__/usePrevious/index.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}function c(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){a(e,r,t[r])}))}return e}const b=r({activeTab:"",currentTabId:"",focusIndex:"",isInTab:!1,labelledBy:"",orientation:"horizontal",selectedTabId:"",setActiveTab:()=>{},setFocusIndex:()=>{},setCurrentTabId:()=>{},setErrors:()=>{},setWarnings:()=>{},size:"medium",errors:{},warnings:{},infos:{},setInfos:()=>{}}),l=()=>s(b),u=({children:r,isInTab:s=!0,labelledBy:a,orientation:l,selectedTabId:u="",size:d})=>{const[f,I]=t(u),[m,T]=t(u),[y,p]=t(""),[v,g]=t({}),[O,j]=t({}),[x,h]=t({}),w=n(((e,r,t)=>{const n={[r]:{[e]:t}};g((o=>(o[r]||(o[r]={}),o[r][e]!==t?c({},o,n):o)))}),[]),P=n(((e,r,t)=>{const n={[r]:{[e]:t}};j((o=>(o[r]||(o[r]={}),o[r][e]!==t?c({},o,n):o)))}),[]),z=n(((e,r,t)=>{const n={[r]:{[e]:t}};h((o=>(o[r]||(o[r]={}),o[r][e]!==t?c({},o,n):o)))}),[]),_=i(u);return o((()=>{u&&u!==_&&(I(u),T(u))}),[u,_]),e(b.Provider,{value:{activeTab:f,currentTabId:m,focusIndex:y,isInTab:s,labelledBy:a,orientation:l,setActiveTab:I,setCurrentTabId:T,setFocusIndex:p,setErrors:w,setWarnings:P,size:d,errors:v,warnings:O,infos:x,setInfos:z},children:r})};export{b as TabsContext,u as TabsProvider,l as useTabs};

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

@@ -2,7 +2,7 @@ import { SpaceProps } from "styled-system";
 import { TileProps } from "./tile.component";
 declare const StyledTile: import("styled-components").StyledComponent<"div", any, {
     theme: object;
-} & Pick<TileProps, "height" | "width" | "variant" | "borderWidth" | "highlightVariant" | "roundness" | "borderVariant"> & {
+} & Pick<TileProps, "width" | "height" | "variant" | "borderWidth" | "highlightVariant" | "roundness" | "borderVariant"> & {
     isHorizontal?: boolean;
 } & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "theme">;
 export default StyledTile;

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

@@ -1,5 +1,5 @@
 import { TooltipProps } from "./tooltip.component";
 declare const StyledTooltip: import("styled-components").StyledComponent<"div", any, {
     theme: object;
-} & Pick<TooltipProps, "type" | "size" | "bgColor" | "fontColor">, "theme">;
+} & Pick<TooltipProps, "size" | "type" | "bgColor" | "fontColor">, "theme">;
 export default StyledTooltip;

package/lib/__internal__/legacy-input/input-presentation.style.d.ts

@@ -2,5 +2,5 @@ import { CommonInputPresentationProps } from "./input-presentation.component";
 import { InputContextProps } from "../input-behaviour";
 import { CarbonProviderProps } from "../../components/carbon-provider";
 export declare const StyledInputPresentationContainer: import("styled-components").StyledComponent<"div", any, Pick<CommonInputPresentationProps, "maxWidth" | "inputWidth">, never>;
-declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "readOnly" | "size" | "align" | "borderRadius" | "hasIcon" | "hideBorders"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
+declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "size" | "disabled" | "error" | "info" | "warning" | "align" | "readOnly" | "borderRadius" | "hasIcon" | "hideBorders"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
 export default InputPresentationStyle;