bonprix-design-system 0.62.1 → 0.62.3

package/dist/index.d.ts

@@ -2,6 +2,8 @@ import { default as Availability } from '@bonprix-ds/react-availability';
 import { AvailabilityProps } from '@bonprix-ds/react-availability';
 import { default as BenefitTag } from '@bonprix-ds/react-benefit-tag';
 import { BenefitTagProps } from '@bonprix-ds/react-benefit-tag';
+import { default as Container } from '@bonprix-ds/react-container';
+import { ContainerProps } from '@bonprix-ds/react-container';
 import { default as default_2 } from 'react';
 import { ElementType } from 'react';
 import { FC } from 'react';
@@ -549,14 +551,9 @@ declare interface CommonProps {
     className?: string;
 }
 
-export declare const Container: FC<ContainerProps>;
+export { Container }
 
-export declare interface ContainerProps {
-    /** The content to be displayed within the container. */
-    children: ReactNode;
-    /** If set to `true`, the container will stop to grow at a total width of 1600px. */
-    disableFullScreen?: boolean;
-}
+export { ContainerProps }
 
 declare const Content: ({ children, disableHorizontalPadding }: SheetContentProps) => default_2.JSX.Element;
 
@@ -1470,11 +1467,11 @@ export declare const tailwindConfig: {
             0.75: string;
             1.25: string;
             1.5: string;
+            11.5: string;
+            17.5: string;
             2.5: string;
             3.5: string;
             6.5: string;
-            11.5: string;
-            17.5: string;
         };
         extend: {
             fontFamily: {
@@ -1561,60 +1558,52 @@ export declare const tailwindConfig: {
                 white: string;
                 "primary-transparent": string;
                 "on-bg-high-transparent": string;
+                "bg-alert": string;
+                "bg-alert-inverse": string;
+                "bg-disabled": string;
+                "bg-disabled-inverse": string;
+                "bg-error": string;
+                "bg-error-inverse": string;
+                "bg-info": string;
+                "bg-info-inverse": string;
+                "bg-main": string;
+                "bg-main-inverse": string;
+                "bg-main-light": string;
+                "bg-main-light-inverse": string;
+                "bg-modal": string;
+                "bg-success": string;
+                "bg-success-inverse": string;
+                disabled: string;
+                "disabled-inverse": string;
+                "fg-alert": string;
+                "fg-alert-inverse": string;
+                "fg-error": string;
+                "fg-error-inverse": string;
+                "fg-info": string;
+                "fg-info-inverse": string;
+                "fg-success": string;
+                "fg-success-inverse": string;
+                "on-bg-high": string;
+                "on-bg-high-inverse": string;
+                "on-bg-low": string;
+                "on-bg-low-inverse": string;
+                "on-bg-mid": string;
+                "on-bg-mid-inverse": string;
+                "on-primary-high": string;
+                "on-primary-high-inverse": string;
+                "on-primary-mid": string;
+                "on-primary-mid-inverse": string;
+                "on-sale": string;
+                "on-sale-inverse": string;
+                "on-voucher": string;
+                "on-voucher-inverse": string;
                 primary: string;
                 "primary-inverse": string;
-                "on-primary": {
-                    high: string;
-                    "high-inverse": string;
-                    mid: string;
-                    "mid-inverse": string;
-                };
-                bg: {
-                    main: string;
-                    "main-inverse": string;
-                    "main-light": string;
-                    "main-light-inverse": string;
-                    error: string;
-                    "error-inverse": string;
-                    alert: string;
-                    "alert-inverse": string;
-                    success: string;
-                    "success-inverse": string;
-                    info: string;
-                    "info-inverse": string;
-                    disabled: string;
-                    "disabled-inverse": string;
-                    modal: string;
-                };
-                "on-bg": {
-                    high: string;
-                    "high-inverse": string;
-                    mid: string;
-                    "mid-inverse": string;
-                    low: string;
-                    "low-inverse": string;
-                };
-                fg: {
-                    error: string;
-                    "error-inverse": string;
-                    alert: string;
-                    "alert-inverse": string;
-                    success: string;
-                    "success-inverse": string;
-                    info: string;
-                    "info-inverse": string;
-                };
                 sale: string;
                 "sale-inverse": string;
-                "on-sale": string;
-                "on-sale-inverse": string;
-                disabled: string;
-                "disabled-inverse": string;
                 sustainable: string;
                 voucher: string;
                 "voucher-inverse": string;
-                "on-voucher": string;
-                "on-voucher-inverse": string;
             };
         };
     };
@@ -1819,6 +1808,112 @@ declare global {
     }
 }
 
+declare namespace _default {
+    let color: {
+        "bg-alert": string;
+        "bg-alert-inverse": string;
+        "bg-disabled": string;
+        "bg-disabled-inverse": string;
+        "bg-error": string;
+        "bg-error-inverse": string;
+        "bg-info": string;
+        "bg-info-inverse": string;
+        "bg-main": string;
+        "bg-main-inverse": string;
+        "bg-main-light": string;
+        "bg-main-light-inverse": string;
+        "bg-modal": string;
+        "bg-success": string;
+        "bg-success-inverse": string;
+        disabled: string;
+        "disabled-inverse": string;
+        "fg-alert": string;
+        "fg-alert-inverse": string;
+        "fg-error": string;
+        "fg-error-inverse": string;
+        "fg-info": string;
+        "fg-info-inverse": string;
+        "fg-success": string;
+        "fg-success-inverse": string;
+        "on-bg-high": string;
+        "on-bg-high-inverse": string;
+        "on-bg-low": string;
+        "on-bg-low-inverse": string;
+        "on-bg-mid": string;
+        "on-bg-mid-inverse": string;
+        "on-primary-high": string;
+        "on-primary-high-inverse": string;
+        "on-primary-mid": string;
+        "on-primary-mid-inverse": string;
+        "on-sale": string;
+        "on-sale-inverse": string;
+        "on-voucher": string;
+        "on-voucher-inverse": string;
+        primary: string;
+        "primary-inverse": string;
+        sale: string;
+        "sale-inverse": string;
+        sustainable: string;
+        voucher: string;
+        "voucher-inverse": string;
+    };
+    let radius: {
+        0.5: string;
+    };
+    namespace size {
+        let container: {
+            "horizontal-padding": string;
+        };
+    }
+    let spacing: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        35: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        50: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        75: string;
+        80: string;
+        96: string;
+        100: string;
+        150: string;
+        0.25: string;
+        0.5: string;
+        0.75: string;
+        1.25: string;
+        1.5: string;
+        11.5: string;
+        17.5: string;
+        2.5: string;
+        3.5: string;
+        6.5: string;
+    };
+}
+
 declare namespace _default {
     let plugins: {
         "postcss-import": {};