@dsn-starter-kit/components-react 1.0.0 → 1.0.2

package/dist/ActionGroup/ActionGroup.css

@@ -44,6 +44,14 @@
   row-gap: var(--dsn-action-group-row-gap);
 }
 
+/* Link en LinkButton hebben align-self: flex-start om uitrekken te voorkomen
+   in verticale contexten — in een horizontale ActionGroup resetten we dit
+   zodat ze verticaal centreren met de Buttons naast hen. */
+.dsn-action-group:not(.dsn-action-group--vertical) > .dsn-link,
+.dsn-action-group:not(.dsn-action-group--vertical) > .dsn-link-button {
+  align-self: center;
+}
+
 /* ===========================
    Vertical modifier
    =========================== */

package/dist/BreakoutSection/BreakoutSection.css

@@ -15,5 +15,9 @@
 .dsn-breakout-section {
   margin-block: var(--dsn-space-block-4xl);
   margin-inline: calc(50% - 50vw);
+  border-block-start: var(--dsn-breakout-section-border-block-width) solid
+    var(--dsn-color-transparent);
+  border-block-end: var(--dsn-breakout-section-border-block-width) solid
+    var(--dsn-color-transparent);
 }
 

package/dist/Details/Details.css

@@ -116,6 +116,20 @@
   transform: rotate(180deg);
 }
 
+/* ===========================
+   Forced colors (High Contrast mode)
+   =========================== */
+@media (forced-colors: active) {
+  .dsn-details__icon {
+    forced-color-adjust: auto;
+    color: LinkText;
+  }
+
+  .dsn-details__summary:hover .dsn-details__icon {
+    color: LinkText;
+  }
+}
+
 /* ===========================
    Content area
    =========================== */

package/dist/DotBadge/DotBadge.css

@@ -96,3 +96,16 @@
   }
 }
 
+/* Forced colors (High Contrast mode)
+   background-color wordt vervangen door Canvas — dot is onzichtbaar zonder border.
+   Pulse-animatie uitschakelen: opacity-animatie op systeemkleuren is onbetrouwbaar. */
+@media (forced-colors: active) {
+  .dsn-dot-badge {
+    border: 1px solid transparent;
+  }
+
+  .dsn-dot-badge--pulse::before {
+    animation: none;
+  }
+}
+

package/dist/File/File.css

@@ -176,6 +176,22 @@ span.dsn-file__name {
   }
 }
 
+/* =============================================================================
+   Forced colors (High Contrast mode)
+   ============================================================================= */
+
+@media (forced-colors: active) {
+  .dsn-file__media > .dsn-icon {
+    forced-color-adjust: auto;
+    color: CanvasText;
+  }
+
+  .dsn-file__status-icon {
+    forced-color-adjust: auto;
+    color: CanvasText;
+  }
+}
+
 /* =============================================================================
    FileList — ul wrapper voor meerdere File items
    ============================================================================= */

package/dist/HeadingGroup/HeadingGroup.css

@@ -0,0 +1,5 @@
+.dsn-heading-group {
+  display: flex;
+  flex-direction: column;
+}
+

package/dist/HeadingGroup/HeadingGroup.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { HeadingLevel, HeadingAppearance } from '../Heading/Heading';
+import './HeadingGroup.css';
+export interface HeadingGroupProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Semantic heading level — determines the HTML element (h1–h6)
+     * @default 2
+     */
+    level?: HeadingLevel;
+    /**
+     * Visual appearance — controls font size, line height, and spacing.
+     * Defaults to matching the level (e.g. level 2 → heading-2).
+     */
+    appearance?: HeadingAppearance;
+    /**
+     * Content of the pre-heading. Wrapped in a dsn-pre-heading span automatically.
+     */
+    preHeading?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const HeadingGroup: React.ForwardRefExoticComponent<HeadingGroupProps & React.RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=HeadingGroup.d.ts.map

package/dist/HeadingGroup/HeadingGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingGroup.d.ts","sourceRoot":"","sources":["../../src/HeadingGroup/HeadingGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACjF;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,8FA4BxB,CAAC"}

package/dist/HeadingGroup/HeadingGroup.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { classNames } from '@dsn-starter-kit/core';
+import './HeadingGroup.css';
+export const HeadingGroup = React.forwardRef(({ level = 2, appearance, preHeading, className, children, ...props }, ref) => {
+    const resolvedAppearance = appearance ?? `heading-${level}`;
+    const Tag = `h${level}`;
+    const classes = classNames('dsn-heading', `dsn-heading--${resolvedAppearance}`, 'dsn-heading-group', className);
+    return (_jsxs(Tag, { ref: ref, className: classes, ...props, children: [preHeading != null && (_jsx("span", { className: "dsn-pre-heading", children: preHeading })), children] }));
+});
+HeadingGroup.displayName = 'HeadingGroup';
+//# sourceMappingURL=HeadingGroup.js.map

package/dist/HeadingGroup/HeadingGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingGroup.js","sourceRoot":"","sources":["../../src/HeadingGroup/HeadingGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,oBAAoB,CAAC;AAwB5B,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAI1C,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACpE,GAAG,EACH,EAAE;IACF,MAAM,kBAAkB,GACtB,UAAU,IAAK,WAAW,KAAK,EAAwB,CAAC;IAC1D,MAAM,GAAG,GAAG,IAAI,KAAK,EAAW,CAAC;IAEjC,MAAM,OAAO,GAAG,UAAU,CACxB,aAAa,EACb,gBAAgB,kBAAkB,EAAE,EACpC,mBAAmB,EACnB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,aACzC,UAAU,IAAI,IAAI,IAAI,CACrB,eAAM,SAAS,EAAC,iBAAiB,YAAE,UAAU,GAAQ,CACtD,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/HeadingGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { HeadingGroup } from './HeadingGroup';
+export type { HeadingGroupProps } from './HeadingGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/HeadingGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/HeadingGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/HeadingGroup/index.js

@@ -0,0 +1,2 @@
+export { HeadingGroup } from './HeadingGroup';
+//# sourceMappingURL=index.js.map

package/dist/HeadingGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/HeadingGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/Hero/Hero.css

@@ -26,6 +26,10 @@
 
 .dsn-hero {
   margin-inline: calc(50% - 50vw);
+  border-block-start: var(--dsn-hero-border-block-width) solid
+    var(--dsn-color-transparent);
+  border-block-end: var(--dsn-hero-border-block-width) solid
+    var(--dsn-color-transparent);
   min-block-size: max(
     var(--dsn-hero-min-block-size),
     var(--dsn-hero-block-size)

package/dist/PageHeader/PageHeader.css

@@ -78,6 +78,19 @@
   }
 }
 
+/* =============================================================================
+   Forced colors (High Contrast mode)
+   Default variant mist op large viewport een border-block-end (navbar neemt de
+   visuele scheiding over). In forced-colors mode is die achtergrondkleur niet
+   zichtbaar, dus de border herstellen voor sectieafbakening.
+   ============================================================================= */
+
+@media (forced-colors: active) and (min-width: 64em) {
+  .dsn-page-header:not(.dsn-page-header--compact) {
+    border-block-end: var(--dsn-border-width-thick) solid transparent;
+  }
+}
+
 /* =============================================================================
    Masthead (large viewport) — neutrale achtergrond, logo + servicemenu + zoek
    ============================================================================= */

package/dist/PreHeading/PreHeading.css

@@ -0,0 +1,10 @@
+.dsn-pre-heading {
+  display: block;
+  color: var(--dsn-pre-heading-color);
+  font-family: var(--dsn-pre-heading-font-family);
+  font-size: var(--dsn-pre-heading-font-size);
+  font-weight: var(--dsn-pre-heading-font-weight);
+  line-height: var(--dsn-pre-heading-line-height);
+  margin-block-end: var(--dsn-pre-heading-margin-block-end);
+}
+

package/dist/PreHeading/PreHeading.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './PreHeading.css';
+export interface PreHeadingProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const PreHeading: React.ForwardRefExoticComponent<PreHeadingProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=PreHeading.d.ts.map

package/dist/PreHeading/PreHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreHeading.d.ts","sourceRoot":"","sources":["../../src/PreHeading/PreHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,yFAYtB,CAAC"}

package/dist/PreHeading/PreHeading.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { classNames } from '@dsn-starter-kit/core';
+import './PreHeading.css';
+export const PreHeading = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (_jsx("span", { ref: ref, className: classNames('dsn-pre-heading', className), ...props, children: children }));
+});
+PreHeading.displayName = 'PreHeading';
+//# sourceMappingURL=PreHeading.js.map

package/dist/PreHeading/PreHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreHeading.js","sourceRoot":"","sources":["../../src/PreHeading/PreHeading.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,kBAAkB,CAAC;AAO1B,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAC/C,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/PreHeading/index.d.ts

@@ -0,0 +1,3 @@
+export { PreHeading } from './PreHeading';
+export type { PreHeadingProps } from './PreHeading';
+//# sourceMappingURL=index.d.ts.map

package/dist/PreHeading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PreHeading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/PreHeading/index.js

@@ -0,0 +1,2 @@
+export { PreHeading } from './PreHeading';
+//# sourceMappingURL=index.js.map

package/dist/PreHeading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/PreHeading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/ProgressBar/ProgressBar.css

@@ -82,6 +82,20 @@
   margin-block-start: var(--dsn-progress-bar-gap-footer);
 }
 
+/* Forced colors (High Contrast mode)
+   appearance: none schakelt alle browser-styling uit waardoor track en fill
+   onzichtbaar worden. appearance: auto herstelt de native progress-stijl
+   zodat de browser zijn eigen system colors toepast. */
+@media (forced-colors: active) {
+  .dsn-progress-bar__bar {
+    appearance: auto;
+    block-size: revert;
+    border: revert;
+    border-radius: revert;
+    background-color: revert;
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
   .dsn-progress-bar__bar::-webkit-progress-value,
   .dsn-progress-bar__bar::-moz-progress-bar {

package/dist/ProgressBar/ProgressBar.d.ts

@@ -3,7 +3,7 @@ import './ProgressBar.css';
 export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Visueel verborgen label dat de voortgangsbalk beschrijft voor screenreaders.
-     * Altijd vereist — gekoppeld via <label for> aan het <progress>-element.
+     * Altijd vereist — gekoppeld via `<label for>` aan het `<progress>`-element.
      */
     label: string;
     /**
@@ -20,10 +20,15 @@ export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     description?: React.ReactNode;
     /**
-     * ID voor het <progress>-element en de bijbehorende <label>.
+     * ID voor het `<progress>`-element en de bijbehorende `<label>`.
      * Automatisch gegenereerd via useId() indien weggelaten.
      */
     id?: string;
+    /**
+     * Verbergt het zichtbare percentage-getal. Gebruik dit voor decoratief gebruik
+     * in combinatie met aria-hidden="true" op de component.
+     */
+    hideValue?: boolean;
 }
 /**
  * ProgressBar component

package/dist/ProgressBar/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,WAAW,yFAuCvB,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,WAAW,yFAqDvB,CAAC"}

package/dist/ProgressBar/ProgressBar.js

@@ -26,11 +26,11 @@ import './ProgressBar.css';
  * <ProgressBar label="Stap voortgang" value={3} max={7} />
  * ```
  */
-export const ProgressBar = React.forwardRef(({ className, label, value, max = 100, description, id, ...props }, ref) => {
+export const ProgressBar = React.forwardRef(({ className, label, value, max = 100, description, hideValue, id, ...props }, ref) => {
     const generatedId = useId();
     const progressId = id ?? generatedId;
     const percentage = Math.round((value / max) * 100);
-    return (_jsxs("div", { ref: ref, className: classNames('dsn-progress-bar', className), ...props, children: [_jsx("label", { className: "dsn-visually-hidden", htmlFor: progressId, children: label }), _jsx("div", { className: "dsn-progress-bar__header", children: _jsxs("p", { className: "dsn-paragraph dsn-progress-bar__percentage", "aria-hidden": "true", children: [percentage, "%"] }) }), _jsxs("progress", { id: progressId, className: "dsn-progress-bar__bar", value: value, max: max, children: [percentage, "%"] }), description && (_jsx("p", { className: "dsn-paragraph dsn-progress-bar__description", children: description }))] }));
+    return (_jsxs("div", { ref: ref, className: classNames('dsn-progress-bar', className), ...props, children: [_jsx("label", { className: "dsn-visually-hidden", htmlFor: progressId, children: label }), !hideValue && (_jsx("div", { className: "dsn-progress-bar__header", children: _jsxs("p", { className: "dsn-paragraph dsn-progress-bar__percentage", "aria-hidden": "true", children: [percentage, "%"] }) })), _jsxs("progress", { id: progressId, className: "dsn-progress-bar__bar", value: value, max: max, children: [percentage, "%"] }), description && (_jsx("p", { className: "dsn-paragraph dsn-progress-bar__description", children: description }))] }));
 });
 ProgressBar.displayName = 'ProgressBar';
 //# sourceMappingURL=ProgressBar.js.map

package/dist/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,mBAAmB,CAAC;AAgC3B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,EAAE,IAAI,WAAW,CAAC;IACrC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;IAEnD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,gBAAO,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,UAAU,YACvD,KAAK,GACA,EACR,cAAK,SAAS,EAAC,0BAA0B,YACvC,aACE,SAAS,EAAC,4CAA4C,iBAC1C,MAAM,aAEjB,UAAU,SACT,GACA,EACN,oBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,aAEP,UAAU,SACF,EACV,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,6CAA6C,YACvD,WAAW,GACV,CACL,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,mBAAmB,CAAC;AAsC3B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EACE,SAAS,EACT,KAAK,EACL,KAAK,EACL,GAAG,GAAG,GAAG,EACT,WAAW,EACX,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,EAAE,IAAI,WAAW,CAAC;IACrC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;IAEnD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,gBAAO,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,UAAU,YACvD,KAAK,GACA,EACP,CAAC,SAAS,IAAI,CACb,cAAK,SAAS,EAAC,0BAA0B,YACvC,aACE,SAAS,EAAC,4CAA4C,iBAC1C,MAAM,aAEjB,UAAU,SACT,GACA,CACP,EACD,oBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,aAEP,UAAU,SACF,EACV,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,6CAA6C,YACvD,WAAW,GACV,CACL,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/Radio/Radio.css

@@ -157,6 +157,42 @@
   transform: scale(1);
 }
 
+/* Forced colors (High Contrast mode)
+   background-color wordt genegeerd — inner circle verdwijnt tegen de control achtergrond.
+   Highlight/HighlightText zijn de system colors voor geselecteerde form controls. */
+@media (forced-colors: active) {
+  .dsn-radio__control {
+    forced-color-adjust: none;
+    border-color: ButtonText;
+    background-color: Field;
+  }
+
+  .dsn-radio__input:checked + .dsn-radio__control {
+    border-color: Highlight;
+    background-color: Highlight;
+  }
+
+  .dsn-radio__input:checked + .dsn-radio__control .dsn-radio__inner-circle {
+    background-color: HighlightText;
+  }
+
+  .dsn-radio__input:checked:disabled + .dsn-radio__control {
+    border-color: GrayText;
+    background-color: GrayText;
+  }
+
+  .dsn-radio__input:checked:disabled
+    + .dsn-radio__control
+    .dsn-radio__inner-circle {
+    background-color: Field;
+  }
+
+  .dsn-radio__input:disabled + .dsn-radio__control {
+    border-color: GrayText;
+    background-color: Field;
+  }
+}
+
 /* Invalid state */
 .dsn-radio__input--invalid + .dsn-radio__control {
   border-width: var(--dsn-radio-invalid-border-width);

package/dist/SearchInput/SearchInput.css

@@ -30,6 +30,14 @@
   padding-inline-start: var(--dsn-search-input-padding-inline-start-with-icon);
 }
 
+/* Forced colors (High Contrast mode) */
+@media (forced-colors: active) {
+  .dsn-search-input__icon {
+    forced-color-adjust: auto;
+    color: ButtonText;
+  }
+}
+
 /* Hide browser-native clear button — will be implemented as a separate pattern */
 .dsn-search-input::-webkit-search-cancel-button {
   display: none;

package/dist/Select/Select.css

@@ -60,6 +60,14 @@
   border-color: var(--dsn-text-input-invalid-border-color);
 }
 
+/* Forced colors (High Contrast mode) */
+@media (forced-colors: active) {
+  .dsn-select__icon {
+    forced-color-adjust: auto;
+    color: ButtonText;
+  }
+}
+
 /* Remove native arrow in IE/Edge */
 .dsn-select::-ms-expand {
   display: none;

package/dist/Spinner/Spinner.css

@@ -82,6 +82,23 @@
   }
 }
 
+/* Forced colors (High Contrast mode)
+   SVG stroke wordt genegeerd — forced-color-adjust: auto laat de browser
+   de kleuren overnemen. Track verbergen: enkel de arc is informatief. */
+@media (forced-colors: active) {
+  .dsn-spinner__circle {
+    forced-color-adjust: none;
+  }
+
+  .dsn-spinner__track {
+    stroke: transparent;
+  }
+
+  .dsn-spinner__arc {
+    stroke: CanvasText;
+  }
+}
+
 /* prefers-reduced-motion: subtiel pulseren i.p.v. roteren */
 @media (prefers-reduced-motion: reduce) {
   .dsn-spinner__circle {

package/dist/index.css

@@ -44,6 +44,14 @@
   row-gap: var(--dsn-action-group-row-gap);
 }
 
+/* Link en LinkButton hebben align-self: flex-start om uitrekken te voorkomen
+   in verticale contexten — in een horizontale ActionGroup resetten we dit
+   zodat ze verticaal centreren met de Buttons naast hen. */
+.dsn-action-group:not(.dsn-action-group--vertical) > .dsn-link,
+.dsn-action-group:not(.dsn-action-group--vertical) > .dsn-link-button {
+  align-self: center;
+}
+
 /* ===========================
    Vertical modifier
    =========================== */
@@ -480,6 +488,10 @@
 .dsn-breakout-section {
   margin-block: var(--dsn-space-block-4xl);
   margin-inline: calc(50% - 50vw);
+  border-block-start: var(--dsn-breakout-section-border-block-width) solid
+    var(--dsn-color-transparent);
+  border-block-end: var(--dsn-breakout-section-border-block-width) solid
+    var(--dsn-color-transparent);
 }
 
 
@@ -1526,6 +1538,20 @@
   transform: rotate(180deg);
 }
 
+/* ===========================
+   Forced colors (High Contrast mode)
+   =========================== */
+@media (forced-colors: active) {
+  .dsn-details__icon {
+    forced-color-adjust: auto;
+    color: LinkText;
+  }
+
+  .dsn-details__summary:hover .dsn-details__icon {
+    color: LinkText;
+  }
+}
+
 /* ===========================
    Content area
    =========================== */
@@ -1641,6 +1667,19 @@
   }
 }
 
+/* Forced colors (High Contrast mode)
+   background-color wordt vervangen door Canvas — dot is onzichtbaar zonder border.
+   Pulse-animatie uitschakelen: opacity-animatie op systeemkleuren is onbetrouwbaar. */
+@media (forced-colors: active) {
+  .dsn-dot-badge {
+    border: 1px solid transparent;
+  }
+
+  .dsn-dot-badge--pulse::before {
+    animation: none;
+  }
+}
+
 
 /* ===== Drawer ===== */
 
@@ -2084,6 +2123,22 @@ span.dsn-file__name {
   }
 }
 
+/* =============================================================================
+   Forced colors (High Contrast mode)
+   ============================================================================= */
+
+@media (forced-colors: active) {
+  .dsn-file__media > .dsn-icon {
+    forced-color-adjust: auto;
+    color: CanvasText;
+  }
+
+  .dsn-file__status-icon {
+    forced-color-adjust: auto;
+    color: CanvasText;
+  }
+}
+
 /* =============================================================================
    FileList — ul wrapper voor meerdere File items
    ============================================================================= */
@@ -3113,6 +3168,12 @@ fieldset.dsn-form-field--invalid {
 }
 
 
+.dsn-heading-group {
+  display: flex;
+  flex-direction: column;
+}
+
+
 /**
  * Hero Component
  * Prominente introductiesectie direct onder de PageHeader. Beslaat de volledige
@@ -3141,6 +3202,10 @@ fieldset.dsn-form-field--invalid {
 
 .dsn-hero {
   margin-inline: calc(50% - 50vw);
+  border-block-start: var(--dsn-hero-border-block-width) solid
+    var(--dsn-color-transparent);
+  border-block-end: var(--dsn-hero-border-block-width) solid
+    var(--dsn-color-transparent);
   min-block-size: max(
     var(--dsn-hero-min-block-size),
     var(--dsn-hero-block-size)
@@ -4837,6 +4902,19 @@ fieldset.dsn-form-field--invalid {
   }
 }
 
+/* =============================================================================
+   Forced colors (High Contrast mode)
+   Default variant mist op large viewport een border-block-end (navbar neemt de
+   visuele scheiding over). In forced-colors mode is die achtergrondkleur niet
+   zichtbaar, dus de border herstellen voor sectieafbakening.
+   ============================================================================= */
+
+@media (forced-colors: active) and (min-width: 64em) {
+  .dsn-page-header:not(.dsn-page-header--compact) {
+    border-block-end: var(--dsn-border-width-thick) solid transparent;
+  }
+}
+
 /* =============================================================================
    Masthead (large viewport) — neutrale achtergrond, logo + servicemenu + zoek
    ============================================================================= */
@@ -5560,6 +5638,17 @@ fieldset.dsn-form-field--invalid {
 }
 
 
+.dsn-pre-heading {
+  display: block;
+  color: var(--dsn-pre-heading-color);
+  font-family: var(--dsn-pre-heading-font-family);
+  font-size: var(--dsn-pre-heading-font-size);
+  font-weight: var(--dsn-pre-heading-font-weight);
+  line-height: var(--dsn-pre-heading-line-height);
+  margin-block-end: var(--dsn-pre-heading-margin-block-end);
+}
+
+
 /**
  * ProgressBar Component
  * Horizontale voortgangsbalk voor bepaalde wachttijden.
@@ -5644,6 +5733,20 @@ fieldset.dsn-form-field--invalid {
   margin-block-start: var(--dsn-progress-bar-gap-footer);
 }
 
+/* Forced colors (High Contrast mode)
+   appearance: none schakelt alle browser-styling uit waardoor track en fill
+   onzichtbaar worden. appearance: auto herstelt de native progress-stijl
+   zodat de browser zijn eigen system colors toepast. */
+@media (forced-colors: active) {
+  .dsn-progress-bar__bar {
+    appearance: auto;
+    block-size: revert;
+    border: revert;
+    border-radius: revert;
+    background-color: revert;
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
   .dsn-progress-bar__bar::-webkit-progress-value,
   .dsn-progress-bar__bar::-moz-progress-bar {
@@ -5811,6 +5914,42 @@ fieldset.dsn-form-field--invalid {
   transform: scale(1);
 }
 
+/* Forced colors (High Contrast mode)
+   background-color wordt genegeerd — inner circle verdwijnt tegen de control achtergrond.
+   Highlight/HighlightText zijn de system colors voor geselecteerde form controls. */
+@media (forced-colors: active) {
+  .dsn-radio__control {
+    forced-color-adjust: none;
+    border-color: ButtonText;
+    background-color: Field;
+  }
+
+  .dsn-radio__input:checked + .dsn-radio__control {
+    border-color: Highlight;
+    background-color: Highlight;
+  }
+
+  .dsn-radio__input:checked + .dsn-radio__control .dsn-radio__inner-circle {
+    background-color: HighlightText;
+  }
+
+  .dsn-radio__input:checked:disabled + .dsn-radio__control {
+    border-color: GrayText;
+    background-color: GrayText;
+  }
+
+  .dsn-radio__input:checked:disabled
+    + .dsn-radio__control
+    .dsn-radio__inner-circle {
+    background-color: Field;
+  }
+
+  .dsn-radio__input:disabled + .dsn-radio__control {
+    border-color: GrayText;
+    background-color: Field;
+  }
+}
+
 /* Invalid state */
 .dsn-radio__input--invalid + .dsn-radio__control {
   border-width: var(--dsn-radio-invalid-border-width);
@@ -5883,6 +6022,14 @@ fieldset.dsn-form-field--invalid {
   padding-inline-start: var(--dsn-search-input-padding-inline-start-with-icon);
 }
 
+/* Forced colors (High Contrast mode) */
+@media (forced-colors: active) {
+  .dsn-search-input__icon {
+    forced-color-adjust: auto;
+    color: ButtonText;
+  }
+}
+
 /* Hide browser-native clear button — will be implemented as a separate pattern */
 .dsn-search-input::-webkit-search-cancel-button {
   display: none;
@@ -5973,6 +6120,14 @@ fieldset.dsn-form-field--invalid {
   border-color: var(--dsn-text-input-invalid-border-color);
 }
 
+/* Forced colors (High Contrast mode) */
+@media (forced-colors: active) {
+  .dsn-select__icon {
+    forced-color-adjust: auto;
+    color: ButtonText;
+  }
+}
+
 /* Remove native arrow in IE/Edge */
 .dsn-select::-ms-expand {
   display: none;
@@ -6141,6 +6296,23 @@ fieldset.dsn-form-field--invalid {
   }
 }
 
+/* Forced colors (High Contrast mode)
+   SVG stroke wordt genegeerd — forced-color-adjust: auto laat de browser
+   de kleuren overnemen. Track verbergen: enkel de arc is informatief. */
+@media (forced-colors: active) {
+  .dsn-spinner__circle {
+    forced-color-adjust: none;
+  }
+
+  .dsn-spinner__track {
+    stroke: transparent;
+  }
+
+  .dsn-spinner__arc {
+    stroke: CanvasText;
+  }
+}
+
 /* prefers-reduced-motion: subtiel pulseren i.p.v. roteren */
 @media (prefers-reduced-motion: reduce) {
   .dsn-spinner__circle {

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export * from './Hero';
 export * from './Grid';
 export * from './Stack';
 export * from './Heading';
+export * from './HeadingGroup';
+export * from './PreHeading';
 export * from './Paragraph';
 export * from './Link';
 export * from './UnorderedList';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAG9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAG9B,cAAc,QAAQ,CAAC;AAGvB,cAAc,YAAY,CAAC;AAG3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAG7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAG9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAG9B,cAAc,QAAQ,CAAC;AAGvB,cAAc,YAAY,CAAC;AAG3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAG7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/index.js

@@ -14,6 +14,8 @@ export * from './Grid';
 export * from './Stack';
 // Layout & Typography
 export * from './Heading';
+export * from './HeadingGroup';
+export * from './PreHeading';
 export * from './Paragraph';
 export * from './Link';
 export * from './UnorderedList';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,oBAAoB;AACpB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,sBAAsB;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAE9B,kBAAkB;AAClB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAEvB,cAAc;AACd,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,eAAe;AACf,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAE9B,gCAAgC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAE9B,sBAAsB;AACtB,cAAc,QAAQ,CAAC;AAEvB,2BAA2B;AAC3B,cAAc,YAAY,CAAC;AAE3B,wBAAwB;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAE7B,wBAAwB;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,oBAAoB;AACpB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,sBAAsB;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAE9B,kBAAkB;AAClB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAEvB,cAAc;AACd,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,eAAe;AACf,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAE9B,gCAAgC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAE9B,sBAAsB;AACtB,cAAc,QAAQ,CAAC;AAEvB,2BAA2B;AAC3B,cAAc,YAAY,CAAC;AAE3B,wBAAwB;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAE7B,wBAAwB;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAElC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsn-starter-kit/components-react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "React components for the design system",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -32,8 +32,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@dsn-starter-kit/core": "1.0.0",
-    "@dsn-starter-kit/design-tokens": "1.0.0"
+    "@dsn-starter-kit/core": "1.0.2",
+    "@dsn-starter-kit/design-tokens": "1.0.2"
   },
   "peerDependencies": {
     "react": ">=18.0.0",