@dso-toolkit/react 85.0.0 → 87.0.0

package/dist/components/highlight-box/highlight-box.react-template.js

@@ -3,8 +3,8 @@ import { DsoHighlightBox } from "../../components";
 export const reactHighlightBox = {
     component: "highlightBox",
     implementation: "react",
-    template: ({ iconTemplate }) => function highlightBoxTemplate({ yellow, white, dropShadow, border, step, icon, content }) {
-        return (React.createElement(DsoHighlightBox, { step: step, yellow: yellow, white: white, dropShadow: dropShadow, border: border },
+    template: ({ iconTemplate }) => function highlightBoxTemplate({ yellow, white, green, dropShadow, border, step, icon, content }) {
+        return (React.createElement(DsoHighlightBox, { step: step, yellow: yellow, white: white, green: green, dropShadow: dropShadow, border: border },
             icon && iconTemplate({ icon, slot: "icon" }),
             typeof content === "string" ? (React.createElement("div", { className: "dso-rich-content", dangerouslySetInnerHTML: { __html: content } })) : (React.createElement("div", { className: "dso-rich-content" }, content))));
     },

package/dist/components/highlight-box/highlight-box.stories.js

@@ -7,7 +7,7 @@ const meta = {
     title: "Highlight Box",
 };
 export default meta;
-const { Default, Yellow, WhiteWithDropshadow, WithBorder, WithIcon, WithBannerImage } = highlightBoxStories({
+const { Default, Yellow, Green, WhiteWithDropshadow, WithBorder, WithIcon, WithBannerImage } = highlightBoxStories({
     templateContainer,
     storyTemplates: (templates) => {
         const { highlightBoxTemplate, iconTemplate } = templates;
@@ -39,4 +39,4 @@ const { Default, Yellow, WhiteWithDropshadow, WithBorder, WithIcon, WithBannerIm
         };
     },
 });
-export { Default, WhiteWithDropshadow, WithBannerImage, WithBorder, WithIcon, Yellow };
+export { Default, Green, WhiteWithDropshadow, WithBannerImage, WithBorder, WithIcon, Yellow };

package/dist/components.js

@@ -18,6 +18,7 @@ import { DsoButtonGroup as DsoButtonGroupElement, defineCustomElement as defineD
 import { DsoCardContainer as DsoCardContainerElement, defineCustomElement as defineDsoCardContainer } from "@dso-toolkit/core/dist/components/dso-card-container.js";
 import { DsoCard as DsoCardElement, defineCustomElement as defineDsoCard } from "@dso-toolkit/core/dist/components/dso-card.js";
 import { DsoContactInformation as DsoContactInformationElement, defineCustomElement as defineDsoContactInformation } from "@dso-toolkit/core/dist/components/dso-contact-information.js";
+import { DsoCursorTooltip as DsoCursorTooltipElement, defineCustomElement as defineDsoCursorTooltip } from "@dso-toolkit/core/dist/components/dso-cursor-tooltip.js";
 import { DsoDatePicker as DsoDatePickerElement, defineCustomElement as defineDsoDatePicker } from "@dso-toolkit/core/dist/components/dso-date-picker.js";
 import { DsoDocumentCard as DsoDocumentCardElement, defineCustomElement as defineDsoDocumentCard } from "@dso-toolkit/core/dist/components/dso-document-card.js";
 import { DsoDocumentComponent as DsoDocumentComponentElement, defineCustomElement as defineDsoDocumentComponent } from "@dso-toolkit/core/dist/components/dso-document-component.js";
@@ -234,6 +235,14 @@ export const DsoContactInformation = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDsoContactInformation
 });
+export const DsoCursorTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'dso-cursor-tooltip',
+    elementClass: DsoCursorTooltipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsoCursorTooltip
+});
 export const DsoDatePicker = /*@__PURE__*/ createComponent({
     tagName: 'dso-date-picker',
     elementClass: DsoDatePickerElement,

package/dist/types/components/highlight-box/highlight-box.stories.d.ts

@@ -18,6 +18,14 @@ declare const Default: import("storybook/internal/csf").BaseAnnotations<import("
     story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/csf").Renderer, HighlightBoxArgs, Partial<HighlightBoxArgs>>, "story"> | undefined;
 } & {
     args?: Partial<HighlightBoxArgs> | undefined;
+}, Green: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/csf").Renderer, HighlightBoxArgs> & {
+    name?: import("storybook/internal/csf").StoryName;
+    storyName?: import("storybook/internal/csf").StoryName;
+    play?: import("storybook/internal/csf").PlayFunction<import("storybook/internal/csf").Renderer, HighlightBoxArgs> | undefined;
+    globals?: import("storybook/internal/csf").Globals | undefined;
+    story?: Omit<import("storybook/internal/csf").StoryAnnotations<import("storybook/internal/csf").Renderer, HighlightBoxArgs, Partial<HighlightBoxArgs>>, "story"> | undefined;
+} & {
+    args?: Partial<HighlightBoxArgs> | undefined;
 }, WhiteWithDropshadow: import("storybook/internal/csf").BaseAnnotations<import("storybook/internal/csf").Renderer, HighlightBoxArgs> & {
     name?: import("storybook/internal/csf").StoryName;
     storyName?: import("storybook/internal/csf").StoryName;
@@ -51,4 +59,4 @@ declare const Default: import("storybook/internal/csf").BaseAnnotations<import("
 } & {
     args?: Partial<HighlightBoxArgs> | undefined;
 };
-export { Default, WhiteWithDropshadow, WithBannerImage, WithBorder, WithIcon, Yellow };
+export { Default, Green, WhiteWithDropshadow, WithBannerImage, WithBorder, WithIcon, Yellow };

package/dist/types/components.d.ts

@@ -22,6 +22,7 @@ import { DsoButtonGroup as DsoButtonGroupElement } from "@dso-toolkit/core/dist/
 import { DsoCardContainer as DsoCardContainerElement } from "@dso-toolkit/core/dist/components/dso-card-container.js";
 import { DsoCard as DsoCardElement } from "@dso-toolkit/core/dist/components/dso-card.js";
 import { DsoContactInformation as DsoContactInformationElement } from "@dso-toolkit/core/dist/components/dso-contact-information.js";
+import { DsoCursorTooltip as DsoCursorTooltipElement } from "@dso-toolkit/core/dist/components/dso-cursor-tooltip.js";
 import { DsoDatePicker as DsoDatePickerElement } from "@dso-toolkit/core/dist/components/dso-date-picker.js";
 import { DsoDocumentCard as DsoDocumentCardElement } from "@dso-toolkit/core/dist/components/dso-document-card.js";
 import { DsoDocumentComponent as DsoDocumentComponentElement } from "@dso-toolkit/core/dist/components/dso-document-component.js";
@@ -137,6 +138,8 @@ export type DsoCardContainerEvents = NonNullable<unknown>;
 export declare const DsoCardContainer: StencilReactComponent<DsoCardContainerElement, DsoCardContainerEvents>;
 export type DsoContactInformationEvents = NonNullable<unknown>;
 export declare const DsoContactInformation: StencilReactComponent<DsoContactInformationElement, DsoContactInformationEvents>;
+export type DsoCursorTooltipEvents = NonNullable<unknown>;
+export declare const DsoCursorTooltip: StencilReactComponent<DsoCursorTooltipElement, DsoCursorTooltipEvents>;
 export type DsoDatePickerEvents = {
     onDsoDateChange: EventName<DsoDatePickerCustomEvent<DatePickerChangeEvent>>;
     onDsoBlur: EventName<DsoDatePickerCustomEvent<DatePickerBlurEvent>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dso-toolkit/react",
   "type": "module",
-  "version": "85.0.0",
+  "version": "87.0.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": "^85.0.0",
+    "dso-toolkit": "^87.0.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": "85.0.0",
+    "@dso-toolkit/core": "87.0.0",
     "react": "^18.3.0 || ^19.0.0",
     "react-dom": "^18.3.0 || ^19.0.0"
   },