ui-beyable 1.0.44-beta.0 → 1.0.44-beta.1

package/lib/cjs/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/cjs/index.js

@@ -143,6 +143,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));
 }
 
 /**
@@ -3804,6 +3812,7 @@ exports.AppLinkWrapper = AppLinkWrapper;
 exports.AppLogo = AppLogo;
 exports.AppRoot = AppRoot;
 exports.Article = Article;
+exports.ArticleFoldable = ArticleFoldable;
 exports.Btn = Btn;
 exports.BtnGroup = BtnGroup;
 exports.Checkbox = Checkbox;