ui-beyable 1.1.0-beta.10 → 1.1.0-beta.12

package/lib/cjs/components/Stack/Stack.d.ts

@@ -8,12 +8,14 @@ interface StackType {
     gap?: spaceType;
     shouldWrap?: boolean;
     alignInline?: alignInlineType;
+    style?: React.CSSProperties;
 }
 interface StackRowType {
     children?: React.ReactNode;
     className?: string;
     flex?: flexType;
+    style?: React.CSSProperties;
 }
-declare function Stack({ children, className, gap, alignInline }: StackType): JSX.Element;
-declare function StackRow({ children, className, flex }: StackRowType): JSX.Element;
+declare function Stack({ children, className, gap, alignInline, style }: StackType): JSX.Element;
+declare function StackRow({ children, className, flex, style }: StackRowType): JSX.Element;
 export { Stack, StackRow };

package/lib/cjs/index.d.ts

@@ -14,7 +14,7 @@ import { EmptyState } from './components/EmptyState/EmptyState';
 import { Fieldset } from './components/Fieldset/Fieldset';
 import { Hr } from './components/Hr/Hr';
 import { IconBtn } from './components/IconBtn/IconBtn';
-import { Inline } from './components/Inline/Inline';
+import { Inline, InlineColumn } from './components/Inline/Inline';
 import { KpiList, KpiItem } from './components/Kpi/Kpi';
 import { List, ListItem } from './components/List/List';
 import { Listbox, ListboxItem, ListboxSep } from './components/Listbox/Listbox';
@@ -24,7 +24,7 @@ import { Modal, ModalHeader, ModalBody, ModalFooter } from './components/Modal/M
 import { Panel, PanelClose, PanelHeader, PanelBody, PanelSection } from './components/Panel/Panel';
 import { Picto } from './components/Picto/Picto';
 import { Portal } from './components/Portal/Portal';
-import { Stack } from './components/Stack/Stack';
+import { Stack, StackRow } from './components/Stack/Stack';
 import { Section } from './components/Section/Section';
 import { Select } from './components/Select/Select';
 import { Spinner } from './components/Spinner/Spinner';
@@ -33,4 +33,4 @@ import { Textfield, TextfieldIcon, SearchBar } from './components/Textfield/Text
 declare const Theme: any;
 declare const Utils: any;
 export { Theme, Utils, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Article, ArticleFoldable, Box, Breadcrumb, Btn, BtnGroup, BtnSwitch, Checkbox, CheckboxList, Collapse, // Not OK, use ArticleFoldable instead
-Confirm, Container, Dropdown, DropdownSection, EditorHeader, EmptyState, Fieldset, Hr, IconBtn, Inline, KpiList, KpiItem, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, PanelSection, Picto, Portal, Stack, Radio, SearchBar, Section, Select, Spinner, Switch, TabBar, TabItem, Textfield, TextfieldIcon, };
+Confirm, Container, Dropdown, DropdownSection, EditorHeader, EmptyState, Fieldset, Hr, IconBtn, Inline, InlineColumn, KpiList, KpiItem, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, PanelSection, Picto, Portal, Stack, StackRow, Radio, SearchBar, Section, Select, Spinner, Switch, TabBar, TabItem, Textfield, TextfieldIcon, };

package/lib/cjs/index.js

@@ -3508,6 +3508,25 @@ var getJustifyClass = function (direction) {
     }
     return '';
 };
+var getAlignItemClass = function (direction) {
+    switch (direction) {
+        case 'start': return flex.flex_item_align_start;
+        case 'center': return flex.flex_item_align_center;
+        case 'end': return flex.flex_item_align_end;
+        case 'baseline': return flex.flex_item_align_baseline;
+        case 'stretch': return flex.flex_item_align_stretch;
+    }
+    return '';
+};
+var getFlexClass$1 = function (flex$1) {
+    switch (flex$1) {
+        case 'none': return flex.flex_item_fix;
+        case 'auto': return flex.flex_item_full;
+        case 'shrink': return flex.flex_item_auto;
+        case 'grow': return flex.flex_item_full_fix;
+    }
+    return '';
+};
 function Inline(_a) {
     var children = _a.children, className = _a.className, _b = _a.gap, gap = _b === void 0 ? 'space.150' : _b, _c = _a.shouldWrap, shouldWrap = _c === void 0 ? true : _c, _d = _a.align, align = _d === void 0 ? 'center' : _d, _e = _a.justify, justify = _e === void 0 ? 'start' : _e, _f = _a.grow, grow = _f === void 0 ? 'fill' : _f, _g = _a.style, style = _g === void 0 ? {} : _g;
     var cssClass = [styles$7.wrapper];
@@ -3526,6 +3545,20 @@ function Inline(_a) {
         cssClass.push(getJustifyClass(justify));
     }
     return (React.createElement("div", { className: cssClass.join(' '), style: style }, children));
+}
+function InlineColumn(_a) {
+    var children = _a.children, className = _a.className, _b = _a.align, align = _b === void 0 ? '' : _b, _c = _a.flex, flex = _c === void 0 ? 'none' : _c, _d = _a.style, style = _d === void 0 ? {} : _d;
+    var cssClass = [];
+    if (className) {
+        cssClass.push(className);
+    }
+    if (align) {
+        cssClass.push(getAlignItemClass(align));
+    }
+    if (flex) {
+        cssClass.push(getFlexClass$1(flex));
+    }
+    return (React.createElement("div", { className: cssClass.join(' '), style: style }, children));
 }
 
 var css_248z$8 = ".Kpi-module_list_wrapper__-ItHd{margin-bottom:-12px;margin-left:-12px}.Kpi-module_list__ijR67{align-items:stretch;display:flex}.Kpi-module_item__IZXRc{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px;margin-bottom:12px;margin-left:12px;padding:0 22px;position:relative}.Kpi-module_item__IZXRc:after,.Kpi-module_item__IZXRc:before{content:\"\";display:block;margin-top:16px}.Kpi-module_item_s__Yc4HP{flex:0 1 calc(16.66667% - 12px)}.Kpi-module_item_m__yj-l1{flex:0 1 calc(20% - 12px)}.Kpi-module_item_l__lurOA{flex:0 1 calc(25% - 12px)}.Kpi-module_item_header__fnbNT{color:var(--grey-3);line-height:1.1;margin-bottom:6px}.Kpi-module_item_title__IHpB-{font-size:14px;font-weight:500}.Kpi-module_item_description__kTqWF{font-size:14px;margin-top:3px}.Kpi-module_item_tooltip__u20hJ{margin-right:-6px}.Kpi-module_item_value__xJTg3{align-items:center;display:flex;font-size:28px;font-weight:500;white-space:nowrap}.Kpi-module_item_variation__7R5ix{border-radius:30px;display:inline-block;font-size:14px;font-weight:500;line-height:16px;margin-top:6px;padding:3px 8px}.Kpi-module_item_value__xJTg3 .Kpi-module_item_variation__7R5ix{margin-left:8px;margin-top:0}.Kpi-module_item_variation_up__3f0oP{background-color:var(--color-success-light);color:var(--color-success)}.Kpi-module_item_variation_down__I3ZXd{background-color:var(--color-alert-light);color:var(--color-alert)}.Kpi-module_item_variation_warning__JXyTG{background-color:var(--color-warning-light);color:var(--color-warning)}.Kpi-module_item_variation_neutral__PoXN0{background-color:var(--color-main-light);color:var(--color-main)}.Kpi-module_item_value_prepend__Xexah{flex:0 0 auto;padding-right:8px}.Kpi-module_item_value_append__o8jUJ{flex:0 0 auto;margin-left:auto;padding-left:8px}.Kpi-module_tabs_border__n-CqI{border-bottom:1px solid var(--main-border-color);margin-bottom:26px}.Kpi-module_tabs__XiwIU{display:flex;gap:50px}.Kpi-module_tab_common__DEs-3{cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;min-width:80px;padding-bottom:18px;position:relative}.Kpi-module_tab_common__DEs-3:after{border-radius:3px 3px 0 0;bottom:-1px;content:\"\";height:3px;left:0;position:absolute;right:0;transition:background .2s}.Kpi-module_tabs__XiwIU .Kpi-module_item_value__xJTg3{font-size:26px}@media (max-width:1439px){.Kpi-module_tabs__XiwIU{gap:40px}.Kpi-module_tabs__XiwIU .Kpi-module_item_title__IHpB-{font-size:13px}.Kpi-module_tab_common__DEs-3{padding-bottom:14px}}@media (max-width:1367px){.Kpi-module_tabs__XiwIU{gap:35px}.Kpi-module_tabs__XiwIU .Kpi-module_item_value__xJTg3{font-size:24px}}.Kpi-module_tab__bGBF9:focus:after,.Kpi-module_tab__bGBF9:hover:after{background-color:var(--main-border-color)}.Kpi-module_tab_active__gxE47:after{background-color:var(--turquoise)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktwaS5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGdDQUNJLG1CQUFvQixDQUNwQixpQkFDSixDQUNBLHdCQUVJLG1CQUFvQixDQURwQixZQUVKLENBQ0Esd0JBQ0ksdUJBQXdCLENBQ3hCLHlDQUEwQyxDQUMxQyxpQkFBa0IsQ0FJbEIsa0JBQW1CLENBRG5CLGdCQUFpQixDQURwQixjQUFlLENBRFosaUJBSUosQ0FDQSw2REFFSSxVQUFXLENBQ2QsYUFBYyxDQUNYLGVBQ0osQ0FPQSwwQkFBVSwrQkFBdUMsQ0FDakQsMEJBQVUseUJBQXVDLENBQ2pELDBCQUFVLHlCQUF1QyxDQUdqRCwrQkFDSSxtQkFBb0IsQ0FFcEIsZUFBZ0IsQ0FEaEIsaUJBRUosQ0FDQSw4QkFDSSxjQUFlLENBQ2YsZUFDSixDQUNBLG9DQUNJLGNBQWUsQ0FDZixjQUNKLENBQ0EsZ0NBQ0ksaUJBQ0osQ0FDQSw4QkFLSSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUhiLGNBQWUsQ0FDZixlQUFnQixDQUNoQixrQkFHSixDQUNBLGtDQUVJLGtCQUFtQixDQURuQixvQkFBcUIsQ0FJckIsY0FBZSxDQUNmLGVBQWdCLENBRmhCLGdCQUFpQixDQUdqQixjQUFlLENBSmYsZUFLSixDQUNBLGdFQUNJLGVBQWdCLENBQ2hCLFlBQ0osQ0FPQSxxQ0FFSSwyQ0FBNEMsQ0FENUMsMEJBRUosQ0FDQSx1Q0FFSSx5Q0FBMEMsQ0FEMUMsd0JBRUosQ0FDQSwwQ0FFSSwyQ0FBNEMsQ0FENUMsMEJBRUosQ0FDQSwwQ0FFSSx3Q0FBeUMsQ0FEekMsdUJBRUosQ0FFQSxzQ0FDSSxhQUFjLENBQ2QsaUJBQ0osQ0FDQSxxQ0FDSSxhQUFjLENBQ2QsZ0JBQWlCLENBQ2pCLGdCQUNKLENBR0EsK0JBQ0ksZ0RBQWlELENBQ2pELGtCQUNKLENBQ0Esd0JBQ0ksWUFBYSxDQUNiLFFBQ0osQ0FDQSw4QkFFSSxjQUFlLENBSWYsWUFBYSxDQUNiLHFCQUFzQixDQUN0Qix3QkFBeUIsQ0FKekIsY0FBZSxDQUhmLG1CQUFvQixDQUVwQixpQkFNSixDQUNBLG9DQU9JLHlCQUEwQixDQUYxQixXQUFZLENBSlosVUFBVyxDQUtYLFVBQVcsQ0FIWCxNQUFPLENBRFAsaUJBQWtCLENBRWxCLE9BQVEsQ0FJUix5QkFDSixDQUNBLHNEQUNJLGNBQ0osQ0FDQSwwQkFDSSx3QkFDSSxRQUNKLENBQ0Esc0RBQ0ksY0FDSixDQUNBLDhCQUNJLG1CQUNKLENBQ0osQ0FDQSwwQkFDSSx3QkFDSSxRQUNKLENBQ0Esc0RBQ0ksY0FDSixDQUNKLENBS0Esc0VBRUkseUNBQ0osQ0FLQSxvQ0FDSSxpQ0FDSiIsImZpbGUiOiJLcGkubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEtQSSBMaXN0ICovXHJcbi5saXN0X3dyYXBwZXIge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogLTEycHg7XHJcbiAgICBtYXJnaW4tbGVmdDogLTEycHg7XHJcbn1cclxuLmxpc3Qge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xyXG59XHJcbi5pdGVtIHtcclxuICAgIGJhY2tncm91bmQ6IHZhcigtLXdoaXRlKTtcclxuICAgIGJvcmRlcjogc29saWQgMXB4IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDZweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHRwYWRkaW5nOiAwIDIycHg7XHJcbiAgICBtYXJnaW4tbGVmdDogMTJweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDEycHg7XHJcbn1cclxuLml0ZW06OmJlZm9yZSxcclxuLml0ZW06OmFmdGVyIHtcclxuICAgIGNvbnRlbnQ6IFwiXCI7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcbiAgICBtYXJnaW4tdG9wOiAxNnB4O1xyXG59XHJcblxyXG4uaXRlbV9zLFxyXG4uaXRlbV9tLFxyXG4uaXRlbV9sIHtcclxuICAgIGNvbXBvc2VzOiBpdGVtO1xyXG59XHJcbi5pdGVtX3MgeyBmbGV4OiAwIDEgY2FsYyhjYWxjKDEwMCUgLyA2KSAtIDEycHgpOyB9XHJcbi5pdGVtX20geyBmbGV4OiAwIDEgY2FsYyhjYWxjKDEwMCUgLyA1KSAtIDEycHgpOyB9XHJcbi5pdGVtX2wgeyBmbGV4OiAwIDEgY2FsYyhjYWxjKDEwMCUgLyA0KSAtIDEycHgpOyB9XHJcblxyXG4vKiBJdGVtIGNvbnRlbnQgKi9cclxuLml0ZW1faGVhZGVyIHtcclxuICAgIGNvbG9yOiB2YXIoLS1ncmV5LTMpO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogNnB4O1xyXG4gICAgbGluZS1oZWlnaHQ6IDEuMTtcclxufVxyXG4uaXRlbV90aXRsZSB7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG59XHJcbi5pdGVtX2Rlc2NyaXB0aW9uIHtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIG1hcmdpbi10b3A6IDNweDtcclxufVxyXG4uaXRlbV90b29sdGlwIHtcclxuICAgIG1hcmdpbi1yaWdodDogLTZweDtcclxufVxyXG4uaXRlbV92YWx1ZSB7XHJcbiAgICBmb250LXNpemU6IDI4cHg7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG59XHJcbi5pdGVtX3ZhcmlhdGlvbiB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzMHB4O1xyXG4gICAgcGFkZGluZzogM3B4IDhweDtcclxuICAgIGxpbmUtaGVpZ2h0OiAxNnB4O1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIG1hcmdpbi10b3A6IDZweDtcclxufVxyXG4uaXRlbV92YWx1ZSAuaXRlbV92YXJpYXRpb257XHJcbiAgICBtYXJnaW4tbGVmdDogOHB4O1xyXG4gICAgbWFyZ2luLXRvcDogMDtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fdXAsXHJcbi5pdGVtX3ZhcmlhdGlvbl9kb3duLFxyXG4uaXRlbV92YXJpYXRpb25fd2FybmluZyxcclxuLml0ZW1fdmFyaWF0aW9uX25ldXRyYWwge1xyXG4gICAgY29tcG9zZXM6IGl0ZW1fdmFyaWF0aW9uO1xyXG59XHJcbi5pdGVtX3ZhcmlhdGlvbl91cCB7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3Itc3VjY2Vzcyk7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1zdWNjZXNzLWxpZ2h0KTtcclxufVxyXG4uaXRlbV92YXJpYXRpb25fZG93biB7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItYWxlcnQpO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYWxlcnQtbGlnaHQpO1xyXG59XHJcbi5pdGVtX3ZhcmlhdGlvbl93YXJuaW5nIHtcclxuICAgIGNvbG9yOiB2YXIoLS1jb2xvci13YXJuaW5nKTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXdhcm5pbmctbGlnaHQpO1xyXG59XHJcbi5pdGVtX3ZhcmlhdGlvbl9uZXV0cmFsIHtcclxuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1tYWluKTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLW1haW4tbGlnaHQpO1xyXG59XHJcblxyXG4uaXRlbV92YWx1ZV9wcmVwZW5kIHtcclxuICAgIGZsZXg6IDAgMCBhdXRvO1xyXG4gICAgcGFkZGluZy1yaWdodDogOHB4O1xyXG59XHJcbi5pdGVtX3ZhbHVlX2FwcGVuZCB7XHJcbiAgICBmbGV4OiAwIDAgYXV0bztcclxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xyXG4gICAgcGFkZGluZy1sZWZ0OiA4cHg7XHJcbn1cclxuXHJcbi8qIFRhYnMgKi9cclxuLnRhYnNfYm9yZGVyIHtcclxuICAgIGJvcmRlci1ib3R0b206IHNvbGlkIDFweCB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAyNnB4O1xyXG59XHJcbi50YWJzIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBnYXA6IDUwcHg7XHJcbn1cclxuLnRhYl9jb21tb24ge1xyXG4gICAgcGFkZGluZy1ib3R0b206IDE4cHg7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBtaW4td2lkdGg6IDgwcHg7XHJcblxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xyXG59XHJcbi50YWJfY29tbW9uOjphZnRlciB7XHJcbiAgICBjb250ZW50OiBcIlwiO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgbGVmdDogMDtcclxuICAgIHJpZ2h0OiAwO1xyXG4gICAgYm90dG9tOiAtMXB4O1xyXG4gICAgaGVpZ2h0OiAzcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzcHggM3B4IDAgMDtcclxuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMjAwbXM7XHJcbn1cclxuLnRhYnMgLml0ZW1fdmFsdWUge1xyXG4gICAgZm9udC1zaXplOiAyNnB4O1xyXG59XHJcbkBtZWRpYSAobWF4LXdpZHRoOiAxNDM5cHgpIHtcclxuICAgIC50YWJzIHtcclxuICAgICAgICBnYXA6IDQwcHg7XHJcbiAgICB9XHJcbiAgICAudGFicyAuaXRlbV90aXRsZSB7XHJcbiAgICAgICAgZm9udC1zaXplOiAxM3B4O1xyXG4gICAgfVxyXG4gICAgLnRhYl9jb21tb24ge1xyXG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAxNHB4O1xyXG4gICAgfVxyXG59XHJcbkBtZWRpYSAobWF4LXdpZHRoOiAxMzY3cHgpIHtcclxuICAgIC50YWJzIHtcclxuICAgICAgICBnYXA6IDM1cHg7XHJcbiAgICB9XHJcbiAgICAudGFicyAuaXRlbV92YWx1ZSB7XHJcbiAgICAgICAgZm9udC1zaXplOiAyNHB4O1xyXG4gICAgfVxyXG59XHJcblxyXG4udGFiIHtcclxuICAgIGNvbXBvc2VzOiB0YWJfY29tbW9uO1xyXG59XHJcbi50YWI6aG92ZXI6OmFmdGVyLFxyXG4udGFiOmZvY3VzOjphZnRlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tYWluLWJvcmRlci1jb2xvcik7XHJcbn1cclxuXHJcbi50YWJfYWN0aXZlIHtcclxuICAgIGNvbXBvc2VzOiB0YWJfY29tbW9uO1xyXG59XHJcbi50YWJfYWN0aXZlOjphZnRlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10dXJxdW9pc2UpO1xyXG59XHJcbiJdfQ== */";
@@ -4053,12 +4086,19 @@ var getAlignInlineClass = function (direction) {
     }
     return '';
 };
+var getFlexClass = function (flex$1) {
+    switch (flex$1) {
+        case 'none': return flex.flex_item_fix;
+        case 'auto': return flex.flex_item_full;
+        case 'shrink': return flex.flex_item_auto;
+        case 'grow': return flex.flex_item_full_fix;
+    }
+    return '';
+};
 function Stack(_a) {
-    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;
+    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;
     var cssClass = [flex.flex, flex.flex_direction_column];
-    var style = {
-        rowGap: token(gap),
-    };
+    style.rowGap = token(gap);
     if (className) {
         cssClass.push(className);
     }
@@ -4066,6 +4106,17 @@ function Stack(_a) {
         cssClass.push(getAlignInlineClass(alignInline));
     }
     return (React.createElement("div", { className: cssClass.join(' '), style: style }, children));
+}
+function StackRow(_a) {
+    var children = _a.children, className = _a.className, _b = _a.flex, flex = _b === void 0 ? 'none' : _b, _c = _a.style, style = _c === void 0 ? {} : _c;
+    var cssClass = [];
+    if (className) {
+        cssClass.push(className);
+    }
+    if (flex) {
+        cssClass.push(getFlexClass(flex));
+    }
+    return (React.createElement("div", { className: cssClass.join(' '), style: style }, children));
 }
 
 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== */";
@@ -4356,6 +4407,7 @@ exports.Fieldset = Fieldset;
 exports.Hr = Hr;
 exports.IconBtn = IconBtn;
 exports.Inline = Inline;
+exports.InlineColumn = InlineColumn;
 exports.KpiItem = KpiItem;
 exports.KpiList = KpiList;
 exports.List = List;
@@ -4382,6 +4434,7 @@ exports.Section = Section;
 exports.Select = Select;
 exports.Spinner = Spinner;
 exports.Stack = Stack;
+exports.StackRow = StackRow;
 exports.Switch = Switch;
 exports.TabBar = TabBar;
 exports.TabItem = TabItem;