@rocket.chat/fuselage 0.91.0 → 0.92.0

package/dist/fuselage.development.css

@@ -5262,10 +5262,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   gap: 0.25rem;
 }
 .rcx-sidebar-item--level-2 {
-  padding: 0.5rem;
-}
-.rcx-sidebar-item--indent {
-  margin-inline-start: 0.75rem;
+  padding: 0.25rem;
 }
 .rcx-sidebar-item:active {
   color: var(--rcx-sidebar-color-font-active, var(--rcx-color-font-titles-labels, #1f2329));
@@ -5433,10 +5430,12 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   flex-shrink: 0;
   width: 0;
   height: 1.25rem;
+  margin-inline-end: -0.25rem;
   opacity: 0;
 }
 .rcx-sidebar-collapse-group__bar:hover .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-collapse-group__bar:focus-within .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-collapse-group__bar:hover .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-collapse-group__bar:focus-within .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-accordion-item__bar:hover .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-accordion-item__bar:focus-within .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-accordion-item__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-accordion-item__bar:hover .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-accordion-item__bar:focus-within .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-accordion-item__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-accordion-item__menu-wrapper {
   width: 1.25rem;
+  margin-inline-end: 0;
   opacity: 1;
 }
 .rcx-sidebar-collapse-group__panel, .rcx-sidebar-accordion-item__panel {
@@ -5490,6 +5489,15 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
 .rcx-sidebar-collapse-group__bar-button[tabindex].disabled, .rcx-sidebar-collapse-group__bar-button[tabindex]:disabled {
   cursor: not-allowed;
 }
+.rcx-sidebar-collapse-group__heading {
+  display: flex;
+  align-items: center;
+  flex: 1 1 0;
+  min-width: 0;
+}
+.rcx-sidebar-collapse-group__title {
+  flex: 0 1 auto;
+}
 .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__bar-button[tabindex]):hover, .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__bar-button[tabindex]).hover, .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__bar-button[tabindex]).is-hovered {
   background-color: var(--rcx-color-surface-hover, #f2f3f5);
 }

package/dist/fuselage.development.js

@@ -6207,12 +6207,11 @@ if (process.env.NODE_ENV !== "production") (function() {
 	});
 	//#endregion
 	//#region src/components/Sidebar/SidebarItem/SidebarItem.tsx
-	var SidebarItem = ({ selected, level = 1, indent, className, children, is: Tag = "a", ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, {
+	var SidebarItem = ({ selected, level = 1, className, children, is: Tag = "a", ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.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).join(" "),
 		...props,
@@ -6445,26 +6444,24 @@ if (process.env.NODE_ENV !== "production") (function() {
 			"rcx-box rcx-box--full",
 			"rcx-sidebar-collapse-group__bar",
 			!expanded && empty && "rcx-sidebar-collapse-group__bar--empty",
-			!expanded && badge && "rcx-sidebar-collapse-group__bar--unread",
-			"rcx-box--animated"
+			!expanded && badge && "rcx-sidebar-collapse-group__bar--unread"
 		].filter(Boolean).join(" "),
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "rcx-box rcx-sidebar-collapse-group__bar-button",
 			role,
 			...barProps,
-			children: [
-				expanded !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
-					size: "x20",
-					right: !expanded
-				}),
-				title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "rcx-box rcx-sidebar-collapse-group__heading",
+				children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
 					className: "rcx-box rcx-box--full rcx-sidebar-collapse-group__title",
 					id: titleId,
 					children: title
-				}),
-				!expanded && badge && badge
-			]
+				}), expanded !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chevron, {
+					size: "x20",
+					right: !expanded
+				})]
+			}), !expanded && badge && badge]
 		}), menu]
 	});
 	//#endregion