carbon-react 158.46.2 → 158.46.4

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

@@ -1 +1 @@
-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};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import"react";import{StyledRingLoaderWrapper as a,StyledRingCircleSvg as r,StyledGradientFill as n,StyledLoaderLabel as l}from"../loader.style.js";import t from"../../../../hooks/__internal__/useLocale/useLocale.js";const o=e=>e||.8,s=({inverse:s,size:d,variant:c,hasMotion:m,isTracked:h,animationTime:u,loaderLabel:g,showLabel:k,isSuccess:f,isError:p})=>{const v=t(),b="ai-stacked"===c||"ai-inline"===c,x="inline"===c||"ai-inline"===c?"inline":"stacked",T=d&&["extra-small","small","large"].includes(d)?d:"medium";return e(a,{loaderVariant:x,"data-role":"ring-loader-container",children:[e(r,{inverse:s,role:"presentation",size:T,variant:x,hasMotion:m,isTracked:h,animationTime:o(u),viewBox:"0 0 24 24",isSuccess:f,isError:p,isGradientVariant:b,children:[b&&i("defs",{children:e("mask",{id:"ai-ring-mask",children:[i("rect",{width:"24",height:"24",fill:"black"}),i("circle",{"data-role":"gradient-mask-arc"})]})}),i("circle",{"data-role":"outer-arc"}),b?i("foreignObject",{x:"0",y:"0",width:"24",height:"24",mask:"url(#ai-ring-mask)",children:i(n,{"data-role":"gradient-fill"})}):i("circle",{"data-role":"inner-arc"})]}),k&&i(l,{inverse:s,"data-role":"loader-label",variant:"span",loaderVariant:x,loaderType:"ring",$size:T,children:g||(null==v?void 0:v.loader.loading())})]})};export{s as default};

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
-type LOADER_VARIANTS = "typical" | "ai" | "stacked" | "inline";
+type LOADER_VARIANTS = "typical" | "ai" | "stacked" | "inline" | "ai-stacked" | "ai-inline";
 type LOADER_SIZES = "extra-small" | "small" | "medium" | "large";
 type LOADER_TYPES = "standalone" | "ring" | "star";
 type CommonLoaderProps = {

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

@@ -26,6 +26,7 @@ interface RingSvgProps {
     isError?: boolean;
 }
 export declare const StyledRingCircleSvg: import("styled-components").StyledComponent<"svg", any, RingSvgProps, never>;
+export declare const StyledGradientFill: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledStars: import("styled-components").StyledComponent<"div", any, {}, never>;
 type LabelProps = {
     $size?: string;

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

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

package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as a,useCallback as n,useMemo as c}from"react";import{useLexicalComposerContext as i}from"@lexical/react/LexicalComposerContext";import{$getRoot as l}from"lexical";import{StyledCharacterCounter as m,VisuallyHiddenCharacterCounter as s}from"./character-counter.style.js";import u from"../../../../../hooks/__internal__/useDebounce/useDebounce.js";import p from"../../../../../hooks/__internal__/useLocale/useLocale.js";const d=({isFocused:d,maxChars:h,namespace:f,marginTop:x})=>{const[_,g]=o(""),[C]=i();a((()=>{C.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=l().getChildren().map((e=>e.getTextContent())).join("\n\n");g(e)}))}))}),[C]);const j=p(),L=n((e=>new Intl.NumberFormat(j.locale()).format(e)),[j]),[b,v]=o(0),T=c((()=>{const e=h-(_?_.length:0);return e>=0?e:0}),[_,h]),k=u((e=>{v(e||0)}),2e3);return a((()=>{k(T)}),[T,k]),e(r,{children:[t(m,{"data-role":`${f}-character-limit`,marginTop:null!=x?x:"var(--spacing050)",children:j.textEditor.characterCounter(L(T))}),t(s,{id:`${f}-live-character-counter`,"aria-live":d?"polite":"off",children:j.textEditor.characterCounter(L(b))})]})};export{d as default};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as a,useCallback as n,useMemo as i}from"react";import{useLexicalComposerContext as c}from"@lexical/react/LexicalComposerContext";import{$getRoot as l}from"lexical";import{StyledCharacterCounter as m,VisuallyHiddenCharacterCounter as s}from"./character-counter.style.js";import d from"../../../../../hooks/__internal__/useDebounce/useDebounce.js";import u from"../../../../../hooks/__internal__/useLocale/useLocale.js";const h=({isFocused:h,maxChars:p,namespace:f,marginTop:x})=>{const[_,g]=o(""),[C]=c();a((()=>{C.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=l().getChildren().map((e=>e.getTextContent())).join("\n\n");g(e)}))}))}),[C]);const j=u(),v=n((e=>new Intl.NumberFormat(j.locale()).format(e)),[j]),[L,b]=o(p),T=i((()=>{const e=p-(_?_.length:0);return e>=0?e:0}),[_,p]),$=d((e=>{b(e||0)}),2e3);return a((()=>{$(T)}),[T,$]),e(r,{children:[t(m,{"data-role":`${f}-character-limit`,marginTop:null!=x?x:"var(--spacing050)","aria-hidden":"true",children:j.textEditor.characterCounter(v(T))}),t(s,{"data-role":`${f}-hidden-live-character-counter`,id:`${f}-hidden-live-character-counter`,"aria-live":h?"polite":"off",children:j.textEditor.characterCounter(v(L))})]})};export{h as default};

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 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())})]})};
+"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:l,size:s,variant:n,hasMotion:t,isTracked:d,animationTime:o,loaderLabel:c,showLabel:u,isSuccess:x,isError:h})=>{const j=a.default(),g="ai-stacked"===n||"ai-inline"===n,m="inline"===n||"ai-inline"===n?"inline":"stacked",v=s&&["extra-small","small","large"].includes(s)?s:"medium";return e.jsxs(r.StyledRingLoaderWrapper,{loaderVariant:m,"data-role":"ring-loader-container",children:[e.jsxs(r.StyledRingCircleSvg,{inverse:l,role:"presentation",size:v,variant:m,hasMotion:t,isTracked:d,animationTime:i(o),viewBox:"0 0 24 24",isSuccess:x,isError:h,isGradientVariant:g,children:[g&&e.jsx("defs",{children:e.jsxs("mask",{id:"ai-ring-mask",children:[e.jsx("rect",{width:"24",height:"24",fill:"black"}),e.jsx("circle",{"data-role":"gradient-mask-arc"})]})}),e.jsx("circle",{"data-role":"outer-arc"}),g?e.jsx("foreignObject",{x:"0",y:"0",width:"24",height:"24",mask:"url(#ai-ring-mask)",children:e.jsx(r.StyledGradientFill,{"data-role":"gradient-fill"})}):e.jsx("circle",{"data-role":"inner-arc"})]}),u&&e.jsx(r.StyledLoaderLabel,{inverse:l,"data-role":"loader-label",variant:"span",loaderVariant:m,loaderType:"ring",$size:v,children:c||(null==j?void 0:j.loader.loading())})]})};

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
-type LOADER_VARIANTS = "typical" | "ai" | "stacked" | "inline";
+type LOADER_VARIANTS = "typical" | "ai" | "stacked" | "inline" | "ai-stacked" | "ai-inline";
 type LOADER_SIZES = "extra-small" | "small" | "medium" | "large";
 type LOADER_TYPES = "standalone" | "ring" | "star";
 type CommonLoaderProps = {

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

@@ -26,6 +26,7 @@ interface RingSvgProps {
     isError?: boolean;
 }
 export declare const StyledRingCircleSvg: import("styled-components").StyledComponent<"svg", any, RingSvgProps, never>;
+export declare const StyledGradientFill: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledStars: import("styled-components").StyledComponent<"div", any, {}, never>;
 type LabelProps = {
     $size?: string;

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

package/lib/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@lexical/react/LexicalComposerContext"),a=require("lexical"),o=require("./character-counter.style.js"),n=require("../../../../../hooks/__internal__/useDebounce/useDebounce.js"),c=require("../../../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({isFocused:s,maxChars:i,namespace:u,marginTop:l})=>{const[d,x]=r.useState(""),[h]=t.useLexicalComposerContext();r.useEffect((()=>{h.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=a.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n");x(e)}))}))}),[h]);const m=c.default(),C=r.useCallback((e=>new Intl.NumberFormat(m.locale()).format(e)),[m]),[p,f]=r.useState(0),_=r.useMemo((()=>{const e=i-(d?d.length:0);return e>=0?e:0}),[d,i]),g=n.default((e=>{f(e||0)}),2e3);return r.useEffect((()=>{g(_)}),[_,g]),e.jsxs(e.Fragment,{children:[e.jsx(o.StyledCharacterCounter,{"data-role":`${u}-character-limit`,marginTop:null!=l?l:"var(--spacing050)",children:m.textEditor.characterCounter(C(_))}),e.jsx(o.VisuallyHiddenCharacterCounter,{id:`${u}-live-character-counter`,"aria-live":s?"polite":"off",children:m.textEditor.characterCounter(C(p))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@lexical/react/LexicalComposerContext"),a=require("lexical"),o=require("./character-counter.style.js"),n=require("../../../../../hooks/__internal__/useDebounce/useDebounce.js"),c=require("../../../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({isFocused:i,maxChars:s,namespace:u,marginTop:l})=>{const[d,h]=r.useState(""),[x]=t.useLexicalComposerContext();r.useEffect((()=>{x.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=a.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n");h(e)}))}))}),[x]);const m=c.default(),C=r.useCallback((e=>new Intl.NumberFormat(m.locale()).format(e)),[m]),[p,f]=r.useState(s),_=r.useMemo((()=>{const e=s-(d?d.length:0);return e>=0?e:0}),[d,s]),g=n.default((e=>{f(e||0)}),2e3);return r.useEffect((()=>{g(_)}),[_,g]),e.jsxs(e.Fragment,{children:[e.jsx(o.StyledCharacterCounter,{"data-role":`${u}-character-limit`,marginTop:null!=l?l:"var(--spacing050)","aria-hidden":"true",children:m.textEditor.characterCounter(C(_))}),e.jsx(o.VisuallyHiddenCharacterCounter,{"data-role":`${u}-hidden-live-character-counter`,id:`${u}-hidden-live-character-counter`,"aria-live":i?"polite":"off",children:m.textEditor.characterCounter(C(p))})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "158.46.2",
+  "version": "158.46.4",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -109,7 +109,6 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/crypto-js": "^4.2.1",
     "@types/glob": "^8.1.0",
     "@types/invariant": "^2.2.37",
     "@types/jest": "^29.5.0",
@@ -188,7 +187,7 @@
     "ts-morph": "^27.0.2",
     "typescript": "^5.8.3",
     "url-loader": "^4.1.1",
-    "uuid": "^8.3.2",
+    "uuid": "^14.0.0",
     "vite": "^6.3.4",
     "vite-plugin-static-copy": "^3.1.2"
   },
@@ -205,7 +204,6 @@
     "@tanstack/react-virtual": "^3.13.12",
     "@types/styled-system": "^5.1.22",
     "chalk": "^4.1.2",
-    "crypto-js": "^4.2.0",
     "date-fns": "^4.1.0",
     "invariant": "^2.2.4",
     "lexical": "0.38.2",
@@ -221,7 +219,8 @@
   },
   "overrides": {
     "playwright-core": "$@playwright/experimental-ct-react",
-    "jsdom": "$jsdom"
+    "jsdom": "$jsdom",
+    "uuid": "^14.0.0"
   },
   "lint-staged": {
     "./**/*.{js,jsx,ts,tsx}": [