@rafal.lemieszewski/tide-ui 0.87.6 → 0.87.8

package/dist/es/components/product/filters.js

@@ -427,7 +427,7 @@ const ve = /* @__PURE__ */ u.memo(function({ filter: r, value: s, onChange: b, o
       },
       onMouseLeave: () => M(!1),
       className: D(
-        "group/item box-border flex gap-[var(--space-m)] h-[var(--size-m)] items-center justify-start px-[var(--space-l)] py-[var(--space-s)] relative rounded-m shrink-0 w-full cursor-pointer transition-colors",
+        "group/item box-border flex gap-[var(--space-m)] h-[var(--size-m)] items-center justify-start px-[var(--space-l)] py-[var(--space-s)] relative rounded-[var(--border-radius-m)] shrink-0 w-full cursor-pointer transition-colors",
         "hover:bg-[var(--color-background-neutral-hovered)]",
         s && "bg-[var(--color-background-blue-subtle-selected)] hover:bg-[var(--color-background-blue-subtle-selected-hovered)] group-focus-visible/listbox:ring-2 group-focus-visible/listbox:ring-[var(--ring-color)] group-focus-visible/listbox:ring-inset"
       ),
@@ -586,7 +586,7 @@ function Ee({
       h.group ? (c[h.group] || (c[h.group] = [], S.push(h.group)), c[h.group].push(h)) : C.push(h);
     }), { grouped: c, ungrouped: C, groupOrder: S };
   }, [x]);
-  return /* @__PURE__ */ e("div", { className: "bg-[var(--color-surface-primary)] relative rounded-m max-h-[480px] flex flex-col", children: /* @__PURE__ */ v("div", { className: "flex items-stretch justify-start min-h-0 overflow-hidden rounded-m flex-1", children: [
+  return /* @__PURE__ */ e("div", { className: "bg-[var(--color-surface-primary)] relative rounded-[var(--border-radius-m)] max-h-[480px] flex flex-col", children: /* @__PURE__ */ v("div", { className: "flex items-stretch justify-start min-h-0 overflow-hidden rounded-[var(--border-radius-m)] flex-1", children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -915,7 +915,7 @@ function Xe({
                   (l.key === "Enter" || l.key === " ") && (l.preventDefault(), X(c !== t.id, t.id));
                 },
                 className: D(
-                  "group/slot h-[var(--size-m)] rounded-l flex items-center justify-center gap-[var(--space-s)] transition-colors cursor-pointer flex-shrink-0",
+                  "group/slot h-[var(--size-m)] rounded-[var(--border-radius-l)] flex items-center justify-center gap-[var(--space-s)] transition-colors cursor-pointer flex-shrink-0",
                   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2",
                   o ? "bg-[var(--color-background-neutral-selected)] hover:bg-[var(--color-background-neutral-hovered)] px-[var(--space-m)] pr-[4px]" : "border border-dashed border-[var(--color-border-primary-strong)] px-[var(--space-m)] pr-[var(--space-s)] hover:border-[var(--grey-400)] active:bg-[var(--grey-25)]"
                 ),
@@ -998,7 +998,7 @@ function Xe({
       return /* @__PURE__ */ v(
         "div",
         {
-          className: "h-[var(--size-m)] rounded-l bg-[var(--color-background-neutral-selected)] hover:bg-[var(--color-background-neutral-hovered)] px-[var(--space-m)] pr-[4px] flex items-center gap-[var(--space-s)] transition-colors",
+          className: "h-[var(--size-m)] rounded-[var(--border-radius-l)] bg-[var(--color-background-neutral-selected)] hover:bg-[var(--color-background-neutral-hovered)] px-[var(--space-m)] pr-[4px] flex items-center gap-[var(--space-s)] transition-colors",
           children: [
             a && /* @__PURE__ */ e(a, { className: "h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-primary)]" }),
             /* @__PURE__ */ e("span", { className: "whitespace-nowrap [&]:text-label-md text-[var(--color-text-primary)]", children: o }),
@@ -1025,7 +1025,7 @@ function Xe({
         variant: "ghost",
         onClick: W,
         "aria-label": "Reset all filters and search terms",
-        className: "h-[var(--size-m)] rounded-s px-[var(--space-m)]",
+        className: "h-[var(--size-m)] rounded-[var(--border-radius-s)] px-[var(--space-m)]",
         children: /* @__PURE__ */ e("span", { className: "text-label-md", children: "Clear all" })
       }
     ),

package/dist/es/components/product/linked-chart.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { useState as v, useMemo as F, useCallback as m } from "react";
 import { Chart as ee } from "../fundamental/chart.js";
-import { Table as re, TableHeader as te, TableRow as O, TableHead as se, TableBody as le, TableCell as ne } from "../fundamental/table.js";
+import { Table as re, TableHeader as se, TableRow as O, TableHead as te, TableBody as le, TableCell as ne } from "../fundamental/table.js";
 import { Card as k, CardContent as z, CardHeader as ae, CardTitle as ie } from "../fundamental/card.js";
 import { Button as P } from "../fundamental/button.js";
 import { Icon as w } from "../fundamental/icon.js";
@@ -26,32 +26,32 @@ function ge({
   className: X,
   ...q
 }) {
-  const [a, j] = v(/* @__PURE__ */ new Set()), [A, L] = v(null), [_, I] = v(null), [d, B] = v(/* @__PURE__ */ new Set()), [o, D] = v(!1), i = F(() => d.size > 0 ? n.filter((e, t) => d.has(t)) : o && a.size > 0 ? n.filter((e, t) => a.has(t)) : n, [n, d, a, o]), G = m((e, t) => {
-    if (t !== void 0 && e) {
-      const s = n.findIndex((c) => c === i[t]);
-      I(s !== -1 ? s : null);
+  const [a, j] = v(/* @__PURE__ */ new Set()), [A, L] = v(null), [_, I] = v(null), [d, B] = v(/* @__PURE__ */ new Set()), [o, D] = v(!1), i = F(() => d.size > 0 ? n.filter((e, s) => d.has(s)) : o && a.size > 0 ? n.filter((e, s) => a.has(s)) : n, [n, d, a, o]), G = m((e, s) => {
+    if (s !== void 0 && e) {
+      const t = n.findIndex((c) => c === i[s]);
+      I(t !== -1 ? t : null);
     } else
       I(null);
-  }, [n, i]), J = m((e, t) => {
+  }, [n, i]), J = m((e, s) => {
     if (!g) return;
-    const s = n.findIndex((h) => h === i[t]);
-    if (s === -1) return;
+    const t = n.findIndex((h) => h === i[s]);
+    if (t === -1) return;
     const c = new Set(d);
-    c.has(s) ? c.delete(s) : c.add(s), B(c);
+    c.has(t) ? c.delete(t) : c.add(t), B(c);
     const $ = n.filter((h, Z) => c.has(Z));
     y?.($);
   }, [g, d, n, y, i]), K = m((e) => {
     if (!u) return;
-    const t = new Set(a);
-    t.has(e) ? t.delete(e) : t.add(e), j(t), x?.(Array.from(t));
+    const s = new Set(a);
+    s.has(e) ? s.delete(e) : s.add(e), j(s), x?.(Array.from(s));
   }, [u, a, x]), M = m((e) => {
     L(e);
   }, []), Q = m(() => {
     j(/* @__PURE__ */ new Set()), B(/* @__PURE__ */ new Set()), L(null), I(null), D(!1), x?.([]), y?.([]);
-  }, [x, y]), W = m((e, t, s) => {
-    if (t.format)
-      return t.format(e, s);
-    switch (t.type) {
+  }, [x, y]), W = m((e, s, t) => {
+    if (s.format)
+      return s.format(e, t);
+    switch (s.type) {
       case "currency":
         return typeof e == "number" ? `$${e.toLocaleString()}` : e;
       case "percentage":
@@ -63,7 +63,7 @@ function ge({
     }
   }, []), N = A ?? _, Y = F(() => {
     if (N !== null) {
-      const e = i.findIndex((t) => n[N] === t);
+      const e = i.findIndex((s) => n[N] === s);
       return e !== -1 ? e : void 0;
     }
   }, [N, i, n]);
@@ -124,25 +124,25 @@ function ge({
           " rows"
         ] })
       ] }) }),
-      /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r("div", { className: T("rounded-m border border-[var(--color-border-primary-subtle)]", R), children: /* @__PURE__ */ l(re, { children: [
-        /* @__PURE__ */ r(te, { children: /* @__PURE__ */ r(O, { children: b.map((e) => /* @__PURE__ */ r(se, { children: e.label }, e.key)) }) }),
-        /* @__PURE__ */ r(le, { children: i.map((e, t) => {
-          const s = n.indexOf(e), c = a.has(s);
+      /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r("div", { className: T("rounded-[var(--border-radius-m)] border border-[var(--color-border-primary-subtle)]", R), children: /* @__PURE__ */ l(re, { children: [
+        /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(O, { children: b.map((e) => /* @__PURE__ */ r(te, { children: e.label }, e.key)) }) }),
+        /* @__PURE__ */ r(le, { children: i.map((e, s) => {
+          const t = n.indexOf(e), c = a.has(t);
           return /* @__PURE__ */ r(
             O,
             {
-              onClick: () => K(s),
-              onMouseEnter: () => M(s),
+              onClick: () => K(t),
+              onMouseEnter: () => M(t),
               onMouseLeave: () => M(null),
               variant: c ? "selected" : "default",
               className: T(
                 "cursor-pointer transition-colors",
-                (A === s || _ === s) && "bg-[var(--color-background-neutral-subtlest-hovered)]",
+                (A === t || _ === t) && "bg-[var(--color-background-neutral-subtlest-hovered)]",
                 u && "hover:bg-[var(--color-background-neutral-subtlest-hovered)]"
               ),
               children: b.map((h) => /* @__PURE__ */ r(ne, { children: W(e[h.key], h, e) }, h.key))
             },
-            s
+            t
           );
         }) })
       ] }) }) })