@flytedan/flytebot-design-system 0.5.0 → 0.6.1

package/package.json

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

package/styles/components.css

@@ -852,6 +852,26 @@
   border-color: var(--border-brand);
   color: var(--text-on-surface-brand);
 }
+.fd-tag[aria-pressed="true"].fd-tag-info {
+  background: var(--info-fill);
+  border-color: var(--info-border);
+  color: var(--info-text);
+}
+.fd-tag[aria-pressed="true"].fd-tag-success {
+  background: var(--ok-fill);
+  border-color: var(--ok-border);
+  color: var(--ok-text);
+}
+.fd-tag[aria-pressed="true"].fd-tag-warning {
+  background: var(--warn-fill);
+  border-color: var(--warn-border);
+  color: var(--warn-text);
+}
+.fd-tag[aria-pressed="true"].fd-tag-danger {
+  background: var(--danger-fill);
+  border-color: var(--danger-border);
+  color: var(--danger-text);
+}
 .fd-tag-remove {
   display: grid;
   place-items: center;
@@ -2389,7 +2409,12 @@
   box-shadow: var(--e-3);
   animation: fd-pop-in 160ms var(--ease-out) both;
   transform-origin: top center;
-  overflow: hidden;
+  /* max-height (set inline by Popover.tsx) sizes to content by default, capped only
+     at the real available room to the viewport edge — so this is a last-resort
+     scroller for that legitimate viewport-collision case, not a content clipper.
+     overflow-x stays hidden so children never poke past the rounded corners. */
+  overflow-x: hidden;
+  overflow-y: auto;
   display: flex;
   flex-direction: column;
 }