bonprix-design-system 0.40.0 → 0.41.0

package/dist/index.d.ts

@@ -9,10 +9,12 @@ import { RefObject } from 'react';
 import { SplideSlide } from '@splidejs/react-splide';
 import { default as tailwindConfig } from '../tailwind.config';
 
-export declare const Accordion: FC<AccordionProps> & Subcomponents;
+export declare const Accordion: FC<AccordionProps> & {
+    Item: typeof Collapsible;
+};
 
 export declare interface AccordionProps {
-    children: default_2.ReactNode;
+    children: ReactNode;
 }
 
 export declare const Alert: FC<AlertProps>;
@@ -35,38 +37,38 @@ declare interface Anchor {
     target?: "_blank" | "_self" | "_parent" | "_top";
 }
 
-declare interface AsButton extends BaseProps_2 {
+declare interface AsButton extends BaseProps {
     link?: false;
     disabled?: boolean;
     loading?: boolean;
 }
 
-declare interface AsButton_2 extends BaseProps_3 {
+declare interface AsButton_2 extends BaseProps_2 {
     link?: false;
     disabled?: boolean;
     loading?: boolean;
 }
 
-declare interface AsButton_3 extends BaseProps_4 {
+declare interface AsButton_3 extends BaseProps_3 {
     button: true;
     onClick: () => void;
 }
 
-declare interface AsLink extends BaseProps_2 {
+declare interface AsLink extends BaseProps {
     link: true;
     href: string;
     rel?: string;
     target?: "_blank" | "_self" | "_parent" | "_top";
 }
 
-declare interface AsLink_2 extends BaseProps_3 {
+declare interface AsLink_2 extends BaseProps_2 {
     link: true;
     href: string;
     rel?: string;
     target?: "_blank" | "_self" | "_parent" | "_top";
 }
 
-declare interface AsLink_3 extends BaseProps_4 {
+declare interface AsLink_3 extends BaseProps_3 {
     button?: false;
     onClick?: () => void;
     rel?: string;
@@ -76,8 +78,6 @@ declare interface AsLink_3 extends BaseProps_4 {
 
 export declare const Availability: FC<AvailabilityProps>;
 
-declare type Availability_2 = ImageAvailability | "currently-out-of-stock";
-
 export declare interface AvailabilityProps {
     delivery: "available" | "available-soon" | "sold-out";
     children: string;
@@ -85,18 +85,6 @@ export declare interface AvailabilityProps {
 }
 
 declare interface BaseProps {
-    title: string;
-    children: ReactNode;
-    disabled?: boolean;
-    initiallyOpened?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-    onInitialInView?: () => void;
-    rootRef?: RefObject<HTMLDivElement>;
-    id?: string;
-}
-
-declare interface BaseProps_2 {
     children: string;
     icon?: Icon_2;
     iconPosition?: "start" | "end";
@@ -108,7 +96,7 @@ declare interface BaseProps_2 {
     tabIndex?: number;
 }
 
-declare interface BaseProps_3 {
+declare interface BaseProps_2 {
     icon: Icon_2;
     label: string;
     loading?: boolean;
@@ -121,7 +109,7 @@ declare interface BaseProps_3 {
     type?: "button" | "submit" | "reset";
 }
 
-declare interface BaseProps_4 {
+declare interface BaseProps_3 {
     children: string;
     tabIndex?: number;
     showArrow?: boolean;
@@ -131,18 +119,23 @@ declare interface BaseProps_4 {
     srLabel?: string;
 }
 
-declare interface BaseProps_5 {
-    value: string;
-    label: string;
-    children: ReactNode;
-}
-
-declare interface BaseProps_6 {
-    children: string;
-    value?: string;
+declare interface BaseProps_4 {
+    label?: string;
+    placeholder?: string;
+    name?: string;
+    id?: string;
+    inputRef?: RefObject<HTMLTextAreaElement>;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    helperText?: string;
+    errorText?: string;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    maxLength?: number;
 }
 
-declare interface BaseProps_7 extends HTMLInputAttributes {
+declare interface BaseProps_5 extends HTMLInputAttributes {
     onFocus?: () => void;
     onBlur?: () => void;
     inputRef?: RefObject<HTMLInputElement>;
@@ -157,7 +150,7 @@ declare interface BaseProps_7 extends HTMLInputAttributes {
     describedBy?: string;
 }
 
-declare interface BaseProps_8 extends HTMLInputAttributes {
+declare interface BaseProps_6 extends HTMLInputAttributes {
     onFocus?: () => void;
     onBlur?: () => void;
     label?: string;
@@ -176,7 +169,7 @@ declare interface BaseProps_8 extends HTMLInputAttributes {
     maxLength?: number;
 }
 
-declare interface BaseProps_9 extends HTMLInputAttributes {
+declare interface BaseProps_7 extends HTMLInputAttributes {
     onSearch: () => void;
     onFocus?: () => void;
     onBlur?: () => void;
@@ -249,7 +242,7 @@ declare type ButtonVariantProps = FinalBaseProps & {
     type?: "button";
 };
 
-export declare const Carousel: FC<CarouselProps> & Subcomponents_2;
+export declare const Carousel: FC<CarouselProps> & Subcomponents;
 
 declare interface CarouselImage extends BasicProps {
     carousel: true;
@@ -275,7 +268,7 @@ export declare interface CarouselProps {
 
 export declare const Checkbox: FC<CheckboxProps>;
 
-export declare const CheckboxGroup: FC<CheckboxGroupProps> & Subcomponents_3;
+export declare const CheckboxGroup: FC<CheckboxGroupProps> & Subcomponents_2;
 
 declare interface CheckboxGroupItemPropsExternal extends Omit<Props, "onChange" | "onBlur" | "rootRef" | "name" | "checked"> {
     name?: string;
@@ -294,7 +287,17 @@ export declare interface CheckboxProps extends Props {
 
 export declare const Collapsible: FC<CollapsibleProps>;
 
-export declare type CollapsibleProps = DefaultProps | RateProps | SustainableProps;
+export declare interface CollapsibleProps {
+    title: ReactNode;
+    children: ReactNode;
+    disabled?: boolean;
+    initiallyOpened?: boolean;
+    rootRef?: RefObject<HTMLDivElement | null>;
+    id?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onInitialInView?: () => void;
+}
 
 declare type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 
@@ -318,29 +321,31 @@ declare const Content_2: FC<{
     children: ReactNode;
 }>;
 
-declare type ControlledInputProps = BaseProps_7 & {
+declare type ControlledInputProps = BaseProps_5 & {
     value: string;
     defaultValue?: never;
     onChange: (value: string) => void;
 };
 
-declare interface ControlledInputProps_2 extends BaseProps_8 {
+declare interface ControlledInputProps_2 extends BaseProps_6 {
     value: string;
     defaultValue?: never;
     onChange: (value: string) => void;
 }
 
-declare interface ControlledInputProps_3 extends BaseProps_9 {
+declare interface ControlledInputProps_3 extends BaseProps_7 {
     value: string;
     defaultValue?: never;
     onChange: (value: string) => void;
 }
 
-declare interface DefaultProps extends BaseProps {
-    type?: "default";
+declare interface ControlledProps extends BaseProps_4 {
+    value: string;
+    defaultValue?: never;
+    onChange: (value: string) => void;
 }
 
-export declare const Dialog: FC<DialogProps> & Subcomponents_4;
+export declare const Dialog: FC<DialogProps> & Subcomponents_3;
 
 export declare interface DialogProps {
     isOpen: boolean;
@@ -411,21 +416,8 @@ export declare interface IconProps {
 declare const Image_2: FC<ImageProps>;
 export { Image_2 as Image }
 
-declare type ImageAvailability = "available" | "out-of-stock";
-
 export declare type ImageProps = RegularImage | CarouselImage;
 
-declare interface ImageVariantProps extends BaseProps_5 {
-    variant: "image";
-    imageWidth: number;
-    imageHeight: number;
-    onChange: (value: string, availability: ImageAvailability) => void;
-}
-
-declare interface ImageVariantProps_2 extends BaseProps_6, Omit<ImageProps, "width" | "height"> {
-    availability?: ImageAvailability;
-}
-
 declare const levels: readonly ["success", "info", "warning", "error"];
 
 export declare const Link: FC<LinkProps>;
@@ -437,7 +429,7 @@ declare interface LinkLogo extends CommonProps, Anchor {
 
 export declare type LinkProps = AsButton_3 | AsLink_3;
 
-export declare const List: FC<ListProps> & Subcomponents_5;
+export declare const List: FC<ListProps> & Subcomponents_4;
 
 declare const ListItem: FC<Props_5>;
 
@@ -514,10 +506,8 @@ declare interface Props {
 }
 
 declare interface Props_10 {
-    label: string;
-    subLabel?: string;
-    onClick?: () => void;
-    icon?: ReactNode;
+    value: string;
+    children: ReactNode;
 }
 
 declare interface Props_2 {
@@ -559,14 +549,19 @@ declare interface Props_7 {
     hidden?: boolean;
 }
 
-declare type Props_8 = ImageVariantProps_2 | TextVariantProps_2;
-
-declare interface Props_9 {
+declare interface Props_8 {
     children: string;
     href?: string;
 }
 
-export declare const RadioGroup: FC<RadioGroupProps> & Subcomponents_6;
+declare interface Props_9 {
+    value: string;
+    label: string;
+    subLabel?: string;
+    icon?: ReactNode;
+}
+
+export declare const RadioGroup: FC<RadioGroupProps> & Subcomponents_5;
 
 declare const RadioGroupItem: FC<Props_6>;
 
@@ -575,12 +570,6 @@ export declare interface RadioGroupProps extends Omit<Props_2, "error" | "errorT
     onChange: (value: string) => void;
 }
 
-declare interface RateProps extends BaseProps {
-    type?: "rating";
-    rating: number;
-    ratingQuantity: number;
-}
-
 export declare const Rating: FC<RatingProps>;
 
 export declare interface RatingProps {
@@ -618,14 +607,7 @@ export declare type SearchFieldProps = ControlledInputProps_3 | UncontrolledInpu
 
 declare const SecondaryButton: FC<Props_4>;
 
-export declare const Select: FC<SelectProps> & Subcomponents_7;
-
-declare const Selection_2: FC<SelectionProps> & Subcomponents_8;
-export { Selection_2 as Selection }
-
-declare const SelectionItem: FC<Props_8>;
-
-export declare type SelectionProps = ImageVariantProps | TextVariantProps;
+export declare const Select: FC<SelectProps> & Subcomponents_6;
 
 declare const SelectItem: FC<Props_7>;
 
@@ -644,7 +626,7 @@ export declare interface SelectProps {
 
 declare type SeverityLevel = (typeof levels)[number];
 
-export declare const SideSheet: FC<SideSheetProps> & Subcomponents_9;
+export declare const SideSheet: FC<SideSheetProps> & Subcomponents_7;
 
 export declare interface SideSheetProps {
     children: ReactNode;
@@ -670,7 +652,7 @@ declare interface SpinnerProps {
     edgeLength?: string;
 }
 
-export declare const StepNavi: FC<StepNaviProps> & Subcomponents_10;
+export declare const StepNavi: FC<StepNaviProps> & Subcomponents_8;
 
 export declare interface StepNaviProps {
     children: default_2.ReactNode;
@@ -679,70 +661,56 @@ export declare interface StepNaviProps {
     ariaLabel?: string;
 }
 
-declare const StepNaviStep: FC<Props_9>;
+declare const StepNaviStep: FC<Props_8>;
 
 declare interface Subcomponents {
-    Item: typeof Collapsible;
-}
-
-declare interface Subcomponents_10 {
-    Step: typeof StepNaviStep;
-}
-
-declare interface Subcomponents_11 {
-    Item: typeof TabItem;
-}
-
-declare interface Subcomponents_2 {
     Slide: typeof SplideSlide;
 }
 
-declare interface Subcomponents_3 {
+declare interface Subcomponents_2 {
     Item: FC<CheckboxGroupItemPropsExternal>;
 }
 
-declare interface Subcomponents_4 {
+declare interface Subcomponents_3 {
     Title: typeof Title;
     Content: typeof Content;
     PrimaryButton: typeof PrimaryButton;
     SecondaryButton: typeof SecondaryButton;
 }
 
-declare interface Subcomponents_5 {
+declare interface Subcomponents_4 {
     Item: typeof ListItem;
 }
 
-declare interface Subcomponents_6 {
+declare interface Subcomponents_5 {
     Item: typeof RadioGroupItem;
 }
 
-declare interface Subcomponents_7 {
+declare interface Subcomponents_6 {
     Item: typeof SelectItem;
 }
 
-declare interface Subcomponents_8 {
-    Item: typeof SelectionItem;
-}
-
-declare interface Subcomponents_9 {
+declare interface Subcomponents_7 {
     Title: typeof Title_2;
     Content: typeof Content_2;
     PrimaryButton: typeof PrimaryButton;
     SecondaryButton: typeof SecondaryButton;
 }
 
+declare interface Subcomponents_8 {
+    Step: typeof StepNaviStep;
+}
+
+declare interface Subcomponents_9 {
+    Item: typeof TabItem;
+    Content: typeof TabContent;
+}
+
 declare type SubmitResetVariantProps = FinalBaseProps & {
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
     type?: "submit" | "reset";
 };
 
-declare type SustainableFeature = "animal-welfare" | "organic-materials" | "production" | "recyclable-design" | "recycling" | "resource" | "social-initiatives";
-
-declare interface SustainableProps extends BaseProps {
-    type?: "sustainable";
-    features: SustainableFeature[];
-}
-
 export declare const Switch: FC<SwitchProps>;
 
 export declare interface SwitchProps {
@@ -753,13 +721,16 @@ export declare interface SwitchProps {
     disabled?: boolean;
 }
 
-declare const TabItem: FC<Props_10>;
+declare const TabContent: FC<Props_10>;
 
-export declare const Tabs: default_2.FC<TabsProps> & Subcomponents_11;
+declare const TabItem: FC<Props_9>;
+
+export declare const Tabs: default_2.FC<TabsProps> & Subcomponents_9;
 
 export declare interface TabsProps {
     children: ReactNode;
-    activeTab?: number;
+    activeTab: string;
+    onChange: (value: string) => void;
 }
 
 export { tailwindConfig }
@@ -781,33 +752,19 @@ export declare interface TertiaryButtonProps {
 
 export declare const Textarea: FC<TextareaProps>;
 
-export declare interface TextareaProps {
-    onChange: (value: string) => void;
-    value?: string;
-    label?: string;
-    placeholder?: string;
-    name?: string;
-    id?: string;
-    helperText?: string;
-    errorText?: string;
-    disabled?: boolean;
-    required?: boolean;
-    error?: boolean;
-    maxLength?: number;
-}
+export declare type TextareaProps = ControlledProps | UncontrolledProps;
 
 export declare const TextField: FC<TextFieldProps>;
 
 export declare type TextFieldProps = ControlledInputProps_2 | UncontrolledInputProps_2;
 
-declare interface TextVariantProps extends BaseProps_5 {
-    variant: "text";
-    placeholder: string;
-    onChange: (value: string, availability: Availability_2) => void;
-}
+export declare const ThemeForcer: FC<ThemeForcerProps>;
 
-declare interface TextVariantProps_2 extends BaseProps_6 {
-    availability?: Availability_2;
+export declare interface ThemeForcerProps {
+    children?: ReactNode;
+    theme: "light" | "dark";
+    className?: string;
+    inline?: boolean;
 }
 
 declare const Title: FC<{
@@ -859,19 +816,25 @@ declare type TypographyVariant = (typeof typographyVariants)[number];
 
 declare const typographyVariants: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "bonprix-h1", "bonprix-h2", "bonprix-h3", "bonprix-h4", "bonprix-h5", "bonprix-h6", "body1", "body1-bold", "body2", "body2-bold", "subtitle1", "subtitle2", "caption", "overline"];
 
-declare type UncontrolledInputProps = BaseProps_7 & {
+declare type UncontrolledInputProps = BaseProps_5 & {
     value?: never;
     defaultValue: string;
     onChange?: (value: string) => void;
 };
 
-declare interface UncontrolledInputProps_2 extends BaseProps_8 {
+declare interface UncontrolledInputProps_2 extends BaseProps_6 {
+    value?: never;
+    defaultValue: string;
+    onChange?: (value: string) => void;
+}
+
+declare interface UncontrolledInputProps_3 extends BaseProps_7 {
     value?: never;
     defaultValue: string;
     onChange?: (value: string) => void;
 }
 
-declare interface UncontrolledInputProps_3 extends BaseProps_9 {
+declare interface UncontrolledProps extends BaseProps_4 {
     value?: never;
     defaultValue: string;
     onChange?: (value: string) => void;