@rocket.chat/fuselage 0.32.0-dev.425 → 0.32.0-dev.426

package/dist/components/Avatar/Avatar.d.ts

@@ -1,14 +1,16 @@
-import type { DetailedHTMLProps, HTMLAttributes, ComponentProps } from 'react';
+import type { AllHTMLAttributes, ComponentProps } from 'react';
+import React from 'react';
 import { AvatarContainer } from './AvatarContainer';
 export type AvatarProps = ComponentProps<typeof AvatarContainer> & {
     rounded?: boolean;
     objectFit?: boolean;
     url: string;
-};
+} & Omit<AllHTMLAttributes<HTMLImageElement>, 'size'>;
 export declare const Avatar: {
-    ({ size, rounded, objectFit, url, ...props }: AvatarProps): JSX.Element;
-    Stack: ({ children, ...props }: AvatarStackProps) => JSX.Element;
+    ({ size, rounded, objectFit, url, className, ...props }: AvatarProps): JSX.Element;
+    /**
+     * @deprecated Use named import instead
+     */
+    Stack: ({ children, ...props }: React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
 };
-type AvatarStackProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-export {};
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK/E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,MAAM;kDAMhB,WAAW;oCAsB+B,gBAAgB;CAP5D,CAAC;AAEF,KAAK,gBAAgB,GAAG,iBAAiB,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtD,eAAO,MAAM,MAAM;6DAOhB,WAAW;IAiBd;;OAEG;;CAJF,CAAC"}

package/dist/components/Avatar/AvatarContainer.d.ts

@@ -2,5 +2,5 @@ import type { HTMLAttributes } from 'react';
 export type AvatarContainerProps = {
     size?: 'x16' | 'x18' | 'x20' | 'x24' | 'x28' | 'x32' | 'x36' | 'x40' | 'x48' | 'x124' | 'x200' | 'x332';
 } & HTMLAttributes<HTMLElement>;
-export declare const AvatarContainer: ({ title, size, children, ...props }: AvatarContainerProps) => JSX.Element;
+export declare const AvatarContainer: ({ size, children, ...props }: AvatarContainerProps) => JSX.Element;
 //# sourceMappingURL=AvatarContainer.d.ts.map

package/dist/components/Avatar/AvatarContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/AvatarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,CAAC;CACZ,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,eAAe,wCAKzB,oBAAoB,gBAatB,CAAC"}
+{"version":3,"file":"AvatarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/AvatarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,CAAC;CACZ,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,eAAe,iCAIzB,oBAAoB,gBAStB,CAAC"}

package/dist/components/Avatar/AvatarStack.d.ts

@@ -0,0 +1,5 @@
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+type AvatarStackProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const AvatarStack: ({ children, ...props }: AvatarStackProps) => JSX.Element;
+export {};
+//# sourceMappingURL=AvatarStack.d.ts.map

package/dist/components/Avatar/AvatarStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/AvatarStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM/D,KAAK,gBAAgB,GAAG,iBAAiB,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf,CAAC;AAEF,eAAO,MAAM,WAAW,2BAA4B,gBAAgB,gBAGnE,CAAC"}

package/dist/components/Avatar/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Avatar';
 export * from './AvatarContainer';
+export * from './AvatarStack';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAC/D,OAAO,KAA8C,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AA+BF,eAAO,MAAM,UAAU;UA5Bf,eAAe,WAAW,CAAC,CAAC,MAAM,CAAC,GAAG,YAAY;;;;;;;;;;;;;;08SA2HzD,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAC/D,OAAO,KAA8C,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AA+BF,eAAO,MAAM,UAAU;UA5Bf,eAAe,WAAW,CAAC,CAAC,MAAM,CAAC,GAAG,YAAY;;;;;;;;;;;;;;08SA0HzD,CAAC"}

package/dist/components/Modal/index.d.ts

@@ -70,7 +70,7 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<{
         rounded?: boolean | undefined;
         objectFit?: boolean | undefined;
         url: string;
-    }) => JSX.Element;
+    } & Omit<import("react").AllHTMLAttributes<HTMLImageElement>, "size">) => JSX.Element;
     Title: ({ children, ...props }: {
         is?: import("react").ElementType | undefined;
         className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;

package/dist/fuselage.development.js

@@ -1310,11 +1310,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.Avatar = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
-var react_keyed_flatten_children_1 = __importDefault(__webpack_require__(/*! react-keyed-flatten-children */ "../../node_modules/react-keyed-flatten-children/index.js"));
-var prependClassName_1 = __webpack_require__(/*! ../../helpers/prependClassName */ "./src/helpers/prependClassName.ts");
 var AvatarContainer_1 = __webpack_require__(/*! ./AvatarContainer */ "./src/components/Avatar/AvatarContainer.tsx");
+var AvatarStack_1 = __webpack_require__(/*! ./AvatarStack */ "./src/components/Avatar/AvatarStack.tsx");
 var Avatar = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'x36' : _b, _c = _a.rounded, rounded = _c === void 0 ? false : _c, _d = _a.objectFit, objectFit = _d === void 0 ? false : _d, url = _a.url, props = __rest(_a, ["size", "rounded", "objectFit", "url"]);
+    var _b = _a.size, size = _b === void 0 ? 'x36' : _b, _c = _a.rounded, rounded = _c === void 0 ? false : _c, _d = _a.objectFit, objectFit = _d === void 0 ? false : _d, url = _a.url, className = _a.className, props = __rest(_a, ["size", "rounded", "objectFit", "url", "className"]);
     var innerClass = [
         'rcx-avatar__element',
         objectFit && 'rcx-avatar__element--object-fit',
@@ -1323,16 +1322,14 @@ var Avatar = function (_a) {
     ]
         .filter(Boolean)
         .join(' ');
-    return (react_1.default.createElement(AvatarContainer_1.AvatarContainer, __assign({ size: size }, props),
-        react_1.default.createElement("img", { src: "".concat(url), className: "".concat(innerClass) })));
+    return (react_1.default.createElement(AvatarContainer_1.AvatarContainer, { size: size, className: className },
+        react_1.default.createElement("img", __assign({ src: "".concat(url), className: "".concat(innerClass) }, props))));
 };
 exports.Avatar = Avatar;
-var AvatarStack = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    props.className = (0, prependClassName_1.prependClassName)(props.className, 'rcx-avatar-stack');
-    return react_1.default.createElement("div", __assign({}, props), (0, react_keyed_flatten_children_1.default)(children).reverse());
-};
-exports.Avatar.Stack = AvatarStack;
+/**
+ * @deprecated Use named import instead
+ */
+exports.Avatar.Stack = AvatarStack_1.AvatarStack;
 
 
 /***/ }),
@@ -1374,15 +1371,62 @@ exports.AvatarContainer = void 0;
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 var prependClassName_1 = __webpack_require__(/*! ../../helpers/prependClassName */ "./src/helpers/prependClassName.ts");
 var AvatarContainer = function (_a) {
-    var title = _a.title, _b = _a.size, size = _b === void 0 ? 'x36' : _b, children = _a.children, props = __rest(_a, ["title", "size", "children"]);
+    var _b = _a.size, size = _b === void 0 ? 'x36' : _b, children = _a.children, props = __rest(_a, ["size", "children"]);
     props.className = (0, prependClassName_1.prependClassName)(props.className, ['rcx-box rcx-box--full rcx-avatar', size && "rcx-avatar--".concat(size)]
         .filter(Boolean)
         .join(' '));
-    return (react_1.default.createElement("figure", __assign({ "aria-label": title }, props), children));
+    return react_1.default.createElement("figure", __assign({}, props), children);
 };
 exports.AvatarContainer = AvatarContainer;
 
 
+/***/ }),
+
+/***/ "./src/components/Avatar/AvatarStack.tsx":
+/*!***********************************************!*\
+  !*** ./src/components/Avatar/AvatarStack.tsx ***!
+  \***********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.AvatarStack = void 0;
+var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
+var react_keyed_flatten_children_1 = __importDefault(__webpack_require__(/*! react-keyed-flatten-children */ "../../node_modules/react-keyed-flatten-children/index.js"));
+var prependClassName_1 = __webpack_require__(/*! ../../helpers/prependClassName */ "./src/helpers/prependClassName.ts");
+var AvatarStack = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    props.className = (0, prependClassName_1.prependClassName)(props.className, 'rcx-avatar-stack');
+    return react_1.default.createElement("div", __assign({}, props), (0, react_keyed_flatten_children_1.default)(children).reverse());
+};
+exports.AvatarStack = AvatarStack;
+
+
 /***/ }),
 
 /***/ "./src/components/Avatar/index.tsx":
@@ -1409,6 +1453,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 __exportStar(__webpack_require__(/*! ./Avatar */ "./src/components/Avatar/Avatar.tsx"), exports);
 __exportStar(__webpack_require__(/*! ./AvatarContainer */ "./src/components/Avatar/AvatarContainer.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./AvatarStack */ "./src/components/Avatar/AvatarStack.tsx"), exports);
 
 
 /***/ }),
@@ -2445,7 +2490,7 @@ exports.IconButton = (0, react_1.forwardRef)(function (_a, ref) {
             (mini && 'x12') ||
             'x28';
     };
-    return (react_1.default.createElement(Box_1.default, __assign({ is: 'button', type: 'button', "rcx-button": true, "rcx-button--icon": true, "rcx-button--square": true }, kindAndVariantProps, getSizeClass(), { "rcx-button--icon-pressed": pressed, ref: ref, "aria-label": props['aria-label'] || icon }, props),
+    return (react_1.default.createElement(Box_1.default, __assign({ is: 'button', type: 'button', "rcx-button": true, "rcx-button--icon": true, "rcx-button--square": true }, kindAndVariantProps, getSizeClass(), { "rcx-button--icon-pressed": pressed, ref: ref }, props),
         children,
         (0, react_1.isValidElement)(icon) ? (icon) : (react_1.default.createElement(Icon_1.Icon, { name: icon, size: getIconSize() }))));
 });