@mobielnl/elements 0.12.24 → 0.12.25

package/dist/index.d.ts

@@ -30,6 +30,23 @@ export declare type AddToCartEvent = {
     proposition: ProductCardPropositionFragment;
 };
 
+declare type AlertClassNames = {
+    /** Alert container */
+    base?: string;
+    /** Alert title text */
+    title?: string;
+    /** Alert description text */
+    description?: string;
+    /** Alert main content wrapper */
+    mainWrapper?: string;
+    /** Alert close button */
+    closeButton?: string;
+    /** Alert icon wrapper */
+    iconWrapper?: string;
+    /** Alert icon */
+    alertIcon?: string;
+};
+
 declare type AverageSectionClassNames = {
     /** Container for the average per month section */
     container?: string;
@@ -232,6 +249,10 @@ declare type CheckboxGroupClassNames = {
         label?: string;
         /** Bundle Price component class styling slots - see type `BundlePriceClassNames` */
         bundlePrice?: BundlePriceClassNames;
+        /** Image wrapper */
+        imgWrapper?: string;
+        /** Image */
+        img?: string;
     };
 };
 
@@ -572,22 +593,7 @@ declare type ErrorAlertClassNames = {
     /** Main wrapper container for the error component */
     base?: string;
     /** Alert component class styling slots */
-    alert?: {
-        /** Alert container */
-        base?: string;
-        /** Alert title text */
-        title?: string;
-        /** Alert description text */
-        description?: string;
-        /** Alert main content wrapper */
-        mainWrapper?: string;
-        /** Alert close button */
-        closeButton?: string;
-        /** Alert icon wrapper */
-        iconWrapper?: string;
-        /** Alert icon */
-        alertIcon?: string;
-    };
+    alert?: AlertClassNames;
     /** Refresh page button */
     button?: string;
 };
@@ -1832,6 +1838,11 @@ export declare function PropositionSelector({ propositionKey, classNames, initia
 export declare type PropositionSelectorClassNames = {
     /** Wrapper container for the entire proposition selector */
     base?: string;
+    /** Main content wrapper container */
+    mainContentWrapper?: string;
+    /** Alert class styling slots - see type `AlertClassNames`
+     * @note only visible for fixed propositions with the same fixed provider in profile */
+    sameFixedProviderAlert?: AlertClassNames;
     /** HandsetCreditSelector component class styling slots - see type `HandsetCreditSelectorClassNames` */
     handsetCreditSelector?: HandsetCreditSelectorClassNames;
     /** ProductHeader class styling slots - see type `ProductHeaderClassNames` */
@@ -1884,6 +1895,10 @@ export declare type PropositionSelectorClassNames = {
     };
     /** BundleSelector component class styling slots - see type `BundleSelectorClassNames` */
     bundleSelector?: BundleSelectorClassNames;
+    /** Retention section class styling slots - see type `SectionClassNames` */
+    retentionSelector?: SectionClassNames_2;
+    /** Modification section class styling slots - see type `SectionClassNames` */
+    modificationSelector?: SectionClassNames_2;
     /** BundleModal component class styling slots - see type `BundleModalClassNames` */
     bundleModal?: BundleModalClassNames;
     /** Profile buttons component class styling slots - see type `SelectorClassNames` */
@@ -1967,6 +1982,8 @@ export declare type PropositionSelectorProps = {
      * }}
      */
     onRender?: () => void;
+    /** Boolean to hide number retention question when profile if filled. Does not apply to fixed propositions */
+    hideRetentionOnFilledProfile?: boolean;
 };
 
 export declare type ProviderOption = {
@@ -2046,6 +2063,10 @@ declare type RadioGroupClassNames = {
         description?: string;
         /** Bundle Price component class styling slots - see type `BundlePriceClassNames` */
         bundlePrice?: BundlePriceClassNames;
+        /** Image wrapper */
+        imgWrapper?: string;
+        /** Image */
+        img?: string;
     };
 };
 
@@ -2114,6 +2135,20 @@ declare type SectionClassNames = {
     table?: TableClassNames;
 };
 
+/**
+ * ClassNames for styling different parts of the `Section` component
+ */
+declare type SectionClassNames_2 = {
+    /** Root container */
+    base?: string;
+    /** Section title */
+    title?: string;
+    /** Section number pill */
+    number?: string;
+    /** Section description */
+    description?: string;
+};
+
 /**
  * ClassNames for styling different parts of the `SelectFilter` component
  */
@@ -2654,6 +2689,8 @@ export declare type Translations = {
     };
     propositionSelector: {
         return: string;
+        sameFixedProviderTitle: string;
+        sameFixedProviderDescription: string;
         productVersionTitle: string;
         benefitsTitle: string;
         bundleSelectorTitle: string;
@@ -2669,6 +2706,14 @@ export declare type Translations = {
         installationFee: string;
         none: string;
         showMore: string;
+        retentionTitle: string;
+        retentionDescription: string;
+        retentionYes: string;
+        retentionNo: string;
+        modificationTitle: string;
+        modificationDescription: string;
+        modificationYes: string;
+        modificationNo: string;
     };
     handsetCreditSelector: {
         handsetPriceInfo: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobielnl/elements",
-  "version": "0.12.24",
+  "version": "0.12.25",
   "description": "Mobiel.nl Elements - React component library for partner websites",
   "private": false,
   "type": "module",
@@ -50,14 +50,14 @@
     "@graphql-codegen/typescript-operations": "^4.4.0",
     "@heroui/accordion": "^2.2.29",
     "@heroui/alert": "^2.2.29",
-    "@heroui/avatar": "^2.2.24",
+    "@heroui/avatar": "^2.2.25",
     "@heroui/badge": "^2.2.18",
     "@heroui/button": "^2.2.29",
     "@heroui/card": "^2.2.27",
     "@heroui/checkbox": "^2.3.29",
     "@heroui/chip": "^2.2.24",
     "@heroui/divider": "^2.2.21",
-    "@heroui/image": "^2.2.18",
+    "@heroui/image": "^2.2.19",
     "@heroui/input": "^2.4.30",
     "@heroui/link": "^2.2.25",
     "@heroui/listbox": "^2.3.28",