@trafilea/afrodita-components 4.0.0-beta.0 → 4.0.2-beta.0

package/build/dts/components/Demo.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: null;
+};
+export default _default;
+export declare const Demo: Story<{}>;

package/build/dts/components/accordion/styles.d.ts

@@ -1,16 +1,16 @@
 import { Theme } from 'src/core/theme/Theme';
 export declare const AccordionStyles: {
-    baseStyles: import("@emotion/react").SerializedStyles;
-    simple: (theme: Theme, disabled: boolean) => import("@emotion/react").SerializedStyles;
-    box: (theme: Theme, disabled: boolean) => import("@emotion/react").SerializedStyles;
+    baseStyles: import("@emotion/utils").SerializedStyles;
+    simple: (theme: Theme, disabled: boolean) => import("@emotion/utils").SerializedStyles;
+    box: (theme: Theme, disabled: boolean) => import("@emotion/utils").SerializedStyles;
 };
 export declare const AccordionSummaryStyles: {
-    baseStyles: import("@emotion/react").SerializedStyles;
-    simple: (theme: Theme, disabled: boolean) => import("@emotion/react").SerializedStyles;
-    box: (theme: Theme, disabled: boolean) => import("@emotion/react").SerializedStyles;
+    baseStyles: import("@emotion/utils").SerializedStyles;
+    simple: (theme: Theme, disabled: boolean) => import("@emotion/utils").SerializedStyles;
+    box: (theme: Theme, disabled: boolean) => import("@emotion/utils").SerializedStyles;
 };
 export declare const AccordionDetailsStyles: {
-    baseStyles: import("@emotion/react").SerializedStyles;
-    simple: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    box: (theme: Theme) => import("@emotion/react").SerializedStyles;
+    baseStyles: import("@emotion/utils").SerializedStyles;
+    simple: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    box: (theme: Theme) => import("@emotion/utils").SerializedStyles;
 };

package/build/dts/components/checkbox/styles.d.ts

@@ -1,9 +1,9 @@
 import { Theme } from 'src/core/theme/Theme';
 export declare const CustomCheckboxStyles: {
-    baseStyles: import("@emotion/react").SerializedStyles;
-    small: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    medium: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    large: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    primary: (theme: Theme, isChecked: boolean, disabled: boolean) => import("@emotion/react").SerializedStyles;
-    secondary: (theme: Theme, isChecked: boolean, disabled: boolean) => import("@emotion/react").SerializedStyles;
+    baseStyles: import("@emotion/utils").SerializedStyles;
+    small: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    medium: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    large: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    primary: (theme: Theme, isChecked: boolean, disabled: boolean) => import("@emotion/utils").SerializedStyles;
+    secondary: (theme: Theme, isChecked: boolean, disabled: boolean) => import("@emotion/utils").SerializedStyles;
 };

package/build/dts/components/color/ColorRadioGroup.d.ts

@@ -12,8 +12,9 @@ interface ColorPickerProps {
     value?: ColorPickerOption | Set<ColorPickerOption>;
     onChange: (selectedOption: ColorPickerOption) => void;
     children: ReactNode;
+    className?: string;
 }
-declare const _default: (({ value, onChange, children }: ColorPickerProps) => JSX.Element) & {
+declare const _default: (({ value, onChange, children, className }: ColorPickerProps) => JSX.Element) & {
     Label: ({ label, values }: LabelProps) => JSX.Element;
     Option: ({ value, children }: OptionProps) => JSX.Element;
     OptionsContainer: import("@emotion/styled").StyledComponent<{

package/build/dts/components/color/SingleColorPicker.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { ColorPickerOption } from '../../types/types';
 export interface ColorPickerProps {
     options: ColorPickerOption[];
     selectedValue?: ColorPickerOption;
     label: string;
     onChange: (color: ColorPickerOption) => void;
+    inline?: boolean;
 }
-declare const SingleColorPicker: ({ options, selectedValue, label, onChange }: ColorPickerProps) => JSX.Element;
+declare const SingleColorPicker: ({ options, selectedValue, label, onChange, inline, }: ColorPickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default SingleColorPicker;

package/build/dts/components/color/SingleColorPicker.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: ({ options, selectedValue, label, onChange }: import("./SingleColorPicker").ColorPickerProps) => JSX.Element;
+    component: ({ options, selectedValue, label, onChange, inline, }: import("./SingleColorPicker").ColorPickerProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 };
 export default _default;
 export declare const Default: () => JSX.Element;
-export declare const DefaultSelectedValue: () => JSX.Element;
+export declare const Inline: () => JSX.Element;
 export declare const OutOfStock: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-import { ThemeProvider, ThemeVariables, useTheme, useThemeAssets } from 'src/core/theme/Theme';
 import { Icon } from './icons';
 import { Card } from './shared/card';
 import { ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline } from './cta';
@@ -46,4 +45,4 @@ import { Pagination } from './pagination/Pagination';
 import Text from './text/Text';
 import { SearchBar } from './search-bar';
 import ProductGalleryMobile from './mobile/gallery/ProductGalleryMobile';
-export { ThemeProvider, ThemeVariables, useTheme, useThemeAssets, Icon, Card, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, SimpleDropdown, SizeSelector, SizeFitGuide, TextButton, DiscountTag, PriceLabel, SingleColorPicker, MultiColorPicker, ProductGallery, Rating, FitPredictor, ProgressBar, IconButton, Tooltip, Accordion, Checkbox, RadioGroupInput, Bundle, CategoryTag, SeasonOfferTag, Timer, Input, PaymentMethod, OfferBanner, Totals, DeliveryDetails, ScrollToTop, OrderBar, SizeTable, SimpleOrderItem, Review, SliderNavigation, DropdownListIcons, Image, AmazonButton, PaypalButton, CrossSell, Collection, StarList, Drawer, Spinner, FilteringTags, FilteringDropdown, Pagination, Text, SearchBar, ProductGalleryMobile, };
+export { Icon, Card, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, SimpleDropdown, SizeSelector, SizeFitGuide, TextButton, DiscountTag, PriceLabel, SingleColorPicker, MultiColorPicker, ProductGallery, Rating, FitPredictor, ProgressBar, IconButton, Tooltip, Accordion, Checkbox, RadioGroupInput, Bundle, CategoryTag, SeasonOfferTag, Timer, Input, PaymentMethod, OfferBanner, Totals, DeliveryDetails, ScrollToTop, OrderBar, SizeTable, SimpleOrderItem, Review, SliderNavigation, DropdownListIcons, Image, AmazonButton, PaypalButton, CrossSell, Collection, StarList, Drawer, Spinner, FilteringTags, FilteringDropdown, Pagination, Text, SearchBar, ProductGalleryMobile, };

package/build/dts/components/radio/input/styles.d.ts

@@ -1,13 +1,13 @@
 import { Theme } from 'src/core/theme/Theme';
 export declare const CustomRadioStyles: {
-    baseStyles: (theme: Theme, disabled: boolean) => import("@emotion/react").SerializedStyles;
-    small: (theme: Theme, active: boolean) => import("@emotion/react").SerializedStyles;
-    medium: (theme: Theme, active: boolean) => import("@emotion/react").SerializedStyles;
-    large: (theme: Theme, active: boolean) => import("@emotion/react").SerializedStyles;
+    baseStyles: (theme: Theme, disabled: boolean) => import("@emotion/utils").SerializedStyles;
+    small: (theme: Theme, active: boolean) => import("@emotion/utils").SerializedStyles;
+    medium: (theme: Theme, active: boolean) => import("@emotion/utils").SerializedStyles;
+    large: (theme: Theme, active: boolean) => import("@emotion/utils").SerializedStyles;
 };
 export declare const ContainerStyles: {
-    baseStyles: import("@emotion/react").SerializedStyles;
-    small: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    medium: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    large: (theme: Theme) => import("@emotion/react").SerializedStyles;
+    baseStyles: import("@emotion/utils").SerializedStyles;
+    small: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    medium: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    large: (theme: Theme) => import("@emotion/utils").SerializedStyles;
 };

package/build/dts/components/rating/starList/styles.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 export declare const StarStyles: {
-    baseStyles: () => import("@emotion/react").SerializedStyles;
-    xsmall: () => import("@emotion/react").SerializedStyles;
-    small: () => import("@emotion/react").SerializedStyles;
-    medium: () => import("@emotion/react").SerializedStyles;
-    large: () => import("@emotion/react").SerializedStyles;
+    baseStyles: () => import("@emotion/utils").SerializedStyles;
+    xsmall: () => import("@emotion/utils").SerializedStyles;
+    small: () => import("@emotion/utils").SerializedStyles;
+    medium: () => import("@emotion/utils").SerializedStyles;
+    large: () => import("@emotion/utils").SerializedStyles;
 };
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/build/dts/components/rating/styles.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { Theme } from 'src/core/theme/Theme';
 export declare const LabelStyles: {
-    baseStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    xsmall: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    small: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    medium: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    large: (theme: Theme) => import("@emotion/react").SerializedStyles;
+    baseStyles: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    xsmall: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    small: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    medium: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+    large: (theme: Theme) => import("@emotion/utils").SerializedStyles;
 };
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/build/dts/components/shared/label/styles.d.ts

@@ -1,7 +1,7 @@
 import { Theme } from 'src/core/theme/Theme';
-export declare const baseStyles: import("@emotion/react").SerializedStyles;
-export declare const regular: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const demi: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const small: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const medium: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const large: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const baseStyles: import("@emotion/utils").SerializedStyles;
+export declare const regular: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+export declare const demi: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+export declare const small: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+export declare const medium: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+export declare const large: (theme: Theme) => import("@emotion/utils").SerializedStyles;

package/build/dts/components/size/selector/SizeSelector.d.ts

@@ -1,8 +1,10 @@
 import { SizeOption } from '../../../types/types';
 export interface SizeSelectorProps {
+    label: string;
     sizes: SizeOption[];
     selectedValue: SizeOption;
     onChange: (size: SizeOption) => void;
+    inline?: boolean;
 }
-declare const SizeSelector: ({ sizes, selectedValue, onChange }: SizeSelectorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const SizeSelector: ({ label, sizes, selectedValue, onChange, inline, }: SizeSelectorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default SizeSelector;

package/build/dts/components/size/selector/SizeSelector.stories.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: ({ sizes, selectedValue, onChange }: import("./SizeSelector").SizeSelectorProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    component: ({ label, sizes, selectedValue, onChange, inline, }: import("./SizeSelector").SizeSelectorProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 };
 export default _default;
 export declare const Default: () => JSX.Element;
+export declare const Inline: () => JSX.Element;

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

@@ -23,7 +23,7 @@ declare type TextDisplayProps = {
 };
 declare type TextHeadingProps = {
     variant: 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
-    weight: 'bold' | 'demi' | 'regular';
+    weight?: 'bold' | 'demi' | 'regular';
     size?: 'regular';
     underline?: never;
     disabled?: never;

package/build/dts/core/theme/Theme.d.ts

@@ -5,7 +5,7 @@ export declare const ThemeProvider: FC<{
 }>;
 export declare const useTheme: () => Theme;
 export declare const ThemeVariables: FC<{
-    theme: any;
+    theme: Theme;
     Container?: ElementType;
 }>;
 export declare const AssetsProvider: FC<{

package/build/dts/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
+export * from './core/theme/Theme';
 export * from './types/enums';
 export * from './types/types';
 export * from './hooks';