@flytedan/flytebot-design-system 0.71.7 → 0.73.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flytedan/flytebot-design-system",
-  "version": "0.71.7",
+  "version": "0.73.0",
   "description": "flytedesk Design System — shared component library, tokens, and business-logic kits for flytedesk apps.",
   "type": "module",
   "license": "UNLICENSED",
@@ -88,7 +88,7 @@
     "@typescript-eslint/eslint-plugin": "^8.14.0",
     "@typescript-eslint/parser": "^8.14.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/browser": "^2.1.9",
+    "@vitest/browser": "^3.2.7",
     "d3-geo": "^3.1.1",
     "eslint": "^9.14.0",
     "eslint-plugin-react-hooks": "^5.0.0",
@@ -102,6 +102,6 @@
     "typescript": "^5.6.3",
     "us-atlas": "^3.0.1",
     "vite": "^5.4.11",
-    "vitest": "^2.1.4"
+    "vitest": "^3.2.7"
   }
 }

package/styles/components.css

@@ -2908,6 +2908,13 @@
   flex-direction: column;
   animation: fd-drawer-in var(--dur-panel) var(--ease-out) both;
 }
+/* `bare`: the content owns the whole panel (its own header, no padding), so the panel takes the
+   viewport's full height instead of sizing to its content. */
+.fd-drawer.is-bare {
+  height: 100vh;
+  height: 100dvh;
+  max-height: none;
+}
 /* Tooltip's trigger wrapper. It takes no room of its own: it hugs its one child. */
 .fd-tooltip-anchor {
   display: inline-flex;
@@ -6199,6 +6206,9 @@ button.fd-erow-metric:focus-visible {
   font-size: 15px;
   flex: none;
 }
+.fd-steps.is-active .fd-steps-head > i:first-child {
+  color: var(--text-muted);
+}
 .fd-steps-title {
   flex: 1;
   min-width: 0;
@@ -6923,11 +6933,6 @@ button.fd-erow-metric:focus-visible {
 .fdc-working-job {
   color: var(--chat-muted);
 }
-.fdc-working-id {
-  color: var(--text-disabled);
-  font-size: 11px;
-  margin-left: auto;
-}
 .fdc-stopped {
   display: flex;
   align-items: center;