@flytedan/flytebot-design-system 0.55.0 → 0.55.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.55.0",
3
+ "version": "0.55.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",
@@ -2629,6 +2629,7 @@
2629
2629
  }
2630
2630
  .fd-modal-body {
2631
2631
  padding: 0 24px 22px;
2632
+ position: relative; /* MP-298: contains absolutely positioned sr content, see .fd-scroll */
2632
2633
  overflow: auto;
2633
2634
  }
2634
2635
  .fd-modal-foot {
@@ -2888,6 +2889,7 @@
2888
2889
  .fd-pop-body {
2889
2890
  flex: 1 1 auto;
2890
2891
  min-height: 0;
2892
+ position: relative; /* MP-298: contains absolutely positioned sr content, see .fd-scroll */
2891
2893
  overflow-x: hidden;
2892
2894
  overflow-y: auto;
2893
2895
  overscroll-behavior: contain;
@@ -3585,6 +3587,9 @@
3585
3587
  }
3586
3588
  .fd-scroll {
3587
3589
  flex: 1;
3590
+ /* MP-298: positioned so an absolutely positioned child (a chart's `.fd-sr` data table) is
3591
+ contained and clipped by this scroller instead of stretching the page behind it. */
3592
+ position: relative;
3588
3593
  overflow: auto;
3589
3594
  padding: var(--gutter-lg);
3590
3595
  }
@@ -3668,10 +3673,12 @@
3668
3673
  shared with every other flex/grid consumer of the spacing scale, not a second grid-only
3669
3674
  value. Equal-height rows need no explicit rule: `align-items: stretch` is Grid's own
3670
3675
  default, restated below only so it can't silently regress if that default is ever
3671
- overridden elsewhere for `.fd-card-grid`'s selector specifically. */
3676
+ overridden elsewhere for `.fd-card-grid`'s selector specifically. MP-299: the track floor is
3677
+ `min(100%, var(--card-grid-min))` so a `minCardWidth` wider than the container (a 560px floor on
3678
+ a 375px phone) collapses to one full-width column instead of a track that overflows it. */
3672
3679
  .fd-card-grid {
3673
3680
  display: grid;
3674
- grid-template-columns: repeat(auto-fill, minmax(var(--card-grid-min, 280px), 1fr));
3681
+ grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--card-grid-min, 280px)), 1fr));
3675
3682
  align-items: stretch;
3676
3683
  }
3677
3684
  /* MP-271 review (comment 2920, finding 2): CardGrid wraps every item in its own