@vodafone_de/brix-components 3.1.8 → 3.1.9

package/components/Dialog/index.js

@@ -1,171 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const reactDom = require("react-dom");
-const FontWeight = require("../../FontWeight-D3-RZpaX.cjs");
-const HeadingSize = require("../../HeadingSize-cjNplkhN.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const components_Heading = require("../Heading/index.js");
-const styled = require("styled-components");
-const components_ButtonGroup = require("../ButtonGroup/index.js");
-const components_Card = require("../Card/index.js");
-const components_IconButton = require("../IconButton/index.js");
-const foundations_token_getBackgroundColor = require("../../foundations/token/getBackgroundColor/index.js");
-const foundations_token_getBorderWidth = require("../../foundations/token/getBorderWidth/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const BackgroundColor = require("../../BackgroundColor-C3dayRDw.cjs");
-const BorderWidth = require("../../BorderWidth-BLS_JGlE.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const components_Flex = require("../Flex/index.js");
-const DialogOverlayStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "DialogOverlayStyled",
-  componentId: "sc-z6nqyy-0"
-})({
-  position: "absolute",
-  top: 0,
-  left: 0,
-  padding: `0 ${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)}`,
-  flexDirection: "column",
-  justifyContent: "center",
-  background: foundations_token_getBackgroundColor.getBackgroundColor(BackgroundColor.colorBackgroundOverlayStatic),
-  height: "100%",
-  width: "100%",
-  zIndex: "22"
-}, ({
-  open
-}) => ({
-  display: open ? "flex" : "none"
-}));
-const DialogCardStyled = styled(components_Card.default).withConfig({
-  displayName: "DialogCardStyled",
-  componentId: "sc-z6nqyy-1"
-})({
-  height: "auto",
-  maxHeight: `calc(100% - 2*${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)})`,
-  maxWidth: "1240px",
-  alignSelf: "center",
-  padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)} calc(${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)} - ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)})`
-});
-const DialogIconButtonStyled = styled(components_IconButton.default).withConfig({
-  displayName: "DialogIconButtonStyled",
-  componentId: "sc-z6nqyy-2"
-})({
-  flex: "0 0 auto"
-});
-const DialogButtonGroupStyled = styled(components_ButtonGroup).withConfig({
-  displayName: "DialogButtonGroupStyled",
-  componentId: "sc-z6nqyy-3"
-})({
-  justifyContent: "flex-end",
-  padding: `0 ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)}`
-});
-const DialogChildrenContainerStyled = styled("div").withConfig({
-  displayName: "DialogChildrenContainerStyled",
-  componentId: "sc-z6nqyy-4"
-})({
-  padding: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} 0`,
-  marginBottom: foundations_token_getSpacing.getSpacing(Spacing.spacingMd),
-  overflowY: "auto"
-});
-const DialogHeadingContainerStyled = styled(components_Flex.default).withConfig({
-  displayName: "DialogHeadingContainerStyled",
-  componentId: "sc-z6nqyy-5"
-})({
-  padding: `0 ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)}`,
-  marginBottom: `calc(${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)} - ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)})`
-});
-const Dialog = ({
-  heading,
-  children,
-  uid,
-  focusElementOnOpen,
-  focusElementOnClose,
-  buttons,
-  dismissable = true,
-  // This default is set as the 'wrapper' element is currently containing the majority of the content of pages from our CMS.
-  contentElements = ".wrapper",
-  ...props
-}) => {
-  const [open, setOpen] = react.useState(props.open === true);
-  const invokingElement = react.useRef(null);
-  const headingId = `${uid}-dialog-heading`;
-  const headingProps = {
-    ...heading,
-    size: HeadingSize.textHeadingMd,
-    weight: FontWeight.fontWeightBold,
-    uid: headingId,
-    bottomSpacing: Spacing.spacingNone
-  };
-  const closeWithEscape = (event) => {
-    if (event.key !== "Escape") return;
-    closeDialog();
-  };
-  const updateAttributes = (element, open2) => {
-    if (open2) {
-      element.setAttribute("aria-hidden", "true");
-    } else {
-      element.removeAttribute("aria-hidden");
-    }
-    element.toggleAttribute("inert", open2);
-  };
-  const updateElements = (open2) => {
-    const content = document.querySelectorAll(contentElements);
-    for (const element of content) {
-      updateAttributes(element, open2);
-    }
-    document.body.classList.toggle("HideOverflowY", open2);
-  };
-  const openDialog = (event) => {
-    if (invokingElement) invokingElement.current = event.target;
-    setOpen(true);
-  };
-  const closeDialog = () => {
-    var _a;
-    (_a = props.onToggle) == null ? void 0 : _a.call(props, false);
-    setOpen(false);
-  };
-  react.useEffect(() => {
-    setOpen(true === props.open);
-  }, [props.open]);
-  react.useEffect(() => {
-    const openingElements = document.querySelectorAll(`[data-action='dialog-${uid}']`);
-    for (const openingElement of openingElements) {
-      openingElement.addEventListener("click", openDialog);
-    }
-    return () => {
-      for (const openingElement of openingElements) {
-        openingElement.removeEventListener("click", openDialog);
-      }
-    };
-  }, []);
-  react.useEffect(() => {
-    var _a;
-    if (open) {
-      updateElements(true);
-      focusElementOnOpen && ((_a = document.getElementById(focusElementOnOpen)) == null ? void 0 : _a.focus());
-      dismissable && document.addEventListener("keydown", closeWithEscape);
-    }
-    return () => {
-      var _a2, _b;
-      updateElements(false);
-      focusElementOnClose ? (_a2 = document.getElementById(focusElementOnClose)) == null ? void 0 : _a2.focus() : (_b = invokingElement.current) == null ? void 0 : _b.focus();
-      dismissable && document.removeEventListener("keydown", closeWithEscape);
-    };
-  }, [open]);
-  const onCloseIconButtonClick = (event) => {
-    event.preventDefault();
-    closeDialog();
-  };
-  const dialog = /* @__PURE__ */ jsxRuntime.jsx(DialogOverlayStyled, { open, id: `dialog-${uid}`, className: props.className, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogCardStyled, { role: "dialog", "aria-modal": "true", "aria-describedby": headingId, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeadingContainerStyled, { justify: "between", bottomSpacing: Spacing.spacingNone, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(components_Heading.default, { ...headingProps }),
-      dismissable && /* @__PURE__ */ jsxRuntime.jsx(DialogIconButtonStyled, { label: "Schließen", iconName: "Close", appearance: "tertiary", bottomSpacing: Spacing.spacingNone, onClick: onCloseIconButtonClick })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(DialogChildrenContainerStyled, { children }),
-    /* @__PURE__ */ jsxRuntime.jsx(DialogButtonGroupStyled, { ...buttons, orientation: "horizontal", justifyHorizontal: "end", isReversed: true })
-  ] }) });
-  return open ? reactDom.createPortal(dialog, document.body) : null;
-};
-module.exports = Dialog;

package/components/DiscoveryCard/index.js

@@ -1,130 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const components_RichText = require("../../index-DORk60LP.cjs");
-const FontWeight = require("../../FontWeight-D3-RZpaX.cjs");
-const HeadingSize = require("../../HeadingSize-cjNplkhN.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 components_Heading = require("../Heading/index.js");
-const components_Link = require("../Link/index.js");
-const components_Price = require("../../index-BxxkHUxs.cjs");
-const components_Image = require("../Image/index.js");
-const CornerStyle = require("../../CornerStyle-Dp7lKShv.cjs");
-const styled = require("styled-components");
-const foundations_token_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const components_Card = require("../Card/index.js");
-const components_LinkAsButton = require("../../index-BMP9PDyg.cjs");
-const discoveryCardOrientationVertical = "vertical";
-const discoveryCardOrientationHorizontal = "horizontal";
-const DiscoveryCardStyled = styled(components_Card.default).withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "DiscoveryCardStyled",
-  componentId: "sc-6ng9yt-0"
-})(({
-  orientation
-}) => {
-  const isVertical = orientation === discoveryCardOrientationVertical;
-  return {
-    ...isVertical ? {
-      [`& ${components_Badge.BadgeStyled}`]: {
-        marginLeft: "auto",
-        marginRight: "auto"
-      },
-      [`& ${components_LinkAsButton.LinkStyled}`]: {
-        marginLeft: "auto",
-        marginRight: "auto"
-      }
-    } : {
-      display: "flex",
-      flexDirection: "row-reverse",
-      gap: foundations_token_getSpacing.getSpacing(Spacing.spacingMd),
-      alignItems: "center",
-      textAlign: "center"
-    }
-  };
-}, ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-const DiscoveryCardContentyled = styled.div.withConfig({
-  displayName: "DiscoveryCardContentyled",
-  componentId: "sc-6ng9yt-1"
-})({
-  flex: 1,
-  display: "flex",
-  flexDirection: "column"
-});
-const DiscoveryCardImageLinkStyled = styled.a.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "DiscoveryCardImageLinkStyled",
-  componentId: "sc-6ng9yt-2"
-})(({
-  orientation
-}) => {
-  if (orientation === discoveryCardOrientationVertical) {
-    return {
-      width: "100%"
-    };
-  }
-  return {
-    flex: 1,
-    maxWidth: "320px"
-  };
-}, ({
-  bottomSpacing = Spacing.spacingNone
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-styled(components_Image.default).withConfig({
-  displayName: "DiscoveryCardImageStyled",
-  componentId: "sc-6ng9yt-3"
-})({
-  width: "100%",
-  height: "100%"
-});
-const DiscoveryCardLinkedImage = ({
-  uid,
-  image,
-  link: {
-    icon: _icon,
-    component: _component,
-    ...linkProps
-  },
-  orientation = discoveryCardOrientationVertical,
-  bottomSpacing
-}) => /* @__PURE__ */ jsxRuntime.jsx(DiscoveryCardImageLinkStyled, { ...linkProps, tabIndex: -1, "aria-describedby": `headingId-${uid}`, orientation, bottomSpacing, children: /* @__PURE__ */ jsxRuntime.jsx(components_Image.default, { ...image, aspectRatio: orientation === discoveryCardOrientationVertical ? components_Image.aspectRatio16_9 : components_Image.aspectRatio1_1, corners: CornerStyle.cornerRounded }) });
-const DiscoveryCard = ({
-  orientation = discoveryCardOrientationVertical,
-  uid,
-  image,
-  heading,
-  link,
-  badge,
-  body,
-  price,
-  ...props
-}) => {
-  const ContentWrapper = orientation === discoveryCardOrientationHorizontal ? DiscoveryCardContentyled : react.Fragment;
-  return /* @__PURE__ */ jsxRuntime.jsxs(DiscoveryCardStyled, { ...props, orientation, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DiscoveryCardLinkedImage, { uid, orientation, link, image, bottomSpacing: discoveryCardOrientationHorizontal === orientation ? Spacing.spacingNone : Spacing.spacingMd }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
-      badge && /* @__PURE__ */ jsxRuntime.jsx(components_Badge.Badge, { ...badge, size: SizeTypes.smallSize, bottomSpacing: Spacing.spacingXs }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Heading.default, { ...heading, size: HeadingSize.textHeadingSm, weight: FontWeight.fontWeightBold, align: discoveryCardOrientationHorizontal === orientation ? components_Body.bodyAlignLeft : components_Body.bodyAlignCenter, id: `headingId-${uid}`, bottomSpacing: !body && !price ? Spacing.spacingSm : Spacing.spacingXs, children: heading.children }),
-      body && body.component === "Body" && /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...body, align: discoveryCardOrientationHorizontal === orientation ? components_Body.bodyAlignLeft : components_Body.bodyAlignCenter, bottomSpacing: !price ? Spacing.spacingSm : Spacing.spacingXs, children: body.children }),
-      body && body.component === "RichText" && /* @__PURE__ */ jsxRuntime.jsx(components_RichText.RichText, { ...body, bottomSpacing: !price ? Spacing.spacingSm : Spacing.spacingXs }),
-      price && /* @__PURE__ */ jsxRuntime.jsx(components_Price.Price, { ...price, orientation: components_Price.priceOrientationVertical, align: discoveryCardOrientationHorizontal === orientation ? components_Price.priceAlignLeft : components_Price.priceAlignCenter, size: components_Price.priceSizeSm, bottomSpacing: Spacing.spacingSm }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Link, { ...link, "aria-describedby": `headingId-${uid}`, bottomSpacing: Spacing.spacingNone })
-    ] })
-  ] });
-};
-exports.default = DiscoveryCard;
-exports.discoveryCardOrientationHorizontal = discoveryCardOrientationHorizontal;
-exports.discoveryCardOrientationVertical = discoveryCardOrientationVertical;

package/components/DiscoveryCardGroup/index.js

@@ -1,52 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const styled = require("styled-components");
-const components_DiscoveryCard = require("../DiscoveryCard/index.js");
-const components_Grid = require("../Grid/index.js");
-const components_GridItem = require("../GridItem/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const components_LinkAsButton = require("../../index-BMP9PDyg.cjs");
-const DiscoveryCardGroupGridStyled = styled(components_Grid).withConfig({
-  displayName: "DiscoveryCardGroupGridStyled",
-  componentId: "sc-6axszn-0"
-})({
-  alignItems: "stretch"
-});
-const DiscoveryCardGroupGridItemStyled = styled(components_GridItem).withConfig({
-  displayName: "DiscoveryCardGroupGridItemStyled",
-  componentId: "sc-6axszn-1"
-})({
-  gap: foundations_token_getSpacing.getSpacing(Spacing.spacingMd)
-});
-const DiscoveryCardStyled = styled(components_DiscoveryCard.default).withConfig({
-  displayName: "DiscoveryCardStyled",
-  componentId: "sc-6axszn-2"
-})({
-  flex: 1,
-  marginBottom: 0
-}, ({
-  orientation
-}) => {
-  const css = {};
-  if (orientation === components_DiscoveryCard.discoveryCardOrientationVertical) {
-    const buttonSelector = `& ${components_LinkAsButton.LinkStyled.toString()}`;
-    css[buttonSelector] = {
-      marginTop: "auto"
-    };
-  }
-  return css;
-});
-const DiscoveryCardGroup = ({
-  component: _component,
-  discoveryCardsList,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(DiscoveryCardGroupGridStyled, { ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DiscoveryCardGroupGridItemStyled, { sm: 12, md: 6, children: /* @__PURE__ */ jsxRuntime.jsx(DiscoveryCardStyled, { ...discoveryCardsList[0] }) }),
-  /* @__PURE__ */ jsxRuntime.jsxs(DiscoveryCardGroupGridItemStyled, { sm: 12, md: 6, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DiscoveryCardStyled, { ...discoveryCardsList[1] }),
-    /* @__PURE__ */ jsxRuntime.jsx(DiscoveryCardStyled, { ...discoveryCardsList[2] })
-  ] })
-] });
-module.exports = DiscoveryCardGroup;

package/components/Divider/index.js

@@ -1,29 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const styled = require("styled-components");
-const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
-const foundations_token_getBorderColor = require("../../foundations/token/getBorderColor/index.js");
-const foundations_token_getBorderWidth = require("../../foundations/token/getBorderWidth/index.js");
-const foundations_token_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const BorderColor = require("../../BorderColor-Bl18ZGTj.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const DividerLineStyled = styled.hr.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "DividerLineStyled",
-  componentId: "sc-1lpd5g7-0"
-})({
-  ...foundations_mediaQuery_forcedColors.default({
-    border: `${foundations_token_getBorderWidth.getBorderWidth("Divider")} solid CanvasText`
-  }),
-  border: `${foundations_token_getBorderWidth.getBorderWidth("Divider")} solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderSubtle)}`,
-  borderBottom: "none",
-  width: "100%"
-}, ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-const Divider = (props) => /* @__PURE__ */ jsxRuntime.jsx(DividerLineStyled, { ...props });
-module.exports = Divider;

package/components/Fieldset/index.js

@@ -1,40 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const index = require("../../index-_A9hEpl9.cjs");
-const react = require("react");
-const components_FormHelperMessage = require("../FormHelperMessage/index.js");
-const props = require("../../props-DJ2g0nfk.cjs");
-const components_Legend = require("../Legend/index.js");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const styled = require("styled-components");
-const foundations_token_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const FieldsetStyled = styled.fieldset.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "FieldsetStyled",
-  componentId: "sc-1838z8i-0"
-})(
-  // Chrome gives a fieldset a min-width equal to its content, so we need to reset it here
-  {
-    minWidth: "0px"
-  },
-  foundations_token_getBottomSpacing.getBottomSpacing
-);
-const Fieldset = react.forwardRef(({
-  uid,
-  legend,
-  errorMessage,
-  helperText,
-  bottomSpacing = Spacing.spacingMd,
-  children,
-  status,
-  ...props$1
-}, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(FieldsetStyled, { ...props$1, uid, "aria-labelledby": props.inputStateError !== status && helperText || props.inputStateError === status && errorMessage ? `fieldset-legend-${uid} fieldset-message-${uid}` : props$1["aria-labelledby"], bottomSpacing, ref, children: [
-    legend && /* @__PURE__ */ jsxRuntime.jsx(components_Legend, { ...legend, id: props.inputStateError !== status && helperText || props.inputStateError === status && errorMessage ? `fieldset-legend-${uid}` : props$1["id"] }),
-    children,
-    props.inputStateError !== status && helperText || props.inputStateError === status && errorMessage ? /* @__PURE__ */ jsxRuntime.jsx(components_FormHelperMessage, { id: `fieldset-message-${uid}`, message: props.inputStateError === status ? errorMessage : helperText, status, children: status === props.inputStateError && /* @__PURE__ */ jsxRuntime.jsx(index.NotificationErrorIcon, { size: "iconSizeXs" }) }) : null
-  ] });
-});
-module.exports = Fieldset;

package/components/FilterGroup/index.js

@@ -1,147 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const index = require("../../index-_A9hEpl9.cjs");
-const react = require("react");
-const components_Fieldset = require("../Fieldset/index.js");
-const styled = require("styled-components");
-const components_ScreenreaderOnly = require("../../index-DVXE2AnG.cjs");
-const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
-const foundations_token_getBackgroundColor = require("../../foundations/token/getBackgroundColor/index.js");
-const foundations_token_getBodySize = require("../../foundations/token/getBodySize/index.js");
-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_getHoverColor = require("../../foundations/token/getHoverColor/index.js");
-const foundations_token_getObjectColor = require("../../foundations/token/getObjectColor/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const foundations_token_getTextColor = require("../../foundations/token/getTextColor/index.js");
-const BackgroundColor = require("../../BackgroundColor-C3dayRDw.cjs");
-const BorderColor = require("../../BorderColor-Bl18ZGTj.cjs");
-const BorderRadius = require("../../BorderRadius-tg_0N_aM.cjs");
-const BorderWidth = require("../../BorderWidth-BLS_JGlE.cjs");
-const ObjectColor = require("../../ObjectColor-BrtIOUrJ.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const TextBodySize = require("../../TextBodySize-DeP5RE2m.cjs");
-const TextColor = require("../../TextColor-BZDXH1wP.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const FilterGroupStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "FilterGroupStyled",
-  componentId: "sc-170zpd1-0"
-})({
-  display: "flex",
-  flexWrap: "wrap",
-  alignItems: "center",
-  color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral)
-}, {
-  gap: foundations_token_getSpacing.getSpacing(Spacing.spacingXs)
-});
-const FilterStyled = styled.label.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "FilterStyled",
-  componentId: "sc-170zpd1-1"
-})({
-  textDecoration: "none",
-  whiteSpace: "nowrap",
-  userSelect: "none",
-  marginBottom: 0,
-  display: "flex",
-  alignItems: "center",
-  outline: "none",
-  cursor: "pointer",
-  padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacingXs)} ${foundations_token_getSpacing.getSpacing(Spacing.spacingSm)}`,
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusFull),
-  borderStyle: "solid",
-  borderWidth: foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthUnselected),
-  gap: `${foundations_token_getSpacing.getSpacing(Spacing.spacingNone)} ${foundations_token_getSpacing.getSpacing(Spacing.spacing2Xs)}`
-}, foundations_token_getBodySize.getBodySize(TextBodySize.textBodyMd), ({
-  checked = false
-}) => {
-  if (!checked) {
-    return {
-      background: foundations_token_getBackgroundColor.getBackgroundColor(BackgroundColor.colorBackgroundNeutral),
-      color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral),
-      borderColor: foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderUnselected),
-      "&:hover, &:focus-within": {
-        background: foundations_token_getHoverColor.getHoverColor(BackgroundColor.colorBackgroundNeutral)
-      },
-      ...foundations_mediaQuery_forcedColors.default({
-        color: "CanvasText",
-        background: "Canvas"
-      })
-    };
-  }
-  return {
-    background: foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectSelected),
-    color: foundations_token_getTextColor.getTextColor(TextColor.colorTextInverseStatic),
-    borderColor: foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderSelected),
-    "&:hover, &:focus-within": {
-      background: foundations_token_getHoverColor.getHoverColor(ObjectColor.colorObjectSelected)
-    },
-    ...foundations_mediaQuery_forcedColors.default({
-      color: "SelectedItemText",
-      background: "SelectedItem",
-      "&:hover, &:focus-within": {
-        background: "SelectedItem"
-      }
-    })
-  };
-}, {
-  "&:has(:focus-visible)": {
-    ...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 FilterIconStyled = styled(index.IconLoader).withConfig({
-  displayName: "FilterIconStyled",
-  componentId: "sc-170zpd1-2"
-})({
-  pointerEvents: "none"
-});
-const FilterInputStyled = styled.input.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "FilterInputStyled",
-  componentId: "sc-170zpd1-3"
-})(components_ScreenreaderOnly.screenreaderOnly);
-const FilterGroup = ({
-  component: _component,
-  uid,
-  elements,
-  onUpdate,
-  ...props
-}) => {
-  const getValuesFromCheckedItems = () => {
-    return elements.reduce((valuesArr, element) => {
-      if (element.checked) {
-        valuesArr.push(element.value);
-      }
-      return valuesArr;
-    }, []);
-  };
-  const [checkedValues, setCheckedValues] = react.useState(getValuesFromCheckedItems());
-  const handleChange = (evt) => {
-    const value = evt.target.value;
-    const index2 = checkedValues.indexOf(value);
-    const updateChecked = [...checkedValues];
-    index2 === -1 ? updateChecked.push(value) : updateChecked.splice(index2, 1);
-    setCheckedValues(updateChecked);
-    onUpdate(updateChecked);
-  };
-  const getFilters = elements.map(({
-    children,
-    ...element
-  }) => {
-    const isChecked = element.value ? checkedValues.includes(element.value) : false;
-    return /* @__PURE__ */ jsxRuntime.jsxs(FilterStyled, { ...element.optionalLabelProps, checked: isChecked, children: [
-      element.iconName ? /* @__PURE__ */ jsxRuntime.jsx(FilterIconStyled, { name: element.iconName, size: index.iconSizeSm }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(FilterInputStyled, { ...element, type: "checkbox", defaultChecked: isChecked, onChange: handleChange }),
-      children
-    ] }, element.value);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(components_Fieldset, { ...props, uid: `fieldset-${uid}`, children: /* @__PURE__ */ jsxRuntime.jsx(FilterGroupStyled, { children: getFilters }) });
-};
-module.exports = FilterGroup;

package/components/Flex/index.js

@@ -1,16 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const styled = require("../../styled-CL1J-PFC.cjs");
-const Flex = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(styled.FlexStyled, { ...props, children });
-exports.flexJustifyBetween = styled.flexJustifyBetween;
-exports.flexJustifyCenter = styled.flexJustifyCenter;
-exports.flexJustifyEnd = styled.flexJustifyEnd;
-exports.flexJustifyStart = styled.flexJustifyStart;
-exports.flexOrientationHorizontal = styled.flexOrientationHorizontal;
-exports.flexOrientationVertical = styled.flexOrientationVertical;
-exports.default = Flex;

package/components/FlexItem/index.js

@@ -1,41 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const styled = require("styled-components");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const flexItemFullGrow = "full";
-const flexItemAutoGrow = "auto";
-const FlexItemStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "FlexItemStyled",
-  componentId: "sc-1qdfzcw-0"
-})(({
-  grow = flexItemAutoGrow
-}) => ({
-  flexGrow: grow === "full" ? 1 : 0
-}));
-const removeBottomSpacing = (children) => {
-  if (children && Array.isArray(children)) {
-    return children.map((child) => {
-      return react.cloneElement(child, {
-        bottomSpacing: Spacing.spacingNone
-      });
-    });
-  }
-  if (children && !Array.isArray(children)) {
-    return react.cloneElement(children, {
-      bottomSpacing: Spacing.spacingNone
-    });
-  }
-  return children;
-};
-const FlexItem = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(FlexItemStyled, { ...props, children: removeBottomSpacing(children) });
-exports.default = FlexItem;
-exports.flexItemAutoGrow = flexItemAutoGrow;
-exports.flexItemFullGrow = flexItemFullGrow;

package/components/FootnoteContent/index.js

@@ -1,38 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const components_Link = require("../Link/index.js");
-const styled = require("styled-components");
-const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
-const foundations_token_getBorderColor = require("../../foundations/token/getBorderColor/index.js");
-const foundations_token_getBorderWidth = require("../../foundations/token/getBorderWidth/index.js");
-const BorderColor = require("../../BorderColor-Bl18ZGTj.cjs");
-const BorderWidth = require("../../BorderWidth-BLS_JGlE.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const rotate = styled.keyframes(["0%{box-shadow:transparent 0px 0px 0px 0px;}50%{box-shadow:", " 0px 0px 2px ", ";}100%{box-shadow:transparent 0px 0px 0px 0px;}}"], foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus), foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus));
-const FootnoteContentStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "FootnoteContentStyled",
-  componentId: "sc-1everik-0"
-})({
-  marginTop: foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus),
-  "&:target": {
-    outline: "none",
-    ...foundations_mediaQuery_forcedColors.default({
-      outline: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} solid CanvasText`
-    })
-  }
-}, styled.css(["&:target{animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:2;animation-name:", ";}"], rotate));
-const FootnoteContent = ({
-  linkUid,
-  backlinkText,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(FootnoteContentStyled, { id: props.uid, ...props, tabIndex: -1, children: [
-  children,
-  /* @__PURE__ */ jsxRuntime.jsx(components_Link, { id: `back-${props.uid}`, icon: {
-    position: "right",
-    name: "ArrowUp"
-  }, href: `#${linkUid}`, children: backlinkText })
-] });
-module.exports = FootnoteContent;