@dso-toolkit/react 89.0.0 → 90.1.0

package/dist/components/accordion/accordion.content.js

@@ -105,12 +105,12 @@ export function nestedSections({ accordionTemplate }) {
 export const addonsSections = [
     {
         ...section1,
-        icon: "user-line",
+        icon: "user-outline",
     },
     {
         ...section1,
         status: "error",
-        icon: "user-line",
+        icon: "user-outline",
         open: true,
     },
     {
@@ -135,16 +135,16 @@ export const addonsSections = [
 export const alignmentSections = [
     {
         ...section1,
-        icon: "user-line",
+        icon: "user-outline",
         open: true,
     },
     {
         ...section2,
-        icon: "user-line",
+        icon: "user-outline",
     },
     {
         ...section3,
-        icon: "user-line",
+        icon: "user-outline",
     },
 ];
 export const renvooiSections = [

package/dist/components/badge/badge.content.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export const children = (React.createElement("div", { className: "dso-rich-content" },
+    React.createElement("p", null, "Er zijn wijzigingsbesluiten genomen. Bekijk een besluit om de veranderingen te zien.")));

package/dist/components/badge/badge.react-template.js

@@ -1,9 +1,12 @@
-import * as React from "react";
+import React from "react";
 import { DsoBadge } from "../../components";
 export const reactBadge = {
     component: "badge",
     implementation: "react",
-    template: () => function badgeTemplate({ status, message }) {
-        return React.createElement(DsoBadge, { status: status }, message);
+    template: () => function badgeTemplate({ status, message, label, toggletipPlacement, children }) {
+        return (React.createElement(DsoBadge, { status: status, label: label, toggletipPlacement: toggletipPlacement },
+            message,
+            " ",
+            children && React.createElement("div", { slot: "toggletip" }, children)));
     },
 };

package/dist/components/badge/badge.stories.js

@@ -1,18 +1,20 @@
 import readme from "@dso-toolkit/react/src/components/badge/readme.md?raw";
 import { badgeMeta, badgeStories } from "dso-toolkit";
 import { templateContainer } from "../../templates";
+import { children } from "./badge.content";
 const meta = {
     ...badgeMeta({ readme }),
     title: "Badge",
 };
 export default meta;
-const { Primary, Success, Info, Warning, Error, Outline, Attention, Plain } = badgeStories({
+const { Primary, Success, Info, Warning, Error, Outline, Attention, Plain, WithToggletip } = badgeStories({
     templateContainer,
     storyTemplates: (templates) => {
         const { badgeTemplate } = templates;
         return {
             badgeTemplate,
+            children,
         };
     },
 });
-export { Attention, Error, Info, Outline, Plain, Primary, Success, Warning };
+export { Attention, Error, Info, Outline, Plain, Primary, Success, Warning, WithToggletip };

package/dist/components/banner/banner.content.js

@@ -2,7 +2,7 @@ import * as React from "react";
 const closeButton = ({ iconTemplate }) => {
     return (React.createElement("button", { type: "button", className: "dso-tertiary", onClick: () => null },
         React.createElement("span", { className: "sr-only" }, "Sluiten"),
-        iconTemplate({ icon: "times" })));
+        iconTemplate({ icon: "cross" })));
 };
 export const warningRichContent = (templates) => (React.createElement(React.Fragment, null,
     React.createElement("div", { className: "dso-rich-content" },

package/dist/components/icon/icon-overview.decorator.js

@@ -6,7 +6,7 @@ export const decorator = (story, icons) => {
             if (!React.isValidElement(s)) {
                 throw new Error("Expected a valid JSX element");
             }
-            return (React.createElement("li", null,
+            return (React.createElement("li", { key: icon },
                 s,
                 React.createElement("br", null),
                 React.createElement("code", null, icon)));

package/dist/components/icon/icon.stories.js

@@ -1,8 +1,8 @@
 import { iconMeta, iconStories } from "dso-toolkit";
+import icons from "dso-toolkit/storybook-assets/icons.json";
 import { templateContainer } from "../../templates";
 import { decorator } from "./icon-overview.decorator";
 import readme from "./readme.md?raw";
-const icons = import.meta.env?.VITE_ICONS?.split(",") || [];
 const meta = {
     ...iconMeta({ readme }),
     title: "Icon",

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

@@ -1,8 +1,7 @@
 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("h2", null, "Introductie DSO"),
     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.")));
+        "Het ",
+        React.createElement("a", { href: "https://iplo.nl/digitaal-stelsel/" }, "Digitaal Stelsel Omgevingswet (DSO)"),
+        " ondersteunt de uitvoering van de Omgevingswet. Het bestaat uit lokale systemen van overheden en de onderdelen van de landelijke voorziening (DSO-LV), zoals het Omgevingsloket.")));

package/dist/components/table/table.react-template.js

@@ -21,7 +21,7 @@ export const reactTable = {
                     React.createElement("tr", null, content.head.map((col, cellIndex) => "sortable" in col ? (React.createElement("th", { scope: "col", key: cellIndex, "aria-sort": col.sorting },
                         React.createElement("button", { type: "button", "aria-roledescription": getAriaRoledescription(col.sorting), className: clsx("dso-tertiary dso-sort", { "dso-sort-active": !!col.sorting }) },
                             React.createElement("span", null, col.label),
-                            React.createElement(DsoIcon, { icon: col.sorting ? "sort-" + col.sorting : "sort" })))) : (React.createElement("th", { scope: "col", key: cellIndex }, col.label))))),
+                            React.createElement(DsoIcon, { icon: col.sorting === "ascending" ? "sort-ascending" : "sort-descending" })))) : (React.createElement("th", { scope: "col", key: cellIndex }, col.label))))),
                 React.createElement("tbody", null, content.rows.map((row, index) => (React.createElement("tr", { key: index }, row.map((col, cellIndex) => index === 0 ? (typeof col === "string" ? (React.createElement("th", { key: cellIndex, scope: "row", dangerouslySetInnerHTML: { __html: col } })) : (React.createElement("th", { key: cellIndex, scope: "row" }, col))) : typeof col === "string" ? (React.createElement("td", { key: cellIndex, dangerouslySetInnerHTML: { __html: col } })) : (React.createElement("td", { key: cellIndex }, col))))))))));
     },
 };

package/dist/components/toggletip/toggletip.content.js

@@ -1,8 +1,7 @@
 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("h2", null, "Introductie DSO"),
     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.")));
+        "Het ",
+        React.createElement("a", { href: "https://iplo.nl/digitaal-stelsel/" }, "Digitaal Stelsel Omgevingswet (DSO)"),
+        " ondersteunt de uitvoering van de Omgevingswet. Het bestaat uit lokale systemen van overheden en de onderdelen van de landelijke voorziening (DSO-LV), zoals het Omgevingsloket.")));

package/dist/components.js

@@ -43,6 +43,7 @@ import { DsoMapBaseLayers as DsoMapBaseLayersElement, defineCustomElement as def
 import { DsoMapControls as DsoMapControlsElement, defineCustomElement as defineDsoMapControls } from "@dso-toolkit/core/dist/components/dso-map-controls.js";
 import { DsoMapLayerObject as DsoMapLayerObjectElement, defineCustomElement as defineDsoMapLayerObject } from "@dso-toolkit/core/dist/components/dso-map-layer-object.js";
 import { DsoMapLayer as DsoMapLayerElement, defineCustomElement as defineDsoMapLayer } from "@dso-toolkit/core/dist/components/dso-map-layer.js";
+import { DsoMapMessage as DsoMapMessageElement, defineCustomElement as defineDsoMapMessage } from "@dso-toolkit/core/dist/components/dso-map-message.js";
 import { DsoMapOverlays as DsoMapOverlaysElement, defineCustomElement as defineDsoMapOverlays } from "@dso-toolkit/core/dist/components/dso-map-overlays.js";
 import { DsoMarkBar as DsoMarkBarElement, defineCustomElement as defineDsoMarkBar } from "@dso-toolkit/core/dist/components/dso-mark-bar.js";
 import { DsoModal as DsoModalElement, defineCustomElement as defineDsoModal } from "@dso-toolkit/core/dist/components/dso-modal.js";
@@ -57,6 +58,7 @@ import { DsoProjectItem as DsoProjectItemElement, defineCustomElement as defineD
 import { DsoRenvooi as DsoRenvooiElement, defineCustomElement as defineDsoRenvooi } from "@dso-toolkit/core/dist/components/dso-renvooi.js";
 import { DsoResponsiveElement as DsoResponsiveElementElement, defineCustomElement as defineDsoResponsiveElement } from "@dso-toolkit/core/dist/components/dso-responsive-element.js";
 import { DsoScrollable as DsoScrollableElement, defineCustomElement as defineDsoScrollable } from "@dso-toolkit/core/dist/components/dso-scrollable.js";
+import { DsoSegmentedButton as DsoSegmentedButtonElement, defineCustomElement as defineDsoSegmentedButton } from "@dso-toolkit/core/dist/components/dso-segmented-button.js";
 import { DsoSelectable as DsoSelectableElement, defineCustomElement as defineDsoSelectable } from "@dso-toolkit/core/dist/components/dso-selectable.js";
 import { DsoSkiplink as DsoSkiplinkElement, defineCustomElement as defineDsoSkiplink } from "@dso-toolkit/core/dist/components/dso-skiplink.js";
 import { DsoSlideToggle as DsoSlideToggleElement, defineCustomElement as defineDsoSlideToggle } from "@dso-toolkit/core/dist/components/dso-slide-toggle.js";
@@ -474,6 +476,14 @@ export const DsoMapLayerObject = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineDsoMapLayerObject
 });
+export const DsoMapMessage = /*@__PURE__*/ createComponent({
+    tagName: 'dso-map-message',
+    elementClass: DsoMapMessageElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsoMapMessage
+});
 export const DsoMapOverlays = /*@__PURE__*/ createComponent({
     tagName: 'dso-map-overlays',
     elementClass: DsoMapOverlaysElement,
@@ -594,6 +604,14 @@ export const DsoScrollable = /*@__PURE__*/ createComponent({
     events: { onDsoScrollEnd: 'dsoScrollEnd' },
     defineCustomElement: defineDsoScrollable
 });
+export const DsoSegmentedButton = /*@__PURE__*/ createComponent({
+    tagName: 'dso-segmented-button',
+    elementClass: DsoSegmentedButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsoChange: 'dsoChange' },
+    defineCustomElement: defineDsoSegmentedButton
+});
 export const DsoSelectable = /*@__PURE__*/ createComponent({
     tagName: 'dso-selectable',
     elementClass: DsoSelectableElement,

package/dist/types/components/badge/badge.content.d.ts

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

package/dist/types/components/badge/badge.react-template.d.ts

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

package/dist/types/components/badge/badge.stories.d.ts

@@ -66,5 +66,13 @@ declare const Primary: import("storybook/internal/csf").BaseAnnotations<import("
     story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/csf").Renderer, BadgeArgs, Partial<BadgeArgs>>, "story"> | undefined;
 } & {
     args?: Partial<BadgeArgs> | undefined;
+}, WithToggletip: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/csf").Renderer, BadgeArgs> & {
+    name?: import("storybook/internal/csf").StoryName;
+    storyName?: import("storybook/internal/csf").StoryName;
+    play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/csf").Renderer, BadgeArgs> | undefined;
+    globals?: import("storybook/internal/csf").Globals | undefined;
+    story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/csf").Renderer, BadgeArgs, Partial<BadgeArgs>>, "story"> | undefined;
+} & {
+    args?: Partial<BadgeArgs> | undefined;
 };
-export { Attention, Error, Info, Outline, Plain, Primary, Success, Warning };
+export { Attention, Error, Info, Outline, Plain, Primary, Success, Warning, WithToggletip };

package/dist/types/components.d.ts

@@ -2,7 +2,7 @@
  * This file was automatically generated by the Stencil React Output Target.
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
-import { type AccordionSectionActiveChangeEvent, type AccordionSectionAnimationEndEvent, type AccordionSectionAnimationStartEvent, type AccordionSectionToggleClickEvent, type AdvancedSelectChangeEvent, type AdvancedSelectRedirectEvent, type AlertCloseEvent, type AnnotationActiveChangeEvent, type AnnotationKaartClickEvent, type BaseLayerChangeEvent, type CardClickEvent, type DatePickerBlurEvent, type DatePickerChangeEvent, type DatePickerFocusEvent, type DatePickerKeyboardEvent, type DocumentCardClickEvent, type DocumentComponentMarkItemHighlightEvent, type DocumentComponentOpenToggleEvent, type DocumentComponentOzonContentClickEvent, type DocumentComponentRecursiveToggleEvent, type DocumentComponentTableOfContentsClickEvent, type DocumentComponentToggleAnnotationEvent, type DsoAccordionSectionCustomEvent, type DsoAdvancedSelectCustomEvent, type DsoAlertCustomEvent, type DsoAnnotationActiviteitCustomEvent, type DsoAnnotationGebiedsaanwijzingCustomEvent, type DsoAnnotationKaartCustomEvent, type DsoAnnotationLocatieCustomEvent, type DsoAnnotationOmgevingsnormwaardeCustomEvent, type DsoAutosuggestCustomEvent, type DsoCardCustomEvent, type DsoDatePickerCustomEvent, type DsoDocumentCardCustomEvent, type DsoDocumentComponentCustomEvent, type DsoExpandableCustomEvent, type DsoHeaderCustomEvent, type DsoHistoryItemCustomEvent, type DsoIconButtonCustomEvent, type DsoInfoButtonCustomEvent, type DsoInfoCustomEvent, type DsoInputRangeCustomEvent, type DsoLabelCustomEvent, type DsoLegendCustomEvent, type DsoLegendGroupCustomEvent, type DsoLegendItemCustomEvent, type DsoListButtonCustomEvent, type DsoLogoCustomEvent, type DsoMapBaseLayersCustomEvent, type DsoMapControlsCustomEvent, type DsoMapLayerCustomEvent, type DsoMapLayerObjectCustomEvent, type DsoMapOverlaysCustomEvent, type DsoMarkBarCustomEvent, type DsoModalCustomEvent, type DsoOnboardingTipCustomEvent, type DsoOzonContentCustomEvent, type DsoPaginationCustomEvent, type DsoPanelCustomEvent, type DsoPlekinfoCardCustomEvent, type DsoRenvooiCustomEvent, type DsoResponsiveElementCustomEvent, type DsoScrollEndEvent, type DsoScrollableCustomEvent, type DsoSelectableCustomEvent, type DsoSkiplinkCustomEvent, type DsoSlideToggleCustomEvent, type DsoSurveyRatingCustomEvent, type DsoTabCustomEvent, type DsoTreeViewCustomEvent, type DsoViewerGridCustomEvent, type DsotDocumentComponentDemoCustomEvent, type ExpandableAnimationEndEvent, type ExpandableAnimationStartEvent, type HeaderEvent, type HistoryItemClickEvent, type IconButtonClickEvent, type InfoButtonToggleEvent, type InputRangeChangeEvent, type LegendCloseEvent, type LegendContentSwitchEvent, type LegendGroupModeChangeEvent, type LegendItemActiveChangeEvent, type LegendItemDeleteEvent, type ListButtonChangeEvent, type ListButtonSelectedEvent, type LogoClickEvent, type LogoLabelClickEvent, type MapControlsToggleEvent, type MapLayerActiveChangeEvent, type MapLayerObjectActiveChangeEvent, type MarkBarClearEvent, type MarkBarInputEvent, type MarkBarPaginationEvent, type ModalCloseEvent, type OnboardingTipCloseEvent, type OverlayChangeEvent, type OzonContentClickEvent, type OzonContentMarkItemHighlightEvent, type PaginationSelectPageEvent, type PanelCloseEvent, type PlekinfoCardClickEvent, type RenvooiMarkItemHighlightEvent, type ResponsiveElementSize, type SelectableChangeEvent, type SkiplinkClickEvent, type SlideToggleActiveEvent, type Suggestion, type SurveyRatingCloseEvent, type SurveyRatingSubmitEvent, type TabsSwitchEvent, type TreeViewItem, type TreeViewPointerEvent, type ViewerGridActiveTabSwitchEvent, type ViewerGridChangeSizeAnimationEndEvent, type ViewerGridChangeSizeEvent, type ViewerGridCloseFilterPanelEvent, type ViewerGridCloseOverlayEvent, type ViewerGridMainToggleEvent } from "@dso-toolkit/core";
+import { type AccordionSectionActiveChangeEvent, type AccordionSectionAnimationEndEvent, type AccordionSectionAnimationStartEvent, type AccordionSectionToggleClickEvent, type AdvancedSelectChangeEvent, type AdvancedSelectRedirectEvent, type AlertCloseEvent, type AnnotationActiveChangeEvent, type AnnotationKaartClickEvent, type BaseLayerChangeEvent, type CardClickEvent, type DatePickerBlurEvent, type DatePickerChangeEvent, type DatePickerFocusEvent, type DatePickerKeyboardEvent, type DocumentCardClickEvent, type DocumentComponentMarkItemHighlightEvent, type DocumentComponentOpenToggleEvent, type DocumentComponentOzonContentClickEvent, type DocumentComponentRecursiveToggleEvent, type DocumentComponentTableOfContentsClickEvent, type DocumentComponentToggleAnnotationEvent, type DsoAccordionSectionCustomEvent, type DsoAdvancedSelectCustomEvent, type DsoAlertCustomEvent, type DsoAnnotationActiviteitCustomEvent, type DsoAnnotationGebiedsaanwijzingCustomEvent, type DsoAnnotationKaartCustomEvent, type DsoAnnotationLocatieCustomEvent, type DsoAnnotationOmgevingsnormwaardeCustomEvent, type DsoAutosuggestCustomEvent, type DsoCardCustomEvent, type DsoDatePickerCustomEvent, type DsoDocumentCardCustomEvent, type DsoDocumentComponentCustomEvent, type DsoExpandableCustomEvent, type DsoHeaderCustomEvent, type DsoHistoryItemCustomEvent, type DsoIconButtonCustomEvent, type DsoInfoButtonCustomEvent, type DsoInfoCustomEvent, type DsoInputRangeCustomEvent, type DsoLabelCustomEvent, type DsoLegendCustomEvent, type DsoLegendGroupCustomEvent, type DsoLegendItemCustomEvent, type DsoListButtonCustomEvent, type DsoLogoCustomEvent, type DsoMapBaseLayersCustomEvent, type DsoMapControlsCustomEvent, type DsoMapLayerCustomEvent, type DsoMapLayerObjectCustomEvent, type DsoMapOverlaysCustomEvent, type DsoMarkBarCustomEvent, type DsoModalCustomEvent, type DsoOnboardingTipCustomEvent, type DsoOzonContentCustomEvent, type DsoPaginationCustomEvent, type DsoPanelCustomEvent, type DsoPlekinfoCardCustomEvent, type DsoRenvooiCustomEvent, type DsoResponsiveElementCustomEvent, type DsoScrollEndEvent, type DsoScrollableCustomEvent, type DsoSegmentedButtonCustomEvent, type DsoSelectableCustomEvent, type DsoSkiplinkCustomEvent, type DsoSlideToggleCustomEvent, type DsoSurveyRatingCustomEvent, type DsoTabCustomEvent, type DsoTreeViewCustomEvent, type DsoViewerGridCustomEvent, type DsotDocumentComponentDemoCustomEvent, type ExpandableAnimationEndEvent, type ExpandableAnimationStartEvent, type HeaderEvent, type HistoryItemClickEvent, type IconButtonClickEvent, type InfoButtonToggleEvent, type InputRangeChangeEvent, type LegendCloseEvent, type LegendContentSwitchEvent, type LegendGroupModeChangeEvent, type LegendItemActiveChangeEvent, type LegendItemDeleteEvent, type ListButtonChangeEvent, type ListButtonSelectedEvent, type LogoClickEvent, type LogoLabelClickEvent, type MapControlsToggleEvent, type MapLayerActiveChangeEvent, type MapLayerObjectActiveChangeEvent, type MarkBarClearEvent, type MarkBarInputEvent, type MarkBarPaginationEvent, type ModalCloseEvent, type OnboardingTipCloseEvent, type OverlayChangeEvent, type OzonContentClickEvent, type OzonContentMarkItemHighlightEvent, type PaginationSelectPageEvent, type PanelCloseEvent, type PlekinfoCardClickEvent, type RenvooiMarkItemHighlightEvent, type ResponsiveElementSize, type SegmentedButtonChangeEvent, type SelectableChangeEvent, type SkiplinkClickEvent, type SlideToggleActiveEvent, type Suggestion, type SurveyRatingCloseEvent, type SurveyRatingSubmitEvent, type TabsSwitchEvent, type TreeViewItem, type TreeViewPointerEvent, type ViewerGridActiveTabSwitchEvent, type ViewerGridChangeSizeAnimationEndEvent, type ViewerGridChangeSizeEvent, type ViewerGridCloseFilterPanelEvent, type ViewerGridCloseOverlayEvent, type ViewerGridMainToggleEvent } from "@dso-toolkit/core";
 import { DsoAccordionSection as DsoAccordionSectionElement } from "@dso-toolkit/core/dist/components/dso-accordion-section.js";
 import { DsoAccordion as DsoAccordionElement } from "@dso-toolkit/core/dist/components/dso-accordion.js";
 import { DsoActionListItem as DsoActionListItemElement } from "@dso-toolkit/core/dist/components/dso-action-list-item.js";
@@ -47,6 +47,7 @@ import { DsoMapBaseLayers as DsoMapBaseLayersElement } from "@dso-toolkit/core/d
 import { DsoMapControls as DsoMapControlsElement } from "@dso-toolkit/core/dist/components/dso-map-controls.js";
 import { DsoMapLayerObject as DsoMapLayerObjectElement } from "@dso-toolkit/core/dist/components/dso-map-layer-object.js";
 import { DsoMapLayer as DsoMapLayerElement } from "@dso-toolkit/core/dist/components/dso-map-layer.js";
+import { DsoMapMessage as DsoMapMessageElement } from "@dso-toolkit/core/dist/components/dso-map-message.js";
 import { DsoMapOverlays as DsoMapOverlaysElement } from "@dso-toolkit/core/dist/components/dso-map-overlays.js";
 import { DsoMarkBar as DsoMarkBarElement } from "@dso-toolkit/core/dist/components/dso-mark-bar.js";
 import { DsoModal as DsoModalElement } from "@dso-toolkit/core/dist/components/dso-modal.js";
@@ -61,6 +62,7 @@ import { DsoProjectItem as DsoProjectItemElement } from "@dso-toolkit/core/dist/
 import { DsoRenvooi as DsoRenvooiElement } from "@dso-toolkit/core/dist/components/dso-renvooi.js";
 import { DsoResponsiveElement as DsoResponsiveElementElement } from "@dso-toolkit/core/dist/components/dso-responsive-element.js";
 import { DsoScrollable as DsoScrollableElement } from "@dso-toolkit/core/dist/components/dso-scrollable.js";
+import { DsoSegmentedButton as DsoSegmentedButtonElement } from "@dso-toolkit/core/dist/components/dso-segmented-button.js";
 import { DsoSelectable as DsoSelectableElement } from "@dso-toolkit/core/dist/components/dso-selectable.js";
 import { DsoSkiplink as DsoSkiplinkElement } from "@dso-toolkit/core/dist/components/dso-skiplink.js";
 import { DsoSlideToggle as DsoSlideToggleElement } from "@dso-toolkit/core/dist/components/dso-slide-toggle.js";
@@ -249,6 +251,8 @@ export type DsoMapLayerObjectEvents = {
     onDsoMouseLeave: EventName<DsoMapLayerObjectCustomEvent<any>>;
 };
 export declare const DsoMapLayerObject: StencilReactComponent<DsoMapLayerObjectElement, DsoMapLayerObjectEvents>;
+export type DsoMapMessageEvents = NonNullable<unknown>;
+export declare const DsoMapMessage: StencilReactComponent<DsoMapMessageElement, DsoMapMessageEvents>;
 export type DsoMapOverlaysEvents = {
     onDsoToggleOverlay: EventName<DsoMapOverlaysCustomEvent<OverlayChangeEvent>>;
 };
@@ -303,6 +307,10 @@ export type DsoScrollableEvents = {
     onDsoScrollEnd: EventName<DsoScrollableCustomEvent<DsoScrollEndEvent>>;
 };
 export declare const DsoScrollable: StencilReactComponent<DsoScrollableElement, DsoScrollableEvents>;
+export type DsoSegmentedButtonEvents = {
+    onDsoChange: EventName<DsoSegmentedButtonCustomEvent<SegmentedButtonChangeEvent>>;
+};
+export declare const DsoSegmentedButton: StencilReactComponent<DsoSegmentedButtonElement, DsoSegmentedButtonEvents>;
 export type DsoSelectableEvents = {
     onDsoChange: EventName<DsoSelectableCustomEvent<SelectableChangeEvent>>;
 };

package/dist/types/templates.d.ts

@@ -6,7 +6,7 @@ export interface Components {
     alert: Alert<JSX.Element>;
     attachmentsCounter: AttachmentsCounter;
     autosuggest: Autosuggest<JSX.Element>;
-    badge: Badge;
+    badge: Badge<JSX.Element>;
     banner: Banner<JSX.Element>;
     card: Card<JSX.Element>;
     cardContainer: CardContainer<JSX.Element>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dso-toolkit/react",
   "type": "module",
-  "version": "89.0.0",
+  "version": "90.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.14",
     "@types/react-dom": "^19.2.3",
-    "dso-toolkit": "^89.0.0",
+    "dso-toolkit": "^90.1.0",
     "eslint": "^9.39.2",
     "eslint-plugin-storybook": "10.2.8",
     "http-proxy-middleware": "^3.0.5",
@@ -45,7 +45,7 @@
     "wait-on": "^9.0.4"
   },
   "peerDependencies": {
-    "@dso-toolkit/core": "89.0.0",
+    "@dso-toolkit/core": "90.1.0",
     "react": "^18.3.0 || ^19.0.0",
     "react-dom": "^18.3.0 || ^19.0.0"
   },