@uva-glass/component-library 3.50.7 → 3.50.9

package/dist/components/Slider/Slider.js

@@ -1,72 +1,72 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { useState as S, useRef as v, useEffectEvent as x, useEffect as B } from "react";
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { useState as x, useRef as m, useEffectEvent as z, useEffect as B } from "react";
 import { c as H } from "../../clsx-OuTLNxxd.js";
-import { Icon as E } from "../Icon/Icon.js";
-import '../../assets/Slider.css';const T = "_slider_wrapper_euug7_1", j = "_slider_button_euug7_8", C = "_slider_trackwrapper_euug7_38", D = "_slider_balloon_euug7_44", F = "_slider_input_euug7_52", l = {
+import { Icon as S } from "../Icon/Icon.js";
+import '../../assets/Slider.css';const T = "_slider_wrapper_8wxrb_1", j = "_slider_button_8wxrb_8", C = "_slider_trackwrapper_8wxrb_38", D = "_slider_balloon_8wxrb_44", F = "_slider_input_8wxrb_53", l = {
   slider_wrapper: T,
   slider_button: j,
   slider_trackwrapper: C,
   slider_balloon: D,
   slider_input: F
-}, w = 0.5, I = 100, p = 16, U = 16, G = ({
+}, v = 0.5, I = 100, p = 16, U = 16, G = ({
   min: t,
   max: o,
   value: i,
   step: k = 1,
   units: c,
-  navigationLabels: u,
+  navigationLabels: d,
   disabled: s = !1,
-  onChange: d
+  onChange: u
 }) => {
-  const [n, f] = S(i !== void 0 ? i : (t + o) * w), [V, P] = S(""), _ = v(null), g = v(null), b = v(null), N = (r) => {
-    const e = n + r * k;
-    e >= t && e <= o && (f(e), h(e), y(e), d && d(e));
-  }, R = (r) => {
-    const e = Number(r.target.value);
-    f(e), h(e), y(e), d && d(e);
-  }, h = (r) => {
+  const [n, f] = x(i !== void 0 ? i : (t + o) * v), [E, V] = x(""), _ = m(null), b = m(null), w = m(null), N = (e) => {
+    const r = n + e * k;
+    r >= t && r <= o && (f(r), h(r), y(r), u && u(r));
+  }, P = (e) => {
+    const r = Number(e.target.value);
+    f(r), h(r), y(r), u && u(r);
+  }, h = (e) => {
     if (!_.current) return;
-    const e = (r - t) / (o - t) * I;
+    const r = (e - t) / (o - t) * I;
     s ? _.current.style.background = `linear-gradient(
          to right, 
          var(--color-grey-700) 0%, 
-         var(--color-grey-700) ${e}%, 
-         var(--color-grey-400) ${e}%, 
+         var(--color-grey-700) ${r}%, 
+         var(--color-grey-400) ${r}%, 
          var(--color-grey-400) 100%)` : _.current.style.background = `linear-gradient(
          to right, 
          var(--color-navy-600) 0%, 
-         var(--color-navy-600) ${e}%, 
-         var(--color-grey-400) ${e}%, 
+         var(--color-navy-600) ${r}%, 
+         var(--color-grey-400) ${r}%, 
          var(--color-grey-400) 100%)`;
-  }, y = (r) => {
-    if (g.current && b.current) {
-      const e = b.current.clientWidth, $ = g.current.clientWidth - p, W = (r - t) / (o - t) * $ - (e - p) * w, z = Math.max(0, Math.min(W, $ - e + p * w));
-      P(`${z}px`);
+  }, y = (e) => {
+    if (b.current && w.current) {
+      const r = w.current.clientWidth, $ = b.current.clientWidth - p, M = (e - t) / (o - t) * $ - (r - p) * v, W = Math.max(0, Math.min(M, $ - r + p * v));
+      V(`${W}px`);
     }
-  }, M = x((r) => {
-    f(r), h(r), y(r);
+  }, R = z((e) => {
+    f(e), h(e), y(e);
   });
   return B(() => {
-    i !== void 0 && M(i);
-  }, [i, s]), /* @__PURE__ */ m("div", { className: l.slider_wrapper, children: [
+    i !== void 0 && R(i);
+  }, [i, s]), /* @__PURE__ */ g("div", { className: l.slider_wrapper, children: [
     /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         className: l.slider_button,
         onClick: () => N(-1),
-        "aria-label": u?.decrease ? u.decrease : "Verlaag waarde",
+        "aria-label": d?.decrease ? d.decrease : "Verlaag waarde",
         disabled: s,
-        children: /* @__PURE__ */ a(E, { name: "Minus", size: 20 })
+        children: /* @__PURE__ */ a(S, { name: "Minus", size: 20 })
       }
     ),
-    /* @__PURE__ */ m("div", { className: l.slider_trackwrapper, ref: g, children: [
-      /* @__PURE__ */ m(
+    /* @__PURE__ */ g("div", { className: l.slider_trackwrapper, ref: b, children: [
+      /* @__PURE__ */ g(
         "div",
         {
           className: H(l.slider_balloon, { [l["slider_balloon--disabled"]]: s }),
-          style: { left: V },
-          ref: b,
+          style: { left: E },
+          ref: w,
           children: [
             n,
             c && /* @__PURE__ */ a("span", { className: l.slider_units, children: c })
@@ -82,7 +82,7 @@ import '../../assets/Slider.css';const T = "_slider_wrapper_euug7_1", j = "_slid
           max: o,
           step: k,
           value: n,
-          onChange: R,
+          onChange: P,
           ref: _,
           style: { "--thumb-size": `${p / U}rem` },
           "aria-valuemin": t,
@@ -100,9 +100,9 @@ import '../../assets/Slider.css';const T = "_slider_wrapper_euug7_1", j = "_slid
         type: "button",
         className: l.slider_button,
         onClick: () => N(1),
-        "aria-label": u?.increase ? u.increase : "Verhoog waarde",
+        "aria-label": d?.increase ? d.increase : "Verhoog waarde",
         disabled: s,
-        children: /* @__PURE__ */ a(E, { name: "Plus", size: 20 })
+        children: /* @__PURE__ */ a(S, { name: "Plus", size: 20 })
       }
     )
   ] });

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.50.7",
+  "version": "3.50.9",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -52,7 +52,7 @@
     "@react-types/dialog": "^3.5.22",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.2.9",
-    "@semantic-release/npm": "^12.0.2",
+    "@semantic-release/npm": "^13.0.0",
     "@storybook/addon-a11y": "^9.1.10",
     "@storybook/addon-docs": "^9.1.10",
     "@storybook/addon-links": "^9.1.10",
@@ -63,7 +63,7 @@
     "@types/jest": "^30.0.0",
     "@types/node": "^24.7.2",
     "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.1",
+    "@types/react-dom": "^19.2.2",
     "@uva-glass/eslint-config": "^1.3.11",
     "@uva-glass/stylelint-config": "^1.2.3",
     "@vitejs/plugin-react": "^5.0.4",