@trafilea/afrodita-components 2.3.4 → 3.0.0

package/build/index.d.ts

@@ -59,15 +59,19 @@ declare const Loading: ({ height, width, fill, backgroundColor }: LoadingProps)
 
 declare const Shapermint: ({ height, width }: IconProps) => JSX.Element;
 
+declare const McAfee: ({ height, width }: IconProps) => JSX.Element;
+
 type Other_LoadingProps = LoadingProps;
 declare const Other_Loading: typeof Loading;
 declare const Other_Shapermint: typeof Shapermint;
+declare const Other_McAfee: typeof McAfee;
 declare namespace Other {
   export {
     FitPredictor$1 as FitPredictor,
     Other_LoadingProps as LoadingProps,
     Other_Loading as Loading,
     Other_Shapermint as Shapermint,
+    Other_McAfee as McAfee,
   };
 }
 
@@ -313,47 +317,114 @@ declare enum InputValidationType {
 }
 
 interface Theme {
-    palette: {
-        primary: {
-            default: string;
-            hover: string;
-            pressed: string;
+    name: string;
+    colors: {
+        primary: string;
+        secondary: string;
+        black: string;
+        white: string;
+        neutral10: string;
+        neutral50: string;
+        neutral100: string;
+        neutral150: string;
+        neutral200: string;
+        neutral250: string;
+        neutral300: string;
+        neutral350: string;
+        neutral400: string;
+        neutral450: string;
+        neutral500: string;
+        neutral550: string;
+        neutral600: string;
+        neutral650: string;
+        neutral700: string;
+        neutral750: string;
+        neutral800: string;
+        neutral850: string;
+        neutral900: string;
+        neutral950: string;
+        neutral990: string;
+        semantic: {
+            error: string;
+            success: string;
         };
-        secondary: {
-            default: string;
-            hover: string;
-            pressed: string;
+        border: {
+            disabled: string;
+            highlight: string;
+        };
+        background: {
+            disabled: string;
+        };
+        text: {
+            disabled: 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;
         };
     };
+    component: {
+        button: {
+            border: string;
+            borderRadius: string;
+            fontWeight: number;
+            size: {
+                small: {
+                    fontSize: string;
+                    padding: string;
+                };
+                medium: {
+                    fontSize: string;
+                    padding: string;
+                };
+                large: {
+                    fontSize: string;
+                    padding: string;
+                };
+            };
+            primary: {
+                active: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                hover: {
+                    backgroundColor: string;
+                    color: string;
+                };
+            };
+            secondary: {
+                active: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                hover: {
+                    backgroundColor: string;
+                    color: string;
+                };
+            };
+        };
+        input: {
+            background: string;
+            color: string;
+            placeholderColor: string;
+            borderRadius: string;
+            fontSize: string;
+            fontWeight: number;
+            padding: string;
+            lineHeight: string;
+            border: string;
+            boxShadow: string;
+        };
+        inputCustom: {
+            button: {
+                borderRadius: string;
+            };
+            input: {
+                borderRadius: string;
+            };
+        };
+    };
 }
 interface IconProps {
     width?: number;
@@ -1017,4 +1088,27 @@ interface StarListProps {
 }
 declare const StarList: ({ rating, starsNumber, fill, size, }: StarListProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-export { _default as Accordion, AccordionBox, AccordionIcon, AmazonPaypalButtons_d as AmazonAndPaypalButtons, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default$1 as Card, CardSectionType, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, 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, StarList, TextButton, Theme, ThemeProvider, Timer, Tooltip, Totals, WithTestId };
+interface DrawerProps {
+    children: React.ReactNode;
+    isOpen: boolean;
+    onClose?: () => void;
+    onOpen?: () => void;
+    onClickOutside?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    backgroundColor?: string;
+    backdropColor?: string;
+    position?: 'left' | 'right';
+    width?: string;
+}
+declare const Drawer: ({ children, isOpen, onClose, onOpen, backgroundColor, backdropColor, position, width, onClickOutside, }: DrawerProps) => JSX.Element | null;
+
+interface SpinnerProps {
+    fill: string;
+    background: string;
+    animationDuration?: number;
+    complete?: boolean;
+    completeIconStroke?: number;
+    size?: string;
+}
+declare const Spinner: ({ fill, background, animationDuration, complete, completeIconStroke, size, }: SpinnerProps) => JSX.Element;
+
+export { _default as Accordion, AccordionBox, AccordionIcon, AmazonPaypalButtons_d as AmazonAndPaypalButtons, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default$1 as Card, CardSectionType, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, 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, Spinner, StarList, TextButton, Theme, ThemeProvider, Timer, Tooltip, Totals, WithTestId };