@flytedan/flytebot-design-system 0.50.1 → 0.51.0

package/package.json

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

package/styles/components.css

@@ -1883,8 +1883,9 @@
   overflow: hidden;
 }
 /* The figure and its delta share a line while both fit; when the tile is too narrow for
- * both, the delta wraps onto its own line under the figure. Neither is ever clipped or
- * shrunk: each is one unbreakable unit (nowrap) and only the gap between them yields. */
+ * both, the delta wraps onto its own line under the figure. Each is one unbreakable unit
+ * (`nowrap` on `.fd-stat-figure` and `.fd-stat-delta`), so neither is shrunk or split:
+ * only the gap between them yields. */
 .fd-stat-top {
   display: flex;
   flex-wrap: wrap;
@@ -2713,6 +2714,24 @@
   color: var(--text);
   font-size: var(--body-size);
 }
+/* ToastProvider's stack: pinned to the bottom-right of the viewport (z-index is set inline
+   from OVERLAY_CEILING, above every layer). The region itself takes no clicks: it has a real
+   box wherever a toast is, including the gap between two stacked toasts and the shadow around
+   each, and without this a click aimed at the control underneath would land on it. Each toast
+   takes its clicks back, so its close button works. */
+.fd-toast-region {
+  position: fixed;
+  bottom: var(--s-lg);
+  right: var(--s-lg);
+  display: flex;
+  flex-direction: column;
+  gap: var(--s-sm);
+  max-width: calc(100vw - 2 * var(--s-lg));
+  pointer-events: none;
+}
+.fd-toast-region > * {
+  pointer-events: auto;
+}
 
 /* ============ Flag / empty ============ */
 .fd-flag {
@@ -3025,6 +3044,14 @@
 .fd-filterbar-trigger {
   flex: none;
 }
+/* The count of applied filters, inside the Filter button: the kit's blue count pill, shrunk to
+   sit beside the button's text without making the button taller. */
+.fd-filterbar-count {
+  min-width: 20px;
+  height: 20px;
+  padding: 0 6px;
+  margin-inline-start: var(--s-sm);
+}
 .fd-filterbar-chips {
   flex: 1 1 0;
   min-width: 0;