@flytedan/flytebot-design-system 0.9.0 → 0.10.0

package/package.json

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

package/styles/components.css

@@ -3901,9 +3901,15 @@
   gap: 8px;
   min-width: 0;
 }
+/* The title keeps a floor and the meta is what gives way. Previously the title was
+   "flex: 1; min-width: 0" against a "flex: none" meta, which means the title is the
+   ONLY thing that can shrink — so in a narrow panel (a two-pane transfer list at ~245px
+   per side) a row carrying three figures squeezed the school name to zero width and the
+   row lost its identity entirely. A row you cannot name is a row you cannot act on,
+   which makes the name the last thing that should go, not the first. */
 .fd-erow-title {
-  flex: 1;
-  min-width: 0;
+  flex: 1 1 auto;
+  min-width: 45%;
   font-weight: var(--w-semibold);
   color: var(--text);
   white-space: nowrap;
@@ -3911,10 +3917,13 @@
   text-overflow: ellipsis;
 }
 .fd-erow-meta {
-  flex: none;
+  flex: 0 1 auto;
+  min-width: 0;
   font-size: var(--overline-size);
   color: var(--text-muted);
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .fd-erow-strip {
   display: flex;