@telia/teddy 0.7.48 → 0.7.50

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;
@@ -5762,7 +5800,7 @@
 }
 ._teddy-chip__indicator_69tae_83 {
   display: none;
-}@keyframes _teddy-fade-in_1mjv8_1 {
+}@keyframes _teddy-fade-in_mucyt_1 {
   from {
     opacity: 0;
   }
@@ -5770,7 +5808,7 @@
     opacity: 1;
   }
 }
-@keyframes _teddy-fade-out_1mjv8_1 {
+@keyframes _teddy-fade-out_mucyt_1 {
   from {
     opacity: 1;
   }
@@ -5778,7 +5816,7 @@
     opacity: 0;
   }
 }
-@keyframes _teddy-overlay-no-op_1mjv8_1 {
+@keyframes _teddy-overlay-no-op_mucyt_1 {
   from {
     opacity: 1;
   }
@@ -5786,19 +5824,19 @@
     opacity: 1;
   }
 }
-._teddy-modal__overlay_1mjv8_25 {
+._teddy-modal__overlay_mucyt_25 {
   position: fixed;
   inset: 0;
   display: grid;
   place-items: center;
 }
-._teddy-modal__overlay_1mjv8_25::before {
+._teddy-modal__overlay_mucyt_25::before {
   position: fixed;
   content: "";
   inset: 0;
   background-color: var(--teddy-color-overlay-default);
 }
-._teddy-modal__content_1mjv8_37 {
+._teddy-modal__content_mucyt_37 {
   background-color: var(--teddy-color-background-primary);
   box-shadow: var(--teddy-shadow-lg);
   position: relative;
@@ -5807,7 +5845,7 @@
   width: 100%;
 }
 @media (min-width: 600px) {
-  ._teddy-modal__content_1mjv8_37 {
+  ._teddy-modal__content_mucyt_37 {
     max-width: 720px;
     max-height: 80%;
     min-height: 360px;
@@ -5816,11 +5854,26 @@
     border-radius: var(--teddy-border-radius-lg);
   }
 }
-._teddy-modal__scroll_1mjv8_55 {
+@media (min-width: 600px) {
+  ._teddy-modal__content--sm_mucyt_56 {
+    max-width: 480px;
+  }
+}
+@media (min-width: 600px) {
+  ._teddy-modal__content--md_mucyt_61 {
+    max-width: 720px;
+  }
+}
+@media (min-width: 600px) {
+  ._teddy-modal__content--lg_mucyt_66 {
+    max-width: 1000px;
+  }
+}
+._teddy-modal__scroll_mucyt_70 {
   overflow: auto;
   padding-inline: var(--teddy-spacing-300);
 }
-._teddy-modal__image_1mjv8_59 {
+._teddy-modal__image_mucyt_74 {
   max-width: calc(100% + var(--teddy-spacing-300) * 2);
   height: auto;
   vertical-align: middle;
@@ -5830,41 +5883,41 @@
   shape-margin: 0.75rem;
   margin-inline: calc(var(--teddy-spacing-300) * -1);
 }
-._teddy-modal__close--floating_1mjv8_69 {
+._teddy-modal__close--floating_mucyt_84 {
   position: absolute;
   top: var(--teddy-spacing-100);
   right: var(--teddy-spacing-100);
 }
 @media (max-width: 600px) {
-  ._teddy-modal__close--floating_1mjv8_69 {
+  ._teddy-modal__close--floating_mucyt_84 {
     top: var(--teddy-spacing-50);
   }
 }
-._teddy-modal__group_1mjv8_79 {
+._teddy-modal__group_mucyt_94 {
   width: 100%;
   margin-bottom: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_1mjv8_83 {
+._teddy-modal__group--title_mucyt_98 {
   position: sticky;
   inset: 0 0 auto 0;
   background-color: var(--teddy-color-background-primary);
   padding-top: var(--teddy-spacing-300);
 }
 @media (max-width: 600px) {
-  ._teddy-modal__group--title_1mjv8_83 {
+  ._teddy-modal__group--title_mucyt_98 {
     padding-top: var(--teddy-spacing-250);
   }
 }
-._teddy-modal__group--title_1mjv8_83._teddy-modal__group--scroll_1mjv8_94 {
+._teddy-modal__group--title_mucyt_98._teddy-modal__group--scroll_mucyt_109 {
   padding-block: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_1mjv8_83._teddy-modal__group--scroll_1mjv8_94::before {
+._teddy-modal__group--title_mucyt_98._teddy-modal__group--scroll_mucyt_109::before {
   content: "";
   position: absolute;
   inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-modal__group--action_1mjv8_103 {
+._teddy-modal__group--action_mucyt_118 {
   height: 100%;
   position: sticky;
   inset: auto 0 0 0;
@@ -5872,7 +5925,7 @@
   padding: var(--teddy-spacing-200) 0 var(--teddy-spacing-300);
   background-color: var(--teddy-color-background-primary);
 }
-._teddy-modal__group--action_1mjv8_103._teddy-modal__group--scroll_1mjv8_94::before {
+._teddy-modal__group--action_mucyt_118._teddy-modal__group--scroll_mucyt_109::before {
   content: "";
   position: absolute;
   inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
@@ -5880,7 +5933,7 @@
   box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
 }
 @media (prefers-reduced-motion: no-preference) {
-  @keyframes _modal-overlay-no-op_1mjv8_1 {
+  @keyframes _modal-overlay-no-op_mucyt_1 {
     from {
       opacity: 1;
     }
@@ -5888,7 +5941,7 @@
       opacity: 1;
     }
   }
-  @keyframes _modal-content-show_1mjv8_1 {
+  @keyframes _modal-content-show_mucyt_1 {
     from {
       opacity: 0;
       transform: translateY(5px) scale(0.97);
@@ -5898,7 +5951,7 @@
       transform: translateY(0px) scale(1);
     }
   }
-  @keyframes _modal-content-hide_1mjv8_1 {
+  @keyframes _modal-content-hide_mucyt_1 {
     from {
       opacity: 1;
       transform: translateY(0px) scale(1);
@@ -5908,25 +5961,25 @@
       transform: translateY(5px) scale(0.99);
     }
   }
-  ._teddy-modal__overlay_1mjv8_25 {
+  ._teddy-modal__overlay_mucyt_25 {
     /* Keep the overlay mounted until the children have animated */
   }
-  ._teddy-modal__overlay_1mjv8_25:where([data-state=closed]) {
-    animation: _modal-overlay-no-op_1mjv8_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_mucyt_25:where([data-state=closed]) {
+    animation: _modal-overlay-no-op_mucyt_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__overlay_1mjv8_25:where([data-state=open])::before {
-    animation: _teddy-fade-in_1mjv8_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_mucyt_25:where([data-state=open])::before {
+    animation: _teddy-fade-in_mucyt_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__overlay_1mjv8_25:where([data-state=closed])::before {
+  ._teddy-modal__overlay_mucyt_25:where([data-state=closed])::before {
     opacity: 0;
-    animation: _teddy-fade-out_1mjv8_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: _teddy-fade-out_mucyt_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__content_1mjv8_37:where([data-state=open]) {
-    animation: _modal-content-show_1mjv8_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__content_mucyt_37:where([data-state=open]) {
+    animation: _modal-content-show_mucyt_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__content_1mjv8_37:where([data-state=closed]) {
+  ._teddy-modal__content_mucyt_37:where([data-state=closed]) {
     opacity: 0;
-    animation: _modal-content-hide_1mjv8_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: _modal-content-hide_mucyt_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   }
 }@layer heading, button, card, notification;
 @layer notification {

package/package.json

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

package/dist/modal.module-BfeNqXoN.cjs

@@ -1,19 +0,0 @@
-"use strict";
-const styles = {
-  "teddy-modal__overlay": "_teddy-modal__overlay_1mjv8_25",
-  "teddy-modal__content": "_teddy-modal__content_1mjv8_37",
-  "teddy-modal__scroll": "_teddy-modal__scroll_1mjv8_55",
-  "teddy-modal__image": "_teddy-modal__image_1mjv8_59",
-  "teddy-modal__close--floating": "_teddy-modal__close--floating_1mjv8_69",
-  "teddy-modal__group": "_teddy-modal__group_1mjv8_79",
-  "teddy-modal__group--title": "_teddy-modal__group--title_1mjv8_83",
-  "teddy-modal__group--scroll": "_teddy-modal__group--scroll_1mjv8_94",
-  "teddy-modal__group--action": "_teddy-modal__group--action_1mjv8_103",
-  "modal-overlay-no-op": "_modal-overlay-no-op_1mjv8_1",
-  "teddy-fade-in": "_teddy-fade-in_1mjv8_1",
-  "teddy-fade-out": "_teddy-fade-out_1mjv8_1",
-  "modal-content-show": "_modal-content-show_1mjv8_1",
-  "modal-content-hide": "_modal-content-hide_1mjv8_1",
-  "teddy-overlay-no-op": "_teddy-overlay-no-op_1mjv8_1"
-};
-exports.styles = styles;

package/dist/modal.module-DuP4in7f.js

@@ -1,20 +0,0 @@
-const styles = {
-  "teddy-modal__overlay": "_teddy-modal__overlay_1mjv8_25",
-  "teddy-modal__content": "_teddy-modal__content_1mjv8_37",
-  "teddy-modal__scroll": "_teddy-modal__scroll_1mjv8_55",
-  "teddy-modal__image": "_teddy-modal__image_1mjv8_59",
-  "teddy-modal__close--floating": "_teddy-modal__close--floating_1mjv8_69",
-  "teddy-modal__group": "_teddy-modal__group_1mjv8_79",
-  "teddy-modal__group--title": "_teddy-modal__group--title_1mjv8_83",
-  "teddy-modal__group--scroll": "_teddy-modal__group--scroll_1mjv8_94",
-  "teddy-modal__group--action": "_teddy-modal__group--action_1mjv8_103",
-  "modal-overlay-no-op": "_modal-overlay-no-op_1mjv8_1",
-  "teddy-fade-in": "_teddy-fade-in_1mjv8_1",
-  "teddy-fade-out": "_teddy-fade-out_1mjv8_1",
-  "modal-content-show": "_modal-content-show_1mjv8_1",
-  "modal-content-hide": "_modal-content-hide_1mjv8_1",
-  "teddy-overlay-no-op": "_teddy-overlay-no-op_1mjv8_1"
-};
-export {
-  styles as s
-};

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
-};