diff --git a/libs/deps/mas/mas.js b/libs/deps/mas/mas.js index c04ee967e2..eab821a701 100644 --- a/libs/deps/mas/mas.js +++ b/libs/deps/mas/mas.js @@ -1821,7 +1821,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { `}};p(Ue,"variantStyle",P` :host([variant='ah-try-buy-widget']) { - --merch-card-ah-try-buy-widget-min-width: 132px; + --merch-card-ah-try-buy-widget-min-width: 156px; --merch-card-ah-try-buy-widget-content-min-width: 132px; --merch-card-ah-try-buy-widget-header-min-height: 36px; --merch-card-ah-try-buy-widget-gray-background: rgba(248, 248, 248); @@ -1829,6 +1829,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { --merch-card-ah-try-buy-widget-price-line-height: 17px; --merch-card-ah-try-buy-widget-outline: transparent; --merch-card-custom-border-width: 1px; + height: 100%; min-width: var(--merch-card-ah-try-buy-widget-min-width); background-color: var(--merch-card-custom-background-color, var(--consonant-merch-card-background-color)); color: var(--consonant-merch-card-heading-xxxs-color); @@ -1837,10 +1838,10 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { display: flex; flex-direction: column; overflow: hidden; - padding: 12px !important; + padding: 11px !important; gap: 16px; - box-sizing: content-box !important; justify-content: space-between; + box-sizing: border-box !important; } :host([variant='ah-try-buy-widget'][size='single']) { diff --git a/libs/deps/mas/merch-card.js b/libs/deps/mas/merch-card.js index c90b168ef5..cdd8aa2b0d 100644 --- a/libs/deps/mas/merch-card.js +++ b/libs/deps/mas/merch-card.js @@ -1846,7 +1846,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { `}};f(te,"variantStyle",vo` :host([variant='ah-try-buy-widget']) { - --merch-card-ah-try-buy-widget-min-width: 132px; + --merch-card-ah-try-buy-widget-min-width: 156px; --merch-card-ah-try-buy-widget-content-min-width: 132px; --merch-card-ah-try-buy-widget-header-min-height: 36px; --merch-card-ah-try-buy-widget-gray-background: rgba(248, 248, 248); @@ -1854,6 +1854,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { --merch-card-ah-try-buy-widget-price-line-height: 17px; --merch-card-ah-try-buy-widget-outline: transparent; --merch-card-custom-border-width: 1px; + height: 100%; min-width: var(--merch-card-ah-try-buy-widget-min-width); background-color: var(--merch-card-custom-background-color, var(--consonant-merch-card-background-color)); color: var(--consonant-merch-card-heading-xxxs-color); @@ -1862,10 +1863,10 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { display: flex; flex-direction: column; overflow: hidden; - padding: 12px !important; + padding: 11px !important; gap: 16px; - box-sizing: content-box !important; justify-content: space-between; + box-sizing: border-box !important; } :host([variant='ah-try-buy-widget'][size='single']) { diff --git a/libs/features/mas/dist/mas.js b/libs/features/mas/dist/mas.js index c04ee967e2..eab821a701 100644 --- a/libs/features/mas/dist/mas.js +++ b/libs/features/mas/dist/mas.js @@ -1821,7 +1821,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { `}};p(Ue,"variantStyle",P` :host([variant='ah-try-buy-widget']) { - --merch-card-ah-try-buy-widget-min-width: 132px; + --merch-card-ah-try-buy-widget-min-width: 156px; --merch-card-ah-try-buy-widget-content-min-width: 132px; --merch-card-ah-try-buy-widget-header-min-height: 36px; --merch-card-ah-try-buy-widget-gray-background: rgba(248, 248, 248); @@ -1829,6 +1829,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { --merch-card-ah-try-buy-widget-price-line-height: 17px; --merch-card-ah-try-buy-widget-outline: transparent; --merch-card-custom-border-width: 1px; + height: 100%; min-width: var(--merch-card-ah-try-buy-widget-min-width); background-color: var(--merch-card-custom-background-color, var(--consonant-merch-card-background-color)); color: var(--consonant-merch-card-heading-xxxs-color); @@ -1837,10 +1838,10 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { display: flex; flex-direction: column; overflow: hidden; - padding: 12px !important; + padding: 11px !important; gap: 16px; - box-sizing: content-box !important; justify-content: space-between; + box-sizing: border-box !important; } :host([variant='ah-try-buy-widget'][size='single']) { diff --git a/libs/features/mas/src/variants/ah-try-buy-widget.js b/libs/features/mas/src/variants/ah-try-buy-widget.js index f5d77311c6..7df2fd2f96 100644 --- a/libs/features/mas/src/variants/ah-try-buy-widget.js +++ b/libs/features/mas/src/variants/ah-try-buy-widget.js @@ -49,7 +49,7 @@ export class AHTryBuyWidget extends VariantLayout { static variantStyle = css` :host([variant='ah-try-buy-widget']) { - --merch-card-ah-try-buy-widget-min-width: 132px; + --merch-card-ah-try-buy-widget-min-width: 156px; --merch-card-ah-try-buy-widget-content-min-width: 132px; --merch-card-ah-try-buy-widget-header-min-height: 36px; --merch-card-ah-try-buy-widget-gray-background: rgba(248, 248, 248); @@ -57,6 +57,7 @@ export class AHTryBuyWidget extends VariantLayout { --merch-card-ah-try-buy-widget-price-line-height: 17px; --merch-card-ah-try-buy-widget-outline: transparent; --merch-card-custom-border-width: 1px; + height: 100%; min-width: var(--merch-card-ah-try-buy-widget-min-width); background-color: var(--merch-card-custom-background-color, var(--consonant-merch-card-background-color)); color: var(--consonant-merch-card-heading-xxxs-color); @@ -65,10 +66,10 @@ export class AHTryBuyWidget extends VariantLayout { display: flex; flex-direction: column; overflow: hidden; - padding: 12px !important; + padding: 11px !important; gap: 16px; - box-sizing: content-box !important; justify-content: space-between; + box-sizing: border-box !important; } :host([variant='ah-try-buy-widget'][size='single']) {