@trafilea/afrodita-components 6.3.0 → 6.4.1

package/build/index.d.ts

@@ -1219,7 +1219,7 @@ declare type Theme = {
 };
 declare type ThemeBreakpoints = {
     mobile: number;
-    tablet?: number;
+    tablet: number;
     desktop: number;
 };
 declare type ThemeBasicPallete = {
@@ -1756,9 +1756,13 @@ declare type ThemeComponent = {
         borderRadius?: string;
         maxWidth?: string;
         onMobile: {
+            position?: string;
             maxWidth?: string;
             padding?: string;
             backgroundColor?: string;
+            titleHeight?: string;
+            boxShadow?: string;
+            borderRadius?: string;
         };
     };
     expressCheckout: {
@@ -1943,7 +1947,14 @@ declare type ThemeAssets = {
         };
     };
     [key: string]: any;
-};
+};
+declare const Viewports: {
+    readonly mobile: "mobile";
+    readonly tablet: "tablet";
+    readonly desktop: "desktop";
+    readonly desktopLarge: "desktopLarge";
+};
+declare type Viewport = typeof Viewports[keyof typeof Viewports];
 
 declare type ThemeProviderProps = {
     isSameOriginIcons?: boolean;
@@ -2963,18 +2974,21 @@ interface SizeFitGuideProps {
     fitPercentage?: number;
     onClick: () => void;
     onClickFitPercentage?: () => void;
+    hideIcon?: boolean;
 }
-declare const SizeFitGuide: ({ title, fitPercentage, onClick, onClickFitPercentage, }: SizeFitGuideProps) => JSX.Element;
+declare const SizeFitGuide: ({ title, fitPercentage, onClick, onClickFitPercentage, hideIcon, }: SizeFitGuideProps) => JSX.Element;
 
 interface SizeSelectorProps {
     label: string;
     sizes: SizeOption[];
     selectedValue: SizeOption;
     onChange: (size: SizeOption) => void;
+    onClickSizeTip?: () => void;
     inline?: boolean;
     width?: string;
+    hasSizeGuide?: boolean;
 }
-declare const SizeSelector: ({ label, sizes, selectedValue, onChange, inline, width, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface SliderNavigationProps {
     children: JSX.Element | JSX.Element[] | StyledComponent<any>;
@@ -3243,6 +3257,7 @@ interface TooltipProps {
     };
     backgroundColor?: string;
     maxWidth?: string;
+    showCloseIcon?: boolean;
     header?: {
         title: string;
         titleColor?: string;
@@ -3250,8 +3265,9 @@ interface TooltipProps {
         iconFill?: string;
     };
     onClick?: () => void;
+    withArrow?: boolean;
 }
-declare const Tooltip: ({ children, position, content, backgroundColor, align, maxWidth, onClick, header, }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ children, position, content, backgroundColor, showCloseIcon, align, maxWidth, onClick, header, withArrow, }: TooltipProps) => JSX.Element;
 
 declare type SubtotalOption = {
     label: string;
@@ -3338,8 +3354,9 @@ declare const Spinner: React.FC<SpinnerProps>;
 
 declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
 
-declare type Viewport = 'mobile' | 'tablet' | 'desktop';
-declare type UseWindowDimensions = (breakpoints: ThemeBreakpoints, shouldListenChanges?: boolean) => {
+declare type UseWindowDimensions = (breakpoints?: ThemeBreakpoints, options?: {
+    shouldListenChanges?: boolean;
+}) => {
     viewport: Viewport;
     isMobile: boolean;
     isTablet: boolean;