@telia/teddy 0.7.47 → 0.7.49

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;
@@ -1151,13 +1189,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 +1203,7 @@
   font-size: var(--teddy-typography-scale-100);
 }
 
-._itemIcon_16o96_15 {
+._itemIcon_1rldv_15 {
   display: flex;
   height: 2rem;
   width: 2rem;
@@ -1176,14 +1214,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 +1232,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 +1311,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 +1326,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 +1335,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 +1385,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.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
-};