@trafilea/afrodita-components 6.1.0 → 6.2.0

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 CHANGED
@@ -11,20 +11,9 @@ export { default as styled } from '@emotion/styled';
11
11
  import * as _emotion_react from '@emotion/react';
12
12
  import { Theme as Theme$1 } from '@emotion/react';
13
13
  export { Global, css } from '@emotion/react';
14
- import { IconProps as IconProps$1 } from 'src/types/types';
14
+ import { IconProps as IconProps$2 } from 'src/types/types';
15
15
  import facepaint from 'facepaint';
16
16
 
17
- interface HurryUpProps {
18
- hurryUpText: string;
19
- backgroundColor?: string;
20
- showTimer?: boolean;
21
- iconSize?: number;
22
- textPosition?: 'left' | 'right' | 'center';
23
- showSeconds?: boolean;
24
- timerColor?: string;
25
- }
26
- declare const HurryUp: ({ hurryUpText, backgroundColor, iconSize, textPosition, showTimer, showSeconds, timerColor, }: HurryUpProps) => JSX.Element;
27
-
28
17
  interface PackOption$1 {
29
18
  label: string;
30
19
  description: string;
@@ -71,9 +60,8 @@ declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'pa
71
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';
72
61
  declare type SlideDots$1 = 'slidedots/slide_dot';
73
62
  declare type SocialMedia$1 = 'socialmedia/facebook' | 'socialmedia/facebook_solid' | 'socialmedia/instagram' | 'socialmedia/instagram_solid' | 'socialmedia/interaction' | 'socialmedia/pinterest' | 'socialmedia/twitter' | 'socialmedia/youtube';
74
- 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;
75
-
76
- declare type Props$2 = {
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;
64
+ declare type IconProps$1 = {
77
65
  width?: number | string;
78
66
  height?: number | string;
79
67
  title?: string;
@@ -82,10 +70,11 @@ declare type Props$2 = {
82
70
  name: IconName;
83
71
  svgProps?: Omit<SVGProps<SVGElement>, 'ref'>;
84
72
  className?: string;
85
- } & StyledIconProps;
86
- declare const Icon$1: React__default.FC<Props$2>;
73
+ } & StyledIconProps;
74
+
75
+ declare const Icon$1: React__default.FC<IconProps$1>;
87
76
 
88
- declare type Props$1 = Omit<Props$2, 'name'>;
77
+ declare type Props$1 = Omit<IconProps$1, 'name'>;
89
78
  declare type IconComponent = React__default.FC<Props$1>;
90
79
 
91
80
  declare const Add: IconComponent;
@@ -1208,8 +1197,9 @@ declare enum InputValidationType {
1208
1197
  Empty = 2
1209
1198
  }
1210
1199
 
1200
+ declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr';
1211
1201
  declare type Theme = {
1212
- name: string;
1202
+ name: Themes;
1213
1203
  fontSizes: number[];
1214
1204
  fontWeights: number[];
1215
1205
  lineHeights: number[];
@@ -1926,6 +1916,7 @@ declare type ThemeFonts = {
1926
1916
  }>;
1927
1917
  };
1928
1918
  declare type ThemeAssets = {
1919
+ isSameOriginIcons?: boolean;
1929
1920
  cdn: string;
1930
1921
  images: {
1931
1922
  favicon: string;
@@ -1954,10 +1945,12 @@ declare type ThemeAssets = {
1954
1945
  [key: string]: any;
1955
1946
  };
1956
1947
 
1957
- declare const ThemeProvider: FC<{
1948
+ declare type ThemeProviderProps = {
1949
+ isSameOriginIcons?: boolean;
1958
1950
  theme: Theme$1;
1959
1951
  children: ReactNode;
1960
- }>;
1952
+ };
1953
+ declare const ThemeProvider: React.FC<ThemeProviderProps>;
1961
1954
  declare const useTheme: () => Theme$1;
1962
1955
 
1963
1956
  declare const ThemeVariables: FC<{
@@ -2175,7 +2168,7 @@ declare type CTAProps = {
2175
2168
  className?: string;
2176
2169
  testId?: string;
2177
2170
  inline?: boolean;
2178
- iconName?: Props$2['name'];
2171
+ iconName?: IconProps$1['name'];
2179
2172
  };
2180
2173
  declare type DropdownOption<T> = {
2181
2174
  key: string;
@@ -2574,7 +2567,7 @@ interface BaseCTAProps {
2574
2567
  type?: ButtonType;
2575
2568
  inline?: boolean;
2576
2569
  testId?: string;
2577
- iconName?: Props$2['name'];
2570
+ iconName?: IconProps$1['name'];
2578
2571
  }
2579
2572
 
2580
2573
  declare type ButtonProps = {
@@ -2871,7 +2864,7 @@ interface ScrollToTopProps {
2871
2864
  scrollToTopText: string;
2872
2865
  onClick: () => void;
2873
2866
  fill?: string;
2874
- Icon?: React__default.FC<IconProps$1>;
2867
+ Icon?: React__default.FC<IconProps$2>;
2875
2868
  }
2876
2869
  declare const ScrollToTop: ({ scrollToTopText, onClick, fill, Icon, }: ScrollToTopProps) => JSX.Element;
2877
2870
 
@@ -3225,18 +3218,20 @@ interface TextWithImageProps {
3225
3218
  }
3226
3219
  declare const TextWithImage: ({ title, text, children, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
3227
3220
 
3228
- interface TimeProps {
3221
+ declare type TimeProps = {
3229
3222
  hours: number;
3230
3223
  minutes: number;
3231
3224
  seconds: number;
3232
- }
3233
- interface TimerProps extends TimeProps {
3225
+ };
3226
+ declare type TimerProps = Partial<TimeProps> & {
3234
3227
  onTimeUp: () => void;
3235
3228
  displayZeroValues?: boolean;
3236
3229
  showSeconds?: boolean;
3230
+ showHours?: boolean;
3237
3231
  timerColor?: string;
3238
- }
3239
- declare const Timer: ({ onTimeUp, displayZeroValues, showSeconds, timerColor, ...rest }: TimerProps) => JSX.Element;
3232
+ countdown?: number;
3233
+ };
3234
+ declare const Timer: React.FC<TimerProps>;
3240
3235
 
3241
3236
  interface TooltipProps {
3242
3237
  children: React__default.ReactNode;
@@ -3319,6 +3314,17 @@ interface TrackingProgressProps {
3319
3314
  }
3320
3315
  declare const TrackingProgress: ({ checkPoints, amountOfCheckPoints }: TrackingProgressProps) => JSX.Element;
3321
3316
 
3317
+ declare type HurryUpProps = {
3318
+ hurryUpText: string;
3319
+ backgroundColor?: string;
3320
+ showTimer?: boolean;
3321
+ iconSize?: number;
3322
+ textPosition?: 'left' | 'right' | 'center';
3323
+ clockPosition?: 'left' | 'right';
3324
+ countdown?: number;
3325
+ } & Partial<TimerProps>;
3326
+ declare const HurryUp: React__default.FC<HurryUpProps>;
3327
+
3322
3328
  declare type SpinnerProps = {
3323
3329
  fill: string;
3324
3330
  background: string;
@@ -3373,4 +3379,4 @@ declare const getSrcSet: (imgLink: string, ...breakpoints: number[]) => string;
3373
3379
 
3374
3380
  declare const mediaQueries: facepaint.DynamicStyleFunction;
3375
3381
 
3376
- 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, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Icon$1 as LibIcon, Props$2 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, 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 };
3382
+ 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, ImageType, 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, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, 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 };