@rocket.chat/fuselage 0.88.0 → 0.89.0

package/dist/fuselage.development.js

@@ -8535,13 +8535,14 @@ exports.SidebarCollapseGroup = SidebarCollapseGroup;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const SidebarGroupTitle_1 = __webpack_require__(/*! ./SidebarGroupTitle */ "./src/components/Sidebar/SidebarGroupTitle.tsx");
 const useCollapse_1 = __webpack_require__(/*! ./hooks/useCollapse */ "./src/components/Sidebar/hooks/useCollapse.tsx");
-function SidebarCollapseGroup({ ref, expanded: propExpanded, defaultExpanded, tabIndex, children, badge, menu, title, ...props }) {
+function SidebarCollapseGroup({ ref, expanded: propExpanded, defaultExpanded, tabIndex, children, badge, menu, title, empty, role = 'group', ...props }) {
     const { barProps, expanded, panelExpanded, panelId, titleId } = (0, useCollapse_1.useCollapse)({
         expanded: propExpanded,
         defaultExpanded,
         tabIndex,
     });
-    return ((0, jsx_runtime_1.jsxs)("section", { className: 'rcx-box rcx-box--full rcx-sidebar-collapse-group', ...props, children: [(0, jsx_runtime_1.jsx)(SidebarGroupTitle_1.SidebarGroupTitle, { expanded: expanded, title: title, titleId: titleId, badge: badge, menu: menu, barProps: barProps, role: 'button' }), (0, jsx_runtime_1.jsx)("div", { role: 'list', ref: ref, className: [
+    const labelledBy = props['aria-label'] ? undefined : titleId;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'rcx-box rcx-box--full rcx-sidebar-collapse-group', role: role, "aria-labelledby": labelledBy, ...props, children: [(0, jsx_runtime_1.jsx)(SidebarGroupTitle_1.SidebarGroupTitle, { expanded: expanded, empty: empty, title: title, titleId: titleId, badge: badge, menu: menu, barProps: barProps, role: 'button' }), (0, jsx_runtime_1.jsx)("div", { role: 'list', ref: ref, className: [
                     'rcx-box rcx-box--full rcx-sidebar-collapse-group__panel rcx-box--animated',
                     panelExpanded && 'rcx-sidebar-collapse-group__panel--expanded',
                 ]
@@ -8650,9 +8651,12 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarGroupTitle = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
 const Chevron_1 = __webpack_require__(/*! ../Chevron */ "./src/components/Chevron/index.ts");
-const SidebarGroupTitle = ({ title, titleId, badge, menu, barProps, expanded, role, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: [
+const SidebarGroupTitle = ({ title, titleId, badge, menu, barProps, expanded, empty, role, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: [
         'rcx-box rcx-box--full',
-        'rcx-sidebar-collapse-group__bar rcx-box--animated',
+        'rcx-sidebar-collapse-group__bar',
+        !expanded && empty && 'rcx-sidebar-collapse-group__bar--empty',
+        !expanded && badge && 'rcx-sidebar-collapse-group__bar--unread',
+        'rcx-box--animated',
     ]
         .filter(Boolean)
         .join(' '), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'rcx-box rcx-sidebar-collapse-group__bar-button', role: role, ...barProps, children: [expanded !== undefined && (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { size: 'x20', right: !expanded }), title && ((0, jsx_runtime_1.jsx)("h4", { className: 'rcx-box rcx-box--full rcx-sidebar-collapse-group__title', id: titleId, children: title })), !expanded && badge && badge] }), menu] }));
@@ -8671,10 +8675,11 @@ exports.SidebarGroupTitle = SidebarGroupTitle;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SidebarItem = void 0;
 const jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
-const SidebarItem = ({ selected, level = 1, className, children, is: Tag = 'a', ...props }) => ((0, jsx_runtime_1.jsx)(Tag, { className: [
+const SidebarItem = ({ selected, level = 1, indent, className, children, is: Tag = 'a', ...props }) => ((0, jsx_runtime_1.jsx)(Tag, { className: [
         'rcx-box rcx-box--full rcx-sidebar-item',
         selected && 'rcx-sidebar-item--selected',
         level && `rcx-sidebar-item--level-${level}`,
+        indent && 'rcx-sidebar-item--indent',
         className,
     ]
         .filter(Boolean)
@@ -11403,7 +11408,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.useArrayLikeClassNameProp = exports.Var = exports.__setThrowErrorOnInvalidToken__ = exports.Palette = void 0;
+exports.Var = exports.__setThrowErrorOnInvalidToken__ = exports.Palette = void 0;
 __webpack_require__(/*! ./index.scss */ "./src/index.scss");
 __exportStar(__webpack_require__(/*! ./components */ "./src/components/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./styleTokens */ "./src/styleTokens.ts"), exports);
@@ -11412,8 +11417,6 @@ var Theme_1 = __webpack_require__(/*! ./Theme */ "./src/Theme.ts");
 Object.defineProperty(exports, "Palette", ({ enumerable: true, get: function () { return Theme_1.Palette; } }));
 Object.defineProperty(exports, "__setThrowErrorOnInvalidToken__", ({ enumerable: true, get: function () { return Theme_1.__setThrowErrorOnInvalidToken__; } }));
 Object.defineProperty(exports, "Var", ({ enumerable: true, get: function () { return Theme_1.Var; } }));
-var useArrayLikeClassNameProp_1 = __webpack_require__(/*! ./hooks/useArrayLikeClassNameProp */ "./src/hooks/useArrayLikeClassNameProp.ts");
-Object.defineProperty(exports, "useArrayLikeClassNameProp", ({ enumerable: true, get: function () { return useArrayLikeClassNameProp_1.useArrayLikeClassNameProp; } }));
 
 
 /***/ },