carbon-react 162.12.0-beta.1 → 162.13.0

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

@@ -0,0 +1,4 @@
+export declare const StyledStarSVG: import("styled-components").StyledComponent<"svg", any, {}, never>;
+export declare const GradientStopTop: import("styled-components").StyledComponent<"stop", any, {}, never>;
+export declare const GradientStopBottom: import("styled-components").StyledComponent<"stop", any, {}, never>;
+export declare const StyledLoaderStarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1 @@
+import a,{keyframes as o}from"styled-components";const t=o(["0%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}10%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}20%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}35%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}55%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}60%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}90%{transform:translate3d(0px,-24px,0px) scale(0.8);opacity:1;}100%{transform:translate3d(0px,-24px,0px) scale(0.6);opacity:0;}"]),s=o(["0%{stop-color:var(--mode-color-ai-alt-stop-1);}10%{stop-color:var(--mode-color-ai-alt-stop-1);}50%{stop-color:var(--mode-color-ai-alt-stop-2);}90%{stop-color:var(--mode-color-ai-alt-stop-3);}100%{stop-color:var(--mode-color-ai-alt-stop-3);}"]),r=o(["0%{stop-color:var(--mode-color-ai-alt-stop-1);}10%{stop-color:var(--mode-color-ai-alt-stop-1);}50%{stop-color:var(--mode-color-ai-alt-stop-1);}90%{stop-color:var(--mode-color-ai-alt-stop-2);}100%{stop-color:var(--mode-color-ai-alt-stop-2);}"]),i="3s",l=a.svg.withConfig({displayName:"star.style__StyledStarSVG",componentId:"carbon_v162_12_0__sc-8f59fe79-0"})(["animation:"," "," ease-in-out forwards infinite;height:var(--global-size-3-xs);opacity:0;width:var(--global-size-3-xs);"],t,i),e=a.stop.withConfig({displayName:"star.style__GradientStopTop",componentId:"carbon_v162_12_0__sc-8f59fe79-1"})(["animation:"," "," ease-in-out forwards infinite;"],s,i),n=a.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"carbon_v162_12_0__sc-8f59fe79-2"})(["animation:"," "," ease-in-out forwards infinite;"],r,i),p=a.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"carbon_v162_12_0__sc-8f59fe79-3"})(["bottom:0;height:var(--global-size-3-xs);left:0;position:absolute;width:var(--global-size-3-xs);&.star-1{.ai-star-path{fill:url(#gradient1);}","{animation-delay:-2s;}#gradient1{","{animation-delay:-2s;}","{animation-delay:-2s;}}}&.star-2{.ai-star-path{fill:url(#gradient2);}","{animation-delay:-1s;}#gradient2{","{animation-delay:-1s;}","{animation-delay:-1s;}}}&.star-3{.ai-star-path{fill:url(#gradient3);}","{animation-delay:0s;}#gradient3{","{animation-delay:0s;}","{animation-delay:0s;}}}"],l,e,n,l,e,n,l,e,n);export{n as GradientStopBottom,e as GradientStopTop,p as StyledLoaderStarContainer,l as StyledStarSVG};

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { LoaderProps } from "../loader.component";
+declare const StarsLoader: ({ loaderLabel, showLabel }: LoaderProps) => React.JSX.Element;
+export default StarsLoader;

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

@@ -0,0 +1 @@
+import{jsxs as a,jsx as r}from"react/jsx-runtime";import"react";import e from"./star.component.js";import{StyledStarLoaderWrapper as t,StyledStars as o,StyledLoaderLabel as n}from"../loader.style.js";import s from"../../../../hooks/__internal__/useLocale/useLocale.js";const l=({loaderLabel:l,showLabel:i})=>{const d=s();return a(t,{children:[a(o,{children:[r(e,{starContainerClassName:"star-1",gradientId:"gradient1"}),r(e,{starContainerClassName:"star-2",gradientId:"gradient2"}),r(e,{starContainerClassName:"star-3",gradientId:"gradient3"})]}),i&&r(n,{"data-role":"loader-label",variant:"span",loaderType:"star",children:l||(null==d?void 0:d.loader.loading())})]})};export{l as default};

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

@@ -0,0 +1,33 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
+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 = {
+    /** Specify a label for the loader*/
+    loaderLabel?: string;
+    /** Specify if the label should be visible or not */
+    showLabel?: boolean;
+    /** If set to `false` all motion will be suspended */
+    hasMotion?: boolean;
+    /** If set to `true` the animation type will become tracked, this is used specifically for when wait times are predictable */
+    isTracked?: boolean;
+    /** Specify a custom animation time for the loader */
+    animationTime?: number;
+    /** Toggle the inverse color scheme */
+    inverse?: boolean;
+    /** The loader type can be specified in order to change the loader */
+    loaderType?: LOADER_TYPES;
+    /** The size prop allows a specific size to be set ranging from `extra-small` to `large` */
+    size?: LOADER_SIZES;
+    /** Toggle between the different Loader variants */
+    variant?: LOADER_VARIANTS;
+    /** Enable the success state for the ring loader when it is tracked */
+    isSuccess?: boolean;
+    /** Enable the error state for the ring loader when it is tracked */
+    isError?: boolean;
+};
+export type LoaderProps = MarginProps & TagProps & CommonLoaderProps;
+export declare const Loader: ({ animationTime, hasMotion, isTracked, loaderLabel, showLabel, loaderType, size, variant, inverse, isSuccess, isError, ...rest }: LoaderProps) => React.JSX.Element;
+export default Loader;

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

@@ -0,0 +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/__next__/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 f=f=>{var{animationTime:b,hasMotion:d=!0,isTracked:y=!1,loaderLabel:O,showLabel:j=!0,loaderType:g="standalone",size:h,variant:v,inverse:w,isSuccess:P=!1,isError:L=!1}=f,_=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}(f,["animationTime","hasMotion","isTracked","loaderLabel","showLabel","loaderType","size","variant","inverse","isSuccess","isError"]);const S=o(),T=n("screen and (prefers-reduced-motion: no-preference)"),{isInsideButton:k,isColouredSurface:x}=r(p),E=null!=w?w:!!x,M=k?"ring":g,z=(()=>{switch(M){case"star":return u({loaderLabel:O,showLabel:j});case"ring":return c({inverse:E,size:h,variant:v,hasMotion:d,isTracked:y,animationTime:b,loaderLabel:O,showLabel:j,isSuccess:P,isError:L});default:return l({size:h,variant:v,inverse:E,loaderLabel:O,showLabel:j,animationTime:b,hasMotion:d})}})();return e(s,(D=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||S.loader.loading()}),I=null!=(I={children:T?z:e(a,{inverse:E,children:O||S.loader.loading()})})?I:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(I)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(I)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(I,e))})),D));var D,I};export{f as Loader,f as default};

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

@@ -0,0 +1,5 @@
+export const LOADER_TYPES: string[];
+export const STANDALONE_VARIANTS: string[];
+export const RING_VARIANTS: string[];
+export const STANDALONE_SIZES: string[];
+export const RING_SIZES: string[];

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

@@ -0,0 +1,51 @@
+export declare const StyledLoaderPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
+export declare const OuterBar: import("styled-components").StyledComponent<"div", any, {
+    size: string;
+    variant: string;
+    inverse: boolean;
+}, never>;
+export declare const InnerBar: import("styled-components").StyledComponent<"div", any, {
+    size: string;
+    variant: string;
+    inverse: boolean;
+    animationTime?: number;
+    hasMotion?: boolean;
+}, never>;
+interface RingSvgProps {
+    inverse?: boolean;
+    size: string;
+    variant?: string;
+    hasMotion?: boolean;
+    isTracked?: boolean;
+    isGradientVariant?: boolean;
+    animationTime?: number;
+    isSuccess?: boolean;
+    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;
+    loaderVariant?: string;
+    inverse?: boolean;
+    loaderType: string;
+    $isInsideButton?: boolean;
+};
+export declare const StyledStarLoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLoaderLabel: import("styled-components").StyledComponent<{
+    ({ variant, as, id, fluid, inverse, size, color, tint, weight, truncate, children, screenReaderOnly, "aria-live": ariaLive, "aria-hidden": ariaHidden, ...rest }: import("../../typography").TypographyProps): import("react").JSX.Element;
+    displayName: string;
+}, any, LabelProps, never>;
+type RingLoaderWrapperProps = {
+    loaderVariant?: string;
+};
+export declare const StyledRingLoaderWrapper: import("styled-components").StyledComponent<"div", any, RingLoaderWrapperProps, never>;
+type StyledLabelProps = {
+    inverse?: boolean;
+};
+export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, StyledLabelProps, never>;
+export {};

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

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

package/esm/components/loader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./loader.component";
+export type { LoaderProps } from "./loader.component";

package/esm/components/loader/index.js

@@ -0,0 +1 @@
+export{Loader as default}from"./loader.component.js";

package/esm/components/loader/loader-square.style.d.ts

@@ -0,0 +1,15 @@
+export interface StyledLoaderSquareProps {
+    /** Size of the loader. */
+    size?: "small" | "medium" | "large";
+    /** Applies white color. */
+    isInsideButton?: boolean;
+    /** Applies slate color. Available only when isInsideButton is true. */
+    isActive?: boolean;
+    /** The background color of each loader square */
+    backgroundColor?: string;
+}
+export declare const StyledLoaderPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledLoaderSquare: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledLoaderSquareProps, "theme">;
+export default StyledLoaderSquare;

package/esm/components/loader/loader-square.style.js

@@ -0,0 +1 @@
+import e,{keyframes as a,css as i}from"styled-components";import t from"../../style/themes/apply-base-theme.js";const o=a(["0%,80%,100%{opacity:0;transform:scale(0);}40%{opacity:1;transform:scale(1);}"]),r=e.div.withConfig({displayName:"loader-square.style__StyledLoaderPlaceholder",componentId:"carbon_v162_12_0__sc-717eeb54-0"})(["display:inline-block;min-width:var(--sizing800);"]),n=e.div.attrs(t).withConfig({displayName:"loader-square.style__StyledLoaderSquare",componentId:"carbon_v162_12_0__sc-717eeb54-1"})(["",""],(({size:e,isInsideButton:a,isActive:t,backgroundColor:r})=>i(["animation:"," 1s infinite ease-in-out both;background-color:",";display:inline-block;"," border-radius:var(--borderRadiusCircle);"," &:nth-of-type(1){animation-delay:0s;}&:nth-of-type(2){animation-delay:0.2s;}&:nth-of-type(3){animation-delay:0.4s;margin-right:0px;}"],o,r,(e=>{let a,t;switch(e){case"medium":a="16px",t="8px";break;case"large":a="20px",t="8px";break;default:a="12px",t="6px"}return i(["width:",";height:",";margin-right:",";"],a,a,t)})(e),a&&i(["background-color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsSemanticNeutral500)"))));export{r as StyledLoaderPlaceholder,n as default};

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+import { StyledLoaderSquareProps } from "./loader-square.style";
+/**
+ * @deprecated `Loader` has been deprecated. See the Carbon documentation for migration details.
+ */
+export interface LoaderProps extends Omit<StyledLoaderSquareProps, "backgroundColor">, MarginProps, TagProps {
+    /** Toggle between the default variant and gradient variant */
+    variant?: string;
+    /**
+     * Specify a custom accessible label for the Loader.
+     * This label is visible to users who have enabled the reduce motion setting in their operating system. It is also available to assistive technologies.
+     */
+    loaderLabel?: string;
+}
+/**
+ * @deprecated `Loader` has been deprecated. See the Carbon documentation for migration details.
+ */
+export declare const Loader: ({ variant, size, isInsideButton, isActive, loaderLabel, ...rest }: LoaderProps) => React.JSX.Element;
+export default Loader;

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../hooks/useMediaQuery/useMediaQuery.js";import i from"../../hooks/__internal__/useLocale/useLocale.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import a from"./loader.style.js";import l,{StyledLoaderPlaceholder as c}from"./loader-square.style.js";import{Typography as p}from"../typography/typography.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}function d(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){u(e,r,t[r])}))}return e}const f=u=>{var{variant:f="default",size:y="medium",isInsideButton:m=!1,isActive:b=!0,loaderLabel:O}=u,j=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}(u,["variant","size","isInsideButton","isActive","loaderLabel"]);const g=i(),v=n("screen and (prefers-reduced-motion: no-preference)");if(void 0===v)return e(c,{});const h={isInsideButton:m,isActive:b,size:y,variant:f};return e(a,(P=d({},s("loader",j),o(j)),w=null!=(w={children:v?r(t,{children:[["#13A038","#0092DB","#8F49FE"].map((r=>e(l,d({"data-role":"loader-square",backgroundColor:"gradient"===f?r:"var(--colorsActionMajor500)"},h),r))),e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:O||g.loader.loading()})]}):O||g.loader.loading()})?w:{},Object.getOwnPropertyDescriptors?Object.defineProperties(P,Object.getOwnPropertyDescriptors(w)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(w)).forEach((function(e){Object.defineProperty(P,e,Object.getOwnPropertyDescriptor(w,e))})),P));var P,w};export{f as Loader,f as default};

package/esm/components/loader/loader.config.d.ts

@@ -0,0 +1 @@
+export declare const LOADER_SIZES: readonly ["small", "medium", "large"];

package/esm/components/loader/loader.config.js

@@ -0,0 +1 @@
+const e=["small","medium","large"];export{e as LOADER_SIZES};

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

@@ -0,0 +1,4 @@
+declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
+export default StyledLoader;

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

@@ -0,0 +1 @@
+import e from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const s=e.div.attrs(o).withConfig({displayName:"loader.style__StyledLoader",componentId:"carbon_v162_12_0__sc-4961968f-0"})([""," text-align:center;white-space:nowrap;"],t);export{s as default};

package/esm/components/loader-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./loader-bar.component";
+export type { LoaderBarProps } from "./loader-bar.component";

package/esm/components/loader-bar/index.js

@@ -0,0 +1 @@
+export{LoaderBar as default}from"./loader-bar.component.js";

package/esm/components/loader-bar/loader-bar.component.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+import { StyledLoaderBarProps } from "./loader-bar.style";
+export interface LoaderBarProps extends StyledLoaderBarProps, MarginProps, TagProps {
+}
+export declare const LoaderBar: {
+    ({ size, ...rest }: LoaderBarProps): React.JSX.Element | null;
+    DisplayName: string;
+};
+export default LoaderBar;

package/esm/components/loader-bar/loader-bar.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import r from"../../style/utils/filter-styled-system-margin-props.js";import t from"../../hooks/useMediaQuery/useMediaQuery.js";import o from"../../hooks/__internal__/useLocale/useLocale.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import i,{StyledLoader as s,InnerBar as l}from"./loader-bar.style.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=c=>{var{size:p="medium"}=c,u=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}(c,["size"]);const f=o(),b=t("screen and (prefers-reduced-motion: no-preference)");return void 0===b?null:e(s,(y=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){a(e,r,t[r])}))}return e}({"aria-label":f.loader.loading(),role:"progressbar"},n("loader-bar",u),r(u)),m=null!=(m={children:b?e(i,{"data-role":"outer-bar",size:p,children:e(l,{"data-role":"inner-bar",size:p})}):f.loader.loading()})?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,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(y,e,Object.getOwnPropertyDescriptor(m,e))})),y));var y,m};c.DisplayName="Loader Bar";export{c as LoaderBar,c as default};

package/esm/components/loader-bar/loader-bar.config.d.ts

@@ -0,0 +1 @@
+export declare const LOADER_BAR_SIZES: string[];

package/esm/components/loader-bar/loader-bar.config.js

@@ -0,0 +1 @@
+const e=["small","medium","large"];export{e as LOADER_BAR_SIZES};

package/esm/components/loader-bar/loader-bar.style.d.ts

@@ -0,0 +1,12 @@
+import { MarginProps } from "styled-system";
+export interface StyledLoaderBarProps {
+    /** Size of the LoaderBar. */
+    size?: "small" | "medium" | "large";
+}
+declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledLoaderBarProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, "theme">;
+declare const StyledLoaderBar: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps, never>;
+declare const InnerBar: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps, never>;
+export { InnerBar, StyledLoader };
+export default StyledLoaderBar;

package/esm/components/loader-bar/loader-bar.style.js

@@ -0,0 +1 @@
+import e,{keyframes as o,css as r}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/apply-base-theme.js";function n(e){switch(e){case"small":return"4px";case"large":return"16px";default:return"8px"}}const i="128px",s=e.div.attrs(a).withConfig({displayName:"loader-bar.style__StyledLoader",componentId:"carbon_v162_12_0__sc-290b8a7-0"})([""," text-align:center;"],t),l=o(["0%{left:-",";}100%{left:100%;}"],i),d=e.div.withConfig({displayName:"loader-bar.style__StyledLoaderBar",componentId:"carbon_v162_12_0__sc-290b8a7-1"})(["",""],(({size:e})=>r(["border-radius:var(--borderRadius400);height:",";width:100%;background-color:var(--colorsActionMajor150);overflow:hidden;position:relative;"],n(e)))),c=e.div.withConfig({displayName:"loader-bar.style__InnerBar",componentId:"carbon_v162_12_0__sc-290b8a7-2"})(["",""],(({size:e})=>r(["position:absolute;background-color:var(--colorsActionMajor500);width:",";height:",";animation:2s "," linear 0s infinite normal none running;"],i,n(e),l)));export{c as InnerBar,s as StyledLoader,d as default};

package/esm/components/loader-spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LoaderSpinner } from "./loader-spinner.component";
+export type { LoaderSpinnerProps } from "./loader-spinner.component";

package/esm/components/loader-spinner/index.js

@@ -0,0 +1 @@
+export{LoaderSpinner}from"./loader-spinner.component.js";

package/esm/components/loader-spinner/loader-spinner.component.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+import { LoaderSpinnerSizes, LoaderSpinnerVariants } from "./loader-spinner.config";
+export interface LoaderSpinnerProps extends MarginProps, TagProps {
+    /**
+     * Use the spinnerLabel prop to override the default `"Loading..."` label with
+     * any custom string
+     */
+    spinnerLabel?: string;
+    /**
+     * The size prop allows a specific size to be set, ranging from
+     * `extra-small` to `extra-large`
+     */
+    size?: LoaderSpinnerSizes;
+    /**
+     * If set to `false` no visual label will be displayed, however
+     * a visually hidden label will still be available for assistive technologies
+     */
+    showSpinnerLabel?: boolean;
+    /**
+     * The variant prop can be used to change the appearance of the component.
+     * Typically both the outer and inner spinner will change color,
+     * however there will still be sufficient contrast between them
+     */
+    variant?: LoaderSpinnerVariants;
+    /** If set to `false` all motion will be suspended */
+    hasMotion?: boolean;
+    /**
+     * If set to `true` the animation type will become tracked, this is
+     * used specifically for when wait times are predictable
+     */
+    isTracked?: boolean;
+    /**
+     * The total animation time (in seconds). Default animation is time `1` second.
+     * For any gradient variants the default animation time is `2` seconds
+     */
+    animationTime?: number;
+}
+export declare const LoaderSpinner: ({ spinnerLabel, size, showSpinnerLabel, variant, isTracked, hasMotion, animationTime, ...rest }: LoaderSpinnerProps) => React.JSX.Element | null;
+export default LoaderSpinner;

package/esm/components/loader-spinner/loader-spinner.component.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledLabel as i,StyledSpinnerWrapper as o,StyledSpinnerCircleSvg as a}from"./loader-spinner.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";import c from"../../hooks/useMediaQuery/useMediaQuery.js";import{Typography as p}from"../typography/typography.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 d=d=>{var{spinnerLabel:f,size:y="medium",showSpinnerLabel:m=!0,variant:b="action",isTracked:g=!1,hasMotion:O=!0,animationTime:h}=d,j=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(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)&&(i[t]=e[t])}return i}(d,["spinnerLabel","size","showSpinnerLabel","variant","isTracked","hasMotion","animationTime"]);const v=l(),w=c("screen and (prefers-reduced-motion: no-preference)");if(void 0===w)return null;const P=e(i,{"data-role":"visible-label",variant:"span",fontWeight:"400",$size:y,inverse:!("inverse"!==b&&"gradient-white"!==b),fontSize:"extra-large"===y?"var(--sizing200)":"var(--sizing175)",lineHeight:"extra-large"===y?"var(--sizing300)":"var(--sizing250)",children:f||v.loaderSpinner.loading()}),S="gradient-white"===b||"gradient-grey"===b;return e(o,(z=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}({size:y,role:"status"},n("loader-spinner",j),s(j)),k=null!=(k={children:w?r(t,{children:[r(a,{role:"presentation",size:y,variant:b,hasMotion:O,isTracked:g,isGradientVariant:S,animationTime:h||(S?2:1),viewBox:"0 0 24 24",children:[e("circle",{"data-role":"outer-arc"}),e("circle",{"data-role":"inner-arc"})]}),m?P:e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:f||v.loaderSpinner.loading()})]}):P})?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(k)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(k)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(k,e))})),z));var z,k};export{d as LoaderSpinner,d as default};

package/esm/components/loader-spinner/loader-spinner.config.d.ts

@@ -0,0 +1,12 @@
+declare const LOADER_SPINNER_VARIANTS: readonly ["action", "neutral", "inverse", "gradient-grey", "gradient-white"];
+type LoaderSpinnerVariants = (typeof LOADER_SPINNER_VARIANTS)[number];
+declare const LOADER_SPINNER_SIZES: readonly ["extra-small", "small", "medium", "large", "extra-large"];
+type LoaderSpinnerSizes = (typeof LOADER_SPINNER_SIZES)[number];
+type LoaderSpinnerSizeParams = Record<LoaderSpinnerSizes, {
+    wrapperDimensions: number;
+    strokeWidth: number;
+    labelMarginTop?: number;
+}>;
+declare const LOADER_SPINNER_SIZE_PARAMS: LoaderSpinnerSizeParams;
+export type { LoaderSpinnerSizes, LoaderSpinnerVariants };
+export { LOADER_SPINNER_SIZES, LOADER_SPINNER_VARIANTS, LOADER_SPINNER_SIZE_PARAMS, };

package/esm/components/loader-spinner/loader-spinner.config.js

@@ -0,0 +1 @@
+const e=["action","neutral","inverse","gradient-grey","gradient-white"],r=["extra-small","small","medium","large","extra-large"],a={"extra-small":{wrapperDimensions:20,strokeWidth:4},small:{wrapperDimensions:32,strokeWidth:4,labelMarginTop:12},medium:{wrapperDimensions:56,strokeWidth:3.3,labelMarginTop:16},large:{wrapperDimensions:80,strokeWidth:3.7,labelMarginTop:22},"extra-large":{wrapperDimensions:104,strokeWidth:3.7,labelMarginTop:26}};export{r as LOADER_SPINNER_SIZES,a as LOADER_SPINNER_SIZE_PARAMS,e as LOADER_SPINNER_VARIANTS};

package/esm/components/loader-spinner/loader-spinner.style.d.ts

@@ -0,0 +1,14 @@
+import { LoaderSpinnerProps } from "./loader-spinner.component";
+export declare const StyledSpinnerWrapper: import("styled-components").StyledComponent<"div", any, Pick<LoaderSpinnerProps, "size">, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<{
+    ({ variant, as, id, fluid, inverse, size, color, tint, weight, truncate, children, screenReaderOnly, "aria-live": ariaLive, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
+    displayName: string;
+}, any, Required<{
+    $size: NonNullable<LoaderSpinnerProps["size"]>;
+}>, never>;
+interface StyledSpinnerCircleSvgProps extends Omit<LoaderSpinnerProps, "showSpinnerLabel"> {
+    isGradientVariant?: boolean;
+    size: Required<LoaderSpinnerProps>["size"];
+}
+export declare const StyledSpinnerCircleSvg: import("styled-components").StyledComponent<"svg", any, StyledSpinnerCircleSvgProps, never>;
+export {};

package/esm/components/loader-spinner/loader-spinner.style.js

@@ -0,0 +1 @@
+import r,{css as e}from"styled-components";import{margin as t}from"styled-system";import{LOADER_SPINNER_SIZE_PARAMS as a}from"./loader-spinner.config.js";import{Typography as n}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=(r,e)=>{switch(e){case"neutral":return r?"var(--colorsSemanticNeutral500)":"var(--colorsSemanticNeutral200)";case"gradient-grey":return r?"#00D639":"#0000001A";case"gradient-white":return r?"#00D639":"var(--colorsActionMajorYang100)";case"inverse":return"var(--colorsActionMajorYang100)";default:return r?"var(--colorsActionMajor500)":"var(--colorsActionMajor150)"}},i=r.div.withConfig({displayName:"loader-spinner.style__StyledSpinnerWrapper",componentId:"carbon_v162_12_0__sc-fe9a4dc0-0"})([""," display:flex;flex-direction:",";"],t,(({size:r})=>"extra-small"===r?"row":"column")),s=r(n).withConfig({displayName:"loader-spinner.style__StyledLabel",componentId:"carbon_v162_12_0__sc-fe9a4dc0-1"})(["",""],(({$size:r})=>e(["display:flex;justify-content:center;text-align:center;",";"],"extra-small"===r?"margin-left: var(--spacing100)":`margin-top: ${a[r].labelMarginTop}px`))),c=r.svg.withConfig({displayName:"loader-spinner.style__StyledSpinnerCircleSvg",componentId:"carbon_v162_12_0__sc-fe9a4dc0-2"})(["",";"],(({size:r,isTracked:t,hasMotion:n,isGradientVariant:i,animationTime:s,variant:c})=>{const d=`${a[r].wrapperDimensions}px`;return r&&e(["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:80px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(270deg);@keyframes gradientAnimation{0%{stroke:#00d639;}33%{stroke:#11afff;}66%{stroke:#8f49fe;}}@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(0deg);stroke-dasharray:100;}40%{stroke-dasharray:80;}80%{stroke-dasharray:100;}100%{transform:rotate(360deg);}}animation-name:",",",";",";animation-timing-function:cubic-bezier(0.2,0.1,0.8,1);animation-iteration-count:",";"],d,d,a[r].strokeWidth,o(!1,c),"inverse"===c&&"stroke-opacity: 0.3;",a[r].strokeWidth,o(!0,c),t&&!i?"trackedAnimation":"untrackedAnimation","gradient-grey"===c||"gradient-white"===c?"gradientAnimation":"none",n&&`animation-duration: ${s}s`,n?"infinite":"none")}));export{s as StyledLabel,c as StyledSpinnerCircleSvg,i as StyledSpinnerWrapper};

package/esm/components/loader-star/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./loader-star.component";
+export type { LoaderStarProps } from "./loader-star.component";

package/esm/components/loader-star/index.js

@@ -0,0 +1 @@
+export{default}from"./loader-star.component.js";

package/esm/components/loader-star/internal/star.component.d.ts

@@ -0,0 +1,9 @@
+interface StarProps {
+    starContainerClassName: "star-1" | "star-2" | "star-3";
+    gradientId: "gradient1" | "gradient2" | "gradient3";
+}
+declare const Star: {
+    ({ starContainerClassName, gradientId, }: StarProps): JSX.Element;
+    displayName: string;
+};
+export default Star;

package/esm/components/loader-star/internal/star.component.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as e}from"react/jsx-runtime";import"react";import{StyledLoaderStarContainer as t,StyledStarSVG as l,GradientStopTop as r,GradientStopBottom as s}from"./star.style.js";const c=({starContainerClassName:c,gradientId:i})=>a(t,{"data-component":"star",role:"presentation",className:c,children:e(l,{className:"ai-star-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 217 216",children:[a("path",{className:"ai-star-path",fill:"#000",fillRule:"evenodd",d:"M108.502 215.994c-.166.006-.334.006-.502.006-7.218 0-11.975-3.217-15.497-8.335-4.396-5.656-7.56-13.591-10.338-21.896l-.597-1.807-.667-2.063-.91-2.87-1.225-3.904c-1.831-5.82-3.65-11.42-5.751-16.135-1.456-2.661-3.075-5.078-4.921-7.146-.356-.391-.72-.777-1.094-1.156-4.054-4.038-9.808-7.093-16.262-9.726-14.49-4.937-33.33-8.698-43.486-17.634C2.766 119.712 0 114.918 0 108l.003-.413c.108-6.697 2.852-11.372 7.25-14.916 10.155-8.935 28.995-12.696 43.485-17.633C57.192 72.405 62.946 69.35 67 65.312c.373-.38.738-.765 1.094-1.156 1.846-2.068 3.465-4.485 4.922-7.145 2.567-5.764 4.713-12.849 6.976-20.04l.91-2.87.666-2.063.338-1.028c2.84-8.586 6.063-16.843 10.598-22.675C95.954 3.32 100.592.13 107.57.004L108 0c.168 0 .336 0 .502.006L109 0l.405.003c6.999.119 11.645 3.316 15.102 8.347 5.071 6.529 8.5 16.09 11.592 25.75l.335 1.054 2.362 7.501c1.645 5.178 3.304 10.125 5.19 14.358 1.456 2.66 3.074 5.075 4.92 7.142.356.392.72.778 1.094 1.157 4.054 4.038 9.808 7.093 16.262 9.726 14.49 4.937 33.33 8.698 43.486 17.634C214.234 96.288 217 101.082 217 108c0 6.918-2.766 11.712-7.252 15.328-10.156 8.936-28.996 12.697-43.486 17.634-6.454 2.633-12.208 5.688-16.262 9.726-.373.38-.738.765-1.094 1.157-1.846 2.067-3.464 4.482-4.92 7.142-1.886 4.233-3.545 9.18-5.19 14.358l-2.362 7.5-.335 1.054c-3.091 9.66-6.521 19.222-11.592 25.751-3.524 5.127-8.282 8.35-15.507 8.35l-.498-.006Z"}),a("defs",{children:e("linearGradient",{id:i,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[a(r,{offset:"0%"}),a(s,{offset:"100%"})]})})]})});c.displayName="Star";export{c as default};

package/esm/components/loader-star/internal/star.style.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledStarSVG: import("styled-components").StyledComponent<"svg", any, {}, never>;
+export declare const GradientStopTop: import("styled-components").StyledComponent<"stop", any, {}, never>;
+export declare const GradientStopBottom: import("styled-components").StyledComponent<"stop", any, {}, never>;
+export declare const StyledLoaderStarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/loader-star/internal/star.style.js

@@ -0,0 +1 @@
+import a,{keyframes as t}from"styled-components";const o=t(["0%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}10%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}20%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}35%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}55%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}60%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}90%{transform:translate3d(0px,-24px,0px) scale(0.8);opacity:1;}100%{transform:translate3d(0px,-24px,0px) scale(0.6);opacity:0;}"]),i=t(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#0092db;}90%{stop-color:#8f49fe;}100%{stop-color:#8f49fe;}"]),s=t(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#13a038;}90%{stop-color:#0092db;}100%{stop-color:#0092db;}"]),n="3s",r=a.svg.withConfig({displayName:"star.style__StyledStarSVG",componentId:"carbon_v162_12_0__sc-1b60e449-0"})(["animation:"," "," ease-in-out forwards infinite;height:var(--sizing200);opacity:0;width:var(--sizing200);"],o,n),e=a.stop.withConfig({displayName:"star.style__GradientStopTop",componentId:"carbon_v162_12_0__sc-1b60e449-1"})(["animation:"," "," ease-in-out forwards infinite;"],i,n),p=a.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"carbon_v162_12_0__sc-1b60e449-2"})(["animation:"," "," ease-in-out forwards infinite;"],s,n),l=a.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"carbon_v162_12_0__sc-1b60e449-3"})(["bottom:0;height:var(--sizing200);left:0;position:absolute;width:var(--sizing200);&.star-1{.ai-star-path{fill:url(#gradient1);}","{animation-delay:-2s;}#gradient1{","{animation-delay:-2s;}","{animation-delay:-2s;}}}&.star-2{.ai-star-path{fill:url(#gradient2);}","{animation-delay:-1s;}#gradient2{","{animation-delay:-1s;}","{animation-delay:-1s;}}}&.star-3{.ai-star-path{fill:url(#gradient3);}","{animation-delay:0s;}#gradient3{","{animation-delay:0s;}","{animation-delay:0s;}}}"],r,e,p,r,e,p,r,e,p);export{p as GradientStopBottom,e as GradientStopTop,l as StyledLoaderStarContainer,r as StyledStarSVG};

package/esm/components/loader-star/loader-star.component.d.ts

@@ -0,0 +1,14 @@
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+export interface LoaderStarProps extends TagProps {
+    /**
+     * The loaderStarLabel prop allows a specific label to be set.
+     * This label will be present if the user has `reduce-motion` enabled and will also be available to assistive technologies.
+     * By default the label will be `Loading...`.
+     */
+    loaderStarLabel?: string;
+}
+declare const LoaderStar: {
+    ({ loaderStarLabel, ...rest }: LoaderStarProps): JSX.Element | null;
+    displayName: string;
+};
+export default LoaderStar;

package/esm/components/loader-star/loader-star.component.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledLabel as o,StyledLoaderStarWrapper as a,StyledStars as i}from"./loader-star.style.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";import s from"../../hooks/useMediaQuery/useMediaQuery.js";import c from"./internal/star.component.js";import{Typography as p}from"../typography/typography.component.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 u=u=>{var{loaderStarLabel:f}=u,b=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(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)&&(o[t]=e[t])}return o}(u,["loaderStarLabel"]);const y=l(),m=s("screen and (prefers-reduced-motion: no-preference)");if(void 0===m)return null;const O=e(o,{"data-role":"visible-label",variant:"span",fontWeight:"400",children:f||y.loaderStar.loading()});return e(a,(g=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"},n("loader-star",b)),j=null!=(j={children:m?r(t,{children:[r(i,{children:[e(c,{starContainerClassName:"star-1",gradientId:"gradient1"}),e(c,{starContainerClassName:"star-2",gradientId:"gradient2"}),e(c,{starContainerClassName:"star-3",gradientId:"gradient3"})]}),e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:f||y.loaderStar.loading()})]}):O})?j:{},Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(j)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(j)).forEach((function(e){Object.defineProperty(g,e,Object.getOwnPropertyDescriptor(j,e))})),g));var g,j};u.displayName="LoaderStar";export{u as default};

package/esm/components/loader-star/loader-star.style.d.ts

@@ -0,0 +1,7 @@
+import { LoaderStarProps } from "./loader-star.component";
+export declare const StyledLoaderStarWrapper: import("styled-components").StyledComponent<"div", any, LoaderStarProps, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<{
+    ({ variant, as, id, fluid, inverse, size, color, tint, weight, truncate, children, screenReaderOnly, "aria-live": ariaLive, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
+    displayName: string;
+}, any, {}, never>;
+export declare const StyledStars: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/loader-star/loader-star.style.js

@@ -0,0 +1 @@
+import t from"styled-components";import{Typography as e}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=t.div.withConfig({displayName:"loader-star.style__StyledLoaderStarWrapper",componentId:"carbon_v162_12_0__sc-d84f526-0"})(["position:relative;width:max-content;"]),r=t(e).withConfig({displayName:"loader-star.style__StyledLabel",componentId:"carbon_v162_12_0__sc-d84f526-1"})(["display:flex;justify-content:center;text-align:center;"]),a=t.div.withConfig({displayName:"loader-star.style__StyledStars",componentId:"carbon_v162_12_0__sc-d84f526-2"})(["width:40px;height:40px;"]);export{r as StyledLabel,o as StyledLoaderStarWrapper,a as StyledStars};

package/esm/components/menu/__internal__/keyboard-navigation/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare function characterNavigation(inputString?: string, focusableItems?: Element[]): Element | undefined;
+declare function menuKeyboardNavigation(event: React.KeyboardEvent, focusableItems: Element[]): number | undefined;
+export { characterNavigation, menuKeyboardNavigation };

package/esm/components/menu/__internal__/keyboard-navigation/index.js

@@ -0,0 +1 @@
+import"react";import t from"../../../../__internal__/utils/helpers/events/events.js";import{MENU_ITEM as e,SCROLLABLE_BLOCK_PARENT as n}from"../locators.js";function o(t,o){if(t&&o)return o.find((o=>{var i,r,l,u,s;return!!(null==o?void 0:o.getAttribute("data-component"))&&[e,n].includes(o.getAttribute("data-component"))&&(null===(i=null===(r=null==(l=o)||null===(s=l.textContent)||void 0===s||null===(u=s.split("\n"))||void 0===u?void 0:u.map((t=>t.trim())).join(" "))||void 0===r?void 0:r.toLowerCase())||void 0===i?void 0:i.startsWith(t.toLowerCase()))}))}function i(e,n){return t.isHomeKey(e)?(e.preventDefault(),0):t.isEndKey(e)?(e.preventDefault(),n.length-1):void 0}export{o as characterNavigation,i as menuKeyboardNavigation};

package/esm/components/menu/__internal__/locators.d.ts

@@ -0,0 +1,6 @@
+export declare const MENU_ITEM = "menu-item";
+export declare const SCROLLABLE_BLOCK = "submenu-scrollable-block";
+export declare const SCROLLABLE_BLOCK_PARENT = "scrollable-block-parent";
+export declare const ALL_CHILDREN_SELECTOR = "[data-component='menu-item'], [data-component='scrollable-block-parent']";
+export declare const BLOCK_INDEX_SELECTOR = "[data-component='menu-item'], [data-component='submenu-scrollable-block']";
+export declare const MENU_ITEM_CHILDREN_LOCATOR = "[data-component='menu-item']";

package/esm/components/menu/__internal__/locators.js

@@ -0,0 +1 @@
+const o="menu-item",n="submenu-scrollable-block",t="scrollable-block-parent",a=`[data-component='${o}'], [data-component='${t}']`,e=`[data-component='${o}'], [data-component='${n}']`,c=`[data-component='${o}']`;export{a as ALL_CHILDREN_SELECTOR,e as BLOCK_INDEX_SELECTOR,o as MENU_ITEM,c as MENU_ITEM_CHILDREN_LOCATOR,n as SCROLLABLE_BLOCK,t as SCROLLABLE_BLOCK_PARENT};

package/esm/components/menu/__internal__/menu-item-variant.context.d.ts

@@ -0,0 +1,6 @@
+import { VariantType } from "../menu-item/menu-item.component";
+interface VariantContextType {
+    menuItemVariant?: VariantType;
+}
+declare const _default: import("react").Context<VariantContextType>;
+export default _default;

package/esm/components/menu/__internal__/menu-item-variant.context.js

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

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

@@ -0,0 +1,5 @@
+interface MenuContextType {
+    inMenu?: boolean;
+}
+declare const _default: import("react").Context<MenuContextType>;
+export default _default;

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

@@ -0,0 +1 @@
+import{createContext as r}from"react";var a=r({inMenu:!1});export{a as default};

package/esm/components/menu/__internal__/strict-menu.context.d.ts

@@ -0,0 +1,13 @@
+import { MenuVariantType } from "../menu.component";
+export interface StrictMenuContextType {
+    menuVariant: MenuVariantType;
+    openSubmenuId: string | null;
+    inFullscreenView?: boolean;
+    setOpenSubmenuId: (id: string | null) => void;
+    registerItem?: (id: string) => void;
+    unregisterItem?: (id: string) => void;
+    focusId?: string;
+    updateFocusId?: (id: string) => void;
+}
+declare const StrictMenuProvider: import("react").Provider<StrictMenuContextType | null>, useStrictMenuContext: () => StrictMenuContextType;
+export { StrictMenuProvider, useStrictMenuContext };

package/esm/components/menu/__internal__/strict-menu.context.js

@@ -0,0 +1 @@
+import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,n]=e({name:"MenuContext",errorMessage:"Carbon Menu: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{menuVariant:"white",openSubmenuId:null,setOpenSubmenuId:()=>{}}});export{t as StrictMenuProvider,n as useStrictMenuContext};

package/esm/components/menu/__internal__/submenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./submenu.component";
+export type { SubmenuProps } from "./submenu.component";

package/esm/components/menu/__internal__/submenu/index.js

@@ -0,0 +1 @@
+export{default}from"./submenu.component.js";

package/esm/components/menu/__internal__/submenu/submenu.component.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { MaxWidthProps } from "styled-system";
+import { VariantType } from "../../menu-item";
+export interface SubmenuProps {
+    /** Children elements */
+    children: React.ReactNode;
+    /** Custom className */
+    className?: string;
+    /** Defines which direction the submenu will hang eg. left/right */
+    submenuDirection?: string;
+    /** A title for the menu item that has a submenu. */
+    title?: React.ReactNode;
+    /** onKeyDown handler */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+    /** Set the variant of the Submenu  */
+    variant?: VariantType;
+    /** When set the submenu opens by click instead of hover */
+    clickToOpen?: boolean;
+    /** The href to use for the menu item. */
+    href?: string;
+    /** Maximum width. Any valid CSS string */
+    maxWidth?: MaxWidthProps["maxWidth"];
+    /** Used to set a submenu parent to passive styling in MenuFullscreen */
+    asPassiveItem?: boolean;
+    /** Callback triggered when submenu opens. Only valid with submenu prop */
+    onSubmenuOpen?: () => void;
+    /** Callback triggered when submenu closes. Only valid with submenu prop */
+    onSubmenuClose?: () => void;
+    /** Callback triggered when the top-level menu item is clicked */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    /** Sets the max-width of the submenu container element */
+    submenuMaxWidth?: string;
+    /** Sets the min-width of the submenu container element */
+    submenuMinWidth?: string;
+    /** Is the menu item the currently selected item. */
+    selected?: boolean;
+}
+declare const Submenu: React.ForwardRefExoticComponent<SubmenuProps & React.RefAttributes<HTMLAnchorElement>>;
+export default Submenu;