@rocket.chat/fuselage 0.49.0 → 0.50.0

package/dist/fuselage.development.js

@@ -3834,7 +3834,7 @@ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
 var Contextualbar = function (_a) {
     var children = _a.children, width = _a.width, position = _a.position, _b = _a.bg, bg = _b === void 0 ? 'room' : _b, props = __rest(_a, ["children", "width", "position", "bg"]);
-    return (react_1.default.createElement(__1.Box, __assign({ "rcx-vertical-bar": true, bg: bg, display: 'flex', flexDirection: 'column', flexShrink: 0, width: width, borderInlineStartWidth: 'default', borderInlineStartColor: 'extra-light', borderInlineStartStyle: 'solid', height: 'full', position: position, insetInlineEnd: 'none', insetBlockStart: 'none', zIndex: 5 }, props), children));
+    return (react_1.default.createElement(__1.Box, __assign({ "rcx-vertical-bar": true, bg: bg, color: 'default', display: 'flex', flexDirection: 'column', flexShrink: 0, width: width, borderInlineStartWidth: 'default', borderInlineStartColor: 'extra-light', borderInlineStartStyle: 'solid', height: 'full', position: position, insetInlineEnd: 'none', insetBlockStart: 'none', zIndex: 5 }, props), children));
 };
 exports["default"] = (0, react_1.memo)(Contextualbar);
 
@@ -4186,7 +4186,7 @@ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
 var ContextualbarFooter = (0, react_1.forwardRef)(function ContextualbarFooter(_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (react_1.default.createElement(__1.Box, __assign({ is: 'footer', p: 24 }, props, { ref: ref }), children));
+    return (react_1.default.createElement(__1.Box, __assign({ ref: ref, p: 24 }, props), children));
 });
 exports["default"] = (0, react_1.memo)(ContextualbarFooter);
 
@@ -4254,8 +4254,8 @@ var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/
 var Margins_1 = __importDefault(__webpack_require__(/*! ../Margins */ "./src/components/Margins/index.ts"));
 var ContextualbarHeader = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (react_1.default.createElement(Box_1.default, __assign({ display: 'flex', alignItems: 'center', height: 'x56', is: 'h3', pi: 24, borderBlockEndWidth: 'default', borderBlockColor: 'extra-light', flexShrink: 0 }, props),
-        react_1.default.createElement(Box_1.default, { marginInline: 'neg-x4', display: 'flex', alignItems: 'center', justifyContent: 'space-between', fontScale: 'h4', flexGrow: 1, overflow: 'hidden', color: 'default' },
+    return (react_1.default.createElement(Box_1.default, __assign({ display: 'flex', alignItems: 'center', height: 'x56', pi: 24, borderBlockEndWidth: 'default', borderBlockColor: 'extra-light', flexShrink: 0 }, props),
+        react_1.default.createElement(Box_1.default, { marginInline: 'neg-x4', display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexGrow: 1, height: '100%', overflow: 'hidden' },
             react_1.default.createElement(Margins_1.default, { inline: 'x4' }, children))));
 };
 exports["default"] = (0, react_1.memo)(ContextualbarHeader);
@@ -4358,7 +4358,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var _1 = __webpack_require__(/*! . */ "./src/components/Contextualbar/index.ts");
 var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
-var ContextualbarSkeleton = function (props) { return (react_1.default.createElement(_1.Contextualbar, __assign({}, props, { width: '100%' }),
+var ContextualbarSkeleton = function (props) { return (react_1.default.createElement(_1.Contextualbar, __assign({}, props),
     react_1.default.createElement(_1.ContextualbarHeader, null,
         react_1.default.createElement(__1.Skeleton, { width: '100%' })),
     react_1.default.createElement(__1.Box, { p: 24 },
@@ -4415,7 +4415,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
-var ContextualbarTitle = function (props) { return (react_1.default.createElement(__1.Box, __assign({ flexShrink: 1, flexGrow: 1, withTruncatedText: true }, props))); };
+var ContextualbarTitle = function (props) { return (react_1.default.createElement(__1.Box, __assign({ flexShrink: 1, flexGrow: 1, fontScale: 'h4', withTruncatedText: true }, props))); };
 exports["default"] = (0, react_1.memo)(ContextualbarTitle);