@trafilea/afrodita-components 2.0.1 → 2.3.0

package/build/index.d.ts

@@ -2,129 +2,6 @@
 import React, { ReactNode, ElementType } from 'react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 
-declare enum CardSectionType {
-    Header = 0,
-    Footer = 1
-}
-declare enum ComponentSize {
-    Large = 0,
-    Medium = 1,
-    Small = 2,
-    XSmall = 3
-}
-declare enum ComponentPosition {
-    Top = 0,
-    Bottom = 1,
-    Left = 2,
-    Right = 3
-}
-declare enum InputValidationType {
-    Error = 0,
-    Valid = 1,
-    Empty = 2
-}
-
-interface Theme {
-    palette: {
-        primary: {
-            default: string;
-            hover: string;
-            pressed: string;
-        };
-        secondary: {
-            default: string;
-            hover: string;
-            pressed: string;
-        };
-    };
-    shades: {
-        white: string;
-        gray010: string;
-        gray050: string;
-        gray100: string;
-        gray150: string;
-        gray200: string;
-        gray250: string;
-        gray300: string;
-        gray350: string;
-        gray400: string;
-        gray450: string;
-        gray500: string;
-        gray550: string;
-        gray600: string;
-        gray650: string;
-        gray700: string;
-        gray750: string;
-        gray800: string;
-        gray850: string;
-        gray900: string;
-        gray950: string;
-        gray990: string;
-    };
-    text: {
-        weight: {
-            bold: number;
-        };
-    };
-}
-interface IconProps {
-    width?: number;
-    height?: number;
-    fill?: string;
-    title?: string;
-}
-declare type ButtonType = 'button' | 'submit' | 'reset';
-interface CTAProps {
-    onClick: () => void;
-    disabled?: boolean;
-    wide?: boolean | false;
-    size?: ComponentSize;
-    text: string;
-    type?: ButtonType;
-    className?: string;
-}
-declare type DropdownOption<T> = {
-    key: string;
-    label: string;
-    value: T;
-    disabled: boolean;
-};
-declare type SizeOption = {
-    label: string;
-    description: string;
-    disabled?: boolean;
-};
-declare type Color = {
-    primaryColor: string;
-    secondaryColor?: string;
-    tertiaryColor?: string;
-};
-declare type ColorPickerOption = {
-    label: string;
-    color: Color;
-};
-declare type RadioGroupOption = {
-    value: string;
-    label: string;
-};
-declare type ImageType = {
-    key: string;
-    imageUrl: string;
-    alt: string;
-};
-interface IconWithOpacityProps extends IconProps {
-    opacity?: number;
-}
-interface WithTestId {
-    dataTestId?: string;
-}
-
-interface ThemeProviderProps {
-    theme: Theme;
-    children: ReactNode;
-}
-declare const ThemeProvider: ({ theme, children }: ThemeProviderProps) => JSX.Element;
-
 declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps) => JSX.Element;
 
 declare const Custom_SixtyDaysGuarantee: typeof SixtyDaysGuarantee;
@@ -145,11 +22,14 @@ interface LightCheckProps extends IconProps {
 }
 declare const LightCheck: ({ height, width, fill, strokeWidth }: LightCheckProps) => JSX.Element;
 
+declare const Question: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const Actions_Check: typeof Check;
 declare const Actions_ClearLight: typeof ClearLight;
 declare const Actions_LightExclamation: typeof LightExclamation;
 type Actions_LightCheckProps = LightCheckProps;
 declare const Actions_LightCheck: typeof LightCheck;
+declare const Actions_Question: typeof Question;
 declare namespace Actions {
   export {
     Actions_Check as Check,
@@ -157,6 +37,7 @@ declare namespace Actions {
     Actions_LightExclamation as LightExclamation,
     Actions_LightCheckProps as LightCheckProps,
     Actions_LightCheck as LightCheck,
+    Actions_Question as Question,
   };
 }
 
@@ -228,6 +109,8 @@ declare const StarHalf: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const Stopwatch: ({ height, width, fill, title }: IconProps) => JSX.Element;
 
+declare const Shipping: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const PDP_Clock: typeof Clock;
 declare const PDP_FlagUSA: typeof FlagUSA;
 declare const PDP_Minus: typeof Minus;
@@ -237,6 +120,7 @@ declare const PDP_Star: typeof Star;
 declare const PDP_StarEmpty: typeof StarEmpty;
 declare const PDP_StarHalf: typeof StarHalf;
 declare const PDP_Stopwatch: typeof Stopwatch;
+declare const PDP_Shipping: typeof Shipping;
 declare namespace PDP {
   export {
     PDP_Clock as Clock,
@@ -248,6 +132,7 @@ declare namespace PDP {
     PDP_StarEmpty as StarEmpty,
     PDP_StarHalf as StarHalf,
     PDP_Stopwatch as Stopwatch,
+    PDP_Shipping as Shipping,
   };
 }
 
@@ -309,12 +194,16 @@ declare const QuestionCircle: ({ height, width, fill }: IconProps) => JSX.Elemen
 
 declare const Messenger: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const Comment: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const Messaging_QuestionCircle: typeof QuestionCircle;
 declare const Messaging_Messenger: typeof Messenger;
+declare const Messaging_Comment: typeof Comment;
 declare namespace Messaging {
   export {
     Messaging_QuestionCircle as QuestionCircle,
     Messaging_Messenger as Messenger,
+    Messaging_Comment as Comment,
   };
 }
 
@@ -343,12 +232,15 @@ declare const Paypal: ({ height, width }: IconProps) => JSX.Element;
 
 declare const Klarna: ({ height, width }: IconProps) => JSX.Element;
 
+declare const Amazon: ({ height, width }: IconProps) => JSX.Element;
+
 declare const Payment_Visa: typeof Visa;
 declare const Payment_MasterCard: typeof MasterCard;
 declare const Payment_AMEX: typeof AMEX;
 declare const Payment_JCB: typeof JCB;
 declare const Payment_Paypal: typeof Paypal;
 declare const Payment_Klarna: typeof Klarna;
+declare const Payment_Amazon: typeof Amazon;
 declare namespace Payment {
   export {
     Payment_Visa as Visa,
@@ -357,6 +249,7 @@ declare namespace Payment {
     Payment_JCB as JCB,
     Payment_Paypal as Paypal,
     Payment_Klarna as Klarna,
+    Payment_Amazon as Amazon,
   };
 }
 
@@ -384,6 +277,141 @@ declare const Icon: {
     SlideDots: typeof SlideDots;
 };
 
+declare enum CardSectionType {
+    Header = 0,
+    Footer = 1
+}
+declare enum ComponentSize {
+    Large = 0,
+    Medium = 1,
+    Small = 2,
+    XSmall = 3
+}
+declare enum ComponentPosition {
+    Top = 0,
+    Bottom = 1,
+    Left = 2,
+    Right = 3
+}
+declare enum InputValidationType {
+    Error = 0,
+    Valid = 1,
+    Empty = 2
+}
+
+interface Theme {
+    palette: {
+        primary: {
+            default: string;
+            hover: string;
+            pressed: string;
+        };
+        secondary: {
+            default: string;
+            hover: string;
+            pressed: string;
+        };
+    };
+    shades: {
+        white: string;
+        gray010: string;
+        gray050: string;
+        gray100: string;
+        gray150: string;
+        gray200: string;
+        gray250: string;
+        gray300: string;
+        gray350: string;
+        gray400: string;
+        gray450: string;
+        gray500: string;
+        gray550: string;
+        gray600: string;
+        gray650: string;
+        gray700: string;
+        gray750: string;
+        gray800: string;
+        gray850: string;
+        gray900: string;
+        gray950: string;
+        gray990: string;
+    };
+    text: {
+        weight: {
+            bold: number;
+        };
+    };
+}
+interface IconProps {
+    width?: number;
+    height?: number;
+    fill?: string;
+    title?: string;
+}
+declare type ButtonType = 'button' | 'submit' | 'reset';
+interface CTAProps {
+    onClick: () => void;
+    disabled?: boolean;
+    wide?: boolean | false;
+    size?: ComponentSize;
+    text: string;
+    type?: ButtonType;
+    className?: string;
+}
+declare type DropdownOption<T> = {
+    key: string;
+    label: string;
+    value: T;
+    disabled: boolean;
+};
+declare type SizeOption = {
+    label: string;
+    description: string;
+    disabled?: boolean;
+};
+declare type Color = {
+    primaryColor: string;
+    secondaryColor?: string;
+    tertiaryColor?: string;
+};
+declare type Pattern = {
+    url: string;
+};
+declare type ColorPickerOption = {
+    label: string;
+    color?: Color;
+    pattern?: Pattern;
+};
+declare type RadioGroupOption = {
+    value: string;
+    label: string;
+};
+declare type ImageType = {
+    key: string;
+    imageUrl: string;
+    alt: string;
+};
+interface IconWithOpacityProps extends IconProps {
+    opacity?: number;
+}
+interface WithTestId {
+    dataTestId?: string;
+}
+declare type DropdownListIconsItem = {
+    Icon: IconType;
+    items: DropdownListIconsSubItem[];
+};
+declare type DropdownListIconsSubItem = {
+    description: string;
+    callback: () => void;
+};
+
+interface ThemeProviderProps {
+    theme: Theme;
+    children: ReactNode;
+}
+declare const ThemeProvider: ({ theme, children }: ThemeProviderProps) => JSX.Element;
+
 interface CardBodyProps {
     children: ReactNode;
 }
@@ -727,10 +755,10 @@ declare const Input: {
     SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
 };
 
-declare const index_d_Input: typeof Input;
-declare namespace index_d {
+declare const index_d$1_Input: typeof Input;
+declare namespace index_d$1 {
   export {
-    index_d_Input as Input,
+    index_d$1_Input as Input,
   };
 }
 
@@ -836,8 +864,12 @@ interface ProductOrderItemProps {
         alt: string;
     };
     price: Price;
+    tag?: {
+        text: string;
+        backgroundColor: string;
+    };
 }
-declare const SimpleOrderItem: ({ title, subtitle, image, price }: ProductOrderItemProps) => JSX.Element;
+declare const SimpleOrderItem: ({ title, subtitle, image, price, tag }: ProductOrderItemProps) => JSX.Element;
 
 interface ReviewProps {
     reviewerName: string;
@@ -871,4 +903,60 @@ interface SliderNavigationProps {
 }
 declare const SliderNavigation: ({ children, infinite, arrows, adaptiveHeight, dotsSize, dotListMarginTop, initialSlide, }: SliderNavigationProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-export { _default as Accordion, AccordionBox, AccordionIcon, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default$1 as Card, CardSectionType, CategoryTag, Checkbox, Color, ColorPickerOption, ComponentPosition, ComponentSize, DeliveryDetails, DiscountTag, DropdownOption, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, ImageType, index_d as Input, InputValidationType, MultiColorPicker, OfferBanner, OrderBar, PaymentMethod, PriceLabel, ProductGallery, ProgressBar, RadioGroupInput, RadioGroupOption, Rating, Review, ScrollToTop, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, TextButton, Theme, ThemeProvider, Timer, Tooltip, Totals, WithTestId };
+interface DropdownListIconsProps {
+    items: DropdownListIconsItem[];
+}
+declare const DropdownListIcons: ({ items }: DropdownListIconsProps) => JSX.Element;
+
+interface ImageStyleProps {
+    height?: string;
+    width?: string;
+    borderRadius?: string;
+    objectFit?: string;
+    objectPosition?: string;
+}
+interface ImageProps extends ImageStyleProps {
+    src: string;
+    alt: string;
+}
+declare const Image: ({ src, alt, height, width, borderRadius, objectFit, objectPosition, }: ImageProps) => JSX.Element;
+
+interface AmazonPaypalBtnProps {
+    onClick: () => void;
+}
+declare const AmazonButton: ({ onClick }: AmazonPaypalBtnProps) => JSX.Element;
+declare const PaypalButton: ({ onClick }: AmazonPaypalBtnProps) => JSX.Element;
+
+type AmazonPaypalButtons_d_AmazonPaypalBtnProps = AmazonPaypalBtnProps;
+declare const AmazonPaypalButtons_d_AmazonButton: typeof AmazonButton;
+declare const AmazonPaypalButtons_d_PaypalButton: typeof PaypalButton;
+declare namespace AmazonPaypalButtons_d {
+  export {
+    AmazonPaypalButtons_d_AmazonPaypalBtnProps as AmazonPaypalBtnProps,
+    AmazonPaypalButtons_d_AmazonButton as AmazonButton,
+    AmazonPaypalButtons_d_PaypalButton as PaypalButton,
+  };
+}
+
+interface CrossSellCheckboxProps extends rightToLeftProps {
+    imageURL: string;
+    title: string;
+    description: string;
+    freeShippingText: string;
+    onChange: (checked: Boolean) => void;
+}
+interface rightToLeftProps {
+    rightToLeft: boolean;
+}
+declare const CrossSellCheckbox: ({ imageURL, title, description, freeShippingText, rightToLeft, onChange, }: CrossSellCheckboxProps) => JSX.Element;
+
+type index_d_CrossSellCheckboxProps = CrossSellCheckboxProps;
+declare const index_d_CrossSellCheckbox: typeof CrossSellCheckbox;
+declare namespace index_d {
+  export {
+    index_d_CrossSellCheckboxProps as CrossSellCheckboxProps,
+    index_d_CrossSellCheckbox as CrossSellCheckbox,
+  };
+}
+
+export { _default as Accordion, AccordionBox, AccordionIcon, AmazonPaypalButtons_d as AmazonAndPaypalButtons, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default$1 as Card, CardSectionType, CategoryTag, Checkbox, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, Image, ImageType, index_d$1 as Input, InputValidationType, MultiColorPicker, OfferBanner, OrderBar, Pattern, PaymentMethod, PriceLabel, ProductGallery, ProgressBar, RadioGroupInput, RadioGroupOption, Rating, Review, ScrollToTop, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, TextButton, Theme, ThemeProvider, Timer, Tooltip, Totals, WithTestId };