@trafilea/afrodita-components 6.49.6 → 6.49.7

package/build/index.d.ts

@@ -4352,8 +4352,15 @@ declare type DescriptionProps = {
     iconName?: IconName$2;
     type?: 'terms' | 'default';
     link?: string;
+};
+declare type GreetingsProps = {
+    text: string;
+    height?: string;
+    bgColor?: string;
 };
 
+declare function GreetingsCard({ text, height, bgColor }: Readonly<GreetingsProps>): JSX.Element;
+
 declare type TwoCtasAtCartProps = {
     title: string;
     saveMoreButtonLabel: string;
@@ -4446,4 +4453,4 @@ declare const benefitsRawHtml: OfferAtCartBenefitProps[];
 declare const benefitsRawHtmlV2: OfferAtCartBenefitProps[];
 declare const sizeOptions: SizeOptionProps[];
 
-export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipPdpCard, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferSelector2, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, ColorsState, CommonProps, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HorizontalDivider, HorizontalDividerProps, HurryUp, HurryUpProps, ISubscriptionFrequencyDropdown, Icon, IconButton, IconName, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, LikeButton, LikeButtonColors, LikeButtonProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferAtCart, OfferAtCartBenefitProps, OfferAtCartProps, OfferAtCartV2, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, PriceLabelV5, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeOption, SizeOptionProps, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorProps, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, Totals, TrackingProgress, TrackingProgressV2, TwoCtasAtCart, Video, VideoProps, WithBenefits, WithChildren, WithTestId, benefits, benefitsRawHtml, benefitsRawHtmlV2, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipPdpCard, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferSelector2, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, ColorsState, CommonProps, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, GreetingsCard, HorizontalDivider, HorizontalDividerProps, HurryUp, HurryUpProps, ISubscriptionFrequencyDropdown, Icon, IconButton, IconName, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, LikeButton, LikeButtonColors, LikeButtonProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferAtCart, OfferAtCartBenefitProps, OfferAtCartProps, OfferAtCartV2, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, PriceLabelV5, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeOption, SizeOptionProps, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorProps, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, Totals, TrackingProgress, TrackingProgressV2, TwoCtasAtCart, Video, VideoProps, WithBenefits, WithChildren, WithTestId, benefits, benefitsRawHtml, benefitsRawHtmlV2, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };

package/build/index.esm.js

@@ -3722,7 +3722,7 @@ var PriceLabelV2 = function (_a) {
 };
 var templateObject_1$2p;
 
-var ContainerWrapper$2 = newStyled.div(templateObject_1$2o || (templateObject_1$2o = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 2px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 2px;\n"])));
+var ContainerWrapper$3 = newStyled.div(templateObject_1$2o || (templateObject_1$2o = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 2px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 2px;\n"])));
 var ImgWrapper = newStyled.div(templateObject_2$1J || (templateObject_2$1J = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 50px auto;\n  height: 20px;\n  opacity: 0px;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 50px auto;\n  height: 20px;\n  opacity: 0px;\n  position: relative;\n"])));
 var templateObject_1$2o, templateObject_2$1J;
 
@@ -3730,7 +3730,7 @@ var ClubPriceMemberLabel = function (_a) {
     var isClub = _a.isClub, _b = _a.isPDP, isPDP = _b === void 0 ? false : _b, icon = _a.icon, _c = _a.isCollections, isCollections = _c === void 0 ? false : _c, rest = __rest(_a, ["isClub", "isPDP", "icon", "isCollections"]);
     var color = isClub ? '#882A2B' : '#292929';
     var PriceComponent = isPDP ? (jsx$1(PriceLabelV2, { originalPrice: rest.originalPrice, finalPrice: rest.finalPrice, color: color, isClubOffer: isCollections }, void 0)) : (jsx$1(PriceLabel, __assign$1({}, rest, { color: color, isClubOffer: isCollections }), void 0));
-    return (jsx$1("div", { children: isClub ? (jsxs$1(ContainerWrapper$2, __assign$1({ id: "priceMemberLabelWrapper" }, { children: [PriceComponent, jsx$1(ImgWrapper, __assign$1({ id: "priceMemberLabelImgWrapper" }, { children: icon }), void 0)] }), void 0)) : (jsx$1(Fragment$2, { children: PriceComponent }, void 0)) }, void 0));
+    return (jsx$1("div", { children: isClub ? (jsxs$1(ContainerWrapper$3, __assign$1({ id: "priceMemberLabelWrapper" }, { children: [PriceComponent, jsx$1(ImgWrapper, __assign$1({ id: "priceMemberLabelImgWrapper" }, { children: icon }), void 0)] }), void 0)) : (jsx$1(Fragment$2, { children: PriceComponent }, void 0)) }, void 0));
 };
 
 var HorizontalDivider = newStyled.div(templateObject_1$2n || (templateObject_1$2n = __makeTemplateObject(["\n  border: unset;\n  outline: unset;\n  background-color: var(--colors-shades-100-color);\n  height: 1px;\n  width: ", ";\n  margin: 4% auto;\n"], ["\n  border: unset;\n  outline: unset;\n  background-color: var(--colors-shades-100-color);\n  height: 1px;\n  width: ", ";\n  margin: 4% auto;\n"])), function (_a) {
@@ -20445,7 +20445,7 @@ var BasicAccordion = function (_a) {
         } }), void 0));
 };
 
-var ContainerWrapper$1 = newStyled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  max-height: 180px;\n  width: auto;\n  max-width: 450px;\n  gap: 5px;\n  @media (max-width: 480px) {\n    gap: 0px;\n    font-size: 12px !important;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  max-height: 180px;\n  width: auto;\n  max-width: 450px;\n  gap: 5px;\n  @media (max-width: 480px) {\n    gap: 0px;\n    font-size: 12px !important;\n  }\n"])));
+var ContainerWrapper$2 = newStyled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  max-height: 180px;\n  width: auto;\n  max-width: 450px;\n  gap: 5px;\n  @media (max-width: 480px) {\n    gap: 0px;\n    font-size: 12px !important;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  max-height: 180px;\n  width: auto;\n  max-width: 450px;\n  gap: 5px;\n  @media (max-width: 480px) {\n    gap: 0px;\n    font-size: 12px !important;\n  }\n"])));
 var ImageWrapper = newStyled.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n  max-width: 132px;\n  max-height: 160px;\n  border-radius: 6px;\n  @media (max-width: 480px) {\n    width: 102px;\n    height: 123px;\n  }\n"], ["\n  max-width: 132px;\n  max-height: 160px;\n  border-radius: 6px;\n  @media (max-width: 480px) {\n    width: 102px;\n    height: 123px;\n  }\n"])));
 var ImageComponent = newStyled(Image$3)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  max-width: 132px;\n  max-height: 160px;\n  border-radius: 6px;\n  position: relative;\n  @media (max-width: 480px) {\n    max-width: 102px;\n    max-height: 123px;\n  }\n"], ["\n  max-width: 132px;\n  max-height: 160px;\n  border-radius: 6px;\n  position: relative;\n  @media (max-width: 480px) {\n    max-width: 102px;\n    max-height: 123px;\n  }\n"])));
 var RightComponentWrapper = newStyled.div(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 4px;\n  padding: 5px;\n  @media (max-width: 401px) {\n    gap: 0px;\n    padding: 0px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 4px;\n  padding: 5px;\n  @media (max-width: 401px) {\n    gap: 0px;\n    padding: 0px;\n  }\n"])));
@@ -20456,7 +20456,7 @@ var templateObject_1$r, templateObject_2$k, templateObject_3$k, templateObject_4
 
 function CartItemCard(_a) {
     var style = _a.style, className = _a.className, children = _a.children;
-    return (jsx$1(ContainerWrapper$1, __assign$1({ style: style, className: className }, { children: children }), void 0));
+    return (jsx$1(ContainerWrapper$2, __assign$1({ style: style, className: className }, { children: children }), void 0));
 }
 var CartItemImage = function (_a) {
     var alt = _a.alt, src = _a.src, className = _a.className, sizes = _a.sizes;
@@ -20691,7 +20691,7 @@ var ClubOfferSelector2 = function (_a) {
                                     }, useV2Style: true, onChange: function () { }, disabled: disabledInputs && disabledInputs.includes(radioIds.clubOfferSelector2.id) }, void 0) }, void 0), jsx$1(StyledPrice$1, { testId: "subscription", finalPrice: "".concat(currencySymbol).concat(decimalFormat(Number(clubOfferFinalPrice))), selected: isSelected, size: ComponentSize.Large, originalPrice: "".concat(currencySymbol).concat(decimalFormat(Number(listPrice))) }, void 0)] }), void 0), isSelected && (jsx$1(BenefitsContainer$1, { children: jsx$1(BenefitText, { variant: "body", dangerouslySetInnerHTML: { __html: updatedClubOfferBenefits[0] } }, void 0) }, void 0))] }), void 0), isSelected && (jsxs$1(TermsText, __assign$1({ variant: "body" }, { children: [updatedClubOfferBenefits[1], jsxs$1("span", { children: ["Terms ", jsx$1("a", __assign$1({ href: termsTextLink }, { children: "here" }), void 0), "."] }, void 0)] }), void 0)), jsxs$1(SinglePurchaseContainer$1, __assign$1({ isNoMember: true, "data-testid": "single-purchase-block", selected: radioIds.oneTime.id === radioCheck.id, onClick: function () { return handleChange(radioIds.oneTime, 'radio'); } }, { children: [jsx$1(RadioInput, { label: singlePurchaseLabel, name: radioIds.oneTime.id, id: radioIds.oneTime.id, value: radioIds.oneTime.id, checked: radioIds.oneTime.id === radioCheck.id, size: ComponentSize.Medium, onChange: function () { }, useV2Style: true, disabled: disabledInputs && disabledInputs.includes(radioIds.oneTime.id) }, void 0), jsx$1(StyledPrice$1, { isNoMember: true, testId: "single-purchase", finalPrice: "".concat(currencySymbol).concat(decimalFormat(Number(discountedPrice))), selected: radioIds.oneTime.id === radioCheck.id, size: ComponentSize.Large, originalPrice: "".concat(currencySymbol).concat(decimalFormat(Number(listPrice))) }, void 0)] }), void 0)] }), void 0));
 };
 
-var ContainerWrapper = newStyled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  padding: 8px 10px 8px 15px;\n  background: white;\n  gap: 10px;\n  border-radius: 6px;\n  background: ", ";\n  border: 1px solid ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  padding: 8px 10px 8px 15px;\n  background: white;\n  gap: 10px;\n  border-radius: 6px;\n  background: ", ";\n  border: 1px solid ", ";\n"])), function (_a) {
+var ContainerWrapper$1 = newStyled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  padding: 8px 10px 8px 15px;\n  background: white;\n  gap: 10px;\n  border-radius: 6px;\n  background: ", ";\n  border: 1px solid ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  padding: 8px 10px 8px 15px;\n  background: white;\n  gap: 10px;\n  border-radius: 6px;\n  background: ", ";\n  border: 1px solid ", ";\n"])), function (_a) {
     var $checked = _a.$checked;
     return ($checked ? '#FFF3E3' : '#FAFAFA');
 }, function (_a) {
@@ -20706,7 +20706,7 @@ var templateObject_1$o, templateObject_2$h, templateObject_3$h, templateObject_4
 
 function Card(_a) {
     var children = _a.children, link = _a.link, icon = _a.icon, _b = _a.isChecked, isChecked = _b === void 0 ? false : _b, bodyCopy = _a.bodyCopy, titleCopy = _a.titleCopy, style = _a.style, _c = _a.termsText, termsText = _c === void 0 ? 'Terms here.' : _c;
-    return (jsxs$1(ContainerWrapper, __assign$1({ "$checked": isChecked, style: style }, { children: [jsxs$1(CardHeaderWrapper, { children: [jsxs$1(ClubCopyWrapper, { children: [icon, jsx$1(ClubCopyTextWrapper, { children: titleCopy }, void 0)] }, void 0), jsx$1("div", { children: children }, void 0)] }, void 0), !isChecked && (jsxs$1(CardBody, __assign$1({ id: "joinClubCardBody" }, { children: [bodyCopy, ' ', jsx$1("a", __assign$1({ href: link, target: "_blank", rel: "noreferrer" }, { children: termsText }), void 0)] }), void 0))] }), void 0));
+    return (jsxs$1(ContainerWrapper$1, __assign$1({ "$checked": isChecked, style: style }, { children: [jsxs$1(CardHeaderWrapper, { children: [jsxs$1(ClubCopyWrapper, { children: [icon, jsx$1(ClubCopyTextWrapper, { children: titleCopy }, void 0)] }, void 0), jsx$1("div", { children: children }, void 0)] }, void 0), !isChecked && (jsxs$1(CardBody, __assign$1({ id: "joinClubCardBody" }, { children: [bodyCopy, ' ', jsx$1("a", __assign$1({ href: link, target: "_blank", rel: "noreferrer" }, { children: termsText }), void 0)] }), void 0))] }), void 0));
 }
 
 var StyledButton = newStyled.button(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n  padding: 10px 20px;\n  border-radius: 8px;\n  background: var(--shapermint-default-complementary-wine-882-a-2-b, #882a2b);\n  color: var(--neutrals-white-ffffff, #fff);\n  text-align: center;\n  font-family: 'Avenir Next';\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 18px;\n  text-transform: uppercase;\n  border: none;\n  cursor: pointer;\n  ", ";\n"], ["\n  padding: 10px 20px;\n  border-radius: 8px;\n  background: var(--shapermint-default-complementary-wine-882-a-2-b, #882a2b);\n  color: var(--neutrals-white-ffffff, #fff);\n  text-align: center;\n  font-family: 'Avenir Next';\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 18px;\n  text-transform: uppercase;\n  border: none;\n  cursor: pointer;\n  ", ";\n"])), function (_a) {
@@ -22417,17 +22417,24 @@ var SubscriptionPlanSelector = function (_a) {
                         }, useV2Style: true, checked: !radiosStatuses.oneTime.disabled && radiosStatuses.oneTime.checked, disabled: radiosStatuses.oneTime.disabled }, void 0), jsx$1(StyledPrice, { testId: "single-purchase", finalPrice: "$".concat(decimalFormat(Number(discountedPrice))), disabled: radiosStatuses.oneTime.disabled, highlighted: !radiosStatuses.oneTime.disabled && radiosStatuses.oneTime.highlighted, size: ComponentSize.Large, originalPrice: "$".concat(decimalFormat(Number(listPrice))) }, void 0)] }), void 0)] }), void 0));
 };
 
-newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  width: 100%;\n  height: ", ";\n  padding: 3%;\n  gap: 10px;\n  border-radius: 2px 0px 0px 0px;\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-transform: capitalize;\n"], ["\n  width: 100%;\n  height: ", ";\n  padding: 3%;\n  gap: 10px;\n  border-radius: 2px 0px 0px 0px;\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-transform: capitalize;\n"])), function (_a) {
+var GreetingsWrapper = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  width: 100%;\n  height: ", ";\n  padding: 3%;\n  gap: 10px;\n  border-radius: 2px 0px 0px 0px;\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-transform: capitalize;\n"], ["\n  width: 100%;\n  height: ", ";\n  padding: 3%;\n  gap: 10px;\n  border-radius: 2px 0px 0px 0px;\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-transform: capitalize;\n"])), function (_a) {
     var height = _a.height;
     return (height ? height : '30px');
 }, function (_a) {
     var bgColor = _a.bgColor;
     return (bgColor ? bgColor : '#BDD7D7');
 });
-newStyled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 15px;\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 15px;\n"])));
-newStyled(Text$7)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  font-size: 14px !important;\n  font-weight: 600;\n  line-height: 18px;\n  text-align: center;\n\n  @media screen and (max-width: 390px) {\n    font-size: 12px !important;\n  }\n"], ["\n  font-size: 14px !important;\n  font-weight: 600;\n  line-height: 18px;\n  text-align: center;\n\n  @media screen and (max-width: 390px) {\n    font-size: 12px !important;\n  }\n"])));
+var ContainerWrapper = newStyled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 15px;\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 15px;\n"])));
+var LabelTextWrapper$1 = newStyled(Text$7)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  font-size: 14px !important;\n  font-weight: 600;\n  line-height: 18px;\n  text-align: center;\n\n  @media screen and (max-width: 390px) {\n    font-size: 12px !important;\n  }\n"], ["\n  font-size: 14px !important;\n  font-weight: 600;\n  line-height: 18px;\n  text-align: center;\n\n  @media screen and (max-width: 390px) {\n    font-size: 12px !important;\n  }\n"])));
 var templateObject_1$1, templateObject_2$1, templateObject_3$1;
 
+function GreetingsCard(_a) {
+    var text = _a.text, height = _a.height, bgColor = _a.bgColor;
+    return (jsx$1(ContainerWrapper, __assign$1({ id: "greetingsCard" }, { children: jsx$1(GreetingsWrapper, __assign$1({ height: height, bgColor: bgColor, style: {
+                textAlign: 'center',
+            } }, { children: jsx$1(LabelTextWrapper$1, __assign$1({ variant: "tag", weight: "demi" }, { children: text }), void 0) }), void 0) }), void 0));
+}
+
 var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n"])));
 var BodyContainer = newStyled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n  margin-top: 12px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n  margin-top: 12px;\n"])));
 var DescriptionWrapper = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n"])));
@@ -22461,5 +22468,5 @@ function TwoCtasAtCart(_a) {
     return (jsxs$1(Container, __assign$1({ id: "twoCtasAtCart" }, { children: [jsx$1(TitleWrapper, __assign$1({ id: "twoCtasAtCartTitle" }, { children: title }), void 0), jsx$1(ButtonPrimary, { onClick: saveMoreButtonAction, text: saveMoreButtonLabel, wide: true }, void 0), jsxs$1(BodyContainer, { children: [jsx$1(GridContainer, __assign$1({ style: { marginTop: '8px' } }, { children: descriptions.map(function (description, index) { return (jsx$1(DescriptionItem, { text: description.text, smallerText: description.smallerText, iconName: description === null || description === void 0 ? void 0 : description.iconName, type: description === null || description === void 0 ? void 0 : description.type, link: description === null || description === void 0 ? void 0 : description.link }, "".concat(description.text, "-").concat(index))); }) }), void 0), bottomCopy && jsx$1(BottomCopyWrapper, { dangerouslySetInnerHTML: { __html: bottomCopy } }, void 0)] }, void 0), jsx$1(OutLineButtonContainer, { children: version === BottomButtonVersionsTypes.link ? (jsx$1(SaveLessLinkButton, __assign$1({ href: "#", onClick: saveLessButtonAction }, { children: saveLessButtonLabel }), void 0)) : (jsx$1(BtnOutlineWrapper, { wide: true, onClick: saveLessButtonAction, text: saveLessButtonLabel }, void 0)) }, void 0)] }), void 0));
 }
 
-export { AbsorbencyLevel, Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipPdpCard, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, BuyNowPayLater, CacheProvider, CancellationFlowAccordionContentPerPartner, Card$3 as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferSelector2, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerWithTooltip, ComponentPosition, ComponentSize, CouponCard, index$1 as CrossSell, DeliveryDetails, DiscountTag$4 as DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, Global, HorizontalDivider, HurryUp, Icon, IconButton, IconsWithTitle, Image$3 as Image, ImageCardWithDescription, Input$3 as Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, LikeButton, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferAtCart, OfferAtCartV2, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel$1 as PriceLabel, PriceLabelV2$1 as PriceLabelV2, PriceLabelV3, PriceLabelV5, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, SubscriptionPlanSelector, Tab, Tabs, Text$7 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, Totals, TrackingProgress, TrackingProgressV2, TwoCtasAtCart, Video$1 as Video, benefits, benefitsRawHtml, benefitsRawHtmlV2, buildImageUrl, componentSizeMapper, createCache, css, decimalFormat, formatPrice, getSrcSet, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, newStyled as styled, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { AbsorbencyLevel, Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipPdpCard, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, BuyNowPayLater, CacheProvider, CancellationFlowAccordionContentPerPartner, Card$3 as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferSelector2, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerWithTooltip, ComponentPosition, ComponentSize, CouponCard, index$1 as CrossSell, DeliveryDetails, DiscountTag$4 as DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, Global, GreetingsCard, HorizontalDivider, HurryUp, Icon, IconButton, IconsWithTitle, Image$3 as Image, ImageCardWithDescription, Input$3 as Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, LikeButton, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferAtCart, OfferAtCartV2, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel$1 as PriceLabel, PriceLabelV2$1 as PriceLabelV2, PriceLabelV3, PriceLabelV5, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, SubscriptionPlanSelector, Tab, Tabs, Text$7 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, Totals, TrackingProgress, TrackingProgressV2, TwoCtasAtCart, Video$1 as Video, benefits, benefitsRawHtml, benefitsRawHtmlV2, buildImageUrl, componentSizeMapper, createCache, css, decimalFormat, formatPrice, getSrcSet, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, newStyled as styled, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
 //# sourceMappingURL=index.esm.js.map