@arthurzakharov/ui-kit 1.0.114 → 1.0.115

package/dist/assets/flex-BkfG8hLn.css

@@ -0,0 +1 @@
+._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

@@ -0,0 +1 @@
+._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)}

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

@@ -3,6 +3,8 @@ export interface FlexProps extends PropsWithChildren {
     gap?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
     grow?: 'content' | 'equal' | (1 | 2 | 3 | 4)[];
     direction?: 'column' | 'row';
+    align?: 'center' | 'start' | 'end';
+    justify?: 'center' | 'start' | 'end';
     marginTop?: 'sm' | 'md';
     marginBottom?: 'sm' | 'md';
     className?: string;

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

@@ -1,53 +1,61 @@
-import { jsx as G } from "react/jsx-runtime";
-import { Children as m, cloneElement as C, isValidElement as d } from "react";
-import a from "clsx";
-import '../../assets/flex-BShjn6Be.css';const h = "_Flex_13gky_1", y = "_FlexGapXxs_13gky_8", w = "_FlexGapXs_13gky_12", M = "_FlexGapSm_13gky_16", S = "_FlexGapMd_13gky_20", k = "_FlexGapLg_13gky_24", A = "_FlexGapXl_13gky_28", D = "_FlexGapXxl_13gky_32", f = "_FlexGapXxxl_13gky_36", X = "_FlexMarginTopSm_13gky_40", z = "_FlexMarginTopMd_13gky_44", T = "_FlexMarginBottomSm_13gky_48", u = "_FlexMarginBottomMd_13gky_52", B = "_FlexChildGrowContent_13gky_56", L = "_FlexChildGrowEqual_13gky_60", E = "_FlexChildGrow1_13gky_64", b = "_FlexChildGrow2_13gky_68", q = "_FlexChildGrow3_13gky_72", P = "_FlexChildGrow4_13gky_76", N = "_FlexDirectionRow_13gky_80", R = "_FlexDirectionColumn_13gky_85", j = "_FlexChangeDirectionAfterTabletSize_13gky_91", v = "_FlexChangeDirectionAfterLaptopSize_13gky_101", V = "_FlexChangeDirectionAfterPcSize_13gky_111", e = {
-  Flex: h,
-  FlexGapXxs: y,
-  FlexGapXs: w,
-  FlexGapSm: M,
-  FlexGapMd: S,
-  FlexGapLg: k,
-  FlexGapXl: A,
-  FlexGapXxl: D,
-  FlexGapXxxl: f,
-  FlexMarginTopSm: X,
-  FlexMarginTopMd: z,
+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,
+  FlexMarginTopSm: z,
+  FlexMarginTopMd: E,
   FlexMarginBottomSm: T,
-  FlexMarginBottomMd: u,
+  FlexMarginBottomMd: J,
   FlexChildGrowContent: B,
   FlexChildGrowEqual: L,
-  FlexChildGrow1: E,
-  FlexChildGrow2: b,
-  FlexChildGrow3: q,
-  FlexChildGrow4: P,
-  FlexDirectionRow: N,
-  FlexDirectionColumn: R,
-  FlexChangeDirectionAfterTabletSize: j,
-  FlexChangeDirectionAfterLaptopSize: v,
-  FlexChangeDirectionAfterPcSize: V
-}, K = (F) => {
+  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) => {
   const {
-    children: _,
+    children: s,
     gap: o,
     grow: l,
-    direction: i = "row",
-    marginTop: t,
-    marginBottom: n,
+    direction: r = "row",
+    align: n,
+    justify: i,
+    marginTop: F,
+    marginBottom: a,
     className: c = "",
-    changeDirectionAfterTabletSize: g = !1,
+    changeDirectionAfterTabletSize: f = !1,
     changeDirectionAfterLaptopSize: p = !1,
-    changeDirectionAfterPcSize: s = !1
-  } = F;
-  return /* @__PURE__ */ G(
+    changeDirectionAfterPcSize: G = !1
+  } = g;
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: a(e.Flex, c, {
-        [e.FlexChangeDirectionAfterTabletSize]: g,
+      className: _(e.Flex, c, {
+        [e.FlexChangeDirectionAfterTabletSize]: f,
         [e.FlexChangeDirectionAfterLaptopSize]: p,
-        [e.FlexChangeDirectionAfterPcSize]: s,
-        [e.FlexDirectionColumn]: i === "column",
-        [e.FlexDirectionRow]: i === "row",
+        [e.FlexChangeDirectionAfterPcSize]: G,
+        [e.FlexDirectionColumn]: r === "column",
+        [e.FlexDirectionRow]: r === "row",
         [e.FlexGapXxs]: o === "xxs",
         [e.FlexGapXs]: o === "xs",
         [e.FlexGapSm]: o === "sm",
@@ -56,27 +64,33 @@ import '../../assets/flex-BShjn6Be.css';const h = "_Flex_13gky_1", y = "_FlexGap
         [e.FlexGapXl]: o === "xl",
         [e.FlexGapXxl]: o === "xxl",
         [e.FlexGapXxxl]: o === "xxxl",
-        [e.FlexMarginTopSm]: t === "sm",
-        [e.FlexMarginTopMd]: t === "md",
-        [e.FlexMarginBottomSm]: n === "sm",
-        [e.FlexMarginBottomMd]: n === "md"
+        [e.FlexMarginTopSm]: F === "sm",
+        [e.FlexMarginTopMd]: F === "md",
+        [e.FlexMarginBottomSm]: a === "sm",
+        [e.FlexMarginBottomMd]: a === "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"
       }),
       children: m.map(
-        _,
-        (x, r) => d(x) && l ? C(x, {
-          className: a(x.props.className, {
+        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[r] === 1,
-            [e.FlexChildGrow2]: Array.isArray(l) && l[r] === 2,
-            [e.FlexChildGrow3]: Array.isArray(l) && l[r] === 3,
-            [e.FlexChildGrow4]: Array.isArray(l) && l[r] === 4
+            [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
           })
-        }) : x
+        }) : t
       )
     }
   );
 };
 export {
-  K as Flex
+  ee as Flex
 };

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

@@ -1,6 +1,9 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
 export interface ParagraphProps<T extends keyof HTMLElementTagNameMap> extends PropsWithChildren, HTMLAttributes<HTMLElementTagNameMap[T]> {
     tag?: T;
+    weight?: 'light' | 'regular' | 'medium' | 'bold';
+    size?: 'regular' | 'small' | 'extra-small';
+    color?: 'primary' | 'secondary' | 'accent-primary' | 'accent-secondary';
 }
 export declare function Paragraph<T extends keyof HTMLElementTagNameMap>(props: ParagraphProps<T>): import('react').DetailedReactHTMLElement<{
     defaultChecked?: boolean | undefined;
@@ -40,7 +43,6 @@ export declare function Paragraph<T extends keyof HTMLElementTagNameMap>(props:
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -306,7 +308,6 @@ export declare function Paragraph<T extends keyof HTMLElementTagNameMap>(props:
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;

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

@@ -1,20 +1,42 @@
-import { createElement as s } from "react";
-import n from "clsx";
-import '../../../../assets/paragraph-Cg_eMedz.css';const o = "_Paragraph_1p6s7_1", p = {
-  Paragraph: o
+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,
+  ParagraphSizeSmall: u,
+  ParagraphSizeExtraSmall: S,
+  ParagraphColorPrimary: y,
+  ParagraphColorSecondary: C,
+  ParagraphColorAccentPrimary: W,
+  ParagraphColorAccentSecondary: z
 };
-function h(c) {
-  const { tag: r = "p", children: a, className: t, ...e } = c;
-  return typeof a == "string" ? s(r, {
-    className: n(p.Paragraph, t),
-    dangerouslySetInnerHTML: { __html: a },
-    ...e
-  }) : s(r, {
-    className: n(p.Paragraph, t),
-    children: a,
-    ...e
+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, {
+    [a.ParagraphWeightLight]: r === "light",
+    [a.ParagraphWeightRegular]: r === "regular",
+    [a.ParagraphWeightMedium]: r === "medium",
+    [a.ParagraphWeightBold]: r === "bold",
+    [a.ParagraphSizeRegular]: g === "regular",
+    [a.ParagraphSizeSmall]: g === "small",
+    [a.ParagraphSizeExtraSmall]: g === "extra-small",
+    [a.ParagraphColorPrimary]: e === "primary",
+    [a.ParagraphColorSecondary]: e === "secondary",
+    [a.ParagraphColorAccentPrimary]: e === "accent-primary",
+    [a.ParagraphColorAccentSecondary]: e === "accent-secondary"
+  });
+  return typeof o == "string" ? i(h, {
+    className: t,
+    dangerouslySetInnerHTML: { __html: o },
+    ...l
+  }) : i(h, {
+    className: t,
+    children: o,
+    ...l
   });
 }
 export {
-  h as Paragraph
+  R as Paragraph
 };

package/package.json

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

package/dist/assets/flex-BShjn6Be.css

@@ -1 +0,0 @@
-._Flex_13gky_1{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:initial}._FlexGapXxs_13gky_8{gap:var(--rm-ui-padding-xxs)}._FlexGapXs_13gky_12{gap:var(--rm-ui-padding-xs)}._FlexGapSm_13gky_16{gap:var(--rm-ui-padding-sm)}._FlexGapMd_13gky_20{gap:var(--rm-ui-padding-md)}._FlexGapLg_13gky_24{gap:var(--rm-ui-padding-lg)}._FlexGapXl_13gky_28{gap:var(--rm-ui-padding-xl)}._FlexGapXxl_13gky_32{gap:var(--rm-ui-padding-xxl)}._FlexGapXxxl_13gky_36{gap:var(--rm-ui-padding-xxxl)}._FlexMarginTopSm_13gky_40{margin-top:var(--rm-ui-padding-sm)}._FlexMarginTopMd_13gky_44{margin-top:var(--rm-ui-padding-md)}._FlexMarginBottomSm_13gky_48{margin-bottom:var(--rm-ui-padding-sm)}._FlexMarginBottomMd_13gky_52{margin-bottom:var(--rm-ui-padding-md)}._FlexChildGrowContent_13gky_56{flex-grow:initial}._FlexChildGrowEqual_13gky_60,._FlexChildGrow1_13gky_64{flex-grow:1}._FlexChildGrow2_13gky_68{flex-grow:2}._FlexChildGrow3_13gky_72{flex-grow:3}._FlexChildGrow4_13gky_76{flex-grow:4}._FlexDirectionRow_13gky_80{flex-direction:row;align-items:flex-start}._FlexDirectionColumn_13gky_85{flex-direction:column;align-items:stretch}@media screen and (min-width:768px){._FlexDirectionRow_13gky_80._FlexChangeDirectionAfterTabletSize_13gky_91{flex-direction:column}._FlexDirectionColumn_13gky_85._FlexChangeDirectionAfterTabletSize_13gky_91{flex-direction:row}}@media screen and (min-width:1024px){._FlexDirectionRow_13gky_80._FlexChangeDirectionAfterLaptopSize_13gky_101{flex-direction:column}._FlexDirectionColumn_13gky_85._FlexChangeDirectionAfterLaptopSize_13gky_101{flex-direction:row}}@media screen and (min-width:1200px){._FlexDirectionRow_13gky_80._FlexChangeDirectionAfterPcSize_13gky_111{flex-direction:column}._FlexDirectionColumn_13gky_85._FlexChangeDirectionAfterPcSize_13gky_111{flex-direction:row}}

package/dist/assets/paragraph-Cg_eMedz.css

@@ -1 +0,0 @@
-._Paragraph_1p6s7_1{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}