@canlooks/can-ui 0.0.7 → 0.0.8
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.
|
@@ -26,10 +26,7 @@ exports.Flex = (0, react_1.forwardRef)(({ inline, direction = 'row', wrap, gap =
|
|
|
26
26
|
return ((0, jsx_runtime_1.jsx)(transportStyle_1.TransportStyle, { ...props, ref: ref, className: (0, utils_1.classnames)(flex_style_1.classes.root, props.className), style: {
|
|
27
27
|
display: inline ? 'inline-flex' : 'flex',
|
|
28
28
|
flexDirection: direction,
|
|
29
|
-
flexWrap: wrap,
|
|
30
|
-
gap: gap,
|
|
31
|
-
columnGap: columnGap,
|
|
32
|
-
rowGap: rowGap,
|
|
29
|
+
flexWrap: wrap, columnGap, rowGap, gap,
|
|
33
30
|
...props.style
|
|
34
31
|
}, children: renderChildren() }));
|
|
35
32
|
});
|
|
@@ -5,28 +5,10 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
exports.TransportStyle = (0, react_1.forwardRef)(({ alignItems, justifyContent, alignSelf, justifySelf, flex, width, minWidth, maxWidth, height, minHeight, maxHeight, lineHeight, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginTop, marginRight, marginBottom, marginLeft, ...props }, ref) => {
|
|
7
7
|
return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, style: {
|
|
8
|
-
alignItems
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
flex: flex,
|
|
13
|
-
width: width,
|
|
14
|
-
minWidth: minWidth,
|
|
15
|
-
maxWidth: maxWidth,
|
|
16
|
-
height: height,
|
|
17
|
-
minHeight: minHeight,
|
|
18
|
-
maxHeight: maxHeight,
|
|
19
|
-
lineHeight: lineHeight,
|
|
20
|
-
padding: padding,
|
|
21
|
-
paddingTop: paddingTop,
|
|
22
|
-
paddingRight: paddingRight,
|
|
23
|
-
paddingBottom: paddingBottom,
|
|
24
|
-
paddingLeft: paddingLeft,
|
|
25
|
-
margin: margin,
|
|
26
|
-
marginTop: marginTop,
|
|
27
|
-
marginRight: marginRight,
|
|
28
|
-
marginBottom: marginBottom,
|
|
29
|
-
marginLeft: marginLeft,
|
|
8
|
+
alignItems, justifyContent, alignSelf, justifySelf, flex,
|
|
9
|
+
width, minWidth, maxWidth, height, minHeight, maxHeight, lineHeight,
|
|
10
|
+
paddingTop, paddingRight, paddingBottom, paddingLeft, padding,
|
|
11
|
+
marginTop, marginRight, marginBottom, marginLeft, margin,
|
|
30
12
|
...props.style
|
|
31
13
|
} }));
|
|
32
14
|
});
|
|
@@ -23,10 +23,7 @@ export const Flex = forwardRef(({ inline, direction = 'row', wrap, gap = 0, colu
|
|
|
23
23
|
return (_jsx(TransportStyle, { ...props, ref: ref, className: classnames(classes.root, props.className), style: {
|
|
24
24
|
display: inline ? 'inline-flex' : 'flex',
|
|
25
25
|
flexDirection: direction,
|
|
26
|
-
flexWrap: wrap,
|
|
27
|
-
gap: gap,
|
|
28
|
-
columnGap: columnGap,
|
|
29
|
-
rowGap: rowGap,
|
|
26
|
+
flexWrap: wrap, columnGap, rowGap, gap,
|
|
30
27
|
...props.style
|
|
31
28
|
}, children: renderChildren() }));
|
|
32
29
|
});
|
|
@@ -2,28 +2,10 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
export const TransportStyle = forwardRef(({ alignItems, justifyContent, alignSelf, justifySelf, flex, width, minWidth, maxWidth, height, minHeight, maxHeight, lineHeight, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginTop, marginRight, marginBottom, marginLeft, ...props }, ref) => {
|
|
4
4
|
return (_jsx("div", { ...props, ref: ref, style: {
|
|
5
|
-
alignItems
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
flex: flex,
|
|
10
|
-
width: width,
|
|
11
|
-
minWidth: minWidth,
|
|
12
|
-
maxWidth: maxWidth,
|
|
13
|
-
height: height,
|
|
14
|
-
minHeight: minHeight,
|
|
15
|
-
maxHeight: maxHeight,
|
|
16
|
-
lineHeight: lineHeight,
|
|
17
|
-
padding: padding,
|
|
18
|
-
paddingTop: paddingTop,
|
|
19
|
-
paddingRight: paddingRight,
|
|
20
|
-
paddingBottom: paddingBottom,
|
|
21
|
-
paddingLeft: paddingLeft,
|
|
22
|
-
margin: margin,
|
|
23
|
-
marginTop: marginTop,
|
|
24
|
-
marginRight: marginRight,
|
|
25
|
-
marginBottom: marginBottom,
|
|
26
|
-
marginLeft: marginLeft,
|
|
5
|
+
alignItems, justifyContent, alignSelf, justifySelf, flex,
|
|
6
|
+
width, minWidth, maxWidth, height, minHeight, maxHeight, lineHeight,
|
|
7
|
+
paddingTop, paddingRight, paddingBottom, paddingLeft, padding,
|
|
8
|
+
marginTop, marginRight, marginBottom, marginLeft, margin,
|
|
27
9
|
...props.style
|
|
28
10
|
} }));
|
|
29
11
|
});
|