@arthurzakharov/ui-kit 1.0.112 → 1.0.113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/assets/flex-Bb3RqRpb.css +1 -0
  2. package/dist/components/flex/flex.component.d.ts +3 -2
  3. package/dist/components/flex/flex.component.js +43 -40
  4. package/package.json +1 -1
  5. package/dist/assets/flex-BcLkSqmf.css +0 -1
package/dist/assets/flex-Bb3RqRpb.css ADDED
@@ -0,0 +1 @@
1
+ ._Flex_o2d5u_1{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:initial}._FlexGapXxs_o2d5u_8{gap:var(--rm-ui-padding-xxs)}._FlexGapXs_o2d5u_12{gap:var(--rm-ui-padding-xs)}._FlexGapSm_o2d5u_16{gap:var(--rm-ui-padding-sm)}._FlexGapMd_o2d5u_20{gap:var(--rm-ui-padding-md)}._FlexGapLg_o2d5u_24{gap:var(--rm-ui-padding-lg)}._FlexGapXl_o2d5u_28{gap:var(--rm-ui-padding-xl)}._FlexGapXxl_o2d5u_32{gap:var(--rm-ui-padding-xxl)}._FlexGapXxxl_o2d5u_36{gap:var(--rm-ui-padding-xxxl)}._FlexChildGrowContent_o2d5u_40{flex-grow:initial}._FlexChildGrowEqual_o2d5u_44,._FlexChildGrow1_o2d5u_48{flex-grow:1}._FlexChildGrow2_o2d5u_52{flex-grow:2}._FlexChildGrow3_o2d5u_56{flex-grow:3}._FlexChildGrow4_o2d5u_60{flex-grow:4}._FlexDirectionRow_o2d5u_64{flex-direction:row;align-items:flex-start}._FlexDirectionColumn_o2d5u_69{flex-direction:column;align-items:stretch}@media screen and (min-width:768px){._FlexDirectionRow_o2d5u_64._FlexChangeDirectionAfterTabletSize_o2d5u_75{flex-direction:column}._FlexDirectionColumn_o2d5u_69._FlexChangeDirectionAfterTabletSize_o2d5u_75{flex-direction:row}}@media screen and (min-width:1024px){._FlexDirectionRow_o2d5u_64._FlexChangeDirectionAfterLaptopSize_o2d5u_85{flex-direction:column}._FlexDirectionColumn_o2d5u_69._FlexChangeDirectionAfterLaptopSize_o2d5u_85{flex-direction:row}}@media screen and (min-width:1200px){._FlexDirectionRow_o2d5u_64._FlexChangeDirectionAfterPcSize_o2d5u_95{flex-direction:column}._FlexDirectionColumn_o2d5u_69._FlexChangeDirectionAfterPcSize_o2d5u_95{flex-direction:row}}
package/dist/components/flex/flex.component.d.ts CHANGED
@@ -3,7 +3,8 @@ export interface FlexProps extends PropsWithChildren {
3
3
  gap?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
4
4
  grow?: 'content' | 'equal' | (1 | 2 | 3 | 4)[];
5
5
  direction?: 'column' | 'row';
6
- changeDirectionAfterTabletSize?: number;
7
- changeDirectionAfterLaptopSize?: number;
6
+ changeDirectionAfterTabletSize?: boolean;
7
+ changeDirectionAfterLaptopSize?: boolean;
8
+ changeDirectionAfterPcSize?: boolean;
8
9
  }
9
10
  export declare const Flex: (props: FlexProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/flex/flex.component.js CHANGED
@@ -1,56 +1,59 @@
1
1
  import { jsx as G } from "react/jsx-runtime";
2
- import { Children as p, cloneElement as s, isValidElement as c } from "react";
2
+ import { Children as s, cloneElement as p, isValidElement as d } from "react";
3
3
  import t from "clsx";
4
- import '../../assets/flex-BcLkSqmf.css';const C = "_Flex_130zy_1", h = "_FlexGapXxs_130zy_8", w = "_FlexGapXs_130zy_12", z = "_FlexGapSm_130zy_16", y = "_FlexGapMd_130zy_20", d = "_FlexGapLg_130zy_24", m = "_FlexGapXl_130zy_28", X = "_FlexGapXxl_130zy_32", A = "_FlexGapXxxl_130zy_36", D = "_FlexChildGrowContent_130zy_40", g = "_FlexChildGrowEqual_130zy_44", f = "_FlexChildGrow1_130zy_48", S = "_FlexChildGrow2_130zy_52", u = "_FlexChildGrow3_130zy_56", L = "_FlexChildGrow4_130zy_60", E = "_FlexDirectionRow_130zy_64", b = "_FlexDirectionColumn_130zy_69", q = "_FlexChangeDirectionAfterTabletSize_130zy_75", T = "_FlexChangeDirectionAfterLaptopSize_130zy_85", e = {
4
+ import '../../assets/flex-Bb3RqRpb.css';const C = "_Flex_o2d5u_1", h = "_FlexGapXxs_o2d5u_8", u = "_FlexGapXs_o2d5u_12", w = "_FlexGapSm_o2d5u_16", m = "_FlexGapMd_o2d5u_20", A = "_FlexGapLg_o2d5u_24", D = "_FlexGapXl_o2d5u_28", g = "_FlexGapXxl_o2d5u_32", f = "_FlexGapXxxl_o2d5u_36", X = "_FlexChildGrowContent_o2d5u_40", S = "_FlexChildGrowEqual_o2d5u_44", z = "_FlexChildGrow1_o2d5u_48", L = "_FlexChildGrow2_o2d5u_52", y = "_FlexChildGrow3_o2d5u_56", E = "_FlexChildGrow4_o2d5u_60", b = "_FlexDirectionRow_o2d5u_64", q = "_FlexDirectionColumn_o2d5u_69", P = "_FlexChangeDirectionAfterTabletSize_o2d5u_75", T = "_FlexChangeDirectionAfterLaptopSize_o2d5u_85", M = "_FlexChangeDirectionAfterPcSize_o2d5u_95", e = {
5
5
  Flex: C,
6
6
  FlexGapXxs: h,
7
- FlexGapXs: w,
8
- FlexGapSm: z,
9
- FlexGapMd: y,
10
- FlexGapLg: d,
11
- FlexGapXl: m,
12
- FlexGapXxl: X,
13
- FlexGapXxxl: A,
14
- FlexChildGrowContent: D,
15
- FlexChildGrowEqual: g,
16
- FlexChildGrow1: f,
17
- FlexChildGrow2: S,
18
- FlexChildGrow3: u,
19
- FlexChildGrow4: L,
20
- FlexDirectionRow: E,
21
- FlexDirectionColumn: b,
22
- FlexChangeDirectionAfterTabletSize: q,
23
- FlexChangeDirectionAfterLaptopSize: T
24
- }, j = (F) => {
7
+ FlexGapXs: u,
8
+ FlexGapSm: w,
9
+ FlexGapMd: m,
10
+ FlexGapLg: A,
11
+ FlexGapXl: D,
12
+ FlexGapXxl: g,
13
+ FlexGapXxxl: f,
14
+ FlexChildGrowContent: X,
15
+ FlexChildGrowEqual: S,
16
+ FlexChildGrow1: z,
17
+ FlexChildGrow2: L,
18
+ FlexChildGrow3: y,
19
+ FlexChildGrow4: E,
20
+ FlexDirectionRow: b,
21
+ FlexDirectionColumn: q,
22
+ FlexChangeDirectionAfterTabletSize: P,
23
+ FlexChangeDirectionAfterLaptopSize: T,
24
+ FlexChangeDirectionAfterPcSize: M
25
+ }, v = (a) => {
25
26
  const {
26
- children: a,
27
- gap: x,
27
+ children: n,
28
+ gap: o,
28
29
  grow: l,
29
30
  direction: i = "row",
30
- changeDirectionAfterTabletSize: n = !1,
31
- changeDirectionAfterLaptopSize: _ = !1
32
- } = F;
31
+ changeDirectionAfterTabletSize: F = !1,
32
+ changeDirectionAfterLaptopSize: _ = !1,
33
+ changeDirectionAfterPcSize: c = !1
34
+ } = a;
33
35
  return /* @__PURE__ */ G(
34
36
  "div",
35
37
  {
36
38
  className: t(e.Flex, {
37
- [e.FlexChangeDirectionAfterTabletSize]: n,
39
+ [e.FlexChangeDirectionAfterTabletSize]: F,
38
40
  [e.FlexChangeDirectionAfterLaptopSize]: _,
41
+ [e.FlexChangeDirectionAfterPcSize]: c,
39
42
  [e.FlexDirectionColumn]: i === "column",
40
43
  [e.FlexDirectionRow]: i === "row",
41
- [e.FlexGapXxs]: x === "xxs",
42
- [e.FlexGapXs]: x === "xs",
43
- [e.FlexGapSm]: x === "sm",
44
- [e.FlexGapMd]: x === "md",
45
- [e.FlexGapLg]: x === "lg",
46
- [e.FlexGapXl]: x === "xl",
47
- [e.FlexGapXxl]: x === "xxl",
48
- [e.FlexGapXxxl]: x === "xxxl"
44
+ [e.FlexGapXxs]: o === "xxs",
45
+ [e.FlexGapXs]: o === "xs",
46
+ [e.FlexGapSm]: o === "sm",
47
+ [e.FlexGapMd]: o === "md",
48
+ [e.FlexGapLg]: o === "lg",
49
+ [e.FlexGapXl]: o === "xl",
50
+ [e.FlexGapXxl]: o === "xxl",
51
+ [e.FlexGapXxxl]: o === "xxxl"
49
52
  }),
50
- children: p.map(
51
- a,
52
- (o, r) => c(o) && l ? s(o, {
53
- className: t(o.props.className, {
53
+ children: s.map(
54
+ n,
55
+ (x, r) => d(x) && l ? p(x, {
56
+ className: t(x.props.className, {
54
57
  [e.FlexChildGrowContent]: l === "content",
55
58
  [e.FlexChildGrowEqual]: l === "equal",
56
59
  [e.FlexChildGrow1]: Array.isArray(l) && l[r] === 1,
@@ -58,11 +61,11 @@ import '../../assets/flex-BcLkSqmf.css';const C = "_Flex_130zy_1", h = "_FlexGap
58
61
  [e.FlexChildGrow3]: Array.isArray(l) && l[r] === 3,
59
62
  [e.FlexChildGrow4]: Array.isArray(l) && l[r] === 4
60
63
  })
61
- }) : o
64
+ }) : x
62
65
  )
63
66
  }
64
67
  );
65
68
  };
66
69
  export {
67
- j as Flex
70
+ v as Flex
68
71
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arthurzakharov/ui-kit",
3
3
  "private": false,
4
- "version": "1.0.112",
4
+ "version": "1.0.113",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
package/dist/assets/flex-BcLkSqmf.css DELETED
@@ -1 +0,0 @@
1
- ._Flex_130zy_1{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:initial}._FlexGapXxs_130zy_8{gap:var(--rm-ui-padding-xxs)}._FlexGapXs_130zy_12{gap:var(--rm-ui-padding-xs)}._FlexGapSm_130zy_16{gap:var(--rm-ui-padding-sm)}._FlexGapMd_130zy_20{gap:var(--rm-ui-padding-md)}._FlexGapLg_130zy_24{gap:var(--rm-ui-padding-lg)}._FlexGapXl_130zy_28{gap:var(--rm-ui-padding-xl)}._FlexGapXxl_130zy_32{gap:var(--rm-ui-padding-xxl)}._FlexGapXxxl_130zy_36{gap:var(--rm-ui-padding-xxxl)}._FlexChildGrowContent_130zy_40{flex-grow:initial}._FlexChildGrowEqual_130zy_44,._FlexChildGrow1_130zy_48{flex-grow:1}._FlexChildGrow2_130zy_52{flex-grow:2}._FlexChildGrow3_130zy_56{flex-grow:3}._FlexChildGrow4_130zy_60{flex-grow:4}._FlexDirectionRow_130zy_64{flex-direction:row;align-items:flex-start}._FlexDirectionColumn_130zy_69{flex-direction:column;align-items:stretch}@media screen and (min-width:768px){._FlexDirectionRow_130zy_64._FlexChangeDirectionAfterTabletSize_130zy_75{flex-direction:column}._FlexDirectionColumn_130zy_69._FlexChangeDirectionAfterTabletSize_130zy_75{flex-direction:row}}@media screen and (min-width:1024px){._FlexDirectionRow_130zy_64._FlexChangeDirectionAfterLaptopSize_130zy_85{flex-direction:column}._FlexDirectionColumn_130zy_69._FlexChangeDirectionAfterLaptopSize_130zy_85{flex-direction:row}}