@arthurzakharov/ui-kit 1.0.115 → 1.0.117

package/dist/assets/flex-DTQLmbal.css

@@ -0,0 +1 @@
+._Flex_1pov9_1{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:initial}._FlexGapXxs_1pov9_8{gap:var(--rm-ui-padding-xxs)}._FlexGapXs_1pov9_12{gap:var(--rm-ui-padding-xs)}._FlexGapSm_1pov9_16{gap:var(--rm-ui-padding-sm)}._FlexGapMd_1pov9_20{gap:var(--rm-ui-padding-md)}._FlexGapLg_1pov9_24{gap:var(--rm-ui-padding-lg)}._FlexGapXl_1pov9_28{gap:var(--rm-ui-padding-xl)}._FlexGapXxl_1pov9_32{gap:var(--rm-ui-padding-xxl)}._FlexGapXxxl_1pov9_36{gap:var(--rm-ui-padding-xxxl)}._FlexMarginTopSm_1pov9_40{margin-top:var(--rm-ui-padding-sm)}._FlexMarginTopMd_1pov9_44{margin-top:var(--rm-ui-padding-md)}._FlexMarginBottomSm_1pov9_48{margin-bottom:var(--rm-ui-padding-sm)}._FlexMarginBottomMd_1pov9_52{margin-bottom:var(--rm-ui-padding-md)}._FlexDirectionRow_1pov9_56{flex-direction:row;align-items:flex-start}._FlexDirectionColumn_1pov9_61{flex-direction:column;align-items:stretch}._FlexAlignCenter_1pov9_66{align-items:center}._FlexAlignStart_1pov9_70{align-items:flex-start}._FlexAlignEnd_1pov9_74{align-items:flex-end}._FlexJustifyCenter_1pov9_78{justify-content:center}._FlexJustifyStart_1pov9_82{justify-content:flex-start}._FlexJustifyEnd_1pov9_86{justify-content:flex-end}@media screen and (min-width:768px){._FlexDirectionRow_1pov9_56._FlexChangeDirectionAfterTabletSize_1pov9_91{flex-direction:column}._FlexDirectionColumn_1pov9_61._FlexChangeDirectionAfterTabletSize_1pov9_91{flex-direction:row}}@media screen and (min-width:1024px){._FlexDirectionRow_1pov9_56._FlexChangeDirectionAfterLaptopSize_1pov9_101{flex-direction:column}._FlexDirectionColumn_1pov9_61._FlexChangeDirectionAfterLaptopSize_1pov9_101{flex-direction:row}}@media screen and (min-width:1200px){._FlexDirectionRow_1pov9_56._FlexChangeDirectionAfterPcSize_1pov9_111{flex-direction:column}._FlexDirectionColumn_1pov9_61._FlexChangeDirectionAfterPcSize_1pov9_111{flex-direction:row}}

package/dist/assets/paragraph-BrjH-60G.css

@@ -0,0 +1 @@
+._ParagraphLined_1dmey_1{text-decoration:underline}._ParagraphWeightLight_1dmey_5{font-weight:var(--rm-ui-font-weight-light)}._ParagraphWeightRegular_1dmey_9{font-weight:var(--rm-ui-font-weight-regular)}._ParagraphWeightMedium_1dmey_13{font-weight:var(--rm-ui-font-weight-medium)}._ParagraphWeightBold_1dmey_17{font-weight:var(--rm-ui-font-weight-bold)}._ParagraphSizeRegular_1dmey_21{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ParagraphSizeSmall_1dmey_26{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ParagraphSizeExtraSmall_1dmey_31{font-size:var(--rm-ui-font-size-body-extra-small);line-height:var(--rm-ui-line-height-body-extra-small)}._ParagraphColorPrimary_1dmey_36{color:var(--rm-ui-color-text-primary)}._ParagraphColorSecondary_1dmey_40{color:var(--rm-ui-color-text-secondary)}._ParagraphColorAccentPrimary_1dmey_44{color:var(--rm-ui-color-accent-primary)}._ParagraphColorAccentSecondary_1dmey_48{color:var(--rm-ui-color-accent-secondary)}

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

@@ -1,7 +1,8 @@
 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)[];
+    basis?: string | number;
+    grow?: 'content' | 'equal';
     direction?: 'column' | 'row';
     align?: 'center' | 'start' | 'end';
     justify?: 'center' | 'start' | 'end';

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

@@ -1,96 +1,83 @@
-import { jsx as C } from "react/jsx-runtime";
-import { Children as m, cloneElement as d, isValidElement as h } from "react";
-import _ from "clsx";
-import '../../assets/flex-BkfG8hLn.css';const q = "_Flex_efqog_1", A = "_FlexGapXxs_efqog_8", S = "_FlexGapXs_efqog_12", w = "_FlexGapSm_efqog_16", M = "_FlexGapMd_efqog_20", u = "_FlexGapLg_efqog_24", D = "_FlexGapXl_efqog_28", y = "_FlexGapXxl_efqog_32", X = "_FlexGapXxxl_efqog_36", z = "_FlexMarginTopSm_efqog_40", E = "_FlexMarginTopMd_efqog_44", T = "_FlexMarginBottomSm_efqog_48", J = "_FlexMarginBottomMd_efqog_52", B = "_FlexChildGrowContent_efqog_56", L = "_FlexChildGrowEqual_efqog_60", b = "_FlexChildGrow1_efqog_64", P = "_FlexChildGrow2_efqog_68", N = "_FlexChildGrow3_efqog_72", R = "_FlexChildGrow4_efqog_76", j = "_FlexDirectionRow_efqog_80", v = "_FlexDirectionColumn_efqog_85", V = "_FlexAlignCenter_efqog_90", $ = "_FlexAlignStart_efqog_94", k = "_FlexAlignEnd_efqog_98", H = "_FlexJustifyCenter_efqog_102", K = "_FlexJustifyStart_efqog_106", O = "_FlexJustifyEnd_efqog_110", Q = "_FlexChangeDirectionAfterTabletSize_efqog_115", U = "_FlexChangeDirectionAfterLaptopSize_efqog_125", W = "_FlexChangeDirectionAfterPcSize_efqog_135", e = {
-  Flex: q,
-  FlexGapXxs: A,
-  FlexGapXs: S,
-  FlexGapSm: w,
-  FlexGapMd: M,
-  FlexGapLg: u,
-  FlexGapXl: D,
-  FlexGapXxl: y,
-  FlexGapXxxl: X,
+import { jsx as p } from "react/jsx-runtime";
+import { Children as s, isValidElement as d } from "react";
+import G from "clsx";
+import '../../assets/flex-DTQLmbal.css';const M = "_Flex_1pov9_1", v = "_FlexGapXxs_1pov9_8", A = "_FlexGapXs_1pov9_12", C = "_FlexGapSm_1pov9_16", u = "_FlexGapMd_1pov9_20", D = "_FlexGapLg_1pov9_24", X = "_FlexGapXl_1pov9_28", h = "_FlexGapXxl_1pov9_32", y = "_FlexGapXxxl_1pov9_36", z = "_FlexMarginTopSm_1pov9_40", T = "_FlexMarginTopMd_1pov9_44", J = "_FlexMarginBottomSm_1pov9_48", B = "_FlexMarginBottomMd_1pov9_52", E = "_FlexDirectionRow_1pov9_56", L = "_FlexDirectionColumn_1pov9_61", b = "_FlexAlignCenter_1pov9_66", w = "_FlexAlignStart_1pov9_70", P = "_FlexAlignEnd_1pov9_74", R = "_FlexJustifyCenter_1pov9_78", $ = "_FlexJustifyStart_1pov9_82", j = "_FlexJustifyEnd_1pov9_86", N = "_FlexChangeDirectionAfterTabletSize_1pov9_91", q = "_FlexChangeDirectionAfterLaptopSize_1pov9_101", V = "_FlexChangeDirectionAfterPcSize_1pov9_111", e = {
+  Flex: M,
+  FlexGapXxs: v,
+  FlexGapXs: A,
+  FlexGapSm: C,
+  FlexGapMd: u,
+  FlexGapLg: D,
+  FlexGapXl: X,
+  FlexGapXxl: h,
+  FlexGapXxxl: y,
   FlexMarginTopSm: z,
-  FlexMarginTopMd: E,
-  FlexMarginBottomSm: T,
-  FlexMarginBottomMd: J,
-  FlexChildGrowContent: B,
-  FlexChildGrowEqual: L,
-  FlexChildGrow1: b,
-  FlexChildGrow2: P,
-  FlexChildGrow3: N,
-  FlexChildGrow4: R,
-  FlexDirectionRow: j,
-  FlexDirectionColumn: v,
-  FlexAlignCenter: V,
-  FlexAlignStart: $,
-  FlexAlignEnd: k,
-  FlexJustifyCenter: H,
-  FlexJustifyStart: K,
-  FlexJustifyEnd: O,
-  FlexChangeDirectionAfterTabletSize: Q,
-  FlexChangeDirectionAfterLaptopSize: U,
-  FlexChangeDirectionAfterPcSize: W
-}, ee = (g) => {
+  FlexMarginTopMd: T,
+  FlexMarginBottomSm: J,
+  FlexMarginBottomMd: B,
+  FlexDirectionRow: E,
+  FlexDirectionColumn: L,
+  FlexAlignCenter: b,
+  FlexAlignStart: w,
+  FlexAlignEnd: P,
+  FlexJustifyCenter: R,
+  FlexJustifyStart: $,
+  FlexJustifyEnd: j,
+  FlexChangeDirectionAfterTabletSize: N,
+  FlexChangeDirectionAfterLaptopSize: q,
+  FlexChangeDirectionAfterPcSize: V
+}, K = (_) => {
   const {
-    children: s,
-    gap: o,
-    grow: l,
-    direction: r = "row",
+    children: i,
+    gap: l,
+    basis: t,
+    grow: c,
+    direction: a = "row",
     align: n,
-    justify: i,
+    justify: o,
     marginTop: F,
-    marginBottom: a,
-    className: c = "",
-    changeDirectionAfterTabletSize: f = !1,
-    changeDirectionAfterLaptopSize: p = !1,
-    changeDirectionAfterPcSize: G = !1
-  } = g;
-  return /* @__PURE__ */ C(
+    marginBottom: r,
+    className: g = "",
+    changeDirectionAfterTabletSize: m = !1,
+    changeDirectionAfterLaptopSize: f = !1,
+    changeDirectionAfterPcSize: S = !1
+  } = _;
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: _(e.Flex, c, {
-        [e.FlexChangeDirectionAfterTabletSize]: f,
-        [e.FlexChangeDirectionAfterLaptopSize]: p,
-        [e.FlexChangeDirectionAfterPcSize]: G,
-        [e.FlexDirectionColumn]: r === "column",
-        [e.FlexDirectionRow]: r === "row",
-        [e.FlexGapXxs]: o === "xxs",
-        [e.FlexGapXs]: o === "xs",
-        [e.FlexGapSm]: o === "sm",
-        [e.FlexGapMd]: o === "md",
-        [e.FlexGapLg]: o === "lg",
-        [e.FlexGapXl]: o === "xl",
-        [e.FlexGapXxl]: o === "xxl",
-        [e.FlexGapXxxl]: o === "xxxl",
+      style: typeof t < "u" ? { flexBasis: typeof t == "number" ? `${t}%` : t } : void 0,
+      className: G(e.Flex, g, {
+        [e.FlexChangeDirectionAfterTabletSize]: m,
+        [e.FlexChangeDirectionAfterLaptopSize]: f,
+        [e.FlexChangeDirectionAfterPcSize]: S,
+        [e.FlexDirectionColumn]: a === "column",
+        [e.FlexDirectionRow]: a === "row",
+        [e.FlexGapXxs]: l === "xxs",
+        [e.FlexGapXs]: l === "xs",
+        [e.FlexGapSm]: l === "sm",
+        [e.FlexGapMd]: l === "md",
+        [e.FlexGapLg]: l === "lg",
+        [e.FlexGapXl]: l === "xl",
+        [e.FlexGapXxl]: l === "xxl",
+        [e.FlexGapXxxl]: l === "xxxl",
         [e.FlexMarginTopSm]: F === "sm",
         [e.FlexMarginTopMd]: F === "md",
-        [e.FlexMarginBottomSm]: a === "sm",
-        [e.FlexMarginBottomMd]: a === "md",
+        [e.FlexMarginBottomSm]: r === "sm",
+        [e.FlexMarginBottomMd]: r === "md",
         [e.FlexAlignCenter]: n === "center",
         [e.FlexAlignStart]: n === "start",
         [e.FlexAlignEnd]: n === "end",
-        [e.FlexJustifyCenter]: i === "center",
-        [e.FlexJustifyStart]: i === "start",
-        [e.FlexJustifyEnd]: i === "end"
+        [e.FlexJustifyCenter]: o === "center",
+        [e.FlexJustifyStart]: o === "start",
+        [e.FlexJustifyEnd]: o === "end"
       }),
-      children: m.map(
-        s,
-        (t, x) => h(t) && l ? d(t, {
-          className: _(t.props.className, {
-            [e.FlexChildGrowContent]: l === "content",
-            [e.FlexChildGrowEqual]: l === "equal",
-            [e.FlexChildGrow1]: Array.isArray(l) && l[x] === 1,
-            [e.FlexChildGrow2]: Array.isArray(l) && l[x] === 2,
-            [e.FlexChildGrow3]: Array.isArray(l) && l[x] === 3,
-            [e.FlexChildGrow4]: Array.isArray(l) && l[x] === 4
-          })
-        }) : t
+      children: s.map(
+        i,
+        (x) => d(x) && c === "equal" ? /* @__PURE__ */ p("div", { style: { flexBasis: `${Math.floor(100 / s.count(i) * 100) / 100}%` }, children: x }) : x
       )
     }
   );
 };
 export {
-  ee as Flex
+  K as Flex
 };

package/dist/components/text/components/paragraph/paragraph.component.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
 export interface ParagraphProps<T extends keyof HTMLElementTagNameMap> extends PropsWithChildren, HTMLAttributes<HTMLElementTagNameMap[T]> {
     tag?: T;
+    lined?: boolean;
     weight?: 'light' | 'regular' | 'medium' | 'bold';
     size?: 'regular' | 'small' | 'extra-small';
     color?: 'primary' | 'secondary' | 'accent-primary' | 'accent-secondary';

package/dist/components/text/components/paragraph/paragraph.component.js

@@ -1,20 +1,31 @@
 import { createElement as i } from "react";
-import P from "clsx";
-import '../../../../assets/paragraph-CYn0bG_x.css';const n = "_ParagraphWeightLight_1wu3d_1", m = "_ParagraphWeightRegular_1wu3d_5", _ = "_ParagraphWeightMedium_1wu3d_9", d = "_ParagraphWeightBold_1wu3d_13", s = "_ParagraphSizeRegular_1wu3d_17", u = "_ParagraphSizeSmall_1wu3d_22", S = "_ParagraphSizeExtraSmall_1wu3d_27", y = "_ParagraphColorPrimary_1wu3d_32", C = "_ParagraphColorSecondary_1wu3d_36", W = "_ParagraphColorAccentPrimary_1wu3d_40", z = "_ParagraphColorAccentSecondary_1wu3d_44", a = {
-  ParagraphWeightLight: n,
-  ParagraphWeightRegular: m,
-  ParagraphWeightMedium: _,
-  ParagraphWeightBold: d,
-  ParagraphSizeRegular: s,
+import n from "clsx";
+import '../../../../assets/paragraph-BrjH-60G.css';const m = "_ParagraphLined_1dmey_1", d = "_ParagraphWeightLight_1dmey_5", _ = "_ParagraphWeightRegular_1dmey_9", y = "_ParagraphWeightMedium_1dmey_13", s = "_ParagraphWeightBold_1dmey_17", S = "_ParagraphSizeRegular_1dmey_21", u = "_ParagraphSizeSmall_1dmey_26", C = "_ParagraphSizeExtraSmall_1dmey_31", W = "_ParagraphColorPrimary_1dmey_36", z = "_ParagraphColorSecondary_1dmey_40", L = "_ParagraphColorAccentPrimary_1dmey_44", A = "_ParagraphColorAccentSecondary_1dmey_48", a = {
+  ParagraphLined: m,
+  ParagraphWeightLight: d,
+  ParagraphWeightRegular: _,
+  ParagraphWeightMedium: y,
+  ParagraphWeightBold: s,
+  ParagraphSizeRegular: S,
   ParagraphSizeSmall: u,
-  ParagraphSizeExtraSmall: S,
-  ParagraphColorPrimary: y,
-  ParagraphColorSecondary: C,
-  ParagraphColorAccentPrimary: W,
-  ParagraphColorAccentSecondary: z
+  ParagraphSizeExtraSmall: C,
+  ParagraphColorPrimary: W,
+  ParagraphColorSecondary: z,
+  ParagraphColorAccentPrimary: L,
+  ParagraphColorAccentSecondary: A
 };
-function R(c) {
-  const { tag: h = "p", weight: r = "regular", size: g = "regular", color: e = "primary", children: o, className: p, ...l } = c, t = P(p, {
+function f(p) {
+  const {
+    tag: o = "p",
+    lined: P = !1,
+    weight: r = "regular",
+    size: g = "regular",
+    color: e = "primary",
+    children: h,
+    className: c,
+    ...l
+  } = p, t = n(c, {
+    [a.ParagraphLined]: P,
     [a.ParagraphWeightLight]: r === "light",
     [a.ParagraphWeightRegular]: r === "regular",
     [a.ParagraphWeightMedium]: r === "medium",
@@ -27,16 +38,16 @@ function R(c) {
     [a.ParagraphColorAccentPrimary]: e === "accent-primary",
     [a.ParagraphColorAccentSecondary]: e === "accent-secondary"
   });
-  return typeof o == "string" ? i(h, {
+  return typeof h == "string" ? i(o, {
     className: t,
-    dangerouslySetInnerHTML: { __html: o },
+    dangerouslySetInnerHTML: { __html: h },
     ...l
-  }) : i(h, {
+  }) : i(o, {
     className: t,
-    children: o,
+    children: h,
     ...l
   });
 }
 export {
-  R as Paragraph
+  f as Paragraph
 };

package/package.json

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

package/dist/assets/flex-BkfG8hLn.css

@@ -1 +0,0 @@
-._Flex_efqog_1{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:initial}._FlexGapXxs_efqog_8{gap:var(--rm-ui-padding-xxs)}._FlexGapXs_efqog_12{gap:var(--rm-ui-padding-xs)}._FlexGapSm_efqog_16{gap:var(--rm-ui-padding-sm)}._FlexGapMd_efqog_20{gap:var(--rm-ui-padding-md)}._FlexGapLg_efqog_24{gap:var(--rm-ui-padding-lg)}._FlexGapXl_efqog_28{gap:var(--rm-ui-padding-xl)}._FlexGapXxl_efqog_32{gap:var(--rm-ui-padding-xxl)}._FlexGapXxxl_efqog_36{gap:var(--rm-ui-padding-xxxl)}._FlexMarginTopSm_efqog_40{margin-top:var(--rm-ui-padding-sm)}._FlexMarginTopMd_efqog_44{margin-top:var(--rm-ui-padding-md)}._FlexMarginBottomSm_efqog_48{margin-bottom:var(--rm-ui-padding-sm)}._FlexMarginBottomMd_efqog_52{margin-bottom:var(--rm-ui-padding-md)}._FlexChildGrowContent_efqog_56{flex-grow:initial}._FlexChildGrowEqual_efqog_60,._FlexChildGrow1_efqog_64{flex-grow:1}._FlexChildGrow2_efqog_68{flex-grow:2}._FlexChildGrow3_efqog_72{flex-grow:3}._FlexChildGrow4_efqog_76{flex-grow:4}._FlexDirectionRow_efqog_80{flex-direction:row;align-items:flex-start}._FlexDirectionColumn_efqog_85{flex-direction:column;align-items:stretch}._FlexAlignCenter_efqog_90{align-items:center}._FlexAlignStart_efqog_94{align-items:flex-start}._FlexAlignEnd_efqog_98{align-items:flex-end}._FlexJustifyCenter_efqog_102{justify-content:center}._FlexJustifyStart_efqog_106{justify-content:flex-start}._FlexJustifyEnd_efqog_110{justify-content:flex-end}@media screen and (min-width:768px){._FlexDirectionRow_efqog_80._FlexChangeDirectionAfterTabletSize_efqog_115{flex-direction:column}._FlexDirectionColumn_efqog_85._FlexChangeDirectionAfterTabletSize_efqog_115{flex-direction:row}}@media screen and (min-width:1024px){._FlexDirectionRow_efqog_80._FlexChangeDirectionAfterLaptopSize_efqog_125{flex-direction:column}._FlexDirectionColumn_efqog_85._FlexChangeDirectionAfterLaptopSize_efqog_125{flex-direction:row}}@media screen and (min-width:1200px){._FlexDirectionRow_efqog_80._FlexChangeDirectionAfterPcSize_efqog_135{flex-direction:column}._FlexDirectionColumn_efqog_85._FlexChangeDirectionAfterPcSize_efqog_135{flex-direction:row}}

package/dist/assets/paragraph-CYn0bG_x.css

@@ -1 +0,0 @@
-._ParagraphWeightLight_1wu3d_1{font-weight:var(--rm-ui-font-weight-light)}._ParagraphWeightRegular_1wu3d_5{font-weight:var(--rm-ui-font-weight-regular)}._ParagraphWeightMedium_1wu3d_9{font-weight:var(--rm-ui-font-weight-medium)}._ParagraphWeightBold_1wu3d_13{font-weight:var(--rm-ui-font-weight-bold)}._ParagraphSizeRegular_1wu3d_17{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ParagraphSizeSmall_1wu3d_22{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ParagraphSizeExtraSmall_1wu3d_27{font-size:var(--rm-ui-font-size-body-extra-small);line-height:var(--rm-ui-line-height-body-extra-small)}._ParagraphColorPrimary_1wu3d_32{color:var(--rm-ui-color-text-primary)}._ParagraphColorSecondary_1wu3d_36{color:var(--rm-ui-color-text-secondary)}._ParagraphColorAccentPrimary_1wu3d_40{color:var(--rm-ui-color-accent-primary)}._ParagraphColorAccentSecondary_1wu3d_44{color:var(--rm-ui-color-accent-secondary)}