@telia/teddy 0.7.48 → 0.7.49

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

@@ -13,7 +13,7 @@ export declare const ShoppingCart: {
         displayName: string;
     };
     Payment: {
-        ({ delivery, totalPriceUpfront, totalPriceMonthly, totalPriceFirstInvoice, paymentTooltip, monthlyPriceDetails, totalVAT, totalPriceWithoutVAT, className, }: PaymentProps): import("react/jsx-runtime").JSX.Element;
+        ({ delivery, totalPriceUpfront, totalPriceMonthly, totalPriceFirstInvoice, paymentTooltip, monthlyPriceDetails, totalVAT, totalPriceWithoutVAT, highlightedLine, className, }: PaymentProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Disclaimer: {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("clsx");
-const shoppingCart_module = require("../../shopping-cart.module-BCoLrcMI.cjs");
+const shoppingCart_module = require("../../shopping-cart.module-C9EOksct.cjs");
 const Continue = ({ children, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("section", { className: clsx.clsx(className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${shoppingCart_module.styles.sectionInner} ${shoppingCart_module.styles.continueContainer}`, children }) });
 };

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-import { s as styles } from "../../shopping-cart.module-DA25l2hr.js";
+import { s as styles } from "../../shopping-cart.module-ClaAAxQV.js";
 const Continue = ({ children, className }) => {
   return /* @__PURE__ */ jsx("section", { className: clsx(className), children: /* @__PURE__ */ jsx("div", { className: `${styles.sectionInner} ${styles.continueContainer}`, children }) });
 };

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

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const components_shoppingCart_shoppingCartItem = require("./shopping-cart-item.cjs");
-const shoppingCart_module = require("../../shopping-cart.module-BCoLrcMI.cjs");
+const shoppingCart_module = require("../../shopping-cart.module-C9EOksct.cjs");
 const components_shoppingCart_utils = require("./utils.cjs");
 const ItemGroup = ({ cartItem, onChangeQuantity, onRemoveItem }) => {
   const renderCartItem = (item) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [

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

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
 import { clsx } from "clsx";
 import { Item } from "./shopping-cart-item.js";
-import { s as styles } from "../../shopping-cart.module-DA25l2hr.js";
+import { s as styles } from "../../shopping-cart.module-ClaAAxQV.js";
 import { sortByType } from "./utils.js";
 const ItemGroup = ({ cartItem, onChangeQuantity, onRemoveItem }) => {
   const renderCartItem = (item) => /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -7,8 +7,23 @@ const components_icon_icon = require("../icon/icon.cjs");
 const components_tooltip_index = require("../tooltip/index.cjs");
 const components_progressBar_progressBar = require("../progress-bar/progress-bar.cjs");
 const components_shoppingCart_shoppingCartContext = require("./shopping-cart-context.cjs");
-const shoppingCart_module = require("../../shopping-cart.module-BCoLrcMI.cjs");
-const MonthlyPriceDetailsDisplay = ({ monthlyPriceDetails, totalPriceMonthly }) => {
+const shoppingCart_module = require("../../shopping-cart.module-C9EOksct.cjs");
+const components_box_box = require("../box/box.cjs");
+const HighlightedLine = ({ icon, heading, price, description }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.highlightedLine, children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.highlightedLineTop, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.highlightedLineLeft, children: [
+      icon && /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: icon, className: shoppingCart_module.styles.highlightedLineIcon }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.highlightedLineHeading, children: heading })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.highlightedLinePrice, children: price })
+  ] }),
+  description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: shoppingCart_module.styles.highlightedLineDescription, children: description })
+] });
+const MonthlyPriceDetailsDisplay = ({
+  monthlyPriceDetails,
+  totalPriceMonthly,
+  highlightedLine
+}) => {
   const { formatPrice } = components_shoppingCart_shoppingCartContext.useShoppingCart();
   if (!monthlyPriceDetails || monthlyPriceDetails.length === 0) {
     return null;
@@ -24,6 +39,10 @@ const MonthlyPriceDetailsDisplay = ({ monthlyPriceDetails, totalPriceMonthly })
         formatPrice(totalPriceMonthly || 0),
         "/md."
       ] })
+    ] }),
+    (highlightedLine == null ? void 0 : highlightedLine.isMonthly) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("hr", { className: shoppingCart_module.styles.horizontalRule }),
+      /* @__PURE__ */ jsxRuntime.jsx(HighlightedLine, { ...highlightedLine })
     ] })
   ] });
 };
@@ -36,85 +55,90 @@ const Payment = ({
   monthlyPriceDetails,
   totalVAT,
   totalPriceWithoutVAT,
+  highlightedLine,
   className
 }) => {
   const { formatPrice, hasPaid } = components_shoppingCart_shoppingCartContext.useShoppingCart();
   const hasDelivery = delivery && Object.keys(delivery).length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx.clsx(shoppingCart_module.styles.section, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.sectionInner, children: [
-      hasDelivery && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryContainer, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryLeft, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: delivery.icon || "delivery", className: shoppingCart_module.styles.deliveryIcon }),
-          delivery.label || "Levering"
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx.clsx(shoppingCart_module.styles.section, className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.sectionInner, children: [
+        hasDelivery && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryContainer, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryLeft, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: delivery.icon || "delivery", className: shoppingCart_module.styles.deliveryIcon }),
+            delivery.label || "Levering"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: delivery.value })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: delivery.value })
-      ] }),
-      hasDelivery && delivery.progressBar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryProgressbar, children: [
-        delivery.progressBar.text || /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryProgressbarText, children: [
-          "Du har",
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: shoppingCart_module.styles.labelMedium, children: [
-            Math.ceil(delivery.progressBar.max - delivery.progressBar.progress),
-            ",-"
+        hasDelivery && delivery.progressBar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryProgressbar, children: [
+          delivery.progressBar.text || /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryProgressbarText, children: [
+            "Du har",
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: shoppingCart_module.styles.labelMedium, children: [
+              Math.ceil(delivery.progressBar.max - delivery.progressBar.progress),
+              ",-"
+            ] }),
+            " ",
+            "igjen til ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "fri frakt" })
           ] }),
-          " ",
-          "igjen til ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "fri frakt" })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: shoppingCart_module.styles.progressBarWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
+            components_progressBar_progressBar.ProgressBar,
+            {
+              colorTheme: "light",
+              progress: delivery.progressBar.max > delivery.progressBar.min ? (delivery.progressBar.progress - delivery.progressBar.min) / (delivery.progressBar.max - delivery.progressBar.min) * 100 : 0
+            }
+          ) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: shoppingCart_module.styles.progressBarWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
-          components_progressBar_progressBar.ProgressBar,
-          {
-            colorTheme: "light",
-            progress: delivery.progressBar.max > delivery.progressBar.min ? (delivery.progressBar.progress - delivery.progressBar.min) / (delivery.progressBar.max - delivery.progressBar.min) * 100 : 0
-          }
-        ) })
-      ] }),
-      hasDelivery && !!totalPriceMonthly && /* @__PURE__ */ jsxRuntime.jsx("hr", { className: shoppingCart_module.styles.horizontalRule }),
-      !!totalPriceMonthly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceMonthlyContainer, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.flexRow, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Betale pr md:" }),
-            paymentTooltip && /* @__PURE__ */ jsxRuntime.jsxs(components_tooltip_index.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Trigger, { className: shoppingCart_module.styles.tooltipTrigger }),
-              /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Content, { className: shoppingCart_module.styles.tooltipContent, children: /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: paymentTooltip } }) })
+        hasDelivery && !!totalPriceMonthly && /* @__PURE__ */ jsxRuntime.jsx("hr", { className: shoppingCart_module.styles.horizontalRule }),
+        !!totalPriceMonthly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceMonthlyContainer, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.flexRow, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Betale pr md:" }),
+              paymentTooltip && /* @__PURE__ */ jsxRuntime.jsxs(components_tooltip_index.Tooltip, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Trigger, { className: shoppingCart_module.styles.tooltipTrigger }),
+                /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Content, { className: shoppingCart_module.styles.tooltipContent, children: /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: paymentTooltip } }) })
+              ] })
+            ] }),
+            (!monthlyPriceDetails || monthlyPriceDetails.length === 0) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: shoppingCart_module.styles.labelMedium, children: [
+              formatPrice(totalPriceMonthly),
+              "/md."
             ] })
           ] }),
-          (!monthlyPriceDetails || monthlyPriceDetails.length === 0) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: shoppingCart_module.styles.labelMedium, children: [
-            formatPrice(totalPriceMonthly),
-            "/md."
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            MonthlyPriceDetailsDisplay,
+            {
+              monthlyPriceDetails,
+              totalPriceMonthly,
+              highlightedLine
+            }
+          )
+        ] })
+      ] }),
+      (!!totalPriceUpfront || !!totalPriceFirstInvoice) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceUpfrontContainer, children: [
+        !!totalPriceWithoutVAT && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Sum:" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceWithoutVAT) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MonthlyPriceDetailsDisplay,
-          {
-            monthlyPriceDetails,
-            totalPriceMonthly
-          }
-        )
+        !!totalVAT && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "MVA:" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalVAT) })
+        ] }),
+        !!totalPriceUpfront && !hasPaid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Betale nå:" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceUpfront) })
+        ] }),
+        !!totalPriceUpfront && hasPaid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Betalt:" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceUpfront) })
+        ] }),
+        !!totalPriceFirstInvoice && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Å betale på første faktura:" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceFirstInvoice) })
+        ] })
       ] })
     ] }),
-    (!!totalPriceUpfront || !!totalPriceFirstInvoice) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceUpfrontContainer, children: [
-      !!totalPriceWithoutVAT && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Sum:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceWithoutVAT) })
-      ] }),
-      !!totalVAT && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "MVA:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalVAT) })
-      ] }),
-      !!totalPriceUpfront && !hasPaid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Betale nå:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceUpfront) })
-      ] }),
-      !!totalPriceUpfront && hasPaid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Betalt:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceUpfront) })
-      ] }),
-      !!totalPriceFirstInvoice && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Å betale på første faktura:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceFirstInvoice) })
-      ] })
-    ] })
+    highlightedLine && !highlightedLine.isMonthly && /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { p: "200", children: /* @__PURE__ */ jsxRuntime.jsx(HighlightedLine, { ...highlightedLine }) })
   ] });
 };
 Payment.displayName = "Payment";

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

@@ -1,5 +1,13 @@
+import { IconName } from '../icon';
 import { CartDelivery } from './types';
 
+export interface HighlightedLineProps {
+    icon?: IconName;
+    heading: string;
+    price: string;
+    description?: string;
+    isMonthly: boolean;
+}
 export interface PaymentProps {
     delivery?: CartDelivery;
     totalPriceFirstInvoice?: number;
@@ -12,9 +20,10 @@ export interface PaymentProps {
     totalPriceUpfront?: number;
     totalVAT?: number;
     totalPriceWithoutVAT?: number;
+    highlightedLine?: HighlightedLineProps;
     className?: string;
 }
 export declare const Payment: {
-    ({ delivery, totalPriceUpfront, totalPriceMonthly, totalPriceFirstInvoice, paymentTooltip, monthlyPriceDetails, totalVAT, totalPriceWithoutVAT, className, }: PaymentProps): import("react/jsx-runtime").JSX.Element;
+    ({ delivery, totalPriceUpfront, totalPriceMonthly, totalPriceFirstInvoice, paymentTooltip, monthlyPriceDetails, totalVAT, totalPriceWithoutVAT, highlightedLine, className, }: PaymentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -1,12 +1,27 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Tooltip } from "../tooltip/index.js";
 import { ProgressBar } from "../progress-bar/progress-bar.js";
 import { useShoppingCart } from "./shopping-cart-context.js";
-import { s as styles } from "../../shopping-cart.module-DA25l2hr.js";
-const MonthlyPriceDetailsDisplay = ({ monthlyPriceDetails, totalPriceMonthly }) => {
+import { s as styles } from "../../shopping-cart.module-ClaAAxQV.js";
+import { Box } from "../box/box.js";
+const HighlightedLine = ({ icon, heading, price, description }) => /* @__PURE__ */ jsxs("div", { className: styles.highlightedLine, children: [
+  /* @__PURE__ */ jsxs("div", { className: styles.highlightedLineTop, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.highlightedLineLeft, children: [
+      icon && /* @__PURE__ */ jsx(Icon, { name: icon, className: styles.highlightedLineIcon }),
+      /* @__PURE__ */ jsx("span", { className: styles.highlightedLineHeading, children: heading })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: styles.highlightedLinePrice, children: price })
+  ] }),
+  description && /* @__PURE__ */ jsx("p", { className: styles.highlightedLineDescription, children: description })
+] });
+const MonthlyPriceDetailsDisplay = ({
+  monthlyPriceDetails,
+  totalPriceMonthly,
+  highlightedLine
+}) => {
   const { formatPrice } = useShoppingCart();
   if (!monthlyPriceDetails || monthlyPriceDetails.length === 0) {
     return null;
@@ -22,6 +37,10 @@ const MonthlyPriceDetailsDisplay = ({ monthlyPriceDetails, totalPriceMonthly })
         formatPrice(totalPriceMonthly || 0),
         "/md."
       ] })
+    ] }),
+    (highlightedLine == null ? void 0 : highlightedLine.isMonthly) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("hr", { className: styles.horizontalRule }),
+      /* @__PURE__ */ jsx(HighlightedLine, { ...highlightedLine })
     ] })
   ] });
 };
@@ -34,85 +53,90 @@ const Payment = ({
   monthlyPriceDetails,
   totalVAT,
   totalPriceWithoutVAT,
+  highlightedLine,
   className
 }) => {
   const { formatPrice, hasPaid } = useShoppingCart();
   const hasDelivery = delivery && Object.keys(delivery).length > 0;
-  return /* @__PURE__ */ jsxs("section", { className: clsx(styles.section, className), children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.sectionInner, children: [
-      hasDelivery && /* @__PURE__ */ jsxs("div", { className: styles.deliveryContainer, children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.deliveryLeft, children: [
-          /* @__PURE__ */ jsx(Icon, { name: delivery.icon || "delivery", className: styles.deliveryIcon }),
-          delivery.label || "Levering"
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("section", { className: clsx(styles.section, className), children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.sectionInner, children: [
+        hasDelivery && /* @__PURE__ */ jsxs("div", { className: styles.deliveryContainer, children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.deliveryLeft, children: [
+            /* @__PURE__ */ jsx(Icon, { name: delivery.icon || "delivery", className: styles.deliveryIcon }),
+            delivery.label || "Levering"
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: delivery.value })
         ] }),
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: delivery.value })
-      ] }),
-      hasDelivery && delivery.progressBar && /* @__PURE__ */ jsxs("div", { className: styles.deliveryProgressbar, children: [
-        delivery.progressBar.text || /* @__PURE__ */ jsxs("div", { className: styles.deliveryProgressbarText, children: [
-          "Du har",
-          " ",
-          /* @__PURE__ */ jsxs("span", { className: styles.labelMedium, children: [
-            Math.ceil(delivery.progressBar.max - delivery.progressBar.progress),
-            ",-"
+        hasDelivery && delivery.progressBar && /* @__PURE__ */ jsxs("div", { className: styles.deliveryProgressbar, children: [
+          delivery.progressBar.text || /* @__PURE__ */ jsxs("div", { className: styles.deliveryProgressbarText, children: [
+            "Du har",
+            " ",
+            /* @__PURE__ */ jsxs("span", { className: styles.labelMedium, children: [
+              Math.ceil(delivery.progressBar.max - delivery.progressBar.progress),
+              ",-"
+            ] }),
+            " ",
+            "igjen til ",
+            /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "fri frakt" })
           ] }),
-          " ",
-          "igjen til ",
-          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "fri frakt" })
+          /* @__PURE__ */ jsx("div", { className: styles.progressBarWrapper, children: /* @__PURE__ */ jsx(
+            ProgressBar,
+            {
+              colorTheme: "light",
+              progress: delivery.progressBar.max > delivery.progressBar.min ? (delivery.progressBar.progress - delivery.progressBar.min) / (delivery.progressBar.max - delivery.progressBar.min) * 100 : 0
+            }
+          ) })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: styles.progressBarWrapper, children: /* @__PURE__ */ jsx(
-          ProgressBar,
-          {
-            colorTheme: "light",
-            progress: delivery.progressBar.max > delivery.progressBar.min ? (delivery.progressBar.progress - delivery.progressBar.min) / (delivery.progressBar.max - delivery.progressBar.min) * 100 : 0
-          }
-        ) })
-      ] }),
-      hasDelivery && !!totalPriceMonthly && /* @__PURE__ */ jsx("hr", { className: styles.horizontalRule }),
-      !!totalPriceMonthly && /* @__PURE__ */ jsxs("div", { className: styles.priceMonthlyContainer, children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
-          /* @__PURE__ */ jsxs("div", { className: styles.flexRow, children: [
-            /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Betale pr md:" }),
-            paymentTooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [
-              /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles.tooltipTrigger }),
-              /* @__PURE__ */ jsx(Tooltip.Content, { className: styles.tooltipContent, children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: paymentTooltip } }) })
+        hasDelivery && !!totalPriceMonthly && /* @__PURE__ */ jsx("hr", { className: styles.horizontalRule }),
+        !!totalPriceMonthly && /* @__PURE__ */ jsxs("div", { className: styles.priceMonthlyContainer, children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+            /* @__PURE__ */ jsxs("div", { className: styles.flexRow, children: [
+              /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Betale pr md:" }),
+              paymentTooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles.tooltipTrigger }),
+                /* @__PURE__ */ jsx(Tooltip.Content, { className: styles.tooltipContent, children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: paymentTooltip } }) })
+              ] })
+            ] }),
+            (!monthlyPriceDetails || monthlyPriceDetails.length === 0) && /* @__PURE__ */ jsxs("span", { className: styles.labelMedium, children: [
+              formatPrice(totalPriceMonthly),
+              "/md."
             ] })
           ] }),
-          (!monthlyPriceDetails || monthlyPriceDetails.length === 0) && /* @__PURE__ */ jsxs("span", { className: styles.labelMedium, children: [
-            formatPrice(totalPriceMonthly),
-            "/md."
-          ] })
+          /* @__PURE__ */ jsx(
+            MonthlyPriceDetailsDisplay,
+            {
+              monthlyPriceDetails,
+              totalPriceMonthly,
+              highlightedLine
+            }
+          )
+        ] })
+      ] }),
+      (!!totalPriceUpfront || !!totalPriceFirstInvoice) && /* @__PURE__ */ jsxs("div", { className: styles.priceUpfrontContainer, children: [
+        !!totalPriceWithoutVAT && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Sum:" }),
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceWithoutVAT) })
         ] }),
-        /* @__PURE__ */ jsx(
-          MonthlyPriceDetailsDisplay,
-          {
-            monthlyPriceDetails,
-            totalPriceMonthly
-          }
-        )
+        !!totalVAT && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "MVA:" }),
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalVAT) })
+        ] }),
+        !!totalPriceUpfront && !hasPaid && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Betale nå:" }),
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceUpfront) })
+        ] }),
+        !!totalPriceUpfront && hasPaid && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Betalt:" }),
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceUpfront) })
+        ] }),
+        !!totalPriceFirstInvoice && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Å betale på første faktura:" }),
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceFirstInvoice) })
+        ] })
       ] })
     ] }),
-    (!!totalPriceUpfront || !!totalPriceFirstInvoice) && /* @__PURE__ */ jsxs("div", { className: styles.priceUpfrontContainer, children: [
-      !!totalPriceWithoutVAT && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Sum:" }),
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceWithoutVAT) })
-      ] }),
-      !!totalVAT && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "MVA:" }),
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalVAT) })
-      ] }),
-      !!totalPriceUpfront && !hasPaid && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Betale nå:" }),
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceUpfront) })
-      ] }),
-      !!totalPriceUpfront && hasPaid && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Betalt:" }),
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceUpfront) })
-      ] }),
-      !!totalPriceFirstInvoice && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Å betale på første faktura:" }),
-        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceFirstInvoice) })
-      ] })
-    ] })
+    highlightedLine && !highlightedLine.isMonthly && /* @__PURE__ */ jsx(Box, { p: "200", children: /* @__PURE__ */ jsx(HighlightedLine, { ...highlightedLine }) })
   ] });
 };
 Payment.displayName = "Payment";

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

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 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 shoppingCart_module = require("../../shopping-cart.module-C9EOksct.cjs");
 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 }) }),

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

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 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";
+import { s as styles } from "../../shopping-cart.module-ClaAAxQV.js";
 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 }) }),

package/dist/shopping-cart.module-C9EOksct.cjs

@@ -0,0 +1,62 @@
+"use strict";
+const shoppingCart = "_shoppingCart_ct6d7_1";
+const section = "_section_ct6d7_8";
+const sectionBody = "_sectionBody_ct6d7_14";
+const sectionInner = "_sectionInner_ct6d7_22";
+const horizontalRule = "_horizontalRule_ct6d7_26";
+const heading = "_heading_ct6d7_43";
+const continueContainer = "_continueContainer_ct6d7_47";
+const deliveryContainer = "_deliveryContainer_ct6d7_63";
+const deliveryProgressbar = "_deliveryProgressbar_ct6d7_69";
+const deliveryProgressbarText = "_deliveryProgressbarText_ct6d7_77";
+const deliveryLeft = "_deliveryLeft_ct6d7_81";
+const labelMedium = "_labelMedium_ct6d7_87";
+const deliveryIcon = "_deliveryIcon_ct6d7_93";
+const priceUpfrontContainer = "_priceUpfrontContainer_ct6d7_99";
+const priceMonthlyDetailsTotal = "_priceMonthlyDetailsTotal_ct6d7_107";
+const priceRow = "_priceRow_ct6d7_111";
+const tooltipContent = "_tooltipContent_ct6d7_133";
+const priceMonthlyContainer = "_priceMonthlyContainer_ct6d7_142";
+const priceMonthlyDetails = "_priceMonthlyDetails_ct6d7_107";
+const flexRow = "_flexRow_ct6d7_150";
+const tooltipTrigger = "_tooltipTrigger_ct6d7_155";
+const progressBarWrapper = "_progressBarWrapper_ct6d7_163";
+const highlightedLine = "_highlightedLine_ct6d7_167";
+const highlightedLineTop = "_highlightedLineTop_ct6d7_171";
+const highlightedLineLeft = "_highlightedLineLeft_ct6d7_178";
+const highlightedLineIcon = "_highlightedLineIcon_ct6d7_184";
+const highlightedLineHeading = "_highlightedLineHeading_ct6d7_190";
+const highlightedLinePrice = "_highlightedLinePrice_ct6d7_195";
+const highlightedLineDescription = "_highlightedLineDescription_ct6d7_201";
+const styles = {
+  shoppingCart,
+  section,
+  sectionBody,
+  sectionInner,
+  horizontalRule,
+  heading,
+  continueContainer,
+  deliveryContainer,
+  deliveryProgressbar,
+  deliveryProgressbarText,
+  deliveryLeft,
+  labelMedium,
+  deliveryIcon,
+  priceUpfrontContainer,
+  priceMonthlyDetailsTotal,
+  priceRow,
+  tooltipContent,
+  priceMonthlyContainer,
+  priceMonthlyDetails,
+  flexRow,
+  tooltipTrigger,
+  progressBarWrapper,
+  highlightedLine,
+  highlightedLineTop,
+  highlightedLineLeft,
+  highlightedLineIcon,
+  highlightedLineHeading,
+  highlightedLinePrice,
+  highlightedLineDescription
+};
+exports.styles = styles;

package/dist/shopping-cart.module-ClaAAxQV.js

@@ -0,0 +1,63 @@
+const shoppingCart = "_shoppingCart_ct6d7_1";
+const section = "_section_ct6d7_8";
+const sectionBody = "_sectionBody_ct6d7_14";
+const sectionInner = "_sectionInner_ct6d7_22";
+const horizontalRule = "_horizontalRule_ct6d7_26";
+const heading = "_heading_ct6d7_43";
+const continueContainer = "_continueContainer_ct6d7_47";
+const deliveryContainer = "_deliveryContainer_ct6d7_63";
+const deliveryProgressbar = "_deliveryProgressbar_ct6d7_69";
+const deliveryProgressbarText = "_deliveryProgressbarText_ct6d7_77";
+const deliveryLeft = "_deliveryLeft_ct6d7_81";
+const labelMedium = "_labelMedium_ct6d7_87";
+const deliveryIcon = "_deliveryIcon_ct6d7_93";
+const priceUpfrontContainer = "_priceUpfrontContainer_ct6d7_99";
+const priceMonthlyDetailsTotal = "_priceMonthlyDetailsTotal_ct6d7_107";
+const priceRow = "_priceRow_ct6d7_111";
+const tooltipContent = "_tooltipContent_ct6d7_133";
+const priceMonthlyContainer = "_priceMonthlyContainer_ct6d7_142";
+const priceMonthlyDetails = "_priceMonthlyDetails_ct6d7_107";
+const flexRow = "_flexRow_ct6d7_150";
+const tooltipTrigger = "_tooltipTrigger_ct6d7_155";
+const progressBarWrapper = "_progressBarWrapper_ct6d7_163";
+const highlightedLine = "_highlightedLine_ct6d7_167";
+const highlightedLineTop = "_highlightedLineTop_ct6d7_171";
+const highlightedLineLeft = "_highlightedLineLeft_ct6d7_178";
+const highlightedLineIcon = "_highlightedLineIcon_ct6d7_184";
+const highlightedLineHeading = "_highlightedLineHeading_ct6d7_190";
+const highlightedLinePrice = "_highlightedLinePrice_ct6d7_195";
+const highlightedLineDescription = "_highlightedLineDescription_ct6d7_201";
+const styles = {
+  shoppingCart,
+  section,
+  sectionBody,
+  sectionInner,
+  horizontalRule,
+  heading,
+  continueContainer,
+  deliveryContainer,
+  deliveryProgressbar,
+  deliveryProgressbarText,
+  deliveryLeft,
+  labelMedium,
+  deliveryIcon,
+  priceUpfrontContainer,
+  priceMonthlyDetailsTotal,
+  priceRow,
+  tooltipContent,
+  priceMonthlyContainer,
+  priceMonthlyDetails,
+  flexRow,
+  tooltipTrigger,
+  progressBarWrapper,
+  highlightedLine,
+  highlightedLineTop,
+  highlightedLineLeft,
+  highlightedLineIcon,
+  highlightedLineHeading,
+  highlightedLinePrice,
+  highlightedLineDescription
+};
+export {
+  styles as s
+};

package/dist/style.css

@@ -663,20 +663,20 @@
     font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
     line-height: var(--teddy-typography-line-height-tight);
   }
-}._shoppingCart_121r0_1 {
+}._shoppingCart_ct6d7_1 {
   margin-bottom: var(--teddy-spacing-300);
   width: 100%;
   color: var(--teddy-color-gray-900);
   line-height: var(--teddy-typography-line-height-loose);
 }
 
-._section_121r0_8 {
+._section_ct6d7_8 {
   background-color: var(--teddy-color-gray-50);
   border-top-right-radius: var(--teddy-border-radius-md);
   border-top-left-radius: var(--teddy-border-radius-md);
 }
 
-._sectionBody_121r0_14 {
+._sectionBody_ct6d7_14 {
   background-color: var(--teddy-color-functional-white);
   margin-bottom: var(--teddy-spacing-200);
   border: var(--teddy-border-width-sm) solid var(--teddy-color-gray-150);
@@ -684,20 +684,20 @@
   overflow: visible;
 }
 
-._sectionInner_121r0_22 {
+._sectionInner_ct6d7_22 {
   padding: var(--teddy-spacing-200);
 }
 
-._horizontalRuleWrapper_121r0_26 {
+._horizontalRuleWrapper_ct6d7_26 {
   padding: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
   background-color: var(--teddy-color-functional-white);
 }
 
-._horizontalRuleWrapper_121r0_26 ._horizontalRule_121r0_26 {
+._horizontalRuleWrapper_ct6d7_26 ._horizontalRule_ct6d7_26 {
   margin: 0;
 }
 
-._horizontalRule_121r0_26 {
+._horizontalRule_ct6d7_26 {
   width: 100%;
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-gray-150);
   border-left: none;
@@ -706,11 +706,11 @@
   margin: var(--teddy-spacing-200) 0;
 }
 
-._heading_121r0_43 {
+._heading_ct6d7_43 {
   margin: 0;
 }
 
-._continueContainer_121r0_47 {
+._continueContainer_ct6d7_47 {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -718,23 +718,23 @@
   margin-top: var(--teddy-spacing-300);
 }
 
-._continueContainer_121r0_47 button {
+._continueContainer_ct6d7_47 button {
   margin: 0;
   width: 100%;
   max-width: 18rem;
 }
 
-._continueContainer_121r0_47 button:not(:first-of-type) {
+._continueContainer_ct6d7_47 button:not(:first-of-type) {
   margin-top: var(--teddy-spacing-200) !important;
 }
 
-._deliveryContainer_121r0_63 {
+._deliveryContainer_ct6d7_63 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
-._deliveryProgressbar_121r0_69 {
+._deliveryProgressbar_ct6d7_69 {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -742,29 +742,29 @@
   margin: var(--teddy-spacing-200) 0;
 }
 
-._deliveryProgressbarText_121r0_77 {
+._deliveryProgressbarText_ct6d7_77 {
   margin-bottom: var(--teddy-spacing-100);
 }
 
-._deliveryLeft_121r0_81 {
+._deliveryLeft_ct6d7_81 {
   display: flex;
   align-items: center;
   margin-right: var(--teddy-spacing-200);
 }
 
-._labelMedium_121r0_87 {
+._labelMedium_ct6d7_87 {
   color: var(--teddy-color-gray-900);
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-medium);
 }
 
-._deliveryIcon_121r0_93 {
+._deliveryIcon_ct6d7_93 {
   width: 1.5rem;
   height: 1.5rem;
   margin-right: var(--teddy-spacing-150);
 }
 
-._priceUpfrontContainer_121r0_99 {
+._priceUpfrontContainer_ct6d7_99 {
   background-color: var(--teddy-color-functional-white);
   border: var(--teddy-border-width-sm) solid var(--teddy-color-gray-150);
   padding: var(--teddy-spacing-200);
@@ -772,67 +772,105 @@
   border-bottom-right-radius: var(--teddy-border-radius-md);
 }
 
-._priceMonthlyDetailsTotal_121r0_107 {
+._priceMonthlyDetailsTotal_ct6d7_107 {
   margin-top: var(--teddy-spacing-300);
 }
 
-._priceRow_121r0_111 {
+._priceRow_ct6d7_111 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
-._priceRow_121r0_111 > :first-child {
+._priceRow_ct6d7_111 > :first-child {
   margin-right: var(--teddy-spacing-100);
 }
 
-._tooltipIconWrapper_121r0_120 {
+._tooltipIconWrapper_ct6d7_120 {
   margin-left: var(--teddy-spacing-100);
   width: 1.5rem;
   height: 1.5rem;
 }
 
-._tooltipIcon_121r0_120 {
+._tooltipIcon_ct6d7_120 {
   cursor: pointer;
   width: 1.5rem;
   height: 1.5rem;
   color: var(--teddy-color-purple-700);
 }
 
-._tooltipContent_121r0_133 {
+._tooltipContent_ct6d7_133 {
   width: 15rem;
 }
 
 @media all and (min-width: 600px) {
-  ._tooltipContent_121r0_133 {
+  ._tooltipContent_ct6d7_133 {
     width: 22rem;
   }
 }
 
-._priceMonthlyContainer_121r0_142 {
+._priceMonthlyContainer_ct6d7_142 {
   display: block;
 }
 
-._priceMonthlyDetails_121r0_107 {
+._priceMonthlyDetails_ct6d7_107 {
   display: block;
 }
 
-._flexRow_121r0_150 {
+._flexRow_ct6d7_150 {
   display: flex;
   align-items: center;
 }
 
-._tooltipTrigger_121r0_155 {
+._tooltipTrigger_ct6d7_155 {
   padding: var(--teddy-spacing-100);
 }
 
-._tooltipTrigger_121r0_155 svg {
+._tooltipTrigger_ct6d7_155 svg {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-._progressBarWrapper_121r0_163 {
+._progressBarWrapper_ct6d7_163 {
   width: 100%;
+}
+
+._highlightedLine_ct6d7_167 {
+  color: var(--teddy-color-purple-700);
+}
+
+._highlightedLineTop_ct6d7_171 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--teddy-spacing-100);
+}
+
+._highlightedLineLeft_ct6d7_178 {
+  display: flex;
+  align-items: center;
+  gap: var(--teddy-spacing-100);
+}
+
+._highlightedLineIcon_ct6d7_184 {
+  width: 1.5rem;
+  height: 1.5rem;
+  flex-shrink: 0;
+}
+
+._highlightedLineHeading_ct6d7_190 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-medium);
+}
+
+._highlightedLinePrice_ct6d7_195 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-medium);
+  white-space: nowrap;
+}
+
+._highlightedLineDescription_ct6d7_201 {
+  margin: var(--teddy-spacing-050) 0 0;
 }@layer text {
   ._teddy-text_19etp_2 {
     color: inherit;

package/package.json

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

package/dist/shopping-cart.module-BCoLrcMI.cjs

@@ -1,48 +0,0 @@
-"use strict";
-const shoppingCart = "_shoppingCart_121r0_1";
-const section = "_section_121r0_8";
-const sectionBody = "_sectionBody_121r0_14";
-const sectionInner = "_sectionInner_121r0_22";
-const horizontalRule = "_horizontalRule_121r0_26";
-const heading = "_heading_121r0_43";
-const continueContainer = "_continueContainer_121r0_47";
-const deliveryContainer = "_deliveryContainer_121r0_63";
-const deliveryProgressbar = "_deliveryProgressbar_121r0_69";
-const deliveryProgressbarText = "_deliveryProgressbarText_121r0_77";
-const deliveryLeft = "_deliveryLeft_121r0_81";
-const labelMedium = "_labelMedium_121r0_87";
-const deliveryIcon = "_deliveryIcon_121r0_93";
-const priceUpfrontContainer = "_priceUpfrontContainer_121r0_99";
-const priceMonthlyDetailsTotal = "_priceMonthlyDetailsTotal_121r0_107";
-const priceRow = "_priceRow_121r0_111";
-const tooltipContent = "_tooltipContent_121r0_133";
-const priceMonthlyContainer = "_priceMonthlyContainer_121r0_142";
-const priceMonthlyDetails = "_priceMonthlyDetails_121r0_107";
-const flexRow = "_flexRow_121r0_150";
-const tooltipTrigger = "_tooltipTrigger_121r0_155";
-const progressBarWrapper = "_progressBarWrapper_121r0_163";
-const styles = {
-  shoppingCart,
-  section,
-  sectionBody,
-  sectionInner,
-  horizontalRule,
-  heading,
-  continueContainer,
-  deliveryContainer,
-  deliveryProgressbar,
-  deliveryProgressbarText,
-  deliveryLeft,
-  labelMedium,
-  deliveryIcon,
-  priceUpfrontContainer,
-  priceMonthlyDetailsTotal,
-  priceRow,
-  tooltipContent,
-  priceMonthlyContainer,
-  priceMonthlyDetails,
-  flexRow,
-  tooltipTrigger,
-  progressBarWrapper
-};
-exports.styles = styles;

package/dist/shopping-cart.module-DA25l2hr.js

@@ -1,49 +0,0 @@
-const shoppingCart = "_shoppingCart_121r0_1";
-const section = "_section_121r0_8";
-const sectionBody = "_sectionBody_121r0_14";
-const sectionInner = "_sectionInner_121r0_22";
-const horizontalRule = "_horizontalRule_121r0_26";
-const heading = "_heading_121r0_43";
-const continueContainer = "_continueContainer_121r0_47";
-const deliveryContainer = "_deliveryContainer_121r0_63";
-const deliveryProgressbar = "_deliveryProgressbar_121r0_69";
-const deliveryProgressbarText = "_deliveryProgressbarText_121r0_77";
-const deliveryLeft = "_deliveryLeft_121r0_81";
-const labelMedium = "_labelMedium_121r0_87";
-const deliveryIcon = "_deliveryIcon_121r0_93";
-const priceUpfrontContainer = "_priceUpfrontContainer_121r0_99";
-const priceMonthlyDetailsTotal = "_priceMonthlyDetailsTotal_121r0_107";
-const priceRow = "_priceRow_121r0_111";
-const tooltipContent = "_tooltipContent_121r0_133";
-const priceMonthlyContainer = "_priceMonthlyContainer_121r0_142";
-const priceMonthlyDetails = "_priceMonthlyDetails_121r0_107";
-const flexRow = "_flexRow_121r0_150";
-const tooltipTrigger = "_tooltipTrigger_121r0_155";
-const progressBarWrapper = "_progressBarWrapper_121r0_163";
-const styles = {
-  shoppingCart,
-  section,
-  sectionBody,
-  sectionInner,
-  horizontalRule,
-  heading,
-  continueContainer,
-  deliveryContainer,
-  deliveryProgressbar,
-  deliveryProgressbarText,
-  deliveryLeft,
-  labelMedium,
-  deliveryIcon,
-  priceUpfrontContainer,
-  priceMonthlyDetailsTotal,
-  priceRow,
-  tooltipContent,
-  priceMonthlyContainer,
-  priceMonthlyDetails,
-  flexRow,
-  tooltipTrigger,
-  progressBarWrapper
-};
-export {
-  styles as s
-};