@flamingo-stack/openframe-frontend-core 0.0.469 → 0.0.470

package/dist/{chunk-P5SLNM3C.js → chunk-NPN4WYOI.js}

@@ -10331,9 +10331,18 @@ var statusBadgeVariants = cva2(
   "inline-flex items-center justify-center rounded",
   {
     variants: {
+      // Two densities, not one style at two paddings. Both are the ODS h5
+      // label treatment (Azeret Mono 500, uppercase, -0.02em); they differ in
+      // scale. Putting BOTH on `text-h5` is what regressed the stamp: at
+      // 14/20 on desktop every inline badge grew ~40% and its box doubled,
+      // because the caption line-height replaced `leading-none`.
       variant: {
+        // Standalone badge — the ODS caption composite, unmodified.
         card: "px-3 py-1.5 text-h5",
-        button: "px-2 py-0.5 text-h5"
+        // Dense inline stamp. Family, weight and casing come from the SAME h5
+        // tokens as `card`; only the scale is set here, because ODS has no
+        // step below the 12/14px caption and this stamp is 10px by design.
+        button: "px-2 py-0.5 font-[family-name:var(--font-h5-family)] font-[number:var(--font-h5-weight)] text-badge uppercase tracking-[-0.02em]"
       },
       colorScheme: {
         cyan: "bg-[var(--ods-flamingo-cyan-base)] text-ods-text-on-accent",
@@ -14255,36 +14264,38 @@ AllowedDomainsInput.displayName = "AllowedDomainsInput";
 // src/components/ui/announcement-bar-view.tsx
 init_cn();
 import { jsx as jsx96, jsxs as jsxs74 } from "react/jsx-runtime";
+var MD_QUERY = "(min-width: 800px)";
 function AnnouncementBarView({
   startAdornment,
   title,
   actionBlock,
   endAdornment,
+  onContentClick,
+  contentClassName,
   className,
   style
 }) {
-  const adornmentBox = "flex h-5 shrink-0 items-center md:h-auto";
-  return /* @__PURE__ */ jsxs74(
-    "div",
-    {
-      className: cn(
-        "flex w-full flex-col gap-[var(--spacing-system-s)] px-[var(--spacing-system-l)] py-[var(--spacing-system-sf)] md:flex-row md:items-center",
-        className
-      ),
-      style,
-      children: [
-        /* @__PURE__ */ jsxs74("div", { className: "flex min-w-0 flex-1 items-start gap-[var(--spacing-system-s)] md:items-center", children: [
-          startAdornment && /* @__PURE__ */ jsx96("div", { className: adornmentBox, children: startAdornment }),
-          typeof title === "string" ? /* @__PURE__ */ jsx96("p", { className: "min-w-0 flex-1 break-words text-h4 md:truncate", children: title }) : title != null && /* @__PURE__ */ jsx96("div", { className: "min-w-0 flex-1", children: title }),
-          endAdornment && /* @__PURE__ */ jsx96("div", { className: cn(adornmentBox, actionBlock && "md:hidden"), children: endAdornment })
-        ] }),
-        actionBlock && /* @__PURE__ */ jsxs74("div", { className: "flex w-full shrink-0 items-center gap-[var(--spacing-system-s)] md:w-auto", children: [
-          /* @__PURE__ */ jsx96("div", { className: "flex min-w-0 flex-1 md:flex-none [&>*]:w-full md:[&>*]:w-auto", children: actionBlock }),
-          endAdornment && /* @__PURE__ */ jsx96("div", { className: "hidden shrink-0 md:flex", children: endAdornment })
-        ] })
-      ]
-    }
-  );
+  const handleContentClick = onContentClick ? () => {
+    if (!window.matchMedia(MD_QUERY).matches) onContentClick();
+  } : void 0;
+  return /* @__PURE__ */ jsxs74("div", { className: cn("flex w-full max-w-full min-h-11 items-center", className), style, children: [
+    /* @__PURE__ */ jsxs74(
+      "div",
+      {
+        className: cn(
+          "flex min-w-0 flex-1 flex-row items-center gap-[var(--spacing-system-s)] py-[var(--spacing-system-xs)] pl-[var(--spacing-system-l)]",
+          contentClassName
+        ),
+        onClick: handleContentClick,
+        children: [
+          startAdornment && /* @__PURE__ */ jsx96("div", { className: "flex shrink-0 items-center", children: startAdornment }),
+          typeof title === "string" ? /* @__PURE__ */ jsx96("p", { className: "mb-0 min-w-0 max-w-full flex-1 truncate text-h6", children: title }) : title != null && /* @__PURE__ */ jsx96("div", { className: "min-w-0 max-w-full flex-1", children: title }),
+          actionBlock && /* @__PURE__ */ jsx96("div", { className: "ml-[var(--spacing-system-m)] sr-only shrink-0 focus-within:not-sr-only md:not-sr-only md:flex", children: actionBlock })
+        ]
+      }
+    ),
+    endAdornment && /* @__PURE__ */ jsx96("div", { className: "ml-[var(--spacing-system-xs)] mr-[var(--spacing-system-m)] shrink-0", children: endAdornment })
+  ] });
 }
 
 // src/components/ui/autocomplete.tsx
@@ -17319,7 +17330,10 @@ init_cn();
 import { cva as cva5 } from "class-variance-authority";
 import { jsx as jsx119 } from "react/jsx-runtime";
 var badgeVariants = cva5(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-h6 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  // Weight from the ODS token. Scale stays at 12px rather than the `text-h6`
+  // composite: a badge is a stamp, and that composite is 14/20 on desktop —
+  // moving badges onto it grew every one of them.
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-[number:var(--font-weight-semibold)] transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
@@ -55437,4 +55451,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-P5SLNM3C.js.map
+//# sourceMappingURL=chunk-NPN4WYOI.js.map