@vodafone_de/brix-components 3.1.8 → 3.1.9

package/components/Switch/index.js

@@ -1,168 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const index = require("../../index-_A9hEpl9.cjs");
-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_getObjectColor = require("../../foundations/token/getObjectColor/index.js");
-const foundations_token_getOpacity = require("../../foundations/token/getOpacity/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-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 Opacity = require("../../Opacity-gfDZhzig.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const components_Label = require("../Label/index.js");
-const getHandleIcon = (checked) => {
-  const iconName = checked ? "Tick" : "Close";
-  return /* @__PURE__ */ jsxRuntime.jsx(index.IconLoader, { size: index.iconSize2xs, name: iconName });
-};
-const SwitchButtonBorderRadius = "32px";
-const SwitchLabelWrapperStyled = styled(components_Label).withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "SwitchLabelWrapperStyled",
-  componentId: "sc-1n5qceo-0"
-})({
-  display: "flex",
-  alignItems: "center",
-  gap: foundations_token_getSpacing.getSpacing(Spacing.spacingXs),
-  cursor: "pointer"
-}, ({
-  disabled
-}) => ({
-  ...disabled && {
-    opacity: foundations_token_getOpacity.getOpacity(Opacity.opacityDisabled)
-  }
-}), ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-const SwitchButtonStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "SwitchButtonStyled",
-  componentId: "sc-1n5qceo-1"
-})({
-  position: "relative",
-  display: "flex",
-  "&:has(:focus-visible)": {
-    outline: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus)}`,
-    borderRadius: SwitchButtonBorderRadius,
-    ...foundations_mediaQuery_forcedColors.default({
-      outline: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} solid CanvasText`
-    })
-  }
-});
-const SwitchHandleWrapperStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "SwitchHandleWrapperStyled",
-  componentId: "sc-1n5qceo-2"
-})({
-  position: "absolute",
-  top: 0,
-  left: 0,
-  padding: "1px",
-  transition: `all .2s ${easing.ease_in_sine}`
-}, ({
-  checked
-}) => ({
-  transform: checked ? "translateX(20px)" : "translateX(0)"
-}));
-const SwitchInputElementStyled = styled.input.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "SwitchInputElementStyled",
-  componentId: "sc-1n5qceo-3"
-})({
-  position: "absolute",
-  width: "100%",
-  height: "100%",
-  top: 0,
-  left: 0,
-  zIndex: 1,
-  margin: 0,
-  padding: 0,
-  cursor: "inherit",
-  appearance: "none",
-  "&:focus, &:focus-visible": {
-    outline: "none"
-  }
-});
-const SwitchHandleStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "SwitchHandleStyled",
-  componentId: "sc-1n5qceo-4"
-})({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  width: "30px",
-  height: "30px",
-  background: foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectInverse),
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusFull)
-}, ({
-  checked
-}) => ({
-  ...foundations_mediaQuery_forcedColors.default({
-    color: checked ? "FieldText" : "Field",
-    background: checked ? "Field" : "FieldText"
-  }),
-  color: checked ? foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectSelected) : foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectUnselected)
-}));
-const SwitchTrackStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "SwitchTrackStyled",
-  componentId: "sc-1n5qceo-5"
-})(({
-  checked
-}) => ({
-  ...foundations_mediaQuery_forcedColors.default({
-    background: checked ? "FieldText" : "Field",
-    border: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSm)} solid FieldText`
-  }),
-  width: "52px",
-  height: "32px",
-  background: checked ? foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectSelected) : foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectUnselected),
-  borderRadius: SwitchButtonBorderRadius
-}));
-const SwitchLabelStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "SwitchLabelStyled",
-  componentId: "sc-1n5qceo-6"
-})({});
-const Switch = ({
-  uid,
-  label,
-  onUpdate,
-  disabled,
-  bottomSpacing,
-  ...props
-}) => {
-  const [checked, setChecked] = react.useState(Boolean(props.checked));
-  react.useEffect(() => {
-    setChecked(props.checked ?? false);
-  }, [props.checked]);
-  const handleChange = () => {
-    const newChecked = !checked;
-    setChecked(!checked);
-    onUpdate == null ? void 0 : onUpdate(newChecked);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(SwitchLabelWrapperStyled, { bottomSpacing, disabled, htmlFor: uid, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(SwitchButtonStyled, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(SwitchHandleWrapperStyled, { checked, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SwitchInputElementStyled, { ...props, id: uid, type: "checkbox", onChange: handleChange, checked, disabled, "aria-label": label, "aria-checked": checked, role: "switch" }),
-        /* @__PURE__ */ jsxRuntime.jsx(SwitchHandleStyled, { checked, children: getHandleIcon(checked) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(SwitchTrackStyled, { checked })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(SwitchLabelStyled, { children: label })
-  ] });
-};
-module.exports = Switch;

package/components/TabularPrice/index.js

@@ -1,7 +0,0 @@
-"use client";
-"use strict";
-require("react/jsx-runtime");
-const components_Price = require("../../index-BxxkHUxs.cjs");
-require("../../index-DVXE2AnG.cjs");
-require("../../renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
-module.exports = components_Price.TabularPrice;

package/components/TextList/index.js

@@ -1,10 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("react/jsx-runtime");
-const components_RichText = require("../../index-DORk60LP.cjs");
-require("../../tags-CTaUxoCi.cjs");
-require("../../Spacing-Cu_j2b83.cjs");
-require("../../renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
-exports.TextListItem = components_RichText.TextListItem;
-exports.default = components_RichText.TextList;

package/components/Textarea/index.js

@@ -1,155 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const components_FormElement = require("../FormElement/index.js");
-const components_FormHelperLabel = require("../FormHelperLabel/index.js");
-const components_FormHelperMessage = require("../FormHelperMessage/index.js");
-const props = require("../../props-DJ2g0nfk.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const renderInlineRichTextFromOpenText = require("../../renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
-const styled = require("styled-components");
-const components_FormHelperStatusIcon = require("../FormHelperStatusIcon/index.js");
-const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/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_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const foundations_token_getHeadingSize = require("../../foundations/token/getHeadingSize/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 HeadingSize = require("../../HeadingSize-cjNplkhN.cjs");
-const TextColor = require("../../TextColor-BZDXH1wP.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const TextareaWrapperStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "TextareaWrapperStyled",
-  componentId: "sc-b8i4y6-0"
-})({
-  position: "relative",
-  width: "100%"
-}, foundations_token_getBottomSpacing.getBottomSpacing);
-const TextareaStyled = styled.textarea.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "TextareaStyled",
-  componentId: "sc-b8i4y6-1"
-})({
-  ...foundations_mediaQuery_forcedColors.default({
-    backgroundColor: "Field",
-    border: "1px solid FieldText"
-  }),
-  display: "block",
-  width: "100%",
-  resize: "vertical",
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd),
-  border: "none",
-  fontFamily: "VodafoneVari, Arial, sans-serif",
-  color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral),
-  backgroundColor: "transparent",
-  minHeight: `calc((${foundations_token_getHeadingSize.getHeadingSize(HeadingSize.textHeadingXs).fontSize} * ${foundations_token_getHeadingSize.getHeadingSize(HeadingSize.textHeadingXs).lineHeight}) + (2 * ${foundations_token_getSpacing.getSpacing(Spacing.spacingSm)}))`,
-  "&:placeholder-shown": {
-    color: foundations_token_getTextColor.getTextColor(TextColor.colorTextPlaceholder)
-  }
-}, ({
-  status
-}) => {
-  if (!status) {
-    return {
-      border: `1px solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderUnselected)}`,
-      padding: foundations_token_getSpacing.getSpacing(Spacing.spacingSm),
-      "&:focus-visible": {
-        ...foundations_mediaQuery_forcedColors.default({
-          outline: "4px solid CanvasText"
-        }),
-        outline: `4px solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus)}`,
-        border: `1px solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderNeutral)}`
-      }
-    };
-  }
-  if ("success" === status) {
-    return {
-      border: `2px solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderSuccess)}`,
-      padding: `calc(${foundations_token_getSpacing.getSpacing(Spacing.spacingSm)} - 1px)`,
-      "&:focus-visible": {
-        ...foundations_mediaQuery_forcedColors.default({
-          outline: "4px solid CanvasText"
-        }),
-        outline: `4px solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus)}`,
-        border: `2px solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderSuccess)}`
-      }
-    };
-  }
-  if ("error" === status) {
-    return {
-      border: `2px solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderCritical)}`,
-      padding: `calc(${foundations_token_getSpacing.getSpacing(Spacing.spacingSm)} - 1px)`,
-      "&:focus-visible": {
-        ...foundations_mediaQuery_forcedColors.default({
-          outline: "4px solid CanvasText"
-        }),
-        outline: `4px solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus)}`,
-        border: `2px solid ${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderCritical)}`
-      }
-    };
-  }
-}, ({
-  isResizable
-}) => {
-  return {
-    resize: isResizable ? "vertical" : "none"
-  };
-}, foundations_token_getHeadingSize.getHeadingSize(HeadingSize.textHeadingXs));
-const TextareaStatusIcon = styled(components_FormHelperStatusIcon.default).withConfig({
-  displayName: "TextareaStatusIcon",
-  componentId: "sc-b8i4y6-2"
-})({
-  position: "absolute",
-  top: foundations_token_getSpacing.getSpacing(Spacing.spacingSm)
-}, ({
-  hasScrollbar
-}) => {
-  return {
-    right: hasScrollbar ? foundations_token_getSpacing.getSpacing(Spacing.spacingXl) : foundations_token_getSpacing.getSpacing(Spacing.spacingSm)
-  };
-});
-const Textarea = react.forwardRef(({
-  uid,
-  helperText,
-  errorMessage,
-  status,
-  label,
-  rows = 4,
-  placeholder,
-  isResizable = false,
-  bottomSpacing = Spacing.spacingMd,
-  disabled,
-  ...props$1
-}, outerRef) => {
-  const innerRef = react.useRef(null);
-  react.useImperativeHandle(outerRef, () => innerRef.current, []);
-  const [hasScrollbar, setHasScrollbar] = react.useState(false);
-  const messageId = `text-${uid}`;
-  const textAreaProps = {
-    ...props$1,
-    id: uid,
-    "aria-describedby": props.inputStateError !== status && helperText || props.inputStateError === status && errorMessage ? messageId : props$1["aria-describedby"],
-    "aria-invalid": props.inputStateError === status ? true : void 0
-  };
-  react.useEffect(() => {
-    if (!innerRef.current) {
-      return;
-    }
-    const element = innerRef.current;
-    new ResizeObserver(() => setHasScrollbar(element.clientHeight < element.scrollHeight)).observe(element);
-  }, [innerRef]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(components_FormElement, { bottomSpacing, disabled, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(components_FormHelperLabel, { label, uid }),
-    /* @__PURE__ */ jsxRuntime.jsxs(TextareaWrapperStyled, { bottomSpacing: props.inputStateError !== status && helperText || props.inputStateError === status && errorMessage ? Spacing.spacingXs : void 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TextareaStyled, { ...textAreaProps, rows, status, placeholder: renderInlineRichTextFromOpenText.renderInlineRichTextFromOpenText(placeholder), isResizable, ref: innerRef }),
-      /* @__PURE__ */ jsxRuntime.jsx(TextareaStatusIcon, { status, hasScrollbar })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(components_FormHelperMessage, { id: messageId, status, message: props.inputStateError === status ? errorMessage : helperText })
-  ] });
-});
-module.exports = Textarea;

package/components/Tray/index.js

@@ -1,217 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const reactDom = require("react-dom");
-const components_ButtonGroup = require("../ButtonGroup/index.js");
-const components_Heading = require("../Heading/index.js");
-const FontWeight = require("../../FontWeight-D3-RZpaX.cjs");
-const HeadingSize = require("../../HeadingSize-cjNplkhN.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const styled = require("styled-components");
-const components_Card = require("../Card/index.js");
-const components_Flex = require("../Flex/index.js");
-const components_IconButton = require("../IconButton/index.js");
-const foundations_mediaQuery_viewport = require("../../index-DuE6C2cO.cjs");
-const shadow = require("../../shadow-CwqrYf1e.cjs");
-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 getCssVar = require("../../getCssVar-CyR1mrKh.cjs");
-const styled$1 = require("../../styled-CL1J-PFC.cjs");
-const TrayOverlayStyled = styled("div").withConfig({
-  displayName: "TrayOverlayStyled",
-  componentId: "sc-os3mq3-0"
-})({
-  position: "fixed",
-  top: 0,
-  left: 0,
-  flexDirection: "column",
-  justifyContent: "center",
-  height: "100%",
-  width: "100%",
-  transition: "background-color 0.5s, visibility 0.5s",
-  alignItems: "flex-end",
-  overflowX: "hidden",
-  display: "flex",
-  zIndex: "22",
-  "&.trayOpen": {
-    backgroundColor: foundations_token_getBackgroundColor.getBackgroundColor(BackgroundColor.colorBackgroundOverlayStatic)
-  },
-  "&.trayClosed": {
-    backgroundColor: "rgba(0, 0, 0, 0)"
-  }
-}, ({
-  open
-}) => ({
-  visibility: open ? "visible" : "hidden"
-}));
-const TrayStyled = styled(components_Card.default).withConfig({
-  displayName: "TrayStyled",
-  componentId: "sc-os3mq3-1"
-})({
-  height: "100%",
-  width: "320px",
-  ...foundations_mediaQuery_viewport.viewport.md({
-    width: "420px"
-  }),
-  ...foundations_mediaQuery_viewport.viewport.lg({
-    width: "475px"
-  }),
-  borderTopRightRadius: "0",
-  borderBottomRightRadius: "0",
-  transition: "transform 0.5s",
-  padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)} 0 0`,
-  display: "flex",
-  "&.trayOpen": {
-    transform: "translateX(0)"
-  },
-  "&.trayClosed": {
-    transform: "translateX(100%)"
-  }
-}, ({
-  buttons
-}) => ({
-  paddingBottom: buttons ? "0" : foundations_token_getSpacing.getSpacing(Spacing.spacingMd)
-}));
-const TrayHeadingContainerStyled = styled(components_Flex.default).withConfig({
-  displayName: "TrayHeadingContainerStyled",
-  componentId: "sc-os3mq3-2"
-})({
-  padding: `0 ${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)}`,
-  marginBottom: `calc(${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)} - ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)})`
-});
-const TrayCloseButtonStyled = styled(components_IconButton.default).withConfig({
-  displayName: "TrayCloseButtonStyled",
-  componentId: "sc-os3mq3-3"
-})({
-  flex: "0 0 auto"
-});
-const TrayChildrenContainerStyled = styled("div").withConfig({
-  displayName: "TrayChildrenContainerStyled",
-  componentId: "sc-os3mq3-4"
-})({
-  overflowY: "auto",
-  padding: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} ${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)} 0`
-});
-const TrayButtonContainerStyled = styled("div").withConfig({
-  displayName: "TrayButtonContainerStyled",
-  componentId: "sc-os3mq3-5"
-})({
-  position: "relative",
-  transform: "none",
-  transition: "none",
-  padding: foundations_token_getSpacing.getSpacing(Spacing.spacingMd),
-  boxShadow: getCssVar.getCssVar(shadow.shadow28),
-  marginTop: "auto"
-});
-const Tray = ({
-  heading,
-  // This default is set as the 'wrapper' element is currently containing the majority of the content of pages from our CMS.
-  contentElements = ".wrapper",
-  uid,
-  focusElementOnOpen,
-  focusElementOnClose,
-  children,
-  buttons,
-  ...props
-}) => {
-  const [open, setOpen] = react.useState(props.open === true);
-  const invokingElement = react.useRef(null);
-  const headingId = `${uid}-tray-heading`;
-  const overlay = react.useRef(null);
-  react.useEffect(() => {
-    setOpen(true === props.open);
-  }, [props.open]);
-  const headingProps = {
-    ...heading,
-    size: HeadingSize.textHeadingMd,
-    weight: FontWeight.fontWeightBold,
-    id: headingId,
-    bottomSpacing: Spacing.spacingNone
-  };
-  const onCloseIconButtonClick = (event) => {
-    event.preventDefault();
-    closeTray();
-  };
-  const closeWithEscape = (event) => {
-    if (event.key !== "Escape") return;
-    closeTray();
-  };
-  const closeOnOverlayClick = (event) => {
-    if (uid && event.target === document.getElementById(`${uid}-overlay`)) {
-      closeTray();
-    }
-  };
-  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 openTray = (event) => {
-    var _a;
-    if (invokingElement) invokingElement.current = event.target;
-    (_a = props.onToggle) == null ? void 0 : _a.call(props, true);
-    setOpen(true);
-  };
-  const closeTray = () => {
-    var _a;
-    (_a = props.onToggle) == null ? void 0 : _a.call(props, false);
-    setOpen(false);
-  };
-  const manageFocusOnOpen = () => {
-    var _a, _b, _c;
-    focusElementOnOpen ? (_a = document.getElementById(focusElementOnOpen)) == null ? void 0 : _a.focus() : (_b = document.getElementById(headingId)) == null ? void 0 : _b.focus();
-    (_c = overlay.current) == null ? void 0 : _c.removeEventListener("transitionend", manageFocusOnOpen);
-  };
-  react.useEffect(() => {
-    const openingElements = document.querySelectorAll(`[data-action='tray-${uid}']`);
-    for (const openingElement of openingElements) {
-      openingElement.addEventListener("click", openTray);
-    }
-    return () => {
-      for (const openingElement of openingElements) {
-        openingElement.removeEventListener("click", openTray);
-      }
-    };
-  }, []);
-  react.useEffect(() => {
-    var _a;
-    if (open) {
-      updateElements(true);
-      (_a = overlay.current) == null ? void 0 : _a.addEventListener("transitionend", manageFocusOnOpen);
-      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();
-      document.removeEventListener("keydown", closeWithEscape);
-    };
-  }, [open]);
-  react.useEffect(() => {
-    overlay.current = document.getElementById(`${uid}-overlay`);
-  }, []);
-  const tray = /* @__PURE__ */ jsxRuntime.jsx(TrayOverlayStyled, { className: open ? "trayOpen" : "trayClosed", open, id: `${uid}-overlay`, onClick: closeOnOverlayClick, children: /* @__PURE__ */ jsxRuntime.jsxs(TrayStyled, { className: open ? "trayOpen" : "trayClosed", role: "dialog", "aria-modal": "true", "aria-labelledby": headingId, buttons, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(TrayHeadingContainerStyled, { justify: "between", bottomSpacing: Spacing.spacingNone, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(components_Heading.default, { ...headingProps, tabIndex: -1 }),
-      /* @__PURE__ */ jsxRuntime.jsx(TrayCloseButtonStyled, { label: "Schließen", iconName: "Close", appearance: "tertiary", bottomSpacing: Spacing.spacingNone, onClick: onCloseIconButtonClick, type: "button" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(TrayChildrenContainerStyled, { children }),
-    buttons && /* @__PURE__ */ jsxRuntime.jsx(TrayButtonContainerStyled, { children: /* @__PURE__ */ jsxRuntime.jsx(components_ButtonGroup, { ...buttons, orientation: styled$1.flexOrientationVertical, bottomSpacing: Spacing.spacingNone }) })
-  ] }) });
-  return reactDom.createPortal(tray, document.body);
-};
-module.exports = Tray;

package/easing-CWOuUocw.cjs

@@ -1,5 +0,0 @@
-"use strict";
-const ease_in_sine = "cubic-bezier(.47, 0, .745, .715)";
-const ease_in_out_sine = "cubic-bezier(.445, .05, .55, .95)";
-exports.ease_in_out_sine = ease_in_out_sine;
-exports.ease_in_sine = ease_in_sine;

package/esm/components/Badge/index.js

@@ -1,10 +0,0 @@
-import "react/jsx-runtime";
-import "../../../index-Cbojl4_Q.js";
-import "../../../Spacing-D0HQH9YJ.js";
-import "../../../SizeTypes-Ck_RdzIf.js";
-import "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { a, B } from "../../../index-DXcRBKzd.js";
-export {
-  a as BadgeAppearanceColor,
-  B as default
-};

package/esm/components/ButtonAsLink/index.js

@@ -1,6 +0,0 @@
-import "react/jsx-runtime";
-import { B } from "../../../index-BjJ1C1T5.js";
-import "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-export {
-  B as default
-};

package/esm/components/LinkAsButton/index.js

@@ -1,6 +0,0 @@
-import "react/jsx-runtime";
-import { L } from "../../../index-RUfLpIPk.js";
-import "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-export {
-  L as default
-};

package/esm/components/ScreenreaderOnly/index.js

@@ -1,5 +0,0 @@
-import "react/jsx-runtime";
-import { S } from "../../../index-DQhtQZ85.js";
-export {
-  S as default
-};

package/esm/components/TabularPrice/index.js

@@ -1,7 +0,0 @@
-import "react/jsx-runtime";
-import { T } from "../../../index-CgzBmq4n.js";
-import "../../../index-DQhtQZ85.js";
-import "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-export {
-  T as default
-};

package/esm/components/TextList/index.js

@@ -1,9 +0,0 @@
-import "react/jsx-runtime";
-import { a, T } from "../../../index-D3VTZbkv.js";
-import "../../../tags-DI6H1biK.js";
-import "../../../Spacing-D0HQH9YJ.js";
-import "../../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-export {
-  a as TextListItem,
-  T as default
-};

package/filterProps-D3K8rtOg.cjs

@@ -1,12 +0,0 @@
-"use strict";
-const propsNotPassToDomDefault = ["accordionType", "activeId", "activeIndex", "setActiveId", "align", "animated", "appearance", "aspectRatio", "autoLayout", "apiKey", "badge", "borderBottom", "bottomSpacing", "buttonLink", "buttons", "coloringMode", "colorSwatch", "component", "corners", "description", "expanded", "filterItems", "gapSpacing", "grow", "handleOnClick", "handleOnToogle", "hasOverlay", "heading", "heightSm", "heightMd", "heightLg", "horizontalAlignment", "icon", "iconAlign", "iconName", "iconPosition", "images", "isActive", "isChecked", "isDisabled", "isFullscreen", "isOpen", "isOrdered", "isSelected", "isTransparentBackground", "items", "jumpToClickedItem", "justify", "justifyHorizontal", "lg", "loadingSpinnerChild", "mapId", "md", "message", "more", "nextAriaLabel", "notificationType", "objectFit", "objectPosition", "offset", "onUpdate", "openMultiple", "orientation", "padding", "prefix", "prefixWeight", "prevAriaLabel", "price", "productId", "promoPrice", "screenReaderInstruction", "showList", "size", "sm", "spacing", "spinnerType", "status", "stretch", "strikePrice", "suffix", "tag", "textContent", "uid", "variant", "verticalPadding", "viewportHeight", "weight", "width"];
-const filterProps = (propsNotPassToDom = []) => {
-  const shouldForwardProp = (prop) => {
-    if ("string" !== typeof prop) {
-      return false;
-    }
-    return ![...propsNotPassToDom, ...propsNotPassToDomDefault].includes(prop);
-  };
-  return shouldForwardProp;
-};
-exports.filterProps = filterProps;