@lowdefy/layout 5.6.0 → 6.1.0
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 +2 -0
- package/dist/grid.css +18 -0
- package/package.json +8 -8
package/dist/Area.js
CHANGED
|
@@ -37,10 +37,12 @@ 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');
|
|
40
41
|
return /*#__PURE__*/ React.createElement("div", {
|
|
41
42
|
id: id,
|
|
42
43
|
className: [
|
|
43
44
|
'lf-row',
|
|
45
|
+
isColumn && 'lf-row-column',
|
|
44
46
|
className
|
|
45
47
|
].filter(Boolean).join(' '),
|
|
46
48
|
style: {
|
package/dist/grid.css
CHANGED
|
@@ -179,6 +179,24 @@
|
|
|
179
179
|
order: var(--lf-order, 0);
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
+
/* =====================================================
|
|
183
|
+
Column-direction areas
|
|
184
|
+
|
|
185
|
+
The span flex-basis formula sizes the MAIN axis, which in
|
|
186
|
+
a column-direction area is vertical. A percentage basis
|
|
187
|
+
against the area's indefinite height resolves to content
|
|
188
|
+
size, so it happens to render correctly — but as soon as
|
|
189
|
+
the height becomes definite (an explicit height, or a
|
|
190
|
+
DOM-cloning rasterizer like html-to-image inlining
|
|
191
|
+
computed px heights) basis 100% overflows the area and
|
|
192
|
+
wrap spills blocks into a new column. Blocks in column
|
|
193
|
+
areas size their height by content; span still constrains
|
|
194
|
+
width via max-width.
|
|
195
|
+
===================================================== */
|
|
196
|
+
.lf-row-column > .lf-col {
|
|
197
|
+
flex-basis: auto;
|
|
198
|
+
}
|
|
199
|
+
|
|
182
200
|
/* Push/pull: only apply positioning when class is present */
|
|
183
201
|
.lf-col-push {
|
|
184
202
|
position: relative;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lowdefy/layout",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.1.0",
|
|
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": "
|
|
38
|
-
"@lowdefy/helpers": "
|
|
37
|
+
"@lowdefy/block-utils": "6.1.0",
|
|
38
|
+
"@lowdefy/helpers": "6.1.0",
|
|
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": "
|
|
45
|
-
"@lowdefy/jest-yaml-transform": "
|
|
46
|
-
"@swc/cli": "0.8.
|
|
47
|
-
"@swc/core": "1.15.
|
|
44
|
+
"@lowdefy/block-dev": "6.1.0",
|
|
45
|
+
"@lowdefy/jest-yaml-transform": "6.1.0",
|
|
46
|
+
"@swc/cli": "0.8.1",
|
|
47
|
+
"@swc/core": "1.15.32",
|
|
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.6.1",
|
|
52
52
|
"copyfiles": "2.4.1",
|
|
53
53
|
"jest": "28.1.3",
|
|
54
54
|
"jest-environment-jsdom": "28.1.3",
|