@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.
- package/dist/.jest-test-results.json +1 -1
- package/dist/BreadcrumbNav.d.ts +5 -5
- package/dist/{NumberValue.d.ts → NumberData.d.ts} +2 -2
- package/dist/css-module/BreadcrumbNav.d.ts +5 -5
- package/dist/css-module/{NumberValue.d.ts → NumberData.d.ts} +2 -2
- package/dist/css-module/css-module/BreadcrumbNav.d.ts +1 -1
- package/dist/css-module/css-module/NumberData.d.ts +6 -0
- package/dist/css-module/css-module/index.d.ts +4 -4
- package/dist/css-module/index.d.ts +4 -4
- package/dist/css-module/index.js +26 -26
- package/dist/css-module/index.mjs +24 -24
- package/dist/index.cjs.js +24 -24
- package/dist/index.d.ts +4 -4
- package/dist/index.esm.js +22 -22
- package/package.json +2 -2
- package/dist/css-module/css-module/NumberValue.d.ts +0 -6
|
@@ -482,7 +482,7 @@ var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
482
482
|
});
|
|
483
483
|
BadgeList.displayName = 'BadgeList';
|
|
484
484
|
|
|
485
|
-
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-
|
|
485
|
+
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)}";
|
|
486
486
|
styleInject(css_248z$Y);
|
|
487
487
|
|
|
488
488
|
var _excluded$14 = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
@@ -551,18 +551,18 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
551
551
|
var headingId = label ? useId() : undefined;
|
|
552
552
|
return jsxs("nav", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
|
|
553
553
|
ref: ref,
|
|
554
|
-
className: clsx('utrecht-breadcrumb', 'utrecht-breadcrumb--html-ol', {
|
|
555
|
-
'utrecht-breadcrumb--arrows': appearance === 'arrows'
|
|
554
|
+
className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
|
|
555
|
+
'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
|
|
556
556
|
}, className),
|
|
557
557
|
"aria-labelledby": headingId,
|
|
558
558
|
children: [label && jsx(Heading, {
|
|
559
559
|
id: headingId,
|
|
560
|
-
className: "utrecht-
|
|
560
|
+
className: "utrecht-breadcrumb-nav__heading",
|
|
561
561
|
level: headingLevel,
|
|
562
562
|
"aria-hidden": "true",
|
|
563
563
|
children: label
|
|
564
564
|
}), jsx("ol", _objectSpread$14(_objectSpread$14({
|
|
565
|
-
className: "utrecht-
|
|
565
|
+
className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
|
|
566
566
|
}, useMicrodataItem({
|
|
567
567
|
type: 'https://schema.org/BreadcrumbList'
|
|
568
568
|
})), {}, {
|
|
@@ -571,12 +571,12 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
571
571
|
}));
|
|
572
572
|
});
|
|
573
573
|
BreadcrumbNav.displayName = 'BreadcrumbNav';
|
|
574
|
-
var
|
|
574
|
+
var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
575
575
|
var className = _ref3.className,
|
|
576
576
|
children = _ref3.children,
|
|
577
577
|
restProps = _objectWithoutProperties(_ref3, _excluded2$4);
|
|
578
578
|
return jsx("li", _objectSpread$14(_objectSpread$14(_objectSpread$14({
|
|
579
|
-
className: clsx('utrecht-
|
|
579
|
+
className: clsx('utrecht-breadcrumb-nav__item', className)
|
|
580
580
|
}, useMicrodataItem({
|
|
581
581
|
type: 'https://schema.org/ListItem',
|
|
582
582
|
prop: 'itemListElement'
|
|
@@ -586,8 +586,8 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
586
586
|
children: children
|
|
587
587
|
}));
|
|
588
588
|
});
|
|
589
|
-
|
|
590
|
-
var
|
|
589
|
+
BreadcrumbNavItem.displayName = 'BreadcrumbNavItem';
|
|
590
|
+
var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
591
591
|
var className = _ref4.className,
|
|
592
592
|
children = _ref4.children,
|
|
593
593
|
restProps = _objectWithoutProperties(_ref4, _excluded3$1);
|
|
@@ -595,16 +595,16 @@ var BreadcrumbSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
|
595
595
|
"aria-hidden": "true",
|
|
596
596
|
hidden: true,
|
|
597
597
|
style: {
|
|
598
|
-
display: 'var(--_utrecht-breadcrumb-separator-display, block)'
|
|
598
|
+
display: 'var(--_utrecht-breadcrumb-nav-separator-display, block)'
|
|
599
599
|
},
|
|
600
|
-
className: clsx('utrecht-
|
|
600
|
+
className: clsx('utrecht-breadcrumb-nav__separator', 'utrecht-breadcrumb-nav__separator--html-li', className),
|
|
601
601
|
ref: ref
|
|
602
602
|
}, restProps), {}, {
|
|
603
603
|
children: children
|
|
604
604
|
}));
|
|
605
605
|
});
|
|
606
|
-
|
|
607
|
-
var
|
|
606
|
+
BreadcrumbNavSeparator.displayName = 'BreadcrumbNavSeparator';
|
|
607
|
+
var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
608
608
|
var children = _ref5.children,
|
|
609
609
|
disabled = _ref5.disabled,
|
|
610
610
|
current = _ref5.current,
|
|
@@ -618,11 +618,11 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
618
618
|
restProps = _objectWithoutProperties(_ref5, _excluded4$1);
|
|
619
619
|
var DefaultLinkComponent = Link$1;
|
|
620
620
|
var LinkComponent = Link$1 || DefaultLinkComponent;
|
|
621
|
-
return jsx(
|
|
621
|
+
return jsx(BreadcrumbNavItem, {
|
|
622
622
|
children: jsxs(LinkComponent, _objectSpread$14(_objectSpread$14(_objectSpread$14({
|
|
623
|
-
className: clsx('utrecht-
|
|
624
|
-
'utrecht-
|
|
625
|
-
'utrecht-
|
|
623
|
+
className: clsx('utrecht-breadcrumb-nav__link', className, {
|
|
624
|
+
'utrecht-breadcrumb-nav__link--current': current,
|
|
625
|
+
'utrecht-breadcrumb-nav__link--disabled': disabled
|
|
626
626
|
}),
|
|
627
627
|
href: disabled ? undefined : href,
|
|
628
628
|
rel: rel,
|
|
@@ -632,7 +632,7 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
632
632
|
}, useMicrodataProp('item')), restProps), {}, {
|
|
633
633
|
ref: ref,
|
|
634
634
|
children: [jsx("span", _objectSpread$14(_objectSpread$14({
|
|
635
|
-
className: "utrecht-
|
|
635
|
+
className: "utrecht-breadcrumb-nav__text"
|
|
636
636
|
}, useMicrodataProp('name')), {}, {
|
|
637
637
|
children: children
|
|
638
638
|
})), typeof index === 'number' ? jsx("meta", _objectSpread$14(_objectSpread$14({}, useMicrodataProp('position')), {}, {
|
|
@@ -641,7 +641,7 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
641
641
|
}))
|
|
642
642
|
});
|
|
643
643
|
});
|
|
644
|
-
|
|
644
|
+
BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
|
|
645
645
|
|
|
646
646
|
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)}";
|
|
647
647
|
styleInject(css_248z$X);
|
|
@@ -1764,13 +1764,13 @@ var MultilineData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1764
1764
|
});
|
|
1765
1765
|
MultilineData.displayName = 'MultilineData';
|
|
1766
1766
|
|
|
1767
|
-
var css_248z$k = ".utrecht-
|
|
1767
|
+
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)}";
|
|
1768
1768
|
styleInject(css_248z$k);
|
|
1769
1769
|
|
|
1770
1770
|
var _excluded$u = ["children", "className", "value"];
|
|
1771
1771
|
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; }
|
|
1772
1772
|
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; }
|
|
1773
|
-
var
|
|
1773
|
+
var NumberData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1774
1774
|
var children = _ref.children,
|
|
1775
1775
|
className = _ref.className,
|
|
1776
1776
|
value = _ref.value,
|
|
@@ -1779,11 +1779,11 @@ var NumberValue = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1779
1779
|
value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
|
|
1780
1780
|
}, restProps), {}, {
|
|
1781
1781
|
ref: ref,
|
|
1782
|
-
className: clsx('utrecht-
|
|
1782
|
+
className: clsx('utrecht-number-data', className),
|
|
1783
1783
|
children: children
|
|
1784
1784
|
}));
|
|
1785
1785
|
});
|
|
1786
|
-
|
|
1786
|
+
NumberData.displayName = 'NumberData';
|
|
1787
1787
|
|
|
1788
1788
|
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))}";
|
|
1789
1789
|
styleInject(css_248z$j);
|
|
@@ -2422,5 +2422,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2422
2422
|
});
|
|
2423
2423
|
UnorderedListItem.displayName = 'UnorderedListItem';
|
|
2424
2424
|
|
|
2425
|
-
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList,
|
|
2425
|
+
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Logo, LogoImage, Mark, MultilineData, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
|
|
2426
2426
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.cjs.js
CHANGED
|
@@ -502,18 +502,18 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
502
502
|
var headingId = label ? react.useId() : undefined;
|
|
503
503
|
return jsxRuntime.jsxs("nav", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
|
|
504
504
|
ref: ref,
|
|
505
|
-
className: clsx('utrecht-breadcrumb', 'utrecht-breadcrumb--html-ol', {
|
|
506
|
-
'utrecht-breadcrumb--arrows': appearance === 'arrows'
|
|
505
|
+
className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
|
|
506
|
+
'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
|
|
507
507
|
}, className),
|
|
508
508
|
"aria-labelledby": headingId,
|
|
509
509
|
children: [label && jsxRuntime.jsx(Heading, {
|
|
510
510
|
id: headingId,
|
|
511
|
-
className: "utrecht-
|
|
511
|
+
className: "utrecht-breadcrumb-nav__heading",
|
|
512
512
|
level: headingLevel,
|
|
513
513
|
"aria-hidden": "true",
|
|
514
514
|
children: label
|
|
515
515
|
}), jsxRuntime.jsx("ol", _objectSpread$14(_objectSpread$14({
|
|
516
|
-
className: "utrecht-
|
|
516
|
+
className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
|
|
517
517
|
}, useMicrodataItem({
|
|
518
518
|
type: 'https://schema.org/BreadcrumbList'
|
|
519
519
|
})), {}, {
|
|
@@ -522,12 +522,12 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
522
522
|
}));
|
|
523
523
|
});
|
|
524
524
|
BreadcrumbNav.displayName = 'BreadcrumbNav';
|
|
525
|
-
var
|
|
525
|
+
var BreadcrumbNavItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
526
526
|
var className = _ref3.className,
|
|
527
527
|
children = _ref3.children,
|
|
528
528
|
restProps = _objectWithoutProperties(_ref3, _excluded2$4);
|
|
529
529
|
return jsxRuntime.jsx("li", _objectSpread$14(_objectSpread$14(_objectSpread$14({
|
|
530
|
-
className: clsx('utrecht-
|
|
530
|
+
className: clsx('utrecht-breadcrumb-nav__item', className)
|
|
531
531
|
}, useMicrodataItem({
|
|
532
532
|
type: 'https://schema.org/ListItem',
|
|
533
533
|
prop: 'itemListElement'
|
|
@@ -537,8 +537,8 @@ var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
|
537
537
|
children: children
|
|
538
538
|
}));
|
|
539
539
|
});
|
|
540
|
-
|
|
541
|
-
var
|
|
540
|
+
BreadcrumbNavItem.displayName = 'BreadcrumbNavItem';
|
|
541
|
+
var BreadcrumbNavSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
|
|
542
542
|
var className = _ref4.className,
|
|
543
543
|
children = _ref4.children,
|
|
544
544
|
restProps = _objectWithoutProperties(_ref4, _excluded3$1);
|
|
@@ -546,16 +546,16 @@ var BreadcrumbSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
|
|
|
546
546
|
"aria-hidden": "true",
|
|
547
547
|
hidden: true,
|
|
548
548
|
style: {
|
|
549
|
-
display: 'var(--_utrecht-breadcrumb-separator-display, block)'
|
|
549
|
+
display: 'var(--_utrecht-breadcrumb-nav-separator-display, block)'
|
|
550
550
|
},
|
|
551
|
-
className: clsx('utrecht-
|
|
551
|
+
className: clsx('utrecht-breadcrumb-nav__separator', 'utrecht-breadcrumb-nav__separator--html-li', className),
|
|
552
552
|
ref: ref
|
|
553
553
|
}, restProps), {}, {
|
|
554
554
|
children: children
|
|
555
555
|
}));
|
|
556
556
|
});
|
|
557
|
-
|
|
558
|
-
var
|
|
557
|
+
BreadcrumbNavSeparator.displayName = 'BreadcrumbNavSeparator';
|
|
558
|
+
var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
559
559
|
var children = _ref5.children,
|
|
560
560
|
disabled = _ref5.disabled,
|
|
561
561
|
current = _ref5.current,
|
|
@@ -569,11 +569,11 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
569
569
|
restProps = _objectWithoutProperties(_ref5, _excluded4$1);
|
|
570
570
|
var DefaultLinkComponent = Link$1;
|
|
571
571
|
var LinkComponent = Link$1 || DefaultLinkComponent;
|
|
572
|
-
return jsxRuntime.jsx(
|
|
572
|
+
return jsxRuntime.jsx(BreadcrumbNavItem, {
|
|
573
573
|
children: jsxRuntime.jsxs(LinkComponent, _objectSpread$14(_objectSpread$14(_objectSpread$14({
|
|
574
|
-
className: clsx('utrecht-
|
|
575
|
-
'utrecht-
|
|
576
|
-
'utrecht-
|
|
574
|
+
className: clsx('utrecht-breadcrumb-nav__link', className, {
|
|
575
|
+
'utrecht-breadcrumb-nav__link--current': current,
|
|
576
|
+
'utrecht-breadcrumb-nav__link--disabled': disabled
|
|
577
577
|
}),
|
|
578
578
|
href: disabled ? undefined : href,
|
|
579
579
|
rel: rel,
|
|
@@ -583,7 +583,7 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
583
583
|
}, useMicrodataProp('item')), restProps), {}, {
|
|
584
584
|
ref: ref,
|
|
585
585
|
children: [jsxRuntime.jsx("span", _objectSpread$14(_objectSpread$14({
|
|
586
|
-
className: "utrecht-
|
|
586
|
+
className: "utrecht-breadcrumb-nav__text"
|
|
587
587
|
}, useMicrodataProp('name')), {}, {
|
|
588
588
|
children: children
|
|
589
589
|
})), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$14(_objectSpread$14({}, useMicrodataProp('position')), {}, {
|
|
@@ -592,7 +592,7 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
592
592
|
}))
|
|
593
593
|
});
|
|
594
594
|
});
|
|
595
|
-
|
|
595
|
+
BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
|
|
596
596
|
|
|
597
597
|
var _excluded$12 = ["children", "className"];
|
|
598
598
|
function ownKeys$13(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; }
|
|
@@ -1601,7 +1601,7 @@ MultilineData.displayName = 'MultilineData';
|
|
|
1601
1601
|
var _excluded$u = ["children", "className", "value"];
|
|
1602
1602
|
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; }
|
|
1603
1603
|
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; }
|
|
1604
|
-
var
|
|
1604
|
+
var NumberData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1605
1605
|
var children = _ref.children,
|
|
1606
1606
|
className = _ref.className,
|
|
1607
1607
|
value = _ref.value,
|
|
@@ -1610,11 +1610,11 @@ var NumberValue = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1610
1610
|
value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
|
|
1611
1611
|
}, restProps), {}, {
|
|
1612
1612
|
ref: ref,
|
|
1613
|
-
className: clsx('utrecht-
|
|
1613
|
+
className: clsx('utrecht-number-data', className),
|
|
1614
1614
|
children: children
|
|
1615
1615
|
}));
|
|
1616
1616
|
});
|
|
1617
|
-
|
|
1617
|
+
NumberData.displayName = 'NumberData';
|
|
1618
1618
|
|
|
1619
1619
|
var _excluded$t = ["children", "className"];
|
|
1620
1620
|
function ownKeys$t(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; }
|
|
@@ -2202,9 +2202,9 @@ exports.Article = Article;
|
|
|
2202
2202
|
exports.Backdrop = Backdrop;
|
|
2203
2203
|
exports.BadgeCounter = BadgeCounter;
|
|
2204
2204
|
exports.BadgeList = BadgeList;
|
|
2205
|
-
exports.BreadcrumbLink = BreadcrumbLink;
|
|
2206
2205
|
exports.BreadcrumbNav = BreadcrumbNav;
|
|
2207
|
-
exports.
|
|
2206
|
+
exports.BreadcrumbNavLink = BreadcrumbNavLink;
|
|
2207
|
+
exports.BreadcrumbNavSeparator = BreadcrumbNavSeparator;
|
|
2208
2208
|
exports.Button = Button;
|
|
2209
2209
|
exports.ButtonGroup = ButtonGroup;
|
|
2210
2210
|
exports.ButtonLink = ButtonLink;
|
|
@@ -2253,7 +2253,7 @@ exports.Logo = Logo;
|
|
|
2253
2253
|
exports.LogoImage = LogoImage;
|
|
2254
2254
|
exports.Mark = Mark;
|
|
2255
2255
|
exports.MultilineData = MultilineData;
|
|
2256
|
-
exports.
|
|
2256
|
+
exports.NumberData = NumberData;
|
|
2257
2257
|
exports.OrderedList = OrderedList;
|
|
2258
2258
|
exports.OrderedListItem = OrderedListItem;
|
|
2259
2259
|
exports.Page = Page;
|
package/dist/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,
|
|
20
|
-
export { 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 {
|
|
106
|
-
export {
|
|
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/index.esm.js
CHANGED
|
@@ -500,18 +500,18 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
500
500
|
var headingId = label ? useId() : undefined;
|
|
501
501
|
return jsxs("nav", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
|
|
502
502
|
ref: ref,
|
|
503
|
-
className: clsx('utrecht-breadcrumb', 'utrecht-breadcrumb--html-ol', {
|
|
504
|
-
'utrecht-breadcrumb--arrows': appearance === 'arrows'
|
|
503
|
+
className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
|
|
504
|
+
'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
|
|
505
505
|
}, className),
|
|
506
506
|
"aria-labelledby": headingId,
|
|
507
507
|
children: [label && jsx(Heading, {
|
|
508
508
|
id: headingId,
|
|
509
|
-
className: "utrecht-
|
|
509
|
+
className: "utrecht-breadcrumb-nav__heading",
|
|
510
510
|
level: headingLevel,
|
|
511
511
|
"aria-hidden": "true",
|
|
512
512
|
children: label
|
|
513
513
|
}), jsx("ol", _objectSpread$14(_objectSpread$14({
|
|
514
|
-
className: "utrecht-
|
|
514
|
+
className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
|
|
515
515
|
}, useMicrodataItem({
|
|
516
516
|
type: 'https://schema.org/BreadcrumbList'
|
|
517
517
|
})), {}, {
|
|
@@ -520,12 +520,12 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
520
520
|
}));
|
|
521
521
|
});
|
|
522
522
|
BreadcrumbNav.displayName = 'BreadcrumbNav';
|
|
523
|
-
var
|
|
523
|
+
var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
524
524
|
var className = _ref3.className,
|
|
525
525
|
children = _ref3.children,
|
|
526
526
|
restProps = _objectWithoutProperties(_ref3, _excluded2$4);
|
|
527
527
|
return jsx("li", _objectSpread$14(_objectSpread$14(_objectSpread$14({
|
|
528
|
-
className: clsx('utrecht-
|
|
528
|
+
className: clsx('utrecht-breadcrumb-nav__item', className)
|
|
529
529
|
}, useMicrodataItem({
|
|
530
530
|
type: 'https://schema.org/ListItem',
|
|
531
531
|
prop: 'itemListElement'
|
|
@@ -535,8 +535,8 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
535
535
|
children: children
|
|
536
536
|
}));
|
|
537
537
|
});
|
|
538
|
-
|
|
539
|
-
var
|
|
538
|
+
BreadcrumbNavItem.displayName = 'BreadcrumbNavItem';
|
|
539
|
+
var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
540
540
|
var className = _ref4.className,
|
|
541
541
|
children = _ref4.children,
|
|
542
542
|
restProps = _objectWithoutProperties(_ref4, _excluded3$1);
|
|
@@ -544,16 +544,16 @@ var BreadcrumbSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
|
544
544
|
"aria-hidden": "true",
|
|
545
545
|
hidden: true,
|
|
546
546
|
style: {
|
|
547
|
-
display: 'var(--_utrecht-breadcrumb-separator-display, block)'
|
|
547
|
+
display: 'var(--_utrecht-breadcrumb-nav-separator-display, block)'
|
|
548
548
|
},
|
|
549
|
-
className: clsx('utrecht-
|
|
549
|
+
className: clsx('utrecht-breadcrumb-nav__separator', 'utrecht-breadcrumb-nav__separator--html-li', className),
|
|
550
550
|
ref: ref
|
|
551
551
|
}, restProps), {}, {
|
|
552
552
|
children: children
|
|
553
553
|
}));
|
|
554
554
|
});
|
|
555
|
-
|
|
556
|
-
var
|
|
555
|
+
BreadcrumbNavSeparator.displayName = 'BreadcrumbNavSeparator';
|
|
556
|
+
var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
557
557
|
var children = _ref5.children,
|
|
558
558
|
disabled = _ref5.disabled,
|
|
559
559
|
current = _ref5.current,
|
|
@@ -567,11 +567,11 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
567
567
|
restProps = _objectWithoutProperties(_ref5, _excluded4$1);
|
|
568
568
|
var DefaultLinkComponent = Link$1;
|
|
569
569
|
var LinkComponent = Link$1 || DefaultLinkComponent;
|
|
570
|
-
return jsx(
|
|
570
|
+
return jsx(BreadcrumbNavItem, {
|
|
571
571
|
children: jsxs(LinkComponent, _objectSpread$14(_objectSpread$14(_objectSpread$14({
|
|
572
|
-
className: clsx('utrecht-
|
|
573
|
-
'utrecht-
|
|
574
|
-
'utrecht-
|
|
572
|
+
className: clsx('utrecht-breadcrumb-nav__link', className, {
|
|
573
|
+
'utrecht-breadcrumb-nav__link--current': current,
|
|
574
|
+
'utrecht-breadcrumb-nav__link--disabled': disabled
|
|
575
575
|
}),
|
|
576
576
|
href: disabled ? undefined : href,
|
|
577
577
|
rel: rel,
|
|
@@ -581,7 +581,7 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
581
581
|
}, useMicrodataProp('item')), restProps), {}, {
|
|
582
582
|
ref: ref,
|
|
583
583
|
children: [jsx("span", _objectSpread$14(_objectSpread$14({
|
|
584
|
-
className: "utrecht-
|
|
584
|
+
className: "utrecht-breadcrumb-nav__text"
|
|
585
585
|
}, useMicrodataProp('name')), {}, {
|
|
586
586
|
children: children
|
|
587
587
|
})), typeof index === 'number' ? jsx("meta", _objectSpread$14(_objectSpread$14({}, useMicrodataProp('position')), {}, {
|
|
@@ -590,7 +590,7 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
590
590
|
}))
|
|
591
591
|
});
|
|
592
592
|
});
|
|
593
|
-
|
|
593
|
+
BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
|
|
594
594
|
|
|
595
595
|
var _excluded$12 = ["children", "className"];
|
|
596
596
|
function ownKeys$13(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; }
|
|
@@ -1599,7 +1599,7 @@ MultilineData.displayName = 'MultilineData';
|
|
|
1599
1599
|
var _excluded$u = ["children", "className", "value"];
|
|
1600
1600
|
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; }
|
|
1601
1601
|
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; }
|
|
1602
|
-
var
|
|
1602
|
+
var NumberData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1603
1603
|
var children = _ref.children,
|
|
1604
1604
|
className = _ref.className,
|
|
1605
1605
|
value = _ref.value,
|
|
@@ -1608,11 +1608,11 @@ var NumberValue = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1608
1608
|
value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
|
|
1609
1609
|
}, restProps), {}, {
|
|
1610
1610
|
ref: ref,
|
|
1611
|
-
className: clsx('utrecht-
|
|
1611
|
+
className: clsx('utrecht-number-data', className),
|
|
1612
1612
|
children: children
|
|
1613
1613
|
}));
|
|
1614
1614
|
});
|
|
1615
|
-
|
|
1615
|
+
NumberData.displayName = 'NumberData';
|
|
1616
1616
|
|
|
1617
1617
|
var _excluded$t = ["children", "className"];
|
|
1618
1618
|
function ownKeys$t(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; }
|
|
@@ -2191,5 +2191,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2191
2191
|
});
|
|
2192
2192
|
UnorderedListItem.displayName = 'UnorderedListItem';
|
|
2193
2193
|
|
|
2194
|
-
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList,
|
|
2194
|
+
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Logo, LogoImage, Mark, MultilineData, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
|
|
2195
2195
|
//# sourceMappingURL=index.esm.js.map
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.395",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
"optional": true
|
|
101
101
|
}
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "13c7ea8a4bab1e4c9a3783ee9c6764d3ae143a5b"
|
|
104
104
|
}
|