@utrecht/component-library-react 1.0.0-alpha.393 → 1.0.0-alpha.395

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/.jest-test-results.json +1 -1
  2. package/dist/BreadcrumbNav.d.ts +5 -5
  3. package/dist/{NumberValue.d.ts → NumberData.d.ts} +2 -2
  4. package/dist/css-module/BreadcrumbNav.d.ts +5 -5
  5. package/dist/css-module/{NumberValue.d.ts → NumberData.d.ts} +2 -2
  6. package/dist/css-module/css-module/BreadcrumbNav.d.ts +1 -1
  7. package/dist/css-module/css-module/NumberData.d.ts +6 -0
  8. package/dist/css-module/css-module/index.d.ts +4 -4
  9. package/dist/css-module/index.d.ts +4 -4
  10. package/dist/css-module/index.js +26 -26
  11. package/dist/css-module/index.mjs +24 -24
  12. package/dist/index.cjs.js +24 -24
  13. package/dist/index.d.ts +4 -4
  14. package/dist/index.esm.js +22 -22
  15. package/package.json +2 -2
  16. package/dist/css-module/css-module/NumberValue.d.ts +0 -6
package/dist/BreadcrumbNav.d.ts CHANGED
@@ -11,14 +11,14 @@ export interface BreadcrumbNavProps extends HTMLAttributes<HTMLElement> {
11
11
  export declare const BreadcrumbNav: import("react").ForwardRefExoticComponent<BreadcrumbNavProps & {
12
12
  children?: ReactNode;
13
13
  } & import("react").RefAttributes<HTMLOListElement>>;
14
- export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
14
+ export declare const BreadcrumbNavItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
15
15
  children?: ReactNode;
16
16
  } & import("react").RefAttributes<HTMLLIElement>>;
17
- export type BreadcrumbSeparatorProps = HTMLAttributes<HTMLLIElement>;
18
- export declare const BreadcrumbSeparator: import("react").ForwardRefExoticComponent<BreadcrumbSeparatorProps & {
17
+ export type BreadcrumbNavSeparatorProps = HTMLAttributes<HTMLLIElement>;
18
+ export declare const BreadcrumbNavSeparator: import("react").ForwardRefExoticComponent<BreadcrumbNavSeparatorProps & {
19
19
  children?: ReactNode;
20
20
  } & import("react").RefAttributes<HTMLLIElement>>;
21
- export interface BreadcrumbLinkProps extends HTMLAttributes<HTMLElement> {
21
+ export interface BreadcrumbNavLinkProps extends HTMLAttributes<HTMLElement> {
22
22
  current?: boolean;
23
23
  disabled?: boolean;
24
24
  href: string;
@@ -26,6 +26,6 @@ export interface BreadcrumbLinkProps extends HTMLAttributes<HTMLElement> {
26
26
  index?: number;
27
27
  Link?: ComponentType<any>;
28
28
  }
29
- export declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & {
29
+ export declare const BreadcrumbNavLink: import("react").ForwardRefExoticComponent<BreadcrumbNavLinkProps & {
30
30
  children?: ReactNode;
31
31
  } & import("react").RefAttributes<HTMLAnchorElement>>;
package/dist/{NumberValue.d.ts → NumberData.d.ts} RENAMED
@@ -3,9 +3,9 @@
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
5
  import { DataHTMLAttributes } from 'react';
6
- export interface NumberValueProps extends DataHTMLAttributes<HTMLDataElement> {
6
+ export interface NumberDataProps extends DataHTMLAttributes<HTMLDataElement> {
7
7
  value?: number | string;
8
8
  }
9
- export declare const NumberValue: import("react").ForwardRefExoticComponent<NumberValueProps & {
9
+ export declare const NumberData: import("react").ForwardRefExoticComponent<NumberDataProps & {
10
10
  children?: import("react").ReactNode;
11
11
  } & import("react").RefAttributes<HTMLDataElement>>;
package/dist/css-module/BreadcrumbNav.d.ts CHANGED
@@ -11,14 +11,14 @@ export interface BreadcrumbNavProps extends HTMLAttributes<HTMLElement> {
11
11
  export declare const BreadcrumbNav: import("react").ForwardRefExoticComponent<BreadcrumbNavProps & {
12
12
  children?: ReactNode;
13
13
  } & import("react").RefAttributes<HTMLOListElement>>;
14
- export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
14
+ export declare const BreadcrumbNavItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & {
15
15
  children?: ReactNode;
16
16
  } & import("react").RefAttributes<HTMLLIElement>>;
17
- export type BreadcrumbSeparatorProps = HTMLAttributes<HTMLLIElement>;
18
- export declare const BreadcrumbSeparator: import("react").ForwardRefExoticComponent<BreadcrumbSeparatorProps & {
17
+ export type BreadcrumbNavSeparatorProps = HTMLAttributes<HTMLLIElement>;
18
+ export declare const BreadcrumbNavSeparator: import("react").ForwardRefExoticComponent<BreadcrumbNavSeparatorProps & {
19
19
  children?: ReactNode;
20
20
  } & import("react").RefAttributes<HTMLLIElement>>;
21
- export interface BreadcrumbLinkProps extends HTMLAttributes<HTMLElement> {
21
+ export interface BreadcrumbNavLinkProps extends HTMLAttributes<HTMLElement> {
22
22
  current?: boolean;
23
23
  disabled?: boolean;
24
24
  href: string;
@@ -26,6 +26,6 @@ export interface BreadcrumbLinkProps extends HTMLAttributes<HTMLElement> {
26
26
  index?: number;
27
27
  Link?: ComponentType<any>;
28
28
  }
29
- export declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & {
29
+ export declare const BreadcrumbNavLink: import("react").ForwardRefExoticComponent<BreadcrumbNavLinkProps & {
30
30
  children?: ReactNode;
31
31
  } & import("react").RefAttributes<HTMLAnchorElement>>;
package/dist/css-module/{NumberValue.d.ts → NumberData.d.ts} RENAMED
@@ -3,9 +3,9 @@
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
5
  import { DataHTMLAttributes } from 'react';
6
- export interface NumberValueProps extends DataHTMLAttributes<HTMLDataElement> {
6
+ export interface NumberDataProps extends DataHTMLAttributes<HTMLDataElement> {
7
7
  value?: number | string;
8
8
  }
9
- export declare const NumberValue: import("react").ForwardRefExoticComponent<NumberValueProps & {
9
+ export declare const NumberData: import("react").ForwardRefExoticComponent<NumberDataProps & {
10
10
  children?: import("react").ReactNode;
11
11
  } & import("react").RefAttributes<HTMLDataElement>>;
package/dist/css-module/css-module/BreadcrumbNav.d.ts CHANGED
@@ -2,5 +2,5 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2021 Robbert Broersma
4
4
  */
5
- import '../../../../components/breadcrumb/css/index.scss';
5
+ import '../../../../components/breadcrumb-nav/css/index.scss';
6
6
  export * from '../BreadcrumbNav';
package/dist/css-module/css-module/NumberData.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+ import '../../../../components/number-data/css/index.scss';
6
+ export * from '../NumberData';
package/dist/css-module/css-module/index.d.ts CHANGED
@@ -15,8 +15,8 @@ export type { BadgeCounterProps } from '../BadgeCounter';
15
15
  export { BadgeCounter } from './BadgeCounter';
16
16
  export type { BadgeListProps } from '../BadgeList';
17
17
  export { BadgeList } from './BadgeList';
18
- export type { BreadcrumbNavProps, BreadcrumbLinkProps, BreadcrumbSeparatorProps } from '../BreadcrumbNav';
19
- export { BreadcrumbNav, BreadcrumbLink, BreadcrumbSeparator } from './BreadcrumbNav';
18
+ export type { BreadcrumbNavProps, BreadcrumbNavLinkProps, BreadcrumbNavSeparatorProps } from '../BreadcrumbNav';
19
+ export { BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator } from './BreadcrumbNav';
20
20
  export type { ButtonProps } from '../Button';
21
21
  export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
22
22
  export type { ButtonGroupProps } from '../ButtonGroup';
@@ -101,8 +101,8 @@ export type { MarkProps } from '../Mark';
101
101
  export { Mark } from './Mark';
102
102
  export type { MultilineDataProps } from '../MultilineData';
103
103
  export { MultilineData } from './MultilineData';
104
- export type { NumberValueProps } from '../NumberValue';
105
- export { NumberValue } from './NumberValue';
104
+ export type { NumberDataProps } from '../NumberData';
105
+ export { NumberData } from './NumberData';
106
106
  export type { OrderedListProps } from '../OrderedList';
107
107
  export { OrderedList } from './OrderedList';
108
108
  export type { OrderedListItemProps } from '../OrderedListItem';
package/dist/css-module/index.d.ts CHANGED
@@ -16,8 +16,8 @@ export type { BadgeCounterProps } from './BadgeCounter';
16
16
  export { BadgeCounter } from './BadgeCounter';
17
17
  export type { BadgeListProps } from './BadgeList';
18
18
  export { BadgeList } from './BadgeList';
19
- export type { BreadcrumbNavProps, BreadcrumbLinkProps, BreadcrumbSeparatorProps } from './BreadcrumbNav';
20
- export { BreadcrumbNav, BreadcrumbLink, BreadcrumbSeparator } from './BreadcrumbNav';
19
+ export type { BreadcrumbNavProps, BreadcrumbNavLinkProps, BreadcrumbNavSeparatorProps } from './BreadcrumbNav';
20
+ export { BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator } from './BreadcrumbNav';
21
21
  export type { ButtonProps } from './Button';
22
22
  export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
23
23
  export type { ButtonGroupProps } from './ButtonGroup';
@@ -102,8 +102,8 @@ export type { MarkProps } from './Mark';
102
102
  export { Mark } from './Mark';
103
103
  export type { MultilineDataProps } from './MultilineData';
104
104
  export { MultilineData } from './MultilineData';
105
- export type { NumberValueProps } from './NumberValue';
106
- export { NumberValue } from './NumberValue';
105
+ export type { NumberDataProps } from './NumberData';
106
+ export { NumberData } from './NumberData';
107
107
  export type { OrderedListProps } from './OrderedList';
108
108
  export { OrderedList } from './OrderedList';
109
109
  export type { OrderedListItemProps } from './OrderedListItem';
package/dist/css-module/index.js CHANGED
@@ -484,7 +484,7 @@ var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
484
484
  });
485
485
  BadgeList.displayName = 'BadgeList';
486
486
 
487
- var css_248z$Y = ".utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color,var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-placeholder-color:var(--utrecht-link-breadcrumb-link-disabled-color);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform,inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{display:flex;flex-wrap:wrap;min-block-size:var(--utrecht-breadcrumb-min-block-size)}.utrecht-breadcrumb__list--html-ol{list-style:none;padding-inline-start:0}.utrecht-breadcrumb__list--html-ol,.utrecht-breadcrumb__list--html-p{margin-block-end:0;margin-block-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{--utrecht-icon-size:var(--utrecht-breadcrumb-link-icon-size);--utrecht-link-icon-size:var(--utrecht-breadcrumb-link-icon-size);background-color:var(--utrecht-breadcrumb-link-background-color);display:inline-block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end,8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start,8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end,8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start,8px)}.utrecht-breadcrumb__link--disabled{--utrecht-link-placeholder-color:var(--utrecht-breadcrumb-link-disabled-color,var(--utrecht-breadcrumb-link-color));background-color:var(--utrecht-breadcrumb-link-disabled-background-color,var(--utrecht-breadcrumb-link-background-color));color:var(--utrecht-link-placeholder-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-breadcrumb__link--current{--utrecht-link-current-font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight,inherit);cursor:var(--utrecht-action-inert-cursor,default);font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight,inherit)}.utrecht-breadcrumb__separator,.utrecht-breadcrumb__separator--html-li{--_utrecht-breadcrumb-separator-display:inline-flex;--utrecht-icon-size:var(--utrecht-breadcrumb-separator-icon-size);align-items:center;color:var(--utrecht-breadcrumb-separator-color);cursor:var(--utrecht-action-inert-cursor,default);display:var(--_utrecht-breadcrumb-separator-display);inline-size:fit-content;-webkit-user-select:none;user-select:none}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;min-block-size:var(--utrecht-breadcrumb-min-block-size);overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-arrows-link-background-color);padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-min-block-size);border-block-start-width:var(--utrecht-breadcrumb-min-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(var(--utrecht-breadcrumb-min-block-size)*-1);position:absolute}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after{border-inline-start-color:var(--utrecht-breadcrumb-arrows-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(var(--utrecht-breadcrumb-min-block-size)*-1);margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{--utrecht-link-focus-background-color:var(--utrecht-breadcrumb-arrows-link-focus-background-color);background-color:var(--utrecht-breadcrumb-arrows-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus:after{border-inline-start-color:var(--utrecht-breadcrumb-arrows-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link~.utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}";
487
+ var css_248z$Y = ".utrecht-breadcrumb-nav{--utrecht-focus-background-color:var(--utrecht-breadcrumb-nav-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-nav-link-background-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-nav-link-focus-color,var(--utrecht-breadcrumb-nav-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-nav-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-nav-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-color:var(--utrecht-breadcrumb-nav-link-color);--utrecht-link-placeholder-color:var(--utrecht-link-breadcrumb-link-disabled-color);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-breadcrumb-nav-font-size);text-transform:var(--utrecht-document-text-transform,inherit)}.utrecht-breadcrumb-nav__heading{display:none}.utrecht-breadcrumb-nav__list{display:flex;flex-wrap:wrap;min-block-size:var(--utrecht-breadcrumb-nav-min-block-size)}.utrecht-breadcrumb-nav__list--html-ol{list-style:none;padding-inline-start:0}.utrecht-breadcrumb-nav__list--html-ol,.utrecht-breadcrumb-nav__list--html-p{margin-block-end:0;margin-block-start:0}.utrecht-breadcrumb-nav__item{block-size:100%}.utrecht-breadcrumb-nav__link{--utrecht-icon-size:var(--utrecht-breadcrumb-nav-link-icon-size);--utrecht-link-icon-size:var(--utrecht-breadcrumb-nav-link-icon-size);background-color:var(--utrecht-breadcrumb-nav-link-background-color);display:inline-block;padding-block-end:var(--utrecht-breadcrumb-nav-item-padding-block-end,8px);padding-block-start:var(--utrecht-breadcrumb-nav-item-padding-block-start,8px);padding-inline-end:var(--utrecht-breadcrumb-nav-item-padding-inline-end,8px);padding-inline-start:var(--utrecht-breadcrumb-nav-item-padding-inline-start,8px)}.utrecht-breadcrumb-nav__link--disabled{--utrecht-link-placeholder-color:var(\n --utrecht-breadcrumb-nav-link-disabled-color,var(--utrecht-breadcrumb-nav-link-color)\n );background-color:var(--utrecht-breadcrumb-nav-link-disabled-background-color,var(--utrecht-breadcrumb-nav-link-background-color));color:var(--utrecht-link-placeholder-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-breadcrumb-nav__link--current{--utrecht-link-current-font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight,inherit);cursor:var(--utrecht-action-inert-cursor,default);font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight,inherit)}.utrecht-breadcrumb-nav__separator,.utrecht-breadcrumb-nav__separator--html-li{--_utrecht-breadcrumb-nav-separator-display:inline-flex;--utrecht-icon-size:var(--utrecht-breadcrumb-nav-separator-icon-size);align-items:center;color:var(--utrecht-breadcrumb-nav-separator-color);cursor:var(--utrecht-action-inert-cursor,default);display:var(--_utrecht-breadcrumb-nav-separator-display);inline-size:fit-content;-webkit-user-select:none;user-select:none}.utrecht-breadcrumb-nav--arrows{--utrecht-breadcrumb-nav-arrow-size:24px;min-block-size:var(--utrecht-breadcrumb-nav-min-block-size);overflow:hidden}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link{background-color:var(--utrecht-breadcrumb-nav-arrows-link-background-color);padding-inline-end:0;position:relative}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-nav-min-block-size);border-block-start-width:var(--utrecht-breadcrumb-nav-min-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(var(--utrecht-breadcrumb-nav-min-block-size)*-1);position:absolute}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after{border-inline-start-color:var(--utrecht-breadcrumb-nav-arrows-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-nav-arrow-size);z-index:2}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-nav-arrow-size);margin-block-start:calc(var(--utrecht-breadcrumb-nav-min-block-size)*-1);margin-inline-start:1px;z-index:1}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus{--utrecht-link-focus-background-color:var(--utrecht-breadcrumb-nav-arrows-link-focus-background-color);background-color:var(--utrecht-breadcrumb-nav-arrows-link-focus-background-color)}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after{border-inline-start-color:var(--utrecht-breadcrumb-nav-arrows-link-focus-background-color)}.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__item~.utrecht-breadcrumb-nav__item .utrecht-breadcrumb-nav__link,.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link~.utrecht-breadcrumb-nav__link{padding-inline-start:calc(var(--utrecht-breadcrumb-nav-item-padding-inline-start) + var(--utrecht-breadcrumb-nav-arrow-size))}.utrecht-breadcrumb-nav__item~.utrecht-breadcrumb-nav__item{margin-inline-start:var(--utrecht-breadcrumb-nav-item-divider-inline-size)}";
488
488
  styleInject(css_248z$Y);
489
489
 
490
490
  var _excluded$14 = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
@@ -553,18 +553,18 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
553
553
  var headingId = label ? react.useId() : undefined;
554
554
  return jsxRuntime.jsxs("nav", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
555
555
  ref: ref,
556
- className: clsx('utrecht-breadcrumb', 'utrecht-breadcrumb--html-ol', {
557
- 'utrecht-breadcrumb--arrows': appearance === 'arrows'
556
+ className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
557
+ 'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
558
558
  }, className),
559
559
  "aria-labelledby": headingId,
560
560
  children: [label && jsxRuntime.jsx(Heading, {
561
561
  id: headingId,
562
- className: "utrecht-breadcrumb__heading",
562
+ className: "utrecht-breadcrumb-nav__heading",
563
563
  level: headingLevel,
564
564
  "aria-hidden": "true",
565
565
  children: label
566
566
  }), jsxRuntime.jsx("ol", _objectSpread$14(_objectSpread$14({
567
- className: "utrecht-breadcrumb__list utrecht-breadcrumb__list--html-ol"
567
+ className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
568
568
  }, useMicrodataItem({
569
569
  type: 'https://schema.org/BreadcrumbList'
570
570
  })), {}, {
@@ -573,12 +573,12 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
573
573
  }));
574
574
  });
575
575
  BreadcrumbNav.displayName = 'BreadcrumbNav';
576
- var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
576
+ var BreadcrumbNavItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
577
577
  var className = _ref3.className,
578
578
  children = _ref3.children,
579
579
  restProps = _objectWithoutProperties(_ref3, _excluded2$4);
580
580
  return jsxRuntime.jsx("li", _objectSpread$14(_objectSpread$14(_objectSpread$14({
581
- className: clsx('utrecht-breadcrumb__item', className)
581
+ className: clsx('utrecht-breadcrumb-nav__item', className)
582
582
  }, useMicrodataItem({
583
583
  type: 'https://schema.org/ListItem',
584
584
  prop: 'itemListElement'
@@ -588,8 +588,8 @@ var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
588
588
  children: children
589
589
  }));
590
590
  });
591
- BreadcrumbItem.displayName = 'BreadcrumbItem';
592
- var BreadcrumbSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
591
+ BreadcrumbNavItem.displayName = 'BreadcrumbNavItem';
592
+ var BreadcrumbNavSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
593
593
  var className = _ref4.className,
594
594
  children = _ref4.children,
595
595
  restProps = _objectWithoutProperties(_ref4, _excluded3$1);
@@ -597,16 +597,16 @@ var BreadcrumbSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
597
597
  "aria-hidden": "true",
598
598
  hidden: true,
599
599
  style: {
600
- display: 'var(--_utrecht-breadcrumb-separator-display, block)'
600
+ display: 'var(--_utrecht-breadcrumb-nav-separator-display, block)'
601
601
  },
602
- className: clsx('utrecht-breadcrumb__separator', 'utrecht-breadcrumb__separator--html-li', className),
602
+ className: clsx('utrecht-breadcrumb-nav__separator', 'utrecht-breadcrumb-nav__separator--html-li', className),
603
603
  ref: ref
604
604
  }, restProps), {}, {
605
605
  children: children
606
606
  }));
607
607
  });
608
- BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
609
- var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
608
+ BreadcrumbNavSeparator.displayName = 'BreadcrumbNavSeparator';
609
+ var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
610
610
  var children = _ref5.children,
611
611
  disabled = _ref5.disabled,
612
612
  current = _ref5.current,
@@ -620,11 +620,11 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
620
620
  restProps = _objectWithoutProperties(_ref5, _excluded4$1);
621
621
  var DefaultLinkComponent = Link$1;
622
622
  var LinkComponent = Link$1 || DefaultLinkComponent;
623
- return jsxRuntime.jsx(BreadcrumbItem, {
623
+ return jsxRuntime.jsx(BreadcrumbNavItem, {
624
624
  children: jsxRuntime.jsxs(LinkComponent, _objectSpread$14(_objectSpread$14(_objectSpread$14({
625
- className: clsx('utrecht-breadcrumb__link', className, {
626
- 'utrecht-breadcrumb__link--current': current,
627
- 'utrecht-breadcrumb__link--disabled': disabled
625
+ className: clsx('utrecht-breadcrumb-nav__link', className, {
626
+ 'utrecht-breadcrumb-nav__link--current': current,
627
+ 'utrecht-breadcrumb-nav__link--disabled': disabled
628
628
  }),
629
629
  href: disabled ? undefined : href,
630
630
  rel: rel,
@@ -634,7 +634,7 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
634
634
  }, useMicrodataProp('item')), restProps), {}, {
635
635
  ref: ref,
636
636
  children: [jsxRuntime.jsx("span", _objectSpread$14(_objectSpread$14({
637
- className: "utrecht-breadcrumb__text"
637
+ className: "utrecht-breadcrumb-nav__text"
638
638
  }, useMicrodataProp('name')), {}, {
639
639
  children: children
640
640
  })), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$14(_objectSpread$14({}, useMicrodataProp('position')), {}, {
@@ -643,7 +643,7 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
643
643
  }))
644
644
  });
645
645
  });
646
- BreadcrumbLink.displayName = 'BreadcrumbLink';
646
+ BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
647
647
 
648
648
  var css_248z$X = ".utrecht-button{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-pressed-background-color:var(\n --_utrecht-button-hint-pressed-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-pressed-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-pressed-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-pressed-border-color:var(\n --_utrecht-button-hint-pressed-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-pressed-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-pressed-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-pressed-color:var(\n --_utrecht-button-hint-pressed-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-pressed-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-pressed-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-block-end-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor,revert);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family,inherit));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-button{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText}}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor,revert)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor,wait)}.utrecht-button--pressed{background-color:var(--_utrecht-button-pressed-background-color);border-color:var(--_utrecht-button-pressed-border-color);color:var(--_utrecht-button-pressed-color)}.utrecht-button--disabled,.utrecht-button:disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus,.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button--active,.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-primary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-secondary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-subtle-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-primary-action-danger-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-danger-pressed-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-primary-action-ready-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-ready-pressed-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-primary-action-warning-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-primary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-primary-action-warning-pressed-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-secondary-action-danger-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-danger-pressed-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-secondary-action-ready-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-ready-pressed-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-secondary-action-warning-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-secondary-action-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-secondary-action-warning-pressed-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-subtle-danger-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-danger-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-danger-pressed-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-ready-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-subtle-ready-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-ready-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-ready-pressed-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(\n --utrecht-button-subtle-warning-pressed-background-color\n );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-warning-pressed-color)}";
649
649
  styleInject(css_248z$X);
@@ -1766,13 +1766,13 @@ var MultilineData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1766
1766
  });
1767
1767
  MultilineData.displayName = 'MultilineData';
1768
1768
 
1769
- var css_248z$k = ".utrecht-value-number{font-variant-numeric:lining-nums tabular-nums}.utrecht-value-number--positive{color:var(--utrecht-value-number-positive-color)}.utrecht-value-number--negative{color:var(--utrecht-value-number-negative-color)}";
1769
+ var css_248z$k = ".utrecht-number-data{font-variant-numeric:lining-nums tabular-nums}.utrecht-number-data--positive{color:var(--utrecht-number-data-positive-color)}.utrecht-number-data--negative{color:var(--utrecht-number-data-negative-color)}";
1770
1770
  styleInject(css_248z$k);
1771
1771
 
1772
1772
  var _excluded$u = ["children", "className", "value"];
1773
1773
  function ownKeys$u(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; }
1774
1774
  function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1775
- var NumberValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1775
+ var NumberData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1776
1776
  var children = _ref.children,
1777
1777
  className = _ref.className,
1778
1778
  value = _ref.value,
@@ -1781,11 +1781,11 @@ var NumberValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
1781
1781
  value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
1782
1782
  }, restProps), {}, {
1783
1783
  ref: ref,
1784
- className: clsx('utrecht-value-number', className),
1784
+ className: clsx('utrecht-number-data', className),
1785
1785
  children: children
1786
1786
  }));
1787
1787
  });
1788
- NumberValue.displayName = 'NumberValue';
1788
+ NumberData.displayName = 'NumberData';
1789
1789
 
1790
1790
  var css_248z$j = ".utrecht-ordered-list,.utrecht-ordered-list--html-content ol{box-sizing:border-box;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit)));line-height:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit)));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));padding-inline-start:var(--utrecht-ordered-list-padding-inline-start,var(--utrecht-unordered-list-padding-inline-start,2ch));text-align:start}.utrecht-ordered-list--center{inline-size:max-content;margin-inline-end:auto;margin-inline-start:auto;max-inline-size:100%}.utrecht-ordered-list--distanced{--utrecht-space-around:1}.utrecht-ordered-list--arabic{list-style:arabic-indic}.utrecht-ordered-list--html-content ol>li,.utrecht-ordered-list--html-content>li,.utrecht-ordered-list__item{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end,var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start,var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start,var(--utrecht-unordered-list-item-padding-inline-start,1ch))}";
1791
1791
  styleInject(css_248z$j);
@@ -2433,9 +2433,9 @@ exports.Article = Article;
2433
2433
  exports.Backdrop = Backdrop;
2434
2434
  exports.BadgeCounter = BadgeCounter;
2435
2435
  exports.BadgeList = BadgeList;
2436
- exports.BreadcrumbLink = BreadcrumbLink;
2437
2436
  exports.BreadcrumbNav = BreadcrumbNav;
2438
- exports.BreadcrumbSeparator = BreadcrumbSeparator;
2437
+ exports.BreadcrumbNavLink = BreadcrumbNavLink;
2438
+ exports.BreadcrumbNavSeparator = BreadcrumbNavSeparator;
2439
2439
  exports.Button = Button;
2440
2440
  exports.ButtonGroup = ButtonGroup;
2441
2441
  exports.ButtonLink = ButtonLink;
@@ -2484,7 +2484,7 @@ exports.Logo = Logo;
2484
2484
  exports.LogoImage = LogoImage;
2485
2485
  exports.Mark = Mark;
2486
2486
  exports.MultilineData = MultilineData;
2487
- exports.NumberValue = NumberValue;
2487
+ exports.NumberData = NumberData;
2488
2488
  exports.OrderedList = OrderedList;
2489
2489
  exports.OrderedListItem = OrderedListItem;
2490
2490
  exports.Page = Page;