correct background color for ccd cards

adobecom · Nov 7, 2024 · a516ba4 · a516ba4
1 parent 53d5f81
commit a516ba4
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 47 deletions.
diff --git a/libs/deps/mas/mas.js b/libs/deps/mas/mas.js
diff --git a/libs/deps/mas/merch-card.js b/libs/deps/mas/merch-card.js
diff --git a/libs/features/mas/mas/dist/mas.js b/libs/features/mas/mas/dist/mas.js
diff --git a/libs/features/mas/web-components/src/variants/ccd-slice.js b/libs/features/mas/web-components/src/variants/ccd-slice.js
@@ -37,8 +37,8 @@ export class CCDSlice extends VariantLayout {
         :host([variant='ccd-slice']) {
             width: var(--consonant-merch-card-ccd-slice-single-width);
             max-width: var(--consonant-merch-card-ccd-slice-single-width);
-            background-color: var(
-              --spectrum-gray-50, #fff);
+            border: 1px solid var(--spectrum-global-color-gray-700);
+            background-color: var(--spectrum-gray-800, #fff);
             border-radius: 4px;
             display: flex;
             flex-flow: wrap;

diff --git a/libs/features/mas/web-components/src/variants/ccd-suggested.js b/libs/features/mas/web-components/src/variants/ccd-suggested.js
@@ -46,8 +46,8 @@ export class CCDSuggested extends VariantLayout {
 
   static variantStyle = css`
     :host([variant='ccd-suggested']) {
-      background-color: var(
-        --spectrum-gray-50, #fff);
+      background-color: var(--spectrum-gray-50, #fff);
+      border: 1px solid var(--spectrum-global-color-gray-700);
       width: var(--merch-card-ccd-suggested-width);
       max-width: var(--merch-card-ccd-suggested-width);
       min-height: var(--merch-card-ccd-suggested-height);