@superdispatch/ui 0.30.0 → 0.31.1
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-node/index.js
CHANGED
|
@@ -1011,9 +1011,9 @@ function parseSpaceProp(prop) {
|
|
|
1011
1011
|
}
|
|
1012
1012
|
}
|
|
1013
1013
|
|
|
1014
|
-
function columnsRootMixin(align, spaceProp, isReversed, isCollapsed) {
|
|
1014
|
+
function columnsRootMixin(align, horizontalAlign, spaceProp, isReversed, isCollapsed) {
|
|
1015
1015
|
var space = parseSpaceProp(spaceProp);
|
|
1016
|
-
return styled.css(["--column-space-left:", "px;--column-space-top:", "px;--column-space-bottom:", "px;align-items:", ";margin-left:", "px;width:", ";flex-direction:", ";"], isCollapsed ? 0 : space, isCollapsed && isReversed ? space : 0, isCollapsed && !isReversed ? space : 0, parseAlignProp(align), isCollapsed ? 0 : "-".concat(space), isCollapsed ? '100%' : "calc(100% + ".concat(space, "px)"), isCollapsed ? !isReversed ? 'column' : 'column-reverse' : !isReversed ? 'row' : 'row-reverse');
|
|
1016
|
+
return styled.css(["--column-space-left:", "px;--column-space-top:", "px;--column-space-bottom:", "px;align-items:", ";justify-content:", ";margin-left:", "px;width:", ";flex-direction:", ";"], isCollapsed ? 0 : space, isCollapsed && isReversed ? space : 0, isCollapsed && !isReversed ? space : 0, parseAlignProp(align), parseAlignProp(horizontalAlign), isCollapsed ? 0 : "-".concat(space), isCollapsed ? '100%' : "calc(100% + ".concat(space, "px)"), isCollapsed ? !isReversed ? 'column' : 'column-reverse' : !isReversed ? 'row' : 'row-reverse');
|
|
1017
1017
|
}
|
|
1018
1018
|
var Columns = /*#__PURE__*/styled__default.div.withConfig({
|
|
1019
1019
|
displayName: "Columns",
|
|
@@ -1023,14 +1023,16 @@ var Columns = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
1023
1023
|
theme,
|
|
1024
1024
|
collapseBelow,
|
|
1025
1025
|
align: alignProp = 'top',
|
|
1026
|
+
horizontalAlign: horizontalAlignProp = 'left',
|
|
1026
1027
|
space: spaceProp = 'none',
|
|
1027
1028
|
reverse: reverseProp = false
|
|
1028
1029
|
} = _ref;
|
|
1029
1030
|
var align = parseResponsiveProp(alignProp);
|
|
1031
|
+
var horizontalAlign = parseResponsiveProp(horizontalAlignProp);
|
|
1030
1032
|
var space = parseResponsiveProp(spaceProp);
|
|
1031
1033
|
var reverse = parseResponsiveProp(reverseProp);
|
|
1032
1034
|
var collapsed = parseCollapsedBelow(collapseBelow);
|
|
1033
|
-
return styled.css(["width:100%;display:flex;", ";", "{", ";}", "{", ";}"], columnsRootMixin(align[0], space[0], reverse[0], collapsed[0]), theme.breakpoints.up('sm'), columnsRootMixin(align[1], space[1], reverse[1], collapsed[1]), theme.breakpoints.up('md'), columnsRootMixin(align[2], space[2], reverse[2], collapsed[2]));
|
|
1035
|
+
return styled.css(["width:100%;display:flex;", ";", "{", ";}", "{", ";}"], columnsRootMixin(align[0], horizontalAlign[0], space[0], reverse[0], collapsed[0]), theme.breakpoints.up('sm'), columnsRootMixin(align[1], horizontalAlign[1], space[1], reverse[1], collapsed[1]), theme.breakpoints.up('md'), columnsRootMixin(align[2], horizontalAlign[2], space[2], reverse[2], collapsed[2]));
|
|
1034
1036
|
});
|
|
1035
1037
|
|
|
1036
1038
|
function renderChildren(node) {
|