ui-beyable 1.1.0-beta.11 → 1.1.0-beta.12
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.
|
@@ -8,12 +8,14 @@ interface StackType {
|
|
|
8
8
|
gap?: spaceType;
|
|
9
9
|
shouldWrap?: boolean;
|
|
10
10
|
alignInline?: alignInlineType;
|
|
11
|
+
style?: React.CSSProperties;
|
|
11
12
|
}
|
|
12
13
|
interface StackRowType {
|
|
13
14
|
children?: React.ReactNode;
|
|
14
15
|
className?: string;
|
|
15
16
|
flex?: flexType;
|
|
17
|
+
style?: React.CSSProperties;
|
|
16
18
|
}
|
|
17
|
-
declare function Stack({ children, className, gap, alignInline }: StackType): JSX.Element;
|
|
18
|
-
declare function StackRow({ children, className, flex }: StackRowType): JSX.Element;
|
|
19
|
+
declare function Stack({ children, className, gap, alignInline, style }: StackType): JSX.Element;
|
|
20
|
+
declare function StackRow({ children, className, flex, style }: StackRowType): JSX.Element;
|
|
19
21
|
export { Stack, StackRow };
|
package/lib/cjs/index.js
CHANGED
|
@@ -4096,11 +4096,9 @@ var getFlexClass = function (flex$1) {
|
|
|
4096
4096
|
return '';
|
|
4097
4097
|
};
|
|
4098
4098
|
function Stack(_a) {
|
|
4099
|
-
var children = _a.children, className = _a.className, _b = _a.gap, gap = _b === void 0 ? 'space.150' : _b, _c = _a.alignInline, alignInline = _c === void 0 ? 'stretch' : _c;
|
|
4099
|
+
var children = _a.children, className = _a.className, _b = _a.gap, gap = _b === void 0 ? 'space.150' : _b, _c = _a.alignInline, alignInline = _c === void 0 ? 'stretch' : _c, _d = _a.style, style = _d === void 0 ? {} : _d;
|
|
4100
4100
|
var cssClass = [flex.flex, flex.flex_direction_column];
|
|
4101
|
-
|
|
4102
|
-
rowGap: token(gap),
|
|
4103
|
-
};
|
|
4101
|
+
style.rowGap = token(gap);
|
|
4104
4102
|
if (className) {
|
|
4105
4103
|
cssClass.push(className);
|
|
4106
4104
|
}
|
|
@@ -4110,7 +4108,7 @@ function Stack(_a) {
|
|
|
4110
4108
|
return (React.createElement("div", { className: cssClass.join(' '), style: style }, children));
|
|
4111
4109
|
}
|
|
4112
4110
|
function StackRow(_a) {
|
|
4113
|
-
var children = _a.children, className = _a.className, _b = _a.flex, flex = _b === void 0 ? 'none' : _b;
|
|
4111
|
+
var children = _a.children, className = _a.className, _b = _a.flex, flex = _b === void 0 ? 'none' : _b, _c = _a.style, style = _c === void 0 ? {} : _c;
|
|
4114
4112
|
var cssClass = [];
|
|
4115
4113
|
if (className) {
|
|
4116
4114
|
cssClass.push(className);
|
|
@@ -4118,7 +4116,7 @@ function StackRow(_a) {
|
|
|
4118
4116
|
if (flex) {
|
|
4119
4117
|
cssClass.push(getFlexClass(flex));
|
|
4120
4118
|
}
|
|
4121
|
-
return (React.createElement("div", { className: cssClass.join(' ') }, children));
|
|
4119
|
+
return (React.createElement("div", { className: cssClass.join(' '), style: style }, children));
|
|
4122
4120
|
}
|
|
4123
4121
|
|
|
4124
4122
|
var css_248z$3 = ".section-module_outer__DvzIc{padding-block:40px;padding-inline:40px}.section-module_outer_grey__Q-2pJ{background-color:var(--main-bg-color)}.section-module_inner__neFCT{margin:0 auto}.section-module_inner_width_s__RGBtS{max-width:580px}.section-module_inner_width_m__ZpM9L{max-width:1000px}.section-module_inner_width_l__9iWZ0{max-width:1400px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY3Rpb24ubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw2QkFFSSxrQkFBbUIsQ0FEbkIsbUJBRUosQ0FDQSxrQ0FDSSxxQ0FDSixDQUVBLDZCQUNJLGFBQ0osQ0FDQSxxQ0FDSSxlQUNKLENBQ0EscUNBQ0ksZ0JBQ0osQ0FDQSxxQ0FDSSxnQkFDSiIsImZpbGUiOiJzZWN0aW9uLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIub3V0ZXIge1xyXG4gICAgcGFkZGluZy1pbmxpbmU6IDQwcHg7XHJcbiAgICBwYWRkaW5nLWJsb2NrOiA0MHB4O1xyXG59XHJcbi5vdXRlcl9ncmV5IHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1haW4tYmctY29sb3IpO1xyXG59XHJcblxyXG4uaW5uZXIge1xyXG4gICAgbWFyZ2luOiAwIGF1dG87XHJcbn1cclxuLmlubmVyX3dpZHRoX3Mge1xyXG4gICAgbWF4LXdpZHRoOiA1ODBweDtcclxufVxyXG4uaW5uZXJfd2lkdGhfbSB7XHJcbiAgICBtYXgtd2lkdGg6IDEwMDBweDtcclxufVxyXG4uaW5uZXJfd2lkdGhfbCB7XHJcbiAgICBtYXgtd2lkdGg6IDE0MDBweDtcclxufVxyXG4uaW5uZXJfd2lkdGhfZnVsbCB7XHJcbiAgICBcclxufSJdfQ== */";
|