@vodafone_de/brix-components 3.0.1 → 3.0.3

package/dist/index-CeJsIf3Z.js

@@ -0,0 +1,208 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { S as ScreenreaderOnly } from "./index-DQhtQZ85.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import styled from "styled-components";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getHeadingSize } from "./foundations/token/getHeadingSize/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { getTextColor } from "./foundations/token/getTextColor/index.js";
+import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
+import { f as fontWeightBold, b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
+import { s as spacingMd, b as spacingNone, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
+import { g as colorTextCritical, a as colorTextNeutral } from "./TextColor-BXiR5Uq9.js";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+const priceOrientationHorizontal = "horizontal";
+const priceOrientationVertical = "vertical";
+const priceSizeSm = "sm";
+const priceSizeMd = "md";
+const priceSizeLg = "lg";
+const priceAlignLeft = "left";
+const priceAlignCenter = "center";
+const priceDefaultProps = {
+  bottomSpacing: spacingMd,
+  orientation: priceOrientationVertical,
+  align: priceAlignLeft
+};
+const internalizePriceProps = (props) => {
+  const {
+    orientation,
+    align,
+    bottomSpacing,
+    ...rest
+  } = props;
+  return {
+    ...rest,
+    align,
+    bottomSpacing,
+    $orientation: orientation
+  };
+};
+const textDecorationStrikethrough = "Strikethrough";
+const PriceOuterWrapperStyled = styled.div.withConfig({
+  displayName: "PriceOuterWrapperStyled",
+  componentId: "sc-f6y6iv-0"
+})([""]);
+const PriceInnerWrapperStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(["aria-live"]),
+  displayName: "PriceInnerWrapperStyled",
+  componentId: "sc-f6y6iv-1"
+})(({
+  align
+}) => ({
+  textAlign: align
+}), ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const StrikePriceStyled = styled.div.withConfig({
+  displayName: "StrikePriceStyled",
+  componentId: "sc-f6y6iv-2"
+})(getHeadingSize("xs"), {
+  fontWeight: getFontWeight(fontWeightBold),
+  textDecoration: getTextDecoration(textDecorationStrikethrough),
+  color: getTextColor(colorTextCritical)
+});
+const PriceOrientationStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "PriceOrientationStyled",
+  componentId: "sc-f6y6iv-3"
+})(({
+  orientation
+}) => {
+  if ("horizontal" === orientation) {
+    return {
+      display: "flex",
+      gap: `${getSpacing(spacingNone)} ${getSpacing(spacingXs)}`,
+      alignItems: "baseline"
+    };
+  }
+  return {};
+}, ({
+  orientation,
+  align
+}) => {
+  if ("horizontal" !== orientation) {
+    return {};
+  }
+  return {
+    justifyContent: align
+  };
+});
+const PriceStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "PriceStyled",
+  componentId: "sc-f6y6iv-4"
+})(({
+  size
+}) => getHeadingSize(size), {
+  fontWeight: getFontWeight(fontWeightBold),
+  color: getTextColor(colorTextNeutral)
+});
+const PriceSuffixStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "PriceSuffixStyled",
+  componentId: "sc-f6y6iv-5"
+})(getHeadingSize("xs"), {
+  color: getTextColor(colorTextNeutral)
+});
+const isTabularPriceProp = (props) => {
+  return props.component === "TabularPrice";
+};
+const createScreenReaderText = (price, strikePrice, suffix) => {
+  if (!strikePrice) {
+    return `${price} ${suffix}`;
+  }
+  return `Standardpreis ${strikePrice} - Angebotspreis ${price} ${suffix}`;
+};
+const Price = (props) => {
+  if (isTabularPriceProp(props)) {
+    return /* @__PURE__ */ jsx(TabularPrice, { ...props });
+  }
+  const {
+    orientation = priceOrientationVertical,
+    align = priceAlignLeft,
+    prefix,
+    price,
+    offerProductName,
+    ...priceProps
+  } = props;
+  const priceToRender = prefix ? `${prefix} ${price}` : price;
+  return /* @__PURE__ */ jsxs(PriceOuterWrapperStyled, { className: props.className, ...{
+    "aria-live": props["aria-live"]
+  }, children: [
+    offerProductName && /* @__PURE__ */ jsx("meta", { itemProp: "name", content: offerProductName }),
+    /* @__PURE__ */ jsx(ScreenreaderOnly, { children: createScreenReaderText(props.price, props.strikePrice, props.suffix) }),
+    /* @__PURE__ */ jsxs(PriceInnerWrapperStyled, { ...priceProps, orientation, align, ...{
+      "aria-hidden": true
+    }, itemProp: offerProductName ? "offers" : void 0, itemType: offerProductName ? "https://schema.org/Offer" : void 0, itemScope: offerProductName ? true : void 0, children: [
+      offerProductName && /* @__PURE__ */ jsx("meta", { itemProp: "priceCurrency", content: "EUR" }),
+      props.strikePrice ? /* @__PURE__ */ jsx(StrikePriceStyled, { children: renderInlineRichTextFromOpenText(priceProps.strikePrice) }) : null,
+      /* @__PURE__ */ jsxs(PriceOrientationStyled, { orientation, align, itemProp: offerProductName ? "price" : void 0, content: offerProductName ? price : void 0, children: [
+        /* @__PURE__ */ jsx(PriceStyled, { size: priceProps.size, children: renderInlineRichTextFromOpenText(priceToRender) }),
+        /* @__PURE__ */ jsx(PriceSuffixStyled, { children: renderInlineRichTextFromOpenText(priceProps.suffix) })
+      ] })
+    ] })
+  ] });
+};
+const TabularPriceInnerWrapperStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(["aria-live"]),
+  displayName: "TabularPriceInnerWrapperStyled",
+  componentId: "sc-142fiyo-0"
+})({
+  display: "flex",
+  flexDirection: "row",
+  alignItems: "baseline",
+  gap: `${getSpacing(spacingNone)} ${getSpacing(spacingXs)}`
+}, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const TabularPricePrefixStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "TabularPricePrefixStyled",
+  componentId: "sc-142fiyo-1"
+})(getHeadingSize("xs"), {
+  flexGrow: 1,
+  color: getTextColor(colorTextNeutral)
+}, ({
+  prefixWeight = fontWeightRegular
+}) => ({
+  fontWeight: getFontWeight(prefixWeight)
+}));
+const TabularPrice = ({
+  prefixWeight,
+  offerProductName,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(PriceOuterWrapperStyled, { className: props.className, ...{
+    "aria-live": props["aria-live"]
+  }, children: [
+    offerProductName && /* @__PURE__ */ jsx("meta", { itemProp: "name", content: offerProductName }),
+    /* @__PURE__ */ jsx(ScreenreaderOnly, { children: createScreenReaderText(props.price, props.strikePrice, props.prefix) }),
+    /* @__PURE__ */ jsxs(TabularPriceInnerWrapperStyled, { ...props, ...{
+      "aria-hidden": true
+    }, itemProp: offerProductName ? "offers" : void 0, itemType: offerProductName ? "https://schema.org/Offer" : void 0, itemScope: offerProductName ? true : void 0, children: [
+      offerProductName && /* @__PURE__ */ jsx("meta", { itemProp: "priceCurrency", content: "EUR" }),
+      /* @__PURE__ */ jsx(TabularPricePrefixStyled, { prefixWeight, children: props.prefix }),
+      props.strikePrice ? /* @__PURE__ */ jsx(StrikePriceStyled, { children: renderInlineRichTextFromOpenText(props.strikePrice) }) : null,
+      /* @__PURE__ */ jsx(PriceStyled, { size: props.size, itemProp: offerProductName ? "price" : void 0, content: offerProductName ? props.price : void 0, children: renderInlineRichTextFromOpenText(props.price) })
+    ] })
+  ] });
+};
+export {
+  Price as P,
+  TabularPrice as T,
+  priceAlignCenter as a,
+  priceOrientationVertical as b,
+  priceSizeSm as c,
+  priceAlignLeft as d,
+  createScreenReaderText as e,
+  priceOrientationHorizontal as f,
+  priceSizeLg as g,
+  priceDefaultProps as h,
+  internalizePriceProps as i,
+  priceSizeMd as p
+};

package/dist/index-Ck2bCrhT.js

@@ -0,0 +1,32 @@
+const breakpoint_medium_number = 768;
+const breakpoint_medium = `${breakpoint_medium_number}px`;
+const breakpoint_large_number = 1025;
+const breakpoint_large = `${breakpoint_large_number}px`;
+const mediumMediaQuery = `screen and (min-width: ${breakpoint_medium})`;
+const largeMediaQuery = `screen and (min-width: ${breakpoint_large})`;
+const md = (stylesInViewport) => {
+  return {
+    [`@media ${mediumMediaQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const lg = (stylesInViewport) => {
+  return {
+    [`@media ${largeMediaQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const viewport = {
+  md,
+  lg
+};
+export {
+  breakpoint_large as a,
+  breakpoint_medium_number as b,
+  breakpoint_medium as c,
+  largeMediaQuery as l,
+  mediumMediaQuery as m,
+  viewport as v
+};

package/dist/index-D6hvbziL.js

@@ -0,0 +1,167 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import { p as parse, l as libExports, r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import Body from "./components/Body/index.js";
+import FootnoteLink from "./components/FootnoteLink/index.js";
+import Heading from "./components/Heading/index.js";
+import InlineLink from "./components/InlineLink/index.js";
+import { f as headingHtmlTags, o as olTagName, g as strongTagName, i as supTagName, u as ulTagName } from "./tags-DI6H1biK.js";
+import { s as spacingMd, b as spacingNone } from "./Spacing-D0HQH9YJ.js";
+import styled from "styled-components";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
+import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { t as textHeadingXs, b as textHeadingSm, a as textHeadingMd, c as textHeadingLg, d as textHeadingXl } from "./HeadingSize-CfCRn3Lh.js";
+import { v4 } from "uuid";
+const getUid = () => {
+  return v4();
+};
+const mapSizeToTag = {
+  h1: textHeadingXl,
+  h2: textHeadingLg,
+  h3: textHeadingMd,
+  h4: textHeadingSm,
+  h5: textHeadingXs,
+  h6: textHeadingXs
+};
+const getOptions = (paragraphSpacing, additionalProps = {}) => {
+  const options = {
+    replace(domNode) {
+      if (domNode instanceof libExports.Element) {
+        if (headingHtmlTags.includes(domNode.name)) {
+          return /* @__PURE__ */ jsx(Heading, { ...additionalProps.heading, size: mapSizeToTag[domNode.name], bottomSpacing: paragraphSpacing, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("li" === domNode.name) {
+          return /* @__PURE__ */ jsx(TextListItem, { ...additionalProps.li, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("ol" === domNode.name) {
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ol, tag: olTagName, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("ul" === domNode.name) {
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ul, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("strong" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.strong, tag: strongTagName, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("small" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.small, size: textBodySm, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("sup" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.sup, tag: supTagName, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("p" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.p, bottomSpacing: paragraphSpacing, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("a" === domNode.name) {
+          const linkLabel = libExports.domToReact(domNode.children, options);
+          const isNumber = parseInt(linkLabel, 10);
+          const href = domNode.attribs.href;
+          const isAnchor = href.indexOf("#") === 0;
+          if (!isNaN(isNumber) && isAnchor) {
+            return /* @__PURE__ */ jsx(FootnoteLink, { uid: getUid(), contentUid: href.replace("#", ""), screenReaderLabel: "Details zur Fußnote", children: linkLabel });
+          }
+          return /* @__PURE__ */ jsx(InlineLink, { ...additionalProps.a, href: domNode.attribs.href, children: libExports.domToReact(domNode.children, options) });
+        }
+      }
+    }
+  };
+  return options;
+};
+const parseHtml = (html, paragraphSpacing, tagProps = {}) => {
+  const parsed = parse(html, getOptions(paragraphSpacing, tagProps));
+  return parsed;
+};
+const RichText = ({
+  html,
+  paragraphSpacing,
+  bottomSpacing,
+  tagProps = {}
+}) => {
+  let parsedHtml = parseHtml(html, paragraphSpacing, tagProps);
+  if (parsedHtml && typeof parsedHtml !== "string" && bottomSpacing) {
+    if (!Array.isArray(parsedHtml)) {
+      parsedHtml = [parsedHtml];
+    }
+    if (Array.isArray(parsedHtml)) {
+      parsedHtml[parsedHtml.length - 1] = cloneElement(parsedHtml[parsedHtml.length - 1], {
+        bottomSpacing
+      });
+    }
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: parsedHtml });
+};
+const TextListItemStyled = styled.li.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "TextListItemStyled",
+  componentId: "sc-e2ohp8-0"
+})({
+  display: "list-item",
+  marginBottom: getSpacing(spacingMd)
+}, ({
+  bottomSpacing = spacingNone
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const TextListStyled = styled.ul.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "TextListStyled",
+  componentId: "sc-e2ohp8-1"
+})({
+  display: "block",
+  marginBlockStart: "0px",
+  marginBlockEnd: "0px",
+  marginInlineStart: "0px",
+  marginInlineEnd: "0px",
+  paddingInlineStart: getSpacing(spacingMd),
+  marginBottom: getSpacing(spacingMd)
+}, ({
+  as
+}) => ({
+  listStyleType: olTagName === as ? "decimal" : "disc"
+}), ({
+  size = textBodyMd
+}) => getBodySize(size), ({
+  weight = fontWeightRegular
+}) => {
+  return {
+    fontWeight: getFontWeight(weight)
+  };
+}, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const TextListItem = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(TextListItemStyled, { ...props, children });
+const TextList = ({
+  items,
+  children,
+  bottomSpacing,
+  itemSpacing,
+  tag = ulTagName,
+  ...props
+}) => {
+  const getContent = (items2, children2) => {
+    if (items2) {
+      return items2.map(function(item) {
+        return /* @__PURE__ */ jsx(TextListItem, { bottomSpacing: itemSpacing || item.bottomSpacing, children: "string" === typeof item.children ? /* @__PURE__ */ jsx(RichText, { html: item.children }) : renderInlineRichTextFromOpenText(item.children) }, item.uid);
+      });
+    } else if (children2) {
+      return children2;
+    }
+  };
+  bottomSpacing = itemSpacing ? spacingNone : bottomSpacing;
+  return /* @__PURE__ */ jsx(TextListStyled, { ...props, bottomSpacing, as: tag, children: getContent(items, children) });
+};
+export {
+  RichText as R,
+  TextListItem as T,
+  TextList as a,
+  getUid as g
+};

package/dist/index-DQhtQZ85.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+const screenreaderOnly = {
+  position: "absolute",
+  left: "-10000px",
+  top: "auto",
+  width: "1px",
+  height: "1px",
+  overflow: "hidden"
+};
+const ScreenReaderOnlyStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "ScreenReaderOnlyStyled",
+  componentId: "sc-1r7az4k-0"
+})(screenreaderOnly);
+const ScreenreaderOnly = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(ScreenReaderOnlyStyled, { ...props, children });
+export {
+  ScreenreaderOnly as S,
+  screenreaderOnly as s
+};

package/dist/index-DUnDnTyk.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
+import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-BPTa90Cm.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import styled from "styled-components";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
+import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
+import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
+import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+const getButtonIcon = (icon) => {
+  if (!icon || !icon.name) {
+    return null;
+  }
+  const position = icon.position || leftPosition;
+  return /* @__PURE__ */ jsx(ButtonIconStyled, { iconPosition: position, size: iconSizeSm, name: icon.name });
+};
+const ButtonAsLinkStyled = styled.a.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "ButtonAsLinkStyled",
+  componentId: "sc-c87xxk-0"
+})({
+  appearance: "none",
+  display: "flex",
+  flexWrap: "nowrap",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  gap: `${getSpacing(spacingNone)} ${getSpacing(spacingXs)}`,
+  padding: `${getSpacing(spacingXs)} ${getSpacing(spacingXl)}`,
+  borderRadius: getBorderRadius(borderRadiusMd),
+  fontWeight: getFontWeight(fontWeightRegular),
+  height: buttonHeight,
+  textDecoration: "none",
+  "&:hover": {
+    textDecoration: "none"
+  }
+}, getBodySize(textBodyMd), ({
+  width = "auto"
+}) => ({
+  width: "full" === width ? "100%" : "fit-content"
+}), ({
+  appearance = primaryAppearance
+}) => getButtonAppearance(appearance), ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const ButtonAsLink = (props) => /* @__PURE__ */ jsxs(ButtonAsLinkStyled, { ...props, children: [
+  renderInlineRichTextFromOpenText(props.children),
+  getButtonIcon(props == null ? void 0 : props.icon)
+] });
+export {
+  ButtonAsLink as B,
+  getButtonIcon as g
+};

package/dist/props-Czq9XX2J.js

@@ -0,0 +1,6 @@
+const inputStateSuccess = "success";
+const inputStateError = "error";
+export {
+  inputStateSuccess as a,
+  inputStateError as i
+};

package/dist/{index-BaPlSfS3.js → renderInlineRichTextFromOpenText-CA52y1-B.js}

@@ -1,12 +1,4 @@
-import { jsx } from "react/jsx-runtime";
 import require$$0 from "react";
-import styled from "styled-components";
-import { g as getCssVar, a as getBodySize } from "./index-BoPDwZgt.js";
-const spacingNone = "None";
-const spacingSm = "Sm";
-const spacingMd = "Md";
-const textBodyMd = "md";
-const textBodySm = "sm";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -2384,102 +2376,8 @@ const renderInlineRichTextFromOpenText = (fromCms) => {
   }
   return fromCms;
 };
-const getSpacing = (spacing) => getCssVar(`spacing${spacing}`);
-const getBottomSpacing = ({
-  bottomSpacing
-}) => {
-  if (!bottomSpacing) {
-    return {};
-  }
-  return {
-    marginBottom: getSpacing(bottomSpacing)
-  };
-};
-const baseWeight300 = "fontWeightLight";
-const baseWeight400 = "fontWeightRegular";
-const baseWeight700 = "fontWeightBold";
-const fontWeights = {
-  light: baseWeight300,
-  regular: baseWeight400,
-  bold: baseWeight700
-};
-const getFontWeight = (weight) => getCssVar(fontWeights[weight]);
-const fontWeightBold = "bold";
-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;
-};
-const BodyStyled = styled.p.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "BodyStyled",
-  componentId: "sc-1n7n7pv-0"
-})({
-  outline: "none",
-  color: "inherit",
-  verticalAlign: "baseline"
-}, ({
-  size = textBodyMd
-}) => getBodySize(size), ({
-  weight,
-  tag
-}) => {
-  if ("strong" === tag) {
-    return {
-      fontWeight: getFontWeight(fontWeightBold)
-    };
-  }
-  if (!weight) {
-    return {};
-  }
-  return {
-    fontWeight: getFontWeight(weight)
-  };
-}, ({
-  tag
-}) => {
-  if ("sup" === tag) {
-    return {
-      verticalAlign: "super",
-      fontSize: "smaller"
-    };
-  }
-  if ("span" === tag) {
-    return {
-      display: "inline-block"
-    };
-  }
-  return {};
-}, ({
-  align
-}) => ({
-  textAlign: align
-}), getBottomSpacing);
-const bodyAlignLeft = "left";
-const bodyAlignCenter = "center";
-const bodyAlignRight = "right";
-const Body = ({
-  tag = "p",
-  bottomSpacing,
-  ...props
-}) => {
-  if (!bottomSpacing) {
-    bottomSpacing = textBodySm === props.size ? spacingSm : spacingMd;
-  }
-  return /* @__PURE__ */ jsx(BodyStyled, { ...props, bottomSpacing, as: tag, tag, children: renderInlineRichTextFromOpenText(props.children) });
-};
 export {
-  Body as B,
-  getSpacing as a,
-  bodyAlignLeft as b,
-  bodyAlignCenter as c,
-  bodyAlignRight as d,
-  filterProps as f,
-  getBottomSpacing as g,
-  spacingNone as s
+  libExports as l,
+  parse as p,
+  renderInlineRichTextFromOpenText as r
 };

package/dist/shadow-u158mzuN.js

@@ -0,0 +1,4 @@
+const shadow28 = "shadow28";
+export {
+  shadow28 as s
+};