@apliteni/apliteni-ui 0.39.0 → 0.39.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apliteni/apliteni-ui",
-  "version": "0.39.0",
+  "version": "0.39.1",
   "workspaces": [
     "react"
   ],

package/react/dist/index.css

@@ -99,5 +99,9 @@
 }
 .rx-caret {
   margin-left: 2px;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  stroke-width: 2.4;
   color: var(--muted);
 }

package/react/dist/index.js

@@ -899,7 +899,23 @@ function DataTable({
     onSortChange?.(next);
     toFirstPage();
   };
-  const caret = (k) => sort.key === k ? sort.dir === 1 ? " \u25B2" : " \u25BC" : " \u2195";
+  const caret = (k) => /* @__PURE__ */ jsxs8(
+    "svg",
+    {
+      className: "rx-caret",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        (sort.key !== k || sort.dir === 1) && /* @__PURE__ */ jsx10("path", { d: sort.key === k ? "m8 14 4-4 4 4" : "m8 9 4-4 4 4" }),
+        (sort.key !== k || sort.dir === -1) && /* @__PURE__ */ jsx10("path", { d: sort.key === k ? "m8 10 4 4 4-4" : "m8 15 4 4 4-4" })
+      ]
+    }
+  );
   const pageAllOn = selectable && slice.length > 0 && slice.every((r) => selected.has(r.name));
   return /* @__PURE__ */ jsxs8(Fragment2, { children: [
     /* @__PURE__ */ jsx10(
@@ -937,7 +953,7 @@ function DataTable({
                       "aria-sort": sort.key === c.key ? sort.dir === 1 ? "ascending" : "descending" : c.sortable && sortIsKnown ? "none" : void 0,
                       children: c.sortable ? /* @__PURE__ */ jsxs8("button", { type: "button", className: "rx-sort", onClick: () => onSort(c.key), children: [
                         c.label,
-                        /* @__PURE__ */ jsx10("span", { className: "rx-caret", "aria-hidden": "true", children: caret(c.key) })
+                        caret(c.key)
                       ] }) : c.label
                     },
                     c.key