@versini/ui-system 2.0.0 → 2.0.2
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.
- package/dist/components/Flexgrid/Flexgrid.js +30 -31
- package/dist/index.js +3 -3
- package/package.json +3 -3
|
@@ -1,40 +1,39 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { FLEXGRID_CLASSNAME as
|
|
4
|
-
import { FlexgridContext as
|
|
5
|
-
const
|
|
6
|
-
children:
|
|
7
|
-
className:
|
|
8
|
-
columnGap:
|
|
9
|
-
rowGap:
|
|
10
|
-
height:
|
|
11
|
-
width:
|
|
12
|
-
direction:
|
|
13
|
-
alignHorizontal:
|
|
14
|
-
alignVertical:
|
|
15
|
-
...
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import u from "clsx";
|
|
3
|
+
import { FLEXGRID_CLASSNAME as p, FLEXGRID_GAP_RATIO as a } from "../../chunks/constants.Gcd2KXZh.js";
|
|
4
|
+
import { FlexgridContext as d } from "../../chunks/FlexgridContext.W67Qim_P.js";
|
|
5
|
+
const L = ({
|
|
6
|
+
children: e,
|
|
7
|
+
className: o,
|
|
8
|
+
columnGap: t = 1,
|
|
9
|
+
rowGap: i = 0,
|
|
10
|
+
height: x = "auto",
|
|
11
|
+
width: f = "auto",
|
|
12
|
+
direction: c = "row",
|
|
13
|
+
alignHorizontal: v = "normal",
|
|
14
|
+
alignVertical: g = "normal",
|
|
15
|
+
...l
|
|
16
16
|
}) => {
|
|
17
|
-
const
|
|
18
|
-
flexDirection:
|
|
19
|
-
justifyContent:
|
|
20
|
-
alignItems:
|
|
21
|
-
height:
|
|
22
|
-
width:
|
|
17
|
+
const m = {
|
|
18
|
+
flexDirection: c,
|
|
19
|
+
justifyContent: v,
|
|
20
|
+
alignItems: g,
|
|
21
|
+
height: x,
|
|
22
|
+
width: f,
|
|
23
23
|
/**
|
|
24
24
|
* Trick to account for the extra space taken
|
|
25
25
|
* by the columnGap and rowGap that will be applied
|
|
26
26
|
* to all FlexgridItems (see context and paddings).
|
|
27
27
|
*/
|
|
28
|
-
marginLeft:
|
|
29
|
-
marginTop:
|
|
30
|
-
},
|
|
31
|
-
|
|
32
|
-
"box-border flex flex-wrap"
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
return /* @__PURE__ */ t("div", { className: d, style: c, ...f, children: /* @__PURE__ */ t(A.Provider, { value: g, children: i }) });
|
|
28
|
+
marginLeft: t * -1 * a + "rem",
|
|
29
|
+
marginTop: i * -1 * a + "rem"
|
|
30
|
+
}, n = u(
|
|
31
|
+
p,
|
|
32
|
+
"box-border flex flex-wrap"
|
|
33
|
+
), s = { columnGap: t, rowGap: i };
|
|
34
|
+
return o ? /* @__PURE__ */ r("div", { className: o, children: /* @__PURE__ */ r("div", { className: n, style: m, ...l, children: /* @__PURE__ */ r(d.Provider, { value: s, children: e }) }) }) : /* @__PURE__ */ r("div", { className: n, style: m, ...l, children: /* @__PURE__ */ r(d.Provider, { value: s, children: e }) });
|
|
36
35
|
};
|
|
37
36
|
export {
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
L as Flexgrid,
|
|
38
|
+
L as default
|
|
40
39
|
};
|
package/dist/index.js
CHANGED
|
@@ -2,13 +2,13 @@ import { Flexgrid as i } from "./components/Flexgrid/Flexgrid.js";
|
|
|
2
2
|
import { FlexgridItem as t } from "./components/Flexgrid/FlexgridItem.js";
|
|
3
3
|
import { ThemeProvider as I } from "./components/ThemeProvider/ThemeProvider.js";
|
|
4
4
|
/*!
|
|
5
|
-
@versini/ui-system v2.0.
|
|
5
|
+
@versini/ui-system v2.0.2
|
|
6
6
|
© 2024 gizmette.com
|
|
7
7
|
*/
|
|
8
8
|
try {
|
|
9
9
|
window.__VERSINI_UI_SYSTEM__ || (window.__VERSINI_UI_SYSTEM__ = {
|
|
10
|
-
version: "2.0.
|
|
11
|
-
buildTime: "12/
|
|
10
|
+
version: "2.0.2",
|
|
11
|
+
buildTime: "12/30/2024 11:41 AM EST",
|
|
12
12
|
homepage: "https://github.com/aversini/ui-components",
|
|
13
13
|
license: "MIT"
|
|
14
14
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-system",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -38,12 +38,12 @@
|
|
|
38
38
|
"react-dom": "^18.3.1 || ^19.0.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@versini/ui-types": "2.
|
|
41
|
+
"@versini/ui-types": "2.1.0",
|
|
42
42
|
"clsx": "2.1.1",
|
|
43
43
|
"tailwindcss": "3.4.17"
|
|
44
44
|
},
|
|
45
45
|
"sideEffects": [
|
|
46
46
|
"**/*.css"
|
|
47
47
|
],
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "1221c66705bd1e8a31981a21a9566c8db647ab5c"
|
|
49
49
|
}
|