@lowdefy/layout 0.0.0-experimental-20260720072521 → 0.0.0-experimental-20260720135014
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/Area.js +0 -2
- package/dist/grid.css +0 -18
- package/package.json +8 -8
package/dist/Area.js
CHANGED
|
@@ -37,12 +37,10 @@ const Area = ({ area = {}, areaKey, children, id, layout, className, style })=>{
|
|
|
37
37
|
layout
|
|
38
38
|
});
|
|
39
39
|
const gapStyle = deriveAreaStyle(derivedArea);
|
|
40
|
-
const isColumn = (derivedArea.direction ?? '').startsWith('column');
|
|
41
40
|
return /*#__PURE__*/ React.createElement("div", {
|
|
42
41
|
id: id,
|
|
43
42
|
className: [
|
|
44
43
|
'lf-row',
|
|
45
|
-
isColumn && 'lf-row-column',
|
|
46
44
|
className
|
|
47
45
|
].filter(Boolean).join(' '),
|
|
48
46
|
style: {
|
package/dist/grid.css
CHANGED
|
@@ -110,24 +110,6 @@
|
|
|
110
110
|
order: var(--lf-order, 0);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
/* =====================================================
|
|
114
|
-
Column-direction areas
|
|
115
|
-
|
|
116
|
-
The span flex-basis formula sizes the MAIN axis, which in
|
|
117
|
-
a column-direction area is vertical. A percentage basis
|
|
118
|
-
against the area's indefinite height resolves to content
|
|
119
|
-
size, so it happens to render correctly — but as soon as
|
|
120
|
-
the height becomes definite (an explicit height, or a
|
|
121
|
-
DOM-cloning rasterizer like html-to-image inlining
|
|
122
|
-
computed px heights) basis 100% overflows the area and
|
|
123
|
-
wrap spills blocks into a new column. Blocks in column
|
|
124
|
-
areas size their height by content; span still constrains
|
|
125
|
-
width via max-width.
|
|
126
|
-
===================================================== */
|
|
127
|
-
.lf-row-column > .lf-col {
|
|
128
|
-
flex-basis: auto;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
113
|
/* Push/pull: only apply positioning when class is present */
|
|
132
114
|
.lf-col-push {
|
|
133
115
|
position: relative;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lowdefy/layout",
|
|
3
|
-
"version": "0.0.0-experimental-
|
|
3
|
+
"version": "0.0.0-experimental-20260720135014",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "",
|
|
6
6
|
"homepage": "https://lowdefy.com",
|
|
@@ -34,21 +34,21 @@
|
|
|
34
34
|
"dist/*"
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@lowdefy/block-utils": "0.0.0-experimental-
|
|
38
|
-
"@lowdefy/helpers": "0.0.0-experimental-
|
|
37
|
+
"@lowdefy/block-utils": "0.0.0-experimental-20260720135014",
|
|
38
|
+
"@lowdefy/helpers": "0.0.0-experimental-20260720135014",
|
|
39
39
|
"react": "18.2.0",
|
|
40
40
|
"react-dom": "18.2.0"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@jest/globals": "28.1.3",
|
|
44
|
-
"@lowdefy/block-dev": "0.0.0-experimental-
|
|
45
|
-
"@lowdefy/jest-yaml-transform": "0.0.0-experimental-
|
|
46
|
-
"@swc/cli": "0.8.
|
|
47
|
-
"@swc/core": "1.15.
|
|
44
|
+
"@lowdefy/block-dev": "0.0.0-experimental-20260720135014",
|
|
45
|
+
"@lowdefy/jest-yaml-transform": "0.0.0-experimental-20260720135014",
|
|
46
|
+
"@swc/cli": "0.8.0",
|
|
47
|
+
"@swc/core": "1.15.18",
|
|
48
48
|
"@swc/jest": "0.2.39",
|
|
49
49
|
"@testing-library/dom": "8.19.1",
|
|
50
50
|
"@testing-library/react": "13.4.0",
|
|
51
|
-
"@testing-library/user-event": "14.
|
|
51
|
+
"@testing-library/user-event": "14.4.3",
|
|
52
52
|
"copyfiles": "2.4.1",
|
|
53
53
|
"jest": "28.1.3",
|
|
54
54
|
"jest-environment-jsdom": "28.1.3",
|