carbon-react 154.4.0 → 154.4.2

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

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

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

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

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

@@ -1,63 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from "react";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import { StyledSpinnerWrapper, StyledLabel, StyledSpinnerCircleSvg } from "./loader-spinner.style";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import useLocale from "../../hooks/__internal__/useLocale";
-import useMediaQuery from "../../hooks/useMediaQuery";
-import Typography from "../typography";
-export const LoaderSpinner = ({
-  spinnerLabel,
-  size = "medium",
-  showSpinnerLabel = true,
-  variant = "action",
-  isTracked = false,
-  hasMotion = true,
-  animationTime,
-  ...rest
-}) => {
-  const locale = useLocale();
-  const allowMotion = useMediaQuery("screen and (prefers-reduced-motion: no-preference)");
-  if (allowMotion === undefined) {
-    return null;
-  }
-  const isLabelDark = variant !== "inverse" && variant !== "gradient-white";
-  const renderSpinnerLabel = /*#__PURE__*/React.createElement(StyledLabel, {
-    "data-role": "visible-label",
-    variant: "span",
-    fontWeight: "400",
-    size: size,
-    color: isLabelDark ? "var(--colorsUtilityYin090);" : "var(--colorsActionMajorYang100);",
-    fontSize: size === "extra-large" ? "var(--sizing200)" : "var(--sizing175)",
-    lineHeight: size === "extra-large" ? "var(--sizing300)" : "var(--sizing250)"
-  }, spinnerLabel || locale.loaderSpinner.loading());
-  const isGradientVariant = variant === "gradient-white" || variant === "gradient-grey";
-  const calculateDefaultAnimationTime = () => {
-    if (animationTime) {
-      return animationTime;
-    }
-    return isGradientVariant ? 2 : 1;
-  };
-  return /*#__PURE__*/React.createElement(StyledSpinnerWrapper, _extends({
-    size: size,
-    role: "status"
-  }, tagComponent("loader-spinner", rest), filterStyledSystemMarginProps(rest)), allowMotion ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledSpinnerCircleSvg, {
-    role: "presentation",
-    size: size,
-    variant: variant,
-    hasMotion: hasMotion,
-    isTracked: isTracked,
-    isGradientVariant: isGradientVariant,
-    animationTime: calculateDefaultAnimationTime(),
-    viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React.createElement("circle", {
-    "data-role": "outer-arc"
-  }), /*#__PURE__*/React.createElement("circle", {
-    "data-role": "inner-arc"
-  })), showSpinnerLabel ? renderSpinnerLabel : /*#__PURE__*/React.createElement(Typography, {
-    "data-role": "hidden-label",
-    variant: "span",
-    screenReaderOnly: true
-  }, spinnerLabel || locale.loaderSpinner.loading())) : renderSpinnerLabel);
-};
-export default LoaderSpinner;
+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:j}=d,h=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,color:"inverse"!==b&&"gradient-white"!==b?"var(--colorsUtilityYin090);":"var(--colorsActionMajorYang100);",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",h),s(h)),k=null!=(k={children:w?r(t,{children:[r(a,{role:"presentation",size:y,variant:b,hasMotion:O,isTracked:g,isGradientVariant:S,animationTime:j||(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.js

@@ -1,29 +1 @@
-const LOADER_SPINNER_VARIANTS = ["action", "neutral", "inverse", "gradient-grey", "gradient-white"];
-const LOADER_SPINNER_SIZES = ["extra-small", "small", "medium", "large", "extra-large"];
-const LOADER_SPINNER_SIZE_PARAMS = {
-  "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 { LOADER_SPINNER_SIZES, LOADER_SPINNER_VARIANTS, LOADER_SPINNER_SIZE_PARAMS };
+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.js

@@ -1,125 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import { LOADER_SPINNER_SIZE_PARAMS } from "./loader-spinner.config";
-import Typography from "../typography";
-const calculateColors = (isWheel, variant) => {
-  switch (variant) {
-    case "neutral":
-      return isWheel ? "var(--colorsSemanticNeutral500)" : "var(--colorsSemanticNeutral200)";
-    case "gradient-grey":
-      return isWheel ? "#00D639" : "#0000001A";
-    case "gradient-white":
-      return isWheel ? "#00D639" : "var(--colorsActionMajorYang100)";
-    case "inverse":
-      return "var(--colorsActionMajorYang100)";
-    default:
-      return isWheel ? "var(--colorsActionMajor500)" : "var(--colorsActionMajor150)";
-  }
-};
-export const StyledSpinnerWrapper = styled.div`
-  ${margin}
-  display: flex;
-  flex-direction: ${({
-  size
-}) => size === "extra-small" ? "row" : "column"};
-`;
-export const StyledLabel = styled(Typography)`
-  ${({
-  size
-}) => css`
-    display: flex;
-    justify-content: center;
-    text-align: center;
-    ${size === "extra-small" ? "margin-left: var(--spacing100)" : `margin-top: ${LOADER_SPINNER_SIZE_PARAMS[size].labelMarginTop}px`};
-  `}
-`;
-export const StyledSpinnerCircleSvg = styled.svg`
-  ${({
-  size,
-  isTracked,
-  hasMotion,
-  isGradientVariant,
-  animationTime,
-  variant
-}) => {
-  const dimensions = `${LOADER_SPINNER_SIZE_PARAMS[size].wrapperDimensions}px`;
-  return size && css`
-        height: ${dimensions};
-        min-height: ${dimensions};
-
-        circle[data-role="outer-arc"] {
-          fill: transparent;
-          stroke-width: ${LOADER_SPINNER_SIZE_PARAMS[size].strokeWidth}px;
-          stroke: ${calculateColors(false, variant)};
-          ${variant === "inverse" && `stroke-opacity: 0.3;`}
-          cx: 12px;
-          cy: 12px;
-          r: 10px;
-        }
-
-        circle[data-role="inner-arc"] {
-          fill: transparent;
-          stroke-width: ${LOADER_SPINNER_SIZE_PARAMS[size].strokeWidth}px;
-          stroke: ${calculateColors(true, variant)};
-          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: ${isTracked && !isGradientVariant ? "trackedAnimation" : "untrackedAnimation"},
-            ${variant === "gradient-grey" || variant === "gradient-white" && "gradientAnimation" ? "gradientAnimation" : "none"};
-          ${hasMotion && `animation-duration: ${animationTime}s`};
-          animation-timing-function: cubic-bezier(0.2, 0.1, 0.8, 1);
-          animation-iteration-count: ${hasMotion ? "infinite" : "none"};
-        `;
-}};
-`;
+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:"sc-3cab43b4-0"})([""," display:flex;flex-direction:",";"],t,(({size:r})=>"extra-small"===r?"row":"column")),s=r(n).withConfig({displayName:"loader-spinner.style__StyledLabel",componentId:"sc-3cab43b4-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:"sc-3cab43b4-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.js

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

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

@@ -1,33 +1 @@
-import React from "react";
-import { GradientStopBottom, GradientStopTop, StyledLoaderStarContainer, StyledStarSVG } from "./star.style";
-const Star = ({
-  starContainerClassName,
-  gradientId
-}) => {
-  return /*#__PURE__*/React.createElement(StyledLoaderStarContainer, {
-    "data-component": "star",
-    role: "presentation",
-    className: starContainerClassName
-  }, /*#__PURE__*/React.createElement(StyledStarSVG, {
-    className: "ai-star-svg",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 217 216"
-  }, /*#__PURE__*/React.createElement("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"
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: gradientId,
-    x1: "0%",
-    y1: "0%",
-    x2: "100%",
-    y2: "100%"
-  }, /*#__PURE__*/React.createElement(GradientStopTop, {
-    offset: "0%"
-  }), /*#__PURE__*/React.createElement(GradientStopBottom, {
-    offset: "100%"
-  })))));
-};
-Star.displayName = "Star";
-export default Star;
+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.js

@@ -1,126 +1 @@
-import styled, { keyframes } from "styled-components";
-const animateStar = keyframes`
-  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;
-  }
-`;
-const animateStopTop = keyframes`
-  0% { stop-color: #13a038; }
-  10% { stop-color: #13a038; }
-  50% { stop-color: #0092db; }
-  90% { stop-color: #8f49fe; }
-  100% { stop-color: #8f49fe; }
-`;
-const animateStopBottom = keyframes`
-  0% { stop-color: #13a038; }
-  10% { stop-color: #13a038; }
-  50% { stop-color: #13a038; }
-  90% { stop-color: #0092db; }
-  100% { stop-color: #0092db; }
-`;
-const time = "3s";
-export const StyledStarSVG = styled.svg`
-  animation: ${animateStar} ${time} ease-in-out forwards infinite;
-  height: var(--sizing200);
-  opacity: 0;
-  width: var(--sizing200);
-`;
-export const GradientStopTop = styled.stop`
-  animation: ${animateStopTop} ${time} ease-in-out forwards infinite;
-`;
-export const GradientStopBottom = styled.stop`
-  animation: ${animateStopBottom} ${time} ease-in-out forwards infinite;
-`;
-export const StyledLoaderStarContainer = styled.div`
-  bottom: 0;
-  height: var(--sizing200);
-  left: 0;
-  position: absolute;
-  width: var(--sizing200);
-
-  &.star-1 {
-    .ai-star-path {
-      fill: url(#gradient1);
-    }
-
-    ${StyledStarSVG} {
-      animation-delay: -2s;
-    }
-
-    #gradient1 {
-      ${GradientStopTop} {
-        animation-delay: -2s;
-      }
-      ${GradientStopBottom} {
-        animation-delay: -2s;
-      }
-    }
-  }
-
-  &.star-2 {
-    .ai-star-path {
-      fill: url(#gradient2);
-    }
-
-    ${StyledStarSVG} {
-      animation-delay: -1s;
-    }
-
-    #gradient2 {
-      ${GradientStopTop} {
-        animation-delay: -1s;
-      }
-      ${GradientStopBottom} {
-        animation-delay: -1s;
-      }
-    }
-  }
-
-  &.star-3 {
-    .ai-star-path {
-      fill: url(#gradient3);
-    }
-
-    ${StyledStarSVG} {
-      animation-delay: 0s;
-    }
-
-    #gradient3 {
-      ${GradientStopTop} {
-        animation-delay: 0s;
-      }
-      ${GradientStopBottom} {
-        animation-delay: 0s;
-      }
-    }
-  }
-`;
+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:"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:"sc-1b60e449-1"})(["animation:"," "," ease-in-out forwards infinite;"],i,n),p=a.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"sc-1b60e449-2"})(["animation:"," "," ease-in-out forwards infinite;"],s,n),l=a.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"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.js

@@ -1,41 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from "react";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import { StyledLoaderStarWrapper, StyledLabel, StyledStars } from "./loader-star.style";
-import useLocale from "../../hooks/__internal__/useLocale";
-import useMediaQuery from "../../hooks/useMediaQuery";
-import Star from "./internal/star.component";
-import Typography from "../typography";
-const LoaderStar = ({
-  loaderStarLabel,
-  ...rest
-}) => {
-  const locale = useLocale();
-  const allowMotion = useMediaQuery("screen and (prefers-reduced-motion: no-preference)");
-  if (allowMotion === undefined) {
-    return null;
-  }
-  const label = /*#__PURE__*/React.createElement(StyledLabel, {
-    "data-role": "visible-label",
-    variant: "span",
-    fontWeight: "400"
-  }, loaderStarLabel || locale.loaderStar.loading());
-  return /*#__PURE__*/React.createElement(StyledLoaderStarWrapper, _extends({
-    role: "status"
-  }, tagComponent("loader-star", rest)), allowMotion ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledStars, null, /*#__PURE__*/React.createElement(Star, {
-    starContainerClassName: "star-1",
-    gradientId: "gradient1"
-  }), /*#__PURE__*/React.createElement(Star, {
-    starContainerClassName: "star-2",
-    gradientId: "gradient2"
-  }), /*#__PURE__*/React.createElement(Star, {
-    starContainerClassName: "star-3",
-    gradientId: "gradient3"
-  })), /*#__PURE__*/React.createElement(Typography, {
-    "data-role": "hidden-label",
-    variant: "span",
-    screenReaderOnly: true
-  }, loaderStarLabel || locale.loaderStar.loading())) : label);
-};
-LoaderStar.displayName = "LoaderStar";
-export default LoaderStar;
+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.js

@@ -1,15 +1 @@
-import styled from "styled-components";
-import Typography from "../typography";
-export const StyledLoaderStarWrapper = styled.div`
-  position: relative;
-  width: max-content;
-`;
-export const StyledLabel = styled(Typography)`
-  display: flex;
-  justify-content: center;
-  text-align: center;
-`;
-export const StyledStars = styled.div`
-  width: 40px;
-  height: 40px;
-`;
+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:"sc-d84f526-0"})(["position:relative;width:max-content;"]),r=t(e).withConfig({displayName:"loader-star.style__StyledLabel",componentId:"sc-d84f526-1"})(["display:flex;justify-content:center;text-align:center;"]),a=t.div.withConfig({displayName:"loader-star.style__StyledStars",componentId:"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.js

@@ -1,24 +1 @@
-import Events from "../../../../__internal__/utils/helpers/events";
-import { MENU_ITEM, SCROLLABLE_BLOCK_PARENT } from "../locators";
-function characterNavigation(inputString, focusableItems) {
-  if (!inputString || !focusableItems) return undefined;
-  const getInnerText = element => element?.textContent?.split("\n")?.map(text => text.trim()).join(" ");
-  const getMenuText = element => getInnerText(element)?.toLowerCase();
-  const matchingItem = focusableItems.find(item => {
-    if (!item?.getAttribute("data-component")) return false;
-    return [MENU_ITEM, SCROLLABLE_BLOCK_PARENT].includes(item.getAttribute("data-component")) && getMenuText(item)?.startsWith(inputString.toLowerCase());
-  });
-  return matchingItem;
-}
-function menuKeyboardNavigation(event, focusableItems) {
-  if (Events.isHomeKey(event)) {
-    event.preventDefault();
-    return 0;
-  }
-  if (Events.isEndKey(event)) {
-    event.preventDefault();
-    return focusableItems.length - 1;
-  }
-  return undefined;
-}
-export { characterNavigation, menuKeyboardNavigation };
+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.js

@@ -1,6 +1 @@
-export const MENU_ITEM = "menu-item";
-export const SCROLLABLE_BLOCK = "submenu-scrollable-block";
-export const SCROLLABLE_BLOCK_PARENT = "scrollable-block-parent";
-export const ALL_CHILDREN_SELECTOR = `[data-component='${MENU_ITEM}'], [data-component='${SCROLLABLE_BLOCK_PARENT}']`;
-export const BLOCK_INDEX_SELECTOR = `[data-component='${MENU_ITEM}'], [data-component='${SCROLLABLE_BLOCK}']`;
-export const MENU_ITEM_CHILDREN_LOCATOR = `[data-component='${MENU_ITEM}']`;
+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.context.js

@@ -1,4 +1 @@
-import { createContext } from "react";
-export default /*#__PURE__*/createContext({
-  inMenu: false
-});
+import{createContext as r}from"react";var a=r({inMenu:!1});export{a as default};

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

@@ -1,11 +1 @@
-import createStrictContext from "../../../__internal__/utils/createStrictContext";
-const [StrictMenuProvider, useStrictMenuContext] = createStrictContext({
-  name: "MenuContext",
-  errorMessage: "Carbon Menu: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
-  defaultValue: {
-    menuType: "light",
-    openSubmenuId: null,
-    setOpenSubmenuId: /* istanbul ignore next */() => {}
-  }
-});
-export { StrictMenuProvider, useStrictMenuContext };
+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:{menuType:"light",openSubmenuId:null,setOpenSubmenuId:()=>{}}});export{t as StrictMenuProvider,n as useStrictMenuContext};

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

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