ui-beyable 1.0.44-beta.0 → 1.0.44

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, use ArticleFoldable instead
 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

@@ -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