@rocket.chat/fuselage 0.50.1 → 0.51.1

package/dist/fuselage.development.js

@@ -3832,10 +3832,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
 var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
-var Contextualbar = function (_a) {
+var Contextualbar = (0, react_1.forwardRef)(function Contextualbar(_a, ref) {
     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, 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));
-};
+    return (react_1.default.createElement(__1.Box, __assign({ ref: ref, "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);
 
 
@@ -17925,7 +17925,7 @@ var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/
 var Button_1 = __webpack_require__(/*! ../Button */ "./src/components/Button/index.ts");
 var Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
 function ToastBar(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'info' : _c, _d = _a.time, time = _d === void 0 ? 5 : _d, id = _a.id, onClose = _a.onClose, _e = _a.buttonLabel, buttonLabel = _e === void 0 ? 'Close' : _e, props = __rest(_a, ["children", "className", "variant", "time", "id", "onClose", "buttonLabel"]);
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'info' : _c, _d = _a.time, time = _d === void 0 ? 5 : _d, id = _a.id, onClose = _a.onClose, _e = _a.buttonLabel, buttonLabel = _e === void 0 ? 'Dismiss alert' : _e, props = __rest(_a, ["children", "className", "variant", "time", "id", "onClose", "buttonLabel"]);
     var iconName = (variant === 'success' && 'circle-check') ||
         (variant === 'error' && 'ban') ||
         'info';
@@ -17938,12 +17938,12 @@ function ToastBar(_a) {
     return (react_1.default.createElement(Box_1.default, __assign({ className: [
             "rcx-toastbar rcx-toastbar--".concat(variant, " ").concat(className),
             toastBarAnimation,
-        ], elevation: '2nb', borderRadius: 'x4', role: 'alert' }, props),
+        ], elevation: '2nb', borderRadius: 'x4' }, props),
         react_1.default.createElement("div", { className: 'rcx-toastbar_inner' },
             react_1.default.createElement(Icon_1.Icon, { className: "rcx-toastbar_icon--".concat(variant), size: 'x20', name: iconName }),
-            react_1.default.createElement("div", { className: 'rcx-toastbar_content', id: toastId }, children),
+            react_1.default.createElement("div", { role: 'alert', className: 'rcx-toastbar_content' }, children),
             onClose && (react_1.default.createElement("div", { className: 'rcx-toastbar-close' },
-                react_1.default.createElement(Button_1.IconButton, { tiny: true, onClick: function () { return onClose(toastId); }, icon: 'cross', "aria-label": buttonLabel })))),
+                react_1.default.createElement(Button_1.IconButton, { tiny: true, "aria-label": buttonLabel, onClick: function () { return onClose(toastId); }, icon: 'cross' })))),
         react_1.default.createElement(Box_1.default, { className: [progressBarAnimation, 'rcx-toastbar_progressbar'] })));
 }
 exports.ToastBar = ToastBar;