@vodafone_de/brix-components 17.1.2 → 18.0.0

package/dist/components/LoadingSpinner/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { S as ScreenreaderOnly } from "../../index-Dgu9iIhb.js";
 import { L as LoadingSpinnerSVGStyled, a as LoadingSpinnerPathXsStyled, b as LoadingSpinnerPathOuter3Styled, c as LoadingSpinnerPathOuter2Styled, d as LoadingSpinnerPathOuter1Styled, e as LoadingSpinnerPathCenterStyled, f as LoadingSpinnerContainerStyled, g as LoadingSpinnerContentStyled, h as LoadingSpinnerLabelStyled, i as LoadingSpinnerChildrenStyled } from "../../styled-By1PtDpM.js";
@@ -36,6 +36,7 @@ const LoadingSpinner = ({
   ...props
 }) => {
   const [hasBeenMounted, setHasBeenMounted] = useState(false);
+  const modifiedElements = useRef([]);
   const loadingSpinner = /* @__PURE__ */ jsxs(LoadingSpinnerContainerStyled, { className: props.className, role: active ? "progressbar" : void 0, "aria-busy": active && !screenReaderLabel ? true : void 0, "aria-live": "polite", "aria-label": active ? screenReaderLabel : void 0, fullPage, bottomSpacing, children: [
     active && /* @__PURE__ */ jsxs(LoadingSpinnerContentStyled, { size, overlay: fullPage ? true : overlay, fullPage, children: [
       size === "xs" ? /* @__PURE__ */ jsx(LoadingSpinnerXsSVG, { ...props, size }) : /* @__PURE__ */ jsx(LoadingSpinnerSVG, { ...props, size }),
@@ -50,21 +51,21 @@ const LoadingSpinner = ({
     setHasBeenMounted(true);
   }, []);
   useEffect(() => {
-    if (fullPage) {
-      document.body.classList.toggle("HideOverflowY", active);
-      const contentElements = getContentElements();
-      for (const element of contentElements) {
-        element.setAttribute("aria-hidden", active ? "true" : "false");
-        element.toggleAttribute("inert", active);
-      }
+    if (!fullPage || !active) return;
+    document.body.classList.add("HideOverflowY");
+    const elements = Array.from(getContentElements());
+    modifiedElements.current = elements;
+    for (const element of elements) {
+      element.setAttribute("aria-hidden", "true");
+      element.setAttribute("inert", "");
     }
     return () => {
       document.body.classList.remove("HideOverflowY");
-      const contentElements = getContentElements();
-      for (const element of contentElements) {
+      for (const element of modifiedElements.current) {
         element.removeAttribute("aria-hidden");
         element.removeAttribute("inert");
       }
+      modifiedElements.current = [];
     };
   }, [active, fullPage]);
   if (fullPage && hasBeenMounted) {

package/dist/components/LocalStyle/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
-import { d as cssVarsString } from "../../cssVars-DIZd9rHN.js";
+import { d as cssVarsString } from "../../cssVars-DKs5LlTN.js";
 import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
 const LocalStyleStyled = styled.div.withConfig({
   shouldForwardProp,

package/dist/components/MediaText/index.js

@@ -2,13 +2,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import Flex from "../Flex/index.js";
-import { b as GridItem, G as Grid } from "../../index-B0jIyAgf.js";
+import { b as GridItem, G as Grid } from "../../index-E0RMtc9X.js";
 import Heading from "../Heading/index.js";
 import Image from "../Image/index.js";
 import { m as mediaTextPositionLeft, b as mediaTextPositionTop, y as youTubeVideoComponentName, i as imageComponentName } from "../../props-B9bM_KV-.js";
 import { a, c } from "../../props-B9bM_KV-.js";
 import Link from "../Link/index.js";
-import { a as RichTextContentful, R as RichText } from "../../index-XoIBkRyI.js";
+import { a as RichTextContentful, R as RichText } from "../../index-BLp5wi_X.js";
 import { r as richTextContentfulComponentName, a as richTextComponentName } from "../../props-B5OwQmNC.js";
 import YouTubeVideo from "../YouTubeVideo/index.js";
 import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "../../tags-BeNegJAK.js";

package/dist/components/MediaText/validate.d.ts

@@ -83,15 +83,6 @@ export declare const mediaTextSchema: z.ZodObject<{
             contain: "contain";
             cover: "cover";
         }>>;
-        objectPosition: z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            "top left": "top left";
-            "center left": "center left";
-            "bottom left": "bottom left";
-            "top right": "top right";
-            "center right": "center right";
-            "bottom right": "bottom right";
-        }>>;
         width: z.ZodOptional<z.ZodNumber>;
         component: z.ZodLiteral<"Image">;
         uid: z.ZodString;
@@ -551,6 +542,7 @@ export declare const mediaTextSchema: z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -1105,7 +1097,6 @@ export declare const mediaTextSchema: z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";

package/dist/components/Notification/index.js

@@ -3,8 +3,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import Body from "../Body/index.js";
 import { b as bodyComponentName } from "../../componentName-BoJP6JLf.js";
 import Button from "../Button/index.js";
-import { a as notificationStatusInfo, n as notificationStatusError, c as notificationStatusWarning, e as buttonComponentName, f as buttonAsLinkComponentName, g as buttonGroupComponentName, h as flexComponentName, b as notificationStatusSuccess } from "../../props-BPxy0GPb.js";
-import { d } from "../../props-BPxy0GPb.js";
+import { a as notificationStatusInfo, n as notificationStatusError, c as notificationStatusWarning, b as notificationStatusSuccess, f as flexComponentName, e as buttonGroupComponentName, g as buttonComponentName, h as buttonAsLinkComponentName } from "../../props-Bod9bL2v.js";
+import { d } from "../../props-Bod9bL2v.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
@@ -12,8 +12,8 @@ import { h as headingComponentName } from "../../componentName-C1oXAOj7.js";
 import IconLoader from "../IconLoader/index.js";
 import Link from "../Link/index.js";
 import { l as linkComponentName } from "../../componentName-D74Io-Fs.js";
-import { R as RichText, a as RichTextContentful } from "../../index-XoIBkRyI.js";
-import { a as richTextComponentName, r as richTextContentfulComponentName } from "../../props-B5OwQmNC.js";
+import { a as RichTextContentful, R as RichText } from "../../index-BLp5wi_X.js";
+import { r as richTextContentfulComponentName, a as richTextComponentName } from "../../props-B5OwQmNC.js";
 import { i as iconSizeSm } from "../../IconSize-Da9zhR76.js";
 import { s as spacingMd, c as spacingSm, a as spacingXs } from "../../Spacing-Dj-qX3Z5.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
@@ -29,8 +29,8 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getIconColor } from "../../foundations/token/getIconColor/index.js";
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { a as colorBackgroundNeutral } from "../../BackgroundColor-Ba4D10TC.js";
-import { b as borderRadiusMd } from "../../BorderRadius-Co-IV3fn.js";
-import { f as borderWidthMd } from "../../BorderWidth-OZWeXaq_.js";
+import { b as borderRadiusMd } from "../../BorderRadius-0jhn76gB.js";
+import { f as borderWidthMd } from "../../BorderWidth-CwrNKc0Q.js";
 import { d as colorIconInverse } from "../../IconColor-CtC9WUgr.js";
 import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
 const notificationStatusVariants = {
@@ -128,35 +128,21 @@ const statusLabels = {
   [notificationStatusSuccess]: "Erfolgreich"
 };
 const assertiveStatuses = [notificationStatusError, notificationStatusWarning];
-const getContents = (contents) => {
-  return contents.map((content) => {
-    if (headingComponentName === content.component) {
-      return /* @__PURE__ */ jsx(Heading, { ...content, bottomSpacing: spacingXs, children: content.children }, content.uid);
-    }
-    if (bodyComponentName === content.component) {
-      return /* @__PURE__ */ jsx(Body, { ...content, bottomSpacing: spacingSm, children: content.children }, content.uid);
-    }
-    if (richTextComponentName === content.component) {
-      return /* @__PURE__ */ jsx(RichText, { ...content, bottomSpacing: spacingSm }, content.uid);
-    }
-    if (richTextContentfulComponentName === content.component) {
-      return /* @__PURE__ */ jsx(RichTextContentful, { ...content, bottomSpacing: spacingSm }, content.uid);
-    }
-    if (linkComponentName === content.component) {
-      return /* @__PURE__ */ jsx(Link, { ...content, bottomSpacing: spacingSm, children: content.children }, content.uid);
-    }
-    if (buttonComponentName === content.component || buttonAsLinkComponentName === content.component) {
-      return /* @__PURE__ */ jsx(Button, { ...content, bottomSpacing: spacingSm, children: content.children }, content.uid);
-    }
-    if (buttonGroupComponentName === content.component) {
-      return /* @__PURE__ */ jsx(ButtonGroup, { ...content, bottomSpacing: spacingSm }, content.uid);
-    }
-    if (flexComponentName === content.component) {
-      return /* @__PURE__ */ jsx(Flex, { ...content, bottomSpacing: spacingSm, children: content.children }, content.uid);
-    }
-    return null;
-  });
+const contentRenderers = {
+  [headingComponentName]: (content) => /* @__PURE__ */ jsx(Heading, { ...content, bottomSpacing: spacingXs, children: content.children }, content.uid),
+  [bodyComponentName]: (content) => /* @__PURE__ */ jsx(Body, { ...content, bottomSpacing: spacingSm, children: content.children }, content.uid),
+  [richTextComponentName]: (content) => /* @__PURE__ */ jsx(RichText, { ...content, bottomSpacing: spacingSm }, content.uid),
+  [richTextContentfulComponentName]: (content) => /* @__PURE__ */ jsx(RichTextContentful, { ...content, bottomSpacing: spacingSm }, content.uid),
+  [linkComponentName]: (content) => /* @__PURE__ */ jsx(Link, { ...content, bottomSpacing: spacingSm, children: content.children }, content.uid),
+  [buttonComponentName]: (content) => /* @__PURE__ */ jsx(Button, { ...content, bottomSpacing: spacingSm, children: content.children }, content.uid),
+  [buttonGroupComponentName]: (content) => /* @__PURE__ */ jsx(ButtonGroup, { ...content, bottomSpacing: spacingSm }, content.uid),
+  [flexComponentName]: (content) => /* @__PURE__ */ jsx(Flex, { ...content, bottomSpacing: spacingSm, children: content.children }, content.uid)
 };
+contentRenderers[buttonAsLinkComponentName] = contentRenderers[buttonComponentName];
+const getContents = (contents) => contents.map((content) => {
+  const renderer = contentRenderers[content.component ?? ""];
+  return renderer ? renderer(content) : null;
+});
 const getNotificationLabel = (status, contents, ariaLabel) => {
   const statusLabel = statusLabels[status];
   if (ariaLabel) return `${statusLabel}: ${ariaLabel}`;

package/dist/components/Notification/validate.d.ts

@@ -358,6 +358,7 @@ export declare const notificationSchema: z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -912,7 +913,6 @@ export declare const notificationSchema: z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";
@@ -1039,6 +1039,7 @@ export declare const notificationSchema: z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -1593,7 +1594,6 @@ export declare const notificationSchema: z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";
@@ -1755,6 +1755,7 @@ export declare const notificationSchema: z.ZodObject<{
                 Filter: "Filter";
                 Grid: "Grid";
                 Notification: "Notification";
+                Video: "Video";
                 Focus: "Focus";
                 AbTest: "AbTest";
                 Above28: "Above28";
@@ -2309,7 +2310,6 @@ export declare const notificationSchema: z.ZodObject<{
                 VfHappyHelpful: "VfHappyHelpful";
                 VfHappy: "VfHappy";
                 VideoFrame: "VideoFrame";
-                Video: "Video";
                 Virtuoso: "Virtuoso";
                 VirusProtection: "VirusProtection";
                 VocSensor: "VocSensor";

package/dist/components/OpenTextFootnoteAdapter/index.js

@@ -2,11 +2,11 @@
 import "react/jsx-runtime";
 import "react";
 import "../AccordionGroup/index.js";
-import "../../index-iCvdBgcJ.js";
+import "../../index-C_6tWuWh.js";
 import "../FootnoteContent/index.js";
 import "../Heading/index.js";
-import { O } from "../../index-DQ_p1dIc.js";
-import "../../index-XoIBkRyI.js";
+import { O } from "../../index-CpuHeI4h.js";
+import "../../index-BLp5wi_X.js";
 import "../../HeadingSize-O__w72MO.js";
 export {
   O as default

package/dist/components/PasswordInput/index.js

@@ -6,7 +6,7 @@ import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import IconLoader from "../IconLoader/index.js";
 import { i as inputStateError, a as inputStateSuccess } from "../../props-Czq9XX2J.js";
-import { I as InputWrapperStyled, a as InputStyled } from "../../styled-DYgC4qQm.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-ldBsCamo.js";
 import { S as ScreenreaderOnly } from "../../index-Dgu9iIhb.js";
 import { i as iconSizeSm } from "../../IconSize-Da9zhR76.js";
 import { a as spacingXs, s as spacingMd } from "../../Spacing-Dj-qX3Z5.js";
@@ -19,7 +19,7 @@ import { getIconColor } from "../../foundations/token/getIconColor/index.js";
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { e as colorBorderCritical, d as colorBorderSuccess, b as colorBorderUnselected, c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
-import { a as borderWidthFocus } from "../../BorderWidth-OZWeXaq_.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
 import { c as colorIconSuccess, a as colorIconCritical } from "../../IconColor-CtC9WUgr.js";
 import { a as textBodySm } from "../../TextBodySize-CP9q4gRv.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";

package/dist/components/PickerGroup/components/Picker/index.js

@@ -1,9 +1,9 @@
 "use client";
 import "react/jsx-runtime";
 import "react";
-import "../../../../index-CWByESA7.js";
+import "../../../../index-h88pZ6zH.js";
 import "../../../ColorSwatch/index.js";
-import { P, P as P2 } from "../../../../index-Dn3We7oE.js";
+import { P, P as P2 } from "../../../../index-p9ZTAIzJ.js";
 import "../../../../IconSize-Da9zhR76.js";
 import "../../../../Spacing-Dj-qX3Z5.js";
 export {

package/dist/components/PickerGroup/components/Picker/validate.d.ts

@@ -66,6 +66,7 @@ export declare const pickerSchema: z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -620,7 +621,6 @@ export declare const pickerSchema: z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";

package/dist/components/PickerGroup/index.js

@@ -4,7 +4,7 @@ import Fieldset from "../Fieldset/index.js";
 import { i as inputStateError } from "../../props-Czq9XX2J.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
 import { useState, useEffect } from "react";
-import { a as PickerGridItemStyled, P as Picker, b as PickerGroupContext } from "../../index-Dn3We7oE.js";
+import { a as PickerGridItemStyled, P as Picker, b as PickerGroupContext } from "../../index-p9ZTAIzJ.js";
 import styled from "styled-components";
 import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/PickerGroup/validate.d.ts

@@ -131,6 +131,7 @@ export declare const pickerGroupSchema: z.ZodObject<{
                 Filter: "Filter";
                 Grid: "Grid";
                 Notification: "Notification";
+                Video: "Video";
                 Focus: "Focus";
                 AbTest: "AbTest";
                 Above28: "Above28";
@@ -685,7 +686,6 @@ export declare const pickerGroupSchema: z.ZodObject<{
                 VfHappyHelpful: "VfHappyHelpful";
                 VfHappy: "VfHappy";
                 VideoFrame: "VideoFrame";
-                Video: "Video";
                 Virtuoso: "Virtuoso";
                 VirusProtection: "VirusProtection";
                 VocSensor: "VocSensor";

package/dist/components/Price/index.d.ts

@@ -1,6 +1,5 @@
 import { TabularPriceProps } from '../TabularPrice/props';
 import { PriceProps } from './props';
-export declare const createScreenReaderText: (price: PriceProps["price"], strikePrice: PriceProps["strikePrice"], suffix: PriceProps["suffix"]) => string;
 declare const Price: (props: PriceProps | TabularPriceProps) => import("react/jsx-runtime").JSX.Element;
 export default Price;
 export * from './props';

package/dist/components/Price/index.js

@@ -1,15 +1,68 @@
 "use client";
-import "react/jsx-runtime";
-import { c, P } from "../../index-B7QEcUdq.js";
-import { p, a, b, c as c2, d, e, f, g, h, i } from "../../props-P3bM0HEk.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useId } from "react";
+import { S as ScreenreaderOnly } from "../../index-Dgu9iIhb.js";
+import { T as TabularPrice, P as PriceOuterWrapperStyled, a as PriceInnerWrapperStyled, S as StrikePriceStyled, b as PriceOrientationStyled, c as PriceStyled, d as PriceSuffixStyled } from "../../index-BXTweg2t.js";
+import { d as priceOrientationVertical, a as priceAlignLeft } from "../../props-E4PNCuS6.js";
+import { p, b, c, e, f, g, h, i } from "../../props-E4PNCuS6.js";
+const isTabularPriceProp = (props) => {
+  return props.component === "TabularPrice";
+};
+const getProductOfferMicrodataProps = (productName) => ({
+  itemProp: productName ? "offers" : void 0,
+  itemType: productName ? "https://schema.org/Offer" : void 0,
+  itemScope: productName ? true : void 0
+});
+const PriceView = (props) => {
+  const {
+    orientation = priceOrientationVertical,
+    align = priceAlignLeft,
+    prefix,
+    price,
+    productName,
+    ...priceProps
+  } = props;
+  const priceIdBase = useId();
+  const priceToRender = prefix ? `${prefix} ${price}` : price;
+  const priceTextId = `${priceIdBase}-price`;
+  const suffixTextId = `${priceIdBase}-suffix`;
+  const strikePriceTextId = `${priceIdBase}-strike`;
+  const standardPriceTextId = `${priceIdBase}-standard-label`;
+  const offerPriceTextId = `${priceIdBase}-offer-label`;
+  const ariaLabelledBy = props.strikePrice ? `${standardPriceTextId} ${strikePriceTextId} ${offerPriceTextId} ${priceTextId} ${suffixTextId}` : `${priceTextId} ${suffixTextId}`;
+  return /* @__PURE__ */ jsxs(PriceOuterWrapperStyled, { className: props.className, ...{
+    "aria-live": props["aria-live"]
+  }, ...{
+    "aria-labelledby": ariaLabelledBy
+  }, children: [
+    productName && /* @__PURE__ */ jsx("meta", { itemProp: "name", content: productName }),
+    /* @__PURE__ */ jsxs(PriceInnerWrapperStyled, { ...priceProps, price, orientation, align, ...getProductOfferMicrodataProps(productName), children: [
+      productName && /* @__PURE__ */ jsx("meta", { itemProp: "priceCurrency", content: "EUR" }),
+      props.strikePrice ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ScreenreaderOnly, { id: standardPriceTextId, children: "Standardpreis" }),
+        /* @__PURE__ */ jsx(StrikePriceStyled, { id: strikePriceTextId, children: priceProps.strikePrice })
+      ] }) : null,
+      /* @__PURE__ */ jsxs(PriceOrientationStyled, { orientation, align, itemProp: productName ? "price" : void 0, content: productName ? price : void 0, children: [
+        props.strikePrice && /* @__PURE__ */ jsx(ScreenreaderOnly, { id: offerPriceTextId, children: "Angebotspreis" }),
+        /* @__PURE__ */ jsx(PriceStyled, { id: priceTextId, size: priceProps.size, children: priceToRender }),
+        /* @__PURE__ */ jsx(PriceSuffixStyled, { id: suffixTextId, children: priceProps.suffix })
+      ] })
+    ] })
+  ] });
+};
+const Price = (props) => {
+  if (isTabularPriceProp(props)) {
+    return /* @__PURE__ */ jsx(TabularPrice, { ...props });
+  }
+  return /* @__PURE__ */ jsx(PriceView, { ...props });
+};
 export {
-  c as createScreenReaderText,
-  P as default,
+  Price as default,
   p as priceAlignCenter,
-  a as priceAlignLeft,
+  priceAlignLeft,
   b as priceAligns,
-  c2 as priceOrientationHorizontal,
-  d as priceOrientationVertical,
+  c as priceOrientationHorizontal,
+  priceOrientationVertical,
   e as priceOrientations,
   f as priceSizeLg,
   g as priceSizeMd,

package/dist/components/Price/props.d.ts

@@ -19,12 +19,12 @@ export type PriceAlign = (typeof priceAligns)[number];
  * Shared props between Price and TabularPrice.
  *
  * `role` is deliberately omitted: `PriceOuterWrapperStyled` (styled.tsx) always
- * renders with `role="group"` so its `aria-label` stays valid per ARIA-in-HTML
- * (FIX-SQDE-1475 #3) without excluding the price from the accessibility tree
- * (SQDE-1270). Neither `Price` nor `TabularPrice` forwards a caller-supplied
- * `role` anywhere, so leaving it in this type would let a consumer pass
- * `role="generic"` (or anything else) that's silently ignored — confusing to
- * debug, since nothing indicates why it had no effect.
+ * renders with `role="group"` so its ARIA naming (`aria-labelledby`) stays
+ * consistent across screen readers without excluding the price from the
+ * accessibility tree (SQDE-1270). Neither `Price` nor `TabularPrice` forwards
+ * a caller-supplied `role` anywhere, so leaving it in this type would let a
+ * consumer pass `role="generic"` (or anything else) that's silently ignored —
+ * confusing to debug, since nothing indicates why it had no effect.
  */
 export interface PriceSharedProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role'> {
     /**

package/dist/components/ProductCard/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createElement } from "react";
-import { B as Badge } from "../../index-CWByESA7.js";
+import { B as Badge } from "../../index-h88pZ6zH.js";
 import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
 import "../../index-Dgu9iIhb.js";
 import "../../index-DcEZ9vor.js";
@@ -10,11 +10,11 @@ import Heading from "../Heading/index.js";
 import { h as headingAlignCenter } from "../../props-GrMT6XLD.js";
 import { o as objectFitContain, b as aspectRatio1_1 } from "../../props-CLadRD1u.js";
 import Link from "../Link/index.js";
-import { P as Price } from "../../index-B7QEcUdq.js";
+import Price from "../Price/index.js";
 import { a as fontWeightBold } from "../../FontWeight-C8c-UnWu.js";
 import { j as iconSizeLg } from "../../IconSize-Da9zhR76.js";
 import EnergySnippet from "../EnergySnippet/index.js";
-import { a as RichTextContentful, R as RichText } from "../../index-XoIBkRyI.js";
+import { a as RichTextContentful, R as RichText } from "../../index-BLp5wi_X.js";
 import styled from "styled-components";
 import Card from "../Card/index.js";
 import Flex from "../Flex/index.js";
@@ -22,7 +22,7 @@ import Icon from "../Icon/index.js";
 import Image from "../Image/index.js";
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { r as richTextContentfulComponentName } from "../../props-B5OwQmNC.js";
-import { p as priceAlignCenter, d as priceOrientationVertical } from "../../props-P3bM0HEk.js";
+import { p as priceAlignCenter, d as priceOrientationVertical } from "../../props-E4PNCuS6.js";
 const ProductCardStyled = styled(Card).withConfig({
   displayName: "ProductCardStyled",
   componentId: "sc-1ps8gys-0"

package/dist/components/ProductCard/validate.d.ts

@@ -135,6 +135,7 @@ export declare const productCardSchema: z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -689,7 +690,6 @@ export declare const productCardSchema: z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";
@@ -889,15 +889,6 @@ export declare const productCardSchema: z.ZodObject<{
             contain: "contain";
             cover: "cover";
         }>>;
-        objectPosition: z.ZodOptional<z.ZodEnum<{
-            center: "center";
-            "top left": "top left";
-            "center left": "center left";
-            "bottom left": "bottom left";
-            "top right": "top right";
-            "center right": "center right";
-            "bottom right": "bottom right";
-        }>>;
         roundedCorners: z.ZodOptional<z.ZodBoolean>;
         src: z.ZodString;
         alt: z.ZodOptional<z.ZodString>;
@@ -994,6 +985,7 @@ export declare const productCardSchema: z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -1548,7 +1540,6 @@ export declare const productCardSchema: z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";
@@ -1758,6 +1749,7 @@ export declare const productCardSchema: z.ZodObject<{
                 Filter: "Filter";
                 Grid: "Grid";
                 Notification: "Notification";
+                Video: "Video";
                 Focus: "Focus";
                 AbTest: "AbTest";
                 Above28: "Above28";
@@ -2312,7 +2304,6 @@ export declare const productCardSchema: z.ZodObject<{
                 VfHappyHelpful: "VfHappyHelpful";
                 VfHappy: "VfHappy";
                 VideoFrame: "VideoFrame";
-                Video: "Video";
                 Virtuoso: "Virtuoso";
                 VirusProtection: "VirusProtection";
                 VocSensor: "VocSensor";

package/dist/components/QuickLinkList/components/QuickLink/index.js

@@ -6,7 +6,7 @@ import { useLinkComponent } from "../../../../hooks/useLinkComponent/index.js";
 import { s as sanitizeLinkProps } from "../../../../sanitizeLinkProps-D2Kkovy1.js";
 import { s as shouldForwardProp, p as pickDomProps } from "../../../../shouldForwardProp-CONMmlMa.js";
 import styled from "styled-components";
-import { B as ButtonAppearanceColor } from "../../../../ButtonAppearanceHelper-BQUk7S3X.js";
+import { B as ButtonAppearanceColor } from "../../../../ButtonAppearanceHelper-3qIbHGWJ.js";
 import forcedColors from "../../../../foundations/media-query/forcedColors/index.js";
 import { getBorderColor } from "../../../../foundations/token/getBorderColor/index.js";
 import { getBorderRadius } from "../../../../foundations/token/getBorderRadius/index.js";
@@ -16,7 +16,7 @@ import { getObjectColor } from "../../../../foundations/token/getObjectColor/ind
 import { g as getSpacing } from "../../../../index-l-i-mIeP.js";
 import { getTextColor } from "../../../../foundations/token/getTextColor/index.js";
 import { c as colorBorderFocus, a as colorBorderNeutral } from "../../../../BorderColor-BACbvI20.js";
-import { a as borderWidthFocus } from "../../../../BorderWidth-OZWeXaq_.js";
+import { b as borderWidthFocus } from "../../../../BorderWidth-CwrNKc0Q.js";
 import { t as textHeadingXs } from "../../../../HeadingSize-O__w72MO.js";
 import { c as spacingSm, a as spacingXs } from "../../../../Spacing-Dj-qX3Z5.js";
 import { a as colorTextNeutral } from "../../../../TextColor-DsntmDNw.js";

package/dist/components/QuickLinkList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { G as Grid, b as GridItem } from "../../index-B0jIyAgf.js";
+import { G as Grid, b as GridItem } from "../../index-E0RMtc9X.js";
 import { s as spacingMd } from "../../Spacing-Dj-qX3Z5.js";
 import { u as useViewport, v as viewportLg } from "../../index-DlENLqPq.js";
 import QuickLink from "./components/QuickLink/index.js";

package/dist/components/RadioGroup/index.js

@@ -16,8 +16,8 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { c as colorBorderFocus, e as colorBorderCritical, i as colorBorderSelected, b as colorBorderUnselected } from "../../BorderColor-BACbvI20.js";
-import { d as borderRadiusFull } from "../../BorderRadius-Co-IV3fn.js";
-import { a as borderWidthFocus } from "../../BorderWidth-OZWeXaq_.js";
+import { d as borderRadiusFull } from "../../BorderRadius-0jhn76gB.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
 import { f as colorObjectSelected, e as colorObjectInverse } from "../../ObjectColor-CSHEae46.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { a as shouldForwardPropExcluding, s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";

package/dist/components/Rating/index.js

@@ -14,7 +14,7 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { a as colorBackgroundNeutral } from "../../BackgroundColor-Ba4D10TC.js";
 import { i as colorBorderSelected, a as colorBorderNeutral, b as colorBorderUnselected, c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
-import { a as borderWidthFocus } from "../../BorderWidth-OZWeXaq_.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
 import { f as colorObjectSelected } from "../../ObjectColor-CSHEae46.js";
 import { a as spacingXs } from "../../Spacing-Dj-qX3Z5.js";
 const StarSvg = () => {

package/dist/components/RichText/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { R } from "../../index-XoIBkRyI.js";
+import { R } from "../../index-BLp5wi_X.js";
 export {
   R as default
 };

package/dist/components/RichText/parseHtml.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { BodyProps } from '../Body/props';
 import { HeadingProps } from '../Heading/props';
 import { InlineLinkProps } from '../InlineLink/props';
@@ -15,4 +16,4 @@ export type RichTextTagProps = {
     p?: Omit<BodyProps, 'children'>;
     a?: Omit<InlineLinkProps, 'children'>;
 };
-export declare const parseHtml: (html: string, paragraphSpacing: Spacing | undefined, tagProps?: RichTextTagProps) => string | import("react").JSX.Element | import("react").JSX.Element[];
+export declare const parseHtml: (html: string, paragraphSpacing: Spacing | undefined, tagProps?: RichTextTagProps) => string | JSX.Element | JSX.Element[];

package/dist/components/RichTextContentful/getOptions.d.ts

@@ -1,4 +1,8 @@
 import { Options } from '@contentful/rich-text-react-renderer';
-import { Spacing } from '../../foundations/types/Spacing';
 import { RichTextContentfulTagProps } from './props';
-export declare const getOptions: (paragraphSpacing?: Spacing | undefined, tagProps?: RichTextContentfulTagProps) => Options;
+/**
+ * Every block level component is rendered without its own bottom spacing.
+ * The vertical rhythm between blocks is owned by the RichTextContentful
+ * container, which applies `paragraphSpacing` as a CSS gap.
+ */
+export declare const getOptions: (tagProps?: RichTextContentfulTagProps) => Options;

package/dist/components/RichTextContentful/helpers/listHelpers.d.ts

@@ -5,5 +5,6 @@ export declare const createListItems: (content: Block["content"], listType: "ol"
     richText: {
         component: "RichTextContentful";
         html: Document;
+        paragraphSpacing: "none";
     };
 }[];