@vodafone_de/brix-components 3.1.8 → 3.1.9

package/components/Label/index.js

@@ -1,21 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const renderInlineRichTextFromOpenText = require("../../renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
-const styled = require("styled-components");
-const foundations_token_getBodySize = require("../../foundations/token/getBodySize/index.js");
-const foundations_token_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const LabelStyled = styled.label.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "LabelStyled",
-  componentId: "sc-1w6iej7-0"
-})({
-  outline: "none",
-  display: "inline-block"
-}, foundations_token_getBodySize.getBodySize("md"), foundations_token_getBottomSpacing.getBottomSpacing);
-const Label = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(LabelStyled, { ...props, children: renderInlineRichTextFromOpenText.renderInlineRichTextFromOpenText(children) });
-module.exports = Label;

package/components/Legend/index.js

@@ -1,59 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const components_Body = require("../Body/index.js");
-const components_Heading = require("../Heading/index.js");
-const components_IconSnippet = require("../IconSnippet/index.js");
-const components_RichText = require("../../index-DORk60LP.cjs");
-const styled = require("styled-components");
-const LegendStyled = styled.legend.withConfig({
-  displayName: "LegendStyled",
-  componentId: "sc-1vyrzt5-0"
-})({
-  /**
-   * minimal hack to disable the wired position of a legend in a fieldset
-   */
-  all: "unset",
-  width: "100%"
-});
-const Legend = ({
-  contents,
-  ...props
-}) => {
-  const getLegend = () => {
-    if (!contents || 0 === contents.length) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(LegendStyled, { ...props, children: contents.map((legend) => {
-      if ("Heading" === legend.component) {
-        return /* @__PURE__ */ jsxRuntime.jsx(components_Heading.default, { ...legend, children: legend.children }, legend.key);
-      }
-      if ("Body" === legend.component) {
-        return /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...legend, tag: "span", children: legend.children }, legend.key);
-      }
-      if ("RichText" === legend.component) {
-        return /* @__PURE__ */ jsxRuntime.jsx(components_RichText.RichText, { ...legend, tagProps: {
-          p: {
-            tag: "span"
-          }
-        }, html: legend.children }, legend.key);
-      }
-      if ("IconSnippet" === legend.component) {
-        legend.contents = legend.contents.map((content) => {
-          if ("RichText" === content.component) {
-            content.tagProps = {
-              p: {
-                tag: "span"
-              }
-            };
-          }
-          return content;
-        });
-        return /* @__PURE__ */ jsxRuntime.jsx(components_IconSnippet.default, { ...legend, tag: "span", iconAlign: components_IconSnippet.iconSnippetAlignCenter }, legend.key);
-      }
-      return null;
-    }) });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: getLegend() });
-};
-module.exports = Legend;

package/components/Link/index.js

@@ -1,18 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const components_LinkAsButton = require("../../index-BMP9PDyg.cjs");
-const renderInlineRichTextFromOpenText = require("../../renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
-const isLinkAsButtonProp = (props) => {
-  return props.href === void 0;
-};
-const Link = (props) => {
-  if (isLinkAsButtonProp(props)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(components_LinkAsButton.LinkAsButton, { ...props, children: props.children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(components_LinkAsButton.LinkStyled, { ...props, children: [
-    renderInlineRichTextFromOpenText.renderInlineRichTextFromOpenText(props.children),
-    components_LinkAsButton.getLinkIcon(props.icon)
-  ] });
-};
-module.exports = Link;

package/components/LinkAsButton/index.js

@@ -1,6 +0,0 @@
-"use client";
-"use strict";
-require("react/jsx-runtime");
-const components_LinkAsButton = require("../../index-BMP9PDyg.cjs");
-require("../../renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
-module.exports = components_LinkAsButton.LinkAsButton;

package/components/LinkList/index.js

@@ -1,64 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const tags = require("../../tags-CTaUxoCi.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const components_LinkListItem = require("../LinkListItem/index.js");
-const styled = require("styled-components");
-const components_Grid = require("../Grid/index.js");
-const components_GridItem = require("../GridItem/index.js");
-const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
-const foundations_token_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const linkListVariantRow = "row";
-const linkListVariantColumn = "column";
-const LinkListStyled = styled(components_Grid).withConfig({
-  displayName: "LinkListStyled",
-  componentId: "sc-15vheq9-0"
-})({
-  display: "flex",
-  flexWrap: "wrap"
-}, ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}), ({
-  variant,
-  elevation
-}) => {
-  return {
-    flexDirection: variant === linkListVariantRow ? "row" : "column",
-    gap: !elevation && variant === linkListVariantColumn ? foundations_token_getSpacing.getSpacing(Spacing.spacingNone) : foundations_token_getSpacing.getSpacing(Spacing.spacingMd),
-    ...foundations_mediaQuery_forcedColors.default({
-      gap: foundations_token_getSpacing.getSpacing(Spacing.spacingMd)
-    })
-  };
-});
-const LinkListLiStyled = styled(components_GridItem).withConfig({
-  displayName: "LinkListLiStyled",
-  componentId: "sc-15vheq9-1"
-})(({
-  variant
-}) => {
-  return {
-    width: variant === linkListVariantColumn ? "100%" : "auto"
-  };
-});
-const LinkList = ({
-  items,
-  variant,
-  gridConfig = {
-    sm: 12,
-    md: 3,
-    lg: 2
-  },
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(LinkListStyled, { bottomSpacing: props.bottomSpacing, variant, tag: tags.ulTagName, autoLayout: gridConfig, elevation: props.elevation, stretch: true, children: items.map((item, index) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(LinkListLiStyled, { tag: tags.liTagName, variant, children: /* @__PURE__ */ jsxRuntime.jsx(components_LinkListItem.default, { ...item, orientation: variant === linkListVariantRow ? components_LinkListItem.linkListItemVariantVertical : components_LinkListItem.linkListItemVariantHorizontal, elevation: props.elevation, bottomSpacing: Spacing.spacingNone, isLastItemInList: index === items.length - 1 }) }, item.uid);
-  }) });
-};
-exports.default = LinkList;
-exports.linkListVariantColumn = linkListVariantColumn;
-exports.linkListVariantRow = linkListVariantRow;

package/components/LinkListItem/index.js

@@ -1,316 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const index = require("../../index-_A9hEpl9.cjs");
-const tags = require("../../tags-CTaUxoCi.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const SizeTypes = require("../../SizeTypes-CoZ2p2qq.cjs");
-const components_Badge = require("../../index-CnLaY-bi.cjs");
-const components_Body = require("../Body/index.js");
-const styled = require("styled-components");
-const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
-const easing = require("../../easing-CWOuUocw.cjs");
-const foundations_token_getBorderColor = require("../../foundations/token/getBorderColor/index.js");
-const foundations_token_getBorderRadius = require("../../foundations/token/getBorderRadius/index.js");
-const foundations_token_getBorderWidth = require("../../foundations/token/getBorderWidth/index.js");
-const foundations_token_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const foundations_token_getHeadingSize = require("../../foundations/token/getHeadingSize/index.js");
-const foundations_token_getHoverColor = require("../../foundations/token/getHoverColor/index.js");
-const foundations_token_getIconColor = require("../../foundations/token/getIconColor/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const foundations_token_getTextColor = require("../../foundations/token/getTextColor/index.js");
-const BorderColor = require("../../BorderColor-Bl18ZGTj.cjs");
-const BorderRadius = require("../../BorderRadius-tg_0N_aM.cjs");
-const BorderWidth = require("../../BorderWidth-BLS_JGlE.cjs");
-const HeadingSize = require("../../HeadingSize-cjNplkhN.cjs");
-const IconColor = require("../../IconColor-B-BmIdKj.cjs");
-const TextColor = require("../../TextColor-BZDXH1wP.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const components_Card = require("../Card/index.js");
-const components_Icon = require("../Icon/index.js");
-const styled$1 = require("../../styled-D36Jj6J7.cjs");
-const linkListItemVariantVertical = "vertical";
-const linkListItemVariantHorizontal = "horizontal";
-const focusStyles = {
-  ...foundations_mediaQuery_forcedColors.default({
-    outline: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} solid CanvasText`
-  }),
-  boxShadow: `${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus)} 0px 0px 0px ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)}`,
-  outline: "none"
-};
-const hoverBackgroundColor = foundations_token_getHoverColor.getHoverColor(styled$1.CardAppearanceColor["primary"]);
-const hoverStylesChangingBackground = {
-  transitionProperty: "background, color, box-shadow",
-  transitionDuration: "0.2s",
-  transitionTimingFunction: easing.ease_in_sine,
-  "&:hover, &:focus-visible": {
-    background: hoverBackgroundColor
-  }
-};
-const LinkListItemButtonStyled = styled.button.withConfig({
-  shouldForwardProp: filterProps.filterProps(["label"]),
-  displayName: "LinkListItemButtonStyled",
-  componentId: "sc-1dmfu9f-0"
-})({
-  width: "100%",
-  height: "100%",
-  background: "none",
-  border: "none",
-  cursor: "pointer",
-  color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral),
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd),
-  "&:focus-visible": focusStyles,
-  ...foundations_mediaQuery_forcedColors.default({
-    border: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSm)} solid ButtonBorder`,
-    background: "ButtonFace",
-    color: "ButtonText"
-  })
-}, ({
-  elevation = true,
-  orientation
-}) => {
-  if (!elevation && orientation === linkListItemVariantHorizontal) {
-    return {
-      borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusNone),
-      transitionProperty: "color",
-      transitionDuration: "0.2s",
-      transitionTimingFunction: easing.ease_in_sine,
-      "&:hover, &:focus-visible": {
-        color: foundations_token_getTextColor.getTextColor(TextColor.colorTextBrand)
-      }
-    };
-  }
-});
-const buttonParent = `${LinkListItemButtonStyled.toString()} &`;
-const LinkListItemAnchorStyled = styled.a.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "LinkListItemAnchorStyled",
-  componentId: "sc-1dmfu9f-1"
-})({
-  textDecoration: "none",
-  display: "block",
-  height: "100%",
-  color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral),
-  "&:focus-visible": focusStyles,
-  "&:hover, &:focus": {
-    textDecoration: "none"
-  },
-  "&:visited": {
-    color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral)
-  }
-}, ({
-  elevation = true,
-  orientation
-}) => {
-  if (!elevation && orientation === linkListItemVariantHorizontal) {
-    return {
-      borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusNone),
-      transitionProperty: "color",
-      transitionDuration: "0.2s",
-      transitionTimingFunction: easing.ease_in_sine,
-      "&:hover, &:focus-visible": {
-        color: foundations_token_getTextColor.getTextColor(TextColor.colorTextBrand)
-      }
-    };
-  }
-  return {
-    borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd)
-  };
-});
-const parentHasFocusSelector = `${LinkListItemAnchorStyled.toString()}:focus-within &, ${LinkListItemButtonStyled.toString()}:focus-within &`;
-const LinkListItemStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "LinkListItemStyled",
-  componentId: "sc-1dmfu9f-2"
-})({
-  display: "block",
-  height: "100%",
-  padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)} 0`
-}, ({
-  orientation,
-  isLastItemInList = false
-}) => {
-  if (orientation === linkListItemVariantVertical) {
-    return {
-      ...hoverStylesChangingBackground,
-      borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd),
-      border: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSm)} solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderSubtle)}`,
-      padding: foundations_token_getSpacing.getSpacing(Spacing.spacingMd),
-      [parentHasFocusSelector]: {
-        background: hoverBackgroundColor
-      },
-      ...foundations_mediaQuery_forcedColors.default({
-        border: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSm)} solid CanvasText`,
-        [buttonParent]: {
-          border: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSm)} solid ButtonBorder`
-        },
-        "&:hover, &:focus-visible": {
-          background: "inherit"
-        },
-        [parentHasFocusSelector]: {
-          background: "inherit"
-        }
-      })
-    };
-  }
-  if (!isLastItemInList) {
-    return {
-      borderBottom: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSm)} solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderSubtle)}`,
-      ...foundations_mediaQuery_forcedColors.default({
-        borderBottom: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSm)} solid CanvasText}`
-      }),
-      ...foundations_mediaQuery_forcedColors.default({
-        [buttonParent]: {
-          borderBottom: "none"
-        }
-      })
-    };
-  }
-}, ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-const LinkListItemElevatedStyled = styled(components_Card.default).withConfig({
-  displayName: "LinkListItemElevatedStyled",
-  componentId: "sc-1dmfu9f-3"
-})({
-  ...hoverStylesChangingBackground,
-  ...foundations_mediaQuery_forcedColors.default({
-    [buttonParent]: {
-      border: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSm)} solid ButtonBorder`,
-      background: "ButtonFace",
-      color: "ButtonText"
-    }
-  }),
-  height: "100%"
-}, () => {
-  return {
-    [parentHasFocusSelector]: {
-      background: hoverBackgroundColor
-    },
-    ...foundations_mediaQuery_forcedColors.default({
-      [parentHasFocusSelector]: {
-        background: "inherit"
-      }
-    })
-  };
-});
-const LinkListItemContentWrapperStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "LinkListItemContentWrapperStyled",
-  componentId: "sc-1dmfu9f-4"
-})({
-  display: "flex"
-}, ({
-  orientation = linkListItemVariantHorizontal
-}) => {
-  return {
-    alignItems: orientation === linkListItemVariantVertical ? "flex-start" : "center",
-    flexDirection: orientation === linkListItemVariantVertical ? "column" : "row",
-    gap: orientation === linkListItemVariantVertical ? foundations_token_getSpacing.getSpacing(Spacing.spacingXs) : foundations_token_getSpacing.getSpacing(Spacing.spacingNone)
-  };
-});
-const LinkListItemContentStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "LinkListItemContentStyled",
-  componentId: "sc-1dmfu9f-5"
-})({
-  flexGrow: 1,
-  display: "flex",
-  gap: foundations_token_getSpacing.getSpacing(Spacing.spacingXs),
-  flexDirection: "row",
-  width: "100%"
-}, ({
-  orientation = linkListItemVariantHorizontal
-}) => {
-  return {
-    alignItems: orientation === linkListItemVariantVertical ? "flex-start" : "center",
-    paddingRight: orientation === linkListItemVariantVertical ? foundations_token_getSpacing.getSpacing(Spacing.spacingNone) : foundations_token_getSpacing.getSpacing(Spacing.spacingXs)
-  };
-});
-const LinkListItemVerticalContentStyled = styled.span.withConfig({
-  displayName: "LinkListItemVerticalContentStyled",
-  componentId: "sc-1dmfu9f-6"
-})({
-  flexGrow: 1,
-  gap: foundations_token_getSpacing.getSpacing(Spacing.spacingXs),
-  display: "flex",
-  flexDirection: "column"
-});
-const LinkListItemLabelWrapperStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "LinkListItemLabelWrapperStyled",
-  componentId: "sc-1dmfu9f-7"
-})({
-  display: "flex",
-  flexDirection: "column",
-  flexGrow: 1,
-  alignItems: "flex-start"
-});
-const LinkListLabelStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "LinkListLabelStyled",
-  componentId: "sc-1dmfu9f-8"
-})(foundations_token_getHeadingSize.getHeadingSize(HeadingSize.textHeadingXs), {
-  textAlign: "left"
-});
-const LinkListItemChevronStyled = styled(components_Icon.default).withConfig({
-  displayName: "LinkListItemChevronStyled",
-  componentId: "sc-1dmfu9f-9"
-})({
-  flexGrow: 0,
-  flexShrink: 0,
-  color: foundations_token_getIconColor.getIconColor(IconColor.colorIconBrand)
-});
-const isLinkListItemAsButtonProp = (props) => {
-  return props.href === void 0;
-};
-const LinkListItem = (props) => {
-  const {
-    icon,
-    label,
-    suffix,
-    badge,
-    orientation,
-    elevation,
-    isLastItemInList
-  } = props;
-  const LinkListIcon = icon ? /* @__PURE__ */ jsxRuntime.jsx(index.IconLoader, { name: icon, size: index.iconSizeMd }) : void 0;
-  const LinkListLabel = /* @__PURE__ */ jsxRuntime.jsx(LinkListLabelStyled, { children: label });
-  const LinkListSuffix = suffix ? /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { tag: tags.spanTagName, bottomSpacing: Spacing.spacingNone, children: suffix }) : void 0;
-  const LinkListBadge = badge ? /* @__PURE__ */ jsxRuntime.jsx(components_Badge.Badge, { ...badge, size: SizeTypes.smallSize, bottomSpacing: Spacing.spacingNone }) : void 0;
-  const LinkListChevron = /* @__PURE__ */ jsxRuntime.jsx(LinkListItemChevronStyled, { name: "ChevronRight", size: index.iconSizeMd });
-  const Content = /* @__PURE__ */ jsxRuntime.jsx(LinkListItemContentWrapperStyled, { orientation, children: orientation === linkListItemVariantHorizontal ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(LinkListItemContentStyled, { orientation, children: [
-      LinkListIcon,
-      /* @__PURE__ */ jsxRuntime.jsxs(LinkListItemLabelWrapperStyled, { children: [
-        LinkListLabel,
-        LinkListSuffix
-      ] }),
-      LinkListBadge
-    ] }),
-    LinkListChevron
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(LinkListItemContentStyled, { orientation, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(LinkListItemVerticalContentStyled, { children: [
-        LinkListIcon,
-        /* @__PURE__ */ jsxRuntime.jsxs(LinkListItemLabelWrapperStyled, { children: [
-          LinkListLabel,
-          LinkListSuffix
-        ] })
-      ] }),
-      LinkListChevron
-    ] }),
-    LinkListBadge
-  ] }) });
-  const Item = elevation ? /* @__PURE__ */ jsxRuntime.jsx(LinkListItemElevatedStyled, { ...props, tag: "span", children: Content }) : /* @__PURE__ */ jsxRuntime.jsx(LinkListItemStyled, { orientation, bottomSpacing: props.bottomSpacing, isLastItemInList, children: Content });
-  if (isLinkListItemAsButtonProp(props)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(LinkListItemButtonStyled, { ...props, children: Item });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(LinkListItemAnchorStyled, { ...props, elevation, orientation, children: Item });
-};
-exports.default = LinkListItem;
-exports.linkListItemVariantHorizontal = linkListItemVariantHorizontal;
-exports.linkListItemVariantVertical = linkListItemVariantVertical;

package/components/LoadingSpinner/index.js

@@ -1,69 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const reactDom = require("react-dom");
-const components_ScreenreaderOnly = require("../../index-DVXE2AnG.cjs");
-const styled = require("../../styled-B6YPXixY.cjs");
-const LoadingSpinnerSVG = ({
-  size = "lg",
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(styled.LoadingSpinnerSVGStyled, { viewBox: `0 0 300 300`, ...props, size, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(styled.LoadingSpinnerPathOuter3Styled, { ...props, d: "M185.65,40.86l-0.22,0c-28.22,0.33-57.74,11.7-78.99,30.42C79.44,93.61,62,129.95,62,163.92\n                c0,26.73,9.87,51.28,27.8,69.13c16.65,16.58,39.06,26.1,61.49,26.1c53.56,0,86.71-44.64,86.71-85.99c0-17.3-4.21-32.61-12.5-45.52\n                c-8.83-13.74-22.04-24.27-39.3-31.38c1.2-3.82,2.98-7.05,5.32-9.65c1.6-1.77,3.69-3.45,4.35-3.9" }),
-    /* @__PURE__ */ jsxRuntime.jsx(styled.LoadingSpinnerPathOuter2Styled, { ...props, d: "M185.65,47.97l-0.13,0c-26.62,0.31-54.44,11.04-74.45,28.72c-25.49,21.03-41.95,55.25-41.95,87.22\n                c0,24.82,9.13,47.58,25.7,64.09c15.33,15.27,35.91,24.02,56.47,24.02c49.16,0,79.6-40.94,79.6-78.88c0-15.91-3.83-29.93-11.37-41.67\n                c-8.95-13.93-22.94-24.26-41.62-30.77c1.2-7.72,3.99-14.05,8.34-18.87c2.31-2.56,5.35-4.94,6.25-5.4" }),
-    /* @__PURE__ */ jsxRuntime.jsx(styled.LoadingSpinnerPathOuter1Styled, { ...props, d: "M185.71,55.09l-0.11,0c-25.01,0.29-51.13,10.39-69.92,27.02c-23.97,19.73-39.45,51.82-39.45,81.81\n                c0,22.91,8.38,43.88,23.61,59.05c14,13.95,32.76,21.95,51.45,21.95c44.77,0,72.48-37.25,72.48-71.76c0-23.89-9.47-54.49-53.55-67.42\n                c0.42-7.31,2.21-19.2,10.73-28.65c2.57-2.85,6.31-5.98,8.37-7" }),
-    /* @__PURE__ */ jsxRuntime.jsx("g", { children: /* @__PURE__ */ jsxRuntime.jsx(styled.LoadingSpinnerPathCenterStyled, { ...props, d: "M169.82,69.89c-12.5,15.07-12.76,33.09-12.86,40.02c-0.01,0.41-0.01,0.77-0.02,1.08l-0.12,4.83l4.7,1.14\n                    c32.6,7.94,49.13,26.84,49.13,56.18c0,14.26-5.74,28.76-15.74,39.76c-7.83,8.62-21.76,18.89-43.62,18.89\n                    c-15.25,0-30.62-6.61-42.19-18.13c-12.74-12.68-19.75-30.35-19.75-49.75c0-26.26,13.65-54.43,34.77-71.76l0.09-0.07l0.09-0.08\n                    C136.61,81.07,153.13,73.18,169.82,69.89 M185.71,62.2c-0.01,0-0.02,0-0.03,0c-21.67,0.25-46.87,8.88-65.38,25.32\n                    c-20.87,17.13-36.96,46.26-36.96,76.4c0,45.51,34.73,73.88,67.94,73.88c41.01,0,65.37-34.05,65.37-64.65\n                    c0-30.78-16.84-53.02-53.71-62.01c0.01-0.33,0.01-0.71,0.02-1.15c0.09-6.47,0.34-23.99,12.7-37.68c2.7-2.99,7.17-6.97,10.48-8.61\n                    C187.23,63.17,187.06,62.2,185.71,62.2L185.71,62.2z" }) })
-  ] });
-};
-const LoadingSpinnerXsSVG = ({
-  size = "xs",
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(styled.LoadingSpinnerSVGStyled, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, size, children: /* @__PURE__ */ jsxRuntime.jsx(styled.LoadingSpinnerPathXsStyled, { d: "M16.5433 9.04214C15.3747 8.41164 14.7394 8.31265 13.241 8.05992C13.241 5.27996 14.9891 2.5 14.9891 2.5C14.9891 2.5 12.2755 2.9686 10.2506 4.26907C8.86921 5.15627 7.57249 6.50626 6.75444 7.8072C5.20219 10.0571 4.92139 12.3496 5.01657 14.2428C5.12333 18.6859 8.78367 22 12.7811 22C16.7785 22 20 18.8298 20 14.7587C20 11.8889 18.6795 10.2393 16.6901 9.12291", ...props }) });
-};
-const LoadingSpinner = ({
-  size = "lg",
-  label,
-  hasOverlay = false,
-  children,
-  bottomSpacing,
-  isActive = false,
-  coversFullPage,
-  screenReaderLabel,
-  screenReaderLabelCompleted,
-  //This default is set as the 'wrapper' element is currently containing the majority of the content of pages from our CMS.
-  getContentElements = () => document.getElementsByClassName("wrapper"),
-  ...props
-}) => {
-  const loadingSpinner = /* @__PURE__ */ jsxRuntime.jsxs(styled.LoadingSpinnerContainerStyled, { className: props.className, role: isActive ? "progressbar" : void 0, "aria-busy": isActive && !screenReaderLabel ? true : void 0, "aria-live": "polite", "aria-label": isActive ? screenReaderLabel : void 0, coversFullPage, bottomSpacing, children: [
-    isActive && /* @__PURE__ */ jsxRuntime.jsxs(styled.LoadingSpinnerContentStyled, { size, hasOverlay: coversFullPage ? true : hasOverlay, coversFullPage, children: [
-      size === "xs" ? /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinnerXsSVG, { ...props, size }) : /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinnerSVG, { ...props, size }),
-      label && /* @__PURE__ */ jsxRuntime.jsx(styled.LoadingSpinnerLabelStyled, { size, children: label })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(components_ScreenreaderOnly.ScreenreaderOnly, { children: isActive ? screenReaderLabel : screenReaderLabelCompleted }),
-    children && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(styled.LoadingSpinnerChildrenStyled, { size, label, bottomSpacing, isActive, ...{
-      inert: isActive ? true : void 0
-    }, children }) })
-  ] });
-  react.useEffect(() => {
-    if (coversFullPage) {
-      document.body.classList.toggle("HideOverflowY", isActive);
-      const contentElements = getContentElements();
-      for (const element of contentElements) {
-        element.setAttribute("aria-hidden", isActive ? "true" : "false");
-        element.toggleAttribute("inert", isActive);
-      }
-    }
-    return () => {
-      document.body.classList.remove("HideOverflowY");
-      const contentElements = getContentElements();
-      for (const element of contentElements) {
-        element.removeAttribute("aria-hidden");
-        element.removeAttribute("inert");
-      }
-    };
-  }, [isActive, coversFullPage]);
-  return coversFullPage ? reactDom.createPortal(loadingSpinner, document.body) : loadingSpinner;
-};
-module.exports = LoadingSpinner;