@mobielnl/elements 0.12.13 → 0.12.15

package/dist/{index-DIr2VOJT.js → index-CfR_9sEy.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-D9WG7ZWU.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-CM45x7Oj.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

@@ -274,6 +274,26 @@ declare type CombiDealModalClassNames = {
     submitButton?: string;
 };
 
+declare type ContentModalClassNames = {
+    /** The backdrop slot, it is displayed behind the modal */
+    backdrop?: string;
+    /** The wrapper slot of the modal. It wraps the base and the backdrop slots */
+    wrapper?: string;
+    /** The main slot of the modal content */
+    base?: string;
+    /** The header of the modal, it is displayed at the top of the modal */
+    header?: string;
+    /** The body of the modal, it is displayed in the middle of the modal */
+    body?: string;
+    /** The footer of the modal, it is displayed at the bottom of the modal */
+    footer?: string;
+    /** The close button (X) of the modal in top-right corner */
+    closeButton?: string;
+    /** The primary button of the modal, it is displayed at the bottom of the modal
+     * @example "Sluiten" */
+    primaryButton?: string;
+};
+
 declare type CostOverviewClassNames = {
     /** The base container of the cost overview */
     base?: string;
@@ -1774,7 +1794,7 @@ declare type PropositionOverviewClassNames = {
     creditInfo?: CreditInfoClassNames_2;
 };
 
-export declare function PropositionSelector({ propositionKey, classNames, initialProfile, onProfileChange, onError, onAction, ...props }: PropositionSelectorProps): JSX.Element;
+export declare function PropositionSelector({ propositionKey, classNames, initialProfile, onProfileChange, onPropositionKeyChange, onError, onAction, ...props }: PropositionSelectorProps): JSX.Element;
 
 /**
  * ClassNames for styling different parts of the `PropositionSelector` component
@@ -1828,6 +1848,8 @@ export declare type PropositionSelectorClassNames = {
     results?: {
         /** Details modal class styling slots - see type `DetailsModalClassNames` */
         detailsModal?: DetailsModalClassNames;
+        /** Content modal class styling slots - see type `ContentModalClassNames` */
+        contentModal?: ContentModalClassNames;
         /** Credit info class styling slots - see type `CreditInfoClassNames` */
         creditInfo?: CreditInfoClassNames_2;
     };
@@ -1845,6 +1867,8 @@ export declare type PropositionSelectorProps = {
     /** Target for the click-out URL on mobiel.nl
      * @default 'cart' */
     clickOutTarget?: 'cart' | 'checkout';
+    /** Callback function to handle proposition key changes */
+    onPropositionKeyChange?: (propositionKey: string) => void;
     /** Callback function to handle profile changes */
     onProfileChange?: (profile: Partial<Profile>) => void;
     /** Callback function to add search params for the click-out URL */
@@ -1982,6 +2006,8 @@ declare type ResultsClassNames = {
     postcodeCheckLoading?: PostcodeCheckLoadingClassNames;
     /** Details modal class styling slots - see type `DetailsModalClassNames` */
     detailsModal?: DetailsModalClassNames;
+    /** Content modal class styling slots - see type `ContentModalClassNames` */
+    contentModal?: ContentModalClassNames;
 };
 
 declare type ResultsNotFoundClassNames = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobielnl/elements",
-  "version": "0.12.13",
+  "version": "0.12.15",
   "description": "Mobiel.nl Elements - React component library for partner websites",
   "private": false,
   "type": "module",
@@ -48,6 +48,7 @@
     "@graphql-codegen/typescript": "^4.1.2",
     "@graphql-codegen/typescript-graphql-request": "^6.2.0",
     "@graphql-codegen/typescript-operations": "^4.4.0",
+    "@heroui/accordion": "^2.2.29",
     "@heroui/alert": "^2.2.29",
     "@heroui/avatar": "^2.2.24",
     "@heroui/badge": "^2.2.18",
@@ -93,6 +94,7 @@
     "i18next": "^25.7.3",
     "js-cookie": "^3.0.5",
     "lodash": "^4.18.1",
+    "markdown-to-jsx": "^9.7.15",
     "msw": "^2.12.7",
     "msw-storybook-addon": "^2.0.6",
     "postcss-prefix-selector": "^2.1.1",