@flytedan/flytebot-design-system 0.12.2 → 0.12.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flytedan/flytebot-design-system",
-  "version": "0.12.2",
+  "version": "0.12.4",
   "description": "flytedesk Design System — shared component library, tokens, and business-logic kits for flytedesk apps.",
   "type": "module",
   "license": "UNLICENSED",

package/styles/components.css

@@ -2180,7 +2180,12 @@
 /* Narrow Topbar (`is-narrow`, set by Topbar from its own `overflowBreakpoint`, so the
    crumb rules and the overflow menu always switch together): earlier crumbs hide (the
    nav drawer `onMenu` opens still reaches them), and the current crumb truncates with
-   an ellipsis instead of spilling its text outside a zero-width box. */
+   an ellipsis instead of spilling its text outside a zero-width box.
+   The crumb also grows (`flex: 1 1 auto`) so it, not the row spacer, takes the width
+   the collapsed controls free. */
+.fd-topbar.is-narrow .fd-crumb {
+  flex: 1 1 auto;
+}
 .fd-topbar.is-narrow .fd-crumb > *:not(:last-child) {
   display: none;
 }
@@ -2328,6 +2333,8 @@
   border-top: 1px solid var(--border);
   background: var(--surface-2);
 }
+/* z-index below is a resting default only — Drawer.tsx sets it (and its scrim's) inline
+   via useOverlayLayer(DRAWER_BASE), which wins over this rule (see Popover.tsx). */
 .fd-drawer {
   position: fixed;
   top: 0;
@@ -2351,9 +2358,11 @@
   min-width: 0;
 }
 /* Portaled to document.body and placed by Tooltip.tsx (fixed, anchored geometry), so no
-   overflow: hidden ancestor of the trigger can clip it. It sits above popovers (140) so a
-   tip on something inside a popover is still visible. Short labels stay on one line
-   (max-content); a sentence wraps at a readable measure instead of running off-screen. */
+   overflow: hidden ancestor of the trigger can clip it. Short labels stay on one line
+   (max-content); a sentence wraps at a readable measure instead of running off-screen.
+   The z-index below is a resting default only — Tooltip.tsx always sets it inline via
+   useOverlayLayer(TOOLTIP_BASE), which wins over this rule and is what actually keeps a
+   tip above whatever popover its trigger happens to be nested inside (see Popover.tsx). */
 .fd-tooltip {
   position: fixed;
   z-index: 150;