@mobielnl/elements 0.12.17 → 0.12.19-beta.0

package/dist/{index-BFMyNekS.js → index-B7xXQwHd.js}

@@ -16017,7 +16017,7 @@ function eK({ children: e, css: t, cssUrl: r }) {
     (h) => {
       if (h && !c.current) {
         c.current = !0;
-        const g = h.attachShadow({ mode: "open", delegatesFocus: !0 });
+        const g = h.attachShadow({ mode: "open" });
         if (t) {
           const y = document.createElement("style");
           y.textContent = t, g.appendChild(y), u(!0);
@@ -23771,7 +23771,7 @@ function ch(e, t) {
     })
   };
 }
-var Hj = () => import("./index-uV85bz_O.js").then((e) => e.default), MA = (e) => {
+var Hj = () => import("./index-Cg3W9yzM.js").then((e) => e.default), MA = (e) => {
   const { ripples: t = [], motionProps: r, color: n = "currentColor", style: o, onClear: a } = e;
   return /* @__PURE__ */ x(sr, { children: t.map((i) => {
     const s = XF(0.01 * i.size, 0.2, i.size > 100 ? 0.75 : 0.5);
@@ -24580,7 +24580,7 @@ function Z2() {
     height: ya && ya?.height || window.innerHeight
   };
 }
-var Y2 = () => import("./index-uV85bz_O.js").then((e) => e.default), XA = (e) => {
+var Y2 = () => import("./index-Cg3W9yzM.js").then((e) => e.default), XA = (e) => {
   const { as: t, children: r, role: n = "dialog", ...o } = e, {
     Component: a,
     domRef: i,
@@ -33676,7 +33676,7 @@ function _Z(e) {
     getContentProps: kt
   };
 }
-var D_ = () => import("./index-uV85bz_O.js").then((e) => e.default), M_ = ut(
+var D_ = () => import("./index-Cg3W9yzM.js").then((e) => e.default), M_ = ut(
   ({
     children: e,
     motionProps: t,
@@ -41110,7 +41110,7 @@ var Lk = {
       }
     }
   }
-}, Bk = () => import("./index-uV85bz_O.js").then((e) => e.default), W6 = ut((e, t) => {
+}, Bk = () => import("./index-Cg3W9yzM.js").then((e) => e.default), W6 = ut((e, t) => {
   const {
     Component: r,
     HeadingComponent: n,
@@ -44446,7 +44446,7 @@ function mte(e) {
     getTooltipProps: Ee
   };
 }
-var bte = () => import("./index-uV85bz_O.js").then((e) => e.default), oI = ut((e, t) => {
+var bte = () => import("./index-Cg3W9yzM.js").then((e) => e.default), oI = ut((e, t) => {
   var r;
   const {
     Component: n,
@@ -58785,7 +58785,7 @@ function Zle({ title: e, unitKey: t, classNames: r, children: n }) {
         /* @__PURE__ */ x(is, { children: /* @__PURE__ */ x(
           Kr,
           {
-            className: "font-medium",
+            className: $("font-medium", r?.confirmButton),
             onPress: () => c(`bundle-type-set-${t}`),
             color: "primary",
             variant: "solid",
@@ -62509,7 +62509,7 @@ function g7({
     " ",
     n.normalPrice
   ] }) : !o && !n.normalPrice ? null : /* @__PURE__ */ H("div", { children: [
-    /* @__PURE__ */ H("div", { className: "flex flex-row justify-end gap-2", children: [
+    /* @__PURE__ */ H("div", { className: "flex flex-row justify-end items-baseline gap-2", children: [
       /* @__PURE__ */ x(
         "span",
         {
@@ -62610,7 +62610,10 @@ function tue({
       /* @__PURE__ */ x(
         Kr,
         {
-          className: "font-medium text-primary-600 border-primary-600",
+          className: $(
+            "font-medium text-primary-600 border-primary-600",
+            i?.showMoreButton
+          ),
           onPress: () => o(`bundle-type-set-${e.unitKey}`),
           color: "primary",
           variant: "flat",
@@ -62674,7 +62677,7 @@ function rue({
                       size: 16,
                       className: "shrink-0 text-foreground-500 relative z-10",
                       onClick: (m) => {
-                        m.stopPropagation(), a(`content-${c.infoUrl}`);
+                        m.preventDefault(), m.stopPropagation(), a(`content-${c.infoUrl}`);
                       }
                     }
                   )

package/dist/{index-uV85bz_O.js → index-Cg3W9yzM.js}

@@ -1,5 +1,5 @@
 "use client";
-import { n as j, i as N, m as Z, r as ze, h as qe, a as Lt, w as Q, b as pe, c as Ce, d as Xe, e as oe, f as Pe, t as O, g as Nt, j as G, v as Gt, k as $, M as H, K as Ye, l as $t, o as Ht, p as ge, q as Wt, s as _t, u as jt, x as Je, y as Ut, z as zt, A as qt, B as ke, C as Fe, D as z, E as Oe, F as Xt, V as Yt, G as Jt, H as Zt, I as Qt, J as en, L as tn, N as Ze, O as nn, P as sn, Q as rn, R as an, S as on, T as Qe, U as et, W as tt, X as nt, Y as ln } from "./index-BFMyNekS.js";
+import { n as j, i as N, m as Z, r as ze, h as qe, a as Lt, w as Q, b as pe, c as Ce, d as Xe, e as oe, f as Pe, t as O, g as Nt, j as G, v as Gt, k as $, M as H, K as Ye, l as $t, o as Ht, p as ge, q as Wt, s as _t, u as jt, x as Je, y as Ut, z as zt, A as qt, B as ke, C as Fe, D as z, E as Oe, F as Xt, V as Yt, G as Jt, H as Zt, I as Qt, J as en, L as tn, N as Ze, O as nn, P as sn, Q as rn, R as an, S as on, T as Qe, U as et, W as tt, X as nt, Y as ln } from "./index-B7xXQwHd.js";
 import { Fragment as un } from "react";
 var Bt = typeof globalThis < "u" && globalThis.process ? globalThis.process : { env: { NODE_ENV: "production" } };
 // @__NO_SIDE_EFFECTS__

package/dist/index.d.ts

@@ -106,6 +106,8 @@ declare type BundleModalClassNames = {
     footer?: string;
     /** The close button (X) of the modal in top-right corner */
     closeButton?: string;
+    /** The confirm button in the modal footer */
+    confirmButton?: string;
 };
 
 /**
@@ -124,6 +126,8 @@ declare type BundleSelectorClassNames = {
     bundleTypeSetGroup?: string;
     /** Bundle type set section heading */
     bundleTypeSetLabel?: string;
+    /** Button that opens the modal with more bundle options */
+    showMoreButton?: string;
     /** Bundle type set radio group class styling slots (used when `multiSelect` is false) - see type `RadioGroupClassNames` */
     bundleTypeSetRadioGroup?: RadioGroupClassNames;
     /** Bundle type set checkbox group class styling slots (used when `multiSelect` is true) - see type `CheckboxGroupClassNames` */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobielnl/elements",
-  "version": "0.12.17",
+  "version": "0.12.19-beta.0",
   "description": "Mobiel.nl Elements - React component library for partner websites",
   "private": false,
   "type": "module",