ui-beyable 1.0.6 → 1.0.7

package/lib/cjs/components/Panel/Panel.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import { IPanel, IPanelClose } from './types';
-declare function Panel({ children, isOpen, onClose, width, noClose, side, overlay, closeOnOverlay, offsetWidth, hasOffset }: IPanel): JSX.Element;
-declare function PanelClose({ onClick }: IPanelClose): JSX.Element;
-export { Panel, PanelClose };
+import { IPanel, IPanelClose, IPanelHeader, IPanelBody } from './types';
+declare function Panel({ children, isOpen, onClose, width, hasClose, side, overlay, closeOnOverlay, offsetWidth, hasOffset }: IPanel): JSX.Element;
+declare function PanelClose({ onClick, position }: IPanelClose): JSX.Element;
+declare function PanelHeader({ children, className, title, intro, desc, hasClose, hasBorder, hasBottomPadding, primaryAction, secondaryAction, onClose }: IPanelHeader): JSX.Element;
+declare function PanelBody({ children, className, style, color, position, hasVerticalMargin }: IPanelBody): JSX.Element;
+export { Panel, PanelClose, PanelHeader, PanelBody };

package/lib/cjs/components/Panel/types.d.ts

@@ -3,7 +3,7 @@ interface IPanel {
     children: React.ReactNode;
     isOpen: boolean;
     onClose?: (e: any) => any;
-    noClose?: boolean;
+    hasClose?: boolean;
     side?: string;
     width?: number;
     overlay?: boolean;
@@ -13,5 +13,27 @@ interface IPanel {
 }
 interface IPanelClose {
     onClick?: (e: any) => any;
+    position?: string;
 }
-export type { IPanel, IPanelClose };
+interface IPanelHeader {
+    children?: React.ReactNode;
+    className?: string;
+    title?: string;
+    intro?: string;
+    desc?: string;
+    hasClose?: boolean;
+    hasBorder?: boolean;
+    hasBottomPadding?: boolean;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    onClose?: (e: any) => any;
+}
+interface IPanelBody {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    color?: string;
+    position?: string;
+    hasVerticalMargin?: boolean;
+}
+export type { IPanel, IPanelClose, IPanelHeader, IPanelBody };

package/lib/cjs/index.d.ts

@@ -1,7 +1,7 @@
 import Btn from './components/Button/Btn';
 import Modal from './components/Modal/Modal';
-import { Panel, PanelClose } from './components/Panel/Panel';
+import { Panel, PanelClose, PanelHeader, PanelBody } from './components/Panel/Panel';
 import Portal from './components/Portal/BYportal';
 import Collapse from './components/Collapse/Collapse';
 import "./style/btn.module.css";
-export { Btn, Modal, Panel, PanelClose, Portal, Collapse };
+export { Btn, Modal, Panel, PanelClose, PanelHeader, PanelBody, Portal, Collapse };

package/lib/cjs/index.js

@@ -174,12 +174,12 @@ function Modal(_a) {
                 children))));
 }
 
-var css_248z$1 = ".panel-module_panel_inner__mQe4I{--section-padding-left:30px}.panel-module_panel_inner__mQe4I.panel-module_is_invisible__lV3wi{opacity:0;pointer-events:none}.panel-module_panel_overlay__YJOE7{background:rgba(0,0,0,.4);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.panel-module_panel_inner__mQe4I{background:#fff;bottom:0;box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;max-width:calc(100% - 20px);outline:none;position:fixed;right:0;top:0;transition:padding .3s,width .3s;width:500px;z-index:10000}.panel-module_panel_inner__mQe4I.panel-module_left__VYWq9{left:0;right:auto}.panel-module_panel_footer__P5deZ,.panel-module_panel_header__-XSQx{flex:0 0 auto}.panel-module_panel_header__-XSQx{font-size:20px;font-weight:400;line-height:1;padding:20px 30px}.panel-module_panel_body__t8lcf{flex:1 1 auto;overflow-y:auto;padding:0 30px}.panel-module_panel_body__t8lcf:after,.panel-module_panel_body__t8lcf:before{content:\"\";display:block;margin-bottom:24px}.panel-module_panel_footer__P5deZ{bottom:0;padding:0 30px 30px;position:absolute}.panel-module_panel_footer_center__xRYh0{text-align:center}.panel-module_panel_footer_right__f8alX{right:0}.panel-module_panel_overlay__YJOE7.panel-module_anim_show__mFyPj{animation:panel-module_panel_overlay_show__21PWq .3s ease-out}.panel-module_panel_overlay__YJOE7.panel-module_anim_hide__mrRUv{animation:panel-module_panel_overlay_hide__a5nvZ .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_show__mFyPj{animation:panel-module_panel_right_show__jWqxt .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_hide__mrRUv{animation:panel-module_panel_right_hide__m4wsQ .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_show__mFyPj.panel-module_left__VYWq9{animation:panel-module_panel_left_show__O7Vl2 .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_hide__mrRUv.panel-module_left__VYWq9{animation:panel-module_panel_left_hide__vFcYv .3s ease-out}@keyframes panel-module_panel_overlay_show__21PWq{0%{opacity:0}to{opacity:1}}@keyframes panel-module_panel_overlay_hide__a5nvZ{0%{opacity:1}to{opacity:0}}@keyframes panel-module_panel_right_show__jWqxt{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes panel-module_panel_right_hide__m4wsQ{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50%)}}@keyframes panel-module_panel_left_show__O7Vl2{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@keyframes panel-module_panel_left_hide__vFcYv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50%)}}.panel-module_panel_close__go3aD{background:none;box-shadow:none;cursor:pointer;height:48px;outline:none;padding:0;position:absolute;right:3px;top:5px;width:48px}.panel-module_panel_close_inner__2RtFv{align-items:center;border-radius:32px;display:flex;height:32px;justify-content:center;margin:8px;transition:background .2s;width:32px}.panel-module_panel_close__go3aD:focus .panel-module_panel_close_inner__2RtFv,.panel-module_panel_close__go3aD:hover .panel-module_panel_close_inner__2RtFv{background-color:var(--main-bg-color)}.panel-module_panel_close_img__qm1XV{flex:0 1 auto}.panel-module_panel_side__j80hb{animation:panel-module_panel_side_left_show__27zCp .3s ease-out;background:#f5f6f8;bottom:0;position:fixed;top:0}.panel-module_panel_inner__mQe4I.panel-module_left__VYWq9 .panel-module_panel_side__j80hb{right:0}@keyframes panel-module_panel_side_left_show__27zCp{0%{opacity:0}to{opacity:1}}.panel-module_panel_title__vGQFO{font-size:20px;font-weight:500}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhbmVsLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUNBRUksMkJBQ0osQ0FFQSxrRUFDSSxTQUFVLENBQ1YsbUJBQ0osQ0FFQSxtQ0FPSSx5QkFBNkIsQ0FEN0IsUUFBUyxDQUZULE1BQU8sQ0FIUCxjQUFlLENBSWYsT0FBUSxDQUZSLEtBQU0sQ0FETixhQU1KLENBRUEsaUNBUUksZUFBZ0IsQ0FIaEIsUUFBUyxDQUlULGtDQUFzQyxDQU90QyxZQUFhLENBT2IscUJBQXNCLENBaEJ0QiwyQkFBNEIsQ0FHNUIsWUFBYSxDQVRiLGNBQWUsQ0FFZixPQUFRLENBQ1IsS0FBTSxDQXFCTixnQ0FBc0MsQ0FuQnRDLFdBQVksQ0FKWixhQXdCSixDQUVBLDBEQUNJLE1BQU8sQ0FDUCxVQUNKLENBRUEsb0VBTUksYUFDSixDQUVBLGtDQUVJLGNBQWUsQ0FDZixlQUFnQixDQUNoQixhQUFjLENBSGQsaUJBSUosQ0FFQSxnQ0FPSSxhQUFjLENBTGQsZUFBZ0IsQ0FEaEIsY0FPSixDQUNBLDZFQUVJLFVBQVcsQ0FDWCxhQUFjLENBQ2Qsa0JBQ0osQ0FFQSxrQ0FHSSxRQUFTLENBRlQsbUJBQW9CLENBQ3BCLGlCQUVKLENBRUEseUNBQ0ksaUJBQ0osQ0FFQSx3Q0FDSSxPQUNKLENBRUEsaUVBQ0ksNkRBQ0osQ0FFQSxpRUFDSSw2REFDSixDQUVBLCtEQUNJLDJEQUNKLENBRUEsK0RBQ0ksMkRBQ0osQ0FFQSx3RkFDSSwwREFDSixDQUVBLHdGQUNJLDBEQUNKLENBRUEsa0RBQ0ksR0FDSSxTQUNKLENBQ0EsR0FDSSxTQUNKLENBQ0osQ0FFQSxrREFDSSxHQUNJLFNBQ0osQ0FDQSxHQUNJLFNBQ0osQ0FDSixDQUVBLGdEQUNJLEdBQ0ksU0FBVSxDQUNWLHlCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsdUJBQ0osQ0FDSixDQUVBLGdEQUNJLEdBQ0ksU0FBVSxDQUNWLHVCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YseUJBQ0osQ0FDSixDQUVBLCtDQUNJLEdBQ0ksU0FBVSxDQUNWLDBCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsdUJBQ0osQ0FDSixDQUVBLCtDQUNJLEdBQ0ksU0FBVSxDQUNWLHVCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsMEJBQ0osQ0FDSixDQUdBLGlDQU9DLGVBQWdCLENBQ2hCLGVBQWdCLENBRmhCLGNBQWUsQ0FEZixXQUFZLENBSVosWUFBYSxDQUNiLFNBQVUsQ0FUVixpQkFBa0IsQ0FFbEIsU0FBVSxDQURWLE9BQVEsQ0FFUixVQU9ELENBQ0EsdUNBRUMsa0JBQW1CLENBSW5CLGtCQUFtQixDQUxuQixZQUFhLENBSWIsV0FBWSxDQUZaLHNCQUF1QixDQUl2QixVQUFXLENBQ1gseUJBQTRCLENBSjVCLFVBS0QsQ0FDQSw0SkFFQyxxQ0FDRCxDQUNBLHFDQUNDLGFBQ0QsQ0FHQSxnQ0FLSSwrREFBOEMsQ0FEOUMsa0JBQW1CLENBRG5CLFFBQVMsQ0FGVCxjQUFlLENBQ2YsS0FJSixDQUNBLDBGQUNJLE9BQ0osQ0FDQSxvREFDSSxHQUNJLFNBQ0osQ0FDQSxHQUNJLFNBQ0osQ0FDSixDQUdBLGlDQUNJLGNBQWUsQ0FDZixlQUNKIiwiZmlsZSI6InBhbmVsLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucGFuZWxfaW5uZXJ7XG4gICAgLyogUGFkZGluZyBob3Jpem9udGFsIGRlcyBzZWN0aW9ucyAqL1xuICAgIC0tc2VjdGlvbi1wYWRkaW5nLWxlZnQ6IDMwcHg7XG59XG5cbi5wYW5lbF9pbm5lci5pc19pbnZpc2libGUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5wYW5lbF9vdmVybGF5IHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgei1pbmRleDogMTAwMDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgLjQpO1xufVxuXG4ucGFuZWxfaW5uZXIge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB6LWluZGV4OiAxMDAwMDtcbiAgICByaWdodDogMDtcbiAgICB0b3A6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHdpZHRoOiA1MDBweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSAtIDIwcHgpO1xuICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAuMikgMCAwIDIwcHg7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIGRpc3BsYXk6IC1tcy1mbGV4Ym94O1xuICAgIGRpc3BsYXk6IC13ZWJraXQtZmxleDtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICBkaXNwbGF5OiAtbW96LWJveDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIC13ZWJraXQtZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAtbXMtZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgIC13ZWJraXQtYm94LWRpcmVjdGlvbjogbm9ybWFsO1xuICAgIC1tb3otYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgLW1vei1ib3gtZGlyZWN0aW9uOiBub3JtYWw7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgIHRyYW5zaXRpb246IHBhZGRpbmcgMzAwbXMsIHdpZHRoIDMwMG1zO1xufVxuXG4ucGFuZWxfaW5uZXIubGVmdCB7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogYXV0bztcbn1cblxuLnBhbmVsX2hlYWRlcixcbi5wYW5lbF9mb290ZXIge1xuICAgIC1tcy1mbGV4OiAwIDAgYXV0bztcbiAgICAtd2Via2l0LWZsZXg6IDAgMCBhdXRvO1xuICAgIC13ZWJraXQtYm94LWZsZXg6IDA7XG4gICAgLW1vei1ib3gtZmxleDogMDtcbiAgICBmbGV4OiAwIDAgYXV0bztcbn1cblxuLnBhbmVsX2hlYWRlciB7XG4gICAgcGFkZGluZzogMjBweCAzMHB4O1xuICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxO1xufVxuXG4ucGFuZWxfYm9keSB7XG4gICAgcGFkZGluZzogMCAzMHB4O1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgLW1zLWZsZXg6IDEgMSBhdXRvO1xuICAgIC13ZWJraXQtZmxleDogMSAxIGF1dG87XG4gICAgLXdlYmtpdC1ib3gtZmxleDogMTtcbiAgICAtbW96LWJveC1mbGV4OiAxO1xuICAgIGZsZXg6IDEgMSBhdXRvO1xufVxuLnBhbmVsX2JvZHk6OmJlZm9yZSxcbi5wYW5lbF9ib2R5OjphZnRlcntcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IDI0cHg7XG59XG5cbi5wYW5lbF9mb290ZXIge1xuICAgIHBhZGRpbmc6IDAgMzBweCAzMHB4O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDA7XG59XG5cbi5wYW5lbF9mb290ZXJfY2VudGVyIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5wYW5lbF9mb290ZXJfcmlnaHQge1xuICAgIHJpZ2h0OiAwO1xufVxuXG4ucGFuZWxfb3ZlcmxheS5hbmltX3Nob3cge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfb3ZlcmxheV9zaG93IDMwMG1zIGVhc2Utb3V0O1xufVxuXG4ucGFuZWxfb3ZlcmxheS5hbmltX2hpZGUge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfb3ZlcmxheV9oaWRlIDMwMG1zIGVhc2Utb3V0O1xufVxuXG4ucGFuZWxfaW5uZXIuYW5pbV9zaG93IHtcbiAgICBhbmltYXRpb246IHBhbmVsX3JpZ2h0X3Nob3cgMzAwbXMgZWFzZS1vdXQ7XG59XG5cbi5wYW5lbF9pbm5lci5hbmltX2hpZGUge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfcmlnaHRfaGlkZSAzMDBtcyBlYXNlLW91dDtcbn1cblxuLnBhbmVsX2lubmVyLmFuaW1fc2hvdy5sZWZ0IHtcbiAgICBhbmltYXRpb246IHBhbmVsX2xlZnRfc2hvdyAzMDBtcyBlYXNlLW91dDtcbn1cblxuLnBhbmVsX2lubmVyLmFuaW1faGlkZS5sZWZ0IHtcbiAgICBhbmltYXRpb246IHBhbmVsX2xlZnRfaGlkZSAzMDBtcyBlYXNlLW91dDtcbn1cblxuQGtleWZyYW1lcyBwYW5lbF9vdmVybGF5X3Nob3cge1xuICAgIDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxufVxuXG5Aa2V5ZnJhbWVzIHBhbmVsX292ZXJsYXlfaGlkZSB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfcmlnaHRfc2hvdyB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTAlKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfcmlnaHRfaGlkZSB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTAlKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfbGVmdF9zaG93IHtcbiAgICAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfbGVmdF9oaWRlIHtcbiAgICAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICB9XG59XG5cbi8qIFBhbmVsIGNsb3NlICovXG4ucGFuZWxfY2xvc2Uge1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNXB4O1xuXHRyaWdodDogM3B4O1xuXHR3aWR0aDogNDhweDtcblx0aGVpZ2h0OiA0OHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6IG5vbmU7XG5cdGJveC1zaGFkb3c6IG5vbmU7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDA7XG59XG4ucGFuZWxfY2xvc2VfaW5uZXIge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0d2lkdGg6IDMycHg7XG5cdGhlaWdodDogMzJweDtcblx0Ym9yZGVyLXJhZGl1czogMzJweDtcblx0bWFyZ2luOiA4cHg7XG5cdHRyYW5zaXRpb246IGJhY2tncm91bmQgMjAwbXM7XG59XG4ucGFuZWxfY2xvc2U6aG92ZXIgLnBhbmVsX2Nsb3NlX2lubmVyLFxuLnBhbmVsX2Nsb3NlOmZvY3VzIC5wYW5lbF9jbG9zZV9pbm5lciB7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYmctY29sb3IpO1xufVxuLnBhbmVsX2Nsb3NlX2ltZyB7XG5cdGZsZXg6IDAgMSBhdXRvO1xufVxuXG4vKiBQYW5lbCBzaWRlICovXG4ucGFuZWxfc2lkZXtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBiYWNrZ3JvdW5kOiAjRjVGNkY4O1xuICAgIGFuaW1hdGlvbjogcGFuZWxfc2lkZV9sZWZ0X3Nob3cgMzAwbXMgZWFzZS1vdXQ7XG59XG4ucGFuZWxfaW5uZXIubGVmdCAucGFuZWxfc2lkZXtcbiAgICByaWdodDogMDtcbn1cbkBrZXlmcmFtZXMgcGFuZWxfc2lkZV9sZWZ0X3Nob3cge1xuICAgIDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxufVxuXG4vKiBDb250ZW50ICovXG4ucGFuZWxfdGl0bGV7XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59Il19 */";
-var styles$1 = {"panel_inner":"panel-module_panel_inner__mQe4I","is_invisible":"panel-module_is_invisible__lV3wi","panel_overlay":"panel-module_panel_overlay__YJOE7","left":"panel-module_left__VYWq9","panel_header":"panel-module_panel_header__-XSQx","panel_footer":"panel-module_panel_footer__P5deZ","panel_body":"panel-module_panel_body__t8lcf","panel_footer_center":"panel-module_panel_footer_center__xRYh0","panel_footer_right":"panel-module_panel_footer_right__f8alX","anim_show":"panel-module_anim_show__mFyPj","panel_overlay_show":"panel-module_panel_overlay_show__21PWq","anim_hide":"panel-module_anim_hide__mrRUv","panel_overlay_hide":"panel-module_panel_overlay_hide__a5nvZ","panel_right_show":"panel-module_panel_right_show__jWqxt","panel_right_hide":"panel-module_panel_right_hide__m4wsQ","panel_left_show":"panel-module_panel_left_show__O7Vl2","panel_left_hide":"panel-module_panel_left_hide__vFcYv","panel_close":"panel-module_panel_close__go3aD","panel_close_inner":"panel-module_panel_close_inner__2RtFv","panel_close_img":"panel-module_panel_close_img__qm1XV","panel_side":"panel-module_panel_side__j80hb","panel_side_left_show":"panel-module_panel_side_left_show__27zCp","panel_title":"panel-module_panel_title__vGQFO","panelInner":"panel-module_panel_inner__mQe4I","isInvisible":"panel-module_is_invisible__lV3wi","panelOverlay":"panel-module_panel_overlay__YJOE7","panelHeader":"panel-module_panel_header__-XSQx","panelFooter":"panel-module_panel_footer__P5deZ","panelBody":"panel-module_panel_body__t8lcf","panelFooterCenter":"panel-module_panel_footer_center__xRYh0","panelFooterRight":"panel-module_panel_footer_right__f8alX","animShow":"panel-module_anim_show__mFyPj","panelOverlayShow":"panel-module_panel_overlay_show__21PWq","animHide":"panel-module_anim_hide__mrRUv","panelOverlayHide":"panel-module_panel_overlay_hide__a5nvZ","panelRightShow":"panel-module_panel_right_show__jWqxt","panelRightHide":"panel-module_panel_right_hide__m4wsQ","panelLeftShow":"panel-module_panel_left_show__O7Vl2","panelLeftHide":"panel-module_panel_left_hide__vFcYv","panelClose":"panel-module_panel_close__go3aD","panelCloseInner":"panel-module_panel_close_inner__2RtFv","panelCloseImg":"panel-module_panel_close_img__qm1XV","panelSide":"panel-module_panel_side__j80hb","panelSideLeftShow":"panel-module_panel_side_left_show__27zCp","panelTitle":"panel-module_panel_title__vGQFO"};
+var css_248z$1 = ".panel-module_panel_inner__mQe4I{--section-padding-left:30px}.panel-module_panel_inner__mQe4I.panel-module_is_invisible__lV3wi{opacity:0;pointer-events:none}.panel-module_panel_overlay__YJOE7{background:rgba(0,0,0,.4);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.panel-module_panel_inner__mQe4I{background:#fff;bottom:0;box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;max-width:calc(100% - 20px);outline:none;position:fixed;right:0;top:0;transition:padding .3s,width .3s;width:500px;z-index:10000}.panel-module_panel_inner__mQe4I.panel-module_left__VYWq9{left:0;right:auto}.panel-module_panel_overlay__YJOE7.panel-module_anim_show__mFyPj{animation:panel-module_panel_overlay_show__21PWq .3s ease-out}.panel-module_panel_overlay__YJOE7.panel-module_anim_hide__mrRUv{animation:panel-module_panel_overlay_hide__a5nvZ .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_show__mFyPj{animation:panel-module_panel_right_show__jWqxt .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_hide__mrRUv{animation:panel-module_panel_right_hide__m4wsQ .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_show__mFyPj.panel-module_left__VYWq9{animation:panel-module_panel_left_show__O7Vl2 .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_hide__mrRUv.panel-module_left__VYWq9{animation:panel-module_panel_left_hide__vFcYv .3s ease-out}@keyframes panel-module_panel_overlay_show__21PWq{0%{opacity:0}to{opacity:1}}@keyframes panel-module_panel_overlay_hide__a5nvZ{0%{opacity:1}to{opacity:0}}@keyframes panel-module_panel_right_show__jWqxt{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes panel-module_panel_right_hide__m4wsQ{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50%)}}@keyframes panel-module_panel_left_show__O7Vl2{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@keyframes panel-module_panel_left_hide__vFcYv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50%)}}.panel-module_panel_close__go3aD{align-items:center;background:none;box-shadow:none;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;overflow:hidden;padding:0;width:40px}.panel-module_panel_close_left__X4Ij0{margin-left:-12px;margin-right:10px}.panel-module_panel_close_absolute__4jwgj{height:48px;position:absolute;right:3px;top:5px;width:48px}.panel-module_panel_close_inner__2RtFv{align-items:center;border-radius:32px;display:flex;flex:0 0 auto;height:32px;justify-content:center;transition:background .2s;width:32px}.panel-module_panel_close__go3aD:focus .panel-module_panel_close_inner__2RtFv,.panel-module_panel_close__go3aD:hover .panel-module_panel_close_inner__2RtFv{background-color:var(--main-bg-color)}.panel-module_panel_close_img__qm1XV{flex:0 1 auto}.panel-module_panel_side__j80hb{animation:panel-module_panel_side_left_show__27zCp .3s ease-out;background:#f5f6f8;bottom:0;position:fixed;top:0}.panel-module_panel_inner__mQe4I.panel-module_left__VYWq9 .panel-module_panel_side__j80hb{right:0}@keyframes panel-module_panel_side_left_show__27zCp{0%{opacity:0}to{opacity:1}}.panel-module_panel_header__-XSQx{flex:0 0 auto;line-height:1;padding:20px 30px}.panel-module_panel_header__-XSQx.panel-module_has_border__bWX0V{border-bottom:1px solid #eee}.panel-module_panel_header__-XSQx.panel-module_has_no_bottom_padding__qXuvu{padding-bottom:0}.panel-module_panel_title__vGQFO{font-size:20px;font-weight:400}.panel-module_panel_desc__xPExk{color:#757b96;font-size:14px;line-height:1.3;margin-top:6px}.panel-module_panel_intro__k-nI4{color:var(--grey-2);font-size:14px;font-weight:500;margin-bottom:8px}.panel-module_panel_body_outer__BxdZY{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.panel-module_panel_body_outer_grey__WxAyo{background:var(--main-bg-color)}.panel-module_panel_body_outer_rel__R4O2T{position:relative}.panel-module_panel_body_inner__I4Ryl{flex:1 1 auto;overflow-y:auto;padding:0 30px}.panel-module_panel_body_inner__I4Ryl:after,.panel-module_panel_body_inner__I4Ryl:before{content:\"\";display:block;margin-bottom:24px}.panel-module_panel_body_inner_no_margin__Y1WF9:after,.panel-module_panel_body_inner_no_margin__Y1WF9:before{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhbmVsLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUNBRUksMkJBQ0osQ0FFQSxrRUFDSSxTQUFVLENBQ1YsbUJBQ0osQ0FFQSxtQ0FPSSx5QkFBNkIsQ0FEN0IsUUFBUyxDQUZULE1BQU8sQ0FIUCxjQUFlLENBSWYsT0FBUSxDQUZSLEtBQU0sQ0FETixhQU1KLENBRUEsaUNBUUksZUFBZ0IsQ0FIaEIsUUFBUyxDQUlULGtDQUFzQyxDQU90QyxZQUFhLENBT2IscUJBQXNCLENBaEJ0QiwyQkFBNEIsQ0FHNUIsWUFBYSxDQVRiLGNBQWUsQ0FFZixPQUFRLENBQ1IsS0FBTSxDQXFCTixnQ0FBc0MsQ0FuQnRDLFdBQVksQ0FKWixhQXdCSixDQUVBLDBEQUNJLE1BQU8sQ0FDUCxVQUNKLENBRUEsaUVBQ0ksNkRBQ0osQ0FFQSxpRUFDSSw2REFDSixDQUVBLCtEQUNJLDJEQUNKLENBRUEsK0RBQ0ksMkRBQ0osQ0FFQSx3RkFDSSwwREFDSixDQUVBLHdGQUNJLDBEQUNKLENBRUEsa0RBQ0ksR0FDSSxTQUNKLENBQ0EsR0FDSSxTQUNKLENBQ0osQ0FFQSxrREFDSSxHQUNJLFNBQ0osQ0FDQSxHQUNJLFNBQ0osQ0FDSixDQUVBLGdEQUNJLEdBQ0ksU0FBVSxDQUNWLHlCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsdUJBQ0osQ0FDSixDQUVBLGdEQUNJLEdBQ0ksU0FBVSxDQUNWLHVCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YseUJBQ0osQ0FDSixDQUVBLCtDQUNJLEdBQ0ksU0FBVSxDQUNWLDBCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsdUJBQ0osQ0FDSixDQUVBLCtDQUNJLEdBQ0ksU0FBVSxDQUNWLHVCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsMEJBQ0osQ0FDSixDQUdBLGlDQUdDLGtCQUFtQixDQU1uQixlQUFnQixDQUNoQixlQUFnQixDQUhiLGNBQWUsQ0FMbEIsWUFBYSxDQUlWLFdBQVksQ0FGZixzQkFBdUIsQ0FPdkIsWUFBYSxDQUhWLGVBQWdCLENBSW5CLFNBQVUsQ0FQUCxVQVFKLENBQ0Esc0NBRUksaUJBQWtCLENBQ2xCLGlCQUNKLENBQ0EsMENBSUMsV0FBWSxDQUZaLGlCQUFrQixDQUlsQixTQUFVLENBRFYsT0FBUSxDQUZSLFVBSUQsQ0FDQSx1Q0FFQyxrQkFBbUIsQ0FLbkIsa0JBQW1CLENBTm5CLFlBQWEsQ0FHYixhQUFjLENBRWQsV0FBWSxDQUhaLHNCQUF1QixDQUt2Qix5QkFBNEIsQ0FINUIsVUFJRCxDQUNBLDRKQUVDLHFDQUNELENBQ0EscUNBQ0MsYUFDRCxDQUdBLGdDQUtJLCtEQUE4QyxDQUQ5QyxrQkFBbUIsQ0FEbkIsUUFBUyxDQUZULGNBQWUsQ0FDZixLQUlKLENBQ0EsMEZBQ0ksT0FDSixDQUNBLG9EQUNJLEdBQ0ksU0FDSixDQUNBLEdBQ0ksU0FDSixDQUNKLENBR0Esa0NBS0MsYUFBYyxDQUVkLGFBQWMsQ0FEZCxpQkFFRCxDQUNBLGlFQUNDLDRCQUNELENBQ0EsNEVBQ0MsZ0JBQ0QsQ0FFQSxpQ0FDQyxjQUFlLENBQ2YsZUFDRCxDQUNBLGdDQUdDLGFBQWMsQ0FEZCxjQUFlLENBRWYsZUFBZ0IsQ0FIaEIsY0FJRCxDQUNBLGlDQUlDLG1CQUFvQixDQUZwQixjQUFlLENBQ2YsZUFBZ0IsQ0FGaEIsaUJBSUQsQ0FHQSxzQ0FNQyxZQUFhLENBRGIsYUFBYyxDQUVkLHFCQUFzQixDQUN0QixlQUNELENBQ0EsMkNBQ0MsK0JBQ0QsQ0FDQSwwQ0FDQyxpQkFDRCxDQUNBLHNDQUNDLGFBQWMsQ0FFZCxlQUFnQixDQURoQixjQUVELENBQ0EseUZBRUMsVUFBVyxDQUNYLGFBQWMsQ0FDZCxrQkFDRCxDQUNBLDZHQUVDLFlBQ0QiLCJmaWxlIjoicGFuZWwubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5wYW5lbF9pbm5lcntcbiAgICAvKiBQYWRkaW5nIGhvcml6b250YWwgZGVzIHNlY3Rpb25zICovXG4gICAgLS1zZWN0aW9uLXBhZGRpbmctbGVmdDogMzBweDtcbn1cblxuLnBhbmVsX2lubmVyLmlzX2ludmlzaWJsZSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnBhbmVsX292ZXJsYXkge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB6LWluZGV4OiAxMDAwMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAuNCk7XG59XG5cbi5wYW5lbF9pbm5lciB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHotaW5kZXg6IDEwMDAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgd2lkdGg6IDUwMHB4O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlIC0gMjBweCk7XG4gICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICBib3gtc2hhZG93OiByZ2JhKDAsIDAsIDAsIC4yKSAwIDAgMjBweDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgZGlzcGxheTogLW1zLWZsZXhib3g7XG4gICAgZGlzcGxheTogLXdlYmtpdC1mbGV4O1xuICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgIGRpc3BsYXk6IC1tb3otYm94O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgLXdlYmtpdC1mbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIC1tcy1mbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgLXdlYmtpdC1ib3gtZGlyZWN0aW9uOiBub3JtYWw7XG4gICAgLW1vei1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAtbW96LWJveC1kaXJlY3Rpb246IG5vcm1hbDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gICAgdHJhbnNpdGlvbjogcGFkZGluZyAzMDBtcywgd2lkdGggMzAwbXM7XG59XG5cbi5wYW5lbF9pbm5lci5sZWZ0IHtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiBhdXRvO1xufVxuXG4ucGFuZWxfb3ZlcmxheS5hbmltX3Nob3cge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfb3ZlcmxheV9zaG93IDMwMG1zIGVhc2Utb3V0O1xufVxuXG4ucGFuZWxfb3ZlcmxheS5hbmltX2hpZGUge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfb3ZlcmxheV9oaWRlIDMwMG1zIGVhc2Utb3V0O1xufVxuXG4ucGFuZWxfaW5uZXIuYW5pbV9zaG93IHtcbiAgICBhbmltYXRpb246IHBhbmVsX3JpZ2h0X3Nob3cgMzAwbXMgZWFzZS1vdXQ7XG59XG5cbi5wYW5lbF9pbm5lci5hbmltX2hpZGUge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfcmlnaHRfaGlkZSAzMDBtcyBlYXNlLW91dDtcbn1cblxuLnBhbmVsX2lubmVyLmFuaW1fc2hvdy5sZWZ0IHtcbiAgICBhbmltYXRpb246IHBhbmVsX2xlZnRfc2hvdyAzMDBtcyBlYXNlLW91dDtcbn1cblxuLnBhbmVsX2lubmVyLmFuaW1faGlkZS5sZWZ0IHtcbiAgICBhbmltYXRpb246IHBhbmVsX2xlZnRfaGlkZSAzMDBtcyBlYXNlLW91dDtcbn1cblxuQGtleWZyYW1lcyBwYW5lbF9vdmVybGF5X3Nob3cge1xuICAgIDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxufVxuXG5Aa2V5ZnJhbWVzIHBhbmVsX292ZXJsYXlfaGlkZSB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfcmlnaHRfc2hvdyB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTAlKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfcmlnaHRfaGlkZSB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTAlKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfbGVmdF9zaG93IHtcbiAgICAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfbGVmdF9oaWRlIHtcbiAgICAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICB9XG59XG5cbi8qIFBhbmVsIGNsb3NlICovXG4ucGFuZWxfY2xvc2Uge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IG5vbmU7XG5cdGJveC1zaGFkb3c6IG5vbmU7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDA7XG59XG4ucGFuZWxfY2xvc2VfbGVmdHtcblx0Y29tcG9zZXM6IHBhbmVsX2Nsb3NlO1xuICAgIG1hcmdpbi1sZWZ0OiAtMTJweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG59XG4ucGFuZWxfY2xvc2VfYWJzb2x1dGUge1xuXHRjb21wb3NlczogcGFuZWxfY2xvc2U7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0d2lkdGg6IDQ4cHg7XG5cdGhlaWdodDogNDhweDtcblx0dG9wOiA1cHg7XG5cdHJpZ2h0OiAzcHg7XG59XG4ucGFuZWxfY2xvc2VfaW5uZXIge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0ZmxleDogMCAwIGF1dG87XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJvcmRlci1yYWRpdXM6IDMycHg7XG5cdHRyYW5zaXRpb246IGJhY2tncm91bmQgMjAwbXM7XG59XG4ucGFuZWxfY2xvc2U6aG92ZXIgLnBhbmVsX2Nsb3NlX2lubmVyLFxuLnBhbmVsX2Nsb3NlOmZvY3VzIC5wYW5lbF9jbG9zZV9pbm5lciB7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYmctY29sb3IpO1xufVxuLnBhbmVsX2Nsb3NlX2ltZyB7XG5cdGZsZXg6IDAgMSBhdXRvO1xufVxuXG4vKiBQYW5lbCBzaWRlICovXG4ucGFuZWxfc2lkZXtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBiYWNrZ3JvdW5kOiAjRjVGNkY4O1xuICAgIGFuaW1hdGlvbjogcGFuZWxfc2lkZV9sZWZ0X3Nob3cgMzAwbXMgZWFzZS1vdXQ7XG59XG4ucGFuZWxfaW5uZXIubGVmdCAucGFuZWxfc2lkZXtcbiAgICByaWdodDogMDtcbn1cbkBrZXlmcmFtZXMgcGFuZWxfc2lkZV9sZWZ0X3Nob3cge1xuICAgIDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxufVxuXG4vKiBIRUFERVIgKi9cbi5wYW5lbF9oZWFkZXJ7XG5cdC1tcy1mbGV4OiAwIDAgYXV0bztcblx0LXdlYmtpdC1mbGV4OiAwIDAgYXV0bztcblx0LXdlYmtpdC1ib3gtZmxleDogMDtcblx0LW1vei1ib3gtZmxleDogMDtcblx0ZmxleDogMCAwIGF1dG87XG5cdHBhZGRpbmc6IDIwcHggMzBweDtcblx0bGluZS1oZWlnaHQ6IDE7XG59XG4ucGFuZWxfaGVhZGVyLmhhc19ib3JkZXIge1xuXHRib3JkZXItYm90dG9tOiBzb2xpZCAxcHggI2VlZTtcbn1cbi5wYW5lbF9oZWFkZXIuaGFzX25vX2JvdHRvbV9wYWRkaW5nIHtcblx0cGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5wYW5lbF90aXRsZXtcblx0Zm9udC1zaXplOiAyMHB4O1xuXHRmb250LXdlaWdodDogNDAwO1xufVxuLnBhbmVsX2Rlc2Mge1xuXHRtYXJnaW4tdG9wOiA2cHg7XG5cdGZvbnQtc2l6ZTogMTRweDtcblx0Y29sb3I6ICM3NTdiOTY7XG5cdGxpbmUtaGVpZ2h0OiAxLjM7XG59XG4ucGFuZWxfaW50cm8ge1xuXHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdGZvbnQtc2l6ZTogMTRweDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0Y29sb3I6IHZhcigtLWdyZXktMik7XG59XG5cbi8qIEJPRFkgKi9cbi5wYW5lbF9ib2R5X291dGVyIHtcblx0LW1zLWZsZXg6IDEgMSBhdXRvO1xuXHQtd2Via2l0LWZsZXg6IDEgMSBhdXRvO1xuXHQtd2Via2l0LWJveC1mbGV4OiAxO1xuXHQtbW96LWJveC1mbGV4OiAxO1xuXHRmbGV4OiAxIDEgYXV0bztcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbn1cbi5wYW5lbF9ib2R5X291dGVyX2dyZXkge1xuXHRiYWNrZ3JvdW5kOiB2YXIoLS1tYWluLWJnLWNvbG9yKTtcbn1cbi5wYW5lbF9ib2R5X291dGVyX3JlbCB7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5wYW5lbF9ib2R5X2lubmVyIHtcblx0ZmxleDogMSAxIGF1dG87XG5cdHBhZGRpbmc6IDAgMzBweDtcblx0b3ZlcmZsb3cteTogYXV0bztcbn1cbi5wYW5lbF9ib2R5X2lubmVyOjpiZWZvcmUsXG4ucGFuZWxfYm9keV9pbm5lcjo6YWZ0ZXJ7XG5cdGNvbnRlbnQ6IFwiXCI7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtYXJnaW4tYm90dG9tOiAyNHB4O1xufVxuLnBhbmVsX2JvZHlfaW5uZXJfbm9fbWFyZ2luOjpiZWZvcmUsXG4ucGFuZWxfYm9keV9pbm5lcl9ub19tYXJnaW46OmFmdGVye1xuXHRkaXNwbGF5OiBub25lO1xufSJdfQ== */";
+var styles$1 = {"panel_inner":"panel-module_panel_inner__mQe4I","is_invisible":"panel-module_is_invisible__lV3wi","panel_overlay":"panel-module_panel_overlay__YJOE7","left":"panel-module_left__VYWq9","anim_show":"panel-module_anim_show__mFyPj","panel_overlay_show":"panel-module_panel_overlay_show__21PWq","anim_hide":"panel-module_anim_hide__mrRUv","panel_overlay_hide":"panel-module_panel_overlay_hide__a5nvZ","panel_right_show":"panel-module_panel_right_show__jWqxt","panel_right_hide":"panel-module_panel_right_hide__m4wsQ","panel_left_show":"panel-module_panel_left_show__O7Vl2","panel_left_hide":"panel-module_panel_left_hide__vFcYv","panel_close":"panel-module_panel_close__go3aD","panel_close_left":"panel-module_panel_close_left__X4Ij0 panel-module_panel_close__go3aD","panel_close_absolute":"panel-module_panel_close_absolute__4jwgj panel-module_panel_close__go3aD","panel_close_inner":"panel-module_panel_close_inner__2RtFv","panel_close_img":"panel-module_panel_close_img__qm1XV","panel_side":"panel-module_panel_side__j80hb","panel_side_left_show":"panel-module_panel_side_left_show__27zCp","panel_header":"panel-module_panel_header__-XSQx","has_border":"panel-module_has_border__bWX0V","has_no_bottom_padding":"panel-module_has_no_bottom_padding__qXuvu","panel_title":"panel-module_panel_title__vGQFO","panel_desc":"panel-module_panel_desc__xPExk","panel_intro":"panel-module_panel_intro__k-nI4","panel_body_outer":"panel-module_panel_body_outer__BxdZY","panel_body_outer_grey":"panel-module_panel_body_outer_grey__WxAyo","panel_body_outer_rel":"panel-module_panel_body_outer_rel__R4O2T","panel_body_inner":"panel-module_panel_body_inner__I4Ryl","panel_body_inner_no_margin":"panel-module_panel_body_inner_no_margin__Y1WF9","panelInner":"panel-module_panel_inner__mQe4I","isInvisible":"panel-module_is_invisible__lV3wi","panelOverlay":"panel-module_panel_overlay__YJOE7","animShow":"panel-module_anim_show__mFyPj","panelOverlayShow":"panel-module_panel_overlay_show__21PWq","animHide":"panel-module_anim_hide__mrRUv","panelOverlayHide":"panel-module_panel_overlay_hide__a5nvZ","panelRightShow":"panel-module_panel_right_show__jWqxt","panelRightHide":"panel-module_panel_right_hide__m4wsQ","panelLeftShow":"panel-module_panel_left_show__O7Vl2","panelLeftHide":"panel-module_panel_left_hide__vFcYv","panelClose":"panel-module_panel_close__go3aD","panelCloseLeft":"panel-module_panel_close_left__X4Ij0 panel-module_panel_close__go3aD","panelCloseAbsolute":"panel-module_panel_close_absolute__4jwgj panel-module_panel_close__go3aD","panelCloseInner":"panel-module_panel_close_inner__2RtFv","panelCloseImg":"panel-module_panel_close_img__qm1XV","panelSide":"panel-module_panel_side__j80hb","panelSideLeftShow":"panel-module_panel_side_left_show__27zCp","panelHeader":"panel-module_panel_header__-XSQx","hasBorder":"panel-module_has_border__bWX0V","hasNoBottomPadding":"panel-module_has_no_bottom_padding__qXuvu","panelTitle":"panel-module_panel_title__vGQFO","panelDesc":"panel-module_panel_desc__xPExk","panelIntro":"panel-module_panel_intro__k-nI4","panelBodyOuter":"panel-module_panel_body_outer__BxdZY","panelBodyOuterGrey":"panel-module_panel_body_outer_grey__WxAyo","panelBodyOuterRel":"panel-module_panel_body_outer_rel__R4O2T","panelBodyInner":"panel-module_panel_body_inner__I4Ryl","panelBodyInnerNoMargin":"panel-module_panel_body_inner_no_margin__Y1WF9"};
 styleInject(css_248z$1);
 
 function Panel(_a) {
-    var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose, _c = _a.width, width = _c === void 0 ? 500 : _c, _d = _a.noClose, noClose = _d === void 0 ? false : _d, _e = _a.side, side = _e === void 0 ? 'right' : _e, _f = _a.overlay, overlay = _f === void 0 ? true : _f, _g = _a.closeOnOverlay, closeOnOverlay = _g === void 0 ? false : _g, _h = _a.offsetWidth, offsetWidth = _h === void 0 ? 400 : _h, _j = _a.hasOffset, hasOffset = _j === void 0 ? false : _j;
+    var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose, _c = _a.width, width = _c === void 0 ? 500 : _c, _d = _a.hasClose, hasClose = _d === void 0 ? false : _d, _e = _a.side, side = _e === void 0 ? 'right' : _e, _f = _a.overlay, overlay = _f === void 0 ? true : _f, _g = _a.closeOnOverlay, closeOnOverlay = _g === void 0 ? false : _g, _h = _a.offsetWidth, offsetWidth = _h === void 0 ? 400 : _h, _j = _a.hasOffset, hasOffset = _j === void 0 ? false : _j;
     var _k = React.useState(isOpen), shouldRender = _k[0], setRender = _k[1];
     var style = {
         width: '',
@@ -242,18 +242,79 @@ function Panel(_a) {
         overlay &&
             React.createElement("div", { className: overlayClass.join(' '), onClick: function (ev) { return overlayClick(ev); } }),
         React.createElement("div", { className: panelClass.join(' '), style: style, tabIndex: -1, onAnimationEnd: onAnimationEnd },
-            !noClose &&
-                React.createElement(PanelClose, { onClick: function (ev) { return hide(ev); } }),
+            hasClose &&
+                React.createElement(PanelClose, { onClick: function (ev) { return hide(ev); }, position: 'absolute' }),
             children)));
 }
 function PanelClose(_a) {
-    var onClick = _a.onClick;
-    return (React.createElement("button", { className: styles$1.panel_close, onClick: onClick },
+    var onClick = _a.onClick, _b = _a.position, position = _b === void 0 ? 'none' : _b;
+    var outerClass = styles$1.panel_close;
+    if (position == 'absolute') {
+        outerClass = styles$1.panel_close_absolute;
+    }
+    else if (position == 'header_left') {
+        outerClass = styles$1.panel_close_left;
+    }
+    return (React.createElement("button", { className: outerClass, onClick: onClick },
         React.createElement("span", { className: styles$1.panel_close_inner },
             React.createElement("svg", { className: styles$1.panel_close_img, xmlns: "http://www.w3.org/2000/svg", width: "14.142", height: "14.142", viewBox: "0 0 14.142 14.142" },
                 React.createElement("g", { transform: "translate(-9.076 -25.075)" },
                     React.createElement("rect", { width: "18", height: "2", rx: "1", transform: "translate(10.49 25.075) rotate(45)", fill: "#757b96" }),
                     React.createElement("rect", { width: "18", height: "2", rx: "1", transform: "translate(23.218 26.489) rotate(135)", fill: "#757b96" }))))));
+}
+function PanelHeader(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.title, title = _c === void 0 ? '' : _c, _d = _a.intro, intro = _d === void 0 ? '' : _d, _e = _a.desc, desc = _e === void 0 ? '' : _e, _f = _a.hasClose, hasClose = _f === void 0 ? true : _f, _g = _a.hasBorder, hasBorder = _g === void 0 ? true : _g, _h = _a.hasBottomPadding, hasBottomPadding = _h === void 0 ? true : _h, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, onClose = _a.onClose;
+    var cssClass = [styles$1.panel_header];
+    // className
+    if (className) {
+        cssClass = cssClass.concat(className);
+    }
+    // Border
+    if (hasBorder) {
+        cssClass.push(styles$1.has_border);
+    }
+    // Bottom margin
+    if (!hasBottomPadding) {
+        cssClass.push(styles$1.has_no_bottom_padding);
+    }
+    return (React.createElement("div", { className: cssClass.join(' ') },
+        children,
+        React.createElement("div", { className: 'flex' },
+            hasClose &&
+                React.createElement("div", { className: "flex_item_fix" },
+                    React.createElement(PanelClose, { position: 'header_left', onClick: onClose })),
+            React.createElement("div", { className: 'flex_item_full' },
+                intro && React.createElement("div", { className: styles$1.panel_intro }, intro),
+                title && React.createElement("div", { className: styles$1.panel_title }, title),
+                desc && React.createElement("div", { className: styles$1.panel_desc }, desc),
+                children),
+            (primaryAction || secondaryAction) &&
+                React.createElement("div", { className: 'flex_item_fix ml_20' },
+                    secondaryAction,
+                    primaryAction))));
+}
+function PanelBody(_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.hasVerticalMargin, hasVerticalMargin = _e === void 0 ? true : _e;
+    var outerClass = [styles$1.panel_body_outer];
+    var innerClass = [styles$1.panel_body_inner];
+    // className
+    if (className) {
+        outerClass = outerClass.concat(className);
+    }
+    // Color
+    if (color == 'grey') {
+        outerClass.push(styles$1.panel_body_outer_grey);
+    }
+    // Position
+    if (position == 'relative') {
+        outerClass.push(styles$1.panel_body_outer_rel);
+    }
+    // Margin
+    if (!hasVerticalMargin) {
+        innerClass.push(styles$1.panel_body_inner_no_margin);
+    }
+    return (React.createElement("div", { className: outerClass.join(' '), style: style },
+        React.createElement("div", { className: innerClass.join(' ') }, children)));
 }
 
 var css_248z = ".collapse-module_header__3XouW{align-items:center;display:flex}.collapse-module_header_btn__WqgSX{border-radius:5px;cursor:pointer;flex:0 0 auto;font-size:16px;font-weight:500;padding:6px 10px 6px 24px;position:relative;transition:all .2s}.collapse-module_header_btn__WqgSX:focus,.collapse-module_header_btn__WqgSX:hover{background-color:var(--main-border-color)}.collapse-module_header__3XouW:after{border-top:1px solid var(--main-border-color);content:\"\";flex:1 1 auto;margin-left:4px}.collapse-module_arrow__m09w4{height:14px;left:0;margin-top:-7px;position:absolute;top:50%;transition:all .1s;width:20px}.collapse-module_arrow__m09w4 .collapse-module_fas__KttZB{display:block}.collapse-module_wrapper_open__-Pauk .collapse-module_arrow__m09w4{transform:rotate(180deg)}.collapse-module_body__n-AEV{margin-bottom:16px;margin-top:8px;transition:all .2s}.collapse-module_wrapper_close__pPihr .collapse-module_body__n-AEV{height:0;margin-top:0;overflow:hidden}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNlLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUEsK0JBRUksa0JBQW1CLENBRHRCLFlBRUQsQ0FDQSxtQ0FRSSxpQkFBa0IsQ0FMbEIsY0FBZSxDQURmLGFBQWMsQ0FFZCxjQUFlLENBQ2YsZUFBZ0IsQ0FFbkIseUJBQWtCLENBTmxCLGlCQUFrQixDQVFmLGtCQUNKLENBQ0Esa0ZBRUkseUNBQ0osQ0FDQSxxQ0FHSSw2Q0FBOEMsQ0FGOUMsVUFBVyxDQUNYLGFBQWMsQ0FFZCxlQUNKLENBR0EsOEJBTUMsV0FBWSxDQUpaLE1BQVMsQ0FFVCxlQUFnQixDQUhoQixpQkFBa0IsQ0FFbEIsT0FBUSxDQUlSLGtCQUFxQixDQUZyQixVQUdELENBQ0EsMERBQ0MsYUFDRCxDQUNBLG1FQUNJLHdCQUNKLENBR0EsNkJBR0ksa0JBQW1CLENBRG5CLGNBQWUsQ0FEZixrQkFHSixDQUNBLG1FQUNJLFFBQVMsQ0FDVCxZQUFhLENBQ2IsZUFDSiIsImZpbGUiOiJjb2xsYXBzZS5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogV3JhcHBlciAqL1xuXG4ud3JhcHBlcl9jb21tb24ge1xuICAgIFxufVxuLndyYXBwZXJfY2xvc2Uge1xuICAgXG59XG4ud3JhcHBlcl9vcGVuIHtcbiBcbn1cblxuLyogSGVhZGVyICovXG4uaGVhZGVyIHtcblx0ZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmhlYWRlcl9idG4ge1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmxleDogMCAwIGF1dG87XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIHBhZGRpbmc6IDZweCAxMHB4O1xuXHRwYWRkaW5nLWxlZnQ6IDI0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIHRyYW5zaXRpb246IGFsbCAyMDBtcztcbn1cbi5oZWFkZXJfYnRuOmhvdmVyLFxuLmhlYWRlcl9idG46Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcbn1cbi5oZWFkZXI6OmFmdGVyIHtcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgIGJvcmRlci10b3A6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XG4gICAgbWFyZ2luLWxlZnQ6IDRweDtcbn1cblxuLyogQXJyb3cgKi9cbi5hcnJvdyB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0bGVmdDogMHB4O1xuXHR0b3A6IDUwJTtcblx0bWFyZ2luLXRvcDogLTdweDtcblx0d2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMTRweDtcblx0dHJhbnNpdGlvbjogYWxsIDEwMG1zO1xufVxuLmFycm93IC5mYXMge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cbi53cmFwcGVyX29wZW4gLmFycm93IHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xufVxuXG4vKiBCb2R5ICovXG4uYm9keSB7XG4gICAgdHJhbnNpdGlvbjogYWxsIDIwMG1zO1xuICAgIG1hcmdpbi10b3A6IDhweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxNnB4O1xufVxuLndyYXBwZXJfY2xvc2UgLmJvZHkge1xuICAgIGhlaWdodDogMDtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG59Il19 */";
@@ -300,6 +361,8 @@ exports.Btn = BYbtn;
 exports.Collapse = Collapse;
 exports.Modal = Modal;
 exports.Panel = Panel;
+exports.PanelBody = PanelBody;
 exports.PanelClose = PanelClose;
+exports.PanelHeader = PanelHeader;
 exports.Portal = Portal;
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import { IPanel, IPanelClose } from './types';
-declare function Panel({ children, isOpen, onClose, width, noClose, side, overlay, closeOnOverlay, offsetWidth, hasOffset }: IPanel): JSX.Element;
-declare function PanelClose({ onClick }: IPanelClose): JSX.Element;
-export { Panel, PanelClose };
+import { IPanel, IPanelClose, IPanelHeader, IPanelBody } from './types';
+declare function Panel({ children, isOpen, onClose, width, hasClose, side, overlay, closeOnOverlay, offsetWidth, hasOffset }: IPanel): JSX.Element;
+declare function PanelClose({ onClick, position }: IPanelClose): JSX.Element;
+declare function PanelHeader({ children, className, title, intro, desc, hasClose, hasBorder, hasBottomPadding, primaryAction, secondaryAction, onClose }: IPanelHeader): JSX.Element;
+declare function PanelBody({ children, className, style, color, position, hasVerticalMargin }: IPanelBody): JSX.Element;
+export { Panel, PanelClose, PanelHeader, PanelBody };

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

@@ -3,7 +3,7 @@ interface IPanel {
     children: React.ReactNode;
     isOpen: boolean;
     onClose?: (e: any) => any;
-    noClose?: boolean;
+    hasClose?: boolean;
     side?: string;
     width?: number;
     overlay?: boolean;
@@ -13,5 +13,27 @@ interface IPanel {
 }
 interface IPanelClose {
     onClick?: (e: any) => any;
+    position?: string;
 }
-export type { IPanel, IPanelClose };
+interface IPanelHeader {
+    children?: React.ReactNode;
+    className?: string;
+    title?: string;
+    intro?: string;
+    desc?: string;
+    hasClose?: boolean;
+    hasBorder?: boolean;
+    hasBottomPadding?: boolean;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    onClose?: (e: any) => any;
+}
+interface IPanelBody {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    color?: string;
+    position?: string;
+    hasVerticalMargin?: boolean;
+}
+export type { IPanel, IPanelClose, IPanelHeader, IPanelBody };

package/lib/esm/index.d.ts

@@ -1,7 +1,7 @@
 import Btn from './components/Button/Btn';
 import Modal from './components/Modal/Modal';
-import { Panel, PanelClose } from './components/Panel/Panel';
+import { Panel, PanelClose, PanelHeader, PanelBody } from './components/Panel/Panel';
 import Portal from './components/Portal/BYportal';
 import Collapse from './components/Collapse/Collapse';
 import "./style/btn.module.css";
-export { Btn, Modal, Panel, PanelClose, Portal, Collapse };
+export { Btn, Modal, Panel, PanelClose, PanelHeader, PanelBody, Portal, Collapse };

package/lib/esm/index.js

@@ -172,12 +172,12 @@ function Modal(_a) {
                 children))));
 }
 
-var css_248z$1 = ".panel-module_panel_inner__mQe4I{--section-padding-left:30px}.panel-module_panel_inner__mQe4I.panel-module_is_invisible__lV3wi{opacity:0;pointer-events:none}.panel-module_panel_overlay__YJOE7{background:rgba(0,0,0,.4);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.panel-module_panel_inner__mQe4I{background:#fff;bottom:0;box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;max-width:calc(100% - 20px);outline:none;position:fixed;right:0;top:0;transition:padding .3s,width .3s;width:500px;z-index:10000}.panel-module_panel_inner__mQe4I.panel-module_left__VYWq9{left:0;right:auto}.panel-module_panel_footer__P5deZ,.panel-module_panel_header__-XSQx{flex:0 0 auto}.panel-module_panel_header__-XSQx{font-size:20px;font-weight:400;line-height:1;padding:20px 30px}.panel-module_panel_body__t8lcf{flex:1 1 auto;overflow-y:auto;padding:0 30px}.panel-module_panel_body__t8lcf:after,.panel-module_panel_body__t8lcf:before{content:\"\";display:block;margin-bottom:24px}.panel-module_panel_footer__P5deZ{bottom:0;padding:0 30px 30px;position:absolute}.panel-module_panel_footer_center__xRYh0{text-align:center}.panel-module_panel_footer_right__f8alX{right:0}.panel-module_panel_overlay__YJOE7.panel-module_anim_show__mFyPj{animation:panel-module_panel_overlay_show__21PWq .3s ease-out}.panel-module_panel_overlay__YJOE7.panel-module_anim_hide__mrRUv{animation:panel-module_panel_overlay_hide__a5nvZ .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_show__mFyPj{animation:panel-module_panel_right_show__jWqxt .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_hide__mrRUv{animation:panel-module_panel_right_hide__m4wsQ .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_show__mFyPj.panel-module_left__VYWq9{animation:panel-module_panel_left_show__O7Vl2 .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_hide__mrRUv.panel-module_left__VYWq9{animation:panel-module_panel_left_hide__vFcYv .3s ease-out}@keyframes panel-module_panel_overlay_show__21PWq{0%{opacity:0}to{opacity:1}}@keyframes panel-module_panel_overlay_hide__a5nvZ{0%{opacity:1}to{opacity:0}}@keyframes panel-module_panel_right_show__jWqxt{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes panel-module_panel_right_hide__m4wsQ{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50%)}}@keyframes panel-module_panel_left_show__O7Vl2{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@keyframes panel-module_panel_left_hide__vFcYv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50%)}}.panel-module_panel_close__go3aD{background:none;box-shadow:none;cursor:pointer;height:48px;outline:none;padding:0;position:absolute;right:3px;top:5px;width:48px}.panel-module_panel_close_inner__2RtFv{align-items:center;border-radius:32px;display:flex;height:32px;justify-content:center;margin:8px;transition:background .2s;width:32px}.panel-module_panel_close__go3aD:focus .panel-module_panel_close_inner__2RtFv,.panel-module_panel_close__go3aD:hover .panel-module_panel_close_inner__2RtFv{background-color:var(--main-bg-color)}.panel-module_panel_close_img__qm1XV{flex:0 1 auto}.panel-module_panel_side__j80hb{animation:panel-module_panel_side_left_show__27zCp .3s ease-out;background:#f5f6f8;bottom:0;position:fixed;top:0}.panel-module_panel_inner__mQe4I.panel-module_left__VYWq9 .panel-module_panel_side__j80hb{right:0}@keyframes panel-module_panel_side_left_show__27zCp{0%{opacity:0}to{opacity:1}}.panel-module_panel_title__vGQFO{font-size:20px;font-weight:500}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhbmVsLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUNBRUksMkJBQ0osQ0FFQSxrRUFDSSxTQUFVLENBQ1YsbUJBQ0osQ0FFQSxtQ0FPSSx5QkFBNkIsQ0FEN0IsUUFBUyxDQUZULE1BQU8sQ0FIUCxjQUFlLENBSWYsT0FBUSxDQUZSLEtBQU0sQ0FETixhQU1KLENBRUEsaUNBUUksZUFBZ0IsQ0FIaEIsUUFBUyxDQUlULGtDQUFzQyxDQU90QyxZQUFhLENBT2IscUJBQXNCLENBaEJ0QiwyQkFBNEIsQ0FHNUIsWUFBYSxDQVRiLGNBQWUsQ0FFZixPQUFRLENBQ1IsS0FBTSxDQXFCTixnQ0FBc0MsQ0FuQnRDLFdBQVksQ0FKWixhQXdCSixDQUVBLDBEQUNJLE1BQU8sQ0FDUCxVQUNKLENBRUEsb0VBTUksYUFDSixDQUVBLGtDQUVJLGNBQWUsQ0FDZixlQUFnQixDQUNoQixhQUFjLENBSGQsaUJBSUosQ0FFQSxnQ0FPSSxhQUFjLENBTGQsZUFBZ0IsQ0FEaEIsY0FPSixDQUNBLDZFQUVJLFVBQVcsQ0FDWCxhQUFjLENBQ2Qsa0JBQ0osQ0FFQSxrQ0FHSSxRQUFTLENBRlQsbUJBQW9CLENBQ3BCLGlCQUVKLENBRUEseUNBQ0ksaUJBQ0osQ0FFQSx3Q0FDSSxPQUNKLENBRUEsaUVBQ0ksNkRBQ0osQ0FFQSxpRUFDSSw2REFDSixDQUVBLCtEQUNJLDJEQUNKLENBRUEsK0RBQ0ksMkRBQ0osQ0FFQSx3RkFDSSwwREFDSixDQUVBLHdGQUNJLDBEQUNKLENBRUEsa0RBQ0ksR0FDSSxTQUNKLENBQ0EsR0FDSSxTQUNKLENBQ0osQ0FFQSxrREFDSSxHQUNJLFNBQ0osQ0FDQSxHQUNJLFNBQ0osQ0FDSixDQUVBLGdEQUNJLEdBQ0ksU0FBVSxDQUNWLHlCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsdUJBQ0osQ0FDSixDQUVBLGdEQUNJLEdBQ0ksU0FBVSxDQUNWLHVCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YseUJBQ0osQ0FDSixDQUVBLCtDQUNJLEdBQ0ksU0FBVSxDQUNWLDBCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsdUJBQ0osQ0FDSixDQUVBLCtDQUNJLEdBQ0ksU0FBVSxDQUNWLHVCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsMEJBQ0osQ0FDSixDQUdBLGlDQU9DLGVBQWdCLENBQ2hCLGVBQWdCLENBRmhCLGNBQWUsQ0FEZixXQUFZLENBSVosWUFBYSxDQUNiLFNBQVUsQ0FUVixpQkFBa0IsQ0FFbEIsU0FBVSxDQURWLE9BQVEsQ0FFUixVQU9ELENBQ0EsdUNBRUMsa0JBQW1CLENBSW5CLGtCQUFtQixDQUxuQixZQUFhLENBSWIsV0FBWSxDQUZaLHNCQUF1QixDQUl2QixVQUFXLENBQ1gseUJBQTRCLENBSjVCLFVBS0QsQ0FDQSw0SkFFQyxxQ0FDRCxDQUNBLHFDQUNDLGFBQ0QsQ0FHQSxnQ0FLSSwrREFBOEMsQ0FEOUMsa0JBQW1CLENBRG5CLFFBQVMsQ0FGVCxjQUFlLENBQ2YsS0FJSixDQUNBLDBGQUNJLE9BQ0osQ0FDQSxvREFDSSxHQUNJLFNBQ0osQ0FDQSxHQUNJLFNBQ0osQ0FDSixDQUdBLGlDQUNJLGNBQWUsQ0FDZixlQUNKIiwiZmlsZSI6InBhbmVsLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucGFuZWxfaW5uZXJ7XG4gICAgLyogUGFkZGluZyBob3Jpem9udGFsIGRlcyBzZWN0aW9ucyAqL1xuICAgIC0tc2VjdGlvbi1wYWRkaW5nLWxlZnQ6IDMwcHg7XG59XG5cbi5wYW5lbF9pbm5lci5pc19pbnZpc2libGUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5wYW5lbF9vdmVybGF5IHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgei1pbmRleDogMTAwMDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgLjQpO1xufVxuXG4ucGFuZWxfaW5uZXIge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB6LWluZGV4OiAxMDAwMDtcbiAgICByaWdodDogMDtcbiAgICB0b3A6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHdpZHRoOiA1MDBweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSAtIDIwcHgpO1xuICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAuMikgMCAwIDIwcHg7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIGRpc3BsYXk6IC1tcy1mbGV4Ym94O1xuICAgIGRpc3BsYXk6IC13ZWJraXQtZmxleDtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICBkaXNwbGF5OiAtbW96LWJveDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIC13ZWJraXQtZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAtbXMtZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgIC13ZWJraXQtYm94LWRpcmVjdGlvbjogbm9ybWFsO1xuICAgIC1tb3otYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgLW1vei1ib3gtZGlyZWN0aW9uOiBub3JtYWw7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAgIHRyYW5zaXRpb246IHBhZGRpbmcgMzAwbXMsIHdpZHRoIDMwMG1zO1xufVxuXG4ucGFuZWxfaW5uZXIubGVmdCB7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogYXV0bztcbn1cblxuLnBhbmVsX2hlYWRlcixcbi5wYW5lbF9mb290ZXIge1xuICAgIC1tcy1mbGV4OiAwIDAgYXV0bztcbiAgICAtd2Via2l0LWZsZXg6IDAgMCBhdXRvO1xuICAgIC13ZWJraXQtYm94LWZsZXg6IDA7XG4gICAgLW1vei1ib3gtZmxleDogMDtcbiAgICBmbGV4OiAwIDAgYXV0bztcbn1cblxuLnBhbmVsX2hlYWRlciB7XG4gICAgcGFkZGluZzogMjBweCAzMHB4O1xuICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxO1xufVxuXG4ucGFuZWxfYm9keSB7XG4gICAgcGFkZGluZzogMCAzMHB4O1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgLW1zLWZsZXg6IDEgMSBhdXRvO1xuICAgIC13ZWJraXQtZmxleDogMSAxIGF1dG87XG4gICAgLXdlYmtpdC1ib3gtZmxleDogMTtcbiAgICAtbW96LWJveC1mbGV4OiAxO1xuICAgIGZsZXg6IDEgMSBhdXRvO1xufVxuLnBhbmVsX2JvZHk6OmJlZm9yZSxcbi5wYW5lbF9ib2R5OjphZnRlcntcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IDI0cHg7XG59XG5cbi5wYW5lbF9mb290ZXIge1xuICAgIHBhZGRpbmc6IDAgMzBweCAzMHB4O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDA7XG59XG5cbi5wYW5lbF9mb290ZXJfY2VudGVyIHtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5wYW5lbF9mb290ZXJfcmlnaHQge1xuICAgIHJpZ2h0OiAwO1xufVxuXG4ucGFuZWxfb3ZlcmxheS5hbmltX3Nob3cge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfb3ZlcmxheV9zaG93IDMwMG1zIGVhc2Utb3V0O1xufVxuXG4ucGFuZWxfb3ZlcmxheS5hbmltX2hpZGUge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfb3ZlcmxheV9oaWRlIDMwMG1zIGVhc2Utb3V0O1xufVxuXG4ucGFuZWxfaW5uZXIuYW5pbV9zaG93IHtcbiAgICBhbmltYXRpb246IHBhbmVsX3JpZ2h0X3Nob3cgMzAwbXMgZWFzZS1vdXQ7XG59XG5cbi5wYW5lbF9pbm5lci5hbmltX2hpZGUge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfcmlnaHRfaGlkZSAzMDBtcyBlYXNlLW91dDtcbn1cblxuLnBhbmVsX2lubmVyLmFuaW1fc2hvdy5sZWZ0IHtcbiAgICBhbmltYXRpb246IHBhbmVsX2xlZnRfc2hvdyAzMDBtcyBlYXNlLW91dDtcbn1cblxuLnBhbmVsX2lubmVyLmFuaW1faGlkZS5sZWZ0IHtcbiAgICBhbmltYXRpb246IHBhbmVsX2xlZnRfaGlkZSAzMDBtcyBlYXNlLW91dDtcbn1cblxuQGtleWZyYW1lcyBwYW5lbF9vdmVybGF5X3Nob3cge1xuICAgIDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxufVxuXG5Aa2V5ZnJhbWVzIHBhbmVsX292ZXJsYXlfaGlkZSB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfcmlnaHRfc2hvdyB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTAlKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfcmlnaHRfaGlkZSB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTAlKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfbGVmdF9zaG93IHtcbiAgICAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfbGVmdF9oaWRlIHtcbiAgICAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICB9XG59XG5cbi8qIFBhbmVsIGNsb3NlICovXG4ucGFuZWxfY2xvc2Uge1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNXB4O1xuXHRyaWdodDogM3B4O1xuXHR3aWR0aDogNDhweDtcblx0aGVpZ2h0OiA0OHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6IG5vbmU7XG5cdGJveC1zaGFkb3c6IG5vbmU7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDA7XG59XG4ucGFuZWxfY2xvc2VfaW5uZXIge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0d2lkdGg6IDMycHg7XG5cdGhlaWdodDogMzJweDtcblx0Ym9yZGVyLXJhZGl1czogMzJweDtcblx0bWFyZ2luOiA4cHg7XG5cdHRyYW5zaXRpb246IGJhY2tncm91bmQgMjAwbXM7XG59XG4ucGFuZWxfY2xvc2U6aG92ZXIgLnBhbmVsX2Nsb3NlX2lubmVyLFxuLnBhbmVsX2Nsb3NlOmZvY3VzIC5wYW5lbF9jbG9zZV9pbm5lciB7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYmctY29sb3IpO1xufVxuLnBhbmVsX2Nsb3NlX2ltZyB7XG5cdGZsZXg6IDAgMSBhdXRvO1xufVxuXG4vKiBQYW5lbCBzaWRlICovXG4ucGFuZWxfc2lkZXtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBiYWNrZ3JvdW5kOiAjRjVGNkY4O1xuICAgIGFuaW1hdGlvbjogcGFuZWxfc2lkZV9sZWZ0X3Nob3cgMzAwbXMgZWFzZS1vdXQ7XG59XG4ucGFuZWxfaW5uZXIubGVmdCAucGFuZWxfc2lkZXtcbiAgICByaWdodDogMDtcbn1cbkBrZXlmcmFtZXMgcGFuZWxfc2lkZV9sZWZ0X3Nob3cge1xuICAgIDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxufVxuXG4vKiBDb250ZW50ICovXG4ucGFuZWxfdGl0bGV7XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59Il19 */";
-var styles$1 = {"panel_inner":"panel-module_panel_inner__mQe4I","is_invisible":"panel-module_is_invisible__lV3wi","panel_overlay":"panel-module_panel_overlay__YJOE7","left":"panel-module_left__VYWq9","panel_header":"panel-module_panel_header__-XSQx","panel_footer":"panel-module_panel_footer__P5deZ","panel_body":"panel-module_panel_body__t8lcf","panel_footer_center":"panel-module_panel_footer_center__xRYh0","panel_footer_right":"panel-module_panel_footer_right__f8alX","anim_show":"panel-module_anim_show__mFyPj","panel_overlay_show":"panel-module_panel_overlay_show__21PWq","anim_hide":"panel-module_anim_hide__mrRUv","panel_overlay_hide":"panel-module_panel_overlay_hide__a5nvZ","panel_right_show":"panel-module_panel_right_show__jWqxt","panel_right_hide":"panel-module_panel_right_hide__m4wsQ","panel_left_show":"panel-module_panel_left_show__O7Vl2","panel_left_hide":"panel-module_panel_left_hide__vFcYv","panel_close":"panel-module_panel_close__go3aD","panel_close_inner":"panel-module_panel_close_inner__2RtFv","panel_close_img":"panel-module_panel_close_img__qm1XV","panel_side":"panel-module_panel_side__j80hb","panel_side_left_show":"panel-module_panel_side_left_show__27zCp","panel_title":"panel-module_panel_title__vGQFO","panelInner":"panel-module_panel_inner__mQe4I","isInvisible":"panel-module_is_invisible__lV3wi","panelOverlay":"panel-module_panel_overlay__YJOE7","panelHeader":"panel-module_panel_header__-XSQx","panelFooter":"panel-module_panel_footer__P5deZ","panelBody":"panel-module_panel_body__t8lcf","panelFooterCenter":"panel-module_panel_footer_center__xRYh0","panelFooterRight":"panel-module_panel_footer_right__f8alX","animShow":"panel-module_anim_show__mFyPj","panelOverlayShow":"panel-module_panel_overlay_show__21PWq","animHide":"panel-module_anim_hide__mrRUv","panelOverlayHide":"panel-module_panel_overlay_hide__a5nvZ","panelRightShow":"panel-module_panel_right_show__jWqxt","panelRightHide":"panel-module_panel_right_hide__m4wsQ","panelLeftShow":"panel-module_panel_left_show__O7Vl2","panelLeftHide":"panel-module_panel_left_hide__vFcYv","panelClose":"panel-module_panel_close__go3aD","panelCloseInner":"panel-module_panel_close_inner__2RtFv","panelCloseImg":"panel-module_panel_close_img__qm1XV","panelSide":"panel-module_panel_side__j80hb","panelSideLeftShow":"panel-module_panel_side_left_show__27zCp","panelTitle":"panel-module_panel_title__vGQFO"};
+var css_248z$1 = ".panel-module_panel_inner__mQe4I{--section-padding-left:30px}.panel-module_panel_inner__mQe4I.panel-module_is_invisible__lV3wi{opacity:0;pointer-events:none}.panel-module_panel_overlay__YJOE7{background:rgba(0,0,0,.4);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.panel-module_panel_inner__mQe4I{background:#fff;bottom:0;box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;flex-direction:column;max-width:calc(100% - 20px);outline:none;position:fixed;right:0;top:0;transition:padding .3s,width .3s;width:500px;z-index:10000}.panel-module_panel_inner__mQe4I.panel-module_left__VYWq9{left:0;right:auto}.panel-module_panel_overlay__YJOE7.panel-module_anim_show__mFyPj{animation:panel-module_panel_overlay_show__21PWq .3s ease-out}.panel-module_panel_overlay__YJOE7.panel-module_anim_hide__mrRUv{animation:panel-module_panel_overlay_hide__a5nvZ .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_show__mFyPj{animation:panel-module_panel_right_show__jWqxt .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_hide__mrRUv{animation:panel-module_panel_right_hide__m4wsQ .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_show__mFyPj.panel-module_left__VYWq9{animation:panel-module_panel_left_show__O7Vl2 .3s ease-out}.panel-module_panel_inner__mQe4I.panel-module_anim_hide__mrRUv.panel-module_left__VYWq9{animation:panel-module_panel_left_hide__vFcYv .3s ease-out}@keyframes panel-module_panel_overlay_show__21PWq{0%{opacity:0}to{opacity:1}}@keyframes panel-module_panel_overlay_hide__a5nvZ{0%{opacity:1}to{opacity:0}}@keyframes panel-module_panel_right_show__jWqxt{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes panel-module_panel_right_hide__m4wsQ{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50%)}}@keyframes panel-module_panel_left_show__O7Vl2{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@keyframes panel-module_panel_left_hide__vFcYv{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50%)}}.panel-module_panel_close__go3aD{align-items:center;background:none;box-shadow:none;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;overflow:hidden;padding:0;width:40px}.panel-module_panel_close_left__X4Ij0{margin-left:-12px;margin-right:10px}.panel-module_panel_close_absolute__4jwgj{height:48px;position:absolute;right:3px;top:5px;width:48px}.panel-module_panel_close_inner__2RtFv{align-items:center;border-radius:32px;display:flex;flex:0 0 auto;height:32px;justify-content:center;transition:background .2s;width:32px}.panel-module_panel_close__go3aD:focus .panel-module_panel_close_inner__2RtFv,.panel-module_panel_close__go3aD:hover .panel-module_panel_close_inner__2RtFv{background-color:var(--main-bg-color)}.panel-module_panel_close_img__qm1XV{flex:0 1 auto}.panel-module_panel_side__j80hb{animation:panel-module_panel_side_left_show__27zCp .3s ease-out;background:#f5f6f8;bottom:0;position:fixed;top:0}.panel-module_panel_inner__mQe4I.panel-module_left__VYWq9 .panel-module_panel_side__j80hb{right:0}@keyframes panel-module_panel_side_left_show__27zCp{0%{opacity:0}to{opacity:1}}.panel-module_panel_header__-XSQx{flex:0 0 auto;line-height:1;padding:20px 30px}.panel-module_panel_header__-XSQx.panel-module_has_border__bWX0V{border-bottom:1px solid #eee}.panel-module_panel_header__-XSQx.panel-module_has_no_bottom_padding__qXuvu{padding-bottom:0}.panel-module_panel_title__vGQFO{font-size:20px;font-weight:400}.panel-module_panel_desc__xPExk{color:#757b96;font-size:14px;line-height:1.3;margin-top:6px}.panel-module_panel_intro__k-nI4{color:var(--grey-2);font-size:14px;font-weight:500;margin-bottom:8px}.panel-module_panel_body_outer__BxdZY{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.panel-module_panel_body_outer_grey__WxAyo{background:var(--main-bg-color)}.panel-module_panel_body_outer_rel__R4O2T{position:relative}.panel-module_panel_body_inner__I4Ryl{flex:1 1 auto;overflow-y:auto;padding:0 30px}.panel-module_panel_body_inner__I4Ryl:after,.panel-module_panel_body_inner__I4Ryl:before{content:\"\";display:block;margin-bottom:24px}.panel-module_panel_body_inner_no_margin__Y1WF9:after,.panel-module_panel_body_inner_no_margin__Y1WF9:before{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhbmVsLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUNBRUksMkJBQ0osQ0FFQSxrRUFDSSxTQUFVLENBQ1YsbUJBQ0osQ0FFQSxtQ0FPSSx5QkFBNkIsQ0FEN0IsUUFBUyxDQUZULE1BQU8sQ0FIUCxjQUFlLENBSWYsT0FBUSxDQUZSLEtBQU0sQ0FETixhQU1KLENBRUEsaUNBUUksZUFBZ0IsQ0FIaEIsUUFBUyxDQUlULGtDQUFzQyxDQU90QyxZQUFhLENBT2IscUJBQXNCLENBaEJ0QiwyQkFBNEIsQ0FHNUIsWUFBYSxDQVRiLGNBQWUsQ0FFZixPQUFRLENBQ1IsS0FBTSxDQXFCTixnQ0FBc0MsQ0FuQnRDLFdBQVksQ0FKWixhQXdCSixDQUVBLDBEQUNJLE1BQU8sQ0FDUCxVQUNKLENBRUEsaUVBQ0ksNkRBQ0osQ0FFQSxpRUFDSSw2REFDSixDQUVBLCtEQUNJLDJEQUNKLENBRUEsK0RBQ0ksMkRBQ0osQ0FFQSx3RkFDSSwwREFDSixDQUVBLHdGQUNJLDBEQUNKLENBRUEsa0RBQ0ksR0FDSSxTQUNKLENBQ0EsR0FDSSxTQUNKLENBQ0osQ0FFQSxrREFDSSxHQUNJLFNBQ0osQ0FDQSxHQUNJLFNBQ0osQ0FDSixDQUVBLGdEQUNJLEdBQ0ksU0FBVSxDQUNWLHlCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsdUJBQ0osQ0FDSixDQUVBLGdEQUNJLEdBQ0ksU0FBVSxDQUNWLHVCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YseUJBQ0osQ0FDSixDQUVBLCtDQUNJLEdBQ0ksU0FBVSxDQUNWLDBCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsdUJBQ0osQ0FDSixDQUVBLCtDQUNJLEdBQ0ksU0FBVSxDQUNWLHVCQUNKLENBQ0EsR0FDSSxTQUFVLENBQ1YsMEJBQ0osQ0FDSixDQUdBLGlDQUdDLGtCQUFtQixDQU1uQixlQUFnQixDQUNoQixlQUFnQixDQUhiLGNBQWUsQ0FMbEIsWUFBYSxDQUlWLFdBQVksQ0FGZixzQkFBdUIsQ0FPdkIsWUFBYSxDQUhWLGVBQWdCLENBSW5CLFNBQVUsQ0FQUCxVQVFKLENBQ0Esc0NBRUksaUJBQWtCLENBQ2xCLGlCQUNKLENBQ0EsMENBSUMsV0FBWSxDQUZaLGlCQUFrQixDQUlsQixTQUFVLENBRFYsT0FBUSxDQUZSLFVBSUQsQ0FDQSx1Q0FFQyxrQkFBbUIsQ0FLbkIsa0JBQW1CLENBTm5CLFlBQWEsQ0FHYixhQUFjLENBRWQsV0FBWSxDQUhaLHNCQUF1QixDQUt2Qix5QkFBNEIsQ0FINUIsVUFJRCxDQUNBLDRKQUVDLHFDQUNELENBQ0EscUNBQ0MsYUFDRCxDQUdBLGdDQUtJLCtEQUE4QyxDQUQ5QyxrQkFBbUIsQ0FEbkIsUUFBUyxDQUZULGNBQWUsQ0FDZixLQUlKLENBQ0EsMEZBQ0ksT0FDSixDQUNBLG9EQUNJLEdBQ0ksU0FDSixDQUNBLEdBQ0ksU0FDSixDQUNKLENBR0Esa0NBS0MsYUFBYyxDQUVkLGFBQWMsQ0FEZCxpQkFFRCxDQUNBLGlFQUNDLDRCQUNELENBQ0EsNEVBQ0MsZ0JBQ0QsQ0FFQSxpQ0FDQyxjQUFlLENBQ2YsZUFDRCxDQUNBLGdDQUdDLGFBQWMsQ0FEZCxjQUFlLENBRWYsZUFBZ0IsQ0FIaEIsY0FJRCxDQUNBLGlDQUlDLG1CQUFvQixDQUZwQixjQUFlLENBQ2YsZUFBZ0IsQ0FGaEIsaUJBSUQsQ0FHQSxzQ0FNQyxZQUFhLENBRGIsYUFBYyxDQUVkLHFCQUFzQixDQUN0QixlQUNELENBQ0EsMkNBQ0MsK0JBQ0QsQ0FDQSwwQ0FDQyxpQkFDRCxDQUNBLHNDQUNDLGFBQWMsQ0FFZCxlQUFnQixDQURoQixjQUVELENBQ0EseUZBRUMsVUFBVyxDQUNYLGFBQWMsQ0FDZCxrQkFDRCxDQUNBLDZHQUVDLFlBQ0QiLCJmaWxlIjoicGFuZWwubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5wYW5lbF9pbm5lcntcbiAgICAvKiBQYWRkaW5nIGhvcml6b250YWwgZGVzIHNlY3Rpb25zICovXG4gICAgLS1zZWN0aW9uLXBhZGRpbmctbGVmdDogMzBweDtcbn1cblxuLnBhbmVsX2lubmVyLmlzX2ludmlzaWJsZSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnBhbmVsX292ZXJsYXkge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB6LWluZGV4OiAxMDAwMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAuNCk7XG59XG5cbi5wYW5lbF9pbm5lciB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHotaW5kZXg6IDEwMDAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgd2lkdGg6IDUwMHB4O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlIC0gMjBweCk7XG4gICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICBib3gtc2hhZG93OiByZ2JhKDAsIDAsIDAsIC4yKSAwIDAgMjBweDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgZGlzcGxheTogLW1zLWZsZXhib3g7XG4gICAgZGlzcGxheTogLXdlYmtpdC1mbGV4O1xuICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgIGRpc3BsYXk6IC1tb3otYm94O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgLXdlYmtpdC1mbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIC1tcy1mbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgLXdlYmtpdC1ib3gtZGlyZWN0aW9uOiBub3JtYWw7XG4gICAgLW1vei1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAtbW96LWJveC1kaXJlY3Rpb246IG5vcm1hbDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gICAgdHJhbnNpdGlvbjogcGFkZGluZyAzMDBtcywgd2lkdGggMzAwbXM7XG59XG5cbi5wYW5lbF9pbm5lci5sZWZ0IHtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiBhdXRvO1xufVxuXG4ucGFuZWxfb3ZlcmxheS5hbmltX3Nob3cge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfb3ZlcmxheV9zaG93IDMwMG1zIGVhc2Utb3V0O1xufVxuXG4ucGFuZWxfb3ZlcmxheS5hbmltX2hpZGUge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfb3ZlcmxheV9oaWRlIDMwMG1zIGVhc2Utb3V0O1xufVxuXG4ucGFuZWxfaW5uZXIuYW5pbV9zaG93IHtcbiAgICBhbmltYXRpb246IHBhbmVsX3JpZ2h0X3Nob3cgMzAwbXMgZWFzZS1vdXQ7XG59XG5cbi5wYW5lbF9pbm5lci5hbmltX2hpZGUge1xuICAgIGFuaW1hdGlvbjogcGFuZWxfcmlnaHRfaGlkZSAzMDBtcyBlYXNlLW91dDtcbn1cblxuLnBhbmVsX2lubmVyLmFuaW1fc2hvdy5sZWZ0IHtcbiAgICBhbmltYXRpb246IHBhbmVsX2xlZnRfc2hvdyAzMDBtcyBlYXNlLW91dDtcbn1cblxuLnBhbmVsX2lubmVyLmFuaW1faGlkZS5sZWZ0IHtcbiAgICBhbmltYXRpb246IHBhbmVsX2xlZnRfaGlkZSAzMDBtcyBlYXNlLW91dDtcbn1cblxuQGtleWZyYW1lcyBwYW5lbF9vdmVybGF5X3Nob3cge1xuICAgIDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxufVxuXG5Aa2V5ZnJhbWVzIHBhbmVsX292ZXJsYXlfaGlkZSB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfcmlnaHRfc2hvdyB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTAlKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfcmlnaHRfaGlkZSB7XG4gICAgMCUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoNTAlKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfbGVmdF9zaG93IHtcbiAgICAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgcGFuZWxfbGVmdF9oaWRlIHtcbiAgICAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbiAgICB9XG59XG5cbi8qIFBhbmVsIGNsb3NlICovXG4ucGFuZWxfY2xvc2Uge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQ6IG5vbmU7XG5cdGJveC1zaGFkb3c6IG5vbmU7XG5cdG91dGxpbmU6IG5vbmU7XG5cdHBhZGRpbmc6IDA7XG59XG4ucGFuZWxfY2xvc2VfbGVmdHtcblx0Y29tcG9zZXM6IHBhbmVsX2Nsb3NlO1xuICAgIG1hcmdpbi1sZWZ0OiAtMTJweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG59XG4ucGFuZWxfY2xvc2VfYWJzb2x1dGUge1xuXHRjb21wb3NlczogcGFuZWxfY2xvc2U7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0d2lkdGg6IDQ4cHg7XG5cdGhlaWdodDogNDhweDtcblx0dG9wOiA1cHg7XG5cdHJpZ2h0OiAzcHg7XG59XG4ucGFuZWxfY2xvc2VfaW5uZXIge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0ZmxleDogMCAwIGF1dG87XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJvcmRlci1yYWRpdXM6IDMycHg7XG5cdHRyYW5zaXRpb246IGJhY2tncm91bmQgMjAwbXM7XG59XG4ucGFuZWxfY2xvc2U6aG92ZXIgLnBhbmVsX2Nsb3NlX2lubmVyLFxuLnBhbmVsX2Nsb3NlOmZvY3VzIC5wYW5lbF9jbG9zZV9pbm5lciB7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYmctY29sb3IpO1xufVxuLnBhbmVsX2Nsb3NlX2ltZyB7XG5cdGZsZXg6IDAgMSBhdXRvO1xufVxuXG4vKiBQYW5lbCBzaWRlICovXG4ucGFuZWxfc2lkZXtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBiYWNrZ3JvdW5kOiAjRjVGNkY4O1xuICAgIGFuaW1hdGlvbjogcGFuZWxfc2lkZV9sZWZ0X3Nob3cgMzAwbXMgZWFzZS1vdXQ7XG59XG4ucGFuZWxfaW5uZXIubGVmdCAucGFuZWxfc2lkZXtcbiAgICByaWdodDogMDtcbn1cbkBrZXlmcmFtZXMgcGFuZWxfc2lkZV9sZWZ0X3Nob3cge1xuICAgIDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxufVxuXG4vKiBIRUFERVIgKi9cbi5wYW5lbF9oZWFkZXJ7XG5cdC1tcy1mbGV4OiAwIDAgYXV0bztcblx0LXdlYmtpdC1mbGV4OiAwIDAgYXV0bztcblx0LXdlYmtpdC1ib3gtZmxleDogMDtcblx0LW1vei1ib3gtZmxleDogMDtcblx0ZmxleDogMCAwIGF1dG87XG5cdHBhZGRpbmc6IDIwcHggMzBweDtcblx0bGluZS1oZWlnaHQ6IDE7XG59XG4ucGFuZWxfaGVhZGVyLmhhc19ib3JkZXIge1xuXHRib3JkZXItYm90dG9tOiBzb2xpZCAxcHggI2VlZTtcbn1cbi5wYW5lbF9oZWFkZXIuaGFzX25vX2JvdHRvbV9wYWRkaW5nIHtcblx0cGFkZGluZy1ib3R0b206IDA7XG59XG5cbi5wYW5lbF90aXRsZXtcblx0Zm9udC1zaXplOiAyMHB4O1xuXHRmb250LXdlaWdodDogNDAwO1xufVxuLnBhbmVsX2Rlc2Mge1xuXHRtYXJnaW4tdG9wOiA2cHg7XG5cdGZvbnQtc2l6ZTogMTRweDtcblx0Y29sb3I6ICM3NTdiOTY7XG5cdGxpbmUtaGVpZ2h0OiAxLjM7XG59XG4ucGFuZWxfaW50cm8ge1xuXHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdGZvbnQtc2l6ZTogMTRweDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0Y29sb3I6IHZhcigtLWdyZXktMik7XG59XG5cbi8qIEJPRFkgKi9cbi5wYW5lbF9ib2R5X291dGVyIHtcblx0LW1zLWZsZXg6IDEgMSBhdXRvO1xuXHQtd2Via2l0LWZsZXg6IDEgMSBhdXRvO1xuXHQtd2Via2l0LWJveC1mbGV4OiAxO1xuXHQtbW96LWJveC1mbGV4OiAxO1xuXHRmbGV4OiAxIDEgYXV0bztcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbn1cbi5wYW5lbF9ib2R5X291dGVyX2dyZXkge1xuXHRiYWNrZ3JvdW5kOiB2YXIoLS1tYWluLWJnLWNvbG9yKTtcbn1cbi5wYW5lbF9ib2R5X291dGVyX3JlbCB7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5wYW5lbF9ib2R5X2lubmVyIHtcblx0ZmxleDogMSAxIGF1dG87XG5cdHBhZGRpbmc6IDAgMzBweDtcblx0b3ZlcmZsb3cteTogYXV0bztcbn1cbi5wYW5lbF9ib2R5X2lubmVyOjpiZWZvcmUsXG4ucGFuZWxfYm9keV9pbm5lcjo6YWZ0ZXJ7XG5cdGNvbnRlbnQ6IFwiXCI7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtYXJnaW4tYm90dG9tOiAyNHB4O1xufVxuLnBhbmVsX2JvZHlfaW5uZXJfbm9fbWFyZ2luOjpiZWZvcmUsXG4ucGFuZWxfYm9keV9pbm5lcl9ub19tYXJnaW46OmFmdGVye1xuXHRkaXNwbGF5OiBub25lO1xufSJdfQ== */";
+var styles$1 = {"panel_inner":"panel-module_panel_inner__mQe4I","is_invisible":"panel-module_is_invisible__lV3wi","panel_overlay":"panel-module_panel_overlay__YJOE7","left":"panel-module_left__VYWq9","anim_show":"panel-module_anim_show__mFyPj","panel_overlay_show":"panel-module_panel_overlay_show__21PWq","anim_hide":"panel-module_anim_hide__mrRUv","panel_overlay_hide":"panel-module_panel_overlay_hide__a5nvZ","panel_right_show":"panel-module_panel_right_show__jWqxt","panel_right_hide":"panel-module_panel_right_hide__m4wsQ","panel_left_show":"panel-module_panel_left_show__O7Vl2","panel_left_hide":"panel-module_panel_left_hide__vFcYv","panel_close":"panel-module_panel_close__go3aD","panel_close_left":"panel-module_panel_close_left__X4Ij0 panel-module_panel_close__go3aD","panel_close_absolute":"panel-module_panel_close_absolute__4jwgj panel-module_panel_close__go3aD","panel_close_inner":"panel-module_panel_close_inner__2RtFv","panel_close_img":"panel-module_panel_close_img__qm1XV","panel_side":"panel-module_panel_side__j80hb","panel_side_left_show":"panel-module_panel_side_left_show__27zCp","panel_header":"panel-module_panel_header__-XSQx","has_border":"panel-module_has_border__bWX0V","has_no_bottom_padding":"panel-module_has_no_bottom_padding__qXuvu","panel_title":"panel-module_panel_title__vGQFO","panel_desc":"panel-module_panel_desc__xPExk","panel_intro":"panel-module_panel_intro__k-nI4","panel_body_outer":"panel-module_panel_body_outer__BxdZY","panel_body_outer_grey":"panel-module_panel_body_outer_grey__WxAyo","panel_body_outer_rel":"panel-module_panel_body_outer_rel__R4O2T","panel_body_inner":"panel-module_panel_body_inner__I4Ryl","panel_body_inner_no_margin":"panel-module_panel_body_inner_no_margin__Y1WF9","panelInner":"panel-module_panel_inner__mQe4I","isInvisible":"panel-module_is_invisible__lV3wi","panelOverlay":"panel-module_panel_overlay__YJOE7","animShow":"panel-module_anim_show__mFyPj","panelOverlayShow":"panel-module_panel_overlay_show__21PWq","animHide":"panel-module_anim_hide__mrRUv","panelOverlayHide":"panel-module_panel_overlay_hide__a5nvZ","panelRightShow":"panel-module_panel_right_show__jWqxt","panelRightHide":"panel-module_panel_right_hide__m4wsQ","panelLeftShow":"panel-module_panel_left_show__O7Vl2","panelLeftHide":"panel-module_panel_left_hide__vFcYv","panelClose":"panel-module_panel_close__go3aD","panelCloseLeft":"panel-module_panel_close_left__X4Ij0 panel-module_panel_close__go3aD","panelCloseAbsolute":"panel-module_panel_close_absolute__4jwgj panel-module_panel_close__go3aD","panelCloseInner":"panel-module_panel_close_inner__2RtFv","panelCloseImg":"panel-module_panel_close_img__qm1XV","panelSide":"panel-module_panel_side__j80hb","panelSideLeftShow":"panel-module_panel_side_left_show__27zCp","panelHeader":"panel-module_panel_header__-XSQx","hasBorder":"panel-module_has_border__bWX0V","hasNoBottomPadding":"panel-module_has_no_bottom_padding__qXuvu","panelTitle":"panel-module_panel_title__vGQFO","panelDesc":"panel-module_panel_desc__xPExk","panelIntro":"panel-module_panel_intro__k-nI4","panelBodyOuter":"panel-module_panel_body_outer__BxdZY","panelBodyOuterGrey":"panel-module_panel_body_outer_grey__WxAyo","panelBodyOuterRel":"panel-module_panel_body_outer_rel__R4O2T","panelBodyInner":"panel-module_panel_body_inner__I4Ryl","panelBodyInnerNoMargin":"panel-module_panel_body_inner_no_margin__Y1WF9"};
 styleInject(css_248z$1);
 
 function Panel(_a) {
-    var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose, _c = _a.width, width = _c === void 0 ? 500 : _c, _d = _a.noClose, noClose = _d === void 0 ? false : _d, _e = _a.side, side = _e === void 0 ? 'right' : _e, _f = _a.overlay, overlay = _f === void 0 ? true : _f, _g = _a.closeOnOverlay, closeOnOverlay = _g === void 0 ? false : _g, _h = _a.offsetWidth, offsetWidth = _h === void 0 ? 400 : _h, _j = _a.hasOffset, hasOffset = _j === void 0 ? false : _j;
+    var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose, _c = _a.width, width = _c === void 0 ? 500 : _c, _d = _a.hasClose, hasClose = _d === void 0 ? false : _d, _e = _a.side, side = _e === void 0 ? 'right' : _e, _f = _a.overlay, overlay = _f === void 0 ? true : _f, _g = _a.closeOnOverlay, closeOnOverlay = _g === void 0 ? false : _g, _h = _a.offsetWidth, offsetWidth = _h === void 0 ? 400 : _h, _j = _a.hasOffset, hasOffset = _j === void 0 ? false : _j;
     var _k = useState(isOpen), shouldRender = _k[0], setRender = _k[1];
     var style = {
         width: '',
@@ -240,18 +240,79 @@ function Panel(_a) {
         overlay &&
             React.createElement("div", { className: overlayClass.join(' '), onClick: function (ev) { return overlayClick(ev); } }),
         React.createElement("div", { className: panelClass.join(' '), style: style, tabIndex: -1, onAnimationEnd: onAnimationEnd },
-            !noClose &&
-                React.createElement(PanelClose, { onClick: function (ev) { return hide(ev); } }),
+            hasClose &&
+                React.createElement(PanelClose, { onClick: function (ev) { return hide(ev); }, position: 'absolute' }),
             children)));
 }
 function PanelClose(_a) {
-    var onClick = _a.onClick;
-    return (React.createElement("button", { className: styles$1.panel_close, onClick: onClick },
+    var onClick = _a.onClick, _b = _a.position, position = _b === void 0 ? 'none' : _b;
+    var outerClass = styles$1.panel_close;
+    if (position == 'absolute') {
+        outerClass = styles$1.panel_close_absolute;
+    }
+    else if (position == 'header_left') {
+        outerClass = styles$1.panel_close_left;
+    }
+    return (React.createElement("button", { className: outerClass, onClick: onClick },
         React.createElement("span", { className: styles$1.panel_close_inner },
             React.createElement("svg", { className: styles$1.panel_close_img, xmlns: "http://www.w3.org/2000/svg", width: "14.142", height: "14.142", viewBox: "0 0 14.142 14.142" },
                 React.createElement("g", { transform: "translate(-9.076 -25.075)" },
                     React.createElement("rect", { width: "18", height: "2", rx: "1", transform: "translate(10.49 25.075) rotate(45)", fill: "#757b96" }),
                     React.createElement("rect", { width: "18", height: "2", rx: "1", transform: "translate(23.218 26.489) rotate(135)", fill: "#757b96" }))))));
+}
+function PanelHeader(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.title, title = _c === void 0 ? '' : _c, _d = _a.intro, intro = _d === void 0 ? '' : _d, _e = _a.desc, desc = _e === void 0 ? '' : _e, _f = _a.hasClose, hasClose = _f === void 0 ? true : _f, _g = _a.hasBorder, hasBorder = _g === void 0 ? true : _g, _h = _a.hasBottomPadding, hasBottomPadding = _h === void 0 ? true : _h, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, onClose = _a.onClose;
+    var cssClass = [styles$1.panel_header];
+    // className
+    if (className) {
+        cssClass = cssClass.concat(className);
+    }
+    // Border
+    if (hasBorder) {
+        cssClass.push(styles$1.has_border);
+    }
+    // Bottom margin
+    if (!hasBottomPadding) {
+        cssClass.push(styles$1.has_no_bottom_padding);
+    }
+    return (React.createElement("div", { className: cssClass.join(' ') },
+        children,
+        React.createElement("div", { className: 'flex' },
+            hasClose &&
+                React.createElement("div", { className: "flex_item_fix" },
+                    React.createElement(PanelClose, { position: 'header_left', onClick: onClose })),
+            React.createElement("div", { className: 'flex_item_full' },
+                intro && React.createElement("div", { className: styles$1.panel_intro }, intro),
+                title && React.createElement("div", { className: styles$1.panel_title }, title),
+                desc && React.createElement("div", { className: styles$1.panel_desc }, desc),
+                children),
+            (primaryAction || secondaryAction) &&
+                React.createElement("div", { className: 'flex_item_fix ml_20' },
+                    secondaryAction,
+                    primaryAction))));
+}
+function PanelBody(_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.hasVerticalMargin, hasVerticalMargin = _e === void 0 ? true : _e;
+    var outerClass = [styles$1.panel_body_outer];
+    var innerClass = [styles$1.panel_body_inner];
+    // className
+    if (className) {
+        outerClass = outerClass.concat(className);
+    }
+    // Color
+    if (color == 'grey') {
+        outerClass.push(styles$1.panel_body_outer_grey);
+    }
+    // Position
+    if (position == 'relative') {
+        outerClass.push(styles$1.panel_body_outer_rel);
+    }
+    // Margin
+    if (!hasVerticalMargin) {
+        innerClass.push(styles$1.panel_body_inner_no_margin);
+    }
+    return (React.createElement("div", { className: outerClass.join(' '), style: style },
+        React.createElement("div", { className: innerClass.join(' ') }, children)));
 }
 
 var css_248z = ".collapse-module_header__3XouW{align-items:center;display:flex}.collapse-module_header_btn__WqgSX{border-radius:5px;cursor:pointer;flex:0 0 auto;font-size:16px;font-weight:500;padding:6px 10px 6px 24px;position:relative;transition:all .2s}.collapse-module_header_btn__WqgSX:focus,.collapse-module_header_btn__WqgSX:hover{background-color:var(--main-border-color)}.collapse-module_header__3XouW:after{border-top:1px solid var(--main-border-color);content:\"\";flex:1 1 auto;margin-left:4px}.collapse-module_arrow__m09w4{height:14px;left:0;margin-top:-7px;position:absolute;top:50%;transition:all .1s;width:20px}.collapse-module_arrow__m09w4 .collapse-module_fas__KttZB{display:block}.collapse-module_wrapper_open__-Pauk .collapse-module_arrow__m09w4{transform:rotate(180deg)}.collapse-module_body__n-AEV{margin-bottom:16px;margin-top:8px;transition:all .2s}.collapse-module_wrapper_close__pPihr .collapse-module_body__n-AEV{height:0;margin-top:0;overflow:hidden}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNlLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUEsK0JBRUksa0JBQW1CLENBRHRCLFlBRUQsQ0FDQSxtQ0FRSSxpQkFBa0IsQ0FMbEIsY0FBZSxDQURmLGFBQWMsQ0FFZCxjQUFlLENBQ2YsZUFBZ0IsQ0FFbkIseUJBQWtCLENBTmxCLGlCQUFrQixDQVFmLGtCQUNKLENBQ0Esa0ZBRUkseUNBQ0osQ0FDQSxxQ0FHSSw2Q0FBOEMsQ0FGOUMsVUFBVyxDQUNYLGFBQWMsQ0FFZCxlQUNKLENBR0EsOEJBTUMsV0FBWSxDQUpaLE1BQVMsQ0FFVCxlQUFnQixDQUhoQixpQkFBa0IsQ0FFbEIsT0FBUSxDQUlSLGtCQUFxQixDQUZyQixVQUdELENBQ0EsMERBQ0MsYUFDRCxDQUNBLG1FQUNJLHdCQUNKLENBR0EsNkJBR0ksa0JBQW1CLENBRG5CLGNBQWUsQ0FEZixrQkFHSixDQUNBLG1FQUNJLFFBQVMsQ0FDVCxZQUFhLENBQ2IsZUFDSiIsImZpbGUiOiJjb2xsYXBzZS5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyogV3JhcHBlciAqL1xuXG4ud3JhcHBlcl9jb21tb24ge1xuICAgIFxufVxuLndyYXBwZXJfY2xvc2Uge1xuICAgXG59XG4ud3JhcHBlcl9vcGVuIHtcbiBcbn1cblxuLyogSGVhZGVyICovXG4uaGVhZGVyIHtcblx0ZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmhlYWRlcl9idG4ge1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmxleDogMCAwIGF1dG87XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNTAwO1xuICAgIHBhZGRpbmc6IDZweCAxMHB4O1xuXHRwYWRkaW5nLWxlZnQ6IDI0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIHRyYW5zaXRpb246IGFsbCAyMDBtcztcbn1cbi5oZWFkZXJfYnRuOmhvdmVyLFxuLmhlYWRlcl9idG46Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcbn1cbi5oZWFkZXI6OmFmdGVyIHtcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgIGJvcmRlci10b3A6IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XG4gICAgbWFyZ2luLWxlZnQ6IDRweDtcbn1cblxuLyogQXJyb3cgKi9cbi5hcnJvdyB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0bGVmdDogMHB4O1xuXHR0b3A6IDUwJTtcblx0bWFyZ2luLXRvcDogLTdweDtcblx0d2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMTRweDtcblx0dHJhbnNpdGlvbjogYWxsIDEwMG1zO1xufVxuLmFycm93IC5mYXMge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cbi53cmFwcGVyX29wZW4gLmFycm93IHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xufVxuXG4vKiBCb2R5ICovXG4uYm9keSB7XG4gICAgdHJhbnNpdGlvbjogYWxsIDIwMG1zO1xuICAgIG1hcmdpbi10b3A6IDhweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxNnB4O1xufVxuLndyYXBwZXJfY2xvc2UgLmJvZHkge1xuICAgIGhlaWdodDogMDtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG59Il19 */";
@@ -294,5 +355,5 @@ function Collapse(_a) {
         React.createElement("div", { className: styles.body, ref: bodyRef }, children)));
 }
 
-export { BYbtn as Btn, Collapse, Modal, Panel, PanelClose, Portal };
+export { BYbtn as Btn, Collapse, Modal, Panel, PanelBody, PanelClose, PanelHeader, Portal };
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-beyable",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Ui library of Beyable projets",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",