@flytedan/flytebot-design-system 0.5.0 → 0.6.1

package/dist/index.d.cts

@@ -452,11 +452,13 @@ interface TagProps {
     children?: React.ReactNode;
     icon?: string;
     selected?: boolean;
+    /** Colors the chip once selected — e.g. a favoured ("success") or excluded ("danger") toggle. No effect while unselected. */
+    tone?: "neutral" | "info" | "success" | "warning" | "danger";
     onRemove?: () => void;
     onClick?: () => void;
     className?: string;
 }
-declare function Tag({ children, icon, selected, onRemove, onClick, className, ...rest }: TagProps): React.JSX.Element;
+declare function Tag({ children, icon, selected, tone, onRemove, onClick, className, ...rest }: TagProps): React.JSX.Element;
 
 /** Confirmation of something that already happened. Bottom-right, 5s, undo where reversible. */
 interface ToastProps {

package/dist/index.d.ts

@@ -452,11 +452,13 @@ interface TagProps {
     children?: React.ReactNode;
     icon?: string;
     selected?: boolean;
+    /** Colors the chip once selected — e.g. a favoured ("success") or excluded ("danger") toggle. No effect while unselected. */
+    tone?: "neutral" | "info" | "success" | "warning" | "danger";
     onRemove?: () => void;
     onClick?: () => void;
     className?: string;
 }
-declare function Tag({ children, icon, selected, onRemove, onClick, className, ...rest }: TagProps): React.JSX.Element;
+declare function Tag({ children, icon, selected, tone, onRemove, onClick, className, ...rest }: TagProps): React.JSX.Element;
 
 /** Confirmation of something that already happened. Bottom-right, 5s, undo where reversible. */
 interface ToastProps {

package/dist/index.js

@@ -205,7 +205,14 @@ function Popover({
           bottom: pos.bottom == null ? "auto" : pos.bottom,
           width: matchWidth ? pos.width : width,
           minWidth: minWidth || (matchWidth ? void 0 : 200),
-          maxHeight: Math.min(maxHeight || 420, pos.maxH),
+          // Size to content by default — cap only at real available room between the
+          // anchor and the viewport edge (pos.maxH, computed by usePopoverPosition).
+          // A caller-supplied `maxHeight` narrows that further (e.g. a long menu that
+          // should scroll well before it reaches the viewport edge); it must never
+          // widen past pos.maxH, which is why it's still Math.min'd against it. There
+          // is intentionally no arbitrary default here — an unrequested cap would clip
+          // ordinary content that simply happens to be taller than some fixed number.
+          maxHeight: maxHeight != null ? Math.min(maxHeight, pos.maxH) : pos.maxH,
           transformOrigin: pos.side === "top" ? "bottom center" : "top center",
           zIndex: 140,
           ...style
@@ -928,12 +935,13 @@ function hasModifier(e) {
 
 // src/components/feedback/Tag.tsx
 import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
-function Tag({ children, icon, selected = false, onRemove, onClick, className = "", ...rest }) {
+var TONES2 = { info: "fd-tag-info", success: "fd-tag-success", warning: "fd-tag-warning", danger: "fd-tag-danger" };
+function Tag({ children, icon, selected = false, tone = "neutral", onRemove, onClick, className = "", ...rest }) {
   return /* @__PURE__ */ jsxs17(
     "button",
     {
       type: "button",
-      className: ["fd-tag", className].filter(Boolean).join(" "),
+      className: ["fd-tag", selected ? TONES2[tone] : null, className].filter(Boolean).join(" "),
       "aria-pressed": selected,
       onClick,
       ...rest,