@arthurzakharov/ui-kit 1.0.110 → 1.0.111

package/dist/assets/flex-SmlW8MPC.css

@@ -0,0 +1 @@
+._Flex_1afhk_1{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:initial}._FlexGapXxs_1afhk_8{gap:var(--rm-ui-padding-xxs)}._FlexGapXs_1afhk_12{gap:var(--rm-ui-padding-xs)}._FlexGapSm_1afhk_16{gap:var(--rm-ui-padding-sm)}._FlexGapMd_1afhk_20{gap:var(--rm-ui-padding-md)}._FlexGapLg_1afhk_24{gap:var(--rm-ui-padding-lg)}._FlexGapXl_1afhk_28{gap:var(--rm-ui-padding-xl)}._FlexGapXxl_1afhk_32{gap:var(--rm-ui-padding-xxl)}._FlexGapXxxl_1afhk_36{gap:var(--rm-ui-padding-xxxl)}._FlexChildGrowContent_1afhk_40{flex-grow:initial}._FlexChildGrowEqual_1afhk_44,._FlexChildGrow1_1afhk_48{flex-grow:1}._FlexChildGrow2_1afhk_52{flex-grow:2}._FlexChildGrow3_1afhk_56{flex-grow:3}._FlexChildGrow4_1afhk_60{flex-grow:4}._FlexDirectionRow_1afhk_64{flex-direction:row;align-items:flex-start}._FlexDirectionColumn_1afhk_69{flex-direction:column;align-items:stretch}

package/dist/components/flex/flex.component.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 export interface FlexProps extends PropsWithChildren {
     gap?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
-    grow: 'content' | 'equal' | (1 | 2 | 3 | 4)[];
+    grow?: 'content' | 'equal' | (1 | 2 | 3 | 4)[];
     direction?: 'column' | 'row';
 }
 export declare const Flex: (props: FlexProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/flex/flex.component.js

@@ -1,54 +1,54 @@
-import { jsx as _ } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { Children as i, cloneElement as t, isValidElement as s } from "react";
-import G from "clsx";
-import '../../assets/flex-lbQJZmio.css';const p = "_Flex_1q4zx_1", c = "_FlexGapXxs_1q4zx_7", C = "_FlexGapXs_1q4zx_11", w = "_FlexGapSm_1q4zx_15", d = "_FlexGapMd_1q4zx_19", m = "_FlexGapLg_1q4zx_23", q = "_FlexGapXl_1q4zx_27", h = "_FlexGapXxl_1q4zx_31", X = "_FlexGapXxxl_1q4zx_35", z = "_FlexChildGrowContent_1q4zx_39", u = "_FlexChildGrowEqual_1q4zx_43", y = "_FlexChildGrow1_1q4zx_47", A = "_FlexChildGrow2_1q4zx_51", D = "_FlexChildGrow3_1q4zx_55", g = "_FlexChildGrow4_1q4zx_59", E = "_FlexDirectionRow_1q4zx_63", L = "_FlexDirectionColumn_1q4zx_69", l = {
+import r from "clsx";
+import '../../assets/flex-SmlW8MPC.css';const p = "_Flex_1afhk_1", h = "_FlexGapXxs_1afhk_8", c = "_FlexGapXs_1afhk_12", C = "_FlexGapSm_1afhk_16", w = "_FlexGapMd_1afhk_20", d = "_FlexGapLg_1afhk_24", m = "_FlexGapXl_1afhk_28", f = "_FlexGapXxl_1afhk_32", X = "_FlexGapXxxl_1afhk_36", k = "_FlexChildGrowContent_1afhk_40", u = "_FlexChildGrowEqual_1afhk_44", y = "_FlexChildGrow1_1afhk_48", A = "_FlexChildGrow2_1afhk_52", D = "_FlexChildGrow3_1afhk_56", g = "_FlexChildGrow4_1afhk_60", E = "_FlexDirectionRow_1afhk_64", q = "_FlexDirectionColumn_1afhk_69", l = {
   Flex: p,
-  FlexGapXxs: c,
-  FlexGapXs: C,
-  FlexGapSm: w,
-  FlexGapMd: d,
-  FlexGapLg: m,
-  FlexGapXl: q,
-  FlexGapXxl: h,
+  FlexGapXxs: h,
+  FlexGapXs: c,
+  FlexGapSm: C,
+  FlexGapMd: w,
+  FlexGapLg: d,
+  FlexGapXl: m,
+  FlexGapXxl: f,
   FlexGapXxxl: X,
-  FlexChildGrowContent: z,
+  FlexChildGrowContent: k,
   FlexChildGrowEqual: u,
   FlexChildGrow1: y,
   FlexChildGrow2: A,
   FlexChildGrow3: D,
   FlexChildGrow4: g,
   FlexDirectionRow: E,
-  FlexDirectionColumn: L
-}, f = (a) => {
-  const { children: n, gap: e, grow: x = "content", direction: r } = a;
-  return /* @__PURE__ */ _(
+  FlexDirectionColumn: q
+}, S = (G) => {
+  const { children: _, gap: x, grow: e, direction: F } = G;
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: G(l.Flex, {
-        [l.FlexDirectionColumn]: r === "column",
-        [l.FlexDirectionRow]: r === "row",
-        [l.FlexGapXxs]: e === "xxs",
-        [l.FlexGapXs]: e === "xs",
-        [l.FlexGapSm]: e === "sm",
-        [l.FlexGapMd]: e === "md",
-        [l.FlexGapLg]: e === "lg",
-        [l.FlexGapXl]: e === "xl",
-        [l.FlexGapXxl]: e === "xxl",
-        [l.FlexGapXxxl]: e === "xxxl"
+      className: r(l.Flex, {
+        [l.FlexDirectionColumn]: F === "column",
+        [l.FlexDirectionRow]: F === "row",
+        [l.FlexGapXxs]: x === "xxs",
+        [l.FlexGapXs]: x === "xs",
+        [l.FlexGapSm]: x === "sm",
+        [l.FlexGapMd]: x === "md",
+        [l.FlexGapLg]: x === "lg",
+        [l.FlexGapXl]: x === "xl",
+        [l.FlexGapXxl]: x === "xxl",
+        [l.FlexGapXxxl]: x === "xxxl"
       }),
-      children: i.map(n, (o, F) => s(o) ? t(o, {
-        className: G(o.props.className, {
-          [l.FlexChildGrowContent]: x === "content",
-          [l.FlexChildGrowEqual]: x === "equal",
-          [l.FlexChildGrow1]: Array.isArray(x) && x[F] === 1,
-          [l.FlexChildGrow2]: Array.isArray(x) && x[F] === 2,
-          [l.FlexChildGrow3]: Array.isArray(x) && x[F] === 3,
-          [l.FlexChildGrow4]: Array.isArray(x) && x[F] === 4
+      children: i.map(_, (o, a) => s(o) && e ? t(o, {
+        className: r(o.props.className, {
+          [l.FlexChildGrowContent]: e === "content",
+          [l.FlexChildGrowEqual]: e === "equal",
+          [l.FlexChildGrow1]: Array.isArray(e) && e[a] === 1,
+          [l.FlexChildGrow2]: Array.isArray(e) && e[a] === 2,
+          [l.FlexChildGrow3]: Array.isArray(e) && e[a] === 3,
+          [l.FlexChildGrow4]: Array.isArray(e) && e[a] === 4
         })
       }) : o)
     }
   );
 };
 export {
-  f as Flex
+  S as Flex
 };

package/dist/main.d.ts

@@ -5,6 +5,7 @@ export { DataProtectedLabel, type DataProtectedLabelProps, } from './components/
 export { Dialog, type DialogProps, type DialogSize, type DialogPosition } from './components/dialog/dialog.component';
 export { DialogArticle, type DialogArticleProps, type DialogActionButton, } from './components/dialog-article/dialog-article.component';
 export { Expenses, type ExpensesProps } from './components/expenses/expenses.component';
+export { Flex, type FlexProps } from './components/flex/flex.component';
 export { Footer, type FooterProps, type FooterLink } from './components/footer/footer.component';
 export { Header, type HeaderProps, type HeaderDescription } from './components/header/header.component';
 export { InfoPanel, type InfoPanelProps } from './components/info-panel/info-panel.component';

package/dist/main.js

@@ -5,24 +5,25 @@ import { DataProtectedLabel as a } from "./components/data-protected-label/data-
 import { Dialog as i } from "./components/dialog/dialog.component.js";
 import { DialogArticle as s } from "./components/dialog-article/dialog-article.component.js";
 import { Expenses as d } from "./components/expenses/expenses.component.js";
-import { Footer as L } from "./components/footer/footer.component.js";
-import { Header as y } from "./components/header/header.component.js";
-import { InfoPanel as C } from "./components/info-panel/info-panel.component.js";
-import { Information as M } from "./components/information/information.component.js";
-import { Layout as k } from "./components/layout/layout.component.js";
-import { Line as B } from "./components/line/line.component.js";
-import { Loader as I } from "./components/loader/loader.component.js";
-import { LoadingBlock as h } from "./components/loading-block/loading-block.component.js";
-import { MainAttachment as E } from "./components/main-attachment/main-attachment.component.js";
-import { Message as N } from "./components/message/message.component.js";
-import { MessageBlock as U } from "./components/message-block/message-block.component.js";
-import { NotFound as j } from "./components/not-found/not-found.component.js";
-import { Payment as w } from "./components/payment/payment.component.js";
-import { Sidebar as G } from "./components/sidebar/sidebar.component.js";
-import { Svg as K } from "./components/svg/svg.component.js";
-import { Text as Q } from "./components/text/text.component.js";
-import { UserPanel as V } from "./components/user-panel/user-panel.component.js";
-import { Warranty as Y } from "./components/warranty/warranty.component.js";
+import { Flex as L } from "./components/flex/flex.component.js";
+import { Footer as y } from "./components/footer/footer.component.js";
+import { Header as C } from "./components/header/header.component.js";
+import { InfoPanel as F } from "./components/info-panel/info-panel.component.js";
+import { Information as b } from "./components/information/information.component.js";
+import { Layout as u } from "./components/layout/layout.component.js";
+import { Line as I } from "./components/line/line.component.js";
+import { Loader as h } from "./components/loader/loader.component.js";
+import { LoadingBlock as E } from "./components/loading-block/loading-block.component.js";
+import { MainAttachment as N } from "./components/main-attachment/main-attachment.component.js";
+import { Message as U } from "./components/message/message.component.js";
+import { MessageBlock as j } from "./components/message-block/message-block.component.js";
+import { NotFound as w } from "./components/not-found/not-found.component.js";
+import { Payment as G } from "./components/payment/payment.component.js";
+import { Sidebar as K } from "./components/sidebar/sidebar.component.js";
+import { Svg as Q } from "./components/svg/svg.component.js";
+import { Text as V } from "./components/text/text.component.js";
+import { UserPanel as Y } from "./components/user-panel/user-panel.component.js";
+import { Warranty as _ } from "./components/warranty/warranty.component.js";
 import './assets/main--usgu9xb.css';export {
   e as Animation,
   m as Certifications,
@@ -31,22 +32,23 @@ import './assets/main--usgu9xb.css';export {
   i as Dialog,
   s as DialogArticle,
   d as Expenses,
-  L as Footer,
-  y as Header,
-  C as InfoPanel,
-  M as Information,
-  k as Layout,
-  B as Line,
-  I as Loader,
-  h as LoadingBlock,
-  E as MainAttachment,
-  N as Message,
-  U as MessageBlock,
-  j as NotFound,
-  w as Payment,
-  G as Sidebar,
-  K as Svg,
-  Q as Text,
-  V as UserPanel,
-  Y as Warranty
+  L as Flex,
+  y as Footer,
+  C as Header,
+  F as InfoPanel,
+  b as Information,
+  u as Layout,
+  I as Line,
+  h as Loader,
+  E as LoadingBlock,
+  N as MainAttachment,
+  U as Message,
+  j as MessageBlock,
+  w as NotFound,
+  G as Payment,
+  K as Sidebar,
+  Q as Svg,
+  V as Text,
+  Y as UserPanel,
+  _ as Warranty
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.0.110",
+  "version": "1.0.111",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/flex-lbQJZmio.css

@@ -1 +0,0 @@
-._Flex_1q4zx_1{display:flex;flex-wrap:nowrap;background-color:#82868f}._FlexGapXxs_1q4zx_7{gap:var(--rm-ui-padding-xxs)}._FlexGapXs_1q4zx_11{gap:var(--rm-ui-padding-xs)}._FlexGapSm_1q4zx_15{gap:var(--rm-ui-padding-sm)}._FlexGapMd_1q4zx_19{gap:var(--rm-ui-padding-md)}._FlexGapLg_1q4zx_23{gap:var(--rm-ui-padding-lg)}._FlexGapXl_1q4zx_27{gap:var(--rm-ui-padding-xl)}._FlexGapXxl_1q4zx_31{gap:var(--rm-ui-padding-xxl)}._FlexGapXxxl_1q4zx_35{gap:var(--rm-ui-padding-xxxl)}._FlexChildGrowContent_1q4zx_39{flex-grow:initial}._FlexChildGrowEqual_1q4zx_43,._FlexChildGrow1_1q4zx_47{flex-grow:1}._FlexChildGrow2_1q4zx_51{flex-grow:2}._FlexChildGrow3_1q4zx_55{flex-grow:3}._FlexChildGrow4_1q4zx_59{flex-grow:4}._FlexDirectionRow_1q4zx_63{flex-direction:row;align-items:flex-start;justify-content:flex-start}._FlexDirectionColumn_1q4zx_69{flex-direction:column;align-items:stretch;justify-content:flex-start}