@utrecht/component-library-react 12.0.0 → 13.0.0

package/dist/Alert.d.ts

@@ -6,10 +6,10 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export declare const ROLES: readonly ["status", "alert"];
 export type AlertRole = (typeof ROLES)[number];
-export declare const isAlertRole: <T>(x: unknown) => x is T;
+export declare const isAlertRole: (x: unknown) => x is "status" | "alert";
 export declare const TYPES: readonly ["error", "warning", "info", "ok"];
 export type AlertType = (typeof TYPES)[number];
-export declare const isAlertType: <T>(x: unknown) => x is T;
+export declare const isAlertType: (x: unknown) => x is "error" | "warning" | "info" | "ok";
 export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
     icon?: ReactNode;
     type?: string | AlertType;

package/dist/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/F,eAAO,MAAM,KAAK,8BAA+B,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,GALrB,CAAC,KAAM,OAAO,KAAG,CAAC,KAKsB,CAAC;AAE5C,eAAO,MAAM,KAAK,6CAA8C,CAAC;AACjE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,GATrB,CAAC,KAAM,OAAO,KAAG,CAAC,KASsB,CAAC;AAS5C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;kDAkBjB,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/F,eAAO,MAAM,KAAK,8BAA+B,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,MALlB,OAAO,KAAG,CAAC,sBAK0B,CAAC;AAE5C,eAAO,MAAM,KAAK,6CAA8C,CAAC;AACjE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,MATlB,OAAO,KAAG,CAAC,uCAS0B,CAAC;AAS5C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;kDAkBjB,CAAC"}

package/dist/ButtonLink.d.ts

@@ -4,12 +4,20 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { AnchorHTMLAttributes } from 'react';
+declare const APPEARANCE: {
+    readonly 'primary-action-button': "utrecht-button-link--primary-action";
+    readonly 'secondary-action-button': "utrecht-button-link--secondary-action";
+    readonly 'subtle-button': "utrecht-button-link--subtle";
+};
+export type ButtonLinkAppearance = keyof typeof APPEARANCE;
+export declare const isButtonLinkAppearance: (x: unknown) => x is "primary-action-button" | "secondary-action-button" | "subtle-button";
 export interface ButtonLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'> {
-    appearance?: string;
+    appearance?: ButtonLinkAppearance;
     external?: boolean;
     placeholder?: boolean;
 }
 export declare const ButtonLink: import("react").ForwardRefExoticComponent<ButtonLinkProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};
 //# sourceMappingURL=ButtonLink.d.ts.map

package/dist/ButtonLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../src/ButtonLink.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,oBAAoB,EAA8D,MAAM,OAAO,CAAC;AAGzG,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,aAAa,CAAC;IACnG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAYD,eAAO,MAAM,UAAU;;qDAoDtB,CAAC"}
+{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../src/ButtonLink.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,oBAAoB,EAA8D,MAAM,OAAO,CAAC;AAOzG,QAAA,MAAM,UAAU;;;;CAIN,CAAC;AAGX,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,UAAU,CAAC;AAE3D,eAAO,MAAM,sBAAsB,MAZ7B,OAAO,KAAG,CAAC,yEAY8C,CAAC;AAEhE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,aAAa,CAAC;IACnG,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAYD,eAAO,MAAM,UAAU;;qDAkDtB,CAAC"}

package/dist/Paragraph.d.ts

@@ -6,7 +6,7 @@
 import { HTMLAttributes } from 'react';
 declare const APPEARANCE_VALUES: readonly ["lead", "small"];
 export type ParagraphAppearance = (typeof APPEARANCE_VALUES)[number];
-export declare const isParagraphAppearance: <T>(x: unknown) => x is T;
+export declare const isParagraphAppearance: (x: unknown) => x is "lead" | "small";
 export interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
     appearance?: ParagraphAppearance;
     /**

package/dist/Paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../src/Paragraph.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,MAAM,OAAO,CAAC;AAOpF,QAAA,MAAM,iBAAiB,4BAA6B,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,eAAO,MAAM,qBAAqB,GAP/B,CAAC,KAAM,OAAO,KAAG,CAAC,KAO4C,CAAC;AAElE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC1E,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,SAAS;;wDAiCrB,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../src/Paragraph.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,MAAM,OAAO,CAAC;AAOpF,QAAA,MAAM,iBAAiB,4BAA6B,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,eAAO,MAAM,qBAAqB,MAP5B,OAAO,KAAG,CAAC,oBAOgD,CAAC;AAElE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC1E,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,SAAS;;wDAiCrB,CAAC"}

package/dist/css-module/Alert.d.ts

@@ -6,10 +6,10 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export declare const ROLES: readonly ["status", "alert"];
 export type AlertRole = (typeof ROLES)[number];
-export declare const isAlertRole: <T>(x: unknown) => x is T;
+export declare const isAlertRole: (x: unknown) => x is "status" | "alert";
 export declare const TYPES: readonly ["error", "warning", "info", "ok"];
 export type AlertType = (typeof TYPES)[number];
-export declare const isAlertType: <T>(x: unknown) => x is T;
+export declare const isAlertType: (x: unknown) => x is "error" | "warning" | "info" | "ok";
 export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
     icon?: ReactNode;
     type?: string | AlertType;

package/dist/css-module/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/F,eAAO,MAAM,KAAK,8BAA+B,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,GALrB,CAAC,KAAM,OAAO,KAAG,CAAC,KAKsB,CAAC;AAE5C,eAAO,MAAM,KAAK,6CAA8C,CAAC;AACjE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,GATrB,CAAC,KAAM,OAAO,KAAG,CAAC,KASsB,CAAC;AAS5C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;kDAkBjB,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/F,eAAO,MAAM,KAAK,8BAA+B,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,MALlB,OAAO,KAAG,CAAC,sBAK0B,CAAC;AAE5C,eAAO,MAAM,KAAK,6CAA8C,CAAC;AACjE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,MATlB,OAAO,KAAG,CAAC,uCAS0B,CAAC;AAS5C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;kDAkBjB,CAAC"}

package/dist/css-module/ButtonLink.d.ts

@@ -4,12 +4,20 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 import { AnchorHTMLAttributes } from 'react';
+declare const APPEARANCE: {
+    readonly 'primary-action-button': "utrecht-button-link--primary-action";
+    readonly 'secondary-action-button': "utrecht-button-link--secondary-action";
+    readonly 'subtle-button': "utrecht-button-link--subtle";
+};
+export type ButtonLinkAppearance = keyof typeof APPEARANCE;
+export declare const isButtonLinkAppearance: (x: unknown) => x is "primary-action-button" | "secondary-action-button" | "subtle-button";
 export interface ButtonLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'> {
-    appearance?: string;
+    appearance?: ButtonLinkAppearance;
     external?: boolean;
     placeholder?: boolean;
 }
 export declare const ButtonLink: import("react").ForwardRefExoticComponent<ButtonLinkProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};
 //# sourceMappingURL=ButtonLink.d.ts.map

package/dist/css-module/ButtonLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../src/ButtonLink.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,oBAAoB,EAA8D,MAAM,OAAO,CAAC;AAGzG,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,aAAa,CAAC;IACnG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAYD,eAAO,MAAM,UAAU;;qDAoDtB,CAAC"}
+{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../src/ButtonLink.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,oBAAoB,EAA8D,MAAM,OAAO,CAAC;AAOzG,QAAA,MAAM,UAAU;;;;CAIN,CAAC;AAGX,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,UAAU,CAAC;AAE3D,eAAO,MAAM,sBAAsB,MAZ7B,OAAO,KAAG,CAAC,yEAY8C,CAAC;AAEhE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,aAAa,CAAC;IACnG,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAYD,eAAO,MAAM,UAAU;;qDAkDtB,CAAC"}

package/dist/css-module/Paragraph.d.ts

@@ -6,7 +6,7 @@
 import { HTMLAttributes } from 'react';
 declare const APPEARANCE_VALUES: readonly ["lead", "small"];
 export type ParagraphAppearance = (typeof APPEARANCE_VALUES)[number];
-export declare const isParagraphAppearance: <T>(x: unknown) => x is T;
+export declare const isParagraphAppearance: (x: unknown) => x is "lead" | "small";
 export interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
     appearance?: ParagraphAppearance;
     /**

package/dist/css-module/Paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../src/Paragraph.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,MAAM,OAAO,CAAC;AAOpF,QAAA,MAAM,iBAAiB,4BAA6B,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,eAAO,MAAM,qBAAqB,GAP/B,CAAC,KAAM,OAAO,KAAG,CAAC,KAO4C,CAAC;AAElE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC1E,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,SAAS;;wDAiCrB,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../src/Paragraph.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,MAAM,OAAO,CAAC;AAOpF,QAAA,MAAM,iBAAiB,4BAA6B,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,eAAO,MAAM,qBAAqB,MAP5B,OAAO,KAAG,CAAC,oBAOgD,CAAC;AAElE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC1E,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,SAAS;;wDAiCrB,CAAC"}

package/dist/css-module/index.mjs

@@ -833,6 +833,11 @@ insertStyle(css$8);
 var _excluded$17 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
 function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var APPEARANCE = {
+  'primary-action-button': 'utrecht-button-link--primary-action',
+  'secondary-action-button': 'utrecht-button-link--secondary-action',
+  'subtle-button': 'utrecht-button-link--subtle'
+};
 var onKeyDown = function onKeyDown(evt) {
   var _evt$target;
   if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
@@ -867,11 +872,8 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     role: role || (placeholder ? 'link' : undefined),
     className: clsx('utrecht-button-link', 'utrecht-button-link--html-a', {
       'utrecht-button-link--external': external,
-      'utrecht-button-link--primary-action': appearance === 'primary-action-button',
-      'utrecht-button-link--secondary-action': appearance === 'secondary-action-button',
-      'utrecht-button-link--subtle': appearance === 'subtle-button',
       'utrecht-button-link--placeholder': placeholder
-    }, className),
+    }, appearance && APPEARANCE[appearance], className),
     rel: external ? 'external noopener noreferrer' : undefined,
     "aria-disabled": placeholder ? 'true' : undefined
   }, props), {}, {

package/dist/css-module/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -684,6 +684,11 @@ BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
 var _excluded$17 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
 function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var APPEARANCE = {
+  'primary-action-button': 'utrecht-button-link--primary-action',
+  'secondary-action-button': 'utrecht-button-link--secondary-action',
+  'subtle-button': 'utrecht-button-link--subtle'
+};
 var onKeyDown = function onKeyDown(evt) {
   var _evt$target;
   if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
@@ -718,11 +723,8 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
     role: role || (placeholder ? 'link' : undefined),
     className: clsx('utrecht-button-link', 'utrecht-button-link--html-a', {
       'utrecht-button-link--external': external,
-      'utrecht-button-link--primary-action': appearance === 'primary-action-button',
-      'utrecht-button-link--secondary-action': appearance === 'secondary-action-button',
-      'utrecht-button-link--subtle': appearance === 'subtle-button',
       'utrecht-button-link--placeholder': placeholder
-    }, className),
+    }, appearance && APPEARANCE[appearance], className),
     rel: external ? 'external noopener noreferrer' : undefined,
     "aria-disabled": placeholder ? 'true' : undefined
   }, props), {}, {

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utrecht/component-library-react",
-  "version": "12.0.0",
+  "version": "13.0.0",
   "private": false,
   "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "keywords": [
@@ -119,20 +119,20 @@
     "@utrecht/alert-css": "3.0.1",
     "@utrecht/alert-dialog-css": "2.0.1",
     "@utrecht/alternate-lang-nav-css": "2.0.1",
+    "@utrecht/article-css": "2.0.1",
     "@utrecht/backdrop-css": "2.0.1",
     "@utrecht/badge-counter-css": "2.0.1",
     "@utrecht/badge-list-css": "3.0.1",
-    "@utrecht/article-css": "2.0.1",
-    "@utrecht/breadcrumb-nav-css": "2.1.0",
     "@utrecht/blockquote-css": "2.0.1",
+    "@utrecht/breadcrumb-nav-css": "2.1.0",
     "@utrecht/button-group-react": "1.1.3",
-    "@utrecht/button-react": "2.0.10",
     "@utrecht/button-link-css": "2.0.1",
-    "@utrecht/calendar-react": "1.0.15",
-    "@utrecht/checkbox-react": "1.0.11",
+    "@utrecht/button-react": "3.0.0",
+    "@utrecht/calendar-react": "1.0.16",
     "@utrecht/card-css": "1.0.1",
-    "@utrecht/code-block-css": "2.0.1",
     "@utrecht/card-react": "0.0.4",
+    "@utrecht/checkbox-react": "1.0.11",
+    "@utrecht/code-block-css": "2.0.1",
     "@utrecht/code-css": "2.0.1",
     "@utrecht/color-sample-css": "2.0.1",
     "@utrecht/column-layout-css": "2.0.1",
@@ -140,60 +140,60 @@
     "@utrecht/currency-data-css": "2.0.1",
     "@utrecht/custom-checkbox-css": "2.0.1",
     "@utrecht/data-badge-css": "2.0.1",
+    "@utrecht/data-badge-react": "1.0.7",
     "@utrecht/data-list-css": "2.0.1",
     "@utrecht/data-placeholder-css": "2.0.1",
     "@utrecht/digid-button-css": "1.4.2",
-    "@utrecht/data-badge-react": "1.0.7",
+    "@utrecht/document-css": "2.0.1",
     "@utrecht/drawer-css": "2.0.1",
     "@utrecht/emphasis-css": "2.0.1",
     "@utrecht/fieldset-react": "1.0.10",
-    "@utrecht/document-css": "2.0.1",
     "@utrecht/figure-css": "2.0.1",
-    "@utrecht/form-field-checkbox-react": "1.1.3",
     "@utrecht/focus-ring-css": "3.0.1",
+    "@utrecht/form-field-checkbox-react": "1.1.3",
     "@utrecht/form-field-description-react": "1.0.10",
     "@utrecht/form-field-error-message-react": "1.0.10",
+    "@utrecht/form-field-react": "1.0.10",
     "@utrecht/form-label-react": "1.0.10",
     "@utrecht/form-toggle-css": "2.0.1",
-    "@utrecht/form-field-react": "1.0.10",
     "@utrecht/heading-1-css": "2.0.1",
     "@utrecht/heading-2-css": "2.0.1",
     "@utrecht/heading-3-css": "2.0.1",
     "@utrecht/heading-4-css": "2.0.1",
     "@utrecht/heading-5-css": "2.0.1",
     "@utrecht/heading-6-css": "2.0.1",
+    "@utrecht/heading-group-css": "2.0.1",
     "@utrecht/html-content-css": "2.0.1",
     "@utrecht/iban-data-css": "2.0.1",
-    "@utrecht/heading-group-css": "2.0.1",
     "@utrecht/icon-css": "3.0.1",
     "@utrecht/img-css": "2.0.1",
     "@utrecht/index-char-nav-css": "2.0.1",
     "@utrecht/link-button-css": "2.0.1",
-    "@utrecht/link-social-css": "2.0.1",
+    "@utrecht/link-list-css": "3.0.1",
     "@utrecht/link-react": "1.0.10",
+    "@utrecht/link-social-css": "2.0.1",
     "@utrecht/list-social-css": "2.0.1",
-    "@utrecht/listbox-react": "1.0.13",
-    "@utrecht/link-list-css": "3.0.1",
+    "@utrecht/listbox-react": "1.0.14",
     "@utrecht/logo-button-css": "1.4.2",
     "@utrecht/logo-css": "2.0.1",
     "@utrecht/logo-image-css": "1.4.2",
     "@utrecht/map-control-button-css": "3.0.1",
     "@utrecht/map-marker-css": "2.0.1",
-    "@utrecht/multiline-data-css": "2.0.1",
     "@utrecht/mark-css": "2.0.1",
+    "@utrecht/multiline-data-css": "2.0.1",
     "@utrecht/nav-bar-css": "2.0.1",
     "@utrecht/nav-list-css": "1.3.2",
     "@utrecht/number-badge-css": "3.0.1",
     "@utrecht/number-data-css": "2.0.1",
-    "@utrecht/open-forms-container-css": "2.0.1",
-    "@utrecht/open-forms-container-react": "1.0.5",
-    "@utrecht/page-content-css": "2.0.1",
+    "@utrecht/open-forms-container-css": "2.0.2",
+    "@utrecht/open-forms-container-react": "1.0.6",
     "@utrecht/ordered-list-css": "3.0.1",
-    "@utrecht/page-header-css": "2.0.1",
+    "@utrecht/page-content-css": "2.0.1",
     "@utrecht/page-css": "2.0.1",
     "@utrecht/page-footer-css": "3.0.1",
-    "@utrecht/paragraph-css": "3.0.1",
+    "@utrecht/page-header-css": "2.0.1",
     "@utrecht/pagination-css": "2.0.3",
+    "@utrecht/paragraph-css": "3.0.1",
     "@utrecht/pre-heading-css": "2.0.1",
     "@utrecht/preserve-data-css": "2.0.1",
     "@utrecht/radio-button-react": "1.0.10",
@@ -205,37 +205,37 @@
     "@utrecht/spotlight-section-css": "2.0.1",
     "@utrecht/status-badge-css": "1.0.0",
     "@utrecht/subscript-css": "2.0.1",
-    "@utrecht/surface-css": "2.0.1",
     "@utrecht/superscript-css": "2.0.1",
+    "@utrecht/surface-css": "2.0.1",
     "@utrecht/table-css": "2.0.1",
     "@utrecht/table-of-contents-css": "1.0.1",
     "@utrecht/textarea-css": "3.0.1",
-    "@utrecht/textbox-react": "1.0.12",
-    "@utrecht/top-task-nav-css": "1.3.2",
+    "@utrecht/textbox-react": "1.0.13",
     "@utrecht/top-task-link-css": "2.0.1",
+    "@utrecht/top-task-nav-css": "1.3.2",
     "@utrecht/unordered-list-css": "2.0.1",
     "@utrecht/url-data-css": "2.0.1",
     "@utrecht/vega-visualization-css": "1.4.2"
   },
   "devDependencies": {
-    "@babel/core": "7.24.7",
+    "@babel/core": "7.24.9",
     "@babel/plugin-transform-runtime": "7.24.7",
-    "@babel/preset-env": "7.24.7",
+    "@babel/preset-env": "7.24.8",
     "@babel/preset-react": "7.24.7",
     "@babel/preset-typescript": "7.24.7",
-    "@babel/runtime": "7.24.7",
+    "@babel/runtime": "7.24.8",
     "@rollup/plugin-babel": "6.0.4",
-    "@rollup/plugin-commonjs": "26.0.1",
+    "@rollup/plugin-commonjs": "26.0.3",
     "@rollup/plugin-json": "6.1.0",
-    "@rollup/plugin-node-resolve": "15.2.3",
-    "@rollup/plugin-typescript": "12.1.0",
+    "@rollup/plugin-node-resolve": "15.2.4",
+    "@rollup/plugin-typescript": "12.1.4",
     "@testing-library/dom": "8.20.1",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "13.4.0",
-    "@testing-library/user-event": "14.5.1",
-    "@types/jest": "29.5.11",
+    "@testing-library/user-event": "14.5.2",
+    "@types/jest": "29.5.14",
     "@types/lodash.chunk": "4.2.9",
-    "@types/react": "18.3.3",
+    "@types/react": "18.3.27",
     "@types/testing-library__jest-dom": "5.14.9",
     "gatsby": "5.12.12",
     "jest": "29.7.0",
@@ -244,19 +244,19 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-vega": "7.6.0",
-    "rimraf": "5.0.7",
+    "rimraf": "5.0.10",
     "rollup": "4.23.0",
     "rollup-plugin-delete": "2.0.0",
     "rollup-plugin-filesize": "10.0.0",
-    "rollup-plugin-node-externals": "7.1.2",
+    "rollup-plugin-node-externals": "7.1.3",
     "rollup-plugin-node-polyfills": "0.2.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.69.5",
+    "sass": "1.69.7",
     "sort-package-json": "2.11.0",
-    "tslib": "2.6.2",
-    "typescript": "5.6.2",
+    "tslib": "2.6.3",
+    "typescript": "5.6.3",
     "vega": "5.26.1",
     "vega-embed": "6.23.0",
     "vega-lite": "5.16.3",