ui-beyable 1.0.25 → 1.0.26

package/lib/cjs/index.d.ts

@@ -13,7 +13,7 @@ import { Listbox, ListboxItem, ListboxSep } from './components/Listbox/Listbox';
 import { Mask } from './components/Mask/Mask';
 import { Message } from './components/Message/Message';
 import { Modal, ModalHeader, ModalBody, ModalFooter } from './components/Modal/Modal';
-import { Panel, PanelClose, PanelHeader, PanelBody } from './components/Panel/Panel';
+import { Panel, PanelClose, PanelHeader, PanelBody, PanelSection } from './components/Panel/Panel';
 import { Picto } from './components/Picto/Picto';
 import { Portal } from './components/Portal/Portal';
 import { Section } from './components/Section/Section';
@@ -22,4 +22,4 @@ import { Spinner } from './components/Spinner/Spinner';
 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
-Confirm, Dropdown, DropdownSection, EmptyState, Fieldset, IconBtn, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, Picto, Portal, Radio, SearchBar, Section, Select, Spinner, Switch, Textfield, TextfieldIcon };
+Confirm, Dropdown, DropdownSection, EmptyState, Fieldset, IconBtn, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, PanelSection, Picto, Portal, Radio, SearchBar, Section, Select, Spinner, Switch, Textfield, TextfieldIcon };

package/lib/cjs/index.js

@@ -3296,6 +3296,38 @@ function PanelBody(_a) {
     }
     return (React.createElement("div", { className: outerClass.join(' '), style: style },
         React.createElement("div", { className: innerClass.join(' ') }, children)));
+}
+function PanelSection(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, style = _a.style, _c = _a.color, color = _c === void 0 ? '' : _c, _d = _a.position, position = _d === void 0 ? 'static' : _d, _e = _a.hasBottomBorder, hasBottomBorder = _e === void 0 ? true : _e, _f = _a.size, size = _f === void 0 ? 'm' : _f;
+    var outerClass = [styles$2.panel_section_outer];
+    var innerClass = [styles$2.panel_section_inner];
+    // className
+    if (className) {
+        outerClass = outerClass.concat(className);
+    }
+    // Color
+    if (color == 'grey') {
+        outerClass.push(styles$2.panel_section_outer_grey);
+    }
+    // Position
+    if (position == 'relative') {
+        outerClass.push(styles$2.panel_section_outer_rel);
+    }
+    // Border
+    if (hasBottomBorder) {
+        outerClass.push(styles$2.has_bottom_border);
+    }
+    // Size
+    var sizeClass = {
+        xxs: styles$2.size_m,
+        xs: styles$2.size_s,
+        l: styles$2.size_xs,
+    };
+    if (size && size in sizeClass) {
+        innerClass.push(sizeClass[size]);
+    }
+    return (React.createElement("div", { className: outerClass.join(' '), style: style },
+        React.createElement("div", { className: innerClass.join(' ') }, children)));
 }
 
 var css_248z$3 = ".Picto-module_picto__jZE38{--width:32px;background:#ccc;border-radius:100%;color:#777;display:inline-block;font-size:20px;font-weight:500;height:var(--width);line-height:var(--width);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--width)}.Picto-module_color_dark_blue__aMlwu{background-color:#b4c1f7;color:#142fa5}.Picto-module_color_blue__fehlz{background-color:#b8dffb;color:#025ea0}.Picto-module_color_green__2FOa9{background-color:#c0eed7;color:#119050}.Picto-module_color_apple_green__Ocyrl{background-color:#cceec0;color:#3b891f}.Picto-module_color_yellow__4ZZ6S{background-color:#fff3af;color:#a38a00}.Picto-module_color_orange__OVFlU{background-color:#fdc893;color:#af5700}.Picto-module_color_red__JGlxh{background-color:#ffc5b7;color:#d53b16}.Picto-module_color_pink__RBQfz{background-color:#edb5e7;color:#74246a}.Picto-module_color_purple__D58NI{background-color:#e4c9f5;color:#560e81}.Picto-module_size_xxs__i1fYx{--width:16px;font-size:9px}.Picto-module_size_xs__dcJvG{--width:24px;font-size:13px}.Picto-module_size_s__WuCKu{--width:28px;font-size:14px}.Picto-module_size_m__5W297{--width:32px;font-size:16px}.Picto-module_size_l__jagVU{--width:40px;font-size:20px}.Picto-module_size_xl__nKFm0{--width:48px;font-size:24px}.Picto-module_size_xxl__UNrdw{--width:64px;font-size:32px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkJBQ0MsWUFBYSxDQU9iLGVBQWdCLENBTmhCLGtCQUFtQixDQU9uQixVQUFXLENBTlgsb0JBQXFCLENBUXJCLGNBQWUsQ0FDZixlQUFnQixDQU5oQixtQkFBb0IsQ0FDcEIsd0JBQXlCLENBR3pCLGlCQUFrQixDQUdsQix3QkFBaUIsQ0FBakIscUJBQWlCLENBQWpCLGdCQUFpQixDQVRqQixxQkFBc0IsQ0FDdEIsa0JBU0QsQ0FHQSxxQ0FBb0Isd0JBQXlCLENBQUUsYUFBZSxDQUM5RCxnQ0FBZ0Isd0JBQXlCLENBQUUsYUFBZSxDQUMxRCxpQ0FBaUIsd0JBQXlCLENBQUUsYUFBZSxDQUMzRCx1Q0FBcUIsd0JBQXlCLENBQUUsYUFBZSxDQUMvRCxrQ0FBa0Isd0JBQXlCLENBQUUsYUFBZSxDQUM1RCxrQ0FBa0Isd0JBQXlCLENBQUUsYUFBZSxDQUM1RCwrQkFBZSx3QkFBeUIsQ0FBRSxhQUFlLENBQ3pELGdDQUFnQix3QkFBeUIsQ0FBRSxhQUFlLENBQzFELGtDQUFrQix3QkFBeUIsQ0FBRSxhQUFlLENBRzVELDhCQUFZLFlBQWEsQ0FBRSxhQUFlLENBQzFDLDZCQUFXLFlBQWEsQ0FBRSxjQUFnQixDQUMxQyw0QkFBUyxZQUFhLENBQUUsY0FBZ0IsQ0FDeEMsNEJBQVMsWUFBYSxDQUFFLGNBQWdCLENBQ3hDLDRCQUFTLFlBQWEsQ0FBRSxjQUFnQixDQUN4Qyw2QkFBVSxZQUFhLENBQUUsY0FBZ0IsQ0FDekMsOEJBQVcsWUFBYSxDQUFFLGNBQWdCIiwiZmlsZSI6IlBpY3RvLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucGljdG8ge1xyXG5cdC0td2lkdGg6IDMycHg7XHJcblx0Ym9yZGVyLXJhZGl1czogMTAwJTtcclxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcblx0dmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxuXHR3aWR0aDogdmFyKC0td2lkdGgpO1xyXG5cdGhlaWdodDogdmFyKC0td2lkdGgpO1xyXG5cdGxpbmUtaGVpZ2h0OiB2YXIoLS13aWR0aCk7XHJcblx0YmFja2dyb3VuZDogI2NjYztcclxuXHRjb2xvcjogIzc3NztcclxuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XHJcblx0Zm9udC1zaXplOiAyMHB4O1xyXG5cdGZvbnQtd2VpZ2h0OiA1MDA7XHJcblx0dXNlci1zZWxlY3Q6IG5vbmU7XHJcbn1cclxuXHJcbi8qIENvbG9yICovXHJcbi5jb2xvcl9kYXJrX2JsdWUge1x0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjQjRDMUY3O1x0Y29sb3I6ICMxNDJGQTU7fVxyXG4uY29sb3JfYmx1ZSB7XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI0I4REZGQjtcdGNvbG9yOiAjMDI1RUEwO31cclxuLmNvbG9yX2dyZWVuIHtcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjQzBFRUQ3O1x0Y29sb3I6ICMxMTkwNTA7fVxyXG4uY29sb3JfYXBwbGVfZ3JlZW4ge1x0YmFja2dyb3VuZC1jb2xvcjogI0NDRUVDMDtcdGNvbG9yOiAjM0I4OTFGO31cclxuLmNvbG9yX3llbGxvdyB7XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI0ZGRjNBRjtcdGNvbG9yOiAjQTM4QTAwO31cclxuLmNvbG9yX29yYW5nZSB7XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI0ZEQzg5MztcdGNvbG9yOiAjQUY1NzAwO31cclxuLmNvbG9yX3JlZCB7XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI0ZGQzVCNztcdGNvbG9yOiAjRDUzQjE2O31cclxuLmNvbG9yX3Bpbmsge1x0XHRcdGJhY2tncm91bmQtY29sb3I6ICNFREI1RTc7XHRjb2xvcjogIzc0MjQ2QTt9XHJcbi5jb2xvcl9wdXJwbGUge1x0XHRcdGJhY2tncm91bmQtY29sb3I6ICNFNEM5RjU7XHRjb2xvcjogIzU2MEU4MTt9XHJcblxyXG4vKiBTaXplICovXHJcbi5zaXplX3h4cyB7XHQtLXdpZHRoOiAxNnB4OyBmb250LXNpemU6IDlweDt9XHJcbi5zaXplX3hzIHtcdC0td2lkdGg6IDI0cHg7IGZvbnQtc2l6ZTogMTNweDt9XHJcbi5zaXplX3N7XHQtLXdpZHRoOiAyOHB4OyBmb250LXNpemU6IDE0cHg7fVxyXG4uc2l6ZV9te1x0LS13aWR0aDogMzJweDsgZm9udC1zaXplOiAxNnB4O31cclxuLnNpemVfbHtcdC0td2lkdGg6IDQwcHg7IGZvbnQtc2l6ZTogMjBweDt9XHJcbi5zaXplX3hse1x0LS13aWR0aDogNDhweDsgZm9udC1zaXplOiAyNHB4O31cclxuLnNpemVfeHhse1x0LS13aWR0aDogNjRweDsgZm9udC1zaXplOiAzMnB4O30iXX0= */";
@@ -3554,6 +3586,7 @@ exports.Panel = Panel;
 exports.PanelBody = PanelBody;
 exports.PanelClose = PanelClose;
 exports.PanelHeader = PanelHeader;
+exports.PanelSection = PanelSection;
 exports.Picto = Picto;
 exports.Portal = Portal;
 exports.Radio = Radio;