asma-ui-core 3.100.0 → 3.100.1

package/dist/components/utils/filter-menu/StyledFilterButton.js

@@ -1,26 +1,32 @@
-import { FilterIcon as d } from "../../icons/filter-icon/FilterIcon.js";
-import { StyledButton as c } from "../../inputs/button/StyledButton.js";
-import { useDynamicToolbarLayout as s } from "../../custom/module/header-layout/DynamicToolbarLayoutContext.js";
-import g from "clsx";
-import { Fragment as h, jsx as r, jsxs as u } from "react/jsx-runtime";
-var F = ({ filterIsActive: i, label: o, hideLabel: l, size: t = "large", variant: a = "outlined", ...n }) => {
-  const { filterIconOnly: m } = s(), e = l ?? m;
-  return /* @__PURE__ */ r(h, { children: /* @__PURE__ */ u("div", {
+import { StyledBadge as m } from "../../data-display/badge/StyledBadge.js";
+import { FilterIcon as c } from "../../icons/filter-icon/FilterIcon.js";
+import { StyledButton as s } from "../../inputs/button/StyledButton.js";
+import { useDynamicToolbarLayout as p } from "../../custom/module/header-layout/DynamicToolbarLayoutContext.js";
+import f from "clsx";
+import { Fragment as u, jsx as r, jsxs as g } from "react/jsx-runtime";
+var B = ({ filterIsActive: i, label: o, hideLabel: l, size: t = "large", variant: a = "outlined", ...n }) => {
+  const { filterIconOnly: d } = p(), e = l ?? d;
+  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ g("div", {
     className: "relative h-fit w-fit",
-    children: [/* @__PURE__ */ r(c, {
+    children: [/* @__PURE__ */ r(s, {
       ...n,
       type: "button",
       "aria-label": e ? o ?? "Filter" : void 0,
-      startIcon: /* @__PURE__ */ r(d, {
+      startIcon: /* @__PURE__ */ r(c, {
         width: t === "large" ? 24 : 20,
         height: t === "large" ? 24 : 20
       }),
       variant: a,
       size: t,
       children: !e && (o ?? "Filter")
-    }), i && /* @__PURE__ */ r("div", { className: g("absolute h-2 w-2 rounded-full bg-gama-400", t === "large" ? "right-2 top-2" : "right-1 top-1") })]
+    }), i && /* @__PURE__ */ r(m, {
+      dataTest: "filter-button-active-dot",
+      variant: "dot",
+      purpose: "filter",
+      className: f("absolute", t === "large" ? "right-2 top-2" : "right-1 top-1")
+    })]
   }) });
 };
 export {
-  F as StyledFilterButton
+  B as StyledFilterButton
 };

package/dist/components/utils/filter-menu/StyledFilterMenu.js

@@ -1,12 +1,13 @@
+import { StyledBadge as O } from "../../data-display/badge/StyledBadge.js";
 import { FilterIcon as b } from "../../icons/filter-icon/FilterIcon.js";
-import { StyledButton as v } from "../../inputs/button/StyledButton.js";
-import { StyledPopover as E } from "../popover/StyledPopover.js";
-import { useDynamicToolbarLayout as F } from "../../custom/module/header-layout/DynamicToolbarLayoutContext.js";
-import k from "clsx";
-import c, { useState as x } from "react";
-import { Fragment as C, jsx as e, jsxs as y } from "react/jsx-runtime";
-var I = () => {
-  const [r, t] = x(null), s = (a) => {
+import { StyledButton as E } from "../../inputs/button/StyledButton.js";
+import { StyledPopover as F } from "../popover/StyledPopover.js";
+import { useDynamicToolbarLayout as k } from "../../custom/module/header-layout/DynamicToolbarLayoutContext.js";
+import x from "clsx";
+import s, { useState as C } from "react";
+import { Fragment as I, jsx as c, jsxs as y } from "react/jsx-runtime";
+var S = () => {
+  const [r, t] = C(null), e = (a) => {
     const o = a.currentTarget;
     t(o);
   }, l = () => {
@@ -16,38 +17,43 @@ var I = () => {
     anchorEl: r,
     onClose: l,
     onAnchorClick: (a) => {
-      r ? l() : s(a);
+      r ? l() : e(a);
     }
   };
-}, N = (r) => c.isValidElement(r) || typeof r == "string" || typeof r == "number" || r === null || Array.isArray(r), $ = ({ filterIsActive: r, popoverContent: t, dataTest: s, disabled: l, size: i = "large", variant: a = "outlined", popoverProps: o, anchorNode: h, label: d, hideLabel: A }) => {
-  const { onAnchorClick: u, onClose: m, anchorEl: n } = I(), { filterIconOnly: O } = F(), g = A ?? O, f = h?.({
-    isOpen: !!n,
+}, N = (r) => s.isValidElement(r) || typeof r == "string" || typeof r == "number" || r === null || Array.isArray(r), D = ({ filterIsActive: r, popoverContent: t, dataTest: e, disabled: l, size: n = "large", variant: a = "outlined", popoverProps: o, anchorNode: d, label: h, hideLabel: v }) => {
+  const { onAnchorClick: u, onClose: m, anchorEl: i } = S(), { filterIconOnly: A } = k(), g = v ?? A, f = d?.({
+    isOpen: !!i,
     onClose: m
-  }), p = c.useId();
-  return /* @__PURE__ */ y(C, { children: [/* @__PURE__ */ y("div", {
+  }), p = s.useId();
+  return /* @__PURE__ */ y(I, { children: [/* @__PURE__ */ y("div", {
     className: "relative h-fit w-fit",
-    children: [h && c.isValidElement(f) ? c.cloneElement(f, { onClick: u }) : /* @__PURE__ */ e(v, {
+    children: [d && s.isValidElement(f) ? s.cloneElement(f, { onClick: u }) : /* @__PURE__ */ c(E, {
       type: "button",
       disabled: l,
       variant: a,
-      startIcon: /* @__PURE__ */ e(b, {
-        width: i === "large" ? 24 : 20,
-        height: i === "large" ? 24 : 20
+      startIcon: /* @__PURE__ */ c(b, {
+        width: n === "large" ? 24 : 20,
+        height: n === "large" ? 24 : 20
       }),
       onClick: u,
-      size: i,
-      dataTest: s,
-      "aria-label": g ? d ?? "Filter" : void 0,
+      size: n,
+      dataTest: e,
+      "aria-label": g ? h ?? "Filter" : void 0,
       "aria-haspopup": "true",
-      "aria-expanded": !!n,
-      "aria-controls": n ? p : void 0,
-      children: !g && (d ?? "Filter")
-    }), r && /* @__PURE__ */ e("div", { className: k("absolute h-2 w-2 rounded-full bg-gama-400", i === "large" ? "right-2 top-2" : "right-1 top-1") })]
-  }), /* @__PURE__ */ e(E, {
+      "aria-expanded": !!i,
+      "aria-controls": i ? p : void 0,
+      children: !g && (h ?? "Filter")
+    }), r && /* @__PURE__ */ c(O, {
+      dataTest: `${e}-active-dot`,
+      variant: "dot",
+      purpose: "filter",
+      className: x("absolute", n === "large" ? "right-2 top-2" : "right-1 top-1")
+    })]
+  }), /* @__PURE__ */ c(F, {
     ...o,
     id: p,
-    open: !!n,
-    anchorEl: n,
+    open: !!i,
+    anchorEl: i,
     onClose: m,
     anchorOrigin: o?.anchorOrigin ?? {
       vertical: "bottom",
@@ -59,11 +65,11 @@ var I = () => {
     },
     className: o?.className ?? "my-1",
     children: N(t) ? t : t({
-      isOpen: !!n,
+      isOpen: !!i,
       onClose: m
     })
   })] });
 };
 export {
-  $ as StyledFilterMenu
+  D as StyledFilterMenu
 };

package/dist/src/components/utils/filter-menu/StyledFilterButton.d.ts

@@ -2,7 +2,7 @@ import { StyledButtonProps } from '../../inputs/button';
 /**
  * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#16741-35884 (Design-System · "Filter button") — button-only variant
  * of `StyledFilterMenu` (no popover). Aligned `StyledButton` (Outlined) + the "Filters applied" badge:
- * an 8px `gama-400` dot at top-right when `filterIsActive`.
+ * Figma's `Parent=Filter` dot at top-right when `filterIsActive`.
  *
  * Custom props:
  * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made

package/dist/src/components/utils/filter-menu/StyledFilterMenu.d.ts

@@ -4,8 +4,8 @@ import { StyledPopoverProps } from '../popover';
  * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#16741-35884 (Design-System · "Filter button")
  *
  * Composes the aligned `StyledButton` (Secondary/Outlined, filter icon 24/20) + `StyledPopover`
- * (Menus surface). `filterIsActive` shows the DS "Filters applied" badge — an 8px `gama-400` dot at
- * top-right. No own styling beyond that dot; all visuals come from the aligned primitives.
+ * (Menus surface). `filterIsActive` shows the DS "Filters applied" badge — Figma's `Parent=Filter`
+ * dot at top-right. No own styling beyond that dot; all visuals come from the aligned primitives.
  *
  * Custom props:
  * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.100.0",
+    "version": "3.100.1",
     "type": "module",
     "sideEffects": [
         "**/*.css",