@alphakits/ui 2.0.6 → 2.0.7

package/dist/sidepanel/component.d.ts

@@ -16,6 +16,7 @@ export type SidepanelProps = {
     bottomAddons?: React.ReactNode;
     dataTestId?: string;
     noCloser?: boolean;
+    showCloser?: boolean;
     noStickyFooter?: boolean;
     noStickyHeader?: boolean;
 } & Back;

package/dist/sidepanel/component.js

@@ -1,41 +1,43 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import v from "react";
-import N from "classnames";
-import { FlexColumns as x } from "../flex-columns/component.js";
-import { SidepanelHeader as S } from "../sidepanel-header/component.js";
-import { Skeleton as g } from "../skeleton/component.js";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import N from "react";
+import x from "classnames";
+import { FlexColumns as S } from "../flex-columns/component.js";
+import { SidepanelHeader as g } from "../sidepanel-header/component.js";
+import { Skeleton as y } from "../skeleton/component.js";
 import r from "./index.module.css.js";
-const H = ({
+const R = ({
   dataTestId: i,
   title: m,
   loading: t,
   headerRightAddons: a,
   subtitle: l,
   noCloser: s,
-  headerBottomAddons: n,
-  noStickyFooter: c,
-  noStickyHeader: d,
+  showCloser: n,
+  headerBottomAddons: c,
+  noStickyFooter: d,
+  noStickyHeader: p,
   bottomAddons: o,
-  children: p,
-  ...f
-}) => /* @__PURE__ */ e(v.Fragment, { children: t ? /* @__PURE__ */ e(x, { className: r.loader, columns: 1, gr: 20, children: new Array(7).fill("").map((y, h) => /* @__PURE__ */ e(g, { animate: !0, visible: !0, className: r.input }, h)) }) : /* @__PURE__ */ u("div", { children: [
+  children: f,
+  ...h
+}) => /* @__PURE__ */ e(N.Fragment, { children: t ? /* @__PURE__ */ e(S, { className: r.loader, columns: 1, gr: 20, children: new Array(7).fill("").map((j, u) => /* @__PURE__ */ e(y, { animate: !0, visible: !0, className: r.input }, u)) }) : /* @__PURE__ */ v("div", { children: [
   /* @__PURE__ */ e(
-    S,
+    g,
     {
       title: m,
-      className: d ? void 0 : r.header,
+      className: p ? void 0 : r.header,
       subtitle: l,
       noCloser: s,
+      showCloser: n,
       dataTestId: i,
       rightAddons: a,
-      bottomAddons: n,
-      ...f
+      bottomAddons: c,
+      ...h
     }
   ),
-  /* @__PURE__ */ e("div", { className: r.content, children: p }),
-  o && /* @__PURE__ */ e("div", { className: N(r.footer, { [r.noSticky]: c }), children: o })
+  /* @__PURE__ */ e("div", { className: r.content, children: f }),
+  o && /* @__PURE__ */ e("div", { className: x(r.footer, { [r.noSticky]: d }), children: o })
 ] }) });
 export {
-  H as Sidepanel
+  R as Sidepanel
 };
 //# sourceMappingURL=component.js.map

package/dist/sidepanel/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/sidepanel/component.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { SidepanelHeader } from '../sidepanel-header';\nimport { Skeleton } from '../skeleton';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelProps = {\n    title?: string;\n    loading?: boolean;\n    subtitle?: string;\n    headerRightAddons?: React.ReactNode;\n    headerBottomAddons?: React.ReactNode;\n    bottomAddons?: React.ReactNode;\n    dataTestId?: string;\n    noCloser?: boolean;\n    noStickyFooter?: boolean;\n    noStickyHeader?: boolean;\n} & Back;\n\nexport const Sidepanel: React.FC<SidepanelProps> = ({\n    dataTestId,\n    title,\n    loading,\n    headerRightAddons,\n    subtitle,\n    noCloser,\n    headerBottomAddons,\n    noStickyFooter,\n    noStickyHeader,\n    bottomAddons,\n    children,\n    ...props\n}) => (\n    <React.Fragment>\n        { loading ? (\n            <FlexColumns className={ styles.loader } columns={ 1 } gr={ 20 }>\n                { new Array(7).fill('').map((_, i) => (\n                    <Skeleton key={ i } animate={ true } visible={ true } className={ styles.input } />\n                )) }\n            </FlexColumns>\n        ) : (\n            <div>\n                <SidepanelHeader\n                    title={ title }\n                    className={ noStickyHeader ? undefined : styles.header }\n                    subtitle={ subtitle }\n                    noCloser={ noCloser }\n                    dataTestId={ dataTestId }\n                    rightAddons={ headerRightAddons }\n                    bottomAddons={ headerBottomAddons }\n                    { ...props }\n                />\n\n                <div className={ styles.content }>\n                    { children }\n                </div>\n\n                { bottomAddons && (\n                    <div className={ classNames(styles.footer, { [styles.noSticky]: noStickyFooter }) }>\n                        { bottomAddons }\n                    </div>\n                ) }\n            </div>\n        ) }\n    </React.Fragment>\n);\n"],"names":["Sidepanel","dataTestId","title","loading","headerRightAddons","subtitle","noCloser","headerBottomAddons","noStickyFooter","noStickyHeader","bottomAddons","children","props","React","FlexColumns","styles","_","i","jsx","Skeleton","SidepanelHeader","classNames"],"mappings":";;;;;;;AAgCO,MAAMA,IAAsC,CAAC;AAAA,EAChD,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,wBACKC,EAAM,UAAN,EACK,UAAAV,sBACGW,GAAA,EAAY,WAAYC,EAAO,QAAS,SAAU,GAAI,IAAK,IACtD,UAAA,IAAI,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,CAACC,GAAGC,MAC5B,gBAAAC,EAACC,GAAA,EAAmB,SAAU,IAAO,SAAU,IAAO,WAAYJ,EAAO,MAAA,GAAzDE,CAAiE,CACpF,EAAA,CACL,sBAEC,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,OAAAlB;AAAA,MACA,WAAYO,IAAiB,SAAYM,EAAO;AAAA,MAChD,UAAAV;AAAA,MACA,UAAAC;AAAA,MACA,YAAAL;AAAA,MACA,aAAcG;AAAA,MACd,cAAeG;AAAA,MACb,GAAGK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGT,gBAAAM,EAAC,OAAA,EAAI,WAAYH,EAAO,SAClB,UAAAJ,GACN;AAAA,EAEED,KACE,gBAAAQ,EAAC,OAAA,EAAI,WAAYG,EAAWN,EAAO,QAAQ,EAAE,CAACA,EAAO,QAAQ,GAAGP,EAAA,CAAgB,GAC1E,UAAAE,EAAA,CACN;AAAA,EAAA,CAER,EAAA,CAER;"}
+{"version":3,"file":"component.js","sources":["../../src/sidepanel/component.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { SidepanelHeader } from '../sidepanel-header';\nimport { Skeleton } from '../skeleton';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelProps = {\n    title?: string;\n    loading?: boolean;\n    subtitle?: string;\n    headerRightAddons?: React.ReactNode;\n    headerBottomAddons?: React.ReactNode;\n    bottomAddons?: React.ReactNode;\n    dataTestId?: string;\n    noCloser?: boolean;\n    showCloser?: boolean;\n    noStickyFooter?: boolean;\n    noStickyHeader?: boolean;\n} & Back;\n\nexport const Sidepanel: React.FC<SidepanelProps> = ({\n    dataTestId,\n    title,\n    loading,\n    headerRightAddons,\n    subtitle,\n    noCloser,\n    showCloser,\n    headerBottomAddons,\n    noStickyFooter,\n    noStickyHeader,\n    bottomAddons,\n    children,\n    ...props\n}) => (\n    <React.Fragment>\n        { loading ? (\n            <FlexColumns className={ styles.loader } columns={ 1 } gr={ 20 }>\n                { new Array(7).fill('').map((_, i) => (\n                    <Skeleton key={ i } animate={ true } visible={ true } className={ styles.input } />\n                )) }\n            </FlexColumns>\n        ) : (\n            <div>\n                <SidepanelHeader\n                    title={ title }\n                    className={ noStickyHeader ? undefined : styles.header }\n                    subtitle={ subtitle }\n                    noCloser={ noCloser }\n                    showCloser={ showCloser }\n                    dataTestId={ dataTestId }\n                    rightAddons={ headerRightAddons }\n                    bottomAddons={ headerBottomAddons }\n                    { ...props }\n                />\n\n                <div className={ styles.content }>\n                    { children }\n                </div>\n\n                { bottomAddons && (\n                    <div className={ classNames(styles.footer, { [styles.noSticky]: noStickyFooter }) }>\n                        { bottomAddons }\n                    </div>\n                ) }\n            </div>\n        ) }\n    </React.Fragment>\n);\n"],"names":["Sidepanel","dataTestId","title","loading","headerRightAddons","subtitle","noCloser","showCloser","headerBottomAddons","noStickyFooter","noStickyHeader","bottomAddons","children","props","React","FlexColumns","styles","_","i","jsx","Skeleton","SidepanelHeader","classNames"],"mappings":";;;;;;;AAiCO,MAAMA,IAAsC,CAAC;AAAA,EAChD,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,wBACKC,EAAM,UAAN,EACK,UAAAX,sBACGY,GAAA,EAAY,WAAYC,EAAO,QAAS,SAAU,GAAI,IAAK,IACtD,UAAA,IAAI,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,CAACC,GAAGC,MAC5B,gBAAAC,EAACC,GAAA,EAAmB,SAAU,IAAO,SAAU,IAAO,WAAYJ,EAAO,MAAA,GAAzDE,CAAiE,CACpF,EAAA,CACL,sBAEC,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,OAAAnB;AAAA,MACA,WAAYQ,IAAiB,SAAYM,EAAO;AAAA,MAChD,UAAAX;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAN;AAAA,MACA,aAAcG;AAAA,MACd,cAAeI;AAAA,MACb,GAAGK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGT,gBAAAM,EAAC,OAAA,EAAI,WAAYH,EAAO,SAClB,UAAAJ,GACN;AAAA,EAEED,KACE,gBAAAQ,EAAC,OAAA,EAAI,WAAYG,EAAWN,EAAO,QAAQ,EAAE,CAACA,EAAO,QAAQ,GAAGP,EAAA,CAAgB,GAC1E,UAAAE,EAAA,CACN;AAAA,EAAA,CAER,EAAA,CAER;"}

package/dist/sidepanel-header/component.d.ts

@@ -28,6 +28,7 @@ export type SidepanelHeaderProps = {
      * Id компонента для тестов
      */
     noCloser?: boolean;
+    showCloser?: boolean;
     dataTestId?: string;
     subtitle?: string;
 } & Back;

package/dist/sidepanel-header/component.js

@@ -1,13 +1,13 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import p from "classnames";
-import { BackButton as f } from "../back-button/component.js";
-import { FlexColumns as g } from "../flex-columns/component.js";
+import { BackButton as g } from "../back-button/component.js";
+import { FlexColumns as w } from "../flex-columns/component.js";
 import { Typography as t } from "../typography/component.js";
 import e from "./index.module.css.js";
-const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(g, { columns: 1, gr: 4, className: e.title, children: [
+const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(w, { columns: 1, gr: 4, className: e.title, children: [
   /* @__PURE__ */ r(t.Title, { color: "primary", tag: "div", view: "small", weight: "bold", children: m }),
   l && /* @__PURE__ */ r(t.Text, { view: "title", weight: "regular", color: "secondary", children: l })
-] }), j = ({
+] }), u = ({
   className: m,
   dataTestId: l,
   title: o,
@@ -16,7 +16,8 @@ const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(g, { columns: 1, gr:
   subtitle: c,
   t: d,
   bottomAddons: n,
-  noCloser: v
+  noCloser: f,
+  showCloser: v
 }) => /* @__PURE__ */ a(
   "div",
   {
@@ -24,9 +25,9 @@ const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(g, { columns: 1, gr:
     className: p(e.wrapper, m),
     children: [
       (i || o || s) && /* @__PURE__ */ a("div", { className: e.heading, children: [
-        i && d && /* @__PURE__ */ r(f, { onClick: i, t: d }),
+        i && d && /* @__PURE__ */ r(g, { onClick: i, t: d }),
         !i && o && /* @__PURE__ */ r(h, { title: o, subtitle: c }),
-        s && /* @__PURE__ */ r("div", { className: p(e.rightAddons, { [e.noCloser]: !!v }), children: s })
+        s && /* @__PURE__ */ r("div", { className: p(e.rightAddons, { [e.noCloser]: !!f || v === !1 }), children: s })
       ] }),
       !!i && o && /* @__PURE__ */ r(h, { title: o, subtitle: c }),
       !!n && /* @__PURE__ */ r("div", { className: e.bottomAddons, children: n })
@@ -34,6 +35,6 @@ const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(g, { columns: 1, gr:
   }
 );
 export {
-  j as SidepanelHeader
+  u as SidepanelHeader
 };
 //# sourceMappingURL=component.js.map

package/dist/sidepanel-header/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/sidepanel-header/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { BackButton } from '../back-button';\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelHeaderProps = {\n    /**\n     * Кастомный класс\n     */\n    className?: string;\n\n    /**\n     * title\n     */\n    title?: string;\n\n    /**\n     * rightAddons - слот слева\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * bottomAddons - слот внизу\n     */\n    bottomAddons?: React.ReactNode;\n\n    /**\n     * Id компонента для тестов\n     */\n    noCloser?: boolean;\n    dataTestId?: string;\n\n    subtitle?: string;\n} & Back;\n\nconst Title = ({ title, subtitle }: {title: string; subtitle?: string}) => (\n    <FlexColumns columns={ 1 } gr={ 4 } className={ styles.title }>\n\n        <Typography.Title color=\"primary\" tag=\"div\" view=\"small\" weight=\"bold\">\n            { title }\n        </Typography.Title>\n\n        { subtitle && (\n            <Typography.Text view=\"title\" weight=\"regular\" color=\"secondary\">\n                { subtitle }\n            </Typography.Text>\n        ) }\n\n    </FlexColumns>\n);\n\nexport const SidepanelHeader: React.FC<SidepanelHeaderProps> = ({\n    className,\n    dataTestId,\n    title,\n    rightAddons,\n    back,\n    subtitle,\n    t,\n    bottomAddons,\n    noCloser,\n}) => (\n    <div\n        data-test-id={ dataTestId }\n        className={ cn(styles.wrapper, className) }\n    >\n        { (back || title || rightAddons) && (\n            <div className={ styles.heading }>\n                { back && t && (\n                    <BackButton onClick={ back } t={ t } />\n                ) }\n\n                { !back && title && (\n                    <Title title={ title } subtitle={ subtitle } />\n                ) }\n\n                { rightAddons && <div className={ cn(styles.rightAddons, { [styles.noCloser]: !!noCloser }) }>{ rightAddons }</div> }\n            </div>\n        ) }\n\n        { !!back && title && (\n            <Title title={ title } subtitle={ subtitle } />\n        ) }\n\n        { !!bottomAddons && <div className={ styles.bottomAddons }>{ bottomAddons }</div> }\n\n    </div>\n);\n"],"names":["Title","title","subtitle","jsxs","FlexColumns","styles","jsx","Typography","SidepanelHeader","className","dataTestId","rightAddons","back","t","bottomAddons","noCloser","cn","BackButton"],"mappings":";;;;;;AAgDA,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,UAAAC,QACpB,gBAAAC,EAACC,GAAA,EAAY,SAAU,GAAI,IAAK,GAAI,WAAYC,EAAO,OAEnD,UAAA;AAAA,EAAA,gBAAAC,EAACC,EAAW,OAAX,EAAiB,OAAM,WAAU,KAAI,OAAM,MAAK,SAAQ,QAAO,QAC1D,UAAAN,EAAA,CACN;AAAA,EAEEC,KACE,gBAAAI,EAACC,EAAW,MAAX,EAAgB,MAAK,SAAQ,QAAO,WAAU,OAAM,aAC/C,UAAAL,EAAA,CACN;AAAA,GAGR,GAGSM,IAAkD,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAT;AAAA,EACA,aAAAU;AAAA,EACA,MAAAC;AAAA,EACA,UAAAV;AAAA,EACA,GAAAW;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACJ,MACI,gBAAAZ;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAeO;AAAA,IACf,WAAYM,EAAGX,EAAO,SAASI,CAAS;AAAA,IAErC,UAAA;AAAA,OAAAG,KAAQX,KAASU,MAChB,gBAAAR,EAAC,OAAA,EAAI,WAAYE,EAAO,SAClB,UAAA;AAAA,QAAAO,KAAQC,KACN,gBAAAP,EAACW,GAAA,EAAW,SAAUL,GAAO,GAAAC,GAAQ;AAAA,QAGvC,CAACD,KAAQX,KACP,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,QAG/CS,KAAe,gBAAAL,EAAC,OAAA,EAAI,WAAYU,EAAGX,EAAO,aAAa,EAAE,CAACA,EAAO,QAAQ,GAAG,CAAC,CAACU,EAAA,CAAU,GAAM,UAAAJ,EAAA,CAAa;AAAA,MAAA,GACjH;AAAA,MAGF,CAAC,CAACC,KAAQX,KACR,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,MAG/C,CAAC,CAACY,KAAgB,gBAAAR,EAAC,SAAI,WAAYD,EAAO,cAAiB,UAAAS,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAE/E;"}
+{"version":3,"file":"component.js","sources":["../../src/sidepanel-header/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { BackButton } from '../back-button';\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelHeaderProps = {\n    /**\n     * Кастомный класс\n     */\n    className?: string;\n\n    /**\n     * title\n     */\n    title?: string;\n\n    /**\n     * rightAddons - слот слева\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * bottomAddons - слот внизу\n     */\n    bottomAddons?: React.ReactNode;\n\n    /**\n     * Id компонента для тестов\n     */\n    noCloser?: boolean;\n    showCloser?: boolean;\n    dataTestId?: string;\n\n    subtitle?: string;\n} & Back;\n\nconst Title = ({ title, subtitle }: {title: string; subtitle?: string}) => (\n    <FlexColumns columns={ 1 } gr={ 4 } className={ styles.title }>\n\n        <Typography.Title color=\"primary\" tag=\"div\" view=\"small\" weight=\"bold\">\n            { title }\n        </Typography.Title>\n\n        { subtitle && (\n            <Typography.Text view=\"title\" weight=\"regular\" color=\"secondary\">\n                { subtitle }\n            </Typography.Text>\n        ) }\n\n    </FlexColumns>\n);\n\nexport const SidepanelHeader: React.FC<SidepanelHeaderProps> = ({\n    className,\n    dataTestId,\n    title,\n    rightAddons,\n    back,\n    subtitle,\n    t,\n    bottomAddons,\n    noCloser,\n    showCloser,\n}) => (\n    <div\n        data-test-id={ dataTestId }\n        className={ cn(styles.wrapper, className) }\n    >\n        { (back || title || rightAddons) && (\n            <div className={ styles.heading }>\n                { back && t && (\n                    <BackButton onClick={ back } t={ t } />\n                ) }\n\n                { !back && title && (\n                    <Title title={ title } subtitle={ subtitle } />\n                ) }\n\n                { rightAddons && <div className={ cn(styles.rightAddons, { [styles.noCloser]: !!noCloser || showCloser === false }) }>{ rightAddons }</div> }\n            </div>\n        ) }\n\n        { !!back && title && (\n            <Title title={ title } subtitle={ subtitle } />\n        ) }\n\n        { !!bottomAddons && <div className={ styles.bottomAddons }>{ bottomAddons }</div> }\n\n    </div>\n);\n"],"names":["Title","title","subtitle","jsxs","FlexColumns","styles","jsx","Typography","SidepanelHeader","className","dataTestId","rightAddons","back","t","bottomAddons","noCloser","showCloser","cn","BackButton"],"mappings":";;;;;;AAiDA,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,UAAAC,QACpB,gBAAAC,EAACC,GAAA,EAAY,SAAU,GAAI,IAAK,GAAI,WAAYC,EAAO,OAEnD,UAAA;AAAA,EAAA,gBAAAC,EAACC,EAAW,OAAX,EAAiB,OAAM,WAAU,KAAI,OAAM,MAAK,SAAQ,QAAO,QAC1D,UAAAN,EAAA,CACN;AAAA,EAEEC,KACE,gBAAAI,EAACC,EAAW,MAAX,EAAgB,MAAK,SAAQ,QAAO,WAAU,OAAM,aAC/C,UAAAL,EAAA,CACN;AAAA,GAGR,GAGSM,IAAkD,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAT;AAAA,EACA,aAAAU;AAAA,EACA,MAAAC;AAAA,EACA,UAAAV;AAAA,EACA,GAAAW;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACJ,MACI,gBAAAb;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAeO;AAAA,IACf,WAAYO,EAAGZ,EAAO,SAASI,CAAS;AAAA,IAErC,UAAA;AAAA,OAAAG,KAAQX,KAASU,MAChB,gBAAAR,EAAC,OAAA,EAAI,WAAYE,EAAO,SAClB,UAAA;AAAA,QAAAO,KAAQC,KACN,gBAAAP,EAACY,GAAA,EAAW,SAAUN,GAAO,GAAAC,GAAQ;AAAA,QAGvC,CAACD,KAAQX,KACP,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,QAG/CS,KAAe,gBAAAL,EAAC,OAAA,EAAI,WAAYW,EAAGZ,EAAO,aAAa,EAAE,CAACA,EAAO,QAAQ,GAAG,CAAC,CAACU,KAAYC,MAAe,IAAO,GAAM,UAAAL,EAAA,CAAa;AAAA,MAAA,GACzI;AAAA,MAGF,CAAC,CAACC,KAAQX,KACR,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,MAG/C,CAAC,CAACY,KAAgB,gBAAAR,EAAC,SAAI,WAAYD,EAAO,cAAiB,UAAAS,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAE/E;"}

package/dist/sidepanel-header/index.module.css

@@ -1 +1 @@
-.wrapper_QxqD{padding:28px 32px 12px;background-color:var(--color-bg-primary);box-sizing:border-box}.heading_XGDy{display:flex;justify-content:space-between;min-height:48px}.title_jwxc,.bottomAddons_3yzd{padding-bottom:8px;padding-top:8px}.rightAddons_aZFa{margin-right:48px;height:48px;display:flex;align-items:center}.noCloser_O7u0{margin-right:0}@media(max-width:823px){.wrapper_QxqD{padding:16px 16px 12px!important}}
+.wrapper_QxqD{padding:28px 32px 12px;background-color:var(--color-bg-primary);box-sizing:border-box}.heading_XGDy{display:flex;justify-content:space-between;min-height:48px}.title_jwxc,.bottomAddons_3yzd{padding-bottom:8px;padding-top:8px}.rightAddons_aZFa{margin-right:48px;height:48px;display:flex;align-items:center}.noCloser_O7u0{margin-right:0!important}@media(max-width:823px){.wrapper_QxqD{padding:16px 16px 12px!important}}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alphakits/ui",
-    "version": "2.0.6",
+    "version": "2.0.7",
     "files": [
         "dist"
     ],