@trafilea/afrodita-components 6.1.1 → 6.3.0

package/build/index.d.ts

@@ -11,20 +11,9 @@ export { default as styled } from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
 import { Theme as Theme$1 } from '@emotion/react';
 export { Global, css } from '@emotion/react';
-import { IconProps as IconProps$1 } from 'src/types/types';
+import { IconProps as IconProps$2 } from 'src/types/types';
 import facepaint from 'facepaint';
 
-interface HurryUpProps {
-    hurryUpText: string;
-    backgroundColor?: string;
-    showTimer?: boolean;
-    iconSize?: number;
-    textPosition?: 'left' | 'right' | 'center';
-    showSeconds?: boolean;
-    timerColor?: string;
-}
-declare const HurryUp: ({ hurryUpText, backgroundColor, iconSize, textPosition, showTimer, showSeconds, timerColor, }: HurryUpProps) => JSX.Element;
-
 interface PackOption$1 {
     label: string;
     description: string;
@@ -71,9 +60,8 @@ declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'pa
 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';
 declare type SlideDots$1 = 'slidedots/slide_dot';
 declare type SocialMedia$1 = 'socialmedia/facebook' | 'socialmedia/facebook_solid' | 'socialmedia/instagram' | 'socialmedia/instagram_solid' | 'socialmedia/interaction' | 'socialmedia/pinterest' | 'socialmedia/twitter' | 'socialmedia/youtube';
-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;
-
-declare type Props$2 = {
+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;
+declare type IconProps$1 = {
     width?: number | string;
     height?: number | string;
     title?: string;
@@ -82,10 +70,11 @@ declare type Props$2 = {
     name: IconName;
     svgProps?: Omit<SVGProps<SVGElement>, 'ref'>;
     className?: string;
-} & StyledIconProps;
-declare const Icon$1: React__default.FC<Props$2>;
+} & StyledIconProps;
 
-declare type Props$1 = Omit<Props$2, 'name'>;
+declare const Icon$1: React__default.NamedExoticComponent<IconProps$1>;
+
+declare type Props$1 = Omit<IconProps$1, 'name'>;
 declare type IconComponent = React__default.FC<Props$1>;
 
 declare const Add: IconComponent;
@@ -1208,8 +1197,9 @@ declare enum InputValidationType {
     Empty = 2
 }
 
+declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr';
 declare type Theme = {
-    name: string;
+    name: Themes;
     fontSizes: number[];
     fontWeights: number[];
     lineHeights: number[];
@@ -1926,6 +1916,7 @@ declare type ThemeFonts = {
     }>;
 };
 declare type ThemeAssets = {
+    isSameOriginIcons?: boolean;
     cdn: string;
     images: {
         favicon: string;
@@ -1954,10 +1945,12 @@ declare type ThemeAssets = {
     [key: string]: any;
 };
 
-declare const ThemeProvider: FC<{
+declare type ThemeProviderProps = {
+    isSameOriginIcons?: boolean;
     theme: Theme$1;
     children: ReactNode;
-}>;
+};
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
 declare const useTheme: () => Theme$1;
 
 declare const ThemeVariables: FC<{
@@ -2175,7 +2168,7 @@ declare type CTAProps = {
     className?: string;
     testId?: string;
     inline?: boolean;
-    iconName?: Props$2['name'];
+    iconName?: IconProps$1['name'];
 };
 declare type DropdownOption<T> = {
     key: string;
@@ -2574,7 +2567,7 @@ interface BaseCTAProps {
     type?: ButtonType;
     inline?: boolean;
     testId?: string;
-    iconName?: Props$2['name'];
+    iconName?: IconProps$1['name'];
 }
 
 declare type ButtonProps = {
@@ -2871,7 +2864,7 @@ interface ScrollToTopProps {
     scrollToTopText: string;
     onClick: () => void;
     fill?: string;
-    Icon?: React__default.FC<IconProps$1>;
+    Icon?: React__default.FC<IconProps$2>;
 }
 declare const ScrollToTop: ({ scrollToTopText, onClick, fill, Icon, }: ScrollToTopProps) => JSX.Element;
 
@@ -3225,18 +3218,20 @@ interface TextWithImageProps {
 }
 declare const TextWithImage: ({ title, text, children, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-interface TimeProps {
+declare type TimeProps = {
     hours: number;
     minutes: number;
     seconds: number;
-}
-interface TimerProps extends TimeProps {
+};
+declare type TimerProps = Partial<TimeProps> & {
     onTimeUp: () => void;
     displayZeroValues?: boolean;
     showSeconds?: boolean;
+    showHours?: boolean;
     timerColor?: string;
-}
-declare const Timer: ({ onTimeUp, displayZeroValues, showSeconds, timerColor, ...rest }: TimerProps) => JSX.Element;
+    countdown?: number;
+};
+declare const Timer: React.FC<TimerProps>;
 
 interface TooltipProps {
     children: React__default.ReactNode;
@@ -3319,6 +3314,17 @@ interface TrackingProgressProps {
 }
 declare const TrackingProgress: ({ checkPoints, amountOfCheckPoints }: TrackingProgressProps) => JSX.Element;
 
+declare type HurryUpProps = {
+    hurryUpText: string;
+    backgroundColor?: string;
+    showTimer?: boolean;
+    iconSize?: number;
+    textPosition?: 'left' | 'right' | 'center';
+    clockPosition?: 'left' | 'right';
+    countdown?: number;
+} & Partial<TimerProps>;
+declare const HurryUp: React__default.FC<HurryUpProps>;
+
 declare type SpinnerProps = {
     fill: string;
     background: string;
@@ -3332,13 +3338,18 @@ declare const Spinner: React.FC<SpinnerProps>;
 
 declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
 
-declare const useWindowDimensions: (breakpoints: ThemeBreakpoints) => {
+declare type Viewport = 'mobile' | 'tablet' | 'desktop';
+declare type UseWindowDimensions = (breakpoints: ThemeBreakpoints, shouldListenChanges?: boolean) => {
+    viewport: Viewport;
     isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
     windowDimensions: {
         width: number;
         height: number;
     };
-};
+};
+declare const useWindowDimensions: UseWindowDimensions;
 
 declare global {
     interface Events {
@@ -3373,4 +3384,4 @@ declare const getSrcSet: (imgLink: string, ...breakpoints: number[]) => string;
 
 declare const mediaQueries: facepaint.DynamicStyleFunction;
 
-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 };
+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 };