bonprix-design-system 0.54.0 → 0.54.2

package/dist/index.d.ts

@@ -380,7 +380,7 @@ export declare const Button: FC<ButtonProps>;
 
 export declare type ButtonProps = AsLink_2 | SubmitResetVariantProps | ButtonVariantProps;
 
-declare const ButtonSection: FC<ButtonSectionProps>;
+declare const ButtonSection: ({ children }: ButtonSectionProps) => default_2.JSX.Element;
 
 declare interface ButtonSectionProps {
     /** Primary and secondary buttons should be placed inside this section. */
@@ -545,15 +545,21 @@ export declare interface ContainerProps {
     disableFullScreen?: boolean;
 }
 
-declare const Content: FC<{
-    children: ReactNode;
-}>;
+declare const Content: ({ children }: ContentProps) => default_2.JSX.Element;
+
+declare const Content_2: FC<ContentProps_2>;
+
+declare const Content_3: ({ children }: Props_9) => default_2.JSX.Element;
 
-declare const Content_2: FC<{
+declare interface ContentProps {
+    /** The content of the content section. */
     children: ReactNode;
-}>;
+}
 
-declare const Content_3: FC<Props_9>;
+declare interface ContentProps_2 {
+    /** The content to display in the dialog */
+    children: ReactNode;
+}
 
 declare interface ControlGroupProps {
     /** Here, the RadioGroup.Item subcomponents should be placed. */
@@ -700,7 +706,7 @@ export declare interface GridProps {
     disableGutters?: boolean;
 }
 
-declare const Header: FC<HeaderProps>;
+declare const Header: ({ children, level }: HeaderProps) => default_2.JSX.Element;
 
 declare interface HeaderProps {
     /** The content of the header. */
@@ -866,7 +872,7 @@ export declare const Price: FC<PriceProps>;
 
 export declare type PriceProps = RegularProps | SaleProps | BestProps | TopDealProps | NoPriceProps;
 
-declare const PrimaryButton: FC<PrimaryButtonProps>;
+declare const PrimaryButton: ({ children, onClick, type, form }: PrimaryButtonProps) => default_2.JSX.Element;
 
 declare const PrimaryButton_2: FC<Props_2>;
 
@@ -909,10 +915,12 @@ declare interface Props_12 {
 }
 
 declare interface Props_2 {
+    /** The content to display in the button */
     children: ReactElement<ButtonProps>;
 }
 
 declare interface Props_3 {
+    /** The content to display in the button */
     children: ReactElement<ButtonProps>;
 }
 
@@ -950,6 +958,7 @@ declare interface Props_6 {
 }
 
 declare interface Props_7 {
+    /** The content to display in the list item */
     children: ReactNode;
 }
 
@@ -1032,7 +1041,7 @@ export declare const SearchField: FC<SearchFieldProps>;
 
 export declare type SearchFieldProps = ControlledInputProps_6 | UncontrolledInputProps_6;
 
-declare const SecondaryButton: FC<SecondaryButtonProps>;
+declare const SecondaryButton: ({ children }: SecondaryButtonProps) => default_2.JSX.Element;
 
 declare const SecondaryButton_2: FC<Props_3>;
 
@@ -1110,14 +1119,18 @@ export declare interface SideSheetProps {
 declare const Slide: FC<SlideProps>;
 
 declare interface SlideProps {
+    /** The content of the slide item. */
     children: ReactNode;
+    /** An optional label of the slide item. */
     "aria-label"?: string;
+    /** An optional id of a DOM element that labels the slide item. */
     "aria-labelledby"?: string;
 }
 
 declare const Slides: FC<SlidesProps>;
 
 declare interface SlidesProps {
+    /** The content of the slides section. This is where `<CarouselV2.Slide>` items go. */
     children: ReactNode;
 }
 
@@ -1155,9 +1168,9 @@ export declare interface StepNaviProps {
 declare const StepNaviStep: FC<Props_10>;
 
 declare interface SubComponents {
+    Slides: typeof Slides;
     Slide: typeof Slide;
     PositionIndicator: typeof PositionIndicator;
-    Slides: typeof Slides;
 }
 
 declare interface Subcomponents {
@@ -1387,7 +1400,6 @@ export declare const tailwindConfig: {
             clr: {
                 black: string;
                 white: string;
-                "bg-modal": string;
                 "primary-transparent": string;
                 "on-bg-high-transparent": string;
                 primary: string;
@@ -1409,6 +1421,7 @@ export declare const tailwindConfig: {
                     info: string;
                     disabled: string;
                     "disabled-inverse": string;
+                    modal: string;
                 };
                 "on-bg": {
                     high: string;
@@ -1499,11 +1512,14 @@ export declare interface ThemeForcerProps {
     inline?: boolean;
 }
 
-declare const Title: FC<{
-    children: string;
-}>;
+declare const Title: FC<TitleProps>;
 
-declare const Title_2: FC<Props_8>;
+declare const Title_2: ({ children }: Props_8) => string;
+
+declare interface TitleProps {
+    /** The title to display in the dialog */
+    children: string;
+}
 
 export declare const Tooltip: FC<TooltipProps>;