@amboss/design-system 1.2.11 → 1.3.1

package/build/src/components/Collapsible/Collapsible.d.ts

@@ -1,20 +1,19 @@
 import React from "react";
+import { Box } from "../Box/Box";
 export declare type CollapsibleProps = {
-    /** always visible header */
-    header: string;
-    /** content visible after spreading the component */
-    children?: React.ReactElement | React.ReactNode[];
+    /** the first element of the array of children has to be  `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */
+    children: [
+        React.ReactElement<CollapsibleHeaderProps>,
+        ...React.ReactElement[]
+    ];
     isExpanded: boolean | undefined;
-    onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;
 };
-export declare const CollapsibleContainer: import("@emotion/styled").StyledComponent<{
-    /** always visible header */
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
-    /** always visible header */
+export declare type CollapsibleHeaderProps = {
+    onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;
+} & React.ComponentProps<typeof Box>;
+export declare const StyledChildrenContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType<any>;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare function Collapsible({ header, isExpanded, onClick, children, }: CollapsibleProps): React.ReactElement;
+export declare function CollapsibleHeader({ space, vSpace, rSpace, lSpace, tSpace, bSpace, onClick, children, }: CollapsibleHeaderProps): React.ReactElement;
+export declare function Collapsible({ isExpanded, children, }: CollapsibleProps): React.ReactElement;

package/build/src/index.d.ts

@@ -35,4 +35,4 @@ export { SegmentedProgressBar } from "./components/SegmentedProgressBar/Segmente
 export { ProgressBar } from "./components/ProgressBar/ProgressBar";
 export { Container } from "./components/Container/Container";
 export { PasswordInput } from "./components/Form/PasswordInput/PasswordInput";
-export { Collapsible } from "./components/Collapsible/Collapsible";
+export { Collapsible, CollapsibleHeader } from "./components/Collapsible/Collapsible";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.2.11",
+  "version": "1.3.1",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",