@trafilea/afrodita-components 4.4.0-beta.6 → 5.0.0-beta.1

package/build/index.d.ts

@@ -67,8 +67,11 @@ declare type Pattern = {
 };
 declare type ColorPickerOption = {
     label: string;
-    color?: Color;
-    pattern?: Pattern;
+    description: string;
+    meta: {
+        color?: Color;
+        pattern?: Pattern;
+    };
 };
 declare type RadioGroupOption = {
     value: string;
@@ -1008,6 +1011,12 @@ declare type ThemeComponent = {
     modal: {
         minWidth: string;
     };
+    packSelector: {
+        borderRadius: string;
+        borderColor: string;
+        highlight: string;
+        selected: string;
+    };
 };
 declare type ThemeTypography = {
     config: {
@@ -1602,6 +1611,7 @@ declare const useModalEvent: (id: string, cb: (event: CustomEvent<Events['modal'
 
 interface CloseButtonProps {
     onClick: () => void;
+    size: number;
 }
 
 interface DescriptionProps {
@@ -1621,7 +1631,7 @@ declare const CartProductItem: {
     Tag: ({ discountAppliedText, backgroundColor }: OfferBannerProps) => JSX.Element;
     Promo: ({ text }: PromoProps) => JSX.Element;
     Description: ({ text }: DescriptionProps) => JSX.Element;
-    CloseButton: ({ onClick }: CloseButtonProps) => JSX.Element;
+    CloseButton: ({ onClick, size }: CloseButtonProps) => JSX.Element;
 };
 
 declare type QuantityPickerPropsOnChange = (value: number) => void;
@@ -1646,6 +1656,25 @@ declare type SpacingProps = {
 };
 declare const Spacing: FC<SpacingProps>;
 
+interface PackOption {
+    label: string;
+    description: string;
+    meta: {
+        discountPercentage: number;
+        originalPrice: number;
+        price: number;
+        quantity: number;
+        icon: string;
+        tag?: string;
+    };
+}
+interface PackSelectorProps {
+    packs: PackOption[];
+    selectedValue: PackOption;
+    onChange: (size: PackOption) => void;
+}
+declare const PackSelector: FC<PackSelectorProps>;
+
 declare global {
     interface Events {
         modal: {
@@ -1685,4 +1714,4 @@ declare const formatPrice: (value: number, { locale, currency }?: {
     currency?: string | undefined;
 }) => string;
 
-export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, Image, ImageType, Input, InputValidationType, Modal, MultiColorPicker, OfferBanner, OrderBar, Overlay, Pagination, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Text, TextButton, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, Image, ImageType, Input, InputValidationType, Modal, MultiColorPicker, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Text, TextButton, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };