@rocket.chat/fuselage 0.72.0 → 0.73.0

package/dist/components/Button/ActionButton.d.ts

@@ -24,7 +24,7 @@ declare const ActionButton: import("react").ForwardRefExoticComponent<import("..
     square?: boolean;
     external?: boolean;
     icon?: IconProps["name"];
-} & Omit<import("react").AllHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "size" | "is" | "className"> & ButtonSize & {
+} & Omit<import("react").AllHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, "is" | "size" | "className"> & ButtonSize & {
     icon: IconProps["name"];
 } & import("react").RefAttributes<HTMLButtonElement>>;
 export default ActionButton;

package/dist/components/Button/Button.d.ts

@@ -34,6 +34,6 @@ declare const Button: import("react").ForwardRefExoticComponent<BoxProps & {
     square?: boolean;
     external?: boolean;
     icon?: IconProps["name"];
-} & Omit<AllHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "size" | "is" | "className"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<AllHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, "is" | "size" | "className"> & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/Icon/Icon.d.ts

@@ -4,7 +4,7 @@ export type IconProps = Omit<BoxProps, 'name' | 'size'> & {
     name: IconName;
     size?: BoxProps['width'];
 };
-declare const Icon: import("react").ForwardRefExoticComponent<Omit<BoxProps, "size" | "name"> & {
+declare const Icon: import("react").ForwardRefExoticComponent<Omit<BoxProps, "name" | "size"> & {
     name: IconName;
     size?: BoxProps["width"];
 } & import("react").RefAttributes<HTMLElement>>;

package/dist/components/ToastBar/ToastBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToastBar/ToastBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAS,MAAM,OAAO,CAAC;AAMtE,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CAAC;AAK/C,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,SAAc,EACd,OAAgB,EAChB,IAAQ,EACR,QAAQ,EACR,EAAE,EACF,OAAO,EACP,WAA6B,EAC7B,GAAG,KAAK,EACT,EAAE,aAAa,2CA0Ef;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"ToastBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToastBar/ToastBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAS,MAAM,OAAO,CAAC;AAMtE,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CAAC;AAK/C,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,SAAc,EACd,OAAgB,EAChB,IAAQ,EACR,QAAQ,EACR,EAAE,EACF,OAAO,EACP,WAA6B,EAC7B,GAAG,KAAK,EACT,EAAE,aAAa,2CA4Ef;AAED,eAAe,QAAQ,CAAC"}

package/dist/fuselage.development.js

@@ -3410,7 +3410,7 @@ const InputBox = (0, react_1.forwardRef)(function InputBox({ className, addon, e
         if (addon && innerRef.current && innerRef.current.parentElement) {
             innerRef.current.parentElement.classList.toggle('invalid', !innerRef.current.checkValidity());
         }
-    }, []);
+    }, [addon, error]);
     const handleChange = (0, react_1.useCallback)((event) => {
         if (addon && innerRef.current && innerRef.current.parentElement) {
             innerRef.current.parentElement.classList.toggle('invalid', !innerRef.current.checkValidity());
@@ -11137,10 +11137,11 @@ function ToastBar({ children, className = '', variant = 'info', time = 5, isPaus
   `;
     const uniqueId = (0, react_1.useId)();
     const toastId = id || uniqueId;
+    const role = variant === 'error' ? 'alert' : 'status';
     return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { className: [
             `rcx-toastbar rcx-toastbar--${variant} ${className}`,
             toastBarAnimation,
-        ], elevation: '2nb', borderRadius: 'x4', ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'rcx-toastbar_inner', children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: `rcx-toastbar_icon--${variant}`, size: 'x20', name: iconName }), (0, jsx_runtime_1.jsx)("div", { role: 'alert', className: 'rcx-toastbar_content', children: children }), onClose && ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-toastbar-close', children: (0, jsx_runtime_1.jsx)(Button_1.IconButton, { tiny: true, "aria-label": buttonLabel, onClick: () => onClose(toastId), icon: 'cross' }) }))] }), (0, jsx_runtime_1.jsx)(Box_1.Box, { className: [progressBarAnimation, 'rcx-toastbar_progressbar'] })] }));
+        ], elevation: '2nb', borderRadius: 'x4', ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'rcx-toastbar_inner', children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: `rcx-toastbar_icon--${variant}`, size: 'x20', name: iconName }), (0, jsx_runtime_1.jsx)("div", { role: role, className: 'rcx-toastbar_content', children: children }), onClose && ((0, jsx_runtime_1.jsx)("div", { className: 'rcx-toastbar-close', children: (0, jsx_runtime_1.jsx)(Button_1.IconButton, { tiny: true, "aria-label": buttonLabel, onClick: () => onClose(toastId), icon: 'cross' }) }))] }), (0, jsx_runtime_1.jsx)(Box_1.Box, { className: [progressBarAnimation, 'rcx-toastbar_progressbar'] })] }));
 }
 exports["default"] = ToastBar;