@trafilea/afrodita-components 3.0.7-beta.0 → 4.0.1-beta.1

package/build/dts/components/slider/SliderNavigation.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import { SliderNavigationProps } from './SliderNavigation';
+declare const _default: {
+    title: string;
+    component: ({ children, infinite, arrows, adaptiveHeight, dotsSize, dotListMarginTop, initialSlide, }: SliderNavigationProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+};
+export default _default;
+export declare const WithArrows: Story<SliderNavigationProps>;
+export declare const WithoutArrows: Story<SliderNavigationProps>;

package/build/dts/components/slider/StyledSlider.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import Slider from '@ant-design/react-slick';
+import './slick.css';
+import './slick-theme.css';
+interface StyledSliderProps {
+    arrowPadding?: number;
+    dotListMarginTop: number;
+    dotsSpacing: number;
+    arrowPaddingOffset: number;
+}
+declare const StyledSlider: import("@emotion/styled").StyledComponent<import("@ant-design/react-slick").Settings & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & StyledSliderProps, {}, {
+    ref?: import("react").Ref<Slider> | undefined;
+}>;
+export default StyledSlider;

package/build/dts/components/spinner/Spinner.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface SpinnerProps {
+    fill: string;
+    background: string;
+    animationDuration?: number;
+    complete?: boolean;
+    completeIconStroke?: number;
+    size?: string;
+}
+export declare const Spinner: ({ fill, background, animationDuration, complete, completeIconStroke, size, }: SpinnerProps) => JSX.Element;

package/build/dts/components/spinner/Spinner.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { SpinnerProps } from './Spinner';
+declare const _default: {
+    title: string;
+    component: ({ fill, background, animationDuration, complete, completeIconStroke, size, }: SpinnerProps) => JSX.Element;
+};
+export default _default;
+export declare const BasicSpinner: Story<SpinnerProps>;

package/build/dts/components/spinner/Spinner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/tag/Tag.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface TagProps {
+    text: string;
+    className?: string;
+}
+declare const Tag: ({ text, className }: TagProps) => JSX.Element;
+export default Tag;

package/build/dts/components/tag/Tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/tag/index.d.ts

@@ -0,0 +1,3 @@
+import CategoryTag from './variants/pdp/category/CategoryTag';
+import SeasonOfferTag from './variants/pdp/season-offer/SeasonOfferTag';
+export { CategoryTag, SeasonOfferTag };

package/build/dts/components/tag/variants/pdp/category/CategoryTag.d.ts

@@ -0,0 +1,8 @@
+import { ComponentSize } from '../../../../../types/enums';
+export interface CategoryTagProps {
+    text: string;
+    size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
+    className?: string;
+}
+declare const CategoryTag: ({ text, size, className }: CategoryTagProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CategoryTag;

package/build/dts/components/tag/variants/pdp/category/CategoryTag.stories.d.ts

@@ -0,0 +1,22 @@
+import { Story } from '@storybook/react';
+import { CategoryTagProps } from './CategoryTag';
+import { ComponentSize } from '../../../../../types/enums';
+declare const _default: {
+    title: string;
+    component: ({ text, size, className }: CategoryTagProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    argTypes: {
+        size: {
+            options: ComponentSize[];
+            control: {
+                type: string;
+                labels: {
+                    0: string;
+                    1: string;
+                    2: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<CategoryTagProps>;

package/build/dts/components/tag/variants/pdp/category/CategoryTag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/tag/variants/pdp/season-offer/SeasonOfferTag.d.ts

@@ -0,0 +1,9 @@
+import { ComponentSize } from '../../../../../types/enums';
+export interface SeasonOfferTagProps {
+    text: string;
+    backgroundColor?: string;
+    size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
+    className?: string;
+}
+declare const SeasonOfferTag: ({ text, backgroundColor, size, className, }: SeasonOfferTagProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SeasonOfferTag;

package/build/dts/components/tag/variants/pdp/season-offer/SeasonOfferTag.stories.d.ts

@@ -0,0 +1,22 @@
+import { Story } from '@storybook/react';
+import { ComponentSize } from '../../../../../types/enums';
+import { SeasonOfferTagProps } from './SeasonOfferTag';
+declare const _default: {
+    title: string;
+    component: ({ text, backgroundColor, size, className, }: SeasonOfferTagProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    argTypes: {
+        size: {
+            options: ComponentSize[];
+            control: {
+                type: string;
+                labels: {
+                    0: string;
+                    1: string;
+                    2: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<SeasonOfferTagProps>;

package/build/dts/components/tag/variants/pdp/season-offer/SeasonOfferTag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/text/Text.d.ts

@@ -0,0 +1,98 @@
+import { AnchorHTMLAttributes, AriaAttributes, CSSProperties, FC, LabelHTMLAttributes } from 'react';
+declare const Text: FC<TextProps>;
+export default Text;
+declare type TextHeroProps = {
+    variant: 'hero1' | 'hero2' | 'hero3';
+    weight?: 'heavy' | 'bold' | 'demi';
+    size?: 'regular';
+    underline?: never;
+    disabled?: never;
+    wide?: never;
+    original?: never;
+    allCaps?: never;
+};
+declare type TextDisplayProps = {
+    variant: 'display1' | 'display2';
+    weight?: 'bold' | 'demi';
+    size?: 'regular';
+    underline?: never;
+    disabled?: never;
+    wide?: never;
+    original?: never;
+    allCaps?: never;
+};
+declare type TextHeadingProps = {
+    variant: 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
+    weight: 'bold' | 'demi' | 'regular';
+    size?: 'regular';
+    underline?: never;
+    disabled?: never;
+    wide?: never;
+    original?: never;
+    allCaps?: never;
+};
+declare type TextBodyProps = {
+    variant: 'body';
+    size?: 'regular' | 'small';
+    weight?: 'bold' | 'demi' | 'regular';
+    underline?: never;
+    disabled?: never;
+    wide?: never;
+    original?: never;
+    allCaps?: never;
+};
+declare type TextButtonProps = {
+    variant: 'button';
+    size: 'large' | 'regular' | 'small';
+    weight: 'bold' | 'demi';
+    underline?: never;
+    disabled?: never;
+    wide?: boolean;
+    original?: never;
+    allCaps?: never;
+};
+declare type TextPricingProps = {
+    variant: 'pricing';
+    size: 'large' | 'medium' | 'regular' | 'small';
+    weight?: never;
+    underline?: never;
+    disabled?: never;
+    wide?: never;
+    original?: boolean;
+    allCaps?: never;
+};
+declare type TextLinkProps = {
+    variant: 'link';
+    weight?: 'demi' | 'regular';
+    size?: 'regular' | 'small';
+    underline?: boolean;
+    disabled?: boolean;
+    wide?: never;
+    original?: never;
+    allCaps?: never;
+} & AnchorHTMLAttributes<'a'>;
+declare type TextLabelProps = {
+    variant: 'label';
+    weight?: 'regular' | 'demi';
+    size?: 'regular' | 'small';
+    underline?: never;
+    disabled?: boolean;
+    wide?: never;
+    original?: never;
+    allCaps?: never;
+} & LabelHTMLAttributes<'label'>;
+declare type TextTagProps = {
+    variant: 'tag';
+    size: 'regular' | 'small' | 'x-small';
+    weight?: 'regular' | 'demi' | 'bold';
+    underline?: never;
+    disabled?: boolean;
+    wide?: never;
+    original?: never;
+    allCaps?: boolean;
+};
+export declare type TextVariant = TextHeroProps['variant'] | TextDisplayProps['variant'] | TextHeadingProps['variant'] | TextBodyProps['variant'] | TextLinkProps['variant'] | TextButtonProps['variant'] | TextPricingProps['variant'] | TextLabelProps['variant'] | TextTagProps['variant'];
+export declare type TextWeight = 'heavy' | 'bold' | 'demi' | 'regular';
+export declare type TextProps = AriaAttributes & {
+    style?: CSSProperties;
+} & (TextHeroProps | TextDisplayProps | TextHeadingProps | TextBodyProps | TextLinkProps | TextButtonProps | TextPricingProps | TextLabelProps | TextTagProps);

package/build/dts/components/text/Text.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TextProps } from './Text';
+declare const _default: {
+    title: string;
+    component: React.FC<TextProps>;
+};
+export default _default;
+export declare const Hero: () => JSX.Element;
+export declare const Display: () => JSX.Element;
+export declare const Heading: () => JSX.Element;
+export declare const Body: () => JSX.Element;
+export declare const Link: () => JSX.Element;
+export declare const Button: () => JSX.Element;
+export declare const Pricing: () => JSX.Element;
+export declare const Label: () => JSX.Element;
+export declare const Tag: () => JSX.Element;

package/build/dts/components/text-button/TextButton.d.ts

@@ -0,0 +1,13 @@
+import { ComponentSize } from '../../types/enums';
+import { IconType } from '../icons';
+import { BaseButtonProps } from '../shared/button/BaseButton';
+declare type BaseProps = Pick<BaseButtonProps, 'disabled' | 'type' | 'onClick'>;
+export interface TextButtonProps extends BaseProps {
+    text: string;
+    LeadingIcon?: IconType;
+    TrailingIcon?: IconType;
+    iconColor?: string;
+    size?: ComponentSize;
+}
+declare const TextButton: ({ text, LeadingIcon, TrailingIcon, iconColor, disabled, type, size, onClick, }: TextButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TextButton;

package/build/dts/components/text-button/TextButton.stories.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { ComponentSize } from '../../types/enums';
+import { TextButtonProps } from './TextButton';
+declare const _default: {
+    title: string;
+    component: ({ text, LeadingIcon, TrailingIcon, iconColor, disabled, type, size, onClick, }: TextButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    argTypes: {
+        LeadingIcon: {
+            options: (string | undefined)[];
+            mapping: {
+                FlagUsa: ({ height, width, fill }: import("../..").IconProps) => JSX.Element;
+                CircleUp: ({ width, height, fill }: import("../..").IconProps) => JSX.Element;
+            };
+            control: {
+                type: string;
+            };
+        };
+        TrailingIcon: {
+            options: (string | undefined)[];
+            mapping: {
+                FlagUsa: ({ height, width, fill }: import("../..").IconProps) => JSX.Element;
+                CircleUp: ({ width, height, fill }: import("../..").IconProps) => JSX.Element;
+            };
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            options: boolean[];
+        };
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: ComponentSize[];
+            control: {
+                type: string;
+                labels: {
+                    1: string;
+                    2: string;
+                };
+            };
+        };
+        onClick: {
+            action: string;
+        };
+        iconColor: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const WithLeading: Story<TextButtonProps>;
+export declare const WithTrailing: Story<TextButtonProps>;

package/build/dts/components/text-button/TextButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/timer/Timer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface TimeProps {
+    hours: number;
+    minutes: number;
+    seconds: number;
+}
+export interface TimerProps extends TimeProps {
+    onTimeUp: () => void;
+}
+export declare const timeToSeconds: ({ hours, minutes, seconds }: TimeProps) => number;
+export declare const secondsToTime: (secs: number) => TimeProps;
+export declare const Timer: ({ onTimeUp, ...rest }: TimerProps) => JSX.Element;
+export {};

package/build/dts/components/timer/Timer.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { TimerProps } from './Timer';
+declare const _default: {
+    title: string;
+    component: ({ onTimeUp, ...rest }: TimerProps) => JSX.Element;
+};
+export default _default;
+export declare const BasicTimer: Story<TimerProps>;

package/build/dts/components/timer/Timer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/tooltip/Arrow.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IconProps } from '../../types/types';
+export interface TooltipArrowProps extends IconProps {
+    stroke: string;
+}
+export declare const TooltipArrow: ({ height, width, fill, stroke }: TooltipArrowProps) => JSX.Element;

package/build/dts/components/tooltip/Styled.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { ComponentPosition } from '../../types/enums';
+interface WrapperProps {
+    position: ComponentPosition;
+}
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface TooltipContainerProps {
+    position: ComponentPosition;
+    align: string;
+    childrenWidth: number;
+    tooltipHeight: number;
+}
+export declare const TooltipContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TooltipContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface ContentWrapperProps {
+    borderColor: string;
+}
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ContentWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface ArrowProps {
+    position: ComponentPosition;
+}
+export declare const TooltipArrowContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ArrowProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface TooltipTextProps {
+    color: string;
+}
+export declare const TooltipText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TooltipTextProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TopSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface TooltipTitleProps {
+    color: string;
+}
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TooltipTitleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/build/dts/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ComponentPosition } from '../../types/enums';
+import { IconType } from '../icons';
+export interface TooltipProps {
+    children: React.ReactNode;
+    position: ComponentPosition;
+    align?: 'start' | 'center' | 'end';
+    text: string;
+    header?: {
+        title: string;
+        Icon: IconType;
+    };
+    onClick?: () => void;
+}
+export declare const Tooltip: ({ children, position, text, align, onClick, header, }: TooltipProps) => JSX.Element;

package/build/dts/components/tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { TooltipProps } from './Tooltip';
+import { ComponentPosition } from '../../types/enums';
+declare const _default: {
+    title: string;
+    component: ({ children, position, text, align, onClick, header, }: TooltipProps) => JSX.Element;
+    argTypes: {
+        position: {
+            options: ComponentPosition[];
+            control: {
+                type: string;
+                labels: {
+                    0: string;
+                    1: string;
+                    2: string;
+                    3: string;
+                };
+            };
+        };
+        align: {
+            options: string[];
+            control: {
+                type: string;
+                labels: {
+                    0: string;
+                    1: string;
+                    2: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const BasicTooltip: Story<TooltipProps>;

package/build/dts/components/tooltip/Tooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/tooltip/utils.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPosition } from '../../types/enums';
+export declare const getWrapperFlexDirection: (position: ComponentPosition) => "row" | "column" | "column-reverse" | "row-reverse";
+export declare const getContainerFlexDirection: (position: ComponentPosition) => "row" | "column" | "column-reverse" | "row-reverse";
+export declare const getArrowRotation: (position: ComponentPosition) => "0deg" | "180deg" | "270deg" | "90deg";
+export declare const getArrowContainerPadding: (position: ComponentPosition) => "0 1.25rem" | "0 0 0.625rem 0";
+export declare const getArrowContainerMargin: (position: ComponentPosition) => "0" | "-1px 0 0 0" | "0 0 -1px 0";
+export declare const getTooltipAlignItems: (position: ComponentPosition, align: string) => string;

package/build/dts/components/totals/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Totals: {
+    Total: ({ total, currency, saving, highlightColor }: import("./total/Total").TotalProps) => JSX.Element;
+    Subtotal: ({ subtotal, shipping, taxes, coupon, highlightColor, }: import("./subtotal/Subtotal").SubtotalProps) => JSX.Element;
+};

package/build/dts/components/totals/subtotal/Subtotal.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+declare type SubtotalOption = {
+    label: string;
+    value: string;
+};
+declare type Coupon = {
+    code: string;
+    amount: string;
+};
+export interface SubtotalProps {
+    subtotal: SubtotalOption;
+    shipping: SubtotalOption;
+    taxes: SubtotalOption;
+    highlightColor?: string;
+    coupon?: {
+        couponText: string;
+        appliedText: string;
+        coupons: Coupon[];
+    };
+}
+export declare const Subtotal: ({ subtotal, shipping, taxes, coupon, highlightColor, }: SubtotalProps) => JSX.Element;
+export {};

package/build/dts/components/totals/subtotal/Subtotal.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { SubtotalProps } from './Subtotal';
+declare const _default: {
+    title: string;
+    component: ({ subtotal, shipping, taxes, coupon, highlightColor, }: SubtotalProps) => JSX.Element;
+};
+export default _default;
+export declare const BasicSubtotal: Story<SubtotalProps>;

package/build/dts/components/totals/subtotal/Subtotal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/components/totals/total/Total.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+export interface TotalProps {
+    total: string;
+    currency: string;
+    highlightColor?: string;
+    saving?: {
+        amount: string;
+        savingText: string;
+    };
+}
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface GrandTotalProps {
+    color: string;
+}
+export declare const GrandTotal: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & GrandTotalProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const Currency: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+interface ContainerProps {
+    highlightColor: string;
+}
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & ContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Discount: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const Total: ({ total, currency, saving, highlightColor }: TotalProps) => JSX.Element;
+export {};

package/build/dts/components/totals/total/Total.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { TotalProps } from './Total';
+declare const _default: {
+    title: string;
+    component: ({ total, currency, saving, highlightColor }: TotalProps) => JSX.Element;
+};
+export default _default;
+export declare const BasicTotal: Story<TotalProps>;

package/build/dts/components/totals/total/Total.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/dts/config/breakpoints.d.ts

@@ -0,0 +1,5 @@
+export declare const Breakpoints: {
+    desktop: number;
+    tablet: number;
+    phone: number;
+};