carbon-react 158.12.0 → 158.13.1

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

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

package/esm/components/dismissible-box/dismissible-box.component.d.ts

@@ -4,7 +4,7 @@ import { StyledDismissibleBoxProps } from "./dismissible-box.style";
 import { BoxProps } from "../box";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 /**
- * @deprecated `DimissibleBox` has been deprecated. See the Carbon documentation for migration details.
+ * @deprecated `DismissibleBox` has been deprecated. See the Carbon documentation for migration details.
  */
 export interface DismissibleBoxProps extends SpaceProps, StyledDismissibleBoxProps, Omit<BoxProps, "display" | "justifyContent" | "bg" | "backgroundColor">, TagProps {
     /** The content to render in the component */

package/esm/components/loader/__next__/internal/ring-loader.component.d.ts

@@ -1,8 +1,4 @@
 import React from "react";
 import { LoaderProps } from "../loader.component";
-declare const RingLoader: ({ inverse, size, variant, hasMotion, isTracked, animationTime, loaderLabel, showLabel, isSuccess, isError, isInsideTypicalButton, isInsideDestructiveButton, isInsidePrimaryButton, }: LoaderProps & {
-    isInsideTypicalButton?: boolean;
-    isInsideDestructiveButton?: boolean;
-    isInsidePrimaryButton?: boolean;
-}) => React.JSX.Element;
+declare const RingLoader: ({ inverse, size, variant, hasMotion, isTracked, animationTime, loaderLabel, showLabel, isSuccess, isError, }: LoaderProps) => React.JSX.Element;
 export default RingLoader;

package/esm/components/loader/__next__/internal/ring-loader.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import"react";import{StyledRingLoaderWrapper as r,StyledRingCircleSvg as a,StyledLoaderLabel as s}from"../loader.style.js";import t from"../../../../hooks/__internal__/useLocale/useLocale.js";const n=e=>e||.8,o=({inverse:o,size:l,variant:d,hasMotion:c,isTracked:u,animationTime:m,loaderLabel:p,showLabel:v,isSuccess:B,isError:I,isInsideTypicalButton:y,isInsideDestructiveButton:T,isInsidePrimaryButton:h})=>{const k=t(),f=d&&["stacked","inline"].includes(d)?d:"stacked",g=l&&["extra-small","small","large"].includes(l)?l:"medium";return e(r,{loaderVariant:d,"data-role":"ring-loader-container",children:[e(a,{inverse:o,role:"presentation",size:g,variant:f,hasMotion:c,isTracked:u,animationTime:n(m),viewBox:"0 0 24 24",isInsideTypicalButton:y,isInsideDestructiveButton:T,isInsidePrimaryButton:h,isSuccess:B,isError:I,children:[i("circle",{"data-role":"outer-arc"}),i("circle",{"data-role":"inner-arc"})]}),v&&i(s,{inverse:o,"data-role":"loader-label",variant:"span",loaderVariant:f,loaderType:"ring",size:g,isInsideTypicalButton:y,isInsideDestructiveButton:T,isInsidePrimaryButton:h,children:p||(null==k?void 0:k.loader.loading())})]})};export{o as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{StyledRingLoaderWrapper as a,StyledRingCircleSvg as i,StyledLoaderLabel as o}from"../loader.style.js";import l from"../../../../hooks/__internal__/useLocale/useLocale.js";const n=e=>e||.8,s=({inverse:s,size:t,variant:c,hasMotion:d,isTracked:m,animationTime:u,loaderLabel:p,showLabel:v,isSuccess:h,isError:k})=>{const T=l(),f=c&&["stacked","inline"].includes(c)?c:"stacked",g=t&&["extra-small","small","large"].includes(t)?t:"medium";return e(a,{loaderVariant:c,"data-role":"ring-loader-container",children:[e(i,{inverse:s,role:"presentation",size:g,variant:f,hasMotion:d,isTracked:m,animationTime:n(u),viewBox:"0 0 24 24",isSuccess:h,isError:k,children:[r("circle",{"data-role":"outer-arc"}),r("circle",{"data-role":"inner-arc"})]}),v&&r(o,{inverse:s,"data-role":"loader-label",variant:"span",loaderVariant:f,loaderType:"ring",size:g,children:p||(null==T?void 0:T.loader.loading())})]})};export{s as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useContext as r}from"react";import t from"../../../__internal__/utils/helpers/tags/tags.js";import o from"../../../hooks/__internal__/useLocale/useLocale.js";import n from"../../../hooks/useMediaQuery/useMediaQuery.js";import"../../../style/utils/filter-styled-system-padding-props.js";import i from"../../../style/utils/filter-styled-system-margin-props.js";import{StyledLoader as s,StyledLabel as a}from"./loader.style.js";import l from"./internal/standalone-loader.component.js";import c from"./internal/ring-loader.component.js";import u from"./internal/stars-loader.component.js";import p from"../../button/__internal__/button.context.js";function m(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const d=d=>{var{animationTime:f,hasMotion:b=!0,isTracked:y=!1,loaderLabel:O,showLabel:j=!0,loaderType:g="standalone",size:h,variant:v,inverse:w=!1,isSuccess:P=!1,isError:L=!1}=d,_=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["animationTime","hasMotion","isTracked","loaderLabel","showLabel","loaderType","size","variant","inverse","isSuccess","isError"]);const T=o(),S=n("screen and (prefers-reduced-motion: no-preference)"),{isInsideTypicalButton:k=!1,isInsideDestructiveButton:I=!1,isInsidePrimaryButton:B=!1}=r(p),D=(()=>{switch(g){case"star":return u({loaderLabel:O,showLabel:j});case"ring":return c({inverse:w,size:h,variant:v,hasMotion:b,isTracked:y,animationTime:f,loaderLabel:O,showLabel:j,isInsideTypicalButton:k,isInsideDestructiveButton:I,isInsidePrimaryButton:B,isSuccess:P,isError:L});default:return l({size:h,variant:v,inverse:w,loaderLabel:O,showLabel:j,animationTime:f,hasMotion:b})}})();return e(s,(E=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){m(e,r,t[r])}))}return e}({role:"status"},t("loader",_),i(_),!j&&{"aria-label":O||T.loader.loading()}),M=null!=(M={children:S?D:e(a,{inverse:w,isInsideButton:k||I||B,children:O||T.loader.loading()})})?M:{},Object.getOwnPropertyDescriptors?Object.defineProperties(E,Object.getOwnPropertyDescriptors(M)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(M)).forEach((function(e){Object.defineProperty(E,e,Object.getOwnPropertyDescriptor(M,e))})),E));var E,M};export{d as Loader,d as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../../__internal__/utils/helpers/tags/tags.js";import t from"../../../hooks/__internal__/useLocale/useLocale.js";import o from"../../../hooks/useMediaQuery/useMediaQuery.js";import"../../../style/utils/filter-styled-system-padding-props.js";import n from"../../../style/utils/filter-styled-system-margin-props.js";import{StyledLoader as a,StyledLabel as i}from"./loader.style.js";import s from"./internal/standalone-loader.component.js";import l from"./internal/ring-loader.component.js";import c from"./internal/stars-loader.component.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u=u=>{var{animationTime:m,hasMotion:f=!0,isTracked:b=!1,loaderLabel:d,showLabel:y=!0,loaderType:O="standalone",size:j,variant:g,inverse:h=!1,isSuccess:v=!1,isError:w=!1}=u,P=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["animationTime","hasMotion","isTracked","loaderLabel","showLabel","loaderType","size","variant","inverse","isSuccess","isError"]);const L=t(),S=o("screen and (prefers-reduced-motion: no-preference)"),T=(()=>{switch(O){case"star":return c({loaderLabel:d,showLabel:y});case"ring":return l({inverse:h,size:j,variant:g,hasMotion:f,isTracked:b,animationTime:m,loaderLabel:d,showLabel:y,isSuccess:v,isError:w});default:return s({size:j,variant:g,inverse:h,loaderLabel:d,showLabel:y,animationTime:m,hasMotion:f})}})();return e(a,(k=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){p(e,r,t[r])}))}return e}({role:"status"},r("loader",P),n(P),!y&&{"aria-label":d||L.loader.loading()}),_=null!=(_={children:S?T:e(i,{inverse:h,children:d||L.loader.loading()})})?_:{},Object.getOwnPropertyDescriptors?Object.defineProperties(k,Object.getOwnPropertyDescriptors(_)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(_)).forEach((function(e){Object.defineProperty(k,e,Object.getOwnPropertyDescriptor(_,e))})),k));var k,_};export{u as Loader,u as default};

package/esm/components/loader/__next__/loader.style.d.ts

@@ -22,11 +22,8 @@ interface RingSvgProps {
     isTracked?: boolean;
     isGradientVariant?: boolean;
     animationTime?: number;
-    isInsideTypicalButton?: boolean;
-    isInsideDestructiveButton?: boolean;
     isSuccess?: boolean;
     isError?: boolean;
-    isInsidePrimaryButton?: boolean;
 }
 export declare const StyledRingCircleSvg: import("styled-components").StyledComponent<"svg", any, RingSvgProps, never>;
 export declare const StyledStars: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -35,10 +32,6 @@ type LabelProps = {
     loaderVariant?: string;
     inverse?: boolean;
     loaderType: string;
-    isInsideTypicalButton?: boolean;
-    isInsideDestructiveButton?: boolean;
-    isInsidePrimaryButton?: boolean;
-    hasMotion?: boolean;
 };
 export declare const StyledStarLoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledLoaderLabel: import("styled-components").StyledComponent<{
@@ -51,7 +44,6 @@ type RingLoaderWrapperProps = {
 export declare const StyledRingLoaderWrapper: import("styled-components").StyledComponent<"div", any, RingLoaderWrapperProps, never>;
 type StyledLabelProps = {
     inverse?: boolean;
-    isInsideButton?: boolean;
 };
 export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, StyledLabelProps, never>;
 export {};

package/esm/components/loader/__next__/loader.style.js

@@ -1 +1 @@
-import e,{css as i}from"styled-components";import{margin as t}from"styled-system";import r from"../../../style/themes/apply-base-theme.js";import{Typography as n}from"../../typography/typography.component.js";import"react/jsx-runtime";import"react";const a={"extra-small":20,small:32,medium:64,large:80},o={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},s={small:"4px",medium:"8px",large:"16px"},d={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},l=(e,i)=>{const t=i?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:t,innerBarBackground:i?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:t,innerBarBackground:i?"#FFFFFF":"#000000"}},m=i(["display:flex;justify-content:center;text-align:center;"]),c=e.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-45aff3a2-0"})(["display:inline-block;min-width:var(--sizing800);"]),p=e.div.attrs(r).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-45aff3a2-1"})([""," text-align:center;white-space:nowrap;"],t),u=e.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-45aff3a2-2"})(["",""],(({size:e,variant:t,inverse:r})=>i(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],s[e],l(t,r).outerBarBackground))),f=e.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-45aff3a2-3"})(["",""],(({size:e,variant:t,inverse:r,animationTime:n,hasMotion:a})=>i(["@keyframes innerBarAnimationOne{0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}}@keyframes innerBarAnimationTwo{0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}}position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:innerBarAnimationOne,innerBarAnimationTwo;"," animation-iteration-count:",";"],l(t,r).innerBarBackground,s[e],a&&`animation-duration: ${n}s, ${n}s;`,a?"infinite, infinite":"none, none"))),g=e.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-45aff3a2-4"})(["",""],(({inverse:e,size:t,hasMotion:r,isTracked:n,animationTime:s,isInsideTypicalButton:d,isInsideDestructiveButton:l,isInsidePrimaryButton:m,isSuccess:c,isError:p})=>{const u=({isInsideTypicalButton:e,isInsideDestructiveButton:i,isInsidePrimaryButton:t,inverse:r,isTracked:n,isSuccess:a,isError:o})=>{if(e||i)return t?r?{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#000"}:{outerStroke:"rgba(255, 255, 255, 0.08)",innerStroke:"#FFF"}:r?{outerStroke:"rgba(255, 255, 255, 0.08)",innerStroke:"#FFF"}:{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#000"};if(r)return{outerStroke:"rgba(255,255,255,0.08)",innerStroke:"#FFF"};if(n){if(a)return{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#00811F"};if(o)return{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#DB004E"}}return{outerStroke:"rgba(0,0,0,0.08)",innerStroke:"#000000"}},f=`${a[t]}px`,g=o[t];return i(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}}animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],f,f,g,u({isInsideTypicalButton:d,isInsideDestructiveButton:l,isInsidePrimaryButton:m,inverse:e,isTracked:n,isSuccess:c,isError:p}).outerStroke,g,u({isInsideTypicalButton:d,isInsideDestructiveButton:l,isInsidePrimaryButton:m,inverse:e,isTracked:n,isSuccess:c,isError:p}).innerStroke,n?"trackedAnimation":"untrackedAnimation",r&&`animation-duration: ${s}s;`,r?"infinite":"none")})),y="40px",h=e.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-45aff3a2-5"})(["position:relative;width:",";height:",";"],y,y),x={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},k=({loaderType:e,inverse:i,isInsideTypicalButton:t,isInsideDestructiveButton:r,isInsidePrimaryButton:n})=>"standalone"===e?i?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)":"ring"===e?t?n?i?"#000":"#FFF":i?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)":r?n?"#FFF":"rgba(0, 0, 0, 0.90)":i?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.65)",B=e.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-45aff3a2-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),v=e(n).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-45aff3a2-7"})([""," line-height:150%;",""],m,(({size:e="medium",inverse:t,loaderType:r,loaderVariant:n,isInsideTypicalButton:a,isInsideDestructiveButton:o,isInsidePrimaryButton:s})=>"star"===r?i(["font-size:16px;font-weight:400;color:",";margin-left:12px;width:min-content;"],k({loaderType:r,inverse:t,isInsideTypicalButton:a,isInsideDestructiveButton:o,isInsidePrimaryButton:s})):"standalone"===r?i(["font-size:",";font-weight:500;color:",";width:100%;margin-top:",";"],"large"===e?"16px":"14px",k({loaderType:r,inverse:t,isInsideTypicalButton:a,isInsideDestructiveButton:o,isInsidePrimaryButton:s}),x[r][e]):i(["font-size:",";font-weight:500;color:",";width:",";",";"],"large"===e?"16px":"extra-small"===e?"13px":"14px",k({loaderType:r,inverse:t,isInsideTypicalButton:a,isInsideDestructiveButton:o,isInsidePrimaryButton:s}),"inline"===n?"auto":"100%","inline"===n?`margin-left: ${d[e]}`:`margin-top: ${x[r][e]}`))),I=e.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-45aff3a2-8"})(["",""],(({loaderVariant:e})=>i(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===e?"row":"column","inline"===e?"auto":"100%"))),b=e.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-45aff3a2-9"})(["",""],(({inverse:e,isInsideButton:t})=>i(["",";"],!t&&"color: "+(e?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)"))));export{f as InnerBar,u as OuterBar,b as StyledLabel,p as StyledLoader,v as StyledLoaderLabel,c as StyledLoaderPlaceholder,g as StyledRingCircleSvg,I as StyledRingLoaderWrapper,B as StyledStarLoaderWrapper,h as StyledStars};
+import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import i from"../../../style/themes/apply-base-theme.js";import{Typography as r}from"../../typography/typography.component.js";import"react/jsx-runtime";import"react";import n from"../../button/button.style.js";const o={"extra-small":20,small:32,medium:64,large:80},s={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},l={small:"4px",medium:"8px",large:"16px"},d={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},m=(e,a)=>{const t=a?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:t,innerBarBackground:a?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:t,innerBarBackground:a?"#FFFFFF":"#000000"}},c=a(["display:flex;justify-content:center;text-align:center;"]),p=e.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-aaaf19f2-0"})(["display:inline-block;min-width:var(--sizing800);"]),f=e.div.attrs(i).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-aaaf19f2-1"})([""," text-align:center;white-space:nowrap;"],t),g=e.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-aaaf19f2-2"})(["",""],(({size:e,variant:t,inverse:i})=>a(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],l[e],m(t,i).outerBarBackground))),h=e.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-aaaf19f2-3"})(["",""],(({size:e,variant:t,inverse:i,animationTime:r,hasMotion:n})=>a(["@keyframes innerBarAnimationOne{0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}}@keyframes innerBarAnimationTwo{0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}}position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:innerBarAnimationOne,innerBarAnimationTwo;"," animation-iteration-count:",";"],m(t,i).innerBarBackground,l[e],n&&`animation-duration: ${r}s, ${r}s;`,n?"infinite, infinite":"none, none"))),u=e.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-aaaf19f2-4"})([""," ",' & circle[data-role="inner-arc"]{stroke:currentColor;}'],(({inverse:e,size:t,hasMotion:i,isTracked:r,isError:n,isSuccess:l,animationTime:d})=>{const m=`${o[t]}px`,c=s[t];return a(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}}animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],m,m,c,e?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)",c,(({inverse:e,isSuccess:a,isError:t})=>t?"#DB004E;":a?"#00811F;":e?"#FFF;":"#000000")({inverse:e,isSuccess:l,isError:n}),r?"trackedAnimation":"untrackedAnimation",i&&`animation-duration: ${d}s;`,i?"infinite":"none")}),n),x="40px",y=e.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-aaaf19f2-5"})(["position:relative;width:",";height:",";"],x,x),k={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},w=e.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-aaaf19f2-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),v=e(r).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-aaaf19f2-7"})([""," line-height:150%;color:",";"," &{color:currentColor;}",""],c,(({inverse:e})=>e?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)"),n,(({size:e="medium",loaderType:t,loaderVariant:i})=>"star"===t?a(["font-size:16px;font-weight:400;margin-left:12px;width:min-content;"]):"standalone"===t?a(["font-size:",";font-weight:500;width:100%;margin-top:",";"],"large"===e?"16px":"14px",k[t][e]):a(["font-size:",";font-weight:500;width:",";",";"],"large"===e?"16px":"extra-small"===e?"13px":"14px","inline"===i?"auto":"100%","inline"===i?`margin-left: ${d[e]}`:`margin-top: ${k[t][e]}`))),b=e.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-aaaf19f2-8"})(["",""],(({loaderVariant:e})=>a(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===e?"row":"column","inline"===e?"auto":"100%"))),B=e.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-aaaf19f2-9"})(["",";"],(({inverse:e})=>a(["color:",";"," &{color:currentColor;}"],e?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)",n)));export{h as InnerBar,g as OuterBar,B as StyledLabel,f as StyledLoader,v as StyledLoaderLabel,p as StyledLoaderPlaceholder,u as StyledRingCircleSvg,b as StyledRingLoaderWrapper,w as StyledStarLoaderWrapper,y as StyledStars};

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

@@ -2,6 +2,8 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 export interface NoteProps extends MarginProps, TagProps {
+    /** The aria-label to be used when no title is present */
+    "aria-label"?: string;
     /** Adds a created on date to the Note footer */
     createdDate: string;
     /** renders a control for the Note */
@@ -24,5 +26,5 @@ export interface NoteProps extends MarginProps, TagProps {
     /** Set a percentage-based width for the whole Note component, relative to its parent. */
     width?: number;
 }
-export declare const Note: ({ createdDate, inlineControl, name, noteContent, onLinkAdded, previews, status, title, width, ...rest }: NoteProps) => React.JSX.Element;
+export declare const Note: ({ "aria-label": ariaLabel, createdDate, inlineControl, name, noteContent, onLinkAdded, previews, status, title, width, ...rest }: NoteProps) => React.JSX.Element;
 export default Note;

package/esm/components/note/note.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import n from"invariant";import{StyledNote as r,StyledNoteMain as i,StyledNoteContent as p,StyledTitleWrapper as a,StyledInlineControl as c,StyledFooter as l,StyledFooterContent as m}from"./note.style.js";import s from"./__internal__/status-icon/status-icon.component.js";import{ActionPopover as d}from"../action-popover/action-popover.component.js";import"../action-popover/action-popover-menu/action-popover-menu.component.js";import"../action-popover/action-popover-item/action-popover-item.component.js";import"../action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"../action-popover/action-popover-divider/action-popover-divider.component.js";import u from"../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import f from"../text-editor/text-editor.context.js";import{LinkPreview as h}from"../link-preview/link-preview.component.js";import{Typography as v}from"../typography/typography.component.js";import y from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function j(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){b(e,t,o[t])}))}return e}const O=b=>{var O,g,{createdDate:w,inlineControl:P,name:_,noteContent:x,onLinkAdded:k,previews:C,status:S,title:E,width:N=100}=b,D=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}(b,["createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return n(N>0,"<Note> width must be greater than 0"),n(!P||o.isValidElement(P)&&P.type===d,"<Note> inlineControl must be an instance of <ActionPopover>"),e(f.Provider,{value:{onLinkAdded:k},children:t(r,(O=j({width:N},D,y("note",D)),g={children:[t(i,{children:[t(p,{children:[E&&("string"==typeof E?e(v,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h3",children:E}):e(a,{children:E})),e(u,{initialValue:x,useBackgroundColor:!1})]}),P&&e(c,{children:P})]}),e(p,{children:o.Children.map(C,(e=>{return o.isValidElement(e)&&(t=e,n=h.displayName,t.type.displayName===n)?o.cloneElement(e,{as:"a",onClose:void 0}):e;var t,n}))}),w&&e(p,{hasPreview:!!o.Children.count(C),children:t(l,{"data-element":"note-footer",children:[_&&e(m,{hasName:!!_,children:_}),e(m,{hasName:!!_,children:w}),(()=>{if(!S)return null;const{text:t,timeStamp:o}=S;return e(m,{hasName:!!_,"data-component":"note-status",children:e(s,{tooltipMessage:o,children:t})})})()]})})]},g=null!=g?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(g)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(g)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(g,e))})),O))})};export{O as Note,O as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import n from"invariant";import{StyledNote as r,StyledNoteMain as i,StyledNoteContent as a,StyledTitleWrapper as p,StyledInlineControl as c,StyledFooter as l,StyledFooterContent as m}from"./note.style.js";import s from"./__internal__/status-icon/status-icon.component.js";import{ActionPopover as d}from"../action-popover/action-popover.component.js";import"../action-popover/action-popover-menu/action-popover-menu.component.js";import"../action-popover/action-popover-item/action-popover-item.component.js";import"../action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"../action-popover/action-popover-divider/action-popover-divider.component.js";import u from"../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import f from"../text-editor/text-editor.context.js";import{LinkPreview as h}from"../link-preview/link-preview.component.js";import{Typography as v}from"../typography/typography.component.js";import y from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function j(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){b(e,t,o[t])}))}return e}const O=b=>{var O,g,{"aria-label":w,createdDate:P,inlineControl:_,name:x,noteContent:k,onLinkAdded:C,previews:S,status:E,title:N,width:D=100}=b,A=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}(b,["aria-label","createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return n(D>0,"<Note> width must be greater than 0"),n(!_||o.isValidElement(_)&&_.type===d,"<Note> inlineControl must be an instance of <ActionPopover>"),e(f.Provider,{value:{onLinkAdded:C},children:t(r,(O=j({width:D},A,y("note",A)),g={children:[t(i,{children:[t(a,{children:[N&&("string"==typeof N?e(v,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h3",children:N}):e(p,{children:N})),e(u,{"aria-label":w,initialValue:k,useBackgroundColor:!1})]}),_&&e(c,{children:_})]}),e(a,{children:o.Children.map(S,(e=>{return o.isValidElement(e)&&(t=e,n=h.displayName,t.type.displayName===n)?o.cloneElement(e,{as:"a",onClose:void 0}):e;var t,n}))}),P&&e(a,{hasPreview:!!o.Children.count(S),children:t(l,{"data-element":"note-footer",children:[x&&e(m,{hasName:!!x,children:x}),e(m,{hasName:!!x,children:P}),(()=>{if(!E)return null;const{text:t,timeStamp:o}=E;return e(m,{hasName:!!x,"data-component":"note-status",children:e(s,{tooltipMessage:o,children:t})})})()]})})]},g=null!=g?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(g)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(g)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(g,e))})),O))})};export{O as Note,O as default};

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

@@ -28,7 +28,7 @@ export interface PodProps extends MarginProps, TagProps {
     onDelete?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
     /** Supplies an undo action to the pod in soft delete state. */
     onUndo?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /** Sets softboolean; delete state */
+    /** Sets soft boolean delete state */
     softDelete?: boolean;
     /** Determines if the editable pod content should be full width */
     editContentFullWidth?: boolean;

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

@@ -59,7 +59,7 @@ export interface TabsProps extends MarginProps, TagProps {
     };
     /**
      * When this prop is set any string validation failures in the children of each Tab
-     * will be summaraised in the Tooltip next to the Tab title
+     * will be summarised in the Tooltip next to the Tab title
      * @deprecated This prop will be deprecated in a future release
      */
     showValidationsSummary?: boolean;

package/esm/components/text-editor/__internal__/__nodes__/mention.node.d.ts

@@ -27,6 +27,7 @@ export declare class MentionNode extends TextNode {
         version: number;
         mention: string;
         format: number;
+        $?: Record<string, unknown> | undefined;
         detail: number;
         mode: import("lexical").TextModeType;
         style: string;

package/esm/components/text-editor/__internal__/__nodes__/styled-span.node.d.ts

@@ -71,6 +71,7 @@ export declare class StyledSpanNode extends TextNode {
         fontWeight: string;
         fontSize: string;
         lineHeight: string;
+        $?: Record<string, unknown> | undefined;
         detail: number;
         format: number;
         mode: import("lexical").TextModeType;

package/esm/components/text-editor/__internal__/__nodes__/styled-span.node.js

@@ -1 +1 @@
-import{TextNode as t}from"lexical";function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(t,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}function r(t,e,i,r){return new n(t,e,i,r)}function o(t){return t instanceof n}export{r as $createStyledSpanNode,o as $isStyledSpanNode,n as StyledSpanNode};
+import{TextNode as t}from"lexical";function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(this,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}function r(t,e,i,r){return new n(t,e,i,r)}function o(t){return t instanceof n}export{r as $createStyledSpanNode,o as $isStyledSpanNode,n as StyledSpanNode};

package/esm/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TextEditorProps } from "../../__utils__/interfaces.types";
-declare const ReadOnlyEditor: ({ initialValue, namespace, size, useBackgroundColor, }: Partial<TextEditorProps> & {
+declare const ReadOnlyEditor: ({ "aria-label": ariaLabel, initialValue, namespace, size, useBackgroundColor, }: Partial<TextEditorProps> & {
     useBackgroundColor?: boolean;
 }) => React.JSX.Element;
 export default ReadOnlyEditor;

package/esm/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ContentEditable as i}from"@lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as o}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as a}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as l}from"@lexical/react/LexicalLinkPlugin";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{validateUrl as c,createFromHTML as m}from"../../__utils__/helpers.js";import{useMemo as s}from"react";import{getTheme as p}from"../../__utils__/theme.js";import{MARKDOWN_NODES as d}from"../../__utils__/constants.js";import u from"../../../../../__internal__/utils/logger/index.js";import x from"../ContentEditor/content-editor.style.js";import _ from"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"../../../text-editor.context.js";import"lexical";import"../../__plugins__/useCursorAtEnd/index.js";const f=e=>{let r;if(!e)return m("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return m(e);const r=`<p dir="ltr"><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return m(r)}return e},g=({initialValue:m,namespace:g="carbon-rte-readonly",size:C="medium",useBackgroundColor:L=!0})=>{const h=s((()=>({namespace:g,nodes:d,onError:e=>u.error(e.message),theme:p(),editorState:f(m),editable:!1})),[g,m]);return e(x,{namespace:g,readOnly:!0,size:C,useBackgroundColor:L,children:r(t,{initialConfig:h,children:[e(a,{contentEditable:e(i,{"data-role":`${g}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:o}),e(l,{validateUrl:c}),e(n,{newTab:!0}),e(_,{})]})})};export{g as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ContentEditable as i}from"@lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as o}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as a}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as l}from"@lexical/react/LexicalLinkPlugin";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{validateUrl as c,createFromHTML as m}from"../../__utils__/helpers.js";import{useMemo as s}from"react";import{getTheme as p}from"../../__utils__/theme.js";import{MARKDOWN_NODES as u}from"../../__utils__/constants.js";import d from"../../../../../__internal__/utils/logger/index.js";import x from"../ContentEditor/content-editor.style.js";import _ from"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"../../../text-editor.context.js";import"lexical";import"../../__plugins__/useCursorAtEnd/index.js";const f=e=>{let r;if(!e)return m("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return m(e);const r=`<p><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return m(r)}return e},g=({"aria-label":m,initialValue:g,namespace:C="carbon-rte-readonly",size:L="medium",useBackgroundColor:b=!0})=>{const h=s((()=>({namespace:C,nodes:u,onError:e=>d.error(e.message),theme:p(),editorState:f(g),editable:!1})),[C,g]);return e(x,{namespace:C,readOnly:!0,size:L,useBackgroundColor:b,children:r(t,{initialConfig:h,children:[e(a,{contentEditable:e(i,{"aria-label":m,"data-role":`${C}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:o}),e(l,{validateUrl:c}),e(n,{newTab:!0}),e(_,{})]})})};export{g as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/list.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{INSERT_ORDERED_LIST_COMMAND as n,insertList as o,INSERT_UNORDERED_LIST_COMMAND as i,REMOVE_LIST_COMMAND as l,removeList as s,ListNode as a,ListItemNode as d,$isListNode as u,$isListItemNode as c,$createListNode as f}from"@lexical/list";import{useLexicalComposerContext as m}from"@lexical/react/LexicalComposerContext";import{mergeRegister as p}from"@lexical/utils";import{COMMAND_PRIORITY_LOW as g,$getSelection as b,$isRangeSelection as h,$getNodeByKey as v}from"lexical";import{useState as y,useEffect as C,useCallback as L}from"react";import{FormattingButton as x}from"../toolbar.style.js";import _ from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as S}from"../../../__utils__/constants.js";const E=({namespace:E,olIsFirstButton:T,showOL:A=!0,showUL:w=!0,ulIsFirstButton:P,size:k="medium"})=>{const[B]=m(),N=_(),[j,D]=y(!1),[I,$]=y(!1);C((()=>p(B.registerCommand(n,(()=>(o(B,S.OrderedList),!0)),g),B.registerCommand(i,(()=>(o(B,S.UnorderedList),!0)),g),B.registerCommand(l,(()=>(s(B),!0)),g))),[B]);const z=e=>{let t=e;for(;null!==t;){if(t instanceof d)return t;t=null==t?void 0:t.getParent()}return null},K=L((()=>{const e=b();if(!e)return D(!1),void $(!1);const t=e.getNodes();if(0===t.length)return D(!1),void $(!1);const r=t.map(z).find((e=>null!==e));if(!r)return D(!1),void $(!1);let n=r.getParent();for(;n&&!(n instanceof a);)n=n.getParent();n instanceof a?(D("number"===n.getListType()),$("bullet"===n.getListType())):(D(!1),$(!1))}),[]);C((()=>p(B.registerUpdateListener((({editorState:e})=>{e.read((()=>{B.isEditable()&&K()}))})))),[K,B]);const U=e=>{B.update((()=>{const t=b();if(!h(t))return;let r=t.anchor.getNode().getParent();for(;r&&!u(r);)r=r.getParent();if(!r)return;const n=t.getNodes().map((e=>"list"===e.getType()?e:null)).filter((e=>null!==e));if(n.length>1)return o=e,void n.forEach((e=>{B.update((()=>{e.setListType(o)}))}));var o;const i=[],l=[],s=[],a=t.getNodes().map((e=>{let t=e.getParent();if(!c(t)){const e=null==t?void 0:t.getType();if(!e||!["link","autolink"].includes(e))return null;var n;t=null!==(n=null==t?void 0:t.getParent())&&void 0!==n?n:null}const o=null==t?void 0:t.getKey();return o!==(null==r?void 0:r.getKey())?o:null})).filter((e=>null!=e)),d=r.getChildrenKeys(),m=Array.from(new Set(a)),{beforeSubset:p,subset:g,afterSubset:y}=function(e,t){let r=-1;for(let n=0;n<=e.length-t.length;n++)if(e.slice(n,n+t.length).toString()===t.toString()){r=n;break}if(-1===r)throw new Error("Subset B not found in array A");return 0===r&&t.length===e.length?{beforeSubset:[],subset:e,afterSubset:[]}:{beforeSubset:e.slice(0,r),subset:e.slice(r,r+t.length),afterSubset:e.slice(r+t.length)}}(d,m);p.forEach((e=>{const t=v(e);c(t)&&i.push(t)})),g.forEach((e=>{const t=v(e);c(t)&&l.push(t)})),y.forEach((e=>{const t=v(e);c(t)&&s.push(t)}));const C=r.getListType(),L=f(C),x=f(e),_=f(C);L.append(...i),x.append(...l),_.append(...s),L.getChildren().length>0&&r.insertBefore(L),x.getChildren().length>0&&(L.getChildren().length>0?L.insertAfter(x):r.insertBefore(x)),_.getChildren().length>0&&(x.getChildren().length>0?x.insertAfter(_):L.getChildren().length>0?L.insertAfter(_):r.insertBefore(_)),r.remove()}))};return e(t,{children:[w&&r(x,{size:k,"aria-label":N.textEditor.unorderedListAria(),onClick:()=>j?U("bullet"):void(B.isEditable()&&(I?(B.dispatchCommand(l,void 0),$(!1)):(B.dispatchCommand(i,void 0),$(!0)),D(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_dotted",buttonType:I?"primary":"tertiary",isActive:I,"aria-pressed":I,"data-role":`${E}-unordered-list-button`,id:`${E}-unordered-list-button`,tabIndex:P?0:-1,className:"toolbar-button"}),A&&r(x,{size:k,"aria-label":N.textEditor.orderedListAria(),onClick:()=>I?U("number"):void(B.isEditable()&&(j?(B.dispatchCommand(l,void 0),D(!1)):(B.dispatchCommand(n,void 0),D(!0)),$(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_numbers",buttonType:j?"primary":"tertiary",isActive:j,"aria-pressed":j,"data-role":`${E}-ordered-list-button`,id:`${E}-ordered-list-button`,tabIndex:T?0:-1,className:"toolbar-button"})]})};export{E as default};
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{INSERT_ORDERED_LIST_COMMAND as n,$insertList as o,INSERT_UNORDERED_LIST_COMMAND as i,REMOVE_LIST_COMMAND as l,$removeList as s,ListNode as a,ListItemNode as d,$isListNode as u,$isListItemNode as c,$createListNode as f}from"@lexical/list";import{useLexicalComposerContext as m}from"@lexical/react/LexicalComposerContext";import{mergeRegister as p}from"@lexical/utils";import{COMMAND_PRIORITY_LOW as g,$getSelection as b,$isRangeSelection as h,$getNodeByKey as v}from"lexical";import{useState as y,useEffect as C,useCallback as L}from"react";import{FormattingButton as x}from"../toolbar.style.js";import _ from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as S}from"../../../__utils__/constants.js";const E=({namespace:E,olIsFirstButton:T,showOL:A=!0,showUL:w=!0,ulIsFirstButton:P,size:k="medium"})=>{const[B]=m(),N=_(),[j,D]=y(!1),[I,$]=y(!1);C((()=>p(B.registerCommand(n,(()=>(o(S.OrderedList),!0)),g),B.registerCommand(i,(()=>(o(S.UnorderedList),!0)),g),B.registerCommand(l,(()=>(s(),!0)),g))),[B]);const z=e=>{let t=e;for(;null!==t;){if(t instanceof d)return t;t=null==t?void 0:t.getParent()}return null},K=L((()=>{const e=b();if(!e)return D(!1),void $(!1);const t=e.getNodes();if(0===t.length)return D(!1),void $(!1);const r=t.map(z).find((e=>null!==e));if(!r)return D(!1),void $(!1);let n=r.getParent();for(;n&&!(n instanceof a);)n=n.getParent();n instanceof a?(D("number"===n.getListType()),$("bullet"===n.getListType())):(D(!1),$(!1))}),[]);C((()=>p(B.registerUpdateListener((({editorState:e})=>{e.read((()=>{B.isEditable()&&K()}))})))),[K,B]);const U=e=>{B.update((()=>{const t=b();if(!h(t))return;let r=t.anchor.getNode().getParent();for(;r&&!u(r);)r=r.getParent();if(!r)return;const n=t.getNodes().map((e=>"list"===e.getType()?e:null)).filter((e=>null!==e));if(n.length>1)return o=e,void n.forEach((e=>{B.update((()=>{e.setListType(o)}))}));var o;const i=[],l=[],s=[],a=t.getNodes().map((e=>{let t=e.getParent();if(!c(t)){const e=null==t?void 0:t.getType();if(!e||!["link","autolink"].includes(e))return null;var n;t=null!==(n=null==t?void 0:t.getParent())&&void 0!==n?n:null}const o=null==t?void 0:t.getKey();return o!==(null==r?void 0:r.getKey())?o:null})).filter((e=>null!=e)),d=r.getChildrenKeys(),m=Array.from(new Set(a)),{beforeSubset:p,subset:g,afterSubset:y}=function(e,t){let r=-1;for(let n=0;n<=e.length-t.length;n++)if(e.slice(n,n+t.length).toString()===t.toString()){r=n;break}if(-1===r)throw new Error("Subset B not found in array A");return 0===r&&t.length===e.length?{beforeSubset:[],subset:e,afterSubset:[]}:{beforeSubset:e.slice(0,r),subset:e.slice(r,r+t.length),afterSubset:e.slice(r+t.length)}}(d,m);p.forEach((e=>{const t=v(e);c(t)&&i.push(t)})),g.forEach((e=>{const t=v(e);c(t)&&l.push(t)})),y.forEach((e=>{const t=v(e);c(t)&&s.push(t)}));const C=r.getListType(),L=f(C),x=f(e),_=f(C);L.append(...i),x.append(...l),_.append(...s),L.getChildren().length>0&&r.insertBefore(L),x.getChildren().length>0&&(L.getChildren().length>0?L.insertAfter(x):r.insertBefore(x)),_.getChildren().length>0&&(x.getChildren().length>0?x.insertAfter(_):L.getChildren().length>0?L.insertAfter(_):r.insertBefore(_)),r.remove()}))};return e(t,{children:[w&&r(x,{size:k,"aria-label":N.textEditor.unorderedListAria(),onClick:()=>j?U("bullet"):void(B.isEditable()&&(I?(B.dispatchCommand(l,void 0),$(!1)):(B.dispatchCommand(i,void 0),$(!0)),D(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_dotted",buttonType:I?"primary":"tertiary",isActive:I,"aria-pressed":I,"data-role":`${E}-unordered-list-button`,id:`${E}-unordered-list-button`,tabIndex:P?0:-1,className:"toolbar-button"}),A&&r(x,{size:k,"aria-label":N.textEditor.orderedListAria(),onClick:()=>I?U("number"):void(B.isEditable()&&(j?(B.dispatchCommand(l,void 0),D(!1)):(B.dispatchCommand(n,void 0),D(!0)),$(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_numbers",buttonType:j?"primary":"tertiary",isActive:j,"aria-pressed":j,"data-role":`${E}-ordered-list-button`,id:`${E}-ordered-list-button`,tabIndex:T?0:-1,className:"toolbar-button"})]})};export{E as default};

package/esm/components/text-editor/__internal__/__utils__/interfaces.types.d.ts

@@ -7,6 +7,8 @@ export interface TextEditorHandle {
     focus: () => void;
 }
 export interface TextEditorProps extends MarginProps, TagProps {
+    /** The aria-label to be rendered when in read-only mode */
+    "aria-label"?: string;
     /** The maximum number of characters allowed in the editor */
     characterLimit?: number;
     /** The message to be shown when the editor is in an error state */

package/esm/components/text-editor/text-editor.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as n}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as o}from"@lexical/react/LexicalClickableLinkPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as s}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as c}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as d}from"@lexical/react/LexicalOnChangePlugin";import{$getRoot as _}from"lexical";import{forwardRef as u,useRef as m,useState as f,useImperativeHandle as g,useEffect as h,useMemo as v,useCallback as b}from"react";import x from"../../__internal__/label/label.component.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as w,MARKDOWN_NODES as O}from"./__internal__/__utils__/constants.js";import P from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import L from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import E from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import C from"./text-editor.context.js";import{StyledTextEditorWrapper as T,StyledWrapper as k,StyledEditorToolbarWrapper as S,StyledHeaderWrapper as M,StyledTextEditor as $,StyledFooterWrapper as B}from"./text-editor.style.js";import{createEmpty as F,SerializeLexical as H,validateUrl as z}from"./__internal__/__utils__/helpers.js";import{HintText as A}from"../../__internal__/hint-text/hint-text.component.js";import q from"../../__internal__/validation-message/validation-message.component.js";import D from"../textbox/textbox.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import I from"../../style/utils/filter-styled-system-margin-props.js";import R from"../../__internal__/utils/helpers/tags/tags.js";import V from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as U}from"./__internal__/__utils__/theme.js";import G from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import J from"./__internal__/__ui__/ContentEditor/content-editor.component.js";import"./__internal__/__ui__/LinkPreviewer/link-previewer.style.js";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"./__internal__/__ui__/Mentions/constants.js";import"./__internal__/__ui__/Mentions/mentions.style.js";import"../tooltip/tooltip.component.js";import"../portrait/portrait.style.js";import K from"./__internal__/__ui__/Placeholder/placeholder.component.js";import N from"./__internal__/__ui__/Toolbar/toolbar.component.js";function Q(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function W(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){Q(e,r,t[r])}))}return e}let X=!1,Y=!1,Z=!1;const ee=u(((u,Q)=>{var ee,re,te,{characterLimit:ne=3e3,error:oe,footer:ie,header:ae,inputHint:le,labelText:se,namespace:ce=w,onBlur:pe,onCancel:de,onChange:_e,onFocus:ue,onLinkAdded:me,onSave:fe,placeholder:ge,previews:he=[],readOnly:ve=!1,required:be=!1,rows:xe,size:ye="medium",warning:je,customPlugins:we,validationMessagePositionTop:Oe=!1,toolbarControls:Pe}=u,Le=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(u,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!X&&Le.value&&(X=!0,j.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!Y&&de&&(Y=!0,j.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!Z&&fe&&(Z=!0,j.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const Ee=m(null!==(te=null!==(re=Le.initialValue)&&void 0!==re?re:Le.value)&&void 0!==te?te:F()),Ce=y(),[Te,ke]=f(void 0),Se=m(null),[Me,$e]=f(!1);g(Q,(()=>({focus(){var e;null===(e=Se.current)||void 0===e||e.focus()}})),[]),h((()=>{const e=null==Se?void 0:Se.current,r=()=>{$e(!0)},t=()=>{$e(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Se]);const Be=v((()=>({namespace:ce,nodes:O,onError:e=>j.error(e.message),theme:U(),editorState:Ee.current,editable:!ve})),[ce,ve]),Fe=b(((e,r)=>{const t=e.read((()=>_().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(_e){const e=H(r);null==_e||_e(t,e)}if(ne>0){const e=ne-t.length;ke(e<0?Ce.textEditor.characterLimit(Math.abs(e)):void 0)}}),[ne,Ce.textEditor,_e]),He=b((e=>{if(!e.isEditable())return;if(!de)return;const r=e.parseEditorState(Ee.current);e.setEditorState(r),de()}),[de]),ze=v((()=>({namespace:ce,onCancel:de?He:void 0,onSave:fe,toolbarControls:Pe})),[He,ce,de,fe,Pe]),Ae=je||Te,qe=()=>{switch(ye){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e(T,(De=W({"data-role":`${ce}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==pe||pe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==ue||ue(e)}},I(Le),R("text-editor",Le)),Ie=null!=(Ie={children:r(C.Provider,{value:{onLinkAdded:me},children:[e(x,{isRequired:be,labelId:`${ce}-label`,children:se}),le&&!ve&&e(A,{id:`${ce}-input-hint`,marginBottom:qe(),children:le}),e(n,{initialConfig:Be,children:r(k,{"data-role":`${ce}-wrapper`,children:[Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),r(S,{"data-role":`${ce}-editor-toolbar-wrapper`,error:!!oe,id:`${ce}-editor-toolbar-wrapper`,children:[ae&&e(M,{"data-role":`${ce}-header-wrapper`,children:ae}),ve?e(V,{initialValue:(null===(ee=Se.current)||void 0===ee?void 0:ee.innerHTML)||Ee.current,size:ye}):r(t,{children:[e(N,W({contentEditorRef:Se,hasHeader:Boolean(ae),size:ye},ze)),r($,{"data-role":`${ce}-editor`,error:!!oe,children:[e(s,{contentEditable:e(J,{ref:Se,inputHint:le,isFocused:Me,namespace:ce,previews:he,rows:xe,readOnly:ve,required:be,error:!!oe,warning:!!je||!!Te,validationMessagePositionTop:Oe,size:ye}),placeholder:e(K,{namespace:ce,text:ge}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(d,{onChange:Fe,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:z}),e(o,{newTab:!0}),e(P,{}),e(E,{}),we]})]}),ie&&e(B,{"data-role":`${ce}-footer-wrapper`,size:ye,children:ie}),e(L,{})]}),!Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),ne>0&&!ve&&e(G,{isFocused:Me,maxChars:ne,namespace:ce,marginTop:qe()})]})})]})})?Ie:{},Object.getOwnPropertyDescriptors?Object.defineProperties(De,Object.getOwnPropertyDescriptors(Ie)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Ie)).forEach((function(e){Object.defineProperty(De,e,Object.getOwnPropertyDescriptor(Ie,e))})),De));var De,Ie}));export{ee as TextEditor,ee as default};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as n}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as o}from"@lexical/react/LexicalClickableLinkPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as s}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as c}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as d}from"@lexical/react/LexicalOnChangePlugin";import{$getRoot as _}from"lexical";import{forwardRef as u,useRef as m,useState as f,useImperativeHandle as g,useEffect as h,useMemo as v,useCallback as b}from"react";import x from"../../__internal__/label/label.component.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as w,MARKDOWN_NODES as O}from"./__internal__/__utils__/constants.js";import P from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import L from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import E from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import C from"./text-editor.context.js";import{StyledTextEditorWrapper as T,StyledWrapper as k,StyledEditorToolbarWrapper as S,StyledHeaderWrapper as M,StyledTextEditor as $,StyledFooterWrapper as B}from"./text-editor.style.js";import{createEmpty as F,SerializeLexical as H,validateUrl as z}from"./__internal__/__utils__/helpers.js";import{HintText as A}from"../../__internal__/hint-text/hint-text.component.js";import q from"../../__internal__/validation-message/validation-message.component.js";import D from"../textbox/textbox.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import I from"../../style/utils/filter-styled-system-margin-props.js";import R from"../../__internal__/utils/helpers/tags/tags.js";import V from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as U}from"./__internal__/__utils__/theme.js";import G from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import J from"./__internal__/__ui__/ContentEditor/content-editor.component.js";import"./__internal__/__ui__/LinkPreviewer/link-previewer.style.js";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"./__internal__/__ui__/Mentions/constants.js";import"./__internal__/__ui__/Mentions/mentions.style.js";import"../tooltip/tooltip.component.js";import"../portrait/portrait.style.js";import K from"./__internal__/__ui__/Placeholder/placeholder.component.js";import N from"./__internal__/__ui__/Toolbar/toolbar.component.js";function Q(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function W(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){Q(e,r,t[r])}))}return e}let X=!1,Y=!1,Z=!1;const ee=u(((u,Q)=>{var ee,re,te,{characterLimit:ne=3e3,error:oe,footer:ie,header:ae,inputHint:le,labelText:se,namespace:ce=w,onBlur:pe,onCancel:de,onChange:_e,onFocus:ue,onLinkAdded:me,onSave:fe,placeholder:ge,previews:he=[],readOnly:ve=!1,required:be=!1,rows:xe,size:ye="medium",warning:je,customPlugins:we,validationMessagePositionTop:Oe=!1,toolbarControls:Pe}=u,Le=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(u,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!X&&Le.value&&(X=!0,j.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!Y&&de&&(Y=!0,j.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!Z&&fe&&(Z=!0,j.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const Ee=m(null!==(te=null!==(re=Le.initialValue)&&void 0!==re?re:Le.value)&&void 0!==te?te:F()),Ce=y(),[Te,ke]=f(void 0),Se=m(null),[Me,$e]=f(!1);g(Q,(()=>({focus(){var e;null===(e=Se.current)||void 0===e||e.focus()}})),[]),h((()=>{const e=null==Se?void 0:Se.current,r=()=>{$e(!0)},t=()=>{$e(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Se]);const Be=v((()=>({namespace:ce,nodes:O,onError:e=>j.error(e.message),theme:U(),editorState:Ee.current,editable:!ve})),[ce,ve]),Fe=b(((e,r)=>{const t=e.read((()=>_().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(_e){const e=H(r);null==_e||_e(t,e)}if(ne>0){const e=ne-t.length;ke(e<0?Ce.textEditor.characterLimit(Math.abs(e)):void 0)}}),[ne,Ce.textEditor,_e]),He=b((e=>{if(!e.isEditable())return;if(!de)return;const r=e.parseEditorState(Ee.current);e.setEditorState(r),de()}),[de]),ze=v((()=>({namespace:ce,onCancel:de?He:void 0,onSave:fe,toolbarControls:Pe})),[He,ce,de,fe,Pe]),Ae=je||Te,qe=()=>{switch(ye){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e(T,(De=W({"data-role":`${ce}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==pe||pe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==ue||ue(e)}},I(Le),R("text-editor",Le)),Ie=null!=(Ie={children:r(C.Provider,{value:{onLinkAdded:me},children:[e(x,{isRequired:be,labelId:`${ce}-label`,children:se}),le&&!ve&&e(A,{id:`${ce}-input-hint`,marginBottom:qe(),children:le}),e(n,{initialConfig:Be,children:r(k,{"data-role":`${ce}-wrapper`,children:[Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),r(S,{"data-role":`${ce}-editor-toolbar-wrapper`,error:!!oe,id:`${ce}-editor-toolbar-wrapper`,children:[ae&&e(M,{"data-role":`${ce}-header-wrapper`,children:ae}),ve?e(V,{"aria-label":se,initialValue:(null===(ee=Se.current)||void 0===ee?void 0:ee.innerHTML)||Ee.current,size:ye}):r(t,{children:[e(N,W({contentEditorRef:Se,hasHeader:Boolean(ae),size:ye},ze)),r($,{"data-role":`${ce}-editor`,error:!!oe,children:[e(s,{contentEditable:e(J,{ref:Se,inputHint:le,isFocused:Me,namespace:ce,previews:he,rows:xe,readOnly:ve,required:be,error:!!oe,warning:!!je||!!Te,validationMessagePositionTop:Oe,size:ye}),placeholder:e(K,{namespace:ce,text:ge}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(d,{onChange:Fe,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:z}),e(o,{newTab:!0}),e(P,{}),e(E,{}),we]})]}),ie&&e(B,{"data-role":`${ce}-footer-wrapper`,size:ye,children:ie}),e(L,{})]}),!Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),ne>0&&!ve&&e(G,{isFocused:Me,maxChars:ne,namespace:ce,marginTop:qe()})]})})]})})?Ie:{},Object.getOwnPropertyDescriptors?Object.defineProperties(De,Object.getOwnPropertyDescriptors(Ie)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Ie)).forEach((function(e){Object.defineProperty(De,e,Object.getOwnPropertyDescriptor(Ie,e))})),De));var De,Ie}));export{ee as TextEditor,ee as default};

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"),i=require("invariant"),r=require("../icon/icon.component.js"),n=require("./button.style.js"),o=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"),u=require("./__internal__/button.context.js");function d(e){return e&&e.__esModule?e:{default:e}}var b=d(t),p=d(i);function f(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function y(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{},r=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),r.forEach((function(t){f(e,t,i[t])}))}return e}function j(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 i=Object.getOwnPropertySymbols(e);t.push.apply(t,i)}return t}(Object(t)).forEach((function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(t,i))})),e}function h({iconType:t,iconPosition:i,size:o,subtext:a,children:s,disabled:c,buttonType:d,iconTooltipMessage:b,iconTooltipPosition:p,tooltipTarget:f,destructive:h}){const g={"aria-hidden":!0,disabled:c,color:"primary"===d?"--colorsActionMajorYang100":d.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},x=void 0!==s&&!1!==s;return e.jsxs(e.Fragment,{children:[t&&"before"===i&&x&&e.jsx(r.default,y({type:t},g)),x&&e.jsxs("span",{children:[e.jsx(n.StyledButtonMainText,{"data-element":"main-text",children:e.jsx(u.default.Provider,{value:{isInsideTypicalButton:!h,isInsideDestructiveButton:h,isInsidePrimaryButton:"primary"===d},children:s})}),"large"===o&&e.jsx(n.StyledButtonSubtext,{"data-element":"subtext","data-role":"subtext",children:a})]}),t&&!x&&e.jsx(l.TooltipProvider,{disabled:c,focusable:!1,target:f,children:e.jsx(r.default,j(y({type:t},g),{tooltipMessage:b,tooltipPosition:p}))}),t&&"after"===i&&s&&e.jsx(r.default,y({type:t},g))]})}const g=b.default.forwardRef(((i,r)=>{var{"aria-describedby":l,"aria-label":u,"aria-labelledby":d,buttonType:b="secondary",children:f,destructive:g=!1,disabled:x=!1,isWhite:v=!1,fullWidth:O=!1,href:P,iconPosition:_="before",iconTooltipMessage:m,iconTooltipPosition:T,iconType:w,m:S=0,noWrap:k,onClick:q,px:M,rel:W,size:C="medium",subtext:B="",target:D}=i,z=function(e,t){if(null==e)return{};var i,r,n=function(e,t){if(null==e)return{};var i,r,n={},o=Object.keys(e);for(r=0;r<o.length;r++)i=o[r],t.indexOf(i)>=0||(n[i]=e[i]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)i=o[r],t.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(n[i]=e[i])}return n}(i,["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:I,iconPosition:A,fullWidth:Y}=t.useContext(a.default),{batchSelectionDisabled:F}=t.useContext(c.default),K=E||b,N=I||C,R=A||_,G=Y||O,H=x||F;p.default(void 0!==f||!!w,"Either prop `iconType` must be defined or this node must have children."),B&&p.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),r&&("object"==typeof r&&(r.current=e),"function"==typeof r&&r(e))}),[r]),Z=void 0!==f&&!1!==f;return e.jsx(n.default,j(y({"aria-label":!Z&&w?u||w:u,"aria-labelledby":d,"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(q))||void 0===t||t(e):q&&q(e)},draggable:!1,buttonType:K,disabled:H,destructive:g,isWhite:v,type:P?void 0:"button",iconType:w,size:N,px:null!=M?M:V,m:S,noWrap:k,iconOnly:!Z&&!!w,iconPosition:R,target:D,rel:W,fullWidth:G},o.default("button",z),z,P&&{href:P}),{ref:X,children:h({iconType:w,iconPosition:R,size:N,subtext:B,children:f,disabled:H,buttonType:K,iconTooltipMessage:m,iconTooltipPosition:T,destructive:g,tooltipTarget:J})}))}));g.displayName="Button",exports.default=g;
+"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;

package/lib/components/dismissible-box/dismissible-box.component.d.ts

@@ -4,7 +4,7 @@ import { StyledDismissibleBoxProps } from "./dismissible-box.style";
 import { BoxProps } from "../box";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 /**
- * @deprecated `DimissibleBox` has been deprecated. See the Carbon documentation for migration details.
+ * @deprecated `DismissibleBox` has been deprecated. See the Carbon documentation for migration details.
  */
 export interface DismissibleBoxProps extends SpaceProps, StyledDismissibleBoxProps, Omit<BoxProps, "display" | "justifyContent" | "bg" | "backgroundColor">, TagProps {
     /** The content to render in the component */

package/lib/components/loader/__next__/internal/ring-loader.component.d.ts

@@ -1,8 +1,4 @@
 import React from "react";
 import { LoaderProps } from "../loader.component";
-declare const RingLoader: ({ inverse, size, variant, hasMotion, isTracked, animationTime, loaderLabel, showLabel, isSuccess, isError, isInsideTypicalButton, isInsideDestructiveButton, isInsidePrimaryButton, }: LoaderProps & {
-    isInsideTypicalButton?: boolean;
-    isInsideDestructiveButton?: boolean;
-    isInsidePrimaryButton?: boolean;
-}) => React.JSX.Element;
+declare const RingLoader: ({ inverse, size, variant, hasMotion, isTracked, animationTime, loaderLabel, showLabel, isSuccess, isError, }: LoaderProps) => React.JSX.Element;
 export default RingLoader;

package/lib/components/loader/__next__/internal/ring-loader.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var i=require("../loader.style.js"),r=require("../../../../hooks/__internal__/useLocale/useLocale.js");const a=e=>e||.8;exports.default=({inverse:s,size:t,variant:n,hasMotion:l,isTracked:o,animationTime:d,loaderLabel:c,showLabel:u,isSuccess:v,isError:m,isInsideTypicalButton:y,isInsideDestructiveButton:p,isInsidePrimaryButton:x})=>{const B=r.default(),j=n&&["stacked","inline"].includes(n)?n:"stacked",I=t&&["extra-small","small","large"].includes(t)?t:"medium";return e.jsxs(i.StyledRingLoaderWrapper,{loaderVariant:n,"data-role":"ring-loader-container",children:[e.jsxs(i.StyledRingCircleSvg,{inverse:s,role:"presentation",size:I,variant:j,hasMotion:l,isTracked:o,animationTime:a(d),viewBox:"0 0 24 24",isInsideTypicalButton:y,isInsideDestructiveButton:p,isInsidePrimaryButton:x,isSuccess:v,isError:m,children:[e.jsx("circle",{"data-role":"outer-arc"}),e.jsx("circle",{"data-role":"inner-arc"})]}),u&&e.jsx(i.StyledLoaderLabel,{inverse:s,"data-role":"loader-label",variant:"span",loaderVariant:j,loaderType:"ring",size:I,isInsideTypicalButton:y,isInsideDestructiveButton:p,isInsidePrimaryButton:x,children:c||(null==B?void 0:B.loader.loading())})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../loader.style.js"),a=require("../../../../hooks/__internal__/useLocale/useLocale.js");const i=e=>e||.8;exports.default=({inverse:s,size:l,variant:n,hasMotion:o,isTracked:t,animationTime:d,loaderLabel:c,showLabel:u,isSuccess:v,isError:x})=>{const j=a.default(),m=n&&["stacked","inline"].includes(n)?n:"stacked",p=l&&["extra-small","small","large"].includes(l)?l:"medium";return e.jsxs(r.StyledRingLoaderWrapper,{loaderVariant:n,"data-role":"ring-loader-container",children:[e.jsxs(r.StyledRingCircleSvg,{inverse:s,role:"presentation",size:p,variant:m,hasMotion:o,isTracked:t,animationTime:i(d),viewBox:"0 0 24 24",isSuccess:v,isError:x,children:[e.jsx("circle",{"data-role":"outer-arc"}),e.jsx("circle",{"data-role":"inner-arc"})]}),u&&e.jsx(r.StyledLoaderLabel,{inverse:s,"data-role":"loader-label",variant:"span",loaderVariant:m,loaderType:"ring",size:p,children:c||(null==j?void 0:j.loader.loading())})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../hooks/__internal__/useLocale/useLocale.js"),i=require("../../../hooks/useMediaQuery/useMediaQuery.js");require("../../../style/utils/filter-styled-system-padding-props.js");var s=require("../../../style/utils/filter-styled-system-margin-props.js"),o=require("./loader.style.js"),a=require("./internal/standalone-loader.component.js"),l=require("./internal/ring-loader.component.js"),u=require("./internal/stars-loader.component.js"),c=require("../../button/__internal__/button.context.js");function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const b=b=>{var{animationTime:p,hasMotion:y=!0,isTracked:f=!1,loaderLabel:j,showLabel:O=!0,loaderType:m="standalone",size:v,variant:g,inverse:h=!1,isSuccess:w=!1,isError:P=!1}=b,L=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(b,["animationTime","hasMotion","isTracked","loaderLabel","showLabel","loaderType","size","variant","inverse","isSuccess","isError"]);const _=n.default(),q=i.default("screen and (prefers-reduced-motion: no-preference)"),{isInsideTypicalButton:S=!1,isInsideDestructiveButton:T=!1,isInsidePrimaryButton:x=!1}=r.useContext(c.default),k=(()=>{switch(m){case"star":return u.default({loaderLabel:j,showLabel:O});case"ring":return l.default({inverse:h,size:v,variant:g,hasMotion:y,isTracked:f,animationTime:p,loaderLabel:j,showLabel:O,isInsideTypicalButton:S,isInsideDestructiveButton:T,isInsidePrimaryButton:x,isSuccess:w,isError:P});default:return a.default({size:v,variant:g,inverse:h,loaderLabel:j,showLabel:O,animationTime:p,hasMotion:y})}})();return e.jsx(o.StyledLoader,(I=function(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){d(e,r,t[r])}))}return e}({role:"status"},t.default("loader",L),s.default(L),!O&&{"aria-label":j||_.loader.loading()}),B=null!=(B={children:q?k:e.jsx(o.StyledLabel,{inverse:h,isInsideButton:S||T||x,children:j||_.loader.loading()})})?B:{},Object.getOwnPropertyDescriptors?Object.defineProperties(I,Object.getOwnPropertyDescriptors(B)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(B)).forEach((function(e){Object.defineProperty(I,e,Object.getOwnPropertyDescriptor(B,e))})),I));var I,B};exports.Loader=b,exports.default=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../../__internal__/utils/helpers/tags/tags.js"),t=require("../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../hooks/useMediaQuery/useMediaQuery.js");require("../../../style/utils/filter-styled-system-padding-props.js");var a=require("../../../style/utils/filter-styled-system-margin-props.js"),o=require("./loader.style.js"),s=require("./internal/standalone-loader.component.js"),i=require("./internal/ring-loader.component.js"),l=require("./internal/stars-loader.component.js");function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=c=>{var{animationTime:d,hasMotion:b=!0,isTracked:p=!1,loaderLabel:f,showLabel:y=!0,loaderType:j="standalone",size:O,variant:m,inverse:v=!1,isSuccess:g=!1,isError:h=!1}=c,w=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(c,["animationTime","hasMotion","isTracked","loaderLabel","showLabel","loaderType","size","variant","inverse","isSuccess","isError"]);const L=t.default(),P=n.default("screen and (prefers-reduced-motion: no-preference)"),q=(()=>{switch(j){case"star":return l.default({loaderLabel:f,showLabel:y});case"ring":return i.default({inverse:v,size:O,variant:m,hasMotion:b,isTracked:p,animationTime:d,loaderLabel:f,showLabel:y,isSuccess:g,isError:h});default:return s.default({size:O,variant:m,inverse:v,loaderLabel:f,showLabel:y,animationTime:d,hasMotion:b})}})();return e.jsx(o.StyledLoader,(S=function(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){u(e,r,t[r])}))}return e}({role:"status"},r.default("loader",w),a.default(w),!y&&{"aria-label":f||L.loader.loading()}),_=null!=(_={children:P?q:e.jsx(o.StyledLabel,{inverse:v,children:f||L.loader.loading()})})?_:{},Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(_)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(_)).forEach((function(e){Object.defineProperty(S,e,Object.getOwnPropertyDescriptor(_,e))})),S));var S,_};exports.Loader=c,exports.default=c;

package/lib/components/loader/__next__/loader.style.d.ts

@@ -22,11 +22,8 @@ interface RingSvgProps {
     isTracked?: boolean;
     isGradientVariant?: boolean;
     animationTime?: number;
-    isInsideTypicalButton?: boolean;
-    isInsideDestructiveButton?: boolean;
     isSuccess?: boolean;
     isError?: boolean;
-    isInsidePrimaryButton?: boolean;
 }
 export declare const StyledRingCircleSvg: import("styled-components").StyledComponent<"svg", any, RingSvgProps, never>;
 export declare const StyledStars: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -35,10 +32,6 @@ type LabelProps = {
     loaderVariant?: string;
     inverse?: boolean;
     loaderType: string;
-    isInsideTypicalButton?: boolean;
-    isInsideDestructiveButton?: boolean;
-    isInsidePrimaryButton?: boolean;
-    hasMotion?: boolean;
 };
 export declare const StyledStarLoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledLoaderLabel: import("styled-components").StyledComponent<{
@@ -51,7 +44,6 @@ type RingLoaderWrapperProps = {
 export declare const StyledRingLoaderWrapper: import("styled-components").StyledComponent<"div", any, RingLoaderWrapperProps, never>;
 type StyledLabelProps = {
     inverse?: boolean;
-    isInsideButton?: boolean;
 };
 export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, StyledLabelProps, never>;
 export {};

package/lib/components/loader/__next__/loader.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),r=require("../../../style/themes/apply-base-theme.js"),i=require("../../typography/typography.component.js");function a(e){return e&&e.__esModule?e:{default:e}}require("react/jsx-runtime"),require("react");var n=a(e);const o={"extra-small":20,small:32,medium:64,large:80},s={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},d={small:"4px",medium:"8px",large:"16px"},l={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},c=(e,t)=>{const r=t?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:r,innerBarBackground:t?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:r,innerBarBackground:t?"#FFFFFF":"#000000"}},u=e.css(["display:flex;justify-content:center;text-align:center;"]),p=n.default.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-45aff3a2-0"})(["display:inline-block;min-width:var(--sizing800);"]),m=n.default.div.attrs(r.default).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-45aff3a2-1"})([""," text-align:center;white-space:nowrap;"],t.margin),f=n.default.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-45aff3a2-2"})(["",""],(({size:t,variant:r,inverse:i})=>e.css(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],d[t],c(r,i).outerBarBackground))),g=n.default.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-45aff3a2-3"})(["",""],(({size:t,variant:r,inverse:i,animationTime:a,hasMotion:n})=>e.css(["@keyframes innerBarAnimationOne{0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}}@keyframes innerBarAnimationTwo{0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}}position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:innerBarAnimationOne,innerBarAnimationTwo;"," animation-iteration-count:",";"],c(r,i).innerBarBackground,d[t],n&&`animation-duration: ${a}s, ${a}s;`,n?"infinite, infinite":"none, none"))),y=n.default.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-45aff3a2-4"})(["",""],(({inverse:t,size:r,hasMotion:i,isTracked:a,animationTime:n,isInsideTypicalButton:d,isInsideDestructiveButton:l,isInsidePrimaryButton:c,isSuccess:u,isError:p})=>{const m=({isInsideTypicalButton:e,isInsideDestructiveButton:t,isInsidePrimaryButton:r,inverse:i,isTracked:a,isSuccess:n,isError:o})=>{if(e||t)return r?i?{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#000"}:{outerStroke:"rgba(255, 255, 255, 0.08)",innerStroke:"#FFF"}:i?{outerStroke:"rgba(255, 255, 255, 0.08)",innerStroke:"#FFF"}:{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#000"};if(i)return{outerStroke:"rgba(255,255,255,0.08)",innerStroke:"#FFF"};if(a){if(n)return{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#00811F"};if(o)return{outerStroke:"rgba(0, 0, 0, 0.08)",innerStroke:"#DB004E"}}return{outerStroke:"rgba(0,0,0,0.08)",innerStroke:"#000000"}},f=`${o[r]}px`,g=s[r];return e.css(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}}animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],f,f,g,m({isInsideTypicalButton:d,isInsideDestructiveButton:l,isInsidePrimaryButton:c,inverse:t,isTracked:a,isSuccess:u,isError:p}).outerStroke,g,m({isInsideTypicalButton:d,isInsideDestructiveButton:l,isInsidePrimaryButton:c,inverse:t,isTracked:a,isSuccess:u,isError:p}).innerStroke,a?"trackedAnimation":"untrackedAnimation",i&&`animation-duration: ${n}s;`,i?"infinite":"none")})),x="40px",h=n.default.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-45aff3a2-5"})(["position:relative;width:",";height:",";"],x,x),k={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},B=({loaderType:e,inverse:t,isInsideTypicalButton:r,isInsideDestructiveButton:i,isInsidePrimaryButton:a})=>"standalone"===e?t?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)":"ring"===e?r?a?t?"#000":"#FFF":t?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)":i?a?"#FFF":"rgba(0, 0, 0, 0.90)":t?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)":"rgba(0, 0, 0, 0.65)",v=n.default.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-45aff3a2-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),S=n.default(i.Typography).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-45aff3a2-7"})([""," line-height:150%;",""],u,(({size:t="medium",inverse:r,loaderType:i,loaderVariant:a,isInsideTypicalButton:n,isInsideDestructiveButton:o,isInsidePrimaryButton:s})=>"star"===i?e.css(["font-size:16px;font-weight:400;color:",";margin-left:12px;width:min-content;"],B({loaderType:i,inverse:r,isInsideTypicalButton:n,isInsideDestructiveButton:o,isInsidePrimaryButton:s})):"standalone"===i?e.css(["font-size:",";font-weight:500;color:",";width:100%;margin-top:",";"],"large"===t?"16px":"14px",B({loaderType:i,inverse:r,isInsideTypicalButton:n,isInsideDestructiveButton:o,isInsidePrimaryButton:s}),k[i][t]):e.css(["font-size:",";font-weight:500;color:",";width:",";",";"],"large"===t?"16px":"extra-small"===t?"13px":"14px",B({loaderType:i,inverse:r,isInsideTypicalButton:n,isInsideDestructiveButton:o,isInsidePrimaryButton:s}),"inline"===a?"auto":"100%","inline"===a?`margin-left: ${l[t]}`:`margin-top: ${k[i][t]}`))),I=n.default.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-45aff3a2-8"})(["",""],(({loaderVariant:t})=>e.css(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===t?"row":"column","inline"===t?"auto":"100%"))),b=n.default.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-45aff3a2-9"})(["",""],(({inverse:t,isInsideButton:r})=>e.css(["",";"],!r&&"color: "+(t?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)"))));exports.InnerBar=g,exports.OuterBar=f,exports.StyledLabel=b,exports.StyledLoader=m,exports.StyledLoaderLabel=S,exports.StyledLoaderPlaceholder=p,exports.StyledRingCircleSvg=y,exports.StyledRingLoaderWrapper=I,exports.StyledStarLoaderWrapper=v,exports.StyledStars=h;
+"use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js"),r=require("../../typography/typography.component.js");require("react/jsx-runtime"),require("react");var i=require("../../button/button.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(e);const s={"extra-small":20,small:32,medium:64,large:80},l={"extra-small":2.7,small:2.7,medium:2.7,large:2.7},d={small:"4px",medium:"8px",large:"16px"},c={"extra-small":"8px",small:"8px",medium:"12px",large:"16px"},p=(e,a)=>{const t=a?"rgba(255, 255, 255, 0.08)":"rgba(0, 0, 0, 0.08)";return"ai"===e?{outerBarBackground:t,innerBarBackground:a?"linear-gradient(90deg, var(--mode-color-ai-alt-stop-1, #00D639) 0%, var(--mode-color-ai-alt-stop-2, #00D6DE) 40%, var(--mode-color-ai-alt-stop-3, #9D60FF) 90%)":"linear-gradient(90deg, var(--mode-color-ai-stop-1, #13A038) 0%, var(--mode-color-ai-stop-2, #149197) 40%, var(--mode-color-ai-stop-3, #A87CFB) 90%)"}:{outerBarBackground:t,innerBarBackground:a?"#FFFFFF":"#000000"}},m=e.css(["display:flex;justify-content:center;text-align:center;"]),f=o.default.div.withConfig({displayName:"loader.style__StyledLoaderPlaceholder",componentId:"sc-aaaf19f2-0"})(["display:inline-block;min-width:var(--sizing800);"]),u=o.default.div.attrs(t.default).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-aaaf19f2-1"})([""," text-align:center;white-space:nowrap;"],a.margin),g=o.default.div.withConfig({displayName:"loader.style__OuterBar",componentId:"sc-aaaf19f2-2"})(["",""],(({size:a,variant:t,inverse:r})=>e.css(["border-radius:var(--borderRadius400);height:",";width:100%;background:",";overflow:hidden;position:relative;"],d[a],p(t,r).outerBarBackground))),x=o.default.div.withConfig({displayName:"loader.style__InnerBar",componentId:"sc-aaaf19f2-3"})(["",""],(({size:a,variant:t,inverse:r,animationTime:i,hasMotion:n})=>e.css(["@keyframes innerBarAnimationOne{0%{left:0%;animation-timing-function:linear;}30%{left:10px;animation-timing-function:cubic-bezier(0.5,0.6,0.4,1);}100%{left:calc(100% - 15px);}}@keyframes innerBarAnimationTwo{0%{width:15px;animation-timing-function:cubic-bezier(0.7,0,0.8,1);}50%{width:35%;}100%{width:15px;}}position:absolute;background:",";width:15px;height:",";border-radius:var(--borderRadius400);animation-name:innerBarAnimationOne,innerBarAnimationTwo;"," animation-iteration-count:",";"],p(t,r).innerBarBackground,d[a],n&&`animation-duration: ${i}s, ${i}s;`,n?"infinite, infinite":"none, none"))),y=o.default.svg.withConfig({displayName:"loader.style__StyledRingCircleSvg",componentId:"sc-aaaf19f2-4"})([""," ",' & circle[data-role="inner-arc"]{stroke:currentColor;}'],(({inverse:a,size:t,hasMotion:r,isTracked:i,isError:n,isSuccess:o,animationTime:d})=>{const c=`${s[t]}px`,p=l[t];return e.css(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",';cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:95px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(-90deg);@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(-90deg);stroke-dashoffset:95;}50%{transform:rotate(90deg);stroke-dashoffset:80;}100%{transform:rotate(270deg);stroke-dashoffset:95;}}animation-name:",";"," animation-timing-function:cubic-bezier(0,0,1,1);animation-iteration-count:",";}"],c,c,p,a?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)",p,(({inverse:e,isSuccess:a,isError:t})=>t?"#DB004E;":a?"#00811F;":e?"#FFF;":"#000000")({inverse:a,isSuccess:o,isError:n}),i?"trackedAnimation":"untrackedAnimation",r&&`animation-duration: ${d}s;`,r?"infinite":"none")}),i.default),h="40px",v=o.default.div.withConfig({displayName:"loader.style__StyledStars",componentId:"sc-aaaf19f2-5"})(["position:relative;width:",";height:",";"],h,h),k={standalone:{small:"4px",medium:"8px",large:"12px"},ring:{"extra-small":"4px",small:"8px",medium:"8px",large:"12px"}},w=o.default.div.withConfig({displayName:"loader.style__StyledStarLoaderWrapper",componentId:"sc-aaaf19f2-6"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),b=o.default(r.Typography).withConfig({displayName:"loader.style__StyledLoaderLabel",componentId:"sc-aaaf19f2-7"})([""," line-height:150%;color:",";"," &{color:currentColor;}",""],m,(({inverse:e})=>e?"rgba(255, 255, 255, 0.55)":"rgba(0, 0, 0, 0.65)"),i.default,(({size:a="medium",loaderType:t,loaderVariant:r})=>"star"===t?e.css(["font-size:16px;font-weight:400;margin-left:12px;width:min-content;"]):"standalone"===t?e.css(["font-size:",";font-weight:500;width:100%;margin-top:",";"],"large"===a?"16px":"14px",k[t][a]):e.css(["font-size:",";font-weight:500;width:",";",";"],"large"===a?"16px":"extra-small"===a?"13px":"14px","inline"===r?"auto":"100%","inline"===r?`margin-left: ${c[a]}`:`margin-top: ${k[t][a]}`))),S=o.default.div.withConfig({displayName:"loader.style__StyledRingLoaderWrapper",componentId:"sc-aaaf19f2-8"})(["",""],(({loaderVariant:a})=>e.css(["display:flex;flex-direction:",";align-items:center;justify-content:center;width:",";"],"inline"===a?"row":"column","inline"===a?"auto":"100%"))),B=o.default.span.withConfig({displayName:"loader.style__StyledLabel",componentId:"sc-aaaf19f2-9"})(["",";"],(({inverse:a})=>e.css(["color:",";"," &{color:currentColor;}"],a?"rgba(255, 255, 255, 0.90)":"rgba(0, 0, 0, 0.90)",i.default)));exports.InnerBar=x,exports.OuterBar=g,exports.StyledLabel=B,exports.StyledLoader=u,exports.StyledLoaderLabel=b,exports.StyledLoaderPlaceholder=f,exports.StyledRingCircleSvg=y,exports.StyledRingLoaderWrapper=S,exports.StyledStarLoaderWrapper=w,exports.StyledStars=v;

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

@@ -2,6 +2,8 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 export interface NoteProps extends MarginProps, TagProps {
+    /** The aria-label to be used when no title is present */
+    "aria-label"?: string;
     /** Adds a created on date to the Note footer */
     createdDate: string;
     /** renders a control for the Note */
@@ -24,5 +26,5 @@ export interface NoteProps extends MarginProps, TagProps {
     /** Set a percentage-based width for the whole Note component, relative to its parent. */
     width?: number;
 }
-export declare const Note: ({ createdDate, inlineControl, name, noteContent, onLinkAdded, previews, status, title, width, ...rest }: NoteProps) => React.JSX.Element;
+export declare const Note: ({ "aria-label": ariaLabel, createdDate, inlineControl, name, noteContent, onLinkAdded, previews, status, title, width, ...rest }: NoteProps) => React.JSX.Element;
 export default Note;

package/lib/components/note/note.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("./note.style.js"),o=require("./__internal__/status-icon/status-icon.component.js"),i=require("../action-popover/action-popover.component.js");require("../action-popover/action-popover-menu/action-popover-menu.component.js"),require("../action-popover/action-popover-item/action-popover-item.component.js"),require("../action-popover/action-popover-menu-button/action-popover-menu-button.component.js"),require("../action-popover/action-popover-divider/action-popover-divider.component.js");var a=require("../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),l=require("../text-editor/text-editor.context.js"),p=require("../link-preview/link-preview.component.js"),c=require("../typography/typography.component.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(t),y=u(n);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}const m=t=>{var n,u,{createdDate:f,inlineControl:m,name:v,noteContent:h,onLinkAdded:b,previews:O,status:x,title:g,width:w=100}=t,_=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,["createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return y.default(w>0,"<Note> width must be greater than 0"),y.default(!m||d.default.isValidElement(m)&&m.type===i.ActionPopover,"<Note> inlineControl must be an instance of <ActionPopover>"),e.jsx(l.default.Provider,{value:{onLinkAdded:b},children:e.jsxs(r.StyledNote,(n=j({width:w},_,s.default("note",_)),u={children:[e.jsxs(r.StyledNoteMain,{children:[e.jsxs(r.StyledNoteContent,{children:[g&&("string"==typeof g?e.jsx(c.Typography,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h3",children:g}):e.jsx(r.StyledTitleWrapper,{children:g})),e.jsx(a.default,{initialValue:h,useBackgroundColor:!1})]}),m&&e.jsx(r.StyledInlineControl,{children:m})]}),e.jsx(r.StyledNoteContent,{children:d.default.Children.map(O,(e=>{return d.default.isValidElement(e)&&(t=e,n=p.LinkPreview.displayName,t.type.displayName===n)?d.default.cloneElement(e,{as:"a",onClose:void 0}):e;var t,n}))}),f&&e.jsx(r.StyledNoteContent,{hasPreview:!!d.default.Children.count(O),children:e.jsxs(r.StyledFooter,{"data-element":"note-footer",children:[v&&e.jsx(r.StyledFooterContent,{hasName:!!v,children:v}),e.jsx(r.StyledFooterContent,{hasName:!!v,children:f}),(()=>{if(!x)return null;const{text:t,timeStamp:n}=x;return e.jsx(r.StyledFooterContent,{hasName:!!v,"data-component":"note-status",children:e.jsx(o.default,{tooltipMessage:n,children:t})})})()]})})]},u=null!=u?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(u)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(u)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(u,e))})),n))})};exports.Note=m,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("./note.style.js"),o=require("./__internal__/status-icon/status-icon.component.js"),i=require("../action-popover/action-popover.component.js");require("../action-popover/action-popover-menu/action-popover-menu.component.js"),require("../action-popover/action-popover-item/action-popover-item.component.js"),require("../action-popover/action-popover-menu-button/action-popover-menu-button.component.js"),require("../action-popover/action-popover-divider/action-popover-divider.component.js");var a=require("../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),l=require("../text-editor/text-editor.context.js"),p=require("../link-preview/link-preview.component.js"),c=require("../typography/typography.component.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(t),y=u(r);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}function j(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){f(e,t,r[t])}))}return e}const m=t=>{var r,u,{"aria-label":f,createdDate:m,inlineControl:v,name:h,noteContent:b,onLinkAdded:O,previews:x,status:g,title:w,width:_=100}=t,P=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-label","createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return y.default(_>0,"<Note> width must be greater than 0"),y.default(!v||d.default.isValidElement(v)&&v.type===i.ActionPopover,"<Note> inlineControl must be an instance of <ActionPopover>"),e.jsx(l.default.Provider,{value:{onLinkAdded:O},children:e.jsxs(n.StyledNote,(r=j({width:_},P,s.default("note",P)),u={children:[e.jsxs(n.StyledNoteMain,{children:[e.jsxs(n.StyledNoteContent,{children:[w&&("string"==typeof w?e.jsx(c.Typography,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h3",children:w}):e.jsx(n.StyledTitleWrapper,{children:w})),e.jsx(a.default,{"aria-label":f,initialValue:b,useBackgroundColor:!1})]}),v&&e.jsx(n.StyledInlineControl,{children:v})]}),e.jsx(n.StyledNoteContent,{children:d.default.Children.map(x,(e=>{return d.default.isValidElement(e)&&(t=e,r=p.LinkPreview.displayName,t.type.displayName===r)?d.default.cloneElement(e,{as:"a",onClose:void 0}):e;var t,r}))}),m&&e.jsx(n.StyledNoteContent,{hasPreview:!!d.default.Children.count(x),children:e.jsxs(n.StyledFooter,{"data-element":"note-footer",children:[h&&e.jsx(n.StyledFooterContent,{hasName:!!h,children:h}),e.jsx(n.StyledFooterContent,{hasName:!!h,children:m}),(()=>{if(!g)return null;const{text:t,timeStamp:r}=g;return e.jsx(n.StyledFooterContent,{hasName:!!h,"data-component":"note-status",children:e.jsx(o.default,{tooltipMessage:r,children:t})})})()]})})]},u=null!=u?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(u)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(u)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(u,e))})),r))})};exports.Note=m,exports.default=m;

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

@@ -28,7 +28,7 @@ export interface PodProps extends MarginProps, TagProps {
     onDelete?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
     /** Supplies an undo action to the pod in soft delete state. */
     onUndo?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /** Sets softboolean; delete state */
+    /** Sets soft boolean delete state */
     softDelete?: boolean;
     /** Determines if the editable pod content should be full width */
     editContentFullWidth?: boolean;

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

@@ -59,7 +59,7 @@ export interface TabsProps extends MarginProps, TagProps {
     };
     /**
      * When this prop is set any string validation failures in the children of each Tab
-     * will be summaraised in the Tooltip next to the Tab title
+     * will be summarised in the Tooltip next to the Tab title
      * @deprecated This prop will be deprecated in a future release
      */
     showValidationsSummary?: boolean;

package/lib/components/text-editor/__internal__/__nodes__/mention.node.d.ts

@@ -27,6 +27,7 @@ export declare class MentionNode extends TextNode {
         version: number;
         mention: string;
         format: number;
+        $?: Record<string, unknown> | undefined;
         detail: number;
         mode: import("lexical").TextModeType;
         style: string;

package/lib/components/text-editor/__internal__/__nodes__/styled-span.node.d.ts

@@ -71,6 +71,7 @@ export declare class StyledSpanNode extends TextNode {
         fontWeight: string;
         fontSize: string;
         lineHeight: string;
+        $?: Record<string, unknown> | undefined;
         detail: number;
         format: number;
         mode: import("lexical").TextModeType;

package/lib/components/text-editor/__internal__/__nodes__/styled-span.node.js

@@ -1 +1 @@
-"use strict";var t=require("lexical");function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t.TextNode{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(t,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}exports.$createStyledSpanNode=function(t,e,i,r){return new n(t,e,i,r)},exports.$isStyledSpanNode=function(t){return t instanceof n},exports.StyledSpanNode=n;
+"use strict";var t=require("lexical");function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t.TextNode{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(this,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}exports.$createStyledSpanNode=function(t,e,i,r){return new n(t,e,i,r)},exports.$isStyledSpanNode=function(t){return t instanceof n},exports.StyledSpanNode=n;

package/lib/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TextEditorProps } from "../../__utils__/interfaces.types";
-declare const ReadOnlyEditor: ({ initialValue, namespace, size, useBackgroundColor, }: Partial<TextEditorProps> & {
+declare const ReadOnlyEditor: ({ "aria-label": ariaLabel, initialValue, namespace, size, useBackgroundColor, }: Partial<TextEditorProps> & {
     useBackgroundColor?: boolean;
 }) => React.JSX.Element;
 export default ReadOnlyEditor;

package/lib/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),i=require("@lexical/react/LexicalContentEditable"),t=require("@lexical/react/LexicalErrorBoundary"),a=require("@lexical/react/LexicalRichTextPlugin"),l=require("@lexical/react/LexicalLinkPlugin"),n=require("@lexical/react/LexicalClickableLinkPlugin"),o=require("../../__utils__/helpers.js"),u=require("react"),c=require("../../__utils__/theme.js"),s=require("../../__utils__/constants.js"),d=require("../../../../../__internal__/utils/logger/index.js"),x=require("../ContentEditor/content-editor.style.js"),_=require("../../__plugins__/AutoLinker/auto-link.component.js");require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("../../../text-editor.context.js"),require("lexical"),require("../../__plugins__/useCursorAtEnd/index.js");const p=e=>{let r;if(!e)return o.createFromHTML("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return o.createFromHTML(e);const r=`<p dir="ltr"><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return o.createFromHTML(r)}return e};exports.default=({initialValue:m,namespace:q="carbon-rte-readonly",size:j="medium",useBackgroundColor:L=!0})=>{const g=u.useMemo((()=>({namespace:q,nodes:s.MARKDOWN_NODES,onError:e=>d.default.error(e.message),theme:c.getTheme(),editorState:p(m),editable:!1})),[q,m]);return e.jsx(x.default,{namespace:q,readOnly:!0,size:j,useBackgroundColor:L,children:e.jsxs(r.LexicalComposer,{initialConfig:g,children:[e.jsx(a.RichTextPlugin,{contentEditable:e.jsx(i.ContentEditable,{"data-role":`${q}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:t.LexicalErrorBoundary}),e.jsx(l.LinkPlugin,{validateUrl:o.validateUrl}),e.jsx(n.ClickableLinkPlugin,{newTab:!0}),e.jsx(_.default,{})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),i=require("@lexical/react/LexicalContentEditable"),t=require("@lexical/react/LexicalErrorBoundary"),a=require("@lexical/react/LexicalRichTextPlugin"),l=require("@lexical/react/LexicalLinkPlugin"),n=require("@lexical/react/LexicalClickableLinkPlugin"),o=require("../../__utils__/helpers.js"),u=require("react"),c=require("../../__utils__/theme.js"),s=require("../../__utils__/constants.js"),d=require("../../../../../__internal__/utils/logger/index.js"),x=require("../ContentEditor/content-editor.style.js"),_=require("../../__plugins__/AutoLinker/auto-link.component.js");require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("../../../text-editor.context.js"),require("lexical"),require("../../__plugins__/useCursorAtEnd/index.js");const p=e=>{let r;if(!e)return o.createFromHTML("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return o.createFromHTML(e);const r=`<p><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return o.createFromHTML(r)}return e};exports.default=({"aria-label":m,initialValue:q,namespace:j="carbon-rte-readonly",size:L="medium",useBackgroundColor:g=!0})=>{const C=u.useMemo((()=>({namespace:j,nodes:s.MARKDOWN_NODES,onError:e=>d.default.error(e.message),theme:c.getTheme(),editorState:p(q),editable:!1})),[j,q]);return e.jsx(x.default,{namespace:j,readOnly:!0,size:L,useBackgroundColor:g,children:e.jsxs(r.LexicalComposer,{initialConfig:C,children:[e.jsx(a.RichTextPlugin,{contentEditable:e.jsx(i.ContentEditable,{"aria-label":m,"data-role":`${j}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:t.LexicalErrorBoundary}),e.jsx(l.LinkPlugin,{validateUrl:o.validateUrl}),e.jsx(n.ClickableLinkPlugin,{newTab:!0}),e.jsx(_.default,{})]})})};

package/lib/components/text-editor/__internal__/__ui__/Toolbar/buttons/list.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/list"),r=require("@lexical/react/LexicalComposerContext"),i=require("@lexical/utils"),n=require("lexical"),s=require("react"),o=require("../toolbar.style.js"),l=require("../../../../../../hooks/__internal__/useLocale/useLocale.js"),a=require("../../../__utils__/constants.js");exports.default=({namespace:d,olIsFirstButton:u,showOL:c=!0,showUL:g=!0,ulIsFirstButton:f,size:_="medium"})=>{const[m]=r.useLexicalComposerContext(),b=l.default(),[p,h]=s.useState(!1),[L,N]=s.useState(!1);s.useEffect((()=>i.mergeRegister(m.registerCommand(t.INSERT_ORDERED_LIST_COMMAND,(()=>(t.insertList(m,a.TEXT_EDITOR_ACTION_TYPES.OrderedList),!0)),n.COMMAND_PRIORITY_LOW),m.registerCommand(t.INSERT_UNORDERED_LIST_COMMAND,(()=>(t.insertList(m,a.TEXT_EDITOR_ACTION_TYPES.UnorderedList),!0)),n.COMMAND_PRIORITY_LOW),m.registerCommand(t.REMOVE_LIST_COMMAND,(()=>(t.removeList(m),!0)),n.COMMAND_PRIORITY_LOW))),[m]);const E=e=>{let r=e;for(;null!==r;){if(r instanceof t.ListItemNode)return r;r=null==r?void 0:r.getParent()}return null},T=s.useCallback((()=>{const e=n.$getSelection();if(!e)return h(!1),void N(!1);const r=e.getNodes();if(0===r.length)return h(!1),void N(!1);const i=r.map(E).find((e=>null!==e));if(!i)return h(!1),void N(!1);let s=i.getParent();for(;s&&!(s instanceof t.ListNode);)s=s.getParent();s instanceof t.ListNode?(h("number"===s.getListType()),N("bullet"===s.getListType())):(h(!1),N(!1))}),[]);s.useEffect((()=>i.mergeRegister(m.registerUpdateListener((({editorState:e})=>{e.read((()=>{m.isEditable()&&T()}))})))),[T,m]);const C=e=>{m.update((()=>{const r=n.$getSelection();if(!n.$isRangeSelection(r))return;let i=r.anchor.getNode().getParent();for(;i&&!t.$isListNode(i);)i=i.getParent();if(!i)return;const s=r.getNodes().map((e=>"list"===e.getType()?e:null)).filter((e=>null!==e));if(s.length>1)return o=e,void s.forEach((e=>{m.update((()=>{e.setListType(o)}))}));var o;const l=[],a=[],d=[],u=r.getNodes().map((e=>{let r=e.getParent();if(!t.$isListItemNode(r)){const e=null==r?void 0:r.getType();if(!e||!["link","autolink"].includes(e))return null;var n;r=null!==(n=null==r?void 0:r.getParent())&&void 0!==n?n:null}const s=null==r?void 0:r.getKey();return s!==(null==i?void 0:i.getKey())?s:null})).filter((e=>null!=e)),c=i.getChildrenKeys(),g=Array.from(new Set(u)),{beforeSubset:f,subset:_,afterSubset:b}=function(e,t){let r=-1;for(let i=0;i<=e.length-t.length;i++)if(e.slice(i,i+t.length).toString()===t.toString()){r=i;break}if(-1===r)throw new Error("Subset B not found in array A");return 0===r&&t.length===e.length?{beforeSubset:[],subset:e,afterSubset:[]}:{beforeSubset:e.slice(0,r),subset:e.slice(r,r+t.length),afterSubset:e.slice(r+t.length)}}(c,g);f.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&l.push(r)})),_.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&a.push(r)})),b.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&d.push(r)}));const p=i.getListType(),h=t.$createListNode(p),L=t.$createListNode(e),N=t.$createListNode(p);h.append(...l),L.append(...a),N.append(...d),h.getChildren().length>0&&i.insertBefore(h),L.getChildren().length>0&&(h.getChildren().length>0?h.insertAfter(L):i.insertBefore(L)),N.getChildren().length>0&&(L.getChildren().length>0?L.insertAfter(N):h.getChildren().length>0?h.insertAfter(N):i.insertBefore(N)),i.remove()}))};return e.jsxs(e.Fragment,{children:[g&&e.jsx(o.FormattingButton,{size:_,"aria-label":b.textEditor.unorderedListAria(),onClick:()=>p?C("bullet"):void(m.isEditable()&&(L?(m.dispatchCommand(t.REMOVE_LIST_COMMAND,void 0),N(!1)):(m.dispatchCommand(t.INSERT_UNORDERED_LIST_COMMAND,void 0),N(!0)),h(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_dotted",buttonType:L?"primary":"tertiary",isActive:L,"aria-pressed":L,"data-role":`${d}-unordered-list-button`,id:`${d}-unordered-list-button`,tabIndex:f?0:-1,className:"toolbar-button"}),c&&e.jsx(o.FormattingButton,{size:_,"aria-label":b.textEditor.orderedListAria(),onClick:()=>L?C("number"):void(m.isEditable()&&(p?(m.dispatchCommand(t.REMOVE_LIST_COMMAND,void 0),h(!1)):(m.dispatchCommand(t.INSERT_ORDERED_LIST_COMMAND,void 0),h(!0)),N(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_numbers",buttonType:p?"primary":"tertiary",isActive:p,"aria-pressed":p,"data-role":`${d}-ordered-list-button`,id:`${d}-ordered-list-button`,tabIndex:u?0:-1,className:"toolbar-button"})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/list"),r=require("@lexical/react/LexicalComposerContext"),i=require("@lexical/utils"),n=require("lexical"),s=require("react"),o=require("../toolbar.style.js"),l=require("../../../../../../hooks/__internal__/useLocale/useLocale.js"),a=require("../../../__utils__/constants.js");exports.default=({namespace:d,olIsFirstButton:u,showOL:c=!0,showUL:g=!0,ulIsFirstButton:f,size:_="medium"})=>{const[m]=r.useLexicalComposerContext(),b=l.default(),[p,h]=s.useState(!1),[L,N]=s.useState(!1);s.useEffect((()=>i.mergeRegister(m.registerCommand(t.INSERT_ORDERED_LIST_COMMAND,(()=>(t.$insertList(a.TEXT_EDITOR_ACTION_TYPES.OrderedList),!0)),n.COMMAND_PRIORITY_LOW),m.registerCommand(t.INSERT_UNORDERED_LIST_COMMAND,(()=>(t.$insertList(a.TEXT_EDITOR_ACTION_TYPES.UnorderedList),!0)),n.COMMAND_PRIORITY_LOW),m.registerCommand(t.REMOVE_LIST_COMMAND,(()=>(t.$removeList(),!0)),n.COMMAND_PRIORITY_LOW))),[m]);const E=e=>{let r=e;for(;null!==r;){if(r instanceof t.ListItemNode)return r;r=null==r?void 0:r.getParent()}return null},T=s.useCallback((()=>{const e=n.$getSelection();if(!e)return h(!1),void N(!1);const r=e.getNodes();if(0===r.length)return h(!1),void N(!1);const i=r.map(E).find((e=>null!==e));if(!i)return h(!1),void N(!1);let s=i.getParent();for(;s&&!(s instanceof t.ListNode);)s=s.getParent();s instanceof t.ListNode?(h("number"===s.getListType()),N("bullet"===s.getListType())):(h(!1),N(!1))}),[]);s.useEffect((()=>i.mergeRegister(m.registerUpdateListener((({editorState:e})=>{e.read((()=>{m.isEditable()&&T()}))})))),[T,m]);const C=e=>{m.update((()=>{const r=n.$getSelection();if(!n.$isRangeSelection(r))return;let i=r.anchor.getNode().getParent();for(;i&&!t.$isListNode(i);)i=i.getParent();if(!i)return;const s=r.getNodes().map((e=>"list"===e.getType()?e:null)).filter((e=>null!==e));if(s.length>1)return o=e,void s.forEach((e=>{m.update((()=>{e.setListType(o)}))}));var o;const l=[],a=[],d=[],u=r.getNodes().map((e=>{let r=e.getParent();if(!t.$isListItemNode(r)){const e=null==r?void 0:r.getType();if(!e||!["link","autolink"].includes(e))return null;var n;r=null!==(n=null==r?void 0:r.getParent())&&void 0!==n?n:null}const s=null==r?void 0:r.getKey();return s!==(null==i?void 0:i.getKey())?s:null})).filter((e=>null!=e)),c=i.getChildrenKeys(),g=Array.from(new Set(u)),{beforeSubset:f,subset:_,afterSubset:b}=function(e,t){let r=-1;for(let i=0;i<=e.length-t.length;i++)if(e.slice(i,i+t.length).toString()===t.toString()){r=i;break}if(-1===r)throw new Error("Subset B not found in array A");return 0===r&&t.length===e.length?{beforeSubset:[],subset:e,afterSubset:[]}:{beforeSubset:e.slice(0,r),subset:e.slice(r,r+t.length),afterSubset:e.slice(r+t.length)}}(c,g);f.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&l.push(r)})),_.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&a.push(r)})),b.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&d.push(r)}));const p=i.getListType(),h=t.$createListNode(p),L=t.$createListNode(e),N=t.$createListNode(p);h.append(...l),L.append(...a),N.append(...d),h.getChildren().length>0&&i.insertBefore(h),L.getChildren().length>0&&(h.getChildren().length>0?h.insertAfter(L):i.insertBefore(L)),N.getChildren().length>0&&(L.getChildren().length>0?L.insertAfter(N):h.getChildren().length>0?h.insertAfter(N):i.insertBefore(N)),i.remove()}))};return e.jsxs(e.Fragment,{children:[g&&e.jsx(o.FormattingButton,{size:_,"aria-label":b.textEditor.unorderedListAria(),onClick:()=>p?C("bullet"):void(m.isEditable()&&(L?(m.dispatchCommand(t.REMOVE_LIST_COMMAND,void 0),N(!1)):(m.dispatchCommand(t.INSERT_UNORDERED_LIST_COMMAND,void 0),N(!0)),h(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_dotted",buttonType:L?"primary":"tertiary",isActive:L,"aria-pressed":L,"data-role":`${d}-unordered-list-button`,id:`${d}-unordered-list-button`,tabIndex:f?0:-1,className:"toolbar-button"}),c&&e.jsx(o.FormattingButton,{size:_,"aria-label":b.textEditor.orderedListAria(),onClick:()=>L?C("number"):void(m.isEditable()&&(p?(m.dispatchCommand(t.REMOVE_LIST_COMMAND,void 0),h(!1)):(m.dispatchCommand(t.INSERT_ORDERED_LIST_COMMAND,void 0),h(!0)),N(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_numbers",buttonType:p?"primary":"tertiary",isActive:p,"aria-pressed":p,"data-role":`${d}-ordered-list-button`,id:`${d}-ordered-list-button`,tabIndex:u?0:-1,className:"toolbar-button"})]})};

package/lib/components/text-editor/__internal__/__utils__/interfaces.types.d.ts

@@ -7,6 +7,8 @@ export interface TextEditorHandle {
     focus: () => void;
 }
 export interface TextEditorProps extends MarginProps, TagProps {
+    /** The aria-label to be rendered when in read-only mode */
+    "aria-label"?: string;
     /** The maximum number of characters allowed in the editor */
     characterLimit?: number;
     /** The message to be shown when the editor is in an error state */

package/lib/components/text-editor/text-editor.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalErrorBoundary"),i=require("@lexical/react/LexicalHistoryPlugin"),a=require("@lexical/react/LexicalMarkdownShortcutPlugin"),l=require("@lexical/react/LexicalRichTextPlugin"),o=require("@lexical/react/LexicalLinkPlugin"),s=require("@lexical/react/LexicalListPlugin"),u=require("@lexical/react/LexicalOnChangePlugin"),c=require("lexical"),d=require("react"),_=require("../../__internal__/label/label.component.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),x=require("../../__internal__/utils/logger/index.js"),g=require("./__internal__/__utils__/constants.js"),j=require("./__internal__/__plugins__/AutoLinker/auto-link.component.js"),f=require("./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js"),m=require("./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js");require("./__internal__/__plugins__/useCursorAtEnd/index.js");var h=require("./text-editor.context.js"),v=require("./text-editor.style.js"),b=require("./__internal__/__utils__/helpers.js"),y=require("../../__internal__/hint-text/hint-text.component.js"),q=require("../../__internal__/validation-message/validation-message.component.js"),w=require("../textbox/textbox.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var P=require("../../style/utils/filter-styled-system-margin-props.js"),O=require("../../__internal__/utils/helpers/tags/tags.js"),E=require("./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),L=require("./__internal__/__utils__/theme.js"),T=require("./__internal__/__ui__/CharacterCounter/character-counter.component.js"),C=require("./__internal__/__ui__/ContentEditor/content-editor.component.js");require("./__internal__/__ui__/LinkPreviewer/link-previewer.style.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("./__internal__/__ui__/Mentions/constants.js"),require("./__internal__/__ui__/Mentions/mentions.style.js"),require("../tooltip/tooltip.component.js"),require("../portrait/portrait.style.js");var S=require("./__internal__/__ui__/Placeholder/placeholder.component.js"),k=require("./__internal__/__ui__/Toolbar/toolbar.component.js");function M(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function $(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){M(e,r,t[r])}))}return e}let F=!1,H=!1,R=!1;const B=d.forwardRef(((M,B)=>{var z,A,D,{characterLimit:I=3e3,error:W,footer:N,header:V,inputHint:U,labelText:K,namespace:X=g.COMPONENT_PREFIX,onBlur:G,onCancel:J,onChange:Q,onFocus:Y,onLinkAdded:Z,onSave:ee,placeholder:re,previews:te=[],readOnly:ne=!1,required:ie=!1,rows:ae,size:le="medium",warning:oe,customPlugins:se,validationMessagePositionTop:ue=!1,toolbarControls:ce}=M,de=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(M,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!F&&de.value&&(F=!0,x.default.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!H&&J&&(H=!0,x.default.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!R&&ee&&(R=!0,x.default.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const _e=d.useRef(null!==(D=null!==(A=de.initialValue)&&void 0!==A?A:de.value)&&void 0!==D?D:b.createEmpty()),pe=p.default(),[xe,ge]=d.useState(void 0),je=d.useRef(null),[fe,me]=d.useState(!1);d.useImperativeHandle(B,(()=>({focus(){var e;null===(e=je.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==je?void 0:je.current,r=()=>{me(!0)},t=()=>{me(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[je]);const he=d.useMemo((()=>({namespace:X,nodes:g.MARKDOWN_NODES,onError:e=>x.default.error(e.message),theme:L.getTheme(),editorState:_e.current,editable:!ne})),[X,ne]),ve=d.useCallback(((e,r)=>{const t=e.read((()=>c.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(Q){const e=b.SerializeLexical(r);null==Q||Q(t,e)}if(I>0){const e=I-t.length;ge(e<0?pe.textEditor.characterLimit(Math.abs(e)):void 0)}}),[I,pe.textEditor,Q]),be=d.useCallback((e=>{if(!e.isEditable())return;if(!J)return;const r=e.parseEditorState(_e.current);e.setEditorState(r),J()}),[J]),ye=d.useMemo((()=>({namespace:X,onCancel:J?be:void 0,onSave:ee,toolbarControls:ce})),[be,X,J,ee,ce]),qe=oe||xe,we=()=>{switch(le){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e.jsx(v.StyledTextEditorWrapper,(Pe=$({"data-role":`${X}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==G||G(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==Y||Y(e)}},P.default(de),O.default("text-editor",de)),Oe=null!=(Oe={children:e.jsxs(h.default.Provider,{value:{onLinkAdded:Z},children:[e.jsx(_.default,{isRequired:ie,labelId:`${X}-label`,children:K}),U&&!ne&&e.jsx(y.HintText,{id:`${X}-input-hint`,marginBottom:we(),children:U}),e.jsx(r.LexicalComposer,{initialConfig:he,children:e.jsxs(v.StyledWrapper,{"data-role":`${X}-wrapper`,children:[ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),e.jsxs(v.StyledEditorToolbarWrapper,{"data-role":`${X}-editor-toolbar-wrapper`,error:!!W,id:`${X}-editor-toolbar-wrapper`,children:[V&&e.jsx(v.StyledHeaderWrapper,{"data-role":`${X}-header-wrapper`,children:V}),ne?e.jsx(E.default,{initialValue:(null===(z=je.current)||void 0===z?void 0:z.innerHTML)||_e.current,size:le}):e.jsxs(e.Fragment,{children:[e.jsx(k.default,$({contentEditorRef:je,hasHeader:Boolean(V),size:le},ye)),e.jsxs(v.StyledTextEditor,{"data-role":`${X}-editor`,error:!!W,children:[e.jsx(l.RichTextPlugin,{contentEditable:e.jsx(C.default,{ref:je,inputHint:U,isFocused:fe,namespace:X,previews:te,rows:ae,readOnly:ne,required:ie,error:!!W,warning:!!oe||!!xe,validationMessagePositionTop:ue,size:le}),placeholder:e.jsx(S.default,{namespace:X,text:re}),ErrorBoundary:n.LexicalErrorBoundary}),e.jsx(s.ListPlugin,{}),e.jsx(i.HistoryPlugin,{}),e.jsx(a.MarkdownShortcutPlugin,{}),e.jsx(u.OnChangePlugin,{onChange:ve,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e.jsx(o.LinkPlugin,{validateUrl:b.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(j.default,{}),e.jsx(m.default,{}),se]})]}),N&&e.jsx(v.StyledFooterWrapper,{"data-role":`${X}-footer-wrapper`,size:le,children:N}),e.jsx(f.default,{})]}),!ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),I>0&&!ne&&e.jsx(T.default,{isFocused:fe,maxChars:I,namespace:X,marginTop:we()})]})})]})})?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Pe,Object.getOwnPropertyDescriptors(Oe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Oe)).forEach((function(e){Object.defineProperty(Pe,e,Object.getOwnPropertyDescriptor(Oe,e))})),Pe));var Pe,Oe}));exports.TextEditor=B,exports.default=B;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalErrorBoundary"),i=require("@lexical/react/LexicalHistoryPlugin"),a=require("@lexical/react/LexicalMarkdownShortcutPlugin"),l=require("@lexical/react/LexicalRichTextPlugin"),o=require("@lexical/react/LexicalLinkPlugin"),s=require("@lexical/react/LexicalListPlugin"),u=require("@lexical/react/LexicalOnChangePlugin"),c=require("lexical"),d=require("react"),_=require("../../__internal__/label/label.component.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),x=require("../../__internal__/utils/logger/index.js"),g=require("./__internal__/__utils__/constants.js"),j=require("./__internal__/__plugins__/AutoLinker/auto-link.component.js"),f=require("./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js"),m=require("./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js");require("./__internal__/__plugins__/useCursorAtEnd/index.js");var h=require("./text-editor.context.js"),v=require("./text-editor.style.js"),b=require("./__internal__/__utils__/helpers.js"),y=require("../../__internal__/hint-text/hint-text.component.js"),q=require("../../__internal__/validation-message/validation-message.component.js"),w=require("../textbox/textbox.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var P=require("../../style/utils/filter-styled-system-margin-props.js"),O=require("../../__internal__/utils/helpers/tags/tags.js"),E=require("./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),L=require("./__internal__/__utils__/theme.js"),T=require("./__internal__/__ui__/CharacterCounter/character-counter.component.js"),C=require("./__internal__/__ui__/ContentEditor/content-editor.component.js");require("./__internal__/__ui__/LinkPreviewer/link-previewer.style.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("./__internal__/__ui__/Mentions/constants.js"),require("./__internal__/__ui__/Mentions/mentions.style.js"),require("../tooltip/tooltip.component.js"),require("../portrait/portrait.style.js");var S=require("./__internal__/__ui__/Placeholder/placeholder.component.js"),k=require("./__internal__/__ui__/Toolbar/toolbar.component.js");function M(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function $(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){M(e,r,t[r])}))}return e}let F=!1,H=!1,R=!1;const B=d.forwardRef(((M,B)=>{var z,A,D,{characterLimit:I=3e3,error:W,footer:N,header:V,inputHint:U,labelText:K,namespace:X=g.COMPONENT_PREFIX,onBlur:G,onCancel:J,onChange:Q,onFocus:Y,onLinkAdded:Z,onSave:ee,placeholder:re,previews:te=[],readOnly:ne=!1,required:ie=!1,rows:ae,size:le="medium",warning:oe,customPlugins:se,validationMessagePositionTop:ue=!1,toolbarControls:ce}=M,de=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(M,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!F&&de.value&&(F=!0,x.default.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!H&&J&&(H=!0,x.default.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!R&&ee&&(R=!0,x.default.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const _e=d.useRef(null!==(D=null!==(A=de.initialValue)&&void 0!==A?A:de.value)&&void 0!==D?D:b.createEmpty()),pe=p.default(),[xe,ge]=d.useState(void 0),je=d.useRef(null),[fe,me]=d.useState(!1);d.useImperativeHandle(B,(()=>({focus(){var e;null===(e=je.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==je?void 0:je.current,r=()=>{me(!0)},t=()=>{me(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[je]);const he=d.useMemo((()=>({namespace:X,nodes:g.MARKDOWN_NODES,onError:e=>x.default.error(e.message),theme:L.getTheme(),editorState:_e.current,editable:!ne})),[X,ne]),ve=d.useCallback(((e,r)=>{const t=e.read((()=>c.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(Q){const e=b.SerializeLexical(r);null==Q||Q(t,e)}if(I>0){const e=I-t.length;ge(e<0?pe.textEditor.characterLimit(Math.abs(e)):void 0)}}),[I,pe.textEditor,Q]),be=d.useCallback((e=>{if(!e.isEditable())return;if(!J)return;const r=e.parseEditorState(_e.current);e.setEditorState(r),J()}),[J]),ye=d.useMemo((()=>({namespace:X,onCancel:J?be:void 0,onSave:ee,toolbarControls:ce})),[be,X,J,ee,ce]),qe=oe||xe,we=()=>{switch(le){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e.jsx(v.StyledTextEditorWrapper,(Pe=$({"data-role":`${X}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==G||G(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==Y||Y(e)}},P.default(de),O.default("text-editor",de)),Oe=null!=(Oe={children:e.jsxs(h.default.Provider,{value:{onLinkAdded:Z},children:[e.jsx(_.default,{isRequired:ie,labelId:`${X}-label`,children:K}),U&&!ne&&e.jsx(y.HintText,{id:`${X}-input-hint`,marginBottom:we(),children:U}),e.jsx(r.LexicalComposer,{initialConfig:he,children:e.jsxs(v.StyledWrapper,{"data-role":`${X}-wrapper`,children:[ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),e.jsxs(v.StyledEditorToolbarWrapper,{"data-role":`${X}-editor-toolbar-wrapper`,error:!!W,id:`${X}-editor-toolbar-wrapper`,children:[V&&e.jsx(v.StyledHeaderWrapper,{"data-role":`${X}-header-wrapper`,children:V}),ne?e.jsx(E.default,{"aria-label":K,initialValue:(null===(z=je.current)||void 0===z?void 0:z.innerHTML)||_e.current,size:le}):e.jsxs(e.Fragment,{children:[e.jsx(k.default,$({contentEditorRef:je,hasHeader:Boolean(V),size:le},ye)),e.jsxs(v.StyledTextEditor,{"data-role":`${X}-editor`,error:!!W,children:[e.jsx(l.RichTextPlugin,{contentEditable:e.jsx(C.default,{ref:je,inputHint:U,isFocused:fe,namespace:X,previews:te,rows:ae,readOnly:ne,required:ie,error:!!W,warning:!!oe||!!xe,validationMessagePositionTop:ue,size:le}),placeholder:e.jsx(S.default,{namespace:X,text:re}),ErrorBoundary:n.LexicalErrorBoundary}),e.jsx(s.ListPlugin,{}),e.jsx(i.HistoryPlugin,{}),e.jsx(a.MarkdownShortcutPlugin,{}),e.jsx(u.OnChangePlugin,{onChange:ve,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e.jsx(o.LinkPlugin,{validateUrl:b.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(j.default,{}),e.jsx(m.default,{}),se]})]}),N&&e.jsx(v.StyledFooterWrapper,{"data-role":`${X}-footer-wrapper`,size:le,children:N}),e.jsx(f.default,{})]}),!ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),I>0&&!ne&&e.jsx(T.default,{isFocused:fe,maxChars:I,namespace:X,marginTop:we()})]})})]})})?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Pe,Object.getOwnPropertyDescriptors(Oe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Oe)).forEach((function(e){Object.defineProperty(Pe,e,Object.getOwnPropertyDescriptor(Oe,e))})),Pe));var Pe,Oe}));exports.TextEditor=B,exports.default=B;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "158.12.0",
+  "version": "158.13.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -180,7 +180,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-swc3": "^0.12.1",
     "rollup-plugin-visualizer": "^5.14.0",
-    "semantic-release": "^24.2.3",
+    "semantic-release": "^25.0.2",
     "semver": "^7.5.4",
     "storybook": "~8.6.12",
     "storybook-addon-pseudo-states": "~4.0.2",
@@ -196,10 +196,10 @@
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
     "@floating-ui/dom": "~1.2.9",
     "@floating-ui/react-dom": "~1.3.0",
-    "@lexical/headless": "^0.21.0",
-    "@lexical/link": "^0.21.0",
-    "@lexical/react": "^0.21.0",
-    "@lexical/selection": "^0.21.0",
+    "@lexical/headless": "0.38.2",
+    "@lexical/link": "0.38.2",
+    "@lexical/react": "0.38.2",
+    "@lexical/selection": "0.38.2",
     "@styled-system/prop-types": "^5.1.5",
     "@tanstack/react-virtual": "^3.13.12",
     "@types/styled-system": "^5.1.22",
@@ -208,7 +208,7 @@
     "date-fns": "^4.1.0",
     "immutable": "~3.8.2",
     "invariant": "^2.2.4",
-    "lexical": "^0.21.0",
+    "lexical": "0.38.2",
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
     "react-day-picker": "~9.3.2",

package/esm/components/button/__internal__/button.context.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface ButtonContextProps {
-    isInsideTypicalButton?: boolean;
-    isInsideDestructiveButton?: boolean;
-    isInsidePrimaryButton?: boolean;
-}
-declare const _default: React.Context<ButtonContextProps>;
-export default _default;

package/esm/components/button/__internal__/button.context.js

@@ -1 +0,0 @@
-import t from"react";var e=t.createContext({});export{e as default};

package/lib/components/button/__internal__/button.context.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface ButtonContextProps {
-    isInsideTypicalButton?: boolean;
-    isInsideDestructiveButton?: boolean;
-    isInsidePrimaryButton?: boolean;
-}
-declare const _default: React.Context<ButtonContextProps>;
-export default _default;

package/lib/components/button/__internal__/button.context.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({});exports.default=t;