ui-beyable 1.0.43 → 1.0.44-beta.1

package/lib/esm/components/Article/Article.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-import { IArticle } from './types';
+import { IArticle, IArticleFoldable } from './types';
 declare function Article({ children, title, prependMessage, hasMask, hasMargin, hasPadding, hasShadow, size, innerSize, titleSize, titleClassName, className, fullHeight, style, color }: IArticle): JSX.Element;
-export { Article };
+declare function ArticleFoldable({ children, hasMask, hasPadding, hasShadow, innerSize, titleSize, className, fullHeight, style, color, isOpen }: IArticleFoldable): JSX.Element;
+export { Article, ArticleFoldable };

package/lib/esm/components/Article/types.d.ts

@@ -16,4 +16,17 @@ interface IArticle {
     style?: React.CSSProperties;
     color?: 'white' | 'grey';
 }
-export { IArticle };
+interface IArticleFoldable {
+    children: React.ReactNode;
+    hasMask?: boolean;
+    hasPadding?: boolean;
+    innerSize?: string;
+    titleSize?: 'm' | 's' | 'xs';
+    className?: string;
+    fullHeight?: boolean;
+    hasShadow?: boolean;
+    style?: React.CSSProperties;
+    color?: 'white' | 'grey';
+    isOpen: boolean;
+}
+export { IArticle, IArticleFoldable };

package/lib/esm/index.d.ts

@@ -1,5 +1,5 @@
 import { AppRoot, AppHeader, AppLinkWrapper, AppLogo } from './components/App/App';
-import { Article } from './components/Article/Article';
+import { Article, ArticleFoldable } from './components/Article/Article';
 import { Btn, BtnGroup } from './components/Btn/Btn';
 import { Checkbox, Radio, Switch, CheckboxList } from './components/Checkbox/Checkbox';
 import Collapse from './components/Collapse/Collapse';
@@ -23,5 +23,5 @@ import { Spinner } from './components/Spinner/Spinner';
 import { TabBar, TabItem } from './components/Tabs/Tabs';
 import { Textfield, TextfieldIcon, SearchBar } from './components/Textfield/Textfield';
 declare const Theme: any;
-export { Theme, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Article, Btn, BtnGroup, Checkbox, CheckboxList, Collapse, // Not OK
+export { Theme, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Article, ArticleFoldable, Btn, BtnGroup, Checkbox, CheckboxList, Collapse, // Not OK
 Confirm, Dropdown, DropdownSection, EmptyState, Fieldset, IconBtn, KpiList, KpiItem, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, PanelSection, Picto, Portal, Radio, SearchBar, Section, Select, Spinner, Switch, TabBar, TabItem, Textfield, TextfieldIcon };

package/lib/esm/index.js

@@ -70,8 +70,8 @@ function AppLogo(_a) {
             React.createElement("div", { className: styles$i.logo_overlay_link }, overlayLink)));
 }
 
-var css_248z$r = ".Article-module_outer_has_margin__HlvbM{margin-bottom:24px}.Article-module_outer_has_margin__HlvbM:not(:first-child){margin-top:24px}.Article-module_outer_has_margin__HlvbM.Article-module_outer_size_s__CO57n{margin-bottom:10px}.Article-module_outer_has_margin__HlvbM.Article-module_outer_size_s__CO57n:not(:first-child){margin-top:10px}.Article-module_outer_has_mask__Xuwnp{opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Article-module_outer_no_margin__s5RBr{margin-bottom:0;margin-top:0}.Article-module_title__4lPvS{font-weight:500;line-height:1.2}.Article-module_title_size_xs__2OIij{font-size:15px;margin-bottom:8px}.Article-module_title_size_s__yMNhS{font-size:16px;margin-bottom:8px}.Article-module_title_size_m__ETQcp{font-size:17px;margin-bottom:8px}.Article-module_prepend_message__XB563{margin-bottom:8px}.Article-module_inner__N5eTJ{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px;position:relative}.Article-module_inner_background_grey__oxiM0{background-color:var(--main-bg-color)}.Article-module_inner_has_shadow__oKh2M{box-shadow:0 2px 4px rgba(0,0,0,.04)}.Article-module_inner__N5eTJ:after,.Article-module_inner__N5eTJ:before{content:\"\";display:block}.Article-module_inner_no_padding__Dn9l7{padding:0}.Article-module_inner_no_padding__Dn9l7:after,.Article-module_inner_no_padding__Dn9l7:before{margin-top:0}.Article-module_inner_size_xs__vR6lK{padding:0 4px}.Article-module_inner_size_xs__vR6lK:after,.Article-module_inner_size_xs__vR6lK:before{margin-top:4px}.Article-module_inner_size_s__yT1WQ{padding:0 12px}.Article-module_inner_size_s__yT1WQ:after,.Article-module_inner_size_s__yT1WQ:before{margin-top:12px}.Article-module_inner_size_m__6xV8V{padding:0 16px}.Article-module_inner_size_m__6xV8V:after,.Article-module_inner_size_m__6xV8V:before{margin-top:16px}.Article-module_inner_size_l__Qj98F{padding:0 22px}.Article-module_inner_size_l__Qj98F:after,.Article-module_inner_size_l__Qj98F:before{margin-top:22px}.Article-module_inner_size_xl__og-zB{padding:0 28px}.Article-module_inner_size_xl__og-zB:after,.Article-module_inner_size_xl__og-zB:before{margin-top:28px}.Article-module_outer_full_height__1bfVe{display:flex;flex-direction:column;height:100%}.Article-module_outer_full_height__1bfVe .Article-module_title__4lPvS{flex:0 0 auto}.Article-module_outer_full_height__1bfVe .Article-module_inner__N5eTJ{flex:1 1 auto;position:relative}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSx3Q0FDSSxrQkFDSixDQUNBLDBEQUNJLGVBQ0osQ0FDQSwyRUFDSSxrQkFDSixDQUNBLDZGQUNJLGVBQ0osQ0FDQSxzQ0FHSSxVQUFXLENBRlgsbUJBQW9CLENBQ3BCLHdCQUFpQixDQUFqQixxQkFBaUIsQ0FBakIsZ0JBRUosQ0FDQSx1Q0FFSSxlQUFnQixDQURoQixZQUVKLENBR0EsNkJBQ0ksZUFBZ0IsQ0FDaEIsZUFDSixDQUNBLHFDQUNDLGNBQWUsQ0FDWixpQkFDSixDQUNBLG9DQUNDLGNBQWUsQ0FDWixpQkFDSixDQUNBLG9DQUNDLGNBQWUsQ0FDZixpQkFDRCxDQUdBLHVDQUNJLGlCQUNKLENBR0EsNkJBQ0ksdUJBQXdCLENBQ3hCLHlDQUEwQyxDQUMxQyxpQkFBa0IsQ0FDbEIsaUJBQ0osQ0FDQSw2Q0FDSSxxQ0FDSixDQUNBLHdDQUNJLG9DQUNKLENBQ0EsdUVBRUMsVUFBVyxDQUNYLGFBQ0QsQ0FFQSx3Q0FDQyxTQUNELENBQ0EsNkZBRUksWUFDSixDQUVBLHFDQUNDLGFBQ0QsQ0FDQSx1RkFFSSxjQUNKLENBRUEsb0NBQ0MsY0FDRCxDQUNBLHFGQUVJLGVBQ0osQ0FFQSxvQ0FDQyxjQUNELENBQ0EscUZBRUksZUFDSixDQUVBLG9DQUNDLGNBQ0QsQ0FDQSxxRkFFSSxlQUNKLENBRUEscUNBQ0ksY0FDSixDQUNBLHVGQUVJLGVBQ0osQ0FHQSx5Q0FDSSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLFdBQ0osQ0FDQSxzRUFDSSxhQUNKLENBQ0Esc0VBQ0ksYUFBYyxDQUNkLGlCQUNKIiwiZmlsZSI6IkFydGljbGUubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIE91dGVyICovXHJcbi5vdXRlciB7fVxyXG4ub3V0ZXJfc2l6ZV9tIHt9XHJcbi5vdXRlcl9zaXplX3Mge31cclxuLm91dGVyX2hhc19tYXJnaW4ge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjRweDtcclxufVxyXG4ub3V0ZXJfaGFzX21hcmdpbjpub3QoOmZpcnN0LWNoaWxkKSB7XHJcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xyXG59XHJcbi5vdXRlcl9oYXNfbWFyZ2luLm91dGVyX3NpemVfcyB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xyXG59XHJcbi5vdXRlcl9oYXNfbWFyZ2luLm91dGVyX3NpemVfczpub3QoOmZpcnN0LWNoaWxkKSB7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG59XHJcbi5vdXRlcl9oYXNfbWFzayB7XHJcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcclxuICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgb3BhY2l0eTogLjU7XHJcbn1cclxuLm91dGVyX25vX21hcmdpbiB7XHJcbiAgICBtYXJnaW4tdG9wOiAwO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxufVxyXG5cclxuLyogVGl0bGUgKi9cclxuLnRpdGxlIHtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBsaW5lLWhlaWdodDogMS4yO1xyXG59XHJcbi50aXRsZV9zaXplX3hzIHtcclxuXHRmb250LXNpemU6IDE1cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiA4cHg7XHJcbn1cclxuLnRpdGxlX3NpemVfcyB7XHJcblx0Zm9udC1zaXplOiAxNnB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogOHB4O1xyXG59XHJcbi50aXRsZV9zaXplX20ge1xyXG5cdGZvbnQtc2l6ZTogMTdweDtcclxuXHRtYXJnaW4tYm90dG9tOiA4cHg7XHJcbn1cclxuXHJcbi8qIFByZXBlbmRfbWVzc2FnZSAqL1xyXG4ucHJlcGVuZF9tZXNzYWdlIHtcclxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcclxufVxyXG5cclxuLyogSW5uZXIgKi9cclxuLmlubmVyIHtcclxuICAgIGJhY2tncm91bmQ6IHZhcigtLXdoaXRlKTtcclxuICAgIGJvcmRlcjogc29saWQgMXB4IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDZweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG4uaW5uZXJfYmFja2dyb3VuZF9ncmV5IHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYmctY29sb3IpO1xyXG59XHJcbi5pbm5lcl9oYXNfc2hhZG93IHtcclxuICAgIGJveC1zaGFkb3c6IHJnYmEoMCwwLDAsLjA0KSAwIDJweCA0cHg7XHJcbn1cclxuLmlubmVyOjpiZWZvcmUsXHJcbi5pbm5lcjo6YWZ0ZXIge1xyXG5cdGNvbnRlbnQ6IFwiXCI7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcbn1cclxuXHJcbi5pbm5lcl9ub19wYWRkaW5nIHtcclxuXHRwYWRkaW5nOiAwO1xyXG59XHJcbi5pbm5lcl9ub19wYWRkaW5nOjpiZWZvcmUsXHJcbi5pbm5lcl9ub19wYWRkaW5nOjphZnRlciB7XHJcbiAgICBtYXJnaW4tdG9wOiAwO1xyXG59XHJcblxyXG4uaW5uZXJfc2l6ZV94cyB7XHJcblx0cGFkZGluZzogMCA0cHg7XHJcbn1cclxuLmlubmVyX3NpemVfeHM6OmJlZm9yZSxcclxuLmlubmVyX3NpemVfeHM6OmFmdGVyIHtcclxuICAgIG1hcmdpbi10b3A6IDRweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfcyB7XHJcblx0cGFkZGluZzogMCAxMnB4O1xyXG59XHJcbi5pbm5lcl9zaXplX3M6OmJlZm9yZSxcclxuLmlubmVyX3NpemVfczo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMTJweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfbSB7XHJcblx0cGFkZGluZzogMCAxNnB4O1xyXG59XHJcbi5pbm5lcl9zaXplX206OmJlZm9yZSxcclxuLmlubmVyX3NpemVfbTo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMTZweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfbCB7XHJcblx0cGFkZGluZzogMCAyMnB4O1xyXG59XHJcbi5pbm5lcl9zaXplX2w6OmJlZm9yZSxcclxuLmlubmVyX3NpemVfbDo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMjJweDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfeGwge1xyXG4gICAgcGFkZGluZzogMCAyOHB4O1xyXG59XHJcbi5pbm5lcl9zaXplX3hsOjpiZWZvcmUsXHJcbi5pbm5lcl9zaXplX3hsOjphZnRlciB7XHJcbiAgICBtYXJnaW4tdG9wOiAyOHB4O1xyXG59XHJcblxyXG4vKiBNb2RlIGZ1bGwgaGVpZ2h0ICovXHJcbi5vdXRlcl9mdWxsX2hlaWdodCB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGhlaWdodDogMTAwJTtcclxufVxyXG4ub3V0ZXJfZnVsbF9oZWlnaHQgLnRpdGxlIHtcclxuICAgIGZsZXg6IDAgMCBhdXRvO1xyXG59XHJcbi5vdXRlcl9mdWxsX2hlaWdodCAuaW5uZXIge1xyXG4gICAgZmxleDogMSAxIGF1dG87XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuIl19 */";
-var styles$h = {"outer":"Article-module_outer__dUyPM","outer_size_m":"Article-module_outer_size_m__lTtkJ","outer_size_s":"Article-module_outer_size_s__CO57n","outer_has_margin":"Article-module_outer_has_margin__HlvbM","outer_has_mask":"Article-module_outer_has_mask__Xuwnp","outer_no_margin":"Article-module_outer_no_margin__s5RBr","title":"Article-module_title__4lPvS","title_size_xs":"Article-module_title_size_xs__2OIij","title_size_s":"Article-module_title_size_s__yMNhS","title_size_m":"Article-module_title_size_m__ETQcp","prepend_message":"Article-module_prepend_message__XB563","inner":"Article-module_inner__N5eTJ","inner_background_grey":"Article-module_inner_background_grey__oxiM0","inner_has_shadow":"Article-module_inner_has_shadow__oKh2M","inner_no_padding":"Article-module_inner_no_padding__Dn9l7","inner_size_xs":"Article-module_inner_size_xs__vR6lK","inner_size_s":"Article-module_inner_size_s__yT1WQ","inner_size_m":"Article-module_inner_size_m__6xV8V","inner_size_l":"Article-module_inner_size_l__Qj98F","inner_size_xl":"Article-module_inner_size_xl__og-zB","outer_full_height":"Article-module_outer_full_height__1bfVe","outerSizeM":"Article-module_outer_size_m__lTtkJ","outerSizeS":"Article-module_outer_size_s__CO57n","outerHasMargin":"Article-module_outer_has_margin__HlvbM","outerHasMask":"Article-module_outer_has_mask__Xuwnp","outerNoMargin":"Article-module_outer_no_margin__s5RBr","titleSizeXs":"Article-module_title_size_xs__2OIij","titleSizeS":"Article-module_title_size_s__yMNhS","titleSizeM":"Article-module_title_size_m__ETQcp","prependMessage":"Article-module_prepend_message__XB563","innerBackgroundGrey":"Article-module_inner_background_grey__oxiM0","innerHasShadow":"Article-module_inner_has_shadow__oKh2M","innerNoPadding":"Article-module_inner_no_padding__Dn9l7","innerSizeXs":"Article-module_inner_size_xs__vR6lK","innerSizeS":"Article-module_inner_size_s__yT1WQ","innerSizeM":"Article-module_inner_size_m__6xV8V","innerSizeL":"Article-module_inner_size_l__Qj98F","innerSizeXl":"Article-module_inner_size_xl__og-zB","outerFullHeight":"Article-module_outer_full_height__1bfVe"};
+var css_248z$r = ".Article-module_outer_has_margin__HlvbM{margin-bottom:24px}.Article-module_outer_has_margin__HlvbM:not(:first-child){margin-top:24px}.Article-module_outer_has_margin__HlvbM.Article-module_outer_size_s__CO57n{margin-bottom:10px}.Article-module_outer_has_margin__HlvbM.Article-module_outer_size_s__CO57n:not(:first-child){margin-top:10px}.Article-module_outer_has_mask__Xuwnp{opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Article-module_outer_no_margin__s5RBr{margin-bottom:0;margin-top:0}.Article-module_outer_is_closed__zjw55,.Article-module_outer_is_open__Jz2bP{transition:all .2s}.Article-module_outer_is_closed__zjw55:not(:first-child)>.Article-module_inner__N5eTJ{border-top-left-radius:0;border-top-right-radius:0}.Article-module_outer_is_closed__zjw55:not(:last-child)>.Article-module_inner__N5eTJ{border-bottom-left-radius:0;border-bottom-right-radius:0}.Article-module_outer_is_closed__zjw55:has(+.Article-module_outer_is_open__Jz2bP)>.Article-module_inner__N5eTJ{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.Article-module_outer_is_open__Jz2bP+.Article-module_outer_is_closed__zjw55>.Article-module_inner__N5eTJ{border-top-left-radius:6px;border-top-right-radius:6px}.Article-module_outer__dUyPM+.Article-module_outer_is_closed__zjw55{margin-top:-1px}.Article-module_outer_is_open__Jz2bP,.Article-module_outer_is_open__Jz2bP+.Article-module_outer__dUyPM{margin-top:16px}.Article-module_title__4lPvS{font-weight:500;line-height:1.2}.Article-module_title_size_xs__2OIij{font-size:15px;margin-bottom:8px}.Article-module_title_size_s__yMNhS{font-size:16px;margin-bottom:8px}.Article-module_title_size_m__ETQcp{font-size:17px;margin-bottom:8px}.Article-module_prepend_message__XB563{margin-bottom:8px}.Article-module_inner__N5eTJ{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px;position:relative}.Article-module_inner_background_grey__oxiM0{background-color:var(--main-bg-color)}.Article-module_inner_has_shadow__oKh2M{box-shadow:0 2px 4px rgba(0,0,0,.04)}.Article-module_inner__N5eTJ:after,.Article-module_inner__N5eTJ:before{content:\"\";display:block}.Article-module_inner_no_padding__Dn9l7{padding:0}.Article-module_inner_no_padding__Dn9l7:after,.Article-module_inner_no_padding__Dn9l7:before{margin-top:0}.Article-module_inner_size_xs__vR6lK{padding:0 4px}.Article-module_inner_size_xs__vR6lK:after,.Article-module_inner_size_xs__vR6lK:before{margin-top:4px}.Article-module_inner_size_s__yT1WQ{padding:0 12px}.Article-module_inner_size_s__yT1WQ:after,.Article-module_inner_size_s__yT1WQ:before{margin-top:12px}.Article-module_inner_size_m__6xV8V{padding:0 16px}.Article-module_inner_size_m__6xV8V:after,.Article-module_inner_size_m__6xV8V:before{margin-top:16px}.Article-module_inner_size_l__Qj98F{padding:0 22px}.Article-module_inner_size_l__Qj98F:after,.Article-module_inner_size_l__Qj98F:before{margin-top:22px}.Article-module_inner_size_xl__og-zB{padding:0 28px}.Article-module_inner_size_xl__og-zB:after,.Article-module_inner_size_xl__og-zB:before{margin-top:28px}.Article-module_inner_is_dragging__aAw-w{background-color:var(--white);box-shadow:var(--main-border-color) 0 0 0 2px,rgba(0,0,0,.1) 0 0 10px}.Article-module_outer_full_height__1bfVe{display:flex;flex-direction:column;height:100%}.Article-module_outer_full_height__1bfVe .Article-module_title__4lPvS{flex:0 0 auto}.Article-module_outer_full_height__1bfVe .Article-module_inner__N5eTJ{flex:1 1 auto;position:relative}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSx3Q0FDSSxrQkFDSixDQUNBLDBEQUNJLGVBQ0osQ0FDQSwyRUFDSSxrQkFDSixDQUNBLDZGQUNJLGVBQ0osQ0FDQSxzQ0FHSSxVQUFXLENBRlgsbUJBQW9CLENBQ3BCLHdCQUFpQixDQUFqQixxQkFBaUIsQ0FBakIsZ0JBRUosQ0FDQSx1Q0FFSSxlQUFnQixDQURoQixZQUVKLENBRUEsNEVBRUksa0JBQ0osQ0FDQSxzRkFFSSx3QkFBeUIsQ0FEekIseUJBRUosQ0FDQSxxRkFFSSwyQkFBNEIsQ0FENUIsNEJBRUosQ0FDQSwrR0FFSSw2QkFBOEIsQ0FEOUIsOEJBRUosQ0FDQSx5R0FFSSwwQkFBMkIsQ0FEM0IsMkJBRUosQ0FDQSxvRUFDSSxlQUNKLENBQ0EsdUdBRUksZUFDSixDQUdBLDZCQUNJLGVBQWdCLENBQ2hCLGVBQ0osQ0FDQSxxQ0FDQyxjQUFlLENBQ1osaUJBQ0osQ0FDQSxvQ0FDQyxjQUFlLENBQ1osaUJBQ0osQ0FDQSxvQ0FDQyxjQUFlLENBQ2YsaUJBQ0QsQ0FHQSx1Q0FDSSxpQkFDSixDQUdBLDZCQUNJLHVCQUF3QixDQUN4Qix5Q0FBMEMsQ0FDMUMsaUJBQWtCLENBQ2xCLGlCQUNKLENBQ0EsNkNBQ0kscUNBQ0osQ0FDQSx3Q0FDSSxvQ0FDSixDQUNBLHVFQUVDLFVBQVcsQ0FDWCxhQUNELENBRUEsd0NBQ0MsU0FDRCxDQUNBLDZGQUVJLFlBQ0osQ0FFQSxxQ0FDQyxhQUNELENBQ0EsdUZBRUksY0FDSixDQUVBLG9DQUNDLGNBQ0QsQ0FDQSxxRkFFSSxlQUNKLENBRUEsb0NBQ0MsY0FDRCxDQUNBLHFGQUVJLGVBQ0osQ0FFQSxvQ0FDQyxjQUNELENBQ0EscUZBRUksZUFDSixDQUVBLHFDQUNJLGNBQ0osQ0FDQSx1RkFFSSxlQUNKLENBR0EseUNBQ0MsNkJBQThCLENBQzlCLHFFQUNELENBR0EseUNBQ0ksWUFBYSxDQUNiLHFCQUFzQixDQUN0QixXQUNKLENBQ0Esc0VBQ0ksYUFDSixDQUNBLHNFQUNJLGFBQWMsQ0FDZCxpQkFDSiIsImZpbGUiOiJBcnRpY2xlLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBPdXRlciAqL1xyXG4ub3V0ZXIge31cclxuLm91dGVyX3NpemVfbSB7fVxyXG4ub3V0ZXJfc2l6ZV9zIHt9XHJcbi5vdXRlcl9oYXNfbWFyZ2luIHtcclxuICAgIG1hcmdpbi1ib3R0b206IDI0cHg7XHJcbn1cclxuLm91dGVyX2hhc19tYXJnaW46bm90KDpmaXJzdC1jaGlsZCkge1xyXG4gICAgbWFyZ2luLXRvcDogMjRweDtcclxufVxyXG4ub3V0ZXJfaGFzX21hcmdpbi5vdXRlcl9zaXplX3Mge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMTBweDtcclxufVxyXG4ub3V0ZXJfaGFzX21hcmdpbi5vdXRlcl9zaXplX3M6bm90KDpmaXJzdC1jaGlsZCkge1xyXG4gICAgbWFyZ2luLXRvcDogMTBweDtcclxufVxyXG4ub3V0ZXJfaGFzX21hc2sge1xyXG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XHJcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgIG9wYWNpdHk6IC41O1xyXG59XHJcbi5vdXRlcl9ub19tYXJnaW4ge1xyXG4gICAgbWFyZ2luLXRvcDogMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbn1cclxuXHJcbi5vdXRlcl9pc19jbG9zZWQsXHJcbi5vdXRlcl9pc19vcGVuIHtcclxuICAgIHRyYW5zaXRpb246IGFsbCAyMDBtcztcclxufVxyXG4ub3V0ZXJfaXNfY2xvc2VkOm5vdCg6Zmlyc3QtY2hpbGQpID4gLmlubmVyIHtcclxuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xyXG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcclxufVxyXG4ub3V0ZXJfaXNfY2xvc2VkOm5vdCg6bGFzdC1jaGlsZCkgPiAuaW5uZXIge1xyXG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XHJcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xyXG59XHJcbi5vdXRlcl9pc19jbG9zZWQ6aGFzKCsgLm91dGVyX2lzX29wZW4pID4gLmlubmVye1xyXG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDZweDtcclxuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDZweDtcclxufVxyXG4ub3V0ZXJfaXNfb3BlbiArIC5vdXRlcl9pc19jbG9zZWQgPiAuaW5uZXIge1xyXG4gICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDZweDtcclxuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDZweDtcclxufVxyXG4ub3V0ZXIgKyAub3V0ZXJfaXNfY2xvc2VkIHtcclxuICAgIG1hcmdpbi10b3A6IC0xcHg7XHJcbn1cclxuLm91dGVyX2lzX29wZW4sXHJcbi5vdXRlcl9pc19vcGVuICsgLm91dGVyIHtcclxuICAgIG1hcmdpbi10b3A6IDE2cHg7XHJcbn1cclxuXHJcbi8qIFRpdGxlICovXHJcbi50aXRsZSB7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgbGluZS1oZWlnaHQ6IDEuMjtcclxufVxyXG4udGl0bGVfc2l6ZV94cyB7XHJcblx0Zm9udC1zaXplOiAxNXB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogOHB4O1xyXG59XHJcbi50aXRsZV9zaXplX3Mge1xyXG5cdGZvbnQtc2l6ZTogMTZweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDhweDtcclxufVxyXG4udGl0bGVfc2l6ZV9tIHtcclxuXHRmb250LXNpemU6IDE3cHg7XHJcblx0bWFyZ2luLWJvdHRvbTogOHB4O1xyXG59XHJcblxyXG4vKiBQcmVwZW5kX21lc3NhZ2UgKi9cclxuLnByZXBlbmRfbWVzc2FnZSB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiA4cHg7XHJcbn1cclxuXHJcbi8qIElubmVyICovXHJcbi5pbm5lciB7XHJcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS13aGl0ZSk7XHJcbiAgICBib3JkZXI6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcbiAgICBib3JkZXItcmFkaXVzOiA2cHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuLmlubmVyX2JhY2tncm91bmRfZ3JleSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tYWluLWJnLWNvbG9yKTtcclxufVxyXG4uaW5uZXJfaGFzX3NoYWRvdyB7XHJcbiAgICBib3gtc2hhZG93OiByZ2JhKDAsMCwwLC4wNCkgMCAycHggNHB4O1xyXG59XHJcbi5pbm5lcjo6YmVmb3JlLFxyXG4uaW5uZXI6OmFmdGVyIHtcclxuXHRjb250ZW50OiBcIlwiO1xyXG5cdGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcblxyXG4uaW5uZXJfbm9fcGFkZGluZyB7XHJcblx0cGFkZGluZzogMDtcclxufVxyXG4uaW5uZXJfbm9fcGFkZGluZzo6YmVmb3JlLFxyXG4uaW5uZXJfbm9fcGFkZGluZzo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMDtcclxufVxyXG5cclxuLmlubmVyX3NpemVfeHMge1xyXG5cdHBhZGRpbmc6IDAgNHB4O1xyXG59XHJcbi5pbm5lcl9zaXplX3hzOjpiZWZvcmUsXHJcbi5pbm5lcl9zaXplX3hzOjphZnRlciB7XHJcbiAgICBtYXJnaW4tdG9wOiA0cHg7XHJcbn1cclxuXHJcbi5pbm5lcl9zaXplX3Mge1xyXG5cdHBhZGRpbmc6IDAgMTJweDtcclxufVxyXG4uaW5uZXJfc2l6ZV9zOjpiZWZvcmUsXHJcbi5pbm5lcl9zaXplX3M6OmFmdGVyIHtcclxuICAgIG1hcmdpbi10b3A6IDEycHg7XHJcbn1cclxuXHJcbi5pbm5lcl9zaXplX20ge1xyXG5cdHBhZGRpbmc6IDAgMTZweDtcclxufVxyXG4uaW5uZXJfc2l6ZV9tOjpiZWZvcmUsXHJcbi5pbm5lcl9zaXplX206OmFmdGVyIHtcclxuICAgIG1hcmdpbi10b3A6IDE2cHg7XHJcbn1cclxuXHJcbi5pbm5lcl9zaXplX2wge1xyXG5cdHBhZGRpbmc6IDAgMjJweDtcclxufVxyXG4uaW5uZXJfc2l6ZV9sOjpiZWZvcmUsXHJcbi5pbm5lcl9zaXplX2w6OmFmdGVyIHtcclxuICAgIG1hcmdpbi10b3A6IDIycHg7XHJcbn1cclxuXHJcbi5pbm5lcl9zaXplX3hsIHtcclxuICAgIHBhZGRpbmc6IDAgMjhweDtcclxufVxyXG4uaW5uZXJfc2l6ZV94bDo6YmVmb3JlLFxyXG4uaW5uZXJfc2l6ZV94bDo6YWZ0ZXIge1xyXG4gICAgbWFyZ2luLXRvcDogMjhweDtcclxufVxyXG5cclxuLyogRHJhZ2dpbmcgKi9cclxuLmlubmVyX2lzX2RyYWdnaW5nIHtcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS13aGl0ZSk7XHJcblx0Ym94LXNoYWRvdzogdmFyKC0tbWFpbi1ib3JkZXItY29sb3IpIDAgMCAwIDJweCwgcmdiYSgwLDAsMCwuMSkgMCAwIDEwcHg7XHJcbn1cclxuXHJcbi8qIE1vZGUgZnVsbCBoZWlnaHQgKi9cclxuLm91dGVyX2Z1bGxfaGVpZ2h0IHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG59XHJcbi5vdXRlcl9mdWxsX2hlaWdodCAudGl0bGUge1xyXG4gICAgZmxleDogMCAwIGF1dG87XHJcbn1cclxuLm91dGVyX2Z1bGxfaGVpZ2h0IC5pbm5lciB7XHJcbiAgICBmbGV4OiAxIDEgYXV0bztcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG4iXX0= */";
+var styles$h = {"outer":"Article-module_outer__dUyPM","outer_size_m":"Article-module_outer_size_m__lTtkJ","outer_size_s":"Article-module_outer_size_s__CO57n","outer_has_margin":"Article-module_outer_has_margin__HlvbM","outer_has_mask":"Article-module_outer_has_mask__Xuwnp","outer_no_margin":"Article-module_outer_no_margin__s5RBr","outer_is_closed":"Article-module_outer_is_closed__zjw55","outer_is_open":"Article-module_outer_is_open__Jz2bP","inner":"Article-module_inner__N5eTJ","title":"Article-module_title__4lPvS","title_size_xs":"Article-module_title_size_xs__2OIij","title_size_s":"Article-module_title_size_s__yMNhS","title_size_m":"Article-module_title_size_m__ETQcp","prepend_message":"Article-module_prepend_message__XB563","inner_background_grey":"Article-module_inner_background_grey__oxiM0","inner_has_shadow":"Article-module_inner_has_shadow__oKh2M","inner_no_padding":"Article-module_inner_no_padding__Dn9l7","inner_size_xs":"Article-module_inner_size_xs__vR6lK","inner_size_s":"Article-module_inner_size_s__yT1WQ","inner_size_m":"Article-module_inner_size_m__6xV8V","inner_size_l":"Article-module_inner_size_l__Qj98F","inner_size_xl":"Article-module_inner_size_xl__og-zB","inner_is_dragging":"Article-module_inner_is_dragging__aAw-w","outer_full_height":"Article-module_outer_full_height__1bfVe","outerSizeM":"Article-module_outer_size_m__lTtkJ","outerSizeS":"Article-module_outer_size_s__CO57n","outerHasMargin":"Article-module_outer_has_margin__HlvbM","outerHasMask":"Article-module_outer_has_mask__Xuwnp","outerNoMargin":"Article-module_outer_no_margin__s5RBr","outerIsClosed":"Article-module_outer_is_closed__zjw55","outerIsOpen":"Article-module_outer_is_open__Jz2bP","titleSizeXs":"Article-module_title_size_xs__2OIij","titleSizeS":"Article-module_title_size_s__yMNhS","titleSizeM":"Article-module_title_size_m__ETQcp","prependMessage":"Article-module_prepend_message__XB563","innerBackgroundGrey":"Article-module_inner_background_grey__oxiM0","innerHasShadow":"Article-module_inner_has_shadow__oKh2M","innerNoPadding":"Article-module_inner_no_padding__Dn9l7","innerSizeXs":"Article-module_inner_size_xs__vR6lK","innerSizeS":"Article-module_inner_size_s__yT1WQ","innerSizeM":"Article-module_inner_size_m__6xV8V","innerSizeL":"Article-module_inner_size_l__Qj98F","innerSizeXl":"Article-module_inner_size_xl__og-zB","innerIsDragging":"Article-module_inner_is_dragging__aAw-w","outerFullHeight":"Article-module_outer_full_height__1bfVe"};
 styleInject(css_248z$r);
 
 function Article(_a) {
@@ -141,6 +141,14 @@ function Article(_a) {
         prependMessage &&
             React.createElement("div", { className: styles$h.prepend_message }, prependMessage),
         React.createElement("div", { className: innerClass.join(' ') }, children)));
+}
+function ArticleFoldable(_a) {
+    var children = _a.children, _b = _a.hasMask, hasMask = _b === void 0 ? false : _b, _c = _a.hasPadding, hasPadding = _c === void 0 ? true : _c, _d = _a.hasShadow, hasShadow = _d === void 0 ? false : _d, _e = _a.innerSize, innerSize = _e === void 0 ? 'm' : _e, _f = _a.titleSize, titleSize = _f === void 0 ? 'm' : _f, className = _a.className, _g = _a.fullHeight, fullHeight = _g === void 0 ? false : _g, style = _a.style, _h = _a.color, color = _h === void 0 ? 'white' : _h, _j = _a.isOpen, isOpen = _j === void 0 ? false : _j;
+    var cssClass = [isOpen ? styles$h.outer_is_open : styles$h.outer_is_closed];
+    if (className) {
+        cssClass.push(className);
+    }
+    return (React.createElement(Article, { hasMargin: false, hasMask: hasMask, hasPadding: hasPadding, hasShadow: hasShadow, innerSize: innerSize, titleSize: titleSize, className: cssClass.join(' '), fullHeight: fullHeight, style: style, color: color }, children));
 }
 
 /**
@@ -3797,5 +3805,5 @@ var Theme = {
     scroll: scroll
 };
 
-export { AppHeader, AppLinkWrapper, AppLogo, AppRoot, Article, Btn, BtnGroup, Checkbox, CheckboxList, Collapse, Confirm, Dropdown, DropdownSection, EmptyState, Fieldset, IconBtn, KpiItem, KpiList, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalBody, ModalFooter, ModalHeader, Panel, PanelBody, PanelClose, PanelHeader, PanelSection, Picto, Portal, Radio, SearchBar, Section, Select, Spinner, Switch, TabBar, TabItem, Textfield, TextfieldIcon, Theme };
+export { AppHeader, AppLinkWrapper, AppLogo, AppRoot, Article, ArticleFoldable, Btn, BtnGroup, Checkbox, CheckboxList, Collapse, Confirm, Dropdown, DropdownSection, EmptyState, Fieldset, IconBtn, KpiItem, KpiList, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalBody, ModalFooter, ModalHeader, Panel, PanelBody, PanelClose, PanelHeader, PanelSection, Picto, Portal, Radio, SearchBar, Section, Select, Spinner, Switch, TabBar, TabItem, Textfield, TextfieldIcon, Theme };
 //# sourceMappingURL=index.js.map