@trafilea/afrodita-components 6.8.6 → 6.8.7
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/index.d.ts +70 -65
- package/build/index.esm.js +465 -409
- package/build/index.esm.js.map +1 -1
- package/build/index.js +465 -409
- package/build/index.js.map +1 -1
- package/build/theme/shapermint.theme.js +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -5,13 +5,13 @@ import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
|
|
|
5
5
|
import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
|
|
6
6
|
import { TextProps as TextProps$1 } from 'src/components/text/Text';
|
|
7
7
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
8
|
+
import { ContentType as ContentType$1, IconProps as IconProps$2 } from 'src/types/types';
|
|
8
9
|
import * as _emotion_styled from '@emotion/styled';
|
|
9
10
|
import { StyledComponent } from '@emotion/styled';
|
|
10
11
|
export { default as styled } from '@emotion/styled';
|
|
11
12
|
import * as _emotion_react from '@emotion/react';
|
|
12
13
|
import { Theme as Theme$1 } from '@emotion/react';
|
|
13
14
|
export { Global, css } from '@emotion/react';
|
|
14
|
-
import { IconProps as IconProps$2 } from 'src/types/types';
|
|
15
15
|
import facepaint from 'facepaint';
|
|
16
16
|
|
|
17
17
|
interface PackOption$1 {
|
|
@@ -57,7 +57,7 @@ declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' |
|
|
|
57
57
|
declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/user_solid' | 'navigation/user_v2';
|
|
58
58
|
declare type Other$1 = 'other/bod_con_label' | 'other/bod_con_mobile_label' | 'other/call_us' | 'other/chat' | 'other/email' | 'other/express_shipping' | 'other/fit_guarantee' | 'other/fit_predictor' | 'other/free_exchange' | 'other/get_discount' | 'other/hassel_free_returns' | 'other/loading' | 'other/mc_afee' | 'other/play' | 'other/qr_code' | 'other/question_with_circle' | 'other/revel_beauty' | 'other/shapermint' | 'other/shapermint_club_icon' | 'other/shapermint_club_icon2' | 'other/shapermint_club_label' | 'other/shapermint_club_mobile_label' | 'other/shapermint_logo' | 'other/shm_club' | 'other/shop_now' | 'other/sign_form' | 'other/sixty_days_tsd' | 'other/the_bod_con' | 'other/the_spa_dr' | 'other/lock';
|
|
59
59
|
declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa';
|
|
60
|
-
declare type PDP$1 = 'pdp/circle_number' | 'pdp/clock' | 'pdp/drop' | 'pdp/drop_empty' | 'pdp/error_cross' | 'pdp/flag_usa' | 'pdp/hours' | 'pdp/klarna_logo' | 'pdp/light_bulb' | 'pdp/minus' | 'pdp/moon' | 'pdp/new_clock' | 'pdp/play_mini' | 'pdp/plus' | 'pdp/rule' | 'pdp/shipping' | 'pdp/shipping_empty' | 'pdp/size_empty' | 'pdp/size_empty_v2' | 'pdp/star' | 'pdp/stars' | 'pdp/star_empty' | 'pdp/star_half' | 'pdp/stopwatch' | 'pdp/trust_badge';
|
|
60
|
+
declare type PDP$1 = 'pdp/circle_number' | 'pdp/clock' | 'pdp/drop' | 'pdp/drop_empty' | 'pdp/error_cross' | 'pdp/flag_usa' | 'pdp/hours' | 'pdp/klarna_logo' | 'pdp/light_bulb' | 'pdp/minus' | 'pdp/moon' | 'pdp/new_clock' | 'pdp/play_mini' | 'pdp/play_video' | 'pdp/plus' | 'pdp/rule' | 'pdp/shipping' | 'pdp/shipping_empty' | 'pdp/size_empty' | 'pdp/size_empty_v2' | 'pdp/star' | 'pdp/stars' | 'pdp/star_empty' | 'pdp/star_half' | 'pdp/stopwatch' | 'pdp/trust_badge';
|
|
61
61
|
declare type SlideDots$1 = 'slidedots/slide_dot';
|
|
62
62
|
declare type SocialMedia$1 = 'socialmedia/facebook' | 'socialmedia/facebook_solid' | 'socialmedia/instagram' | 'socialmedia/instagram_solid' | 'socialmedia/interaction' | 'socialmedia/pinterest' | 'socialmedia/twitter' | 'socialmedia/youtube';
|
|
63
63
|
declare type IconName = Actions$1 | Arrows$1 | Custom$1 | Download$1 | Emoji$1 | Messaging$1 | MyAccount$1 | Navigation$1 | Other$1 | Payment$1 | PDP$1 | SlideDots$1 | SocialMedia$1;
|
|
@@ -854,107 +854,111 @@ declare namespace Other {
|
|
|
854
854
|
};
|
|
855
855
|
}
|
|
856
856
|
|
|
857
|
+
declare const CircleNumber: IconComponent;
|
|
858
|
+
|
|
857
859
|
declare const Clock: IconComponent;
|
|
858
860
|
|
|
859
|
-
declare const
|
|
861
|
+
declare const Drop: IconComponent;
|
|
860
862
|
|
|
861
|
-
declare const
|
|
863
|
+
declare const DropEmpty: IconComponent;
|
|
862
864
|
|
|
863
|
-
declare const
|
|
865
|
+
declare const ErrorCross: IconComponent;
|
|
864
866
|
|
|
865
|
-
declare const
|
|
867
|
+
declare const FlagUSA: IconComponent;
|
|
866
868
|
|
|
867
|
-
declare const
|
|
869
|
+
declare const Hours: IconComponent;
|
|
868
870
|
|
|
869
|
-
declare const
|
|
871
|
+
declare const KlarnaLogo: IconComponent;
|
|
870
872
|
|
|
871
|
-
declare const
|
|
873
|
+
declare const LightBulb: IconComponent;
|
|
872
874
|
|
|
873
|
-
declare const
|
|
875
|
+
declare const Minus: IconComponent;
|
|
874
876
|
|
|
875
|
-
declare const
|
|
877
|
+
declare const Moon: IconComponent;
|
|
876
878
|
|
|
877
|
-
declare const
|
|
879
|
+
declare const NewClock: IconComponent;
|
|
878
880
|
|
|
879
|
-
declare const
|
|
881
|
+
declare const PlayMini: IconComponent;
|
|
880
882
|
|
|
881
|
-
declare const
|
|
883
|
+
declare const PlayVideo: IconComponent;
|
|
882
884
|
|
|
883
|
-
declare const
|
|
885
|
+
declare const Plus: IconComponent;
|
|
884
886
|
|
|
885
|
-
declare const
|
|
887
|
+
declare const Rule: IconComponent;
|
|
886
888
|
|
|
887
|
-
declare const
|
|
889
|
+
declare const Shipping: IconComponent;
|
|
888
890
|
|
|
889
891
|
declare const ShippingEmpty: IconComponent;
|
|
890
892
|
|
|
891
|
-
declare const
|
|
893
|
+
declare const SizeEmpty: IconComponent;
|
|
892
894
|
|
|
893
|
-
declare const
|
|
895
|
+
declare const SizeEmptyV2: IconComponent;
|
|
894
896
|
|
|
895
|
-
declare const
|
|
897
|
+
declare const Star: IconComponent;
|
|
896
898
|
|
|
897
|
-
declare const
|
|
899
|
+
declare const StarEmpty: IconComponent;
|
|
898
900
|
|
|
899
|
-
declare const
|
|
901
|
+
declare const StarHalf: IconComponent;
|
|
900
902
|
|
|
901
|
-
declare const
|
|
903
|
+
declare const Stars: IconComponent;
|
|
902
904
|
|
|
903
|
-
declare const
|
|
905
|
+
declare const Stopwatch: IconComponent;
|
|
904
906
|
|
|
905
907
|
declare const TrustBadge: IconComponent;
|
|
906
908
|
|
|
909
|
+
declare const PDP_CircleNumber: typeof CircleNumber;
|
|
907
910
|
declare const PDP_Clock: typeof Clock;
|
|
911
|
+
declare const PDP_Drop: typeof Drop;
|
|
912
|
+
declare const PDP_DropEmpty: typeof DropEmpty;
|
|
913
|
+
declare const PDP_ErrorCross: typeof ErrorCross;
|
|
908
914
|
declare const PDP_FlagUSA: typeof FlagUSA;
|
|
915
|
+
declare const PDP_Hours: typeof Hours;
|
|
916
|
+
declare const PDP_KlarnaLogo: typeof KlarnaLogo;
|
|
917
|
+
declare const PDP_LightBulb: typeof LightBulb;
|
|
909
918
|
declare const PDP_Minus: typeof Minus;
|
|
919
|
+
declare const PDP_Moon: typeof Moon;
|
|
920
|
+
declare const PDP_NewClock: typeof NewClock;
|
|
921
|
+
declare const PDP_PlayMini: typeof PlayMini;
|
|
922
|
+
declare const PDP_PlayVideo: typeof PlayVideo;
|
|
910
923
|
declare const PDP_Plus: typeof Plus;
|
|
911
924
|
declare const PDP_Rule: typeof Rule;
|
|
912
|
-
declare const PDP_Star: typeof Star;
|
|
913
|
-
declare const PDP_StarEmpty: typeof StarEmpty;
|
|
914
|
-
declare const PDP_StarHalf: typeof StarHalf;
|
|
915
|
-
declare const PDP_Stopwatch: typeof Stopwatch;
|
|
916
925
|
declare const PDP_Shipping: typeof Shipping;
|
|
917
|
-
declare const
|
|
918
|
-
declare const PDP_ErrorCross: typeof ErrorCross;
|
|
919
|
-
declare const PDP_CircleNumber: typeof CircleNumber;
|
|
926
|
+
declare const PDP_ShippingEmpty: typeof ShippingEmpty;
|
|
920
927
|
declare const PDP_SizeEmpty: typeof SizeEmpty;
|
|
921
928
|
declare const PDP_SizeEmptyV2: typeof SizeEmptyV2;
|
|
922
|
-
declare const
|
|
923
|
-
declare const
|
|
924
|
-
declare const
|
|
925
|
-
declare const PDP_DropEmpty: typeof DropEmpty;
|
|
929
|
+
declare const PDP_Star: typeof Star;
|
|
930
|
+
declare const PDP_StarEmpty: typeof StarEmpty;
|
|
931
|
+
declare const PDP_StarHalf: typeof StarHalf;
|
|
926
932
|
declare const PDP_Stars: typeof Stars;
|
|
927
|
-
declare const
|
|
928
|
-
declare const PDP_Hours: typeof Hours;
|
|
929
|
-
declare const PDP_NewClock: typeof NewClock;
|
|
930
|
-
declare const PDP_KlarnaLogo: typeof KlarnaLogo;
|
|
933
|
+
declare const PDP_Stopwatch: typeof Stopwatch;
|
|
931
934
|
declare const PDP_TrustBadge: typeof TrustBadge;
|
|
932
935
|
declare namespace PDP {
|
|
933
936
|
export {
|
|
937
|
+
PDP_CircleNumber as CircleNumber,
|
|
934
938
|
PDP_Clock as Clock,
|
|
939
|
+
PDP_Drop as Drop,
|
|
940
|
+
PDP_DropEmpty as DropEmpty,
|
|
941
|
+
PDP_ErrorCross as ErrorCross,
|
|
935
942
|
PDP_FlagUSA as FlagUSA,
|
|
943
|
+
PDP_Hours as Hours,
|
|
944
|
+
PDP_KlarnaLogo as KlarnaLogo,
|
|
945
|
+
PDP_LightBulb as LightBulb,
|
|
936
946
|
PDP_Minus as Minus,
|
|
947
|
+
PDP_Moon as Moon,
|
|
948
|
+
PDP_NewClock as NewClock,
|
|
949
|
+
PDP_PlayMini as PlayMini,
|
|
950
|
+
PDP_PlayVideo as PlayVideo,
|
|
937
951
|
PDP_Plus as Plus,
|
|
938
952
|
PDP_Rule as Rule,
|
|
939
|
-
PDP_Star as Star,
|
|
940
|
-
PDP_StarEmpty as StarEmpty,
|
|
941
|
-
PDP_StarHalf as StarHalf,
|
|
942
|
-
PDP_Stopwatch as Stopwatch,
|
|
943
953
|
PDP_Shipping as Shipping,
|
|
944
|
-
|
|
945
|
-
PDP_ErrorCross as ErrorCross,
|
|
946
|
-
PDP_CircleNumber as CircleNumber,
|
|
954
|
+
PDP_ShippingEmpty as ShippingEmpty,
|
|
947
955
|
PDP_SizeEmpty as SizeEmpty,
|
|
948
956
|
PDP_SizeEmptyV2 as SizeEmptyV2,
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
PDP_DropEmpty as DropEmpty,
|
|
957
|
+
PDP_Star as Star,
|
|
958
|
+
PDP_StarEmpty as StarEmpty,
|
|
959
|
+
PDP_StarHalf as StarHalf,
|
|
953
960
|
PDP_Stars as Stars,
|
|
954
|
-
|
|
955
|
-
PDP_Hours as Hours,
|
|
956
|
-
PDP_NewClock as NewClock,
|
|
957
|
-
PDP_KlarnaLogo as KlarnaLogo,
|
|
961
|
+
PDP_Stopwatch as Stopwatch,
|
|
958
962
|
PDP_TrustBadge as TrustBadge,
|
|
959
963
|
};
|
|
960
964
|
}
|
|
@@ -2252,11 +2256,12 @@ declare type RadioGroupOption = {
|
|
|
2252
2256
|
value: string;
|
|
2253
2257
|
label: string | ReactFragment;
|
|
2254
2258
|
};
|
|
2255
|
-
declare type
|
|
2259
|
+
declare type ContentType = {
|
|
2256
2260
|
key: string;
|
|
2257
|
-
|
|
2261
|
+
url: string;
|
|
2258
2262
|
alt: string;
|
|
2259
2263
|
thumbnailUrl?: string;
|
|
2264
|
+
isVideo?: boolean;
|
|
2260
2265
|
};
|
|
2261
2266
|
interface IconWithOpacityProps extends IconProps {
|
|
2262
2267
|
opacity?: number;
|
|
@@ -2518,8 +2523,8 @@ interface FitPredictorProps {
|
|
|
2518
2523
|
declare const FitPredictor: ({ onClick }: FitPredictorProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2519
2524
|
|
|
2520
2525
|
interface ProductGalleryProps {
|
|
2521
|
-
images:
|
|
2522
|
-
selectedValue?:
|
|
2526
|
+
images: ContentType[];
|
|
2527
|
+
selectedValue?: ContentType;
|
|
2523
2528
|
topTag?: JSX.Element;
|
|
2524
2529
|
bottomTag?: JSX.Element;
|
|
2525
2530
|
productImageDataTestId?: string;
|
|
@@ -2644,19 +2649,19 @@ declare const Input: {
|
|
|
2644
2649
|
};
|
|
2645
2650
|
|
|
2646
2651
|
interface ProductGalleryMobileProps$2 {
|
|
2647
|
-
images:
|
|
2652
|
+
images: ContentType[];
|
|
2648
2653
|
customClick?: boolean;
|
|
2649
2654
|
topTag?: JSX.Element;
|
|
2650
2655
|
bottomTag?: JSX.Element;
|
|
2651
2656
|
productImageDataTestId?: string;
|
|
2652
2657
|
borderRadiusVariant?: boolean;
|
|
2653
|
-
selectedValue?:
|
|
2658
|
+
selectedValue?: ContentType;
|
|
2654
2659
|
}
|
|
2655
2660
|
declare const ProductGalleryMobile: ({ images, customClick, topTag, bottomTag, productImageDataTestId, borderRadiusVariant, selectedValue, }: ProductGalleryMobileProps$2) => JSX.Element;
|
|
2656
2661
|
|
|
2657
2662
|
interface ProductGalleryMobileProps$1 {
|
|
2658
|
-
images:
|
|
2659
|
-
selectedValue?:
|
|
2663
|
+
images: ContentType[];
|
|
2664
|
+
selectedValue?: ContentType;
|
|
2660
2665
|
topTag?: JSX.Element;
|
|
2661
2666
|
bottomTag?: JSX.Element;
|
|
2662
2667
|
productImageDataTestId?: string;
|
|
@@ -2666,13 +2671,13 @@ interface ProductGalleryMobileProps$1 {
|
|
|
2666
2671
|
declare const ProductGalleryMobileV2: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, slideDotsDataTestId, borderRadiusVariant, }: ProductGalleryMobileProps$1) => JSX.Element;
|
|
2667
2672
|
|
|
2668
2673
|
interface ProductGalleryMobileProps {
|
|
2669
|
-
images:
|
|
2674
|
+
images: ContentType$1[];
|
|
2670
2675
|
customClick?: boolean;
|
|
2671
2676
|
topTag?: JSX.Element;
|
|
2672
2677
|
bottomTag?: JSX.Element;
|
|
2673
2678
|
productImageDataTestId?: string;
|
|
2674
2679
|
borderRadiusVariant?: boolean;
|
|
2675
|
-
selectedValue?:
|
|
2680
|
+
selectedValue?: ContentType$1;
|
|
2676
2681
|
}
|
|
2677
2682
|
declare const ProductGalleryMobileV3: ({ images, customClick, topTag, bottomTag, productImageDataTestId, borderRadiusVariant, selectedValue, }: ProductGalleryMobileProps) => JSX.Element;
|
|
2678
2683
|
|
|
@@ -3464,4 +3469,4 @@ declare const getSrcSet: (imgLink: string, ...breakpoints: number[]) => string;
|
|
|
3464
3469
|
|
|
3465
3470
|
declare const mediaQueries: facepaint.DynamicStyleFunction;
|
|
3466
3471
|
|
|
3467
|
-
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription,
|
|
3472
|
+
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, Input, InputValidationType, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, WithTestId, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|