@flytedan/flytebot-design-system 0.11.6 → 0.12.0

package/package.json

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

package/styles/components.css

@@ -2163,6 +2163,24 @@
   color: var(--text);
   font-weight: var(--w-semibold);
 }
+.fd-topbar-overflow-list {
+  gap: 2px;
+  min-width: 160px;
+}
+/* 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. */
+.fd-topbar.is-narrow .fd-crumb > *:not(:last-child) {
+  display: none;
+}
+.fd-topbar.is-narrow .fd-crumb-current {
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 /* ============ Overlays ============ */
 .fd-scrim {