@telia/teddy 0.7.47 → 0.7.48

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs

@@ -255,10 +255,11 @@ const RadioCardGroup = Object.assign(components_radioCardGroup_radioCardGroupRoo
 });
 const Close = React.forwardRef(
   ({ className, ...props }, forwardedRef) => {
-    const classes = clsx([modal_module.styles[`${components_modal_modalRoot.rootClassName}__close`]], {
-      [modal_module.styles[`${components_modal_modalRoot.rootClassName}__close--floating`]]: props.slot === "floating",
+    const classes = clsx(
+      modal_module.styles[`${components_modal_modalRoot.rootClassName}__close`],
+      { [modal_module.styles[`${components_modal_modalRoot.rootClassName}__close--floating`]]: props.slot === "floating" },
       className
-    });
+    );
     const imageRef = React.useContext(components_modal_modalRoot.RootContext).imageRef;
     const [hasImage, setHasImage] = React.useState(false);
     React.useEffect(() => {

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js

@@ -234,10 +234,11 @@ const RadioCardGroup = Object.assign(Root$3, {
 });
 const Close = React__default.forwardRef(
   ({ className, ...props }, forwardedRef) => {
-    const classes = clsx([styles$4[`${rootClassName$4}__close`]], {
-      [styles$4[`${rootClassName$4}__close--floating`]]: props.slot === "floating",
+    const classes = clsx(
+      styles$4[`${rootClassName$4}__close`],
+      { [styles$4[`${rootClassName$4}__close--floating`]]: props.slot === "floating" },
       className
-    });
+    );
     const imageRef = React__default.useContext(RootContext$1).imageRef;
     const [hasImage, setHasImage] = React__default.useState(false);
     useEffect(() => {

package/dist/components/shopping-cart/index.d.ts

@@ -5,7 +5,7 @@ import { DisclaimerProps } from './shopping-cart-disclaimer';
 import { ContinueProps } from './shopping-cart-continue';
 
 export declare const ShoppingCart: {
-    ({ heading, children, formatPrice, hasPaid, isAllowedToDelete, className }: RootProps): import("react/jsx-runtime").JSX.Element;
+    ({ heading, children, formatPrice, hasPaid, isAllowedToDelete, readonly, className }: RootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 } & {
     Items: {

package/dist/components/shopping-cart/shopping-cart-context.cjs

@@ -5,7 +5,8 @@ const components_shoppingCart_utils = require("./utils.cjs");
 const ShoppingCartContext = React.createContext({
   formatPrice: components_shoppingCart_utils.defaultFormatPrice,
   hasPaid: false,
-  isAllowedToDelete: true
+  isAllowedToDelete: true,
+  readonly: false
 });
 const ShoppingCartProvider = ShoppingCartContext.Provider;
 const useShoppingCart = () => React.useContext(ShoppingCartContext);

package/dist/components/shopping-cart/shopping-cart-context.d.ts

@@ -3,6 +3,7 @@ export interface ShoppingCartContextValue {
     formatPrice: (price: string | number) => string;
     hasPaid?: boolean;
     isAllowedToDelete?: boolean;
+    readonly?: boolean;
 }
 export declare const ShoppingCartProvider: import('react').Provider<ShoppingCartContextValue>;
 export declare const useShoppingCart: () => ShoppingCartContextValue;

package/dist/components/shopping-cart/shopping-cart-context.js

@@ -3,7 +3,8 @@ import { defaultFormatPrice } from "./utils.js";
 const ShoppingCartContext = createContext({
   formatPrice: defaultFormatPrice,
   hasPaid: false,
-  isAllowedToDelete: true
+  isAllowedToDelete: true,
+  readonly: false
 });
 const ShoppingCartProvider = ShoppingCartContext.Provider;
 const useShoppingCart = () => useContext(ShoppingCartContext);

package/dist/components/shopping-cart/shopping-cart-item.cjs

@@ -14,35 +14,35 @@ const components_tooltip_index = require("../tooltip/index.cjs");
 const components_shoppingCart_types = require("./types.cjs");
 const components_shoppingCart_shoppingCartContext = require("./shopping-cart-context.cjs");
 const components_shoppingCart_utils = require("./utils.cjs");
-const item = "_item_16o96_1";
-const breakageFeeInfo = "_breakageFeeInfo_16o96_7";
-const nameWrapper = "_nameWrapper_16o96_26";
-const link = "_link_16o96_33";
-const cartLink = "_cartLink_16o96_51";
-const discountDescription = "_discountDescription_16o96_59";
-const name = "_name_16o96_26";
-const nameContainer = "_nameContainer_16o96_72";
-const subtitle = "_subtitle_16o96_76";
-const quantityPickerWrapper = "_quantityPickerWrapper_16o96_84";
-const pricePer = "_pricePer_16o96_91";
-const quantityPicker = "_quantityPicker_16o96_84";
-const priceContainer = "_priceContainer_16o96_103";
-const priceCost = "_priceCost_16o96_109";
-const priceLabel = "_priceLabel_16o96_117";
-const priceLinethrough = "_priceLinethrough_16o96_122";
-const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_16o96_132";
-const imageContainer = "_imageContainer_16o96_141";
-const noImageContainer = "_noImageContainer_16o96_153";
-const image = "_image_16o96_141";
-const iconImage = "_iconImage_16o96_166";
-const deleteButtonContainer = "_deleteButtonContainer_16o96_172";
-const uniqueDiscount = "_uniqueDiscount_16o96_199";
-const uniqueDiscountLabel = "_uniqueDiscountLabel_16o96_206";
-const uniqueDiscountPrice = "_uniqueDiscountPrice_16o96_212";
-const onlyInShops = "_onlyInShops_16o96_217";
-const onlyInShopsLabel = "_onlyInShopsLabel_16o96_224";
-const tooltipTrigger = "_tooltipTrigger_16o96_243";
-const priceWrapper = "_priceWrapper_16o96_251";
+const item = "_item_1rldv_1";
+const breakageFeeInfo = "_breakageFeeInfo_1rldv_7";
+const nameWrapper = "_nameWrapper_1rldv_26";
+const link = "_link_1rldv_33";
+const cartLink = "_cartLink_1rldv_51";
+const discountDescription = "_discountDescription_1rldv_59";
+const name = "_name_1rldv_26";
+const nameContainer = "_nameContainer_1rldv_72";
+const subtitle = "_subtitle_1rldv_76";
+const quantityPickerWrapper = "_quantityPickerWrapper_1rldv_84";
+const pricePer = "_pricePer_1rldv_91";
+const quantityPicker = "_quantityPicker_1rldv_84";
+const priceContainer = "_priceContainer_1rldv_103";
+const priceCost = "_priceCost_1rldv_110";
+const priceLabel = "_priceLabel_1rldv_118";
+const priceLinethrough = "_priceLinethrough_1rldv_123";
+const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_1rldv_133";
+const imageContainer = "_imageContainer_1rldv_142";
+const noImageContainer = "_noImageContainer_1rldv_154";
+const image = "_image_1rldv_142";
+const iconImage = "_iconImage_1rldv_167";
+const deleteButtonContainer = "_deleteButtonContainer_1rldv_173";
+const uniqueDiscount = "_uniqueDiscount_1rldv_200";
+const uniqueDiscountLabel = "_uniqueDiscountLabel_1rldv_207";
+const uniqueDiscountPrice = "_uniqueDiscountPrice_1rldv_213";
+const onlyInShops = "_onlyInShops_1rldv_218";
+const onlyInShopsLabel = "_onlyInShopsLabel_1rldv_225";
+const tooltipTrigger = "_tooltipTrigger_1rldv_244";
+const priceWrapper = "_priceWrapper_1rldv_252";
 const styles = {
   item,
   breakageFeeInfo,
@@ -141,7 +141,7 @@ const CartItemImage = ({ cartItem }) => {
 };
 const CartItemPriceDisplay = ({ cartItem, hasPaid, onChangeQuantity }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const { formatPrice } = components_shoppingCart_shoppingCartContext.useShoppingCart();
+  const { formatPrice, readonly } = components_shoppingCart_shoppingCartContext.useShoppingCart();
   const quantity = ((_a = cartItem.quantity) == null ? void 0 : _a.value) ?? 1;
   const isQuantityModifiable = !!((_b = cartItem.quantity) == null ? void 0 : _b.modifiable);
   const shouldShowPricePerUnit = (!!cartItem.price.upfront || !!cartItem.price.firstInvoice) && quantity > 1;
@@ -170,7 +170,7 @@ const CartItemPriceDisplay = ({ cartItem, hasPaid, onChangeQuantity }) => {
           `${cartItem.bundleId}-${cartItem.id}-${sub}`
         )) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
         quantity > 1 && !shouldShowPricePerUnit && /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${quantity} stk` }),
-        isQuantityModifiable && /* @__PURE__ */ jsxRuntime.jsx(
+        isQuantityModifiable && !readonly && /* @__PURE__ */ jsxRuntime.jsx(
           QuantityPicker,
           {
             quantity,
@@ -252,7 +252,7 @@ const CartItemName = ({ cartItem }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntim
 ] });
 const Item = ({ cartItem, onChangeQuantity, onRemoveItem, className }) => {
   var _a;
-  const { hasPaid, isAllowedToDelete } = components_shoppingCart_shoppingCartContext.useShoppingCart();
+  const { hasPaid, isAllowedToDelete, readonly } = components_shoppingCart_shoppingCartContext.useShoppingCart();
   const isRemovable = !!((_a = cartItem.quantity) == null ? void 0 : _a.removable);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(styles.item, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.nameContainer, children: [
@@ -262,7 +262,7 @@ const Item = ({ cartItem, onChangeQuantity, onRemoveItem, className }) => {
         /* @__PURE__ */ jsxRuntime.jsx(CartItemPriceDisplay, { cartItem, onChangeQuantity, hasPaid })
       ] })
     ] }),
-    isRemovable && isAllowedToDelete && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onRemoveItem(cartItem), className: styles.deleteButtonContainer, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "remove" }) })
+    isRemovable && isAllowedToDelete && !readonly && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onRemoveItem(cartItem), className: styles.deleteButtonContainer, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "remove" }) })
   ] });
 };
 Item.displayName = "Item";

package/dist/components/shopping-cart/shopping-cart-item.js

@@ -12,35 +12,35 @@ import { Tooltip } from "../tooltip/index.js";
 import { CART_ITEM_TYPE } from "./types.js";
 import { useShoppingCart } from "./shopping-cart-context.js";
 import { getDiscountPrice, getPrice, defaultFormatPrice } from "./utils.js";
-const item = "_item_16o96_1";
-const breakageFeeInfo = "_breakageFeeInfo_16o96_7";
-const nameWrapper = "_nameWrapper_16o96_26";
-const link = "_link_16o96_33";
-const cartLink = "_cartLink_16o96_51";
-const discountDescription = "_discountDescription_16o96_59";
-const name = "_name_16o96_26";
-const nameContainer = "_nameContainer_16o96_72";
-const subtitle = "_subtitle_16o96_76";
-const quantityPickerWrapper = "_quantityPickerWrapper_16o96_84";
-const pricePer = "_pricePer_16o96_91";
-const quantityPicker = "_quantityPicker_16o96_84";
-const priceContainer = "_priceContainer_16o96_103";
-const priceCost = "_priceCost_16o96_109";
-const priceLabel = "_priceLabel_16o96_117";
-const priceLinethrough = "_priceLinethrough_16o96_122";
-const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_16o96_132";
-const imageContainer = "_imageContainer_16o96_141";
-const noImageContainer = "_noImageContainer_16o96_153";
-const image = "_image_16o96_141";
-const iconImage = "_iconImage_16o96_166";
-const deleteButtonContainer = "_deleteButtonContainer_16o96_172";
-const uniqueDiscount = "_uniqueDiscount_16o96_199";
-const uniqueDiscountLabel = "_uniqueDiscountLabel_16o96_206";
-const uniqueDiscountPrice = "_uniqueDiscountPrice_16o96_212";
-const onlyInShops = "_onlyInShops_16o96_217";
-const onlyInShopsLabel = "_onlyInShopsLabel_16o96_224";
-const tooltipTrigger = "_tooltipTrigger_16o96_243";
-const priceWrapper = "_priceWrapper_16o96_251";
+const item = "_item_1rldv_1";
+const breakageFeeInfo = "_breakageFeeInfo_1rldv_7";
+const nameWrapper = "_nameWrapper_1rldv_26";
+const link = "_link_1rldv_33";
+const cartLink = "_cartLink_1rldv_51";
+const discountDescription = "_discountDescription_1rldv_59";
+const name = "_name_1rldv_26";
+const nameContainer = "_nameContainer_1rldv_72";
+const subtitle = "_subtitle_1rldv_76";
+const quantityPickerWrapper = "_quantityPickerWrapper_1rldv_84";
+const pricePer = "_pricePer_1rldv_91";
+const quantityPicker = "_quantityPicker_1rldv_84";
+const priceContainer = "_priceContainer_1rldv_103";
+const priceCost = "_priceCost_1rldv_110";
+const priceLabel = "_priceLabel_1rldv_118";
+const priceLinethrough = "_priceLinethrough_1rldv_123";
+const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_1rldv_133";
+const imageContainer = "_imageContainer_1rldv_142";
+const noImageContainer = "_noImageContainer_1rldv_154";
+const image = "_image_1rldv_142";
+const iconImage = "_iconImage_1rldv_167";
+const deleteButtonContainer = "_deleteButtonContainer_1rldv_173";
+const uniqueDiscount = "_uniqueDiscount_1rldv_200";
+const uniqueDiscountLabel = "_uniqueDiscountLabel_1rldv_207";
+const uniqueDiscountPrice = "_uniqueDiscountPrice_1rldv_213";
+const onlyInShops = "_onlyInShops_1rldv_218";
+const onlyInShopsLabel = "_onlyInShopsLabel_1rldv_225";
+const tooltipTrigger = "_tooltipTrigger_1rldv_244";
+const priceWrapper = "_priceWrapper_1rldv_252";
 const styles = {
   item,
   breakageFeeInfo,
@@ -139,7 +139,7 @@ const CartItemImage = ({ cartItem }) => {
 };
 const CartItemPriceDisplay = ({ cartItem, hasPaid, onChangeQuantity }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const { formatPrice } = useShoppingCart();
+  const { formatPrice, readonly } = useShoppingCart();
   const quantity = ((_a = cartItem.quantity) == null ? void 0 : _a.value) ?? 1;
   const isQuantityModifiable = !!((_b = cartItem.quantity) == null ? void 0 : _b.modifiable);
   const shouldShowPricePerUnit = (!!cartItem.price.upfront || !!cartItem.price.firstInvoice) && quantity > 1;
@@ -168,7 +168,7 @@ const CartItemPriceDisplay = ({ cartItem, hasPaid, onChangeQuantity }) => {
           `${cartItem.bundleId}-${cartItem.id}-${sub}`
         )) : /* @__PURE__ */ jsx("span", {}),
         quantity > 1 && !shouldShowPricePerUnit && /* @__PURE__ */ jsx("span", { children: `${quantity} stk` }),
-        isQuantityModifiable && /* @__PURE__ */ jsx(
+        isQuantityModifiable && !readonly && /* @__PURE__ */ jsx(
           QuantityPicker,
           {
             quantity,
@@ -250,7 +250,7 @@ const CartItemName = ({ cartItem }) => /* @__PURE__ */ jsxs(Fragment, { children
 ] });
 const Item = ({ cartItem, onChangeQuantity, onRemoveItem, className }) => {
   var _a;
-  const { hasPaid, isAllowedToDelete } = useShoppingCart();
+  const { hasPaid, isAllowedToDelete, readonly } = useShoppingCart();
   const isRemovable = !!((_a = cartItem.quantity) == null ? void 0 : _a.removable);
   return /* @__PURE__ */ jsxs("div", { className: clsx(styles.item, className), children: [
     /* @__PURE__ */ jsxs("div", { className: styles.nameContainer, children: [
@@ -260,7 +260,7 @@ const Item = ({ cartItem, onChangeQuantity, onRemoveItem, className }) => {
         /* @__PURE__ */ jsx(CartItemPriceDisplay, { cartItem, onChangeQuantity, hasPaid })
       ] })
     ] }),
-    isRemovable && isAllowedToDelete && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onRemoveItem(cartItem), className: styles.deleteButtonContainer, children: /* @__PURE__ */ jsx(Icon, { name: "remove" }) })
+    isRemovable && isAllowedToDelete && !readonly && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onRemoveItem(cartItem), className: styles.deleteButtonContainer, children: /* @__PURE__ */ jsx(Icon, { name: "remove" }) })
   ] });
 };
 Item.displayName = "Item";

package/dist/components/shopping-cart/shopping-cart-root.cjs

@@ -5,8 +5,8 @@ const clsx = require("clsx");
 const components_heading_heading = require("../heading/heading.cjs");
 const components_shoppingCart_shoppingCartContext = require("./shopping-cart-context.cjs");
 const shoppingCart_module = require("../../shopping-cart.module-BCoLrcMI.cjs");
-const Root = ({ heading, children, formatPrice, hasPaid, isAllowedToDelete, className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(components_shoppingCart_shoppingCartContext.ShoppingCartProvider, { value: { formatPrice, hasPaid, isAllowedToDelete }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(shoppingCart_module.styles.shoppingCart, className), children: [
+const Root = ({ heading, children, formatPrice, hasPaid, isAllowedToDelete, readonly, className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(components_shoppingCart_shoppingCartContext.ShoppingCartProvider, { value: { formatPrice, hasPaid, isAllowedToDelete, readonly }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(shoppingCart_module.styles.shoppingCart, className), children: [
     heading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: shoppingCart_module.styles.sectionInner, children: /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { className: shoppingCart_module.styles.heading, as: "h2", variant: "title-100", children: heading }) }),
     children
   ] }) });

package/dist/components/shopping-cart/shopping-cart-root.d.ts

@@ -6,6 +6,6 @@ export interface RootProps extends ShoppingCartContextValue {
     className?: string;
 }
 export declare const Root: {
-    ({ heading, children, formatPrice, hasPaid, isAllowedToDelete, className }: RootProps): import("react/jsx-runtime").JSX.Element;
+    ({ heading, children, formatPrice, hasPaid, isAllowedToDelete, readonly, className }: RootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/shopping-cart/shopping-cart-root.js

@@ -3,8 +3,8 @@ import { clsx } from "clsx";
 import { Heading } from "../heading/heading.js";
 import { ShoppingCartProvider } from "./shopping-cart-context.js";
 import { s as styles } from "../../shopping-cart.module-DA25l2hr.js";
-const Root = ({ heading, children, formatPrice, hasPaid, isAllowedToDelete, className }) => {
-  return /* @__PURE__ */ jsx(ShoppingCartProvider, { value: { formatPrice, hasPaid, isAllowedToDelete }, children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.shoppingCart, className), children: [
+const Root = ({ heading, children, formatPrice, hasPaid, isAllowedToDelete, readonly, className }) => {
+  return /* @__PURE__ */ jsx(ShoppingCartProvider, { value: { formatPrice, hasPaid, isAllowedToDelete, readonly }, children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.shoppingCart, className), children: [
     heading && /* @__PURE__ */ jsx("div", { className: styles.sectionInner, children: /* @__PURE__ */ jsx(Heading, { className: styles.heading, as: "h2", variant: "title-100", children: heading }) }),
     children
   ] }) });

package/dist/style.css

@@ -1151,13 +1151,13 @@
     opacity: 1;
     transform: translateX(0);
   }
-}._item_16o96_1 {
+}._item_1rldv_1 {
   position: relative;
   background-color: var(--teddy-color-functional-white);
   border-radius: var(--teddy-border-radius-md);
 }
 
-._breakageFeeInfo_16o96_7 {
+._breakageFeeInfo_1rldv_7 {
   position: relative;
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
@@ -1165,7 +1165,7 @@
   font-size: var(--teddy-typography-scale-100);
 }
 
-._itemIcon_16o96_15 {
+._itemIcon_1rldv_15 {
   display: flex;
   height: 2rem;
   width: 2rem;
@@ -1176,14 +1176,14 @@
   color: var(--teddy-color-purple-700);
 }
 
-._nameWrapper_16o96_26 {
+._nameWrapper_1rldv_26 {
   max-width: 18rem;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
 }
 
-._link_16o96_33 {
+._link_1rldv_33 {
   display: flex;
   align-items: center;
   padding-right: var(--teddy-spacing-400);
@@ -1194,77 +1194,78 @@
 }
 
 @media all and (min-width: 600px) {
-  ._link_16o96_33 {
+  ._link_1rldv_33 {
     padding-right: 0;
   }
 }
 
-._link_16o96_33 span {
+._link_1rldv_33 span {
   margin-right: var(--teddy-spacing-100);
 }
 
-._cartLink_16o96_51 {
+._cartLink_1rldv_51 {
   font-weight: var(--teddy-typography-weight-bold);
   color: var(--teddy-color-functional-black);
 }
 
-._cartLink_16o96_51:hover, ._cartLink_16o96_51:active, ._cartLink_16o96_51:focus {
+._cartLink_1rldv_51:hover, ._cartLink_1rldv_51:active, ._cartLink_1rldv_51:focus {
   color: var(--teddy-color-text-interactive-primary);
 }
 
-._discountDescription_16o96_59 {
+._discountDescription_1rldv_59 {
   margin-right: var(--teddy-spacing-600);
   overflow: visible;
   margin-top: var(--teddy-spacing-50);
 }
 
-._name_16o96_26 {
+._name_1rldv_26 {
   box-sizing: border-box;
   width: 100%;
   padding: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 0;
   font-size: var(--teddy-typography-scale-100);
 }
 
-._nameContainer_16o96_72 {
+._nameContainer_1rldv_72 {
   display: flex;
 }
 
-._subtitle_16o96_76 {
+._subtitle_1rldv_76 {
   display: flex;
   flex-direction: column;
 }
 
-._subtitle_16o96_76 p {
+._subtitle_1rldv_76 p {
   margin: 0;
 }
 
-._quantityPickerWrapper_16o96_84 {
+._quantityPickerWrapper_1rldv_84 {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
 }
 
-._pricePer_16o96_91 {
+._pricePer_1rldv_91 {
   margin-left: var(--teddy-spacing-200);
 }
 
-._quantityPicker_16o96_84 {
+._quantityPicker_1rldv_84 {
   display: flex;
   align-items: center;
 }
 
-._quantityPicker_16o96_84 p {
+._quantityPicker_1rldv_84 p {
   margin: 0 var(--teddy-spacing-100);
 }
 
-._priceContainer_16o96_103 {
+._priceContainer_1rldv_103 {
   display: flex;
   justify-content: space-between;
   margin-bottom: var(--teddy-spacing-100);
+  gap: var(--teddy-spacing-100);
 }
 
-._priceCost_16o96_109 {
+._priceCost_1rldv_110 {
   display: flex;
   flex-direction: column;
   font-family: var(--teddy-typography-family-default);
@@ -1272,12 +1273,12 @@
   margin-bottom: 0;
 }
 
-._priceLabel_16o96_117 {
+._priceLabel_1rldv_118 {
   text-align: right;
   margin-bottom: 0;
 }
 
-._priceLinethrough_16o96_122 {
+._priceLinethrough_1rldv_123 {
   font-size: var(--teddy-typography-scale-100);
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
@@ -1287,7 +1288,7 @@
   color: var(--teddy-color-gray-500);
 }
 
-._priceLinethroughDisclaimer_16o96_132 {
+._priceLinethroughDisclaimer_1rldv_133 {
   font-size: var(--teddy-typography-scale-100);
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
@@ -1296,39 +1297,39 @@
   color: var(--teddy-color-gray-500);
 }
 
-._imageContainer_16o96_141 {
+._imageContainer_1rldv_142 {
   max-width: 2.5rem;
   width: 2.5rem;
   margin: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
 }
 
-._imageContainer_16o96_141 a:hover,
-._imageContainer_16o96_141 a:active,
-._imageContainer_16o96_141 a:focus,
-._imageContainer_16o96_141 a:focus-within {
+._imageContainer_1rldv_142 a:hover,
+._imageContainer_1rldv_142 a:active,
+._imageContainer_1rldv_142 a:focus,
+._imageContainer_1rldv_142 a:focus-within {
   color: var(--teddy-color-text-interactive-primary);
 }
 
-._noImageContainer_16o96_153 {
+._noImageContainer_1rldv_154 {
   max-width: 2.5rem;
   width: 2.5rem;
   margin: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
 }
 
-._image_16o96_141 {
+._image_1rldv_142 {
   display: block;
   height: auto;
   max-width: 2.5rem;
   width: 2.5rem;
 }
 
-._iconImage_16o96_166 {
+._iconImage_1rldv_167 {
   display: block;
   width: 2.5rem;
   height: 2.5rem;
 }
 
-._deleteButtonContainer_16o96_172 {
+._deleteButtonContainer_1rldv_173 {
   box-sizing: border-box;
   display: flex;
   justify-content: center;
@@ -1346,71 +1347,71 @@
   padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
 }
 
-._deleteButtonContainer_16o96_172:active, ._deleteButtonContainer_16o96_172:hover, ._deleteButtonContainer_16o96_172:focus {
+._deleteButtonContainer_1rldv_173:active, ._deleteButtonContainer_1rldv_173:hover, ._deleteButtonContainer_1rldv_173:focus {
   background-color: var(--teddy-color-purple-700);
   color: var(--teddy-color-functional-white);
 }
 
-._deleteButtonContainer_16o96_172 svg {
+._deleteButtonContainer_1rldv_173 svg {
   width: 1.06rem;
   height: 1.1rem;
   margin-bottom: 1px;
 }
 
-._uniqueDiscount_16o96_199 {
+._uniqueDiscount_1rldv_200 {
   display: flex;
   justify-content: space-between;
   margin-top: var(--teddy-spacing-100);
   margin-bottom: var(--teddy-spacing-100);
 }
 
-._uniqueDiscountLabel_16o96_206 {
+._uniqueDiscountLabel_1rldv_207 {
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
   font-style: italic;
 }
 
-._uniqueDiscountPrice_16o96_212 {
+._uniqueDiscountPrice_1rldv_213 {
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-bold);
 }
 
-._onlyInShops_16o96_217 {
+._onlyInShops_1rldv_218 {
   display: flex;
   align-items: center;
   margin-top: var(--teddy-spacing-100);
   margin-bottom: var(--teddy-spacing-100);
 }
 
-._onlyInShopsLabel_16o96_224 {
+._onlyInShopsLabel_1rldv_225 {
   font-style: italic;
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
 }
 
-._onlyInShopsTooltipWrapper_16o96_230 {
+._onlyInShopsTooltipWrapper_1rldv_231 {
   margin-left: var(--teddy-spacing-100);
   display: flex;
   align-items: center;
 }
 
-._onlyInShopsTooltipIcon_16o96_236 {
+._onlyInShopsTooltipIcon_1rldv_237 {
   cursor: pointer;
   width: 1.2rem;
   height: 1.2rem;
   color: var(--teddy-color-functional-black);
 }
 
-._tooltipTrigger_16o96_243 {
+._tooltipTrigger_1rldv_244 {
   padding: var(--teddy-spacing-100);
 }
 
-._tooltipTrigger_16o96_243 svg {
+._tooltipTrigger_1rldv_244 svg {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-._priceWrapper_16o96_251 {
+._priceWrapper_1rldv_252 {
   display: flex;
   align-items: center;
   justify-content: flex-end;

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=10"
   },
   "private": false,
-  "version": "0.7.47",
+  "version": "0.7.48",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"