@trafilea/afrodita-components 7.1.0 → 7.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/es/components/molecules/ScarcityTag/ScarcityTag.js +1 -1
- package/build/es/components/molecules/ScarcityTag/ScarcityTag.styled.js +1 -1
- package/build/es/components/organisms/TwoCtasAtCart/TwoCtasAtCart.js +1 -1
- package/build/es/components/radio/RadioPrimary/radioPrimary.js +1 -1
- package/build/es/components/radio/clubRadioInput/clubRadio.js +1 -1
- package/build/es/components/radio/input/styles.js +1 -1
- package/build/index.d.ts +77 -1
- package/build/lib/components/molecules/ScarcityTag/ScarcityTag.js +1 -1
- package/build/lib/components/molecules/ScarcityTag/ScarcityTag.styled.js +1 -1
- package/build/lib/components/organisms/TwoCtasAtCart/TwoCtasAtCart.js +1 -1
- package/build/lib/components/radio/RadioPrimary/radioPrimary.js +1 -1
- package/build/lib/components/radio/clubRadioInput/clubRadio.js +1 -1
- package/build/lib/components/radio/input/styles.js +1 -1
- package/build/theme/revel.theme.d.ts +75 -0
- package/build/theme/shapermint.theme.d.ts +75 -0
- package/build/theme/thebodcon.theme.d.ts +75 -0
- package/build/theme/thespadr.theme.d.ts +75 -0
- package/build/theme/thespadr.theme.js +169 -0
- package/build/theme/truekind.theme.d.ts +75 -0
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{Text as i}from"../../text/Text.js";import{Wrapper as l,FadeInOut as e}from"./ScarcityTag.styled.js";function a(a){var c=a.text,s=a.color;return r(l,{children:[t(e,{backgroundColor:null!=s?s:"var(--colors-semantic-positive-color)"},void 0),t(i,o({variant:"tag",allCaps:!0,weight:"bold",color:null!=s?s:"var(--colors-semantic-positive-color)",size:"small"},{children:c}),void 0)]},void 0)}export{a as ScarcityTag};
|
|
2
2
|
//# sourceMappingURL=ScarcityTag.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import i from"@emotion/styled";import{keyframes as o}from"@emotion/react";var t,r,a,p=i.div(t||(t=n(["\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n"]))),e=o(r||(r=n(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"],["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"]))),c=i.div(a||(a=n(["\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background-color: ",";\n animation: "," 1.4s infinite;\n"],["\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background-color: ",";\n animation: "," 1.4s infinite;\n"])),(function(n){var i;return null!==(i=n.backgroundColor)&&void 0!==i?i:"
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import i from"@emotion/styled";import{keyframes as o}from"@emotion/react";var t,r,a,p=i.div(t||(t=n(["\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n"]))),e=o(r||(r=n(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"],["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"]))),c=i.div(a||(a=n(["\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background-color: ",";\n animation: "," 1.4s infinite;\n"],["\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background-color: ",";\n animation: "," 1.4s infinite;\n"])),(function(n){var i;return null!==(i=n.backgroundColor)&&void 0!==i?i:"var(--colors-semantic-positive-color)"}),e);export{c as FadeInOut,p as Wrapper};
|
|
2
2
|
//# sourceMappingURL=ScarcityTag.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import e from"../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"react";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/Image.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../tooltip/Styled.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/DiscountTag.js";import"../../pricing/styles.js";import"../../pricing/priceLabelV2/PriceLabelV2.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../collection/product/truekind/ProductItemTK.js";import"../../collection/grid/WithProductGrid.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/Drawer.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../molecules/Video/components/styled.js";import"../../molecules/Video/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/IconButton.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../iconsWithTitle/index.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Error.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../modal/Modal.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/QuantityPicker.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../review-detail/ReviewDetail.js";import"../../review/Review.js";import"../../reviews-header/ReviewsHeader.js";import"../../scroll-to-top/ScrollToTop.js";import"../../search-bar/components/ClearButton/styled.js";import"../../search-bar/components/Footer/styled.js";import"../../search-bar/components/ProductItem/styled.js";import"../../search-bar/components/ResultsPanel/styled.js";import"../../search-bar/components/SearchControl/styled.js";import"../../search-bar/styled.js";import"../../search-navigation/styled.js";import"react-dom";import"../../short-banner/ShortBanner.js";import"../../size-chart/styled.js";import"../../size-table/SizeTable.js";import"../../size/guide/SizeFitGuide.js";import"../../size/selector/styled.js";import"../../tabs/Tab.js";import"../../tabs/Tabs.js";import"../../tag/Tag.js";import"@emotion/react";import"../../textWithImage/index.js";import"../../timer/styled.js";import"../../toast/Toast.js";import"../../totals/total/styled.js";import"../../totals/subtotal/Subtotal.js";import"../../tracking-progress-v2/TrackingProgressV2.js";import"../../tracking-progress/TrackingProgress.js";import"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"@ant-design/react-slick";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"./Greeting.styled.js";import{Container as i,TitleWrapper as s,BodyContainer as l,GridContainer as a,BottomCopyWrapper as m,OutLineButtonContainer as p,SaveLessLinkButton as d,BtnOutlineWrapper as c}from"./Card.styled.js";import{DescriptionItem as n}from"./DescriptionItem.js";import{BottomButtonVersionsTypes as j}from"./types.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"../../molecules/BenefitsList/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import{ScarcityTag as u}from"../../molecules/ScarcityTag/ScarcityTag.js";function y(y){var b=y.title,P=y.saveLessButtonAction,C=y.saveLessButtonLabel,g=y.saveMoreButtonAction,f=y.saveMoreButtonLabel,h=y.descriptions,S=y.version,v=y.bottomCopy,T=y.titleBackgroundColor,V=y.scarcityText;return r(i,t({id:"twoCtasAtCart"},{children:[o(s,t({id:"twoCtasAtCartTitle",backgroundColor:null!=T?T:void 0},{children:b}),void 0),o(e,{onClick:g,text:f,wide:!0},void 0),V&&o(u,{text:V,color:
|
|
1
|
+
import{__assign as t}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import e from"../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import"../../PackSelectorV2/PackSelectoV2.js";import"../../absorbency-level/AbsorbencyLevel.js";import"../../accordion-options/AccordionOptions.js";import"../../accordion/Accordion.js";import"react";import"../../../utils/constants/offerAtCart.js";import"../../../utils/media.js";import"../../../utils/mock-content/CancellationFlowAccordion.js";import"../../dropdown/variants/simple/SimpleDropdown.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../atoms/Icon/Icon.js";import"../../atoms/Image/Image.js";import"../../atoms/Toggle/toggle.styled.js";import"../../radio/input/styles.js";import"../../tooltip/Styled.js";import"../../autoship/styled.js";import"../../autoshipV2/styled.js";import"../../before-after/BeforeAfter.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/DiscountTag.js";import"../../pricing/styles.js";import"../../pricing/priceLabelV2/PriceLabelV2.js";import"../../pricing/priceLabelV3/PriceLabelV3.js";import"../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../shared/card/Card.js";import"../../bundle/minimalistic/styled.js";import"../../text/Text.js";import"../../bundle/motivator/styled.js";import"../../bundle/simple/Simple.js";import"../../buynowpaylater/BuyNowPayLater.js";import"../../offer-banner/OfferBanner.js";import"../../cartProductItem/CloseIcon/CloseButton.js";import"../../cartProductItem/Description/Description.js";import"../../cartProductItem/Promo/Promo.js";import"../../cartProductItem/Title/Title.js";import"../../cartProductItem/TrashIcon/styled.js";import"../../checkbox/Checkbox.js";import"../../SkeletonBox/SkeletonBox.js";import"../../club-price-label/ClubPriceLabel.js";import"../../strength-bars/StrengthBars.js";import"../../pricing/priceLabelV4/PriceLabelV4.js";import"../../rating/starList/StarList.js";import"../../rating/styles.js";import"../../collection/product/mobile/styled.js";import"../../collection/product/truekind/ProductItemTK.js";import"../../collection/grid/WithProductGrid.js";import"../../color/ColorRadioGroup.js";import"../../color/selector/PatternSelector.js";import"../../color/styles/ColorPickerwithTootip.styled.js";import"../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../delivery-details/DeliveryDetails.js";import"../../delivery-details/Note/Note.js";import"../../drawer/Drawer.js";import"../../dropdown-list-icons/Styled.js";import"../../dropdown/size-dropdown/Styled.js";import"../../dropdown/variants/dialog/DropdownDialog.js";import"../../dropdown/base/BaseDropdown.js";import"../../filtering/Accordion.js";import"../../filtering/FiltersStyled.js";import"../../filtering/Tags/Tags.js";import"../../fit-guarantee/FitGuarantee.js";import"../../fit/FitPredictor.js";import"../../slider/ArrowButton.js";import"../../slider/StyledSlider.js";import"../../gallery/components/ImageSmallPreview/styled.js";import"../../gallery/components/ImagePreviewList/styled.js";import"../../molecules/Video/components/styled.js";import"../../molecules/Video/styled.js";import"../../gallery/components/ImageProductSlide/styled.js";import"../../gallery/styled.js";import"../../icon-button/IconButton.js";import"../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../iconsWithTitle/index.js";import"../../image-card/ImageCard.js";import"../../input/label/Label.js";import"../../input/base/Error.js";import"../../input/base/Styled.js";import"../../input/custom/Custom.js";import"../../input/basePlusButton/BasePlusButton.js";import"../../input/basePlusIcon/BasePlusIcon.js";import"../../modal/Modal.js";import"../../motivator-progress-bar/MotivatorProgressBar.js";import"../../order-bar/OrderBar.js";import"../../packs/selector/PackSelector.js";import"../../pagination/styles.js";import"../../payment-methods/PaymentMethod.js";import"../../product/order/item/SimpleOrderItem.js";import"../../progress-bar/ProgressBar.js";import"../../quantityPicker/QuantityPicker.js";import"../../radio/RadioPrimary/radioPrimary.js";import"../../radio/clubRadioInput/clubRadio.js";import"../../review-detail/ReviewDetail.js";import"../../review/Review.js";import"../../reviews-header/ReviewsHeader.js";import"../../scroll-to-top/ScrollToTop.js";import"../../search-bar/components/ClearButton/styled.js";import"../../search-bar/components/Footer/styled.js";import"../../search-bar/components/ProductItem/styled.js";import"../../search-bar/components/ResultsPanel/styled.js";import"../../search-bar/components/SearchControl/styled.js";import"../../search-bar/styled.js";import"../../search-navigation/styled.js";import"react-dom";import"../../short-banner/ShortBanner.js";import"../../size-chart/styled.js";import"../../size-table/SizeTable.js";import"../../size/guide/SizeFitGuide.js";import"../../size/selector/styled.js";import"../../tabs/Tab.js";import"../../tabs/Tabs.js";import"../../tag/Tag.js";import"@emotion/react";import"../../textWithImage/index.js";import"../../timer/styled.js";import"../../toast/Toast.js";import"../../totals/total/styled.js";import"../../totals/subtotal/Subtotal.js";import"../../tracking-progress-v2/TrackingProgressV2.js";import"../../tracking-progress/TrackingProgress.js";import"../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../BasicAccordion/BasicAccordion.js";import"../CartItemCard/CartItem.js";import"../ClubOfferSelector/styled.js";import"../ClubOfferSelector2/styled.js";import"../JoinClubCard/joinClubCard.js";import"../OfferAtCart/styled.js";import"../OfferAtCartV2/styled.js";import"../OfferAtCartV3/styled.js";import"../OfferAtCartV4/styled.js";import"../OfferAtPDP/styled.js";import"../OfferAtPDP/types.js";import"../ProductCard/ProductCardV1/ProductCard.js";import"../ProductCard/ProductCardV2/styled.js";import"../ProductCard/ProductCardV3/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js";import"../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"@ant-design/react-slick";import"../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV5/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js";import"../ProductGalleryMobile/ProductGalleryMobileV6/styled.js";import"../SizeCharTable/SizeChartTableV2/styled.js";import"../SizeCharTable/SizeChartTableV3/styled.js";import"../../molecules/ArrowTip/ArrowTip.styled.js";import"../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../SubscriptionPlanSelector/styled.js";import"./Greeting.styled.js";import{Container as i,TitleWrapper as s,BodyContainer as l,GridContainer as a,BottomCopyWrapper as m,OutLineButtonContainer as p,SaveLessLinkButton as d,BtnOutlineWrapper as c}from"./Card.styled.js";import{DescriptionItem as n}from"./DescriptionItem.js";import{BottomButtonVersionsTypes as j}from"./types.js";import"../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../molecules/CouponCard/styled.js";import"../../molecules/BenefitsList/styled.js";import"../../molecules/HurryUp/styled.js";import"../../molecules/Spinner/styled.js";import"../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../molecules/LikeButton/styled.js";import{ScarcityTag as u}from"../../molecules/ScarcityTag/ScarcityTag.js";function y(y){var b=y.title,P=y.saveLessButtonAction,C=y.saveLessButtonLabel,g=y.saveMoreButtonAction,f=y.saveMoreButtonLabel,h=y.descriptions,S=y.version,v=y.bottomCopy,T=y.titleBackgroundColor,V=y.scarcityText,G=y.scarcityTextColor;return r(i,t({id:"twoCtasAtCart"},{children:[o(s,t({id:"twoCtasAtCartTitle",backgroundColor:null!=T?T:void 0},{children:b}),void 0),o(e,{onClick:g,text:f,wide:!0},void 0),V&&o(u,{text:V,color:G},void 0),r(l,{children:[o(a,{children:h.map((function(t,r){return o(n,{text:t.text,smallerText:t.smallerText,iconName:null==t?void 0:t.iconName,type:null==t?void 0:t.type,link:null==t?void 0:t.link},"".concat(t.text,"-").concat(r))}))},void 0),v&&o(m,{dangerouslySetInnerHTML:{__html:v}},void 0)]},void 0),o(p,{children:S===j.link?o(d,t({href:"#",onClick:P},{children:C}),void 0):o(c,{wide:!0,onClick:P,text:C},void 0)},void 0)]}),void 0)}export{y as TwoCtasAtCart};
|
|
2
2
|
//# sourceMappingURL=TwoCtasAtCart.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as e,__assign as
|
|
1
|
+
import{__makeTemplateObject as e,__assign as n}from"tslib";import{jsxs as t,jsx as i}from"react/jsx-runtime";import o from"@emotion/styled";import r from"../../shared/label/label.js";import{useTheme as a}from"../../../core/theme/Theme.js";import{ContainerStyles as s,CustomRadioStyles as d}from"./styles.js";import{ComponentSize as l}from"../../../types/enums.js";var c,m,h,u=o.div(c||(c=e(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),p=o.div(n({},s.baseStyles),(function(e){return[s[e.size](e.theme)]})),f=o.input(m||(m=e(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),v=o.div([function(e){return d.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return d[e.size](e.theme,e.isChecked)}]),b=o(r)(h||(h=e(["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"],["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"]))),g=function(e){var o=e.style,r=e.name,s=e.value,d=e.id,c=e.label,m=e.checked,h=void 0!==m&&m,g=e.disabled,y=void 0!==g&&g,x=e.onChange,z=e.size,j=void 0===z?l.Medium:z,k=a();return t(u,{children:[t(p,n({theme:k,size:j,style:o,"data-testid":"container"},{children:[i(f,{id:"".concat(r,"-").concat(d),type:"radio",name:r,value:s,checked:h,onChange:function(e){return y?null:function(e,n){var t=e.currentTarget.value;x({value:t,label:n})}(e,c)},disabled:y,style:o},void 0),i(v,{size:j,isChecked:h,disabled:y,theme:k,"data-testid":"custom-radio",style:o},void 0)]}),void 0),i(b,n({htmlFor:"".concat(r,"-").concat(d),"data-testid":"label",variant:"regular",size:j,disabled:y},{children:c}),void 0)]},void 0)};export{g as RadioPrimary};
|
|
2
2
|
//# sourceMappingURL=radioPrimary.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as e,__assign as t}from"tslib";import{jsxs as n,jsx as i}from"react/jsx-runtime";import o from"@emotion/styled";import r from"../../shared/label/label.js";import{
|
|
1
|
+
import{__makeTemplateObject as e,__assign as t}from"tslib";import{jsxs as n,jsx as i}from"react/jsx-runtime";import o from"@emotion/styled";import r from"../../shared/label/label.js";import{useTheme as a}from"../../../core/theme/Theme.js";import{ContainerStyles as d,CustomRadioStyles as s}from"./styles.js";import{ComponentSize as l}from"../../../types/enums.js";var c,m,h,u=o.div(c||(c=e(["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"]))),p=o.div(t({},d.baseStyles),(function(e){return[d[e.size](e.theme)]})),f=o.input(m||(m=e(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),v=o.div([function(e){return s.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return s[e.size](e.theme,e.isChecked)}]),b=o(r)(h||(h=e(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),g=function(e){var o=e.style,r=e.name,d=e.value,s=e.id,c=e.label,m=e.checked,h=void 0!==m&&m,g=e.disabled,y=void 0!==g&&g,z=e.onChange,x=e.size,k=void 0===x?l.Medium:x,j=a();return n(u,{children:[n(p,t({theme:j,size:k,style:o,"data-testid":"container"},{children:[i(f,{id:"".concat(r,"-").concat(s),type:"radio",name:r,value:d,checked:h,onChange:function(e){return y?null:function(e,t){var n=e.currentTarget.value;z({value:n,label:t})}(e,c)},disabled:y,style:o},void 0),i(v,{size:k,isChecked:h,disabled:y,theme:j,"data-testid":"custom-radio",style:o},void 0)]}),void 0),i(b,t({htmlFor:"".concat(r,"-").concat(s),"data-testid":"label",variant:"regular",size:k,disabled:y,"aria-checked":h},{children:c}),void 0)]},void 0)};export{g as ClubRadioInput};
|
|
2
2
|
//# sourceMappingURL=clubRadio.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e,__makeTemplateObject as
|
|
1
|
+
import{__assign as e,__makeTemplateObject as n}from"tslib";import{css as i}from"@emotion/react";import o from"../../shared/label/label.js";import"@emotion/cache";import t from"@emotion/styled";var r,a,d,m={baseStyles:function(e,n){return i({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:n?e.colors.border.disabled:e.component.radio.borderColor})},small:function(e,n){return i({borderWidth:n?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,n){return i({borderWidth:n?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,n){return i({borderWidth:n?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},h={baseStyles:i({position:"relative"}),small:function(e){return i({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return i({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return i({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},l=t.div((function(){return{display:"flex",alignItems:"center"}})),s=t.div(e({},h.baseStyles),(function(e){return[h[e.size](e.theme)]})),c=t(s)({alignSelf:"center"}),u=t.input(r||(r=n(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),g=t.div([function(e){return m.baseStyles(e.theme,e.disabled)},function(e){return m[e.size](e.theme,e.isChecked)}]),p=t(o)(a||(a=n(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),b=t(o)(d||(d=n(["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"],["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}),(function(e){return e.disabled?"var(--colors-shades-250-color)":"inherit"}));export{s as Container,h as ContainerStyles,g as CustomRadio,m as CustomRadioStyles,c as HorizontalContainer,u as Input,p as StyledLabel,b as StyledLabelV2,l as Wrapper};
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -1619,6 +1619,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
1619
1619
|
80: ThemeColorPallete;
|
|
1620
1620
|
100?: ThemeColorPallete;
|
|
1621
1621
|
};
|
|
1622
|
+
declare type ThemeColorPrimitiveShades = {
|
|
1623
|
+
0?: string;
|
|
1624
|
+
10?: string;
|
|
1625
|
+
25?: string;
|
|
1626
|
+
50: string;
|
|
1627
|
+
100: string;
|
|
1628
|
+
200: string;
|
|
1629
|
+
300: string;
|
|
1630
|
+
400: string;
|
|
1631
|
+
500: string;
|
|
1632
|
+
600: string;
|
|
1633
|
+
700?: string;
|
|
1634
|
+
800?: string;
|
|
1635
|
+
900?: string;
|
|
1636
|
+
};
|
|
1637
|
+
declare type ThemeColorPrimitive = {
|
|
1638
|
+
green: ThemeColorPrimitiveShades;
|
|
1639
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
1640
|
+
gold: ThemeColorPrimitiveShades;
|
|
1641
|
+
neutral: ThemeColorPrimitiveShades;
|
|
1642
|
+
red: ThemeColorPrimitiveShades;
|
|
1643
|
+
yellow: ThemeColorPrimitiveShades;
|
|
1644
|
+
blue: ThemeColorPrimitiveShades;
|
|
1645
|
+
};
|
|
1646
|
+
declare type ThemeColorSemanticTokens = {
|
|
1647
|
+
primary: string;
|
|
1648
|
+
secondary?: string;
|
|
1649
|
+
tertiary?: string;
|
|
1650
|
+
accent?: string;
|
|
1651
|
+
accentDark?: string;
|
|
1652
|
+
disable?: string;
|
|
1653
|
+
disableDark?: string;
|
|
1654
|
+
invert?: string;
|
|
1655
|
+
success?: string;
|
|
1656
|
+
urgent?: string;
|
|
1657
|
+
warning?: string;
|
|
1658
|
+
info?: string;
|
|
1659
|
+
};
|
|
1660
|
+
declare type ThemeColorAlertsTokens = {
|
|
1661
|
+
default: string;
|
|
1662
|
+
hover: string;
|
|
1663
|
+
active: string;
|
|
1664
|
+
invert: string;
|
|
1665
|
+
};
|
|
1666
|
+
declare type ThemeColorBackgroundTokens = {
|
|
1667
|
+
surface: ThemeColorSemanticTokens & {
|
|
1668
|
+
primaryHover: string;
|
|
1669
|
+
secondaryHover: string;
|
|
1670
|
+
tertiaryHover: string;
|
|
1671
|
+
overlay: string;
|
|
1672
|
+
};
|
|
1673
|
+
fill: ThemeColorSemanticTokens & {
|
|
1674
|
+
primaryHover: string;
|
|
1675
|
+
defaultActive: string;
|
|
1676
|
+
secondaryHover: string;
|
|
1677
|
+
secondaryActive: string;
|
|
1678
|
+
tertiaryHover: string;
|
|
1679
|
+
tertiaryActive: string;
|
|
1680
|
+
gold: string;
|
|
1681
|
+
goldHover: string;
|
|
1682
|
+
goldActive: string;
|
|
1683
|
+
};
|
|
1684
|
+
success: ThemeColorAlertsTokens;
|
|
1685
|
+
urgent: ThemeColorAlertsTokens;
|
|
1686
|
+
warning: ThemeColorAlertsTokens;
|
|
1687
|
+
info: ThemeColorAlertsTokens;
|
|
1688
|
+
};
|
|
1689
|
+
declare type ThemeColorSemantic = {
|
|
1690
|
+
bg: ThemeColorBackgroundTokens;
|
|
1691
|
+
text: ThemeColorSemanticTokens;
|
|
1692
|
+
icon: ThemeColorSemanticTokens;
|
|
1693
|
+
border: ThemeColorSemanticTokens;
|
|
1694
|
+
};
|
|
1622
1695
|
declare type ThemeColors = {
|
|
1623
1696
|
pallete: {
|
|
1624
1697
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -1675,6 +1748,8 @@ declare type ThemeColors = {
|
|
|
1675
1748
|
color: string;
|
|
1676
1749
|
disabled: string;
|
|
1677
1750
|
};
|
|
1751
|
+
primitive?: ThemeColorPrimitive;
|
|
1752
|
+
semanticTokens?: ThemeColorSemantic;
|
|
1678
1753
|
};
|
|
1679
1754
|
declare type ThemeComponent = {
|
|
1680
1755
|
button: {
|
|
@@ -4509,8 +4584,9 @@ declare type TwoCtasAtCartProps = {
|
|
|
4509
4584
|
version: TwoCtasCardVersionsTypes;
|
|
4510
4585
|
titleBackgroundColor?: CSSProperties['backgroundColor'];
|
|
4511
4586
|
scarcityText?: string;
|
|
4587
|
+
scarcityTextColor?: CSSProperties['backgroundColor'];
|
|
4512
4588
|
};
|
|
4513
|
-
declare function TwoCtasAtCart({ title, saveLessButtonAction, saveLessButtonLabel, saveMoreButtonAction, saveMoreButtonLabel, descriptions, version, bottomCopy, titleBackgroundColor, scarcityText, }: Readonly<TwoCtasAtCartProps>): JSX.Element;
|
|
4589
|
+
declare function TwoCtasAtCart({ title, saveLessButtonAction, saveLessButtonLabel, saveMoreButtonAction, saveMoreButtonLabel, descriptions, version, bottomCopy, titleBackgroundColor, scarcityText, scarcityTextColor, }: Readonly<TwoCtasAtCartProps>): JSX.Element;
|
|
4514
4590
|
|
|
4515
4591
|
declare module '@emotion/react' {
|
|
4516
4592
|
interface Theme extends Theme {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("../../text/Text.js"),i=require("./ScarcityTag.styled.js");exports.ScarcityTag=function(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("../../text/Text.js"),i=require("./ScarcityTag.styled.js");exports.ScarcityTag=function(o){var s=o.text,a=o.color;return r.jsxs(i.Wrapper,{children:[r.jsx(i.FadeInOut,{backgroundColor:null!=a?a:"var(--colors-semantic-positive-color)"},void 0),r.jsx(t.Text,e.__assign({variant:"tag",allCaps:!0,weight:"bold",color:null!=a?a:"var(--colors-semantic-positive-color)",size:"small"},{children:s}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ScarcityTag.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("@emotion/react");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,r,o,p=i(e),c=p.default.div(a||(a=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n"]))),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("@emotion/react");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,r,o,p=i(e),c=p.default.div(a||(a=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n"]))),l=t.keyframes(r||(r=n.__makeTemplateObject(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"],["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"]))),d=p.default.div(o||(o=n.__makeTemplateObject(["\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background-color: ",";\n animation: "," 1.4s infinite;\n"],["\n width: 13px;\n height: 13px;\n border-radius: 50%;\n background-color: ",";\n animation: "," 1.4s infinite;\n"])),(function(n){var e;return null!==(e=n.backgroundColor)&&void 0!==e?e:"var(--colors-semantic-positive-color)"}),l);exports.FadeInOut=d,exports.Wrapper=c;
|
|
2
2
|
//# sourceMappingURL=ScarcityTag.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../cta/styled.js"),require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("react"),require("../../../utils/constants/offerAtCart.js"),require("../../../utils/media.js"),require("../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../dropdown/variants/simple/SimpleDropdown.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../atoms/Icon/Icon.js"),require("../../atoms/Image/Image.js"),require("../../atoms/Toggle/toggle.styled.js"),require("../../radio/input/styles.js"),require("../../tooltip/Styled.js"),require("../../autoship/styled.js"),require("../../autoshipV2/styled.js"),require("../../before-after/BeforeAfter.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/DiscountTag.js"),require("../../pricing/styles.js"),require("../../pricing/priceLabelV2/PriceLabelV2.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../shared/card/Card.js"),require("../../bundle/minimalistic/styled.js"),require("../../text/Text.js"),require("../../bundle/motivator/styled.js"),require("../../bundle/simple/Simple.js"),require("../../buynowpaylater/BuyNowPayLater.js"),require("../../offer-banner/OfferBanner.js"),require("../../cartProductItem/CloseIcon/CloseButton.js"),require("../../cartProductItem/Description/Description.js"),require("../../cartProductItem/Promo/Promo.js"),require("../../cartProductItem/Title/Title.js"),require("../../cartProductItem/TrashIcon/styled.js"),require("../../checkbox/Checkbox.js"),require("../../SkeletonBox/SkeletonBox.js"),require("../../club-price-label/ClubPriceLabel.js"),require("../../strength-bars/StrengthBars.js"),require("../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../rating/starList/StarList.js"),require("../../rating/styles.js"),require("../../collection/product/mobile/styled.js"),require("../../collection/product/truekind/ProductItemTK.js"),require("../../collection/grid/WithProductGrid.js"),require("../../color/ColorRadioGroup.js"),require("../../color/selector/PatternSelector.js"),require("../../color/styles/ColorPickerwithTootip.styled.js"),require("../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../delivery-details/DeliveryDetails.js"),require("../../delivery-details/Note/Note.js"),require("../../drawer/Drawer.js"),require("../../dropdown-list-icons/Styled.js"),require("../../dropdown/size-dropdown/Styled.js"),require("../../dropdown/variants/dialog/DropdownDialog.js"),require("../../dropdown/base/BaseDropdown.js"),require("../../filtering/Accordion.js"),require("../../filtering/FiltersStyled.js"),require("../../filtering/Tags/Tags.js"),require("../../fit-guarantee/FitGuarantee.js"),require("../../fit/FitPredictor.js"),require("../../slider/ArrowButton.js"),require("../../slider/StyledSlider.js"),require("../../gallery/components/ImageSmallPreview/styled.js"),require("../../gallery/components/ImagePreviewList/styled.js"),require("../../molecules/Video/components/styled.js"),require("../../molecules/Video/styled.js"),require("../../gallery/components/ImageProductSlide/styled.js"),require("../../gallery/styled.js"),require("../../icon-button/IconButton.js"),require("../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../iconsWithTitle/index.js"),require("../../image-card/ImageCard.js"),require("../../input/label/Label.js"),require("../../input/base/Error.js"),require("../../input/base/Styled.js"),require("../../input/custom/Custom.js"),require("../../input/basePlusButton/BasePlusButton.js"),require("../../input/basePlusIcon/BasePlusIcon.js"),require("../../modal/Modal.js"),require("../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../order-bar/OrderBar.js"),require("../../packs/selector/PackSelector.js"),require("../../pagination/styles.js"),require("../../payment-methods/PaymentMethod.js"),require("../../product/order/item/SimpleOrderItem.js"),require("../../progress-bar/ProgressBar.js"),require("../../quantityPicker/QuantityPicker.js"),require("../../radio/RadioPrimary/radioPrimary.js"),require("../../radio/clubRadioInput/clubRadio.js"),require("../../review-detail/ReviewDetail.js"),require("../../review/Review.js"),require("../../reviews-header/ReviewsHeader.js"),require("../../scroll-to-top/ScrollToTop.js"),require("../../search-bar/components/ClearButton/styled.js"),require("../../search-bar/components/Footer/styled.js"),require("../../search-bar/components/ProductItem/styled.js"),require("../../search-bar/components/ResultsPanel/styled.js"),require("../../search-bar/components/SearchControl/styled.js"),require("../../search-bar/styled.js"),require("../../search-navigation/styled.js"),require("react-dom"),require("../../short-banner/ShortBanner.js"),require("../../size-chart/styled.js"),require("../../size-table/SizeTable.js"),require("../../size/guide/SizeFitGuide.js"),require("../../size/selector/styled.js"),require("../../tabs/Tab.js"),require("../../tabs/Tabs.js"),require("../../tag/Tag.js"),require("@emotion/react"),require("../../textWithImage/index.js"),require("../../timer/styled.js"),require("../../toast/Toast.js"),require("../../totals/total/styled.js"),require("../../totals/subtotal/Subtotal.js"),require("../../tracking-progress-v2/TrackingProgressV2.js"),require("../../tracking-progress/TrackingProgress.js"),require("../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../BasicAccordion/BasicAccordion.js"),require("../CartItemCard/CartItem.js"),require("../ClubOfferSelector/styled.js"),require("../ClubOfferSelector2/styled.js"),require("../JoinClubCard/joinClubCard.js"),require("../OfferAtCart/styled.js"),require("../OfferAtCartV2/styled.js"),require("../OfferAtCartV3/styled.js"),require("../OfferAtCartV4/styled.js"),require("../OfferAtPDP/styled.js"),require("../OfferAtPDP/types.js"),require("../ProductCard/ProductCardV1/ProductCard.js"),require("../ProductCard/ProductCardV2/styled.js"),require("../ProductCard/ProductCardV3/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("@ant-design/react-slick"),require("../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV5/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/styled.js"),require("../SizeCharTable/SizeChartTableV2/styled.js"),require("../SizeCharTable/SizeChartTableV3/styled.js"),require("../../molecules/ArrowTip/ArrowTip.styled.js"),require("../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../SubscriptionPlanSelector/styled.js"),require("./Greeting.styled.js");var t=require("./Card.styled.js"),s=require("./DescriptionItem.js"),o=require("./types.js");require("../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../molecules/CouponCard/styled.js"),require("../../molecules/BenefitsList/styled.js"),require("../../molecules/HurryUp/styled.js"),require("../../molecules/Spinner/styled.js"),require("../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../molecules/LikeButton/styled.js");var l=require("../../molecules/ScarcityTag/ScarcityTag.js");exports.TwoCtasAtCart=function(a){var u=a.title,d=a.saveLessButtonAction,c=a.saveLessButtonLabel,n=a.saveMoreButtonAction,j=a.saveMoreButtonLabel,q=a.descriptions,y=a.version,b=a.bottomCopy,p=a.titleBackgroundColor,m=a.scarcityText;return r.jsxs(t.Container,e.__assign({id:"twoCtasAtCart"},{children:[r.jsx(t.TitleWrapper,e.__assign({id:"twoCtasAtCartTitle",backgroundColor:null!=p?p:void 0},{children:u}),void 0),r.jsx(i,{onClick:n,text:j,wide:!0},void 0),m&&r.jsx(l.ScarcityTag,{text:m,color:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../cta/styled.js"),require("../../PackSelectorV2/PackSelectoV2.js"),require("../../absorbency-level/AbsorbencyLevel.js"),require("../../accordion-options/AccordionOptions.js"),require("../../accordion/Accordion.js"),require("react"),require("../../../utils/constants/offerAtCart.js"),require("../../../utils/media.js"),require("../../../utils/mock-content/CancellationFlowAccordion.js"),require("../../dropdown/variants/simple/SimpleDropdown.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js"),require("../../atoms/Icon/Icon.js"),require("../../atoms/Image/Image.js"),require("../../atoms/Toggle/toggle.styled.js"),require("../../radio/input/styles.js"),require("../../tooltip/Styled.js"),require("../../autoship/styled.js"),require("../../autoshipV2/styled.js"),require("../../before-after/BeforeAfter.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/DiscountTag.js"),require("../../pricing/styles.js"),require("../../pricing/priceLabelV2/PriceLabelV2.js"),require("../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../shared/card/Card.js"),require("../../bundle/minimalistic/styled.js"),require("../../text/Text.js"),require("../../bundle/motivator/styled.js"),require("../../bundle/simple/Simple.js"),require("../../buynowpaylater/BuyNowPayLater.js"),require("../../offer-banner/OfferBanner.js"),require("../../cartProductItem/CloseIcon/CloseButton.js"),require("../../cartProductItem/Description/Description.js"),require("../../cartProductItem/Promo/Promo.js"),require("../../cartProductItem/Title/Title.js"),require("../../cartProductItem/TrashIcon/styled.js"),require("../../checkbox/Checkbox.js"),require("../../SkeletonBox/SkeletonBox.js"),require("../../club-price-label/ClubPriceLabel.js"),require("../../strength-bars/StrengthBars.js"),require("../../pricing/priceLabelV4/PriceLabelV4.js"),require("../../rating/starList/StarList.js"),require("../../rating/styles.js"),require("../../collection/product/mobile/styled.js"),require("../../collection/product/truekind/ProductItemTK.js"),require("../../collection/grid/WithProductGrid.js"),require("../../color/ColorRadioGroup.js"),require("../../color/selector/PatternSelector.js"),require("../../color/styles/ColorPickerwithTootip.styled.js"),require("../../cross-sell/Checkbox/CrossSellCheckbox.js"),require("../../delivery-details/DeliveryDetails.js"),require("../../delivery-details/Note/Note.js"),require("../../drawer/Drawer.js"),require("../../dropdown-list-icons/Styled.js"),require("../../dropdown/size-dropdown/Styled.js"),require("../../dropdown/variants/dialog/DropdownDialog.js"),require("../../dropdown/base/BaseDropdown.js"),require("../../filtering/Accordion.js"),require("../../filtering/FiltersStyled.js"),require("../../filtering/Tags/Tags.js"),require("../../fit-guarantee/FitGuarantee.js"),require("../../fit/FitPredictor.js"),require("../../slider/ArrowButton.js"),require("../../slider/StyledSlider.js"),require("../../gallery/components/ImageSmallPreview/styled.js"),require("../../gallery/components/ImagePreviewList/styled.js"),require("../../molecules/Video/components/styled.js"),require("../../molecules/Video/styled.js"),require("../../gallery/components/ImageProductSlide/styled.js"),require("../../gallery/styled.js"),require("../../icon-button/IconButton.js"),require("../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js"),require("../../iconsWithTitle/index.js"),require("../../image-card/ImageCard.js"),require("../../input/label/Label.js"),require("../../input/base/Error.js"),require("../../input/base/Styled.js"),require("../../input/custom/Custom.js"),require("../../input/basePlusButton/BasePlusButton.js"),require("../../input/basePlusIcon/BasePlusIcon.js"),require("../../modal/Modal.js"),require("../../motivator-progress-bar/MotivatorProgressBar.js"),require("../../order-bar/OrderBar.js"),require("../../packs/selector/PackSelector.js"),require("../../pagination/styles.js"),require("../../payment-methods/PaymentMethod.js"),require("../../product/order/item/SimpleOrderItem.js"),require("../../progress-bar/ProgressBar.js"),require("../../quantityPicker/QuantityPicker.js"),require("../../radio/RadioPrimary/radioPrimary.js"),require("../../radio/clubRadioInput/clubRadio.js"),require("../../review-detail/ReviewDetail.js"),require("../../review/Review.js"),require("../../reviews-header/ReviewsHeader.js"),require("../../scroll-to-top/ScrollToTop.js"),require("../../search-bar/components/ClearButton/styled.js"),require("../../search-bar/components/Footer/styled.js"),require("../../search-bar/components/ProductItem/styled.js"),require("../../search-bar/components/ResultsPanel/styled.js"),require("../../search-bar/components/SearchControl/styled.js"),require("../../search-bar/styled.js"),require("../../search-navigation/styled.js"),require("react-dom"),require("../../short-banner/ShortBanner.js"),require("../../size-chart/styled.js"),require("../../size-table/SizeTable.js"),require("../../size/guide/SizeFitGuide.js"),require("../../size/selector/styled.js"),require("../../tabs/Tab.js"),require("../../tabs/Tabs.js"),require("../../tag/Tag.js"),require("@emotion/react"),require("../../textWithImage/index.js"),require("../../timer/styled.js"),require("../../toast/Toast.js"),require("../../totals/total/styled.js"),require("../../totals/subtotal/Subtotal.js"),require("../../tracking-progress-v2/TrackingProgressV2.js"),require("../../tracking-progress/TrackingProgress.js"),require("../AutoshipOfferCard/AutoshipOfferCardItem.styled.js"),require("../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js"),require("../AutoshipPdpCard/AutoshipPdpCard.styled.js"),require("../BasicAccordion/BasicAccordion.js"),require("../CartItemCard/CartItem.js"),require("../ClubOfferSelector/styled.js"),require("../ClubOfferSelector2/styled.js"),require("../JoinClubCard/joinClubCard.js"),require("../OfferAtCart/styled.js"),require("../OfferAtCartV2/styled.js"),require("../OfferAtCartV3/styled.js"),require("../OfferAtCartV4/styled.js"),require("../OfferAtPDP/styled.js"),require("../OfferAtPDP/types.js"),require("../ProductCard/ProductCardV1/ProductCard.js"),require("../ProductCard/ProductCardV2/styled.js"),require("../ProductCard/ProductCardV3/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV1/ProductGalleryMobile.js"),require("../ProductGalleryMobile/ProductGalleryMobileV2/ProductGalleryMobileV2.js"),require("../ProductGalleryMobile/ProductGalleryMobileV3/ProductGalleryMobileV3.js"),require("@ant-design/react-slick"),require("../ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/styled.js"),require("react-inner-image-zoom"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV5/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/ColorVariantsGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/styled.js"),require("../ProductGalleryMobile/ProductGalleryMobileV6/styled.js"),require("../SizeCharTable/SizeChartTableV2/styled.js"),require("../SizeCharTable/SizeChartTableV3/styled.js"),require("../../molecules/ArrowTip/ArrowTip.styled.js"),require("../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js"),require("../SubscriptionPlanSelector/styled.js"),require("./Greeting.styled.js");var t=require("./Card.styled.js"),s=require("./DescriptionItem.js"),o=require("./types.js");require("../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js"),require("../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js"),require("../../molecules/CouponCard/styled.js"),require("../../molecules/BenefitsList/styled.js"),require("../../molecules/HurryUp/styled.js"),require("../../molecules/Spinner/styled.js"),require("../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js"),require("../../molecules/LikeButton/styled.js");var l=require("../../molecules/ScarcityTag/ScarcityTag.js");exports.TwoCtasAtCart=function(a){var u=a.title,d=a.saveLessButtonAction,c=a.saveLessButtonLabel,n=a.saveMoreButtonAction,j=a.saveMoreButtonLabel,q=a.descriptions,y=a.version,b=a.bottomCopy,p=a.titleBackgroundColor,m=a.scarcityText,P=a.scarcityTextColor;return r.jsxs(t.Container,e.__assign({id:"twoCtasAtCart"},{children:[r.jsx(t.TitleWrapper,e.__assign({id:"twoCtasAtCartTitle",backgroundColor:null!=p?p:void 0},{children:u}),void 0),r.jsx(i,{onClick:n,text:j,wide:!0},void 0),m&&r.jsx(l.ScarcityTag,{text:m,color:P},void 0),r.jsxs(t.BodyContainer,{children:[r.jsx(t.GridContainer,{children:q.map((function(e,i){return r.jsx(s.DescriptionItem,{text:e.text,smallerText:e.smallerText,iconName:null==e?void 0:e.iconName,type:null==e?void 0:e.type,link:null==e?void 0:e.link},"".concat(e.text,"-").concat(i))}))},void 0),b&&r.jsx(t.BottomCopyWrapper,{dangerouslySetInnerHTML:{__html:b}},void 0)]},void 0),r.jsx(t.OutLineButtonContainer,{children:y===o.BottomButtonVersionsTypes.link?r.jsx(t.SaveLessLinkButton,e.__assign({href:"#",onClick:d},{children:c}),void 0):r.jsx(t.BtnOutlineWrapper,{wide:!0,onClick:d,text:c},void 0)},void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=TwoCtasAtCart.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@emotion/styled"),i=require("../../shared/label/label.js"),a=require("../../../core/theme/Theme.js"),s=require("./styles.js"),r=require("../../../types/enums.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,d,u,c=l(n),h=c.default.div(o||(o=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),m=c.default.div(e.__assign({},s.ContainerStyles.baseStyles),(function(e){return[s.ContainerStyles[e.size](e.theme)]})),f=c.default.input(d||(d=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=c.default.div([function(e){return s.CustomRadioStyles.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return s.CustomRadioStyles[e.size](e.theme,e.isChecked)}]),b=c.default(i)(u||(u=e.__makeTemplateObject(["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"],["\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n"])));exports.RadioPrimary=function(n){var i=n.style,s=n.name,l=n.value,o=n.id,d=n.label,u=n.checked,c=void 0!==u&&u,v=n.disabled,y=void 0!==v&&v,g=n.onChange,j=n.size,x=void 0===j?r.ComponentSize.Medium:j,_=a.useTheme();return t.jsxs(h,{children:[t.jsxs(m,e.__assign({theme:_,size:x,style:i,"data-testid":"container"},{children:[t.jsx(f,{id:"".concat(s,"-").concat(o),type:"radio",name:s,value:l,checked:c,onChange:function(e){return y?null:function(e,t){var n=e.currentTarget.value;g({value:n,label:t})}(e,d)},disabled:y,style:i},void 0),t.jsx(p,{size:x,isChecked:c,disabled:y,theme:_,"data-testid":"custom-radio",style:i},void 0)]}),void 0),t.jsx(b,e.__assign({htmlFor:"".concat(s,"-").concat(o),"data-testid":"label",variant:"regular",size:x,disabled:y},{children:d}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=radioPrimary.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@emotion/styled"),i=require("../../shared/label/label.js"),a=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@emotion/styled"),i=require("../../shared/label/label.js"),a=require("../../../core/theme/Theme.js"),s=require("./styles.js"),o=require("../../../types/enums.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,l,u,c=r(n),m=c.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: 10px;\n"]))),h=c.default.div(e.__assign({},s.ContainerStyles.baseStyles),(function(e){return[s.ContainerStyles[e.size](e.theme)]})),p=c.default.input(l||(l=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),b=c.default.div([function(e){return s.CustomRadioStyles.baseStyles(e.theme,e.disabled,e.isChecked)},function(e){return s.CustomRadioStyles[e.size](e.theme,e.isChecked)}]),f=c.default(i)(u||(u=e.__makeTemplateObject(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}));exports.ClubRadioInput=function(n){var i=n.style,s=n.name,r=n.value,d=n.id,l=n.label,u=n.checked,c=void 0!==u&&u,v=n.disabled,y=void 0!==v&&v,g=n.onChange,j=n.size,_=void 0===j?o.ComponentSize.Medium:j,x=a.useTheme();return t.jsxs(m,{children:[t.jsxs(h,e.__assign({theme:x,size:_,style:i,"data-testid":"container"},{children:[t.jsx(p,{id:"".concat(s,"-").concat(d),type:"radio",name:s,value:r,checked:c,onChange:function(e){return y?null:function(e,t){var n=e.currentTarget.value;g({value:n,label:t})}(e,l)},disabled:y,style:i},void 0),t.jsx(b,{size:_,isChecked:c,disabled:y,theme:x,"data-testid":"custom-radio",style:i},void 0)]}),void 0),t.jsx(f,e.__assign({htmlFor:"".concat(s,"-").concat(d),"data-testid":"label",variant:"regular",size:_,disabled:y,"aria-checked":c},{children:l}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=clubRadio.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/react"),n=require("../../shared/label/label.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@emotion/cache");var o,r,a,s=i(require("@emotion/styled")),d={baseStyles:function(e,n){return t.css({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:n?e.colors.border.disabled:e.component.radio.borderColor})},small:function(e,n){return t.css({borderWidth:n?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,n){return t.css({borderWidth:n?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,n){return t.css({borderWidth:n?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},l={baseStyles:t.css({position:"relative"}),small:function(e){return t.css({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return t.css({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return t.css({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},m=s.default.div((function(){return{display:"flex",alignItems:"center"}})),c=s.default.div(e.__assign({},l.baseStyles),(function(e){return[l[e.size](e.theme)]})),u=s.default(c)({alignSelf:"center"}),h=s.default.input(o||(o=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=s.default.div(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/react"),n=require("../../shared/label/label.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@emotion/cache");var o,r,a,s=i(require("@emotion/styled")),d={baseStyles:function(e,n){return t.css({borderRadius:"50%",height:"100%",width:"100%",boxSizing:"border-box",borderStyle:"solid",background:e.component.radio.background,borderColor:n?e.colors.border.disabled:e.component.radio.borderColor})},small:function(e,n){return t.css({borderWidth:n?e.component.radio.size.small.active.borderWidth:e.component.radio.size.small.borderWidth})},medium:function(e,n){return t.css({borderWidth:n?e.component.radio.size.medium.active.borderWidth:e.component.radio.size.medium.borderWidth})},large:function(e,n){return t.css({borderWidth:n?e.component.radio.size.large.active.borderWidth:e.component.radio.size.large.borderWidth})}},l={baseStyles:t.css({position:"relative"}),small:function(e){return t.css({height:e.component.radio.size.small.height,width:e.component.radio.size.small.height,marginRight:e.component.radio.size.small.margin})},medium:function(e){return t.css({height:e.component.radio.size.medium.height,width:e.component.radio.size.medium.height,marginRight:e.component.radio.size.medium.margin})},large:function(e){return t.css({height:e.component.radio.size.large.height,width:e.component.radio.size.large.height,marginRight:e.component.radio.size.large.margin})}},m=s.default.div((function(){return{display:"flex",alignItems:"center"}})),c=s.default.div(e.__assign({},l.baseStyles),(function(e){return[l[e.size](e.theme)]})),u=s.default(c)({alignSelf:"center"}),h=s.default.input(o||(o=e.__makeTemplateObject(["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"],["\n position: absolute;\n opacity: 0;\n cursor: ",";\n height: 100%;\n width: 100%;\n margin: 0;\n"])),(function(e){return e.disabled?"not-allowed":"pointer"})),p=s.default.div([function(e){return d.baseStyles(e.theme,e.disabled)},function(e){return d[e.size](e.theme,e.isChecked)}]),g=s.default(n)(r||(r=e.__makeTemplateObject(["\n font-size: ",";\n line-height: "," !important;\n"],["\n font-size: ",";\n line-height: "," !important;\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight})),b=s.default(n)(a||(a=e.__makeTemplateObject(["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"],["\n font-size: ",";\n font-weight: 600 !important;\n line-height: "," !important;\n\n color: ",";\n"])),(function(e){return e.theme.component.radio.textSize}),(function(e){return e.theme.component.radio.lineHeight}),(function(e){return e.disabled?"var(--colors-shades-250-color)":"inherit"}));exports.Container=c,exports.ContainerStyles=l,exports.CustomRadio=p,exports.CustomRadioStyles=d,exports.HorizontalContainer=u,exports.Input=h,exports.StyledLabel=g,exports.StyledLabelV2=b,exports.Wrapper=m;
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
|
@@ -197,6 +197,175 @@ var thespadr = {
|
|
|
197
197
|
color: '--colors-shades-700-color',
|
|
198
198
|
disabled: '--colors-shades-250-color',
|
|
199
199
|
},
|
|
200
|
+
primitive: {
|
|
201
|
+
green: {
|
|
202
|
+
50: '#F8FBF4',
|
|
203
|
+
100: '#E9F2E5',
|
|
204
|
+
200: '#D1E3CA',
|
|
205
|
+
300: '#B5CAB3',
|
|
206
|
+
400: '#9AB898',
|
|
207
|
+
500: '#457A41',
|
|
208
|
+
600: '#376234',
|
|
209
|
+
},
|
|
210
|
+
darkGreen: {
|
|
211
|
+
50: '#DEE3DF',
|
|
212
|
+
100: '#BCC7BE',
|
|
213
|
+
200: '#9BAC9E',
|
|
214
|
+
300: '#79907D',
|
|
215
|
+
400: '#58745D',
|
|
216
|
+
500: '#2E403B',
|
|
217
|
+
600: '#25332F',
|
|
218
|
+
},
|
|
219
|
+
gold: {
|
|
220
|
+
50: '#FBFAF6',
|
|
221
|
+
100: '#EFEBE4',
|
|
222
|
+
200: '#E5DDD2',
|
|
223
|
+
300: '#E7DCC5',
|
|
224
|
+
400: '#DFD1B1',
|
|
225
|
+
500: '#D7C59E',
|
|
226
|
+
600: '#AC9E7E',
|
|
227
|
+
},
|
|
228
|
+
neutral: {
|
|
229
|
+
0: '#FFFFFF',
|
|
230
|
+
10: '#FAFAFA',
|
|
231
|
+
25: '#F5F5F5',
|
|
232
|
+
50: '#E2E3E3',
|
|
233
|
+
100: '#D1D3D3',
|
|
234
|
+
200: '#B8BBB9',
|
|
235
|
+
300: '#878D8B',
|
|
236
|
+
400: '#6A6E6D',
|
|
237
|
+
500: '#585D5C',
|
|
238
|
+
600: '#323D3A',
|
|
239
|
+
700: '#222D29',
|
|
240
|
+
800: '#292929',
|
|
241
|
+
900: '#1B1B1B',
|
|
242
|
+
},
|
|
243
|
+
red: {
|
|
244
|
+
50: '#FDF1EF',
|
|
245
|
+
100: '#F5E5E5',
|
|
246
|
+
200: '#EDD4D3',
|
|
247
|
+
300: '#E9BFBD',
|
|
248
|
+
400: '#D99391',
|
|
249
|
+
500: '#BA5350',
|
|
250
|
+
600: '#954240',
|
|
251
|
+
},
|
|
252
|
+
yellow: {
|
|
253
|
+
50: '#FEFCEC',
|
|
254
|
+
100: '#FCFBE2',
|
|
255
|
+
200: '#FAF7CD',
|
|
256
|
+
300: '#F5EF9B',
|
|
257
|
+
400: '#F1E86B',
|
|
258
|
+
500: '#EBD800',
|
|
259
|
+
600: '#BEB20B',
|
|
260
|
+
},
|
|
261
|
+
blue: {
|
|
262
|
+
50: '#EDF2F4',
|
|
263
|
+
100: '#E3ECEE',
|
|
264
|
+
200: '#D0DEE1',
|
|
265
|
+
300: '#A0BDC4',
|
|
266
|
+
400: '#729DA7',
|
|
267
|
+
500: '#437C8A',
|
|
268
|
+
600: '#28474F',
|
|
269
|
+
},
|
|
270
|
+
},
|
|
271
|
+
semanticTokens: {
|
|
272
|
+
bg: {
|
|
273
|
+
surface: {
|
|
274
|
+
primary: '--colors-primitive-neutral-0',
|
|
275
|
+
primaryHover: '--colors-primitive-neutral-25',
|
|
276
|
+
secondary: '--colors-primitive-neutral-10',
|
|
277
|
+
secondaryHover: '--colors-primitive-neutral-50',
|
|
278
|
+
tertiary: '--colors-primitive-green-50',
|
|
279
|
+
tertiaryHover: '--colors-primitive-green-100',
|
|
280
|
+
disable: '--colors-primitive-neutral-100',
|
|
281
|
+
disableDark: '--colors-primitive-neutral-200',
|
|
282
|
+
invert: '--colors-primitive-darkGreen-600',
|
|
283
|
+
overlay: '--colors-primitive-neutral-800',
|
|
284
|
+
},
|
|
285
|
+
fill: {
|
|
286
|
+
primary: '--colors-primitive-green-500',
|
|
287
|
+
primaryHover: '--colors-primitive-green-400',
|
|
288
|
+
defaultActive: '--colors-primitive-green-600',
|
|
289
|
+
secondary: '--colors-primitive-darkGreen-500',
|
|
290
|
+
secondaryHover: '--colors-primitive-darkGreen-400',
|
|
291
|
+
secondaryActive: '--colors-primitive-darkGreen-600',
|
|
292
|
+
tertiary: '--colors-primitive-green-200',
|
|
293
|
+
tertiaryHover: '--colors-primitive-green-100',
|
|
294
|
+
tertiaryActive: '--colors-primitive-green-300',
|
|
295
|
+
gold: '--colors-primitive-gold-300',
|
|
296
|
+
goldHover: '--colors-primitive-gold-400',
|
|
297
|
+
goldActive: '--colors-primitive-gold-500',
|
|
298
|
+
disable: '--colors-primitive-neutral-50',
|
|
299
|
+
disableDark: '--colors-primitive-neutral-100',
|
|
300
|
+
},
|
|
301
|
+
success: {
|
|
302
|
+
default: '--colors-primitive-green-100',
|
|
303
|
+
hover: '--colors-primitive-green-200',
|
|
304
|
+
active: '--colors-primitive-green-300',
|
|
305
|
+
invert: '--colors-primitive-green-600',
|
|
306
|
+
},
|
|
307
|
+
urgent: {
|
|
308
|
+
default: '--colors-primitive-red-100',
|
|
309
|
+
hover: '--colors-primitive-red-200',
|
|
310
|
+
active: '--colors-primitive-red-300',
|
|
311
|
+
invert: '--colors-primitive-red-600',
|
|
312
|
+
},
|
|
313
|
+
warning: {
|
|
314
|
+
default: '--colors-primitive-yellow-100',
|
|
315
|
+
hover: '--colors-primitive-yellow-200',
|
|
316
|
+
active: '--colors-primitive-yellow-300',
|
|
317
|
+
invert: '--colors-primitive-yellow-600',
|
|
318
|
+
},
|
|
319
|
+
info: {
|
|
320
|
+
default: '--colors-primitive-blue-100',
|
|
321
|
+
hover: '--colors-primitive-blue-200',
|
|
322
|
+
active: '--colors-primitive-blue-300',
|
|
323
|
+
invert: '--colors-primitive-blue-600',
|
|
324
|
+
},
|
|
325
|
+
},
|
|
326
|
+
text: {
|
|
327
|
+
primary: '--colors-primitive-neutral-800',
|
|
328
|
+
secondary: '--colors-primitive-neutral-500',
|
|
329
|
+
tertiary: '--colors-primitive-neutral-400',
|
|
330
|
+
accent: '--colors-primitive-green-500',
|
|
331
|
+
accentDark: '--colors-primitive-green-600',
|
|
332
|
+
disable: '--colors-primitive-neutral-300',
|
|
333
|
+
disableDark: '--colors-primitive-neutral-400',
|
|
334
|
+
invert: '--colors-primitive-neutral-0',
|
|
335
|
+
success: '--colors-primitive-green-600',
|
|
336
|
+
urgent: '--colors-primitive-red-600',
|
|
337
|
+
warning: '--colors-primitive-yellow-600',
|
|
338
|
+
info: '--colors-primitive-blue-600',
|
|
339
|
+
},
|
|
340
|
+
icon: {
|
|
341
|
+
primary: '--colors-primitive-neutral-800',
|
|
342
|
+
secondary: '--colors-primitive-neutral-500',
|
|
343
|
+
tertiary: '--colors-primitive-neutral-400',
|
|
344
|
+
accent: '--colors-primitive-green-500',
|
|
345
|
+
accentDark: '--colors-primitive-green-600',
|
|
346
|
+
disable: '--colors-primitive-neutral-300',
|
|
347
|
+
disableDark: '--colors-primitive-neutral-400',
|
|
348
|
+
invert: '--colors-primitive-neutral-0',
|
|
349
|
+
success: '--colors-primitive-green-500',
|
|
350
|
+
urgent: '--colors-primitive-red-600',
|
|
351
|
+
warning: '--colors-primitive-yellow-600',
|
|
352
|
+
info: '--colors-primitive-blue-600',
|
|
353
|
+
},
|
|
354
|
+
border: {
|
|
355
|
+
primary: '--colors-primitive-neutral-50',
|
|
356
|
+
secondary: '--colors-primitive-neutral-25',
|
|
357
|
+
tertiary: '--colors-primitive-neutral-100',
|
|
358
|
+
accent: '--colors-primitive-green-200',
|
|
359
|
+
accentDark: '--colors-primitive-green-300',
|
|
360
|
+
disable: '--colors-primitive-neutral-200',
|
|
361
|
+
disableDark: '--colors-primitive-neutral-300',
|
|
362
|
+
invert: '--colors-primitive-neutral-25',
|
|
363
|
+
success: '--colors-primitive-green-400',
|
|
364
|
+
urgent: '--colors-primitive-red-400',
|
|
365
|
+
warning: '--colors-primitive-yellow-400',
|
|
366
|
+
info: '--colors-primitive-blue-400',
|
|
367
|
+
},
|
|
368
|
+
},
|
|
200
369
|
},
|
|
201
370
|
component: {
|
|
202
371
|
button: {
|
|
@@ -55,6 +55,79 @@ declare type ThemeColorPrimaryPallete = ThemeColorPallete & {
|
|
|
55
55
|
80: ThemeColorPallete;
|
|
56
56
|
100?: ThemeColorPallete;
|
|
57
57
|
};
|
|
58
|
+
declare type ThemeColorPrimitiveShades = {
|
|
59
|
+
0?: string;
|
|
60
|
+
10?: string;
|
|
61
|
+
25?: string;
|
|
62
|
+
50: string;
|
|
63
|
+
100: string;
|
|
64
|
+
200: string;
|
|
65
|
+
300: string;
|
|
66
|
+
400: string;
|
|
67
|
+
500: string;
|
|
68
|
+
600: string;
|
|
69
|
+
700?: string;
|
|
70
|
+
800?: string;
|
|
71
|
+
900?: string;
|
|
72
|
+
};
|
|
73
|
+
declare type ThemeColorPrimitive = {
|
|
74
|
+
green: ThemeColorPrimitiveShades;
|
|
75
|
+
darkGreen: ThemeColorPrimitiveShades;
|
|
76
|
+
gold: ThemeColorPrimitiveShades;
|
|
77
|
+
neutral: ThemeColorPrimitiveShades;
|
|
78
|
+
red: ThemeColorPrimitiveShades;
|
|
79
|
+
yellow: ThemeColorPrimitiveShades;
|
|
80
|
+
blue: ThemeColorPrimitiveShades;
|
|
81
|
+
};
|
|
82
|
+
declare type ThemeColorSemanticTokens = {
|
|
83
|
+
primary: string;
|
|
84
|
+
secondary?: string;
|
|
85
|
+
tertiary?: string;
|
|
86
|
+
accent?: string;
|
|
87
|
+
accentDark?: string;
|
|
88
|
+
disable?: string;
|
|
89
|
+
disableDark?: string;
|
|
90
|
+
invert?: string;
|
|
91
|
+
success?: string;
|
|
92
|
+
urgent?: string;
|
|
93
|
+
warning?: string;
|
|
94
|
+
info?: string;
|
|
95
|
+
};
|
|
96
|
+
declare type ThemeColorAlertsTokens = {
|
|
97
|
+
default: string;
|
|
98
|
+
hover: string;
|
|
99
|
+
active: string;
|
|
100
|
+
invert: string;
|
|
101
|
+
};
|
|
102
|
+
declare type ThemeColorBackgroundTokens = {
|
|
103
|
+
surface: ThemeColorSemanticTokens & {
|
|
104
|
+
primaryHover: string;
|
|
105
|
+
secondaryHover: string;
|
|
106
|
+
tertiaryHover: string;
|
|
107
|
+
overlay: string;
|
|
108
|
+
};
|
|
109
|
+
fill: ThemeColorSemanticTokens & {
|
|
110
|
+
primaryHover: string;
|
|
111
|
+
defaultActive: string;
|
|
112
|
+
secondaryHover: string;
|
|
113
|
+
secondaryActive: string;
|
|
114
|
+
tertiaryHover: string;
|
|
115
|
+
tertiaryActive: string;
|
|
116
|
+
gold: string;
|
|
117
|
+
goldHover: string;
|
|
118
|
+
goldActive: string;
|
|
119
|
+
};
|
|
120
|
+
success: ThemeColorAlertsTokens;
|
|
121
|
+
urgent: ThemeColorAlertsTokens;
|
|
122
|
+
warning: ThemeColorAlertsTokens;
|
|
123
|
+
info: ThemeColorAlertsTokens;
|
|
124
|
+
};
|
|
125
|
+
declare type ThemeColorSemantic = {
|
|
126
|
+
bg: ThemeColorBackgroundTokens;
|
|
127
|
+
text: ThemeColorSemanticTokens;
|
|
128
|
+
icon: ThemeColorSemanticTokens;
|
|
129
|
+
border: ThemeColorSemanticTokens;
|
|
130
|
+
};
|
|
58
131
|
declare type ThemeColors = {
|
|
59
132
|
pallete: {
|
|
60
133
|
primary: ThemeColorPrimaryPallete;
|
|
@@ -111,6 +184,8 @@ declare type ThemeColors = {
|
|
|
111
184
|
color: string;
|
|
112
185
|
disabled: string;
|
|
113
186
|
};
|
|
187
|
+
primitive?: ThemeColorPrimitive;
|
|
188
|
+
semanticTokens?: ThemeColorSemantic;
|
|
114
189
|
};
|
|
115
190
|
declare type ThemeComponent = {
|
|
116
191
|
button: {
|
package/package.json
CHANGED