@flytedan/flytebot-design-system 0.12.0 → 0.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flytedan/flytebot-design-system",
3
- "version": "0.12.0",
3
+ "version": "0.12.2",
4
4
  "description": "flytedesk Design System — shared component library, tokens, and business-logic kits for flytedesk apps.",
5
5
  "type": "module",
6
6
  "license": "UNLICENSED",
@@ -263,6 +263,9 @@
263
263
  border-radius: var(--r-md);
264
264
  padding: 3px;
265
265
  gap: 3px;
266
+ /* Options can't shrink below their longest word; wrap onto a second row rather
267
+ than letting a clipping ancestor (Card, Collapsible) cut the last one off. */
268
+ flex-wrap: wrap;
266
269
  }
267
270
  .fd-seg button {
268
271
  border: 0;
@@ -823,6 +826,11 @@
823
826
  font-weight: var(--w-semibold);
824
827
  white-space: nowrap;
825
828
  border: 1px solid transparent;
829
+ /* One line, capped at the container: a long label ellipsizes instead of being
830
+ clipped out of sight. Callers with unbounded content pass a `title`. */
831
+ max-width: 100%;
832
+ overflow: hidden;
833
+ text-overflow: ellipsis;
826
834
  }
827
835
  .fd-badge-neutral {
828
836
  background: var(--surface-3);
@@ -1273,7 +1281,9 @@
1273
1281
  border: 1px solid var(--warn-border);
1274
1282
  font-size: var(--body-sm-size);
1275
1283
  font-weight: var(--w-bold);
1276
- white-space: nowrap;
1284
+ /* Wraps at word boundaries and never exceeds its container: the bypassed veil's
1285
+ bar has no clipping ancestor, so a one-line long label would widen the shell. */
1286
+ max-width: 100%;
1277
1287
  }
1278
1288
  .fd-soon-badge .ph {
1279
1289
  font-size: 14px;