@dso-toolkit/react 87.0.0 → 88.1.0

package/dist/components/info-button/info-button.content.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export const children = (React.createElement("div", { className: "dso-rich-content" },
+    React.createElement("h2", null, "Samenspel tussen wetgever en ontwikkelaars"),
+    React.createElement("p", null,
+        "Het DSO wordt ontwikkeld door het programma",
+        " ",
+        React.createElement("a", { href: "https://aandeslagmetdeomgevingswet.nl/digitaal-stelsel/" }, "Aan de slag met de Omgevingswet"),
+        " in samenwerking met haar partners. De ontwikkeling vraagt een intensief samenspel tussen de wetgever en de ontwikkelpartners van het DSO. Enerzijds moeten wetgever en de ontwikkelpartners zorgen dat alles wat in de wet- en regelgeving wordt geregeld ook makkelijk toegankelijk is of kan worden. Anderzijds moeten zij zorgen dat alles wat digitaal wordt gerealiseerd, ook juridisch verankerd is of kan worden.")));

package/dist/components/info-button/info-button.react-template.js

@@ -1,9 +1,9 @@
-import * as React from "react";
+import React from "react";
 import { DsoInfoButton } from "../../components";
 export const reactInfoButton = {
     component: "infoButton",
     implementation: "react",
-    template: () => function infoButtonTemplate({ label, active, secondary, dsoToggle }) {
-        return (React.createElement(DsoInfoButton, { label: label, active: active, secondary: secondary, onDsoToggle: (e) => dsoToggle?.(e.detail) }));
+    template: () => function infoButtonTemplate({ label, active, toggletipPlacement, secondary, dsoToggle, children }) {
+        return (React.createElement(DsoInfoButton, { label: label, active: active, secondary: secondary, toggletipPlacement: toggletipPlacement, onDsoToggle: (e) => dsoToggle?.(e.detail) }, children && React.createElement("div", { slot: "toggletip" }, children)));
     },
 };

package/dist/components/info-button/info-button.stories.js

@@ -1,16 +1,20 @@
 import { infoButtonMeta, infoButtonStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
+import { children } from "./info-button.content";
 import readme from "./readme.md?raw";
 const meta = {
     ...infoButtonMeta({ readme }),
     title: "Info Button",
 };
 export default meta;
-const { Active, Inactive, SecondaryActive, SecondaryInactive } = infoButtonStories({
+const { Default, Information, SecondaryActive, SecondaryInactive } = infoButtonStories({
     templateContainer,
     storyTemplates: (templates) => {
         const { infoButtonTemplate } = templates;
-        return { infoButtonTemplate };
+        return {
+            infoButtonTemplate,
+            children,
+        };
     },
 });
-export { Active, Inactive, SecondaryActive, SecondaryInactive };
+export { Default, Information, SecondaryActive, SecondaryInactive };

package/dist/types/components/info-button/info-button.content.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const children: React.JSX.Element;

package/dist/types/components/info-button/info-button.react-template.d.ts

@@ -1,3 +1,4 @@
 import { InfoButton } from "dso-toolkit";
+import { JSX } from "react";
 import { ComponentImplementation } from "../../templates";
-export declare const reactInfoButton: ComponentImplementation<InfoButton>;
+export declare const reactInfoButton: ComponentImplementation<InfoButton<JSX.Element>>;

package/dist/types/components/info-button/info-button.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta } from "@storybook/react-vite";
 import { InfoButtonArgs } from "dso-toolkit";
 declare const meta: Meta<InfoButtonArgs>;
 export default meta;
-declare const Active: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/csf").Renderer, InfoButtonArgs> & {
+declare const Default: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/csf").Renderer, InfoButtonArgs> & {
     name?: import("storybook/internal/csf").StoryName;
     storyName?: import("storybook/internal/csf").StoryName;
     play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/csf").Renderer, InfoButtonArgs> | undefined;
@@ -10,7 +10,7 @@ declare const Active: import("storybook/internal/csf").BaseAnnotations<import("s
     story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/csf").Renderer, InfoButtonArgs, Partial<InfoButtonArgs>>, "story"> | undefined;
 } & {
     args?: Partial<InfoButtonArgs> | undefined;
-}, Inactive: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/csf").Renderer, InfoButtonArgs> & {
+}, Information: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/csf").Renderer, InfoButtonArgs> & {
     name?: import("storybook/internal/csf").StoryName;
     storyName?: import("storybook/internal/csf").StoryName;
     play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/csf").Renderer, InfoButtonArgs> | undefined;
@@ -35,4 +35,4 @@ declare const Active: import("storybook/internal/csf").BaseAnnotations<import("s
 } & {
     args?: Partial<InfoButtonArgs> | undefined;
 };
-export { Active, Inactive, SecondaryActive, SecondaryInactive };
+export { Default, Information, SecondaryActive, SecondaryInactive };

package/dist/types/templates.d.ts

@@ -20,7 +20,7 @@ export interface Components {
     icon: Icon;
     imageOverlay: ImageOverlay;
     info: Info<JSX.Element>;
-    infoButton: InfoButton;
+    infoButton: InfoButton<JSX.Element>;
     label: Label;
     listButton: ListButton;
     modal: Modal<JSX.Element>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dso-toolkit/react",
   "type": "module",
-  "version": "87.0.0",
+  "version": "88.1.0",
   "description": "React specific wrapper for @dso-toolkit/core web components",
   "homepage": "https://www.dso-toolkit.nl/",
   "repository": {
@@ -30,7 +30,7 @@
     "@types/lodash.startcase": "^4.4.9",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "dso-toolkit": "^87.0.0",
+    "dso-toolkit": "^88.1.0",
     "eslint": "^9.39.2",
     "eslint-plugin-storybook": "10.1.9",
     "http-proxy-middleware": "^3.0.5",
@@ -45,7 +45,7 @@
     "wait-on": "^9.0.3"
   },
   "peerDependencies": {
-    "@dso-toolkit/core": "87.0.0",
+    "@dso-toolkit/core": "88.1.0",
     "react": "^18.3.0 || ^19.0.0",
     "react-dom": "^18.3.0 || ^19.0.0"
   },