carbon-react 159.5.0 → 159.7.0

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

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

package/lib/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/lib/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/lib/components/button/button.component.js

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

package/lib/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/lib/components/help/help.component.js

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICONS=["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"],exports.ICON_FONT_SIZES=["small","medium","large","extra-large"],exports.ICON_SHAPES=["circle","rounded-rect","square"],exports.ICON_SIZES=["small","medium","large","extra-large"],exports.ICON_TOOLTIP_POSITIONS=["bottom","left","right","top"],exports.default={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)"}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICONS=["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"],exports.ICON_FONT_SIZES=["small","medium","large","extra-large"],exports.ICON_SHAPES=["circle","rounded-rect","square"],exports.ICON_SIZES=["small","medium","large","extra-large"],exports.ICON_TOOLTIP_POSITIONS=["bottom","left","right","top"],exports.default={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)"}};

package/lib/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/lib/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/lib/components/icon/icon-unicodes.js

@@ -1 +1 @@
-"use strict";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}Object.defineProperty(exports,"__esModule",{value:!0});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;exports.default=n;
+"use strict";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}Object.defineProperty(exports,"__esModule",{value:!0});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;exports.default=n;

package/lib/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/lib/components/icon/icon.component.js

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

package/lib/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/lib/components/icon/icon.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../__internal__/utils/logger/index.js"),r=require("../../style/themes/apply-base-theme.js"),i=require("../../style/utils/add-focus-styling.js"),l=require("../../style/utils/color.js"),s=require("../../__internal__/dom/globals.js"),n=require("../../__internal__/utils/helpers/browser-type-check/index.js"),a=require("./icon-config.js"),c=require("./icon-unicodes.js"),u=require("../button/__next__/button.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var f=d(e);const g=e.css([""," &{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;}"],u.StyledButton),m=f.default.span.attrs(r.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-56ac9ede-0"})(["",""],(({theme:r,color:u,bg:d,isInteractive:f,bgSize:m,bgShape:h,type:b,fontSize:y,disabled:p,hasTooltip:_})=>{let v="var(--colorsYin090)",S="transparent";const z=s.getWindow(),j=s.getNavigator(),k=function(e,t){const r={small:1,medium:2,large:3,"extra-large":4};return e&&t?r[t]<r[e]?(o.default.warn(`[WARNING - Icon] The "${t}" \`bgSize\` is smaller than "${e}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),a.default.backgroundSize[e]):a.default.backgroundSize[t]:t?a.default.backgroundSize[t]:void 0}(y,m);if(p)v="var(--colorsYin030)";else if(u){const{color:e}=l.default({color:u,theme:r});v=e}if(d){const{backgroundColor:e}=l.default({bg:d,theme:r});S=e}return e.css(["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;}"," "," ",""],v,S,k,k,h?`border-radius: ${a.default.backgroundShape[h]}`:"",f&&e.css(["&:not(:focus):hover{filter:brightness(0.9);}"]),c.default[b],y&&e.css(["font-size:",";line-height:",";"],a.default.iconSize[y],a.default.iconSize[y]),z&&"services"===b&&n.default(z)&&e.css(["margin-top:",";"],"small"===y?"-7px":"-8px"),j&&z&&"services"===b&&n.isSafari(j)&&!n.default(z)&&e.css(["margin-top:-6px;"]),_&&`\n        :focus {\n          ${i.default()}\n        }\n      `,t.margin,g)}));exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js"),i=require("../../style/utils/color.js"),n=require("../../__internal__/dom/globals.js"),s=require("../../__internal__/utils/helpers/browser-type-check/index.js"),l=require("./icon-config.js"),a=require("./icon-unicodes.js"),c=require("../button/__next__/button.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var u=d(e);const f=e.css([""," &{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;}"],c.StyledButton),g=u.default.span.attrs(o.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-88df3881-0"})(["",""],(({theme:o,color:c,bg:d,isInteractive:u,bgSize:g,bgShape:m,type:h,fontSize:y,disabled:b,tabIndex:v,inverse:p})=>{let _=p?"var(--container-standard-inverse-icon)":"var(--container-standard-icon)",j="transparent";const q=n.getWindow(),x=n.getNavigator(),S=g?l.default.backgroundSize[g]:void 0;if(b)_="var(--colorsYin030)";else if(c){const{color:e}=i.default({color:c,theme:o});_=e}if(d){const{backgroundColor:e}=i.default({bg:d,theme:o});j=e}return e.css(["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;}"," "," ",""],_,j,S,S,m?`border-radius: ${l.default.backgroundShape[m]}`:"",u&&e.css(["&:not(:focus):hover{filter:brightness(0.9);}"]),a.default[h],y&&e.css(["font-size:",";line-height:",";"],l.default.iconSize[y],l.default.iconSize[y]),q&&"services"===h&&s.default(q)&&e.css(["margin-top:",";"],"small"===y?"-7px":"-8px"),x&&q&&"services"===h&&s.isSafari(x)&&!s.default(q)&&e.css(["margin-top:-6px;"]),void 0!==v&&`\n        :focus {\n          ${r.default()}\n        }\n      `,t.margin,f)}));exports.default=g;

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

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

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

@@ -1,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/lib/components/portrait/portrait.config.js

@@ -1 +1 @@
-"use strict";exports.PORTRAIT_SHAPES=["circle","square"],exports.PORTRAIT_SIZES=["XS","S","M","ML","L","XL","XXL"];
+"use strict";exports.PORTRAIT_SHAPES=["circle","square"],exports.PORTRAIT_SIZES=["XS","S","M","ML","L","XL","XXL"],exports.PORTRAIT_SIZE_PARAMS={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}};

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

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

package/lib/components/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/lib/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/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "159.5.0",
+  "version": "159.7.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",