a

adobecom · Sep 30, 2024 · eb156cc · eb156cc
1 parent 5e5924d
commit eb156cc
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 60 deletions.
diff --git a/libs/features/mas/web-components/src/variants/ccd-suggested.css.js b/libs/features/mas/web-components/src/variants/ccd-suggested.css.js
@@ -1,8 +1,8 @@
 export const CSS = `
 :root {
-  --consonant-merch-card-ccd-suggested-width: 304px;
-  --consonant-merch-card-ccd-suggested-height: 205px;
-  --consonant-merch-card-ccd-suggested-background-img-size: 119px;
+  --merch-card-ccd-suggested-width: 304px;
+  --merch-card-ccd-suggested-height: 205px;
+  --merch-card-ccd-suggested-background-img-size: 119px;
 }
 
 merch-card[variant="ccd-suggested"] [slot='detail-m'] {
@@ -15,8 +15,8 @@ merch-card[variant="ccd-suggested"] [slot='icons'] {
 }
 
 merch-card[variant="ccd-suggested"] [slot='heading-xs'] {
-  font-size: var(--consonant-merch-card-heading-xxs-font-size);
-  line-height: var(--consonant-merch-card-heading-xxs-line-height);
+  font-size: var(--merch-card-heading-xxs-font-size);
+  line-height: var(--merch-card-heading-xxs-line-height);
 
 }
 

diff --git a/libs/features/mas/web-components/src/variants/ccd-suggested.js b/libs/features/mas/web-components/src/variants/ccd-suggested.js
@@ -29,8 +29,8 @@ export class CCDSuggested extends VariantLayout {
 
   static variantStyle = css`
     :host([variant='ccd-suggested']) {
-      width: var(--consonant-merch-card-ccd-suggested-width);
-      min-height: var(--consonant-merch-card-ccd-suggested-height);
+      width: var(--merch-card-ccd-suggested-width);
+      min-height: var(--merch-card-ccd-suggested-height);
       border-radius: 4px;
       display: flex;
       flex-flow: wrap;

diff --git a/libs/features/mas/web-components/test/merch-card.ccd-suggested.test.html b/libs/features/mas/web-components/test/merch-card.ccd-suggested.test.html
@@ -42,7 +42,7 @@
             >
             <merch-icon
               slot="icons"
-              src="https://www.adobe.com/content/dam/shared/images/product-icons/svg/lightroom.svg"
+              src="./img/pixel.png"
               alt=""
               href=""
               size="l"
@@ -58,23 +58,15 @@
               <span is="inline-price" data-wcs-osi="r_JXAnlFI7xD6FxWKl2ODvZriLYBoSL701Kd1hRyhe8"></span>
         </div>
           <div slot="cta">
-                <a
-                  is="checkout-link"
-                  data-checkout-workflow="UCv3"
-                  data-checkout-workflow-step="segmentation"
-                  data-promotion-code="CCI2AAUSQ22440CH"
-                  data-quantity="1"
-                  data-wcs-osi="r_JXAnlFI7xD6FxWKl2ODvZriLYBoSL701Kd1hRyhe8"
-                  data-extra-options="{}"
-                  ><span>Buy now</span></a
+                <a href="https://www.adobe.com"><span is="checkout-link" data-wcs-osi="r_JXAnlFI7xD6FxWKl2ODvZriLYBoSL701Kd1hRyhe8"></span></a
                 >
           </div>
           </merch-card>
           <merch-card strip-size="wide" strip-background="./img/pixel.png" tabindex="0" variant="ccd-suggested" filters="" types="">
             <sp-status-light size="l" variant="info" dir="ltr"></sp-status-light>
             <merch-icon
               slot="icons"
-              src="https://www.adobe.com/content/dam/shared/images/product-icons/svg/creative-cloud.svg"
+              src="./img/pixel.png"
               alt=""
               href=""
               size="l"
@@ -87,26 +79,7 @@
               Starting at US$19.99/mo
             </p>
               <div slot="price">
-                <span
-          is="inline-price"
-          data-display-old-price="true"
-          data-display-per-unit="false"
-          data-promotion-code=""
-          data-quantity="1"
-          data-template="price"
-          data-wcs-osi="r_JXAnlFI7xD6FxWKl2ODvZriLYBoSL701Kd1hRyhe8"
-          class="placeholder-resolved"
-          ><span class="price" aria-label="US$35.99 per month"
-            ><span class="price-currency-symbol">US$</span
-            ><span class="price-currency-space disabled"></span
-            ><span class="price-integer">35</span
-            ><span class="price-decimals-delimiter">.</span
-            ><span class="price-decimals">99</span
-            ><span class="price-recurrence">/mo</span
-            ><span class="price-unit-type disabled"></span
-            ><span class="price-tax-inclusivity disabled"></span></span
-          ></span
-                >
+                <span is="inline-price" data-wcs-osi="r_JXAnlFI7xD6FxWKl2ODvZriLYBoSL701Kd1hRyhe8"></span>
               </div>
                 <div slot="cta">
                   <strong>Buy now</strong>
@@ -116,15 +89,15 @@
             <sp-status-light size="l" variant="info" dir="ltr"></sp-status-light>
             <merch-icon
               slot="icons"
-              src="https://www.adobe.com/content/dam/shared/images/product-icons/svg/photoshop.svg"
+              src="./img/pixel.png"
               alt=""
               href=""
               size="l"
               >undefined</merch-icon
             >
             <merch-icon
               slot="icons"
-              src="https://www.adobe.com/content/dam/shared/images/product-icons/svg/lightroom.svg"
+              src="./img/pixel.png"
               alt=""
               href=""
               size="l"
@@ -137,26 +110,7 @@
               Starting at US$19.99/mo
             </p>
               <div slot="price">
-                <span
-          is="inline-price"
-          data-display-old-price="true"
-          data-display-per-unit="false"
-          data-promotion-code=""
-          data-quantity="1"
-          data-template="price"
-          data-wcs-osi="r_JXAnlFI7xD6FxWKl2ODvZriLYBoSL701Kd1hRyhe8"
-          class="placeholder-resolved"
-          ><span class="price" aria-label="US$35.99 per month"
-            ><span class="price-currency-symbol">US$</span
-            ><span class="price-currency-space disabled"></span
-            ><span class="price-integer">35</span
-            ><span class="price-decimals-delimiter">.</span
-            ><span class="price-decimals">99</span
-            ><span class="price-recurrence">/mo</span
-            ><span class="price-unit-type disabled"></span
-            ><span class="price-tax-inclusivity disabled"></span></span
-          ></span
-                >
+                <span is="inline-price" data-wcs-osi="r_JXAnlFI7xD6FxWKl2ODvZriLYBoSL701Kd1hRyhe8"></span>
               </div>
                 <div slot="cta">
                   <sp-button variant="secondary">Browse all tutorials</sp-button>