@utrecht/component-library-react 3.0.1-alpha.9 → 4.0.0
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/Accordion.d.ts +6 -4
- package/dist/Blockquote.d.ts +11 -0
- package/dist/Checkbox.d.ts +1 -0
- package/dist/Combobox.d.ts +15 -0
- package/dist/FormField.d.ts +5 -2
- package/dist/FormFieldTextbox.d.ts +14 -0
- package/dist/Listbox.d.ts +29 -0
- package/dist/TableContainer.d.ts +11 -0
- package/dist/Textbox.d.ts +2 -1
- package/dist/css-module/Accordion.d.ts +6 -4
- package/dist/css-module/Blockquote.d.ts +11 -0
- package/dist/css-module/Checkbox.d.ts +1 -0
- package/dist/css-module/Combobox.d.ts +15 -0
- package/dist/css-module/FormField.d.ts +5 -2
- package/dist/css-module/FormFieldTextbox.d.ts +14 -0
- package/dist/css-module/Listbox.d.ts +29 -0
- package/dist/css-module/TableContainer.d.ts +11 -0
- package/dist/css-module/Textbox.d.ts +2 -1
- package/dist/css-module/css-module/Accordion.d.ts +1 -1
- package/dist/css-module/css-module/Alert.d.ts +1 -1
- package/dist/css-module/css-module/AlertDialog.d.ts +1 -1
- package/dist/css-module/css-module/Article.d.ts +1 -1
- package/dist/css-module/css-module/Backdrop.d.ts +1 -1
- package/dist/css-module/css-module/BadgeCounter.d.ts +1 -1
- package/dist/css-module/css-module/BadgeList.d.ts +1 -1
- package/dist/css-module/css-module/Blockquote.d.ts +6 -0
- package/dist/css-module/css-module/BreadcrumbNav.d.ts +1 -1
- package/dist/css-module/css-module/Button.d.ts +1 -1
- package/dist/css-module/css-module/ButtonGroup.d.ts +1 -1
- package/dist/css-module/css-module/ButtonLink.d.ts +1 -1
- package/dist/css-module/css-module/Calendar.d.ts +1 -1
- package/dist/css-module/css-module/Checkbox.d.ts +2 -2
- package/dist/css-module/css-module/Code.d.ts +1 -1
- package/dist/css-module/css-module/CodeBlock.d.ts +1 -1
- package/dist/css-module/css-module/ColorSample.d.ts +1 -1
- package/dist/css-module/css-module/ColumnLayout.d.ts +1 -1
- package/dist/css-module/css-module/Combobox.d.ts +6 -0
- package/dist/css-module/css-module/CurrencyData.d.ts +1 -1
- package/dist/css-module/css-module/DataBadge.d.ts +1 -1
- package/dist/css-module/css-module/DataList.d.ts +1 -1
- package/dist/css-module/css-module/DataPlaceholder.d.ts +1 -1
- package/dist/css-module/css-module/Document.d.ts +1 -1
- package/dist/css-module/css-module/Drawer.d.ts +1 -1
- package/dist/css-module/css-module/Emphasis.d.ts +1 -1
- package/dist/css-module/css-module/Fieldset.d.ts +1 -1
- package/dist/css-module/css-module/FieldsetLegend.d.ts +1 -1
- package/dist/css-module/css-module/Figure.d.ts +1 -1
- package/dist/css-module/css-module/FigureCaption.d.ts +1 -1
- package/dist/css-module/css-module/FormField.d.ts +1 -1
- package/dist/css-module/css-module/FormFieldDescription.d.ts +1 -1
- package/dist/css-module/css-module/FormFieldErrorMessage.d.ts +1 -1
- package/dist/css-module/css-module/FormFieldTextbox.d.ts +9 -0
- package/dist/css-module/css-module/FormLabel.d.ts +1 -1
- package/dist/css-module/css-module/FormToggle.d.ts +1 -1
- package/dist/css-module/css-module/HTMLContent.d.ts +1 -1
- package/dist/css-module/css-module/Heading.d.ts +6 -6
- package/dist/css-module/css-module/Heading1.d.ts +1 -1
- package/dist/css-module/css-module/Heading2.d.ts +1 -1
- package/dist/css-module/css-module/Heading3.d.ts +1 -1
- package/dist/css-module/css-module/Heading4.d.ts +1 -1
- package/dist/css-module/css-module/Heading5.d.ts +1 -1
- package/dist/css-module/css-module/Heading6.d.ts +1 -1
- package/dist/css-module/css-module/HeadingGroup.d.ts +1 -1
- package/dist/css-module/css-module/IBANData.d.ts +1 -1
- package/dist/css-module/css-module/Icon.d.ts +1 -1
- package/dist/css-module/css-module/Image.d.ts +1 -1
- package/dist/css-module/css-module/IndexCharNav.d.ts +1 -1
- package/dist/css-module/css-module/Link.d.ts +1 -1
- package/dist/css-module/css-module/LinkButton.d.ts +1 -1
- package/dist/css-module/css-module/LinkList.d.ts +1 -1
- package/dist/css-module/css-module/LinkSocial.d.ts +1 -1
- package/dist/css-module/css-module/ListSocial.d.ts +1 -1
- package/dist/css-module/css-module/Listbox.d.ts +6 -0
- package/dist/css-module/css-module/Logo.d.ts +1 -1
- package/dist/css-module/css-module/Mark.d.ts +1 -1
- package/dist/css-module/css-module/MultilineData.d.ts +1 -1
- package/dist/css-module/css-module/NavBar.d.ts +1 -1
- package/dist/css-module/css-module/NavList.d.ts +1 -1
- package/dist/css-module/css-module/NumberData.d.ts +1 -1
- package/dist/css-module/css-module/OrderedList.d.ts +1 -1
- package/dist/css-module/css-module/OrderedListItem.d.ts +1 -1
- package/dist/css-module/css-module/Page.d.ts +1 -1
- package/dist/css-module/css-module/PageContent.d.ts +1 -1
- package/dist/css-module/css-module/PageFooter.d.ts +1 -1
- package/dist/css-module/css-module/PageHeader.d.ts +1 -1
- package/dist/css-module/css-module/Paragraph.d.ts +1 -1
- package/dist/css-module/css-module/PreHeading.d.ts +1 -1
- package/dist/css-module/css-module/PreserveData.d.ts +1 -1
- package/dist/css-module/css-module/RadioButton.d.ts +1 -1
- package/dist/css-module/css-module/Select.d.ts +1 -1
- package/dist/css-module/css-module/Separator.d.ts +1 -1
- package/dist/css-module/css-module/SkipLink.d.ts +1 -1
- package/dist/css-module/css-module/SpotlightSection.d.ts +1 -1
- package/dist/css-module/css-module/StatusBadge.d.ts +1 -1
- package/dist/css-module/css-module/Strong.d.ts +1 -1
- package/dist/css-module/css-module/Surface.d.ts +1 -1
- package/dist/css-module/css-module/Table.d.ts +1 -1
- package/dist/css-module/css-module/TableContainer.d.ts +6 -0
- package/dist/css-module/css-module/Textarea.d.ts +1 -1
- package/dist/css-module/css-module/Textbox.d.ts +1 -1
- package/dist/css-module/css-module/URLData.d.ts +1 -1
- package/dist/css-module/css-module/UnorderedList.d.ts +1 -1
- package/dist/css-module/css-module/UnorderedListItem.d.ts +1 -1
- package/dist/css-module/css-module/VegaVisualization.d.ts +1 -1
- package/dist/css-module/css-module/index.d.ts +10 -0
- package/dist/css-module/index.d.ts +10 -0
- package/dist/css-module/index.js +817 -481
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +810 -482
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +695 -368
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +10 -0
- package/dist/index.esm.js +688 -369
- package/dist/index.esm.js.map +1 -1
- package/package.json +93 -2
- package/LICENSE.txt +0 -287
package/dist/css-module/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
4
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var react = require('react');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
var clsx = require('clsx');
|
|
@@ -36,12 +36,12 @@ function styleInject(css, ref) {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
var css_248z$
|
|
40
|
-
styleInject(css_248z$
|
|
39
|
+
var css_248z$1c = ".utrecht-accordion__section{break-inside:avoid;margin-block-end:var(--utrecht-accordion-section-margin-block-end);margin-block-start:var(--utrecht-accordion-section-margin-block-start)}.utrecht-accordion__button{--utrecht-button-focus-scale:1;--utrecht-button-hover-scale:1;--utrecht-button-inline-size:100%;--utrecht-button-min-inline-size:100%;--utrecht-button-subtle-background-color:var(--utrecht-accordion-button-background-color);--utrecht-button-subtle-padding-inline-start:var(--utrecht-accordion-button-padding-inline-start);--utrecht-button-subtle-padding-inline-end:var(--utrecht-accordion-button-padding-inline-end);--utrecht-button-subtle-padding-block-start:var(--utrecht-accordion-button-padding-block-start);--utrecht-button-subtle-padding-block-end:var(--utrecht-accordion-button-padding-block-end);--utrecht-button-subtle-color:var(--utrecht-accordion-button-color);--utrecht-button-subtle-hover-background-color:var(--utrecht-accordion-button-hover-background-color);--utrecht-button-subtle-hover-border-color:var(--utrecht-accordion-button-hover-border-color);--utrecht-button-subtle-hover-color:var(--utrecht-accordion-button-hover-color);--utrecht-button-subtle-active-background-color:var(--utrecht-accordion-button-active-background-color);--utrecht-button-subtle-active-border-color:var(--utrecht-accordion-button-active-border-color);--utrecht-button-subtle-active-color:var(--utrecht-accordion-button-active-color);--utrecht-button-subtle-focus-background-color:var(--utrecht-accordion-button-focus-background-color);--utrecht-button-subtle-focus-border-color:var(--utrecht-accordion-button-focus-border-color);--utrecht-button-subtle-focus-color:var(--utrecht-accordion-button-focus-color);--utrecht-button-subtle-border-color:var(--utrecht-accordion-button-border-color);--utrecht-button-subtle-border-width:var(--utrecht-accordion-button-border-width);--utrecht-button-icon-gap:var(--utrecht-accordion-button-gap,var(--utrecht-space-text-xs));align-items:baseline;justify-content:start!important;position:relative;text-align:start}.utrecht-accordion__button--utrecht[aria-expanded]:after{background-color:var(--utrecht-accordion-button-icon-utrecht-background-color);background-position:50%;background-repeat:no-repeat;block-size:var(--utrecht-accordion-button-icon-size);content:\"\";inline-size:var(--utrecht-accordion-button-icon-size);inset-block-start:0;inset-inline-end:0;position:absolute}.utrecht-accordion__button--utrecht[aria-expanded=false]:after{background-image:var(--utrecht-accordion-icon-utrecht-arrow-down,url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m15.866 4.135-5.32 5.322-5.322-5.322'/%3E%3C/svg%3E\"))}.utrecht-accordion__button--utrecht[aria-expanded=true]:after{background-image:var(--utrecht-accordion-icon-utrecht-arrow-up,url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m5.223 9.457 5.32-5.322 5.322 5.322'/%3E%3C/svg%3E\"));background-position:50%;background-repeat:no-repeat;content:\"\"}.utrecht-accordion__button-icon{display:flex}.utrecht-accordion__button[aria-expanded=true] .utrecht-accordion__button-icon{transform:rotate(180deg)}.utrecht-accordion__panel{border-block-start:none;border-color:var(--utrecht-accordion-panel-border-color);border-style:solid;border-width:var(--utrecht-accordion-panel-border-width);padding-block-end:var(--utrecht-accordion-panel-padding-block-end);padding-block-start:var(--utrecht-accordion-panel-padding-block-start);padding-inline-end:var(--utrecht-accordion-panel-padding-inline-end);padding-inline-start:var(--utrecht-accordion-panel-padding-inline-start)}.utrecht-accordion__header{--utrecht-space-around:0}";
|
|
40
|
+
styleInject(css_248z$1c);
|
|
41
41
|
|
|
42
|
-
var _excluded$
|
|
43
|
-
function ownKeys$
|
|
44
|
-
function _objectSpread$
|
|
42
|
+
var _excluded$1n = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
43
|
+
function ownKeys$1o(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; }
|
|
44
|
+
function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
45
45
|
var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
46
46
|
var appearance = _ref.appearance,
|
|
47
47
|
busy = _ref.busy,
|
|
@@ -51,8 +51,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
51
51
|
hint = _ref.hint,
|
|
52
52
|
pressed = _ref.pressed,
|
|
53
53
|
type = _ref.type,
|
|
54
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
55
|
-
return jsxRuntime.jsx("button", _objectSpread$
|
|
54
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1n);
|
|
55
|
+
return jsxRuntime.jsx("button", _objectSpread$1o(_objectSpread$1o({
|
|
56
56
|
ref: ref,
|
|
57
57
|
className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
|
|
58
58
|
"aria-busy": busy || undefined,
|
|
@@ -66,38 +66,38 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
66
66
|
Button.displayName = 'Button';
|
|
67
67
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
68
68
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
69
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
69
|
+
return jsxRuntime.jsx(Button, _objectSpread$1o(_objectSpread$1o({}, args), {}, {
|
|
70
70
|
appearance: "primary-action-button"
|
|
71
71
|
}));
|
|
72
72
|
};
|
|
73
73
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
74
74
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
75
75
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
76
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
76
|
+
return jsxRuntime.jsx(Button, _objectSpread$1o(_objectSpread$1o({}, args), {}, {
|
|
77
77
|
appearance: "secondary-action-button"
|
|
78
78
|
}));
|
|
79
79
|
};
|
|
80
80
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
81
81
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
82
82
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
83
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
83
|
+
return jsxRuntime.jsx(Button, _objectSpread$1o(_objectSpread$1o({}, args), {}, {
|
|
84
84
|
appearance: "subtle-button"
|
|
85
85
|
}));
|
|
86
86
|
};
|
|
87
87
|
SubtleButton.displayName = 'SubtleButton';
|
|
88
88
|
|
|
89
|
-
var _excluded$
|
|
90
|
-
function ownKeys$
|
|
91
|
-
function _objectSpread$
|
|
89
|
+
var _excluded$1m = ["appearance", "className", "level"];
|
|
90
|
+
function ownKeys$1n(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; }
|
|
91
|
+
function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
92
92
|
var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
93
93
|
var appearance = _ref.appearance,
|
|
94
94
|
className = _ref.className,
|
|
95
95
|
level = _ref.level,
|
|
96
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
96
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1m);
|
|
97
97
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
98
98
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
99
99
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
100
|
-
return jsxRuntime.jsx(HeadingX, _objectSpread$
|
|
100
|
+
return jsxRuntime.jsx(HeadingX, _objectSpread$1n(_objectSpread$1n({
|
|
101
101
|
className: clsx(headingClassName, className)
|
|
102
102
|
}, restProps), {}, {
|
|
103
103
|
ref: ref
|
|
@@ -105,9 +105,42 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
105
105
|
});
|
|
106
106
|
Heading.displayName = 'Heading';
|
|
107
107
|
|
|
108
|
-
var _excluded$
|
|
109
|
-
|
|
110
|
-
function
|
|
108
|
+
var _excluded$1l = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
|
|
109
|
+
_excluded2$9 = ["children", "group", "headingLevel", "heading"];
|
|
110
|
+
function ownKeys$1m(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; }
|
|
111
|
+
function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
112
|
+
var IconChevronDown = function IconChevronDown() {
|
|
113
|
+
return jsxRuntime.jsxs("svg", {
|
|
114
|
+
id: "Layer_1",
|
|
115
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
116
|
+
width: "14",
|
|
117
|
+
height: "8",
|
|
118
|
+
viewBox: "0 0 14 8",
|
|
119
|
+
children: [jsxRuntime.jsx("defs", {
|
|
120
|
+
children: jsxRuntime.jsx("clipPath", {
|
|
121
|
+
id: "clippath",
|
|
122
|
+
children: jsxRuntime.jsx("rect", {
|
|
123
|
+
width: "14",
|
|
124
|
+
height: "8",
|
|
125
|
+
style: {
|
|
126
|
+
fill: 'none',
|
|
127
|
+
strokeWidth: '0px'
|
|
128
|
+
}
|
|
129
|
+
})
|
|
130
|
+
})
|
|
131
|
+
}), jsxRuntime.jsx("g", {
|
|
132
|
+
style: {
|
|
133
|
+
clipPath: 'url(#clippath)'
|
|
134
|
+
},
|
|
135
|
+
children: jsxRuntime.jsx("path", {
|
|
136
|
+
d: "m7,8c-.26,0-.51-.1-.71-.29L.29,1.71C-.1,1.32-.1.68.29.29S1.32-.1,1.71.29l5.29,5.29L12.29.29c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-6,6c-.2.2-.45.29-.71.29Z",
|
|
137
|
+
style: {
|
|
138
|
+
strokeWidth: '0px;'
|
|
139
|
+
}
|
|
140
|
+
})
|
|
141
|
+
})]
|
|
142
|
+
});
|
|
143
|
+
};
|
|
111
144
|
/**
|
|
112
145
|
* Find the first item in an array
|
|
113
146
|
*/
|
|
@@ -137,6 +170,7 @@ var previousItem = function previousItem(items, item) {
|
|
|
137
170
|
var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
138
171
|
var id = _ref.id,
|
|
139
172
|
label = _ref.label,
|
|
173
|
+
className = _ref.className,
|
|
140
174
|
_ref$headingLevel = _ref.headingLevel,
|
|
141
175
|
headingLevel = _ref$headingLevel === void 0 ? 1 : _ref$headingLevel,
|
|
142
176
|
_ref$expanded = _ref.expanded,
|
|
@@ -147,7 +181,10 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
147
181
|
buttonRef = _ref.buttonRef,
|
|
148
182
|
onActivate = _ref.onActivate,
|
|
149
183
|
onButtonBlur = _ref.onButtonBlur,
|
|
150
|
-
onButtonFocus = _ref.onButtonFocus
|
|
184
|
+
onButtonFocus = _ref.onButtonFocus,
|
|
185
|
+
icon = _ref.icon,
|
|
186
|
+
appearance = _ref.appearance,
|
|
187
|
+
props = _objectWithoutProperties(_ref, _excluded$1l);
|
|
151
188
|
var panelAttributes = {
|
|
152
189
|
className: clsx('utrecht-accordion__panel', {
|
|
153
190
|
'utrecht-accordion__panel--expanded': expanded
|
|
@@ -158,6 +195,10 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
158
195
|
// doesn't use `display: none` to make transitions.
|
|
159
196
|
'aria-hidden': !expanded
|
|
160
197
|
};
|
|
198
|
+
var iconStart = icon ? icon : icon === null ? null : jsxRuntime.jsx(IconChevronDown, {});
|
|
199
|
+
if (appearance === 'utrecht') {
|
|
200
|
+
iconStart = null;
|
|
201
|
+
}
|
|
161
202
|
var idPrefix = 'utrecht-accordion';
|
|
162
203
|
var idSuffix = id || react.useId();
|
|
163
204
|
var buttonId = "".concat(idPrefix).concat(idSuffix, "-button");
|
|
@@ -167,15 +208,16 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
167
208
|
// content of the landmark to be the actual content, instead of starting
|
|
168
209
|
// with the button that controls the region.
|
|
169
210
|
// - we only want expanded sections to show up as landmarks
|
|
170
|
-
return jsxRuntime.jsxs("div", {
|
|
171
|
-
className: clsx('utrecht-accordion__section'),
|
|
211
|
+
return jsxRuntime.jsxs("div", _objectSpread$1m(_objectSpread$1m({
|
|
212
|
+
className: clsx('utrecht-accordion__section', className),
|
|
172
213
|
id: id,
|
|
173
|
-
ref: ref
|
|
214
|
+
ref: ref
|
|
215
|
+
}, props), {}, {
|
|
174
216
|
children: [jsxRuntime.jsx(Heading, {
|
|
175
217
|
level: headingLevel,
|
|
176
218
|
className: clsx('utrecht-accordion__header'),
|
|
177
|
-
children: jsxRuntime.
|
|
178
|
-
className: clsx('utrecht-accordion__button'),
|
|
219
|
+
children: jsxRuntime.jsxs(Button, {
|
|
220
|
+
className: clsx('utrecht-accordion__button', _defineProperty({}, 'utrecht-accordion__button--utrecht', appearance === 'utrecht')),
|
|
179
221
|
appearance: "subtle-button",
|
|
180
222
|
"aria-expanded": expanded === true,
|
|
181
223
|
"aria-controls": panelId,
|
|
@@ -191,17 +233,25 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
191
233
|
return typeof onButtonBlur === 'function' && onButtonBlur(ref);
|
|
192
234
|
},
|
|
193
235
|
ref: buttonRef,
|
|
194
|
-
children:
|
|
236
|
+
children: [iconStart && jsxRuntime.jsx("span", {
|
|
237
|
+
className: "utrecht-accordion__button-icon",
|
|
238
|
+
children: iconStart
|
|
239
|
+
}), jsxRuntime.jsx("span", {
|
|
240
|
+
className: "utrecht-accordion__button-label",
|
|
241
|
+
children: label
|
|
242
|
+
})]
|
|
195
243
|
})
|
|
196
|
-
}), section ? jsxRuntime.jsx("section", _objectSpread$
|
|
244
|
+
}), section ? jsxRuntime.jsx("section", _objectSpread$1m(_objectSpread$1m({
|
|
197
245
|
id: panelId,
|
|
198
246
|
"aria-labelledby": buttonId
|
|
199
247
|
}, panelAttributes), {}, {
|
|
200
248
|
children: children
|
|
201
|
-
})) : jsxRuntime.jsx("div", _objectSpread$
|
|
249
|
+
})) : jsxRuntime.jsx("div", _objectSpread$1m(_objectSpread$1m({
|
|
250
|
+
id: panelId
|
|
251
|
+
}, panelAttributes), {}, {
|
|
202
252
|
children: children
|
|
203
253
|
}))]
|
|
204
|
-
});
|
|
254
|
+
}));
|
|
205
255
|
});
|
|
206
256
|
AccordionSection.displayName = 'AccordionSection';
|
|
207
257
|
var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
@@ -209,13 +259,13 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
209
259
|
group = _ref2.group,
|
|
210
260
|
headingLevel = _ref2.headingLevel,
|
|
211
261
|
heading = _ref2.heading,
|
|
212
|
-
props = _objectWithoutProperties(_ref2,
|
|
262
|
+
props = _objectWithoutProperties(_ref2, _excluded2$9);
|
|
213
263
|
var headingId = react.useId();
|
|
214
264
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
215
265
|
children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(Heading, {
|
|
216
266
|
level: headingLevel,
|
|
217
267
|
children: heading
|
|
218
|
-
}), jsxRuntime.jsx("div", _objectSpread$
|
|
268
|
+
}), jsxRuntime.jsx("div", _objectSpread$1m(_objectSpread$1m({
|
|
219
269
|
className: clsx('utrecht-accordion'),
|
|
220
270
|
role: group ? 'group' : undefined,
|
|
221
271
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -227,7 +277,6 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
227
277
|
});
|
|
228
278
|
Accordion.displayName = 'Accordion';
|
|
229
279
|
var useAccordion = function useAccordion(sections, ref) {
|
|
230
|
-
console.log('useAccordion');
|
|
231
280
|
// const sections: AccordionSectionProviderProps[] = [];
|
|
232
281
|
var refs = sections.map(function (_) {
|
|
233
282
|
return react.useRef(null);
|
|
@@ -253,7 +302,6 @@ var useAccordion = function useAccordion(sections, ref) {
|
|
|
253
302
|
focusFirstSection: function focusFirstSection() {
|
|
254
303
|
var _firstSection$current;
|
|
255
304
|
var firstSection = firstItem(buttonRefs);
|
|
256
|
-
console.log(refs);
|
|
257
305
|
firstSection === null || firstSection === void 0 || (_firstSection$current = firstSection.current) === null || _firstSection$current === void 0 || _firstSection$current.focus();
|
|
258
306
|
},
|
|
259
307
|
focusPreviousSection: function focusPreviousSection(activeElement) {
|
|
@@ -271,7 +319,9 @@ var useAccordion = function useAccordion(sections, ref) {
|
|
|
271
319
|
};
|
|
272
320
|
};
|
|
273
321
|
var AccordionProvider = function AccordionProvider(_ref4) {
|
|
274
|
-
var sections = _ref4.sections
|
|
322
|
+
var sections = _ref4.sections,
|
|
323
|
+
icon = _ref4.icon,
|
|
324
|
+
appearance = _ref4.appearance;
|
|
275
325
|
var ref = react.useRef(null);
|
|
276
326
|
var _useAccordion = useAccordion(sections, ref),
|
|
277
327
|
refs = _useAccordion.refs,
|
|
@@ -323,7 +373,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
323
373
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
324
374
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
325
375
|
if (index === activatedIndex) {
|
|
326
|
-
return _objectSpread$
|
|
376
|
+
return _objectSpread$1m(_objectSpread$1m({}, section), {}, {
|
|
327
377
|
expanded: !section.expanded
|
|
328
378
|
});
|
|
329
379
|
} else {
|
|
@@ -331,7 +381,9 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
331
381
|
}
|
|
332
382
|
}));
|
|
333
383
|
};
|
|
334
|
-
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$
|
|
384
|
+
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1m(_objectSpread$1m({}, section), {}, {
|
|
385
|
+
icon: icon,
|
|
386
|
+
appearance: appearance,
|
|
335
387
|
ref: refs[index],
|
|
336
388
|
buttonRef: buttonRefs[index],
|
|
337
389
|
key: index,
|
|
@@ -344,19 +396,19 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
344
396
|
};
|
|
345
397
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
346
398
|
|
|
347
|
-
var css_248z$
|
|
348
|
-
styleInject(css_248z$
|
|
399
|
+
var css_248z$1b = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color,var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius,0);border-style:solid;border-width:var(--_utrecht-alert-border-width,var(--utrecht-alert-border-width,0));color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}";
|
|
400
|
+
styleInject(css_248z$1b);
|
|
349
401
|
|
|
350
|
-
var _excluded$
|
|
351
|
-
function ownKeys$
|
|
352
|
-
function _objectSpread$
|
|
402
|
+
var _excluded$1k = ["children", "className", "icon", "type"];
|
|
403
|
+
function ownKeys$1l(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; }
|
|
404
|
+
function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
353
405
|
var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
354
406
|
var children = _ref.children,
|
|
355
407
|
className = _ref.className,
|
|
356
408
|
icon = _ref.icon,
|
|
357
409
|
type = _ref.type,
|
|
358
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
359
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
410
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1k);
|
|
411
|
+
return jsxRuntime.jsxs("div", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
|
|
360
412
|
ref: ref,
|
|
361
413
|
className: clsx('utrecht-alert', {
|
|
362
414
|
'utrecht-alert--error': type === 'error',
|
|
@@ -375,19 +427,19 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
375
427
|
});
|
|
376
428
|
Alert.displayName = 'Alert';
|
|
377
429
|
|
|
378
|
-
var css_248z$
|
|
379
|
-
styleInject(css_248z$
|
|
430
|
+
var css_248z$1a = ".utrecht-alert-dialog:not(dialog:not([open])){--utrecht-alert-dialog-margin-block-start:auto;--utrecht-alert-dialog-margin-block-end:auto;background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--utrecht-alert-dialog-border-color);border-radius:var(--utrecht-alert-border-radius,0);border-radius:var(--utrecht-alert-dialog-border-radius,0);border-style:solid;border-width:var(--utrecht-alert-dialog-border-width,0);box-shadow:var(--utrecht-alert-dialog-box-shadow);color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));max-block-size:var(--utrecht-alert-dialog-max-block-size);max-inline-size:var(--utrecht-alert-dialog-max-inline-size);min-block-size:var(--utrecht-alert-dialog-min-block-size);min-inline-size:var(--utrecht-alert-dialog-min-inline-size);padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-alert-dialog__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert-dialog__message{grid-area:message}.utrecht-alert-dialog--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}.utrecht-alert-dialog--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert-dialog--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}";
|
|
431
|
+
styleInject(css_248z$1a);
|
|
380
432
|
|
|
381
|
-
var _excluded$
|
|
382
|
-
function ownKeys$
|
|
383
|
-
function _objectSpread$
|
|
433
|
+
var _excluded$1j = ["children", "className", "icon", "type"];
|
|
434
|
+
function ownKeys$1k(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; }
|
|
435
|
+
function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
384
436
|
var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
385
437
|
var children = _ref.children,
|
|
386
438
|
className = _ref.className,
|
|
387
439
|
icon = _ref.icon,
|
|
388
440
|
type = _ref.type,
|
|
389
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
390
|
-
return jsxRuntime.jsxs("dialog", _objectSpread$
|
|
441
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1j);
|
|
442
|
+
return jsxRuntime.jsxs("dialog", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
|
|
391
443
|
ref: ref,
|
|
392
444
|
className: clsx('utrecht-alert-dialog', {
|
|
393
445
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -406,17 +458,17 @@ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
406
458
|
});
|
|
407
459
|
AlertDialog.displayName = 'AlertDialog';
|
|
408
460
|
|
|
409
|
-
var css_248z$
|
|
410
|
-
styleInject(css_248z$
|
|
461
|
+
var css_248z$19 = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}";
|
|
462
|
+
styleInject(css_248z$19);
|
|
411
463
|
|
|
412
|
-
var _excluded$
|
|
413
|
-
function ownKeys$
|
|
414
|
-
function _objectSpread$
|
|
464
|
+
var _excluded$1i = ["children", "className"];
|
|
465
|
+
function ownKeys$1j(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; }
|
|
466
|
+
function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
415
467
|
var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
416
468
|
var children = _ref.children,
|
|
417
469
|
className = _ref.className,
|
|
418
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
419
|
-
return jsxRuntime.jsx("article", _objectSpread$
|
|
470
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
471
|
+
return jsxRuntime.jsx("article", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
|
|
420
472
|
ref: ref,
|
|
421
473
|
className: clsx('utrecht-article', className),
|
|
422
474
|
children: children
|
|
@@ -424,17 +476,17 @@ var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
424
476
|
});
|
|
425
477
|
Article.displayName = 'Article';
|
|
426
478
|
|
|
427
|
-
var css_248z$
|
|
428
|
-
styleInject(css_248z$
|
|
479
|
+
var css_248z$18 = ".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);display:block;inset-block-end:0;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;opacity:var(--_utrecht-backdrop-opacity);position:absolute;-webkit-user-select:none;user-select:none;z-index:var(--utrecht-backdrop-z-index)}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}.utrecht-backdrop--viewport{position:fixed}";
|
|
480
|
+
styleInject(css_248z$18);
|
|
429
481
|
|
|
430
|
-
var _excluded$
|
|
431
|
-
function ownKeys$
|
|
432
|
-
function _objectSpread$
|
|
482
|
+
var _excluded$1h = ["children", "className"];
|
|
483
|
+
function ownKeys$1i(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; }
|
|
484
|
+
function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
433
485
|
var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
434
486
|
var children = _ref.children,
|
|
435
487
|
className = _ref.className,
|
|
436
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
437
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
488
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
489
|
+
return jsxRuntime.jsx("div", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
|
|
438
490
|
ref: ref,
|
|
439
491
|
className: clsx('utrecht-backdrop', className),
|
|
440
492
|
children: children
|
|
@@ -442,41 +494,41 @@ var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
442
494
|
});
|
|
443
495
|
Backdrop.displayName = 'Backdrop';
|
|
444
496
|
|
|
445
|
-
var css_248z$
|
|
446
|
-
styleInject(css_248z$
|
|
497
|
+
var css_248z$17 = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color,var(--utrecht-badge-background-color,#000));border-radius:var(--utrecht-badge-counter-border-radius,var(--utrecht-badge-border-radius,.5ch));color:var(--utrecht-badge-counter-color,var(--utrecht-badge-color,#fff));display:inline-block;font-family:var(--utrecht-badge-counter-font-family,var(--utrecht-badge-font-family,var(--utrecht-document-font-family,sans-serif)));font-size:var(--utrecht-badge-counter-font-size,var(--utrecht-badge-font-size));font-style:var(--utrecht-badge-counter-font-style,normal);font-weight:var(--utrecht-badge-counter-font-weight,var(--utrecht-badge-font-weight,bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-size,1em);min-inline-size:var(--utrecht-badge-counter-min-size,1em);padding-block-end:var(--utrecht-badge-counter-padding-block,var(--utrecht-badge-padding-block,.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block,var(--utrecht-badge-padding-block,.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline,var(--utrecht-badge-padding-inline,.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline,var(--utrecht-badge-padding-inline,.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-badge-counter{border:1px solid}}";
|
|
498
|
+
styleInject(css_248z$17);
|
|
447
499
|
|
|
448
|
-
var _excluded$
|
|
449
|
-
function ownKeys$
|
|
450
|
-
function _objectSpread$
|
|
500
|
+
var _excluded$1g = ["children", "className", "value"];
|
|
501
|
+
function ownKeys$1h(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; }
|
|
502
|
+
function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
451
503
|
var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
452
504
|
var children = _ref.children,
|
|
453
505
|
className = _ref.className,
|
|
454
506
|
value = _ref.value,
|
|
455
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
456
|
-
var props = _objectSpread$
|
|
507
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
508
|
+
var props = _objectSpread$1h({
|
|
457
509
|
children: children,
|
|
458
510
|
className: clsx('utrecht-badge-counter', className)
|
|
459
511
|
}, restProps);
|
|
460
|
-
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$
|
|
512
|
+
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$1h(_objectSpread$1h({}, props), {}, {
|
|
461
513
|
value: value,
|
|
462
514
|
ref: ref
|
|
463
|
-
})) : jsxRuntime.jsx("span", _objectSpread$
|
|
515
|
+
})) : jsxRuntime.jsx("span", _objectSpread$1h(_objectSpread$1h({}, props), {}, {
|
|
464
516
|
ref: ref
|
|
465
517
|
}));
|
|
466
518
|
});
|
|
467
519
|
BadgeCounter.displayName = 'BadgeCounter';
|
|
468
520
|
|
|
469
|
-
var css_248z$
|
|
470
|
-
styleInject(css_248z$
|
|
521
|
+
var css_248z$16 = ".utrecht-badge-list{display:flex;flex-wrap:wrap;gap:var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline)}";
|
|
522
|
+
styleInject(css_248z$16);
|
|
471
523
|
|
|
472
|
-
var _excluded$
|
|
473
|
-
function ownKeys$
|
|
474
|
-
function _objectSpread$
|
|
524
|
+
var _excluded$1f = ["children", "className"];
|
|
525
|
+
function ownKeys$1g(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; }
|
|
526
|
+
function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
475
527
|
var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
476
528
|
var children = _ref.children,
|
|
477
529
|
className = _ref.className,
|
|
478
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
479
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
530
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
531
|
+
return jsxRuntime.jsx("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
480
532
|
ref: ref,
|
|
481
533
|
className: clsx('utrecht-badge-list', className),
|
|
482
534
|
children: children
|
|
@@ -484,12 +536,34 @@ var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
484
536
|
});
|
|
485
537
|
BadgeList.displayName = 'BadgeList';
|
|
486
538
|
|
|
487
|
-
var css_248z$
|
|
488
|
-
styleInject(css_248z$
|
|
539
|
+
var css_248z$15 = ".utrecht-blockquote{background-color:var(--utrecht-blockquote-background-color);color:var(--utrecht-blockquote-color);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);font-style:var(--utrecht-blockquote-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-start, 0));margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);padding-block-end:var(--utrecht-blockquote-padding-block-end);padding-block-start:var(--utrecht-blockquote-padding-block-start);padding-inline-end:var(--utrecht-blockquote-padding-inline-end);padding-inline-start:var(--utrecht-blockquote-padding-inline-start)}.utrecht-blockquote__attribution{color:var(--utrecht-blockquote-attribution-color,inherit);font-size:var(--utrecht-blockquote-attribution-font-size,inherit)}.utrecht-blockquote__content{--utrecht-document-color:var(--utrecht-blockquote-content-color,inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size,inherit);color:var(--utrecht-blockquote-content-color,inherit);font-size:var(--utrecht-blockquote-content-font-size,inherit)}.utrecht-blockquote--distanced{--utrecht-space-around:1}";
|
|
540
|
+
styleInject(css_248z$15);
|
|
489
541
|
|
|
490
|
-
var _excluded$
|
|
491
|
-
function ownKeys$
|
|
492
|
-
function _objectSpread$
|
|
542
|
+
var _excluded$1e = ["children", "className", "attribution"];
|
|
543
|
+
function ownKeys$1f(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; }
|
|
544
|
+
function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
545
|
+
var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
546
|
+
var children = _ref.children,
|
|
547
|
+
className = _ref.className,
|
|
548
|
+
attribution = _ref.attribution,
|
|
549
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
550
|
+
return jsxRuntime.jsxs("blockquote", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
551
|
+
ref: ref,
|
|
552
|
+
className: clsx('utrecht-blockquote', className),
|
|
553
|
+
children: [children, attribution && jsxRuntime.jsx("div", {
|
|
554
|
+
className: "utrecht-blockquote__attribution",
|
|
555
|
+
children: attribution
|
|
556
|
+
})]
|
|
557
|
+
}));
|
|
558
|
+
});
|
|
559
|
+
Blockquote.displayName = 'Blockquote';
|
|
560
|
+
|
|
561
|
+
var css_248z$14 = ".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-text-decoration:var(--utrecht-breadcrumb-nav-link-text-decoration);--utrecht-link-focus-color:var(--utrecht-breadcrumb-nav-link-focus-color,var(--utrecht-breadcrumb-nav-link-color));--utrecht-link-focus-text-decoration:var(\n --utrecht-breadcrumb-nav-link-focus-text-decoration,var(--utrecht-breadcrumb-nav-link-text-decoration)\n );--utrecht-link-hover-color:var(--utrecht-breadcrumb-nav-link-hover-color,var(--utrecht-breadcrumb-nav-link-color));--utrecht-link-hover-text-decoration:var(\n --utrecht-breadcrumb-nav-link-hover-text-decoration,var(--utrecht-breadcrumb-nav-link-text-decoration)\n );--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--current{--utrecht-link-current-font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight,inherit);--_utrecht-breadcrumb-nav-link-current-cursor:var(--utrecht-action-inert-cursor,default);font-weight:var(--utrecht-breadcrumb-nav-link-current-font-weight,inherit)}.utrecht-breadcrumb-nav__link--disabled{--utrecht-link-placeholder-color:var(\n --utrecht-breadcrumb-nav-link-disabled-color,var(--utrecht-breadcrumb-nav-link-color)\n );--_utrecht-breadcrumb-nav-link-disabled-cursor:var(--utrecht-action-disabled-cursor,not-allowed);background-color:var(--utrecht-breadcrumb-nav-link-disabled-background-color,var(--utrecht-breadcrumb-nav-link-background-color));cursor:var(--_utrecht-breadcrumb-nav-link-current-cursor,var(--_utrecht-breadcrumb-nav-link-disabled-cursor))}.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)}";
|
|
562
|
+
styleInject(css_248z$14);
|
|
563
|
+
|
|
564
|
+
var _excluded$1d = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
565
|
+
function ownKeys$1e(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; }
|
|
566
|
+
function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
493
567
|
var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
494
568
|
var boxContent = _ref.boxContent,
|
|
495
569
|
children = _ref.children,
|
|
@@ -498,13 +572,13 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
498
572
|
href = _ref.href,
|
|
499
573
|
placeholder = _ref.placeholder,
|
|
500
574
|
role = _ref.role,
|
|
501
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
575
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
502
576
|
return (
|
|
503
577
|
// "utrecht-link--telephone" does not have a corresponding API,
|
|
504
578
|
// since it is primarily a basis for implementing input[href^="tel"].
|
|
505
579
|
// Telephone number rendering in React is best achieved using composition
|
|
506
580
|
// of the TelephoneValue component.
|
|
507
|
-
jsxRuntime.jsx("a", _objectSpread$
|
|
581
|
+
jsxRuntime.jsx("a", _objectSpread$1e(_objectSpread$1e({
|
|
508
582
|
href: placeholder ? undefined : href,
|
|
509
583
|
ref: ref,
|
|
510
584
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -522,12 +596,12 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
522
596
|
});
|
|
523
597
|
Link.displayName = 'Link';
|
|
524
598
|
|
|
525
|
-
var _excluded$
|
|
526
|
-
_excluded2$
|
|
527
|
-
_excluded3$
|
|
599
|
+
var _excluded$1c = ["appearance", "children", "className", "headingLevel", "label"],
|
|
600
|
+
_excluded2$8 = ["className", "children"],
|
|
601
|
+
_excluded3$2 = ["className", "children"],
|
|
528
602
|
_excluded4$1 = ["children", "disabled", "current", "href", "index", "rel", "role", "Link", "className"];
|
|
529
|
-
function ownKeys$
|
|
530
|
-
function _objectSpread$
|
|
603
|
+
function ownKeys$1d(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; }
|
|
604
|
+
function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
531
605
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
532
606
|
var prop = _ref.prop,
|
|
533
607
|
type = _ref.type;
|
|
@@ -549,9 +623,9 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
549
623
|
_ref2$headingLevel = _ref2.headingLevel,
|
|
550
624
|
headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
|
|
551
625
|
label = _ref2.label,
|
|
552
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
626
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$1c);
|
|
553
627
|
var headingId = label ? react.useId() : undefined;
|
|
554
|
-
return jsxRuntime.jsxs("nav", _objectSpread$
|
|
628
|
+
return jsxRuntime.jsxs("nav", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
555
629
|
ref: ref,
|
|
556
630
|
className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
|
|
557
631
|
'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
|
|
@@ -563,7 +637,7 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
563
637
|
level: headingLevel,
|
|
564
638
|
"aria-hidden": "true",
|
|
565
639
|
children: label
|
|
566
|
-
}), jsxRuntime.jsx("ol", _objectSpread$
|
|
640
|
+
}), jsxRuntime.jsx("ol", _objectSpread$1d(_objectSpread$1d({
|
|
567
641
|
className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
|
|
568
642
|
}, useMicrodataItem({
|
|
569
643
|
type: 'https://schema.org/BreadcrumbList'
|
|
@@ -576,8 +650,8 @@ BreadcrumbNav.displayName = 'BreadcrumbNav';
|
|
|
576
650
|
var BreadcrumbNavItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
577
651
|
var className = _ref3.className,
|
|
578
652
|
children = _ref3.children,
|
|
579
|
-
restProps = _objectWithoutProperties(_ref3, _excluded2$
|
|
580
|
-
return jsxRuntime.jsx("li", _objectSpread$
|
|
653
|
+
restProps = _objectWithoutProperties(_ref3, _excluded2$8);
|
|
654
|
+
return jsxRuntime.jsx("li", _objectSpread$1d(_objectSpread$1d(_objectSpread$1d({
|
|
581
655
|
className: clsx('utrecht-breadcrumb-nav__item', className)
|
|
582
656
|
}, useMicrodataItem({
|
|
583
657
|
type: 'https://schema.org/ListItem',
|
|
@@ -592,8 +666,8 @@ BreadcrumbNavItem.displayName = 'BreadcrumbNavItem';
|
|
|
592
666
|
var BreadcrumbNavSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
|
|
593
667
|
var className = _ref4.className,
|
|
594
668
|
children = _ref4.children,
|
|
595
|
-
restProps = _objectWithoutProperties(_ref4, _excluded3$
|
|
596
|
-
return jsxRuntime.jsx("li", _objectSpread$
|
|
669
|
+
restProps = _objectWithoutProperties(_ref4, _excluded3$2);
|
|
670
|
+
return jsxRuntime.jsx("li", _objectSpread$1d(_objectSpread$1d({
|
|
597
671
|
"aria-hidden": "true",
|
|
598
672
|
hidden: true,
|
|
599
673
|
style: {
|
|
@@ -621,7 +695,7 @@ var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
621
695
|
var DefaultLinkComponent = Link$1;
|
|
622
696
|
var LinkComponent = Link$1 || DefaultLinkComponent;
|
|
623
697
|
return jsxRuntime.jsx(BreadcrumbNavItem, {
|
|
624
|
-
children: jsxRuntime.jsxs(LinkComponent, _objectSpread$
|
|
698
|
+
children: jsxRuntime.jsxs(LinkComponent, _objectSpread$1d(_objectSpread$1d(_objectSpread$1d({
|
|
625
699
|
className: clsx('utrecht-breadcrumb-nav__link', className, {
|
|
626
700
|
'utrecht-breadcrumb-nav__link--current': current,
|
|
627
701
|
'utrecht-breadcrumb-nav__link--disabled': disabled
|
|
@@ -633,11 +707,11 @@ var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
633
707
|
"aria-disabled": disabled ? 'true' : undefined
|
|
634
708
|
}, useMicrodataProp('item')), restProps), {}, {
|
|
635
709
|
ref: ref,
|
|
636
|
-
children: [jsxRuntime.jsx("span", _objectSpread$
|
|
710
|
+
children: [jsxRuntime.jsx("span", _objectSpread$1d(_objectSpread$1d({
|
|
637
711
|
className: "utrecht-breadcrumb-nav__text"
|
|
638
712
|
}, useMicrodataProp('name')), {}, {
|
|
639
713
|
children: children
|
|
640
|
-
})), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$
|
|
714
|
+
})), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$1d(_objectSpread$1d({}, useMicrodataProp('position')), {}, {
|
|
641
715
|
content: String(index + 1)
|
|
642
716
|
})) : null]
|
|
643
717
|
}))
|
|
@@ -645,15 +719,15 @@ var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
645
719
|
});
|
|
646
720
|
BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
|
|
647
721
|
|
|
648
|
-
var css_248z$11 = ".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);block-size:fit-content;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);max-inline-size:var(--utrecht-button-max-inline-size,fit-content);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);scale:1;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
|
-
styleInject(css_248z$
|
|
722
|
+
var css_248z$13 = ".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);block-size:fit-content;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);max-inline-size:var(--utrecht-button-max-inline-size,fit-content);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);scale:1;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)}";
|
|
723
|
+
styleInject(css_248z$13);
|
|
650
724
|
|
|
651
|
-
var css_248z$
|
|
652
|
-
styleInject(css_248z$
|
|
725
|
+
var css_248z$12 = ".utrecht-button-group{align-items:baseline;background-color:var(--utrecht-button-group-background-color);display:flex;flex-wrap:wrap;gap:var(--utrecht-button-group-inline-gap,1em);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group--distanced{--utrecht-space-around:1}.utrecht-button-group--row .utrecht-link-button,.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button,.utrecht-button-group__link-button--row{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-button-group--column{flex-direction:column;gap:var(--utrecht-button-group-block-gap,1em)}";
|
|
726
|
+
styleInject(css_248z$12);
|
|
653
727
|
|
|
654
|
-
var _excluded$
|
|
655
|
-
function ownKeys$
|
|
656
|
-
function _objectSpread$
|
|
728
|
+
var _excluded$1b = ["children", "className", "direction"];
|
|
729
|
+
function ownKeys$1c(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; }
|
|
730
|
+
function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
657
731
|
var hasManyElements = function hasManyElements(children) {
|
|
658
732
|
return Array.isArray(children) && children.reduce(function (count, item) {
|
|
659
733
|
return /*#__PURE__*/react.isValidElement(item) ? count + 1 : count;
|
|
@@ -663,8 +737,8 @@ var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
663
737
|
var children = _ref.children,
|
|
664
738
|
className = _ref.className,
|
|
665
739
|
direction = _ref.direction,
|
|
666
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
667
|
-
return jsxRuntime.jsx("p", _objectSpread$
|
|
740
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
741
|
+
return jsxRuntime.jsx("p", _objectSpread$1c(_objectSpread$1c({
|
|
668
742
|
role: hasManyElements(children) ? 'group' : undefined
|
|
669
743
|
}, restProps), {}, {
|
|
670
744
|
ref: ref,
|
|
@@ -677,12 +751,12 @@ var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
677
751
|
});
|
|
678
752
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
679
753
|
|
|
680
|
-
var css_248z$$ = ".utrecht-button-link{--_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);block-size:fit-content;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);cursor:var(--utrecht-action-navigate-cursor,pointer);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);max-inline-size:var(--utrecht-button-max-inline-size,fit-content);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);scale:1;text-decoration:none;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-link{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText}}.utrecht-button-link--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--hover{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-link--focus{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-link--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-link--placeholder{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-link--html-a:focus{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-link--html-a: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-link--html-a:hover{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-link--html-a:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--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-link--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-link--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)}";
|
|
681
|
-
styleInject(css_248z
|
|
754
|
+
var css_248z$11 = ".utrecht-button-link{--_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);block-size:fit-content;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);cursor:var(--utrecht-action-navigate-cursor,pointer);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);max-inline-size:var(--utrecht-button-max-inline-size,fit-content);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);scale:1;text-decoration:none;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-link{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText}}.utrecht-button-link--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--hover{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-link--focus{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-link--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-link--placeholder{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-link--html-a:focus{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-link--html-a: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-link--html-a:hover{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-link--html-a:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--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-link--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-link--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)}";
|
|
755
|
+
styleInject(css_248z$11);
|
|
682
756
|
|
|
683
|
-
var _excluded$
|
|
684
|
-
function ownKeys$
|
|
685
|
-
function _objectSpread$
|
|
757
|
+
var _excluded$1a = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
|
|
758
|
+
function ownKeys$1b(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; }
|
|
759
|
+
function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
686
760
|
var onKeyDown = function onKeyDown(evt) {
|
|
687
761
|
var _evt$target;
|
|
688
762
|
if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
|
|
@@ -700,18 +774,18 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
700
774
|
href = _ref.href,
|
|
701
775
|
placeholder = _ref.placeholder,
|
|
702
776
|
role = _ref.role,
|
|
703
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
777
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
704
778
|
var props = restProps;
|
|
705
779
|
if (role === 'button') {
|
|
706
780
|
// When this link is announced as button by accessibility tools,
|
|
707
781
|
// it should also behave like a button. Links are not activated
|
|
708
782
|
// using `Space`, so we need to implement that behaviour here
|
|
709
783
|
// to reach parity with the `button` element.
|
|
710
|
-
props = _objectSpread$
|
|
784
|
+
props = _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
711
785
|
onKeyDown: onKeyDown
|
|
712
786
|
});
|
|
713
787
|
}
|
|
714
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
788
|
+
return jsxRuntime.jsx("a", _objectSpread$1b(_objectSpread$1b({
|
|
715
789
|
href: placeholder ? undefined : href,
|
|
716
790
|
ref: ref,
|
|
717
791
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -730,32 +804,49 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
730
804
|
});
|
|
731
805
|
ButtonLink.displayName = 'ButtonLink';
|
|
732
806
|
|
|
733
|
-
var css_248z$_ = ".utrecht-checkbox{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;-webkit-user-select:none;user-select:none}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--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-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--html-input:focus{--_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-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
|
|
734
|
-
styleInject(css_248z$
|
|
807
|
+
var css_248z$10 = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size,1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius,0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor,revert);inline-size:var(--utrecht-checkbox-size,1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-checked-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width,var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-indeterminate-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-active-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-focus-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--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-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width,var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-focus-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input: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-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\")}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-checked-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:checked:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-indeterminate-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color,var(--utrecht-checkbox-color))}";
|
|
808
|
+
styleInject(css_248z$10);
|
|
735
809
|
|
|
736
|
-
var css_248z$Z = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size,1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius,0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor,revert);inline-size:var(--utrecht-checkbox-size,1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-checked-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width,var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-indeterminate-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-active-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-focus-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--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-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width,var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-focus-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input: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-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\")}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-checked-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-indeterminate-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color,var(--utrecht-checkbox-color))}";
|
|
737
|
-
styleInject(css_248z
|
|
810
|
+
var css_248z$$ = ".utrecht-checkbox{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;-webkit-user-select:none;user-select:none}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--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-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--html-input:focus{--_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-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
|
|
811
|
+
styleInject(css_248z$$);
|
|
738
812
|
|
|
739
|
-
var _excluded$
|
|
740
|
-
function ownKeys$
|
|
741
|
-
function _objectSpread$
|
|
813
|
+
var _excluded$19 = ["appearance", "disabled", "indeterminate", "invalid", "required", "className"];
|
|
814
|
+
function ownKeys$1a(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; }
|
|
815
|
+
function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
742
816
|
var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
743
817
|
var _ref$appearance = _ref.appearance,
|
|
744
818
|
appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
|
|
745
819
|
disabled = _ref.disabled,
|
|
820
|
+
_ref$indeterminate = _ref.indeterminate,
|
|
821
|
+
indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
|
|
746
822
|
invalid = _ref.invalid,
|
|
747
823
|
required = _ref.required,
|
|
748
824
|
className = _ref.className,
|
|
749
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
750
|
-
|
|
751
|
-
|
|
825
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
826
|
+
// What's the correct way to use useRef and forwardRef together?
|
|
827
|
+
// https://stackoverflow.com/a/68163315
|
|
828
|
+
// `indeterminate` is has no TypeScript definition in React.
|
|
829
|
+
// `indeterminate` renders an attribute, not a property in React.
|
|
830
|
+
var internalRef = react.useRef(null);
|
|
831
|
+
react.useImperativeHandle(ref, function () {
|
|
832
|
+
return internalRef.current;
|
|
833
|
+
});
|
|
834
|
+
react.useEffect(function () {
|
|
835
|
+
if (internalRef.current) {
|
|
836
|
+
internalRef.current.indeterminate = indeterminate;
|
|
837
|
+
}
|
|
838
|
+
}, [indeterminate]);
|
|
839
|
+
return jsxRuntime.jsx("input", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
840
|
+
ref: internalRef,
|
|
752
841
|
type: "checkbox",
|
|
753
842
|
className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
|
|
754
843
|
'utrecht-checkbox--disabled': disabled,
|
|
755
844
|
'utrecht-checkbox--custom': appearance === 'custom',
|
|
756
845
|
'utrecht-checkbox--invalid': invalid,
|
|
846
|
+
'utrecht-checkbox--indeterminate': indeterminate,
|
|
757
847
|
'utrecht-checkbox--required': required
|
|
758
848
|
}, className),
|
|
849
|
+
"aria-checked": indeterminate ? 'mixed' : undefined,
|
|
759
850
|
"aria-invalid": invalid || undefined,
|
|
760
851
|
disabled: disabled,
|
|
761
852
|
required: required
|
|
@@ -763,17 +854,17 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
763
854
|
});
|
|
764
855
|
Checkbox.displayName = 'Checkbox';
|
|
765
856
|
|
|
766
|
-
var css_248z$
|
|
767
|
-
styleInject(css_248z$
|
|
857
|
+
var css_248z$_ = ".utrecht-code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size,inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}";
|
|
858
|
+
styleInject(css_248z$_);
|
|
768
859
|
|
|
769
|
-
var _excluded$
|
|
770
|
-
function ownKeys$
|
|
771
|
-
function _objectSpread$
|
|
860
|
+
var _excluded$18 = ["children", "className"];
|
|
861
|
+
function ownKeys$19(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; }
|
|
862
|
+
function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
772
863
|
var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
773
864
|
var children = _ref.children,
|
|
774
865
|
className = _ref.className,
|
|
775
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
776
|
-
return jsxRuntime.jsx("code", _objectSpread$
|
|
866
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
867
|
+
return jsxRuntime.jsx("code", _objectSpread$19(_objectSpread$19({
|
|
777
868
|
ref: ref,
|
|
778
869
|
className: clsx('utrecht-code', className)
|
|
779
870
|
}, restProps), {}, {
|
|
@@ -782,17 +873,17 @@ var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
782
873
|
});
|
|
783
874
|
Code.displayName = 'Code';
|
|
784
875
|
|
|
785
|
-
var css_248z$
|
|
786
|
-
styleInject(css_248z$
|
|
876
|
+
var css_248z$Z = ".utrecht-code-block{--utrecht-code-color:var(--utrecht-code-block-color,inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color,inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight,inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size,inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family,monospace);background-color:var(--utrecht-code-background-color);background-color:var(--utrecht-code-block-background-color);color:var(--utrecht-code-color);display:block;font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size,inherit);font-size:var(--utrecht-code-block-font-size,var(--utrecht-code-font-size,inherit));font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);line-height:var(--utrecht-code-block-line-height,var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-code-block__content{font-family:inherit;font-size:inherit}";
|
|
877
|
+
styleInject(css_248z$Z);
|
|
787
878
|
|
|
788
|
-
var _excluded$
|
|
789
|
-
function ownKeys$
|
|
790
|
-
function _objectSpread$
|
|
879
|
+
var _excluded$17 = ["children", "className"];
|
|
880
|
+
function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
881
|
+
function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
791
882
|
var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
792
883
|
var children = _ref.children,
|
|
793
884
|
className = _ref.className,
|
|
794
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
795
|
-
return jsxRuntime.jsx("pre", _objectSpread$
|
|
885
|
+
restProps = _objectWithoutProperties(_ref, _excluded$17);
|
|
886
|
+
return jsxRuntime.jsx("pre", _objectSpread$18(_objectSpread$18({
|
|
796
887
|
ref: ref,
|
|
797
888
|
className: clsx('utrecht-code-block', className)
|
|
798
889
|
}, restProps), {}, {
|
|
@@ -804,22 +895,22 @@ var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
804
895
|
});
|
|
805
896
|
CodeBlock.displayName = 'CodeBlock';
|
|
806
897
|
|
|
807
|
-
var css_248z$
|
|
808
|
-
styleInject(css_248z$
|
|
898
|
+
var css_248z$Y = ".utrecht-color-sample{background-color:var(--utrecht-color-sample-background-color,currentColor);block-size:var(--utrecht-color-sample-block-size,2em);border-color:var(--utrecht-color-sample-border-color,var(--utrecht-color-sample-default-border-color));border-radius:var(--utrecht-color-sample-border-radius,0);border-style:solid;border-width:var(--utrecht-color-sample-border-width,0);box-sizing:border-box;display:inline-block;inline-size:var(--utrecht-color-sample-inline-size,2em);-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors:active){.utrecht-color-sample{forced-color-adjust:none}}@media (forced-colors:active) and (prefers-color-scheme:dark){.utrecht-color-sample{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-dark-border-color,#000)}}@media (forced-colors:active) and (prefers-color-scheme:light){.utrecht-color-sample{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-light-border-color,#fff)}}";
|
|
899
|
+
styleInject(css_248z$Y);
|
|
809
900
|
|
|
810
|
-
var _excluded$
|
|
811
|
-
function ownKeys$
|
|
812
|
-
function _objectSpread$
|
|
901
|
+
var _excluded$16 = ["children", "className", "color", "style"];
|
|
902
|
+
function ownKeys$17(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; }
|
|
903
|
+
function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
813
904
|
var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
814
905
|
var children = _ref.children,
|
|
815
906
|
className = _ref.className,
|
|
816
907
|
color = _ref.color,
|
|
817
908
|
style = _ref.style,
|
|
818
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
819
|
-
return jsxRuntime.jsx("data", _objectSpread$
|
|
909
|
+
restProps = _objectWithoutProperties(_ref, _excluded$16);
|
|
910
|
+
return jsxRuntime.jsx("data", _objectSpread$17(_objectSpread$17({
|
|
820
911
|
ref: ref,
|
|
821
912
|
className: clsx('utrecht-color-sample', className),
|
|
822
|
-
style: _objectSpread$
|
|
913
|
+
style: _objectSpread$17(_objectSpread$17({}, style), {}, {
|
|
823
914
|
color: color
|
|
824
915
|
}),
|
|
825
916
|
value: color
|
|
@@ -829,8 +920,8 @@ var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
829
920
|
});
|
|
830
921
|
ColorSample.displayName = 'ColorSample';
|
|
831
922
|
|
|
832
|
-
var css_248z$
|
|
833
|
-
styleInject(css_248z$
|
|
923
|
+
var css_248z$X = ".utrecht-column-layout{column-gap:var(--utrecht-column-layout-gap,2em);column-width:var(--utrecht-column-layout-column-width,40ch);display:block}.utrecht-column-layout--rule{column-rule-color:var(--utrecht-column-layout-column-rule-color);column-rule-style:solid;column-rule-width:var(--utrecht-column-layout-column-rule-width,0)}";
|
|
924
|
+
styleInject(css_248z$X);
|
|
834
925
|
|
|
835
926
|
var ColumnLayout = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
836
927
|
var children = _ref.children,
|
|
@@ -846,12 +937,43 @@ var ColumnLayout = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
846
937
|
});
|
|
847
938
|
ColumnLayout.displayName = 'ColumnLayout';
|
|
848
939
|
|
|
849
|
-
var css_248z$
|
|
850
|
-
styleInject(css_248z$
|
|
940
|
+
var css_248z$W = ".utrecht-combobox{inline-size:100%;max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-control-max-inline-size));position:relative}.utrecht-combobox__popover{background-color:canvas;block-size:fit-content;border-width:0;color:canvastext;inline-size:fit-content;inset:0;overflow:auto;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;position:absolute;z-index:var(--utrecht-combobox-popover-z-index)}.utrecht-combobox__popover--block-end{inset-block-start:100%}.utrecht-combobox__popover--hidden{display:none!important}";
|
|
941
|
+
styleInject(css_248z$W);
|
|
851
942
|
|
|
852
|
-
var _excluded$
|
|
853
|
-
|
|
854
|
-
function
|
|
943
|
+
var _excluded$15 = ["className"],
|
|
944
|
+
_excluded2$7 = ["className", "position"];
|
|
945
|
+
function ownKeys$16(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; }
|
|
946
|
+
function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
947
|
+
var Combobox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
948
|
+
var className = _ref.className,
|
|
949
|
+
restProps = _objectWithoutProperties(_ref, _excluded$15);
|
|
950
|
+
return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({
|
|
951
|
+
className: clsx('utrecht-combobox', className)
|
|
952
|
+
}, restProps), {}, {
|
|
953
|
+
ref: ref
|
|
954
|
+
}));
|
|
955
|
+
});
|
|
956
|
+
Combobox.displayName = 'Combobox';
|
|
957
|
+
var ComboboxPopover = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
958
|
+
var className = _ref2.className,
|
|
959
|
+
position = _ref2.position,
|
|
960
|
+
restProps = _objectWithoutProperties(_ref2, _excluded2$7);
|
|
961
|
+
return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({
|
|
962
|
+
className: clsx('utrecht-combobox__popover', {
|
|
963
|
+
'utrecht-search-bar__popover--block-end': !position || position === 'block-end'
|
|
964
|
+
}, className)
|
|
965
|
+
}, restProps), {}, {
|
|
966
|
+
ref: ref
|
|
967
|
+
}));
|
|
968
|
+
});
|
|
969
|
+
ComboboxPopover.displayName = 'ComboboxPopover';
|
|
970
|
+
|
|
971
|
+
var css_248z$V = ".utrecht-currency-data{font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}";
|
|
972
|
+
styleInject(css_248z$V);
|
|
973
|
+
|
|
974
|
+
var _excluded$14 = ["children", "currency", "amount", "locale", "className"];
|
|
975
|
+
function ownKeys$15(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; }
|
|
976
|
+
function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
855
977
|
var formatLabel = function formatLabel(locale, currency, amount) {
|
|
856
978
|
return new Intl.NumberFormat(locale, {
|
|
857
979
|
style: 'currency',
|
|
@@ -887,11 +1009,11 @@ var CurrencyData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
887
1009
|
_ref$locale = _ref.locale,
|
|
888
1010
|
locale = _ref$locale === void 0 ? 'nl-NL' : _ref$locale,
|
|
889
1011
|
className = _ref.className,
|
|
890
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1012
|
+
restProps = _objectWithoutProperties(_ref, _excluded$14);
|
|
891
1013
|
var number = typeof amount === 'string' ? parseFloat(amount) : amount;
|
|
892
1014
|
var labelFormatted = formatLabel(locale, currency, number);
|
|
893
1015
|
var visuallyFormatted = formatVisually(locale, currency, number);
|
|
894
|
-
return jsxRuntime.jsx("data", _objectSpread$
|
|
1016
|
+
return jsxRuntime.jsx("data", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
|
|
895
1017
|
ref: ref,
|
|
896
1018
|
value: "".concat(currency, " ").concat(amount),
|
|
897
1019
|
className: clsx('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
|
|
@@ -901,45 +1023,45 @@ var CurrencyData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
901
1023
|
});
|
|
902
1024
|
CurrencyData.displayName = 'CurrencyData';
|
|
903
1025
|
|
|
904
|
-
var css_248z$
|
|
905
|
-
styleInject(css_248z$
|
|
1026
|
+
var css_248z$U = ".utrecht-badge-data{background-color:var(--utrecht-badge-background-color,#000);border-radius:var(--utrecht-badge-border-radius,.5ch);color:var(--utrecht-badge-color,#fff);display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-font-size,inherit);font-style:var(--utrecht-badge-font-style,normal);font-weight:var(--utrecht-badge-font-weight,bold);letter-spacing:var(--utrecht-badge-data-letter-spacing,inherit);line-height:var(--utrecht-badge-line-height,1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block,.5ex);padding-block-start:var(--utrecht-badge-padding-block,.5ex);padding-inline-end:var(--utrecht-badge-padding-inline,.5ch);padding-inline-start:var(--utrecht-badge-padding-inline,.5ch);text-decoration:none;text-transform:var(--utrecht-badge-data-text-transform,inherit)}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-badge-data{border:1px solid}}";
|
|
1027
|
+
styleInject(css_248z$U);
|
|
906
1028
|
|
|
907
|
-
var _excluded$
|
|
908
|
-
function ownKeys$
|
|
909
|
-
function _objectSpread$
|
|
1029
|
+
var _excluded$13 = ["children", "className", "dateTime", "value"];
|
|
1030
|
+
function ownKeys$14(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; }
|
|
1031
|
+
function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
910
1032
|
var DataBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
911
1033
|
var children = _ref.children,
|
|
912
1034
|
className = _ref.className,
|
|
913
1035
|
dateTime = _ref.dateTime,
|
|
914
1036
|
value = _ref.value,
|
|
915
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
916
|
-
var props = _objectSpread$
|
|
1037
|
+
restProps = _objectWithoutProperties(_ref, _excluded$13);
|
|
1038
|
+
var props = _objectSpread$14({
|
|
917
1039
|
children: children,
|
|
918
1040
|
className: clsx('utrecht-badge-data', className)
|
|
919
1041
|
}, restProps);
|
|
920
|
-
return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$
|
|
1042
|
+
return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$14(_objectSpread$14({}, props), {}, {
|
|
921
1043
|
dateTime: dateTime,
|
|
922
1044
|
ref: ref
|
|
923
|
-
})) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$
|
|
1045
|
+
})) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$14(_objectSpread$14({}, props), {}, {
|
|
924
1046
|
value: value,
|
|
925
1047
|
ref: ref
|
|
926
|
-
})) : jsxRuntime.jsx("span", _objectSpread$
|
|
1048
|
+
})) : jsxRuntime.jsx("span", _objectSpread$14(_objectSpread$14({}, props), {}, {
|
|
927
1049
|
ref: ref
|
|
928
1050
|
}));
|
|
929
1051
|
});
|
|
930
1052
|
DataBadge.displayName = 'DataBadge';
|
|
931
1053
|
|
|
932
|
-
var css_248z$
|
|
933
|
-
styleInject(css_248z$
|
|
1054
|
+
var css_248z$T = ".utrecht-document{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color,inherit)}";
|
|
1055
|
+
styleInject(css_248z$T);
|
|
934
1056
|
|
|
935
|
-
var _excluded
|
|
936
|
-
function ownKeys$
|
|
937
|
-
function _objectSpread$
|
|
1057
|
+
var _excluded$12 = ["children", "className"];
|
|
1058
|
+
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; }
|
|
1059
|
+
function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
938
1060
|
var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
939
1061
|
var children = _ref.children,
|
|
940
1062
|
className = _ref.className,
|
|
941
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
942
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1063
|
+
restProps = _objectWithoutProperties(_ref, _excluded$12);
|
|
1064
|
+
return jsxRuntime.jsx("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
|
|
943
1065
|
ref: ref,
|
|
944
1066
|
className: clsx('utrecht-document', className),
|
|
945
1067
|
children: children
|
|
@@ -947,21 +1069,21 @@ var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
947
1069
|
});
|
|
948
1070
|
Document.displayName = 'Document';
|
|
949
1071
|
|
|
950
|
-
var css_248z$
|
|
951
|
-
styleInject(css_248z$
|
|
1072
|
+
var css_248z$S = ".utrecht-data-list{display:block;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-data-list-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-data-list-margin-block-start, 0))}.utrecht-data-list__item-key{color:var(--utrecht-data-list-item-key-color);font-size:var(--utrecht-data-list-item-key-font-size);font-weight:var(--utrecht-data-list-item-key-font-weight);line-height:var(--utrecht-data-list-item-key-line-height)}.utrecht-data-list__item-value{color:var(--utrecht-data-list-item-value-color);font-size:var(--utrecht-data-list-item-value-font-size);font-weight:var(--utrecht-data-list-item-value-font-weight);line-height:var(--utrecht-data-list-item-value-line-height);min-block-size:calc(var(--utrecht-data-list-item-value-line-height)*1rem)}.utrecht-data-list__actions--html-dd,.utrecht-data-list__item-value--html-dd{margin-inline-start:0}.utrecht-data-list__item-value--multiline{white-space:pre-line}.utrecht-data-list--rows .utrecht-data-list__actions{align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}.utrecht-data-list--rows .utrecht-data-list__item{--_utrecht-minmax:max(var(--utrecht-data-list-rows-column-min-inline-size,25ch),var(--utrecht-data-list-rows-column-inline-size,80%));--_utrecht-auto-col:minmax(var(--_utrecht-minmax),max-content);border-block-end-color:var(--utrecht-data-list-rows-border-bottom-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-data-list-rows-border-bottom-width,0);column-gap:var(--utrecht-data-list-rows-gap);display:grid;grid-auto-columns:1fr;grid-template-columns:repeat(auto-fit,var(--_utrecht-auto-col));margin-block-start:var(--utrecht-data-list-rows-item-margin-block-start);padding-block-end:var(--utrecht-data-list-rows-item-padding-block-end);padding-block-start:var(--utrecht-data-list-rows-item-padding-block-start);row-gap:0}.utrecht-data-list--rows .utrecht-data-list__item:first-of-type{margin-block-start:0}.utrecht-data-list--rows .utrecht-data-list__item-value{margin-block-start:var(--utrecht-data-list-rows-item-value-margin-block-start)}";
|
|
1073
|
+
styleInject(css_248z$S);
|
|
952
1074
|
|
|
953
|
-
var _excluded$
|
|
954
|
-
_excluded2$
|
|
955
|
-
_excluded3 = ["children", "className"],
|
|
1075
|
+
var _excluded$11 = ["appearance", "children", "className"],
|
|
1076
|
+
_excluded2$6 = ["children", "className"],
|
|
1077
|
+
_excluded3$1 = ["children", "className"],
|
|
956
1078
|
_excluded4 = ["children", "className"];
|
|
957
|
-
function ownKeys
|
|
958
|
-
function _objectSpread
|
|
1079
|
+
function ownKeys$12(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; }
|
|
1080
|
+
function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
959
1081
|
var DataList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
960
1082
|
var appearance = _ref.appearance,
|
|
961
1083
|
children = _ref.children,
|
|
962
1084
|
className = _ref.className,
|
|
963
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
964
|
-
return jsxRuntime.jsx("dl", _objectSpread
|
|
1085
|
+
restProps = _objectWithoutProperties(_ref, _excluded$11);
|
|
1086
|
+
return jsxRuntime.jsx("dl", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
965
1087
|
className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
|
|
966
1088
|
ref: ref,
|
|
967
1089
|
children: children
|
|
@@ -971,8 +1093,8 @@ DataList.displayName = 'DataList';
|
|
|
971
1093
|
var DataListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
972
1094
|
var children = _ref2.children,
|
|
973
1095
|
className = _ref2.className,
|
|
974
|
-
restProps = _objectWithoutProperties(_ref2, _excluded2$
|
|
975
|
-
return jsxRuntime.jsx("div", _objectSpread
|
|
1096
|
+
restProps = _objectWithoutProperties(_ref2, _excluded2$6);
|
|
1097
|
+
return jsxRuntime.jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
976
1098
|
className: clsx('utrecht-data-list__item', className),
|
|
977
1099
|
ref: ref,
|
|
978
1100
|
children: children
|
|
@@ -982,8 +1104,8 @@ DataListItem.displayName = 'DataListItem';
|
|
|
982
1104
|
var DataListKey = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
983
1105
|
var children = _ref3.children,
|
|
984
1106
|
className = _ref3.className,
|
|
985
|
-
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
986
|
-
return jsxRuntime.jsx("dt", _objectSpread
|
|
1107
|
+
restProps = _objectWithoutProperties(_ref3, _excluded3$1);
|
|
1108
|
+
return jsxRuntime.jsx("dt", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
987
1109
|
className: clsx('utrecht-data-list__item-key', className),
|
|
988
1110
|
ref: ref,
|
|
989
1111
|
children: children
|
|
@@ -1013,7 +1135,7 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
1013
1135
|
var children = _ref5.children,
|
|
1014
1136
|
className = _ref5.className,
|
|
1015
1137
|
restProps = _objectWithoutProperties(_ref5, _excluded4);
|
|
1016
|
-
return jsxRuntime.jsx("dd", _objectSpread
|
|
1138
|
+
return jsxRuntime.jsx("dd", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
1017
1139
|
className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
|
|
1018
1140
|
ref: ref,
|
|
1019
1141
|
children: children
|
|
@@ -1021,18 +1143,18 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
1021
1143
|
});
|
|
1022
1144
|
DataListActions.displayName = 'DataListActions';
|
|
1023
1145
|
|
|
1024
|
-
var css_248z$
|
|
1025
|
-
styleInject(css_248z$
|
|
1146
|
+
var css_248z$R = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size),44px);background-color:var(--utrecht-drawer-background-color,Canvas);border-color:var(--utrecht-drawer-border-color,currentColor);border-width:var(--utrecht-drawer-border-width,0);box-sizing:border-box;color:var(--utrecht-drawer-color,CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index,1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-drawer--inline-start{border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end,.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size,100%),100% - var(--_utrecht-drawer-backdrop-min-size,44px));min-inline-size:var(--utrecht-drawer-min-inline-size,calc(320px - var(--_utrecht-drawer-backdrop-min-size)))}.utrecht-drawer--inline-end{border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end,.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size),100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size,calc(256px - var(--_utrecht-drawer-backdrop-min-size)))}.utrecht-drawer--block-end{border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}";
|
|
1147
|
+
styleInject(css_248z$R);
|
|
1026
1148
|
|
|
1027
|
-
var _excluded$
|
|
1028
|
-
function ownKeys$
|
|
1029
|
-
function _objectSpread$
|
|
1149
|
+
var _excluded$10 = ["align", "children", "className", "modal"];
|
|
1150
|
+
function ownKeys$11(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; }
|
|
1151
|
+
function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1030
1152
|
var Drawer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1031
1153
|
var align = _ref.align,
|
|
1032
1154
|
children = _ref.children,
|
|
1033
1155
|
className = _ref.className,
|
|
1034
1156
|
modal = _ref.modal,
|
|
1035
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1157
|
+
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
1036
1158
|
var dialogRef = react.useRef(null);
|
|
1037
1159
|
react.useImperativeHandle(ref, function () {
|
|
1038
1160
|
return dialogRef.current;
|
|
@@ -1045,7 +1167,7 @@ var Drawer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1045
1167
|
dialogRef.current.showModal();
|
|
1046
1168
|
}
|
|
1047
1169
|
});
|
|
1048
|
-
return jsxRuntime.jsx("dialog", _objectSpread$
|
|
1170
|
+
return jsxRuntime.jsx("dialog", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
|
|
1049
1171
|
ref: dialogRef,
|
|
1050
1172
|
className: clsx('utrecht-drawer', {
|
|
1051
1173
|
'utrecht-drawer--block-end': align === 'block-end',
|
|
@@ -1058,17 +1180,17 @@ var Drawer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1058
1180
|
});
|
|
1059
1181
|
Drawer.displayName = 'Drawer';
|
|
1060
1182
|
|
|
1061
|
-
var css_248z$
|
|
1062
|
-
styleInject(css_248z$
|
|
1183
|
+
var css_248z$Q = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}";
|
|
1184
|
+
styleInject(css_248z$Q);
|
|
1063
1185
|
|
|
1064
|
-
var _excluded
|
|
1065
|
-
function ownKeys$
|
|
1066
|
-
function _objectSpread$
|
|
1186
|
+
var _excluded$$ = ["children", "className"];
|
|
1187
|
+
function ownKeys$10(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; }
|
|
1188
|
+
function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1067
1189
|
var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1068
1190
|
var children = _ref.children,
|
|
1069
1191
|
className = _ref.className,
|
|
1070
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
1071
|
-
return jsxRuntime.jsx("em", _objectSpread$
|
|
1192
|
+
restProps = _objectWithoutProperties(_ref, _excluded$$);
|
|
1193
|
+
return jsxRuntime.jsx("em", _objectSpread$10(_objectSpread$10({
|
|
1072
1194
|
ref: ref,
|
|
1073
1195
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
1074
1196
|
}, restProps), {}, {
|
|
@@ -1077,13 +1199,13 @@ var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1077
1199
|
});
|
|
1078
1200
|
Emphasis.displayName = 'Emphasis';
|
|
1079
1201
|
|
|
1080
|
-
var css_248z$
|
|
1081
|
-
styleInject(css_248z$
|
|
1202
|
+
var css_248z$P = ".utrecht-form-fieldset{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-start, 0))}.utrecht-form-fieldset--html-fieldset,.utrecht-form-fieldset__fieldset--html-fieldset{all:revert;border:0;margin-inline-end:0;margin-inline-start:0;min-inline-size:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--html-legend{display:table;inline-size:100%;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced{--utrecht-space-around:1}.utrecht-form-fieldset--section{background-color:var(--utrecht-form-fieldset-section-background-color);color:var(--utrecht-form-fieldset-section-color)}.utrecht-form-fieldset__legend{break-inside:avoid;color:var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-form-fieldset-legend-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);page-break-after:avoid;page-break-inside:avoid}.utrecht-form-fieldset__legend--disabled{color:var(--utrecht-form-fieldset-legend-disabled-color,var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit)))}.utrecht-form-fieldset__legend--distanced{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-start, 0))}.utrecht-form-fieldset--invalid{border-inline-start-color:var(--utrecht-form-fieldset-invalid-border-inline-start-color,var(--utrecht-form-field-invalid-border-inline-start-color));border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-fieldset-invalid-border-inline-start-width,var(--utrecht-form-field-invalid-border-inline-start-width));padding-inline-start:var(--utrecht-form-fieldset-invalid-padding-inline-start,var(--utrecht-form-field-invalid-padding-inline-start))}";
|
|
1203
|
+
styleInject(css_248z$P);
|
|
1082
1204
|
|
|
1083
|
-
var _excluded$
|
|
1084
|
-
_excluded2$
|
|
1085
|
-
function ownKeys
|
|
1086
|
-
function _objectSpread
|
|
1205
|
+
var _excluded$_ = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
|
|
1206
|
+
_excluded2$5 = ["className", "children", "disabled", "invalid"];
|
|
1207
|
+
function ownKeys$$(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; }
|
|
1208
|
+
function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1087
1209
|
var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1088
1210
|
var ariaDescribedby = _ref['aria-describedby'],
|
|
1089
1211
|
ariaLabel = _ref['aria-label'],
|
|
@@ -1095,8 +1217,8 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1095
1217
|
invalid = _ref.invalid,
|
|
1096
1218
|
name = _ref.name,
|
|
1097
1219
|
role = _ref.role,
|
|
1098
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1099
|
-
return jsxRuntime.jsx("div", _objectSpread
|
|
1220
|
+
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
1221
|
+
return jsxRuntime.jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
|
|
1100
1222
|
ref: ref,
|
|
1101
1223
|
className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
|
|
1102
1224
|
children: jsxRuntime.jsx("fieldset", {
|
|
@@ -1119,8 +1241,8 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1119
1241
|
children = _ref2.children,
|
|
1120
1242
|
disabled = _ref2.disabled,
|
|
1121
1243
|
invalid = _ref2.invalid,
|
|
1122
|
-
restProps = _objectWithoutProperties(_ref2, _excluded2$
|
|
1123
|
-
return jsxRuntime.jsx("fieldset", _objectSpread
|
|
1244
|
+
restProps = _objectWithoutProperties(_ref2, _excluded2$5);
|
|
1245
|
+
return jsxRuntime.jsx("fieldset", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
|
|
1124
1246
|
ref: ref,
|
|
1125
1247
|
"aria-invalid": invalid || undefined,
|
|
1126
1248
|
disabled: disabled,
|
|
@@ -1130,14 +1252,14 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1130
1252
|
});
|
|
1131
1253
|
FieldsetOnly.displayName = 'Fieldset';
|
|
1132
1254
|
|
|
1133
|
-
var _excluded$
|
|
1134
|
-
function ownKeys$
|
|
1135
|
-
function _objectSpread$
|
|
1255
|
+
var _excluded$Z = ["className", "children"];
|
|
1256
|
+
function ownKeys$_(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; }
|
|
1257
|
+
function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1136
1258
|
var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1137
1259
|
var className = _ref.className,
|
|
1138
1260
|
children = _ref.children,
|
|
1139
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1140
|
-
return jsxRuntime.jsx("legend", _objectSpread$
|
|
1261
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Z);
|
|
1262
|
+
return jsxRuntime.jsx("legend", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
|
|
1141
1263
|
ref: ref,
|
|
1142
1264
|
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
|
|
1143
1265
|
children: children
|
|
@@ -1145,17 +1267,17 @@ var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1145
1267
|
});
|
|
1146
1268
|
FieldsetLegend.displayName = 'FieldsetLegend';
|
|
1147
1269
|
|
|
1148
|
-
var css_248z$
|
|
1149
|
-
styleInject(css_248z$
|
|
1270
|
+
var css_248z$O = ".utrecht-figure{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-start, 0))}.utrecht-figure__caption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}";
|
|
1271
|
+
styleInject(css_248z$O);
|
|
1150
1272
|
|
|
1151
|
-
var _excluded$
|
|
1152
|
-
function ownKeys$
|
|
1153
|
-
function _objectSpread$
|
|
1273
|
+
var _excluded$Y = ["className", "children"];
|
|
1274
|
+
function ownKeys$Z(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; }
|
|
1275
|
+
function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1154
1276
|
var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1155
1277
|
var className = _ref.className,
|
|
1156
1278
|
children = _ref.children,
|
|
1157
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1158
|
-
return jsxRuntime.jsx("figure", _objectSpread$
|
|
1279
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1280
|
+
return jsxRuntime.jsx("figure", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
|
|
1159
1281
|
ref: ref,
|
|
1160
1282
|
className: clsx('utrecht-figure', className),
|
|
1161
1283
|
children: children
|
|
@@ -1163,14 +1285,14 @@ var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1163
1285
|
});
|
|
1164
1286
|
Figure.displayName = 'Figure';
|
|
1165
1287
|
|
|
1166
|
-
var _excluded$
|
|
1167
|
-
function ownKeys$
|
|
1168
|
-
function _objectSpread$
|
|
1288
|
+
var _excluded$X = ["className", "children"];
|
|
1289
|
+
function ownKeys$Y(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; }
|
|
1290
|
+
function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1169
1291
|
var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1170
1292
|
var className = _ref.className,
|
|
1171
1293
|
children = _ref.children,
|
|
1172
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1173
|
-
return jsxRuntime.jsx("figcaption", _objectSpread$
|
|
1294
|
+
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1295
|
+
return jsxRuntime.jsx("figcaption", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
|
|
1174
1296
|
ref: ref,
|
|
1175
1297
|
className: clsx('utrecht-figure__caption', className),
|
|
1176
1298
|
children: children
|
|
@@ -1178,19 +1300,22 @@ var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1178
1300
|
});
|
|
1179
1301
|
FigureCaption.displayName = 'FigureCaption';
|
|
1180
1302
|
|
|
1181
|
-
var css_248z$
|
|
1182
|
-
styleInject(css_248z$
|
|
1303
|
+
var css_248z$N = ".utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-document-font-family,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-margin-block-start, 0));max-inline-size:var(--utrecht-form-field-max-inline-size);page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width,0);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end,12px);grid-template-areas:\"input label\" \"input description\" \"input description-invalid\";grid-template-columns:var(--utrecht-checkbox-size) 100fr}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc((var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px))*-1)}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-checkbox-margin-inline-end,12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-radio-button-margin-inline-end,12px);grid-template-areas:\"input label\" \"input description\" \"input description-invalid\";grid-template-columns:var(--utrecht-radio-button-size) 100fr}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc((var(--utrecht-radio-button-size) + var(--utrecht-radio-button-margin-inline-end, 12px))*-1)}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-radio-button-margin-inline-end,12px)}.utrecht-form-field__input{grid-area:input;margin-block-end:0;margin-block-start:0;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:description-invalid;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}";
|
|
1304
|
+
styleInject(css_248z$N);
|
|
1183
1305
|
|
|
1184
|
-
var _excluded$
|
|
1185
|
-
function ownKeys$
|
|
1186
|
-
function _objectSpread$
|
|
1306
|
+
var _excluded$W = ["className", "children", "description", "input", "invalid", "label", "type"];
|
|
1307
|
+
function ownKeys$X(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; }
|
|
1308
|
+
function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1187
1309
|
var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1188
1310
|
var className = _ref.className,
|
|
1189
1311
|
children = _ref.children,
|
|
1312
|
+
description = _ref.description,
|
|
1313
|
+
input = _ref.input,
|
|
1190
1314
|
invalid = _ref.invalid,
|
|
1315
|
+
label = _ref.label,
|
|
1191
1316
|
type = _ref.type,
|
|
1192
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1193
|
-
return jsxRuntime.
|
|
1317
|
+
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1318
|
+
return jsxRuntime.jsxs("div", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
|
|
1194
1319
|
ref: ref,
|
|
1195
1320
|
className: clsx('utrecht-form-field', {
|
|
1196
1321
|
'utrecht-form-field--invalid': invalid,
|
|
@@ -1198,25 +1323,34 @@ var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1198
1323
|
'utrecht-form-field--radio': type === 'radio',
|
|
1199
1324
|
'utrecht-form-field--text': !type || type === 'text'
|
|
1200
1325
|
}, className),
|
|
1201
|
-
children:
|
|
1326
|
+
children: [label && jsxRuntime.jsx("div", {
|
|
1327
|
+
className: "utrecht-form-field__label",
|
|
1328
|
+
children: label
|
|
1329
|
+
}), input && jsxRuntime.jsx("div", {
|
|
1330
|
+
className: "utrecht-form-field__input",
|
|
1331
|
+
children: input
|
|
1332
|
+
}), description && jsxRuntime.jsx("div", {
|
|
1333
|
+
className: "utrecht-form-field__description",
|
|
1334
|
+
children: description
|
|
1335
|
+
}), children]
|
|
1202
1336
|
}));
|
|
1203
1337
|
});
|
|
1204
1338
|
FormField.displayName = 'FormField';
|
|
1205
1339
|
|
|
1206
|
-
var css_248z$
|
|
1207
|
-
styleInject(css_248z$
|
|
1340
|
+
var css_248z$M = ".utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-form-field-description-font-size,inherit);font-style:var(--utrecht-form-field-description-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description--distanced,.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color,var(--utrecht-feedback-invalid-color,var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color,var(--utrecht-feedback-valid-color,var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color,var(--utrecht-feedback-warning-color))}";
|
|
1341
|
+
styleInject(css_248z$M);
|
|
1208
1342
|
|
|
1209
|
-
var _excluded$
|
|
1210
|
-
function ownKeys$
|
|
1211
|
-
function _objectSpread$
|
|
1343
|
+
var _excluded$V = ["invalid", "valid", "warning", "className", "children"];
|
|
1344
|
+
function ownKeys$W(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; }
|
|
1345
|
+
function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1212
1346
|
var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1213
1347
|
var invalid = _ref.invalid,
|
|
1214
1348
|
valid = _ref.valid,
|
|
1215
1349
|
warning = _ref.warning,
|
|
1216
1350
|
className = _ref.className,
|
|
1217
1351
|
children = _ref.children,
|
|
1218
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1219
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1352
|
+
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1353
|
+
return jsxRuntime.jsx("div", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
|
|
1220
1354
|
ref: ref,
|
|
1221
1355
|
className: clsx('utrecht-form-field-description', invalid && 'utrecht-form-field-description--invalid', valid && 'utrecht-form-field-description--valid', warning && 'utrecht-form-field-description--warning', className),
|
|
1222
1356
|
children: children
|
|
@@ -1224,17 +1358,17 @@ var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1224
1358
|
});
|
|
1225
1359
|
FormFieldDescription.displayName = 'FormFieldDescription';
|
|
1226
1360
|
|
|
1227
|
-
var css_248z$
|
|
1228
|
-
styleInject(css_248z$
|
|
1361
|
+
var css_248z$L = ".utrecht-form-field-error-message{--utrecht-document-color:currentColor;background-color:var(--utrecht-form-field-error-message-background-color);color:var(--utrecht-form-field-error-message-color);display:block;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-form-field-error-message-font-size,inherit);font-style:var(--utrecht-form-field-error-message-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-block-end:var(--utrecht-form-field-error-message-padding-block-end);padding-block-start:var(--utrecht-form-field-error-message-padding-block-start);padding-inline-end:var(--utrecht-form-field-error-message-padding-inline-end);padding-inline-start:var(--utrecht-form-field-error-message-padding-inline-start)}.utrecht-form-field-error-message>*{--utrecht-space-around:1}";
|
|
1362
|
+
styleInject(css_248z$L);
|
|
1229
1363
|
|
|
1230
|
-
var _excluded$
|
|
1231
|
-
function ownKeys$
|
|
1232
|
-
function _objectSpread$
|
|
1364
|
+
var _excluded$U = ["className", "children"];
|
|
1365
|
+
function ownKeys$V(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; }
|
|
1366
|
+
function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1233
1367
|
var FormFieldErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1234
1368
|
var className = _ref.className,
|
|
1235
1369
|
children = _ref.children,
|
|
1236
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1237
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1370
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1371
|
+
return jsxRuntime.jsx("div", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
|
|
1238
1372
|
ref: ref,
|
|
1239
1373
|
className: clsx('utrecht-form-field-error-message', className),
|
|
1240
1374
|
children: children
|
|
@@ -1242,20 +1376,50 @@ var FormFieldErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1242
1376
|
});
|
|
1243
1377
|
FormFieldErrorMessage.displayName = 'FormFieldErrorMessage';
|
|
1244
1378
|
|
|
1245
|
-
var css_248z$J = ".utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor,revert);font-weight:var(--utrecht-form-label-disabled-color,var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}";
|
|
1246
|
-
styleInject(css_248z$
|
|
1379
|
+
var css_248z$K = ".utrecht-textbox{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(var(--utrecht-textbox-value-max-length)*var(--_utrecht-textbox-value-char) + var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) + var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) + var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) + var(--utrecht-textbox-autocomplete-ui-size, 44px));background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color));block-size:auto;border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-control-font-size,inherit));font-weight:400;inline-size:100%;line-height:var(--utrecht-textbox-line-height,var(--utrecht-form-control-line-height,initial));max-inline-size:min(var(--_utrecht-textbox-max-inline-size,100%),var(--utrecht-textbox-max-inline-size,var(--utrecht-form-control-max-inline-size)));min-block-size:var(--utrecht-pointer-target-min-size,44px);min-inline-size:var(--utrecht-pointer-target-min-size,44px);padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial))}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textbox-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--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-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));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-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textbox-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[type=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=tel i],.utrecht-textbox--html-input[pattern=\"[0-9]*\"],.utrecht-textbox--html-input[pattern=\"\\\\d*\"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}";
|
|
1380
|
+
styleInject(css_248z$K);
|
|
1247
1381
|
|
|
1248
|
-
var _excluded$
|
|
1249
|
-
function ownKeys$
|
|
1250
|
-
function _objectSpread$
|
|
1382
|
+
var _excluded$T = ["dir", "disabled", "invalid", "readOnly", "required", "inputRequired", "className", "type", "inputMode"];
|
|
1383
|
+
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; }
|
|
1384
|
+
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; }
|
|
1385
|
+
var Textbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1386
|
+
var dir = _ref.dir,
|
|
1387
|
+
disabled = _ref.disabled,
|
|
1388
|
+
invalid = _ref.invalid,
|
|
1389
|
+
readOnly = _ref.readOnly,
|
|
1390
|
+
required = _ref.required,
|
|
1391
|
+
inputRequired = _ref.inputRequired,
|
|
1392
|
+
className = _ref.className,
|
|
1393
|
+
_ref$type = _ref.type,
|
|
1394
|
+
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
1395
|
+
inputMode = _ref.inputMode,
|
|
1396
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1397
|
+
return jsxRuntime.jsx("input", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
|
|
1398
|
+
ref: ref,
|
|
1399
|
+
type: type,
|
|
1400
|
+
className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', (required || inputRequired) && 'utrecht-textbox--required', className),
|
|
1401
|
+
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
1402
|
+
disabled: disabled,
|
|
1403
|
+
readOnly: readOnly,
|
|
1404
|
+
"aria-required": required ? required : undefined,
|
|
1405
|
+
required: inputRequired,
|
|
1406
|
+
"aria-invalid": invalid || undefined,
|
|
1407
|
+
inputMode: inputMode || (type === 'number' ? 'numeric' : undefined)
|
|
1408
|
+
}));
|
|
1409
|
+
});
|
|
1410
|
+
Textbox.displayName = 'Textbox';
|
|
1411
|
+
|
|
1412
|
+
var _excluded$S = ["children", "className", "type", "disabled", "checked"];
|
|
1413
|
+
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; }
|
|
1414
|
+
function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1251
1415
|
var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1252
1416
|
var children = _ref.children,
|
|
1253
1417
|
className = _ref.className,
|
|
1254
1418
|
type = _ref.type,
|
|
1255
1419
|
disabled = _ref.disabled,
|
|
1256
1420
|
checked = _ref.checked,
|
|
1257
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1258
|
-
return jsxRuntime.jsx("label", _objectSpread$
|
|
1421
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1422
|
+
return jsxRuntime.jsx("label", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
1259
1423
|
ref: ref,
|
|
1260
1424
|
className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
|
|
1261
1425
|
children: children
|
|
@@ -1263,12 +1427,112 @@ var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1263
1427
|
});
|
|
1264
1428
|
FormLabel.displayName = 'FormLabel';
|
|
1265
1429
|
|
|
1266
|
-
var
|
|
1430
|
+
var _excluded$R = ["name", "invalid", "disabled", "label", "errorMessage", "description", "readOnly", "status", "autoComplete", "list", "min", "max", "minLength", "maxLength", "step", "placeholder", "pattern", "required", "inputRequired", "inputDir", "type", "value", "onChange", "onInput", "onFocus", "onBlur", "defaultValue", "size", "children", "inputRef"];
|
|
1431
|
+
function ownKeys$S(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; }
|
|
1432
|
+
function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1433
|
+
var FormFieldTextbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1434
|
+
var name = _ref.name,
|
|
1435
|
+
invalid = _ref.invalid,
|
|
1436
|
+
disabled = _ref.disabled,
|
|
1437
|
+
label = _ref.label,
|
|
1438
|
+
errorMessage = _ref.errorMessage,
|
|
1439
|
+
description = _ref.description,
|
|
1440
|
+
readOnly = _ref.readOnly,
|
|
1441
|
+
status = _ref.status,
|
|
1442
|
+
autoComplete = _ref.autoComplete,
|
|
1443
|
+
list = _ref.list,
|
|
1444
|
+
min = _ref.min,
|
|
1445
|
+
max = _ref.max,
|
|
1446
|
+
minLength = _ref.minLength,
|
|
1447
|
+
maxLength = _ref.maxLength,
|
|
1448
|
+
step = _ref.step,
|
|
1449
|
+
placeholder = _ref.placeholder,
|
|
1450
|
+
pattern = _ref.pattern,
|
|
1451
|
+
required = _ref.required,
|
|
1452
|
+
inputRequired = _ref.inputRequired,
|
|
1453
|
+
inputDir = _ref.inputDir,
|
|
1454
|
+
type = _ref.type,
|
|
1455
|
+
value = _ref.value,
|
|
1456
|
+
onChange = _ref.onChange,
|
|
1457
|
+
onInput = _ref.onInput,
|
|
1458
|
+
onFocus = _ref.onFocus,
|
|
1459
|
+
onBlur = _ref.onBlur,
|
|
1460
|
+
defaultValue = _ref.defaultValue,
|
|
1461
|
+
size = _ref.size,
|
|
1462
|
+
children = _ref.children,
|
|
1463
|
+
inputRef = _ref.inputRef,
|
|
1464
|
+
props = _objectWithoutProperties(_ref, _excluded$R);
|
|
1465
|
+
var inputId = react.useId();
|
|
1466
|
+
var descriptionId = react.useId();
|
|
1467
|
+
var statusId = react.useId();
|
|
1468
|
+
var errorMessageId = react.useId();
|
|
1469
|
+
return jsxRuntime.jsxs(FormField, _objectSpread$S(_objectSpread$S({
|
|
1470
|
+
invalid: invalid,
|
|
1471
|
+
ref: ref
|
|
1472
|
+
}, props), {}, {
|
|
1473
|
+
children: [jsxRuntime.jsx("div", {
|
|
1474
|
+
className: "utrecht-form-field__label",
|
|
1475
|
+
children: jsxRuntime.jsx(FormLabel, {
|
|
1476
|
+
htmlFor: inputId,
|
|
1477
|
+
children: label
|
|
1478
|
+
})
|
|
1479
|
+
}), description && jsxRuntime.jsx(FormFieldDescription, {
|
|
1480
|
+
className: "utrecht-form-field__description",
|
|
1481
|
+
id: descriptionId,
|
|
1482
|
+
children: description
|
|
1483
|
+
}), invalid && errorMessage && jsxRuntime.jsx(FormFieldErrorMessage, {
|
|
1484
|
+
className: "utrecht-form-field__error-message",
|
|
1485
|
+
id: errorMessageId,
|
|
1486
|
+
children: errorMessage
|
|
1487
|
+
}), jsxRuntime.jsx("div", {
|
|
1488
|
+
className: "utrecht-form-field__input",
|
|
1489
|
+
children: jsxRuntime.jsx(Textbox, {
|
|
1490
|
+
ref: inputRef,
|
|
1491
|
+
id: inputId,
|
|
1492
|
+
name: name,
|
|
1493
|
+
type: type || 'text',
|
|
1494
|
+
autoComplete: autoComplete,
|
|
1495
|
+
"aria-describedby": clsx(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || undefined,
|
|
1496
|
+
invalid: invalid,
|
|
1497
|
+
dir: inputDir || 'auto',
|
|
1498
|
+
disabled: disabled,
|
|
1499
|
+
min: min,
|
|
1500
|
+
max: max,
|
|
1501
|
+
minLength: minLength,
|
|
1502
|
+
maxLength: maxLength,
|
|
1503
|
+
pattern: pattern,
|
|
1504
|
+
placeholder: placeholder,
|
|
1505
|
+
readOnly: readOnly,
|
|
1506
|
+
required: required,
|
|
1507
|
+
inputRequired: inputRequired,
|
|
1508
|
+
value: value,
|
|
1509
|
+
onFocus: onFocus,
|
|
1510
|
+
onBlur: onBlur,
|
|
1511
|
+
onInput: onInput,
|
|
1512
|
+
onChange: onChange,
|
|
1513
|
+
defaultValue: defaultValue,
|
|
1514
|
+
list: list,
|
|
1515
|
+
size: size,
|
|
1516
|
+
step: step
|
|
1517
|
+
})
|
|
1518
|
+
}), status && jsxRuntime.jsx("div", {
|
|
1519
|
+
className: "utrecht-form-field__status",
|
|
1520
|
+
id: statusId,
|
|
1521
|
+
children: status
|
|
1522
|
+
}), children]
|
|
1523
|
+
}));
|
|
1524
|
+
});
|
|
1525
|
+
FormFieldTextbox.displayName = 'FormFieldTextbox';
|
|
1526
|
+
|
|
1527
|
+
var css_248z$J = ".utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{color:var(--utrecht-form-label-disabled-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}";
|
|
1528
|
+
styleInject(css_248z$J);
|
|
1529
|
+
|
|
1530
|
+
var css_248z$I = ".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height,2em);border-color:var(--utrecht-form-toggle-border-color,currentColor);border-radius:var(--utrecht-form-toggle-border-radius,999rem);border-style:var(--utrecht-form-toggle-border-style,solid);border-width:var(--utrecht-form-toggle-border-width,1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor,revert);display:flex;inline-size:var(--utrecht-form-toggle-width,6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color,var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width,1px),1px)}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div: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-form-toggle--hover{background-color:var(--utrecht-form-toggle-hover-background-color,var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color,var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color,var(--utrecht-form-toggle-border-color,currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style,var(--utrecht-form-toggle-border-style,solid));border-width:var(--utrecht-form-toggle-disabled-border-width,var(--utrecht-form-toggle-border-width,1px));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color,currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius,50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end,0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start,0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size,1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size,1.5em);z-index:20}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb,.utrecht-form-toggle__thumb--checked{margin-inline-start:auto}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb,.utrecht-form-toggle__thumb--not-checked{margin-inline-end:auto}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb,.utrecht-form-toggle__thumb--disabled{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color,#aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow,0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius,var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--html-label{cursor:inherit}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track,.utrecht-form-toggle__track--checked{background-color:var(--utrecht-form-toggle-checked-accent-color,var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track,.utrecht-form-toggle__track--disabled{background-color:var(--utrecht-form-toggle-background-disabled-background-color,#ddd);color:var(--utrecht-form-toggle-disabled-color,#000)}.utrecht-form-toggle__track--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-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{clip:rect(1px,1px,1px,1px)!important;block-size:1px!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;inline-size:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible~.utrecht-form-toggle__track{--_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)}";
|
|
1267
1531
|
styleInject(css_248z$I);
|
|
1268
1532
|
|
|
1269
|
-
var _excluded$
|
|
1270
|
-
function ownKeys$
|
|
1271
|
-
function _objectSpread$
|
|
1533
|
+
var _excluded$Q = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
|
|
1534
|
+
function ownKeys$R(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; }
|
|
1535
|
+
function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1272
1536
|
var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1273
1537
|
var checked = _ref.checked,
|
|
1274
1538
|
disabled = _ref.disabled,
|
|
@@ -1279,7 +1543,7 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1279
1543
|
role = _ref.role,
|
|
1280
1544
|
tabIndex = _ref.tabIndex,
|
|
1281
1545
|
className = _ref.className,
|
|
1282
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1546
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1283
1547
|
return jsxRuntime.jsxs("div", {
|
|
1284
1548
|
className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
|
|
1285
1549
|
'utrecht-form-toggle--disabled': disabled,
|
|
@@ -1287,7 +1551,7 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1287
1551
|
'utrecht-form-toggle--required': required
|
|
1288
1552
|
}, className),
|
|
1289
1553
|
hidden: hidden,
|
|
1290
|
-
children: [jsxRuntime.jsx("input", _objectSpread$
|
|
1554
|
+
children: [jsxRuntime.jsx("input", _objectSpread$R({
|
|
1291
1555
|
id: id,
|
|
1292
1556
|
"aria-invalid": invalid || undefined,
|
|
1293
1557
|
type: "checkbox",
|
|
@@ -1300,7 +1564,7 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1300
1564
|
tabIndex: tabIndex
|
|
1301
1565
|
}, restProps)), jsxRuntime.jsx("label", {
|
|
1302
1566
|
htmlFor: id,
|
|
1303
|
-
className:
|
|
1567
|
+
className: clsx('utrecht-form-toggle__track', 'utrecht-form-toggle__track--html-label'),
|
|
1304
1568
|
children: jsxRuntime.jsx("div", {
|
|
1305
1569
|
className: "utrecht-form-toggle__thumb"
|
|
1306
1570
|
})
|
|
@@ -1309,17 +1573,17 @@ var FormToggle = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1309
1573
|
});
|
|
1310
1574
|
FormToggle.displayName = 'FormToggle';
|
|
1311
1575
|
|
|
1312
|
-
var css_248z$H = "@charset \"UTF-8\";.utrecht-html{--utrecht-space-around:1}.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-html blockquote{--utrecht-document-color:var(--utrecht-blockquote-content-color,inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size,inherit);--utrecht-space-around:1;background-color:var(--utrecht-blockquote-background-color);color:var(--utrecht-blockquote-color);color:var(--utrecht-blockquote-content-color,inherit);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);font-size:var(--utrecht-blockquote-content-font-size,inherit);font-style:var(--utrecht-blockquote-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-start, 0));margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);padding-block-end:var(--utrecht-blockquote-padding-block-end);padding-block-start:var(--utrecht-blockquote-padding-block-start);padding-inline-end:var(--utrecht-blockquote-padding-inline-end);padding-inline-start:var(--utrecht-blockquote-padding-inline-start)}.utrecht-html button,.utrecht-html input[type=button i],.utrecht-html input[type=reset i],.utrecht-html input[type=submit i]{--_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);block-size:fit-content;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);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);max-inline-size:var(--utrecht-button-max-inline-size,fit-content);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);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}.utrecht-html button[hidden]{display:none}.utrecht-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor,revert)}.utrecht-html button:disabled,.utrecht-html button[aria-disabled=true]{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-html button:disabled[aria-busy=true],.utrecht-html button[aria-busy=true],.utrecht-html button[aria-disabled=true][aria-busy=true]{cursor:var(--utrecht-action-busy-cursor,wait)}.utrecht-html button:active:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-html button:hover:not([aria-disabled=true],: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-html button:focus:not([aria-disabled=true],: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-html 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-html input[type=checkbox i]{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;-webkit-user-select:none;user-select:none}.utrecht-html input[type=checkbox i]:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-html input[type=checkbox i]:focus{--_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-html input[type=checkbox i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html body{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;background-color:var(--utrecht-document-background-color,inherit);color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility}.utrecht-html body :lang(ar){letter-spacing:0!important}.utrecht-html code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}.utrecht-html fieldset{--utrecht-space-around:1;all:revert;border:0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-start, 0));margin-inline-end:0;margin-inline-start:0;min-inline-size:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-html fieldset[hidden]{display:none}.utrecht-html figure{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-start, 0))}.utrecht-html figcaption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}.utrecht-html form{display:block;max-inline-size:var(--utrecht-form-max-inline-size)}.utrecht-html legend{break-inside:avoid;color:var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit));display:table;font-family:var(--utrecht-form-fieldset-legend-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);inline-size:100%;line-height:var(--utrecht-form-fieldset-legend-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-start, 0));padding-inline-end:0;padding-inline-start:0;page-break-after:avoid;page-break-inside:avoid}.utrecht-html legend[hidden]{display:none}.utrecht-html fieldset:disabled>legend{color:var(--utrecht-form-fieldset-legend-disabled-color,var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit)))}.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-html input[type=checkbox i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html input[type=radio i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html mark{background-color:var(--utrecht-mark-background-color,revert);color:var(--utrecht-mark-color,revert)}@media print{.utrecht-html mark{outline-color:currentColor;outline-style:dotted;outline-width:.1em}}@media screen and (-ms-high-contrast:active){.utrecht-html mark{background-color:Highlight;color:HighlightText}}.utrecht-html h1{color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size,revert);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-start, 0))}.utrecht-html h1,.utrecht-html h2{--utrecht-space-around:1;break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h2{color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size,revert);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-start, 0))}.utrecht-html h3{color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0))}.utrecht-html h3,.utrecht-html h4{--utrecht-space-around:1;break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h4{color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0))}.utrecht-html h5{color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0))}.utrecht-html h5,.utrecht-html h6{--utrecht-space-around:1;break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h6{color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0))}.utrecht-html hgroup{--utrecht-pre-heading-order:-1;--utrecht-space-around:1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-start, 0))}.utrecht-html hgroup>*{--utrecht-space-around:0}.utrecht-html a{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)))}.utrecht-html a:visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.utrecht-html a:hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-html a:active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-html a:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-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);text-decoration-skip-ink:none;z-index:var(--utrecht-stack-focus-z-index,1)}.utrecht-html a:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-html ol{--utrecht-space-around:1;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-html ol>li{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))}.utrecht-html ol:lang(ar){list-style:arabic-indic}.utrecht-html p{color:var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-paragraph-font-family,var(--utrecht-document-font-family,inherit));font-size:var(--utrecht-paragraph-font-size,var(--utrecht-document-font-size,inherit));font-weight:var(--utrecht-paragraph-font-weight,inherit);line-height:var(--utrecht-paragraph-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-html p.lead{color:var(--utrecht-paragraph-lead-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-lead-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-lead-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-lead-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html *~p{--utrecht-space-around:1}.utrecht-html p:has(>small:only-child){color:var(--utrecht-paragraph-small-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-small-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-small-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-small-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html p>small:only-child{font-size:inherit}.utrecht-html pre:has(>code:only-child){--utrecht-code-color:var(--utrecht-code-block-color,inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color,inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight,inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size,inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family,monospace);background-color:var(--utrecht-code-background-color);background-color:var(--utrecht-code-block-background-color);color:var(--utrecht-code-color);display:block;font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-size:var(--utrecht-code-block-font-size,var(--utrecht-code-font-size));font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);line-height:var(--utrecht-code-block-line-height,var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-html pre[hidden]:has(>code:only-child){display:none}.utrecht-html pre:has(>code:only-child)>code{display:contents}.utrecht-html input[type=radio i]{--_utrecht-radio-button-background-color:var(\n --_utrecht-radio-button-interactive-background-color,var(--_utrecht-radio-button-state-background-color,var(--utrecht-radio-button-background-color))\n );--_utrecht-radio-button-border-color:var(\n --_utrecht-radio-button-interactive-border-color,var(--_utrecht-radio-button-state-border-color,var(--utrecht-radio-button-border-color,currentColor))\n );--_utrecht-radio-button-border-width:var(\n --_utrecht-radio-button-interactive-border-width,var(--_utrecht-radio-button-state-border-width,var(--utrecht-radio-button-border-width))\n );--_utrecht-radio-button-color:var(\n --_utrecht-radio-button-interactive-color,var(--_utrecht-radio-button-state-color,var(--utrecht-radio-button-color,currentColor))\n );--_utrecht-radio-button-icon-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--_utrecht-radio-button-background-color);background-image:radial-gradient(circle,var(--_utrecht-radio-button-color,transparent) calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),var(--_utrecht-radio-button-background-color,currentColor) var(--_utrecht-radio-button-icon-size,50%));background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-radio-button-size,1em);border-color:var(--_utrecht-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--_utrecht-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor,revert);inline-size:var(--utrecht-radio-button-size,1em);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-end:var(--utrecht-radio-button-margin-inline-end);margin-inline-start:0;min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:top}.utrecht-html input[type=radio i]:checked{--_utrecht-radio-button-icon-size:var(--utrecht-radio-button-icon-size,50%);--_utrecht-radio-button-state-background-color:var(--utrecht-radio-button-checked-background-color);--_utrecht-radio-button-state-border-color:var(--utrecht-radio-button-checked-border-color);--_utrecht-radio-button-state-border-width:var(--utrecht-radio-button-checked-border-width);--_utrecht-radio-button-state-color:var(--utrecht-radio-button-checked-color);--_utrecht-radio-button-state-active-background-color:var(--utrecht-radio-button-checked-active-background-color);--_utrecht-radio-button-state-active-border-color:var(--utrecht-radio-button-checked-active-border-color);--_utrecht-radio-button-state-active-border-width:var(--utrecht-radio-button-checked-active-border-width);--_utrecht-radio-button-state-active-color:var(--utrecht-radio-button-checked-active-color);--_utrecht-radio-button-state-focus-background-color:var(--utrecht-radio-button-checked-focus-background-color);--_utrecht-radio-button-state-focus-border-color:var(--utrecht-radio-button-checked-focus-border-color);--_utrecht-radio-button-state-focus-border-width:var(--utrecht-radio-button-checked-focus-border-width);--_utrecht-radio-button-state-focus-color:var(--utrecht-radio-button-checked-focus-color);--_utrecht-radio-button-state-hover-background-color:var(--utrecht-radio-button-checked-hover-background-color);--_utrecht-radio-button-state-hover-border-color:var(--utrecht-radio-button-checked-hover-border-color);--_utrecht-radio-button-state-hover-border-width:var(--utrecht-radio-button-checked-hover-border-width);--_utrecht-radio-button-state-hover-color:var(--utrecht-radio-button-checked-hover-color)}.utrecht-html input[type=radio i]:disabled{--_utrecht-radio-button-background-color:var(--utrecht-radio-button-disabled-background-color);--_utrecht-radio-button-border-color:var(--utrecht-radio-button-disabled-border-color);--_utrecht-radio-button-border-width:var(--utrecht-radio-button-disabled-border-width);--_utrecht-radio-button-color:var(--utrecht-radio-button-disabled-color);--_utrecht-radio-button-focus-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-focus-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-focus-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-focus-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-active-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-active-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-active-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-active-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-hover-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-hover-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-hover-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-hover-color:var(--_utrecht-radio-button-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-html input[type=radio i]:invalid,.utrecht-html input[type=radio i][aria-invalid=true]{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:focus:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-focus-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-focus-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-focus-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --utrecht-radio-button-focus-color,var(--utrecht-radio-button-focus-color)\n )}.utrecht-html input[type=radio i]: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-html input[type=radio i]:hover:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-hover-background-color,var(--utrecht-radio-button-hover-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-hover-border-color,var(--utrecht-radio-button-hover-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-hover-border-width,var(--utrecht-radio-button-hover-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-hover-color,var(--utrecht-radio-button-hover-color)\n )}.utrecht-html input[type=radio i]:active:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-active-background-color,var(--utrecht-radio-button-active-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-active-border-color,var(--utrecht-radio-button-active-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-active-border-width,var(--utrecht-radio-button-active-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-active-color,var(--utrecht-radio-button-active-color)\n )}.utrecht-html select{background-color:var(--utrecht-select-background-color,var(--utrecht-form-control-background-color));border-block-end-width:var(--utrecht-select-border-block-end-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width)));border-block-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-color:var(--utrecht-select-border-color,var(--utrecht-form-control-border-color));border-inline-end-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-inline-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-radius:var(--utrecht-select-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;color:var(--utrecht-select-color,var(--utrecht-form-control-color));font-family:var(--utrecht-select-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-select-font-size,var(--utrecht-form-control-font-size));inline-size:100%;max-inline-size:var(--utrecht-select-max-inline-size,var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end,var(--utrecht-form-control-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start,var(--utrecht-form-control-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end,var(--utrecht-form-control-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start,var(--utrecht-form-control-padding-inline-start))}.utrecht-html select:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-select-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));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-html select:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html select:disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-html select[aria-invalid=true]{--_utrecht-select-border-width:var(\n --utrecht-select-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-select-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-select-border-width);border-block-end-width:var(--utrecht-select-invalid-border-block-end-width,var(--utrecht-form-control-invalid-border-block-end-width,var(--utrecht-select-border-block-end-width,var(--utrecht-form-control-border-block-end-width,var(--_utrecht-select-border-width)))));border-color:var(--utrecht-select-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))))}.utrecht-html hr{--utrecht-space-around:1;border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-start, 0))}.utrecht-html table{--utrecht-space-around:1;border-collapse:separate;border-color:var(--utrecht-table-border-color,0);border-spacing:0;border-style:solid;border-width:var(--utrecht-table-border-width,0);font-family:var(--utrecht-table-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size,inherit);inline-size:100%;line-height:var(--utrecht-table-line-height,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-start, 0))}.utrecht-html caption{break-inside:avoid;color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align,center)}.utrecht-html thead{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform)}.utrecht-html tbody{--_utrecht-table-header-cell-z-index:2}.utrecht-html th{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight,bold);text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align,top);z-index:var(--_utrecht-table-header-cell-z-index)}.utrecht-html td,.utrecht-html th{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height,1em);line-height:var(--utrecht-table-cell-line-height,inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end,0);padding-block-start:var(--utrecht-table-cell-padding-block-start,0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end,0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start,0);text-align:start}.utrecht-html td,.utrecht-html th{border-block-end-color:var(--utrecht-table-row-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width,0);vertical-align:top}.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start,var(--utrecht-table-cell-padding-inline-start,0))}.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end,var(--utrecht-table-cell-padding-inline-end,0))}.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width,0)}.utrecht-html td.numeric,.utrecht-html tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric,.utrecht-html thead>tr>th.numeric{--_utrecht-table-cell-text-align:right;text-align:var(--_utrecht-table-cell-text-align)}.utrecht-html td.numeric{font-variant-numeric:lining-nums tabular-nums}.utrecht-html table.alternate-row-color>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color));block-size:auto;border-width:var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-bottom-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size,var(--utrecht-form-control-font-size,inherit));font-weight:400;inline-size:100%;line-height:var(--utrecht-textarea-line-height,initial);max-inline-size:var(--utrecht-textarea-max-inline-size,var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textarea-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textarea-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial));resize:vertical;resize:block}.utrecht-html textarea:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textarea-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));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-html textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html textarea:invalid,.utrecht-html textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n --utrecht-textarea-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textarea-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-html textarea:read-only{background-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textarea-border,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color));block-size:auto;border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-control-font-size,inherit));font-weight:400;inline-size:100%;line-height:var(--utrecht-textbox-line-height,var(--utrecht-form-control-line-height,initial));max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial))}.utrecht-html input:not([type]):focus,.utrecht-html input[type=date i]:focus,.utrecht-html input[type=datetime-local i]:focus,.utrecht-html input[type=email i]:focus,.utrecht-html input[type=month i]:focus,.utrecht-html input[type=number i]:focus,.utrecht-html input[type=password i]:focus,.utrecht-html input[type=search i]:focus,.utrecht-html input[type=tel i]:focus,.utrecht-html input[type=text i]:focus,.utrecht-html input[type=time i]:focus,.utrecht-html input[type=url i]:focus,.utrecht-html input[type=week i]:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));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-html input:not([type]):focus:not(:focus-visible),.utrecht-html input[type=date i]:focus:not(:focus-visible),.utrecht-html input[type=datetime-local i]:focus:not(:focus-visible),.utrecht-html input[type=email i]:focus:not(:focus-visible),.utrecht-html input[type=month i]:focus:not(:focus-visible),.utrecht-html input[type=number i]:focus:not(:focus-visible),.utrecht-html input[type=password i]:focus:not(:focus-visible),.utrecht-html input[type=search i]:focus:not(:focus-visible),.utrecht-html input[type=tel i]:focus:not(:focus-visible),.utrecht-html input[type=text i]:focus:not(:focus-visible),.utrecht-html input[type=time i]:focus:not(:focus-visible),.utrecht-html input[type=url i]:focus:not(:focus-visible),.utrecht-html input[type=week i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html input:not([type]):invalid,.utrecht-html input:not([type])[aria-invalid=true],.utrecht-html input[type=date i]:invalid,.utrecht-html input[type=date i][aria-invalid=true],.utrecht-html input[type=datetime-local i]:invalid,.utrecht-html input[type=datetime-local i][aria-invalid=true],.utrecht-html input[type=email i]:invalid,.utrecht-html input[type=email i][aria-invalid=true],.utrecht-html input[type=month i]:invalid,.utrecht-html input[type=month i][aria-invalid=true],.utrecht-html input[type=number i]:invalid,.utrecht-html input[type=number i][aria-invalid=true],.utrecht-html input[type=password i]:invalid,.utrecht-html input[type=password i][aria-invalid=true],.utrecht-html input[type=search i]:invalid,.utrecht-html input[type=search i][aria-invalid=true],.utrecht-html input[type=tel i]:invalid,.utrecht-html input[type=tel i][aria-invalid=true],.utrecht-html input[type=text i]:invalid,.utrecht-html input[type=text i][aria-invalid=true],.utrecht-html input[type=time i]:invalid,.utrecht-html input[type=time i][aria-invalid=true],.utrecht-html input[type=url i]:invalid,.utrecht-html input[type=url i][aria-invalid=true],.utrecht-html input[type=week i]:invalid,.utrecht-html input[type=week i][aria-invalid=true]{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textbox-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-html input:not([type]):read-only,.utrecht-html input[type=date i]:read-only,.utrecht-html input[type=datetime-local i]:read-only,.utrecht-html input[type=email i]:read-only,.utrecht-html input[type=month i]:read-only,.utrecht-html input[type=number i]:read-only,.utrecht-html input[type=password i]:read-only,.utrecht-html input[type=search i]:read-only,.utrecht-html input[type=tel i]:read-only,.utrecht-html input[type=text i]:read-only,.utrecht-html input[type=time i]:read-only,.utrecht-html input[type=url i]:read-only,.utrecht-html input[type=week i]:read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-html input:not([type]):disabled,.utrecht-html input[type=date i]:disabled,.utrecht-html input[type=datetime-local i]:disabled,.utrecht-html input[type=email i]:disabled,.utrecht-html input[type=month i]:disabled,.utrecht-html input[type=number i]:disabled,.utrecht-html input[type=password i]:disabled,.utrecht-html input[type=search i]:disabled,.utrecht-html input[type=tel i]:disabled,.utrecht-html input[type=text i]:disabled,.utrecht-html input[type=time i]:disabled,.utrecht-html input[type=url i]:disabled,.utrecht-html input[type=week i]:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=date i]::placeholder,.utrecht-html input[type=datetime-local i]::placeholder,.utrecht-html input[type=email i]::placeholder,.utrecht-html input[type=month i]::placeholder,.utrecht-html input[type=number i]::placeholder,.utrecht-html input[type=password i]::placeholder,.utrecht-html input[type=search i]::placeholder,.utrecht-html input[type=tel i]::placeholder,.utrecht-html input[type=text i]::placeholder,.utrecht-html input[type=time i]::placeholder,.utrecht-html input[type=url i]::placeholder,.utrecht-html input[type=week i]::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input[autocomplete~=current-password i],.utrecht-html input[autocomplete~=new-password i],.utrecht-html input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-html input[autocomplete~=bday i],.utrecht-html input[autocomplete~=bday-day i],.utrecht-html input[autocomplete~=bday-month i],.utrecht-html input[autocomplete~=bday-year i],.utrecht-html input[autocomplete~=cc-csc i],.utrecht-html input[autocomplete~=cc-exp i],.utrecht-html input[autocomplete~=cc-exp-month i],.utrecht-html input[autocomplete~=cc-exp-year i],.utrecht-html input[autocomplete~=cc-number i],.utrecht-html input[autocomplete~=one-time-code i],.utrecht-html input[autocomplete~=postal-code i],.utrecht-html input[autocomplete~=tel i],.utrecht-html input[autocomplete~=tel-area-code i],.utrecht-html input[autocomplete~=tel-country-code i],.utrecht-html input[autocomplete~=tel-extension i],.utrecht-html input[autocomplete~=tel-local i],.utrecht-html input[autocomplete~=tel-national i],.utrecht-html input[autocomplete~=transaction-amount i],.utrecht-html input[inputmode=decimal i],.utrecht-html input[inputmode=numeric i],.utrecht-html input[inputmode=tel i],.utrecht-html input[type=number i],.utrecht-html input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-html input[inputmode=email i],.utrecht-html input[inputmode=url i],.utrecht-html input[type=email i],.utrecht-html input[type=url i]{font-variant-ligatures:none}.utrecht-html ul{--utrecht-space-around:1;box-sizing:border-box;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch);text-align:start}.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start,1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}";
|
|
1576
|
+
var css_248z$H = "@charset \"UTF-8\";.utrecht-html{--utrecht-space-around:1}.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-html blockquote{--utrecht-document-color:var(--utrecht-blockquote-content-color,inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size,inherit);--utrecht-space-around:1;background-color:var(--utrecht-blockquote-background-color);color:var(--utrecht-blockquote-color);color:var(--utrecht-blockquote-content-color,inherit);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);font-size:var(--utrecht-blockquote-content-font-size,inherit);font-style:var(--utrecht-blockquote-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-start, 0));margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);padding-block-end:var(--utrecht-blockquote-padding-block-end);padding-block-start:var(--utrecht-blockquote-padding-block-start);padding-inline-end:var(--utrecht-blockquote-padding-inline-end);padding-inline-start:var(--utrecht-blockquote-padding-inline-start)}.utrecht-html button,.utrecht-html input[type=button i],.utrecht-html input[type=reset i],.utrecht-html input[type=submit i]{--_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);block-size:fit-content;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);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);max-inline-size:var(--utrecht-button-max-inline-size,fit-content);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);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}.utrecht-html button[hidden]{display:none}.utrecht-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor,revert)}.utrecht-html button:disabled,.utrecht-html button[aria-disabled=true]{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-html button:disabled[aria-busy=true],.utrecht-html button[aria-busy=true],.utrecht-html button[aria-disabled=true][aria-busy=true]{cursor:var(--utrecht-action-busy-cursor,wait)}.utrecht-html button:active:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-html button:hover:not([aria-disabled=true],: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-html button:focus:not([aria-disabled=true],: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-html 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-html input[type=checkbox i]{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;-webkit-user-select:none;user-select:none}.utrecht-html input[type=checkbox i]:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-html input[type=checkbox i]:focus{--_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-html input[type=checkbox i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html body{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;background-color:var(--utrecht-document-background-color,inherit);color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility}.utrecht-html body :lang(ar){letter-spacing:0!important}.utrecht-html code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size,inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}.utrecht-html fieldset{--utrecht-space-around:1;all:revert;border:0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-start, 0));margin-inline-end:0;margin-inline-start:0;min-inline-size:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-html fieldset[hidden]{display:none}.utrecht-html figure{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-start, 0))}.utrecht-html figcaption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}.utrecht-html form{display:block;max-inline-size:var(--utrecht-form-max-inline-size)}.utrecht-html legend{break-inside:avoid;color:var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit));display:table;font-family:var(--utrecht-form-fieldset-legend-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);inline-size:100%;line-height:var(--utrecht-form-fieldset-legend-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-start, 0));padding-inline-end:0;padding-inline-start:0;page-break-after:avoid;page-break-inside:avoid}.utrecht-html legend[hidden]{display:none}.utrecht-html fieldset:disabled>legend{color:var(--utrecht-form-fieldset-legend-disabled-color,var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit)))}.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-html input[type=checkbox i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html input[type=radio i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html mark{background-color:var(--utrecht-mark-background-color,revert);color:var(--utrecht-mark-color,revert)}@media print{.utrecht-html mark{outline-color:currentColor;outline-style:dotted;outline-width:.1em}}@media screen and (-ms-high-contrast:active){.utrecht-html mark{background-color:Highlight;color:HighlightText}}.utrecht-html h1{color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size,revert);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-start, 0))}.utrecht-html h1,.utrecht-html h2{--utrecht-space-around:1;break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h2{color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size,revert);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-start, 0))}.utrecht-html h3{color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0))}.utrecht-html h3,.utrecht-html h4{--utrecht-space-around:1;break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h4{color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0))}.utrecht-html h5{color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0))}.utrecht-html h5,.utrecht-html h6{--utrecht-space-around:1;break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h6{color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0))}.utrecht-html hgroup{--utrecht-pre-heading-order:-1;--utrecht-space-around:1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-start, 0))}.utrecht-html hgroup>*{--utrecht-space-around:0}.utrecht-html a{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)))}.utrecht-html a:visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.utrecht-html a:hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-html a:active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-html a:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-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);text-decoration-skip-ink:none;z-index:var(--utrecht-stack-focus-z-index,1)}.utrecht-html a:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-html ol{--utrecht-space-around:1;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-html ol>li{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))}.utrecht-html ol:lang(ar){list-style:arabic-indic}.utrecht-html p{color:var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-paragraph-font-family,var(--utrecht-document-font-family,inherit));font-size:var(--utrecht-paragraph-font-size,var(--utrecht-document-font-size,inherit));font-weight:var(--utrecht-paragraph-font-weight,inherit);line-height:var(--utrecht-paragraph-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-html p.lead{color:var(--utrecht-paragraph-lead-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-lead-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-lead-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-lead-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html *~p{--utrecht-space-around:1}.utrecht-html p:has(>small:only-child){color:var(--utrecht-paragraph-small-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-small-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-small-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-small-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html p>small:only-child{font-size:inherit}.utrecht-html pre:has(>code:only-child){--utrecht-code-color:var(--utrecht-code-block-color,inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color,inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight,inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size,inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family,monospace);background-color:var(--utrecht-code-background-color);background-color:var(--utrecht-code-block-background-color);color:var(--utrecht-code-color);display:block;font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size,inherit);font-size:var(--utrecht-code-block-font-size,var(--utrecht-code-font-size,inherit));font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);line-height:var(--utrecht-code-block-line-height,var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-html pre[hidden]:has(>code:only-child){display:none}.utrecht-html pre:has(>code:only-child)>code{display:contents}.utrecht-html input[type=radio i]{--_utrecht-radio-button-background-color:var(\n --_utrecht-radio-button-interactive-background-color,var(--_utrecht-radio-button-state-background-color,var(--utrecht-radio-button-background-color))\n );--_utrecht-radio-button-border-color:var(\n --_utrecht-radio-button-interactive-border-color,var(--_utrecht-radio-button-state-border-color,var(--utrecht-radio-button-border-color,currentColor))\n );--_utrecht-radio-button-border-width:var(\n --_utrecht-radio-button-interactive-border-width,var(--_utrecht-radio-button-state-border-width,var(--utrecht-radio-button-border-width))\n );--_utrecht-radio-button-color:var(\n --_utrecht-radio-button-interactive-color,var(--_utrecht-radio-button-state-color,var(--utrecht-radio-button-color,currentColor))\n );--_utrecht-radio-button-icon-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--_utrecht-radio-button-background-color);background-image:radial-gradient(circle,var(--_utrecht-radio-button-color,transparent) calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),var(--_utrecht-radio-button-background-color,currentColor) var(--_utrecht-radio-button-icon-size,50%));background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-radio-button-size,1em);border-color:var(--_utrecht-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--_utrecht-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor,revert);inline-size:var(--utrecht-radio-button-size,1em);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-end:var(--utrecht-radio-button-margin-inline-end);margin-inline-start:0;min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:top}.utrecht-html input[type=radio i]:checked{--_utrecht-radio-button-icon-size:var(--utrecht-radio-button-icon-size,50%);--_utrecht-radio-button-state-background-color:var(--utrecht-radio-button-checked-background-color);--_utrecht-radio-button-state-border-color:var(--utrecht-radio-button-checked-border-color);--_utrecht-radio-button-state-border-width:var(--utrecht-radio-button-checked-border-width);--_utrecht-radio-button-state-color:var(--utrecht-radio-button-checked-color);--_utrecht-radio-button-state-active-background-color:var(--utrecht-radio-button-checked-active-background-color);--_utrecht-radio-button-state-active-border-color:var(--utrecht-radio-button-checked-active-border-color);--_utrecht-radio-button-state-active-border-width:var(--utrecht-radio-button-checked-active-border-width);--_utrecht-radio-button-state-active-color:var(--utrecht-radio-button-checked-active-color);--_utrecht-radio-button-state-focus-background-color:var(--utrecht-radio-button-checked-focus-background-color);--_utrecht-radio-button-state-focus-border-color:var(--utrecht-radio-button-checked-focus-border-color);--_utrecht-radio-button-state-focus-border-width:var(--utrecht-radio-button-checked-focus-border-width);--_utrecht-radio-button-state-focus-color:var(--utrecht-radio-button-checked-focus-color);--_utrecht-radio-button-state-hover-background-color:var(--utrecht-radio-button-checked-hover-background-color);--_utrecht-radio-button-state-hover-border-color:var(--utrecht-radio-button-checked-hover-border-color);--_utrecht-radio-button-state-hover-border-width:var(--utrecht-radio-button-checked-hover-border-width);--_utrecht-radio-button-state-hover-color:var(--utrecht-radio-button-checked-hover-color)}.utrecht-html input[type=radio i]:disabled{--_utrecht-radio-button-background-color:var(--utrecht-radio-button-disabled-background-color);--_utrecht-radio-button-border-color:var(--utrecht-radio-button-disabled-border-color);--_utrecht-radio-button-border-width:var(--utrecht-radio-button-disabled-border-width);--_utrecht-radio-button-color:var(--utrecht-radio-button-disabled-color);--_utrecht-radio-button-focus-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-focus-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-focus-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-focus-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-active-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-active-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-active-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-active-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-hover-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-hover-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-hover-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-hover-color:var(--_utrecht-radio-button-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-html input[type=radio i]:invalid,.utrecht-html input[type=radio i][aria-invalid=true]{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:focus:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-focus-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-focus-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-focus-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --utrecht-radio-button-focus-color,var(--utrecht-radio-button-focus-color)\n )}.utrecht-html input[type=radio i]: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-html input[type=radio i]:hover:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-hover-background-color,var(--utrecht-radio-button-hover-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-hover-border-color,var(--utrecht-radio-button-hover-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-hover-border-width,var(--utrecht-radio-button-hover-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-hover-color,var(--utrecht-radio-button-hover-color)\n )}.utrecht-html input[type=radio i]:active:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-active-background-color,var(--utrecht-radio-button-active-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-active-border-color,var(--utrecht-radio-button-active-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-active-border-width,var(--utrecht-radio-button-active-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-active-color,var(--utrecht-radio-button-active-color)\n )}.utrecht-html select{background-color:var(--utrecht-select-background-color,var(--utrecht-form-control-background-color));border-block-end-width:var(--utrecht-select-border-block-end-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width)));border-block-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-color:var(--utrecht-select-border-color,var(--utrecht-form-control-border-color));border-inline-end-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-inline-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-radius:var(--utrecht-select-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;color:var(--utrecht-select-color,var(--utrecht-form-control-color));font-family:var(--utrecht-select-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-select-font-size,var(--utrecht-form-control-font-size));inline-size:100%;max-inline-size:var(--utrecht-select-max-inline-size,var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-select-min-block-size,var(--utrecht-pointer-target-min-size,44px));min-inline-size:var(--utrecht-pointer-target-min-size,44px);padding-block-end:var(--utrecht-select-padding-block-end,var(--utrecht-form-control-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start,var(--utrecht-form-control-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end,var(--utrecht-form-control-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start,var(--utrecht-form-control-padding-inline-start))}.utrecht-html select:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-select-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));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-html select:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html select:disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-html select[aria-invalid=true]{--_utrecht-select-border-width:var(\n --utrecht-select-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-select-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-select-border-width);border-block-end-width:var(--utrecht-select-invalid-border-block-end-width,var(--utrecht-form-control-invalid-border-block-end-width,var(--utrecht-select-border-block-end-width,var(--utrecht-form-control-border-block-end-width,var(--_utrecht-select-border-width)))));border-color:var(--utrecht-select-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))))}.utrecht-html hr{--utrecht-space-around:1;border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-start, 0))}.utrecht-html table{--utrecht-space-around:1;border-collapse:separate;border-color:var(--utrecht-table-border-color,0);border-spacing:0;border-style:solid;border-width:var(--utrecht-table-border-width,0);font-family:var(--utrecht-table-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size,inherit);inline-size:100%;line-height:var(--utrecht-table-line-height,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-start, 0))}.utrecht-html caption{break-inside:avoid;color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align,center)}.utrecht-html thead{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform)}.utrecht-html tbody{--_utrecht-table-header-cell-z-index:2}.utrecht-html th{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight,bold);text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align,top);z-index:var(--_utrecht-table-header-cell-z-index)}.utrecht-html td,.utrecht-html th{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height,1em);line-height:var(--utrecht-table-cell-line-height,inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end,0);padding-block-start:var(--utrecht-table-cell-padding-block-start,0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end,0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start,0);text-align:start}.utrecht-html td,.utrecht-html th{border-block-end-color:var(--utrecht-table-row-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width,0);vertical-align:top}.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start,var(--utrecht-table-cell-padding-inline-start,0))}.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end,var(--utrecht-table-cell-padding-inline-end,0))}.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width,0)}.utrecht-html td.numeric,.utrecht-html tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric,.utrecht-html thead>tr>th.numeric{--_utrecht-table-cell-text-align:right;text-align:var(--_utrecht-table-cell-text-align)}.utrecht-html td.numeric{font-variant-numeric:lining-nums tabular-nums}.utrecht-html table.alternate-row-color>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color));block-size:auto;border-width:var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-bottom-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size,var(--utrecht-form-control-font-size,inherit));font-weight:400;inline-size:100%;line-height:var(--utrecht-textarea-line-height,initial);max-inline-size:var(--utrecht-textarea-max-inline-size,var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size,var(--utrecht-pointer-target-min-size,44px));min-inline-size:var(--utrecht-pointer-target-min-size,44px);padding-block-end:var(--utrecht-textarea-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textarea-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textarea-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial));resize:vertical;resize:block}.utrecht-html textarea:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textarea-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));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-html textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html textarea:invalid,.utrecht-html textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n --utrecht-textarea-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textarea-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-html textarea:read-only{background-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textarea-border,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(var(--utrecht-textbox-value-max-length)*var(--_utrecht-textbox-value-char) + var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) + var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) + var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) + var(--utrecht-textbox-autocomplete-ui-size, 44px));background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color));block-size:auto;border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-control-font-size,inherit));font-weight:400;inline-size:100%;line-height:var(--utrecht-textbox-line-height,var(--utrecht-form-control-line-height,initial));max-inline-size:min(var(--_utrecht-textbox-max-inline-size,100%),var(--utrecht-textbox-max-inline-size,var(--utrecht-form-control-max-inline-size)));min-block-size:var(--utrecht-pointer-target-min-size,44px);min-inline-size:var(--utrecht-pointer-target-min-size,44px);padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial))}.utrecht-html input:not([type]):focus,.utrecht-html input[type=date i]:focus,.utrecht-html input[type=datetime-local i]:focus,.utrecht-html input[type=email i]:focus,.utrecht-html input[type=month i]:focus,.utrecht-html input[type=number i]:focus,.utrecht-html input[type=password i]:focus,.utrecht-html input[type=search i]:focus,.utrecht-html input[type=tel i]:focus,.utrecht-html input[type=text i]:focus,.utrecht-html input[type=time i]:focus,.utrecht-html input[type=url i]:focus,.utrecht-html input[type=week i]:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));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-html input:not([type]):focus:not(:focus-visible),.utrecht-html input[type=date i]:focus:not(:focus-visible),.utrecht-html input[type=datetime-local i]:focus:not(:focus-visible),.utrecht-html input[type=email i]:focus:not(:focus-visible),.utrecht-html input[type=month i]:focus:not(:focus-visible),.utrecht-html input[type=number i]:focus:not(:focus-visible),.utrecht-html input[type=password i]:focus:not(:focus-visible),.utrecht-html input[type=search i]:focus:not(:focus-visible),.utrecht-html input[type=tel i]:focus:not(:focus-visible),.utrecht-html input[type=text i]:focus:not(:focus-visible),.utrecht-html input[type=time i]:focus:not(:focus-visible),.utrecht-html input[type=url i]:focus:not(:focus-visible),.utrecht-html input[type=week i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html input:not([type]):invalid,.utrecht-html input:not([type])[aria-invalid=true],.utrecht-html input[type=date i]:invalid,.utrecht-html input[type=date i][aria-invalid=true],.utrecht-html input[type=datetime-local i]:invalid,.utrecht-html input[type=datetime-local i][aria-invalid=true],.utrecht-html input[type=email i]:invalid,.utrecht-html input[type=email i][aria-invalid=true],.utrecht-html input[type=month i]:invalid,.utrecht-html input[type=month i][aria-invalid=true],.utrecht-html input[type=number i]:invalid,.utrecht-html input[type=number i][aria-invalid=true],.utrecht-html input[type=password i]:invalid,.utrecht-html input[type=password i][aria-invalid=true],.utrecht-html input[type=search i]:invalid,.utrecht-html input[type=search i][aria-invalid=true],.utrecht-html input[type=tel i]:invalid,.utrecht-html input[type=tel i][aria-invalid=true],.utrecht-html input[type=text i]:invalid,.utrecht-html input[type=text i][aria-invalid=true],.utrecht-html input[type=time i]:invalid,.utrecht-html input[type=time i][aria-invalid=true],.utrecht-html input[type=url i]:invalid,.utrecht-html input[type=url i][aria-invalid=true],.utrecht-html input[type=week i]:invalid,.utrecht-html input[type=week i][aria-invalid=true]{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textbox-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-html input:not([type]):read-only,.utrecht-html input[type=date i]:read-only,.utrecht-html input[type=datetime-local i]:read-only,.utrecht-html input[type=email i]:read-only,.utrecht-html input[type=month i]:read-only,.utrecht-html input[type=number i]:read-only,.utrecht-html input[type=password i]:read-only,.utrecht-html input[type=search i]:read-only,.utrecht-html input[type=tel i]:read-only,.utrecht-html input[type=text i]:read-only,.utrecht-html input[type=time i]:read-only,.utrecht-html input[type=url i]:read-only,.utrecht-html input[type=week i]:read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-html input:not([type]):disabled,.utrecht-html input[type=date i]:disabled,.utrecht-html input[type=datetime-local i]:disabled,.utrecht-html input[type=email i]:disabled,.utrecht-html input[type=month i]:disabled,.utrecht-html input[type=number i]:disabled,.utrecht-html input[type=password i]:disabled,.utrecht-html input[type=search i]:disabled,.utrecht-html input[type=tel i]:disabled,.utrecht-html input[type=text i]:disabled,.utrecht-html input[type=time i]:disabled,.utrecht-html input[type=url i]:disabled,.utrecht-html input[type=week i]:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=date i]::placeholder,.utrecht-html input[type=datetime-local i]::placeholder,.utrecht-html input[type=email i]::placeholder,.utrecht-html input[type=month i]::placeholder,.utrecht-html input[type=number i]::placeholder,.utrecht-html input[type=password i]::placeholder,.utrecht-html input[type=search i]::placeholder,.utrecht-html input[type=tel i]::placeholder,.utrecht-html input[type=text i]::placeholder,.utrecht-html input[type=time i]::placeholder,.utrecht-html input[type=url i]::placeholder,.utrecht-html input[type=week i]::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input[autocomplete~=current-password i],.utrecht-html input[autocomplete~=new-password i],.utrecht-html input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-html input[autocomplete~=bday i],.utrecht-html input[autocomplete~=bday-day i],.utrecht-html input[autocomplete~=bday-month i],.utrecht-html input[autocomplete~=bday-year i],.utrecht-html input[autocomplete~=cc-csc i],.utrecht-html input[autocomplete~=cc-exp i],.utrecht-html input[autocomplete~=cc-exp-month i],.utrecht-html input[autocomplete~=cc-exp-year i],.utrecht-html input[autocomplete~=cc-number i],.utrecht-html input[autocomplete~=one-time-code i],.utrecht-html input[autocomplete~=postal-code i],.utrecht-html input[autocomplete~=tel i],.utrecht-html input[autocomplete~=tel-area-code i],.utrecht-html input[autocomplete~=tel-country-code i],.utrecht-html input[autocomplete~=tel-extension i],.utrecht-html input[autocomplete~=tel-local i],.utrecht-html input[autocomplete~=tel-national i],.utrecht-html input[autocomplete~=transaction-amount i],.utrecht-html input[inputmode=decimal i],.utrecht-html input[inputmode=numeric i],.utrecht-html input[inputmode=tel i],.utrecht-html input[type=number i],.utrecht-html input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-html input[inputmode=email i],.utrecht-html input[inputmode=url i],.utrecht-html input[type=email i],.utrecht-html input[type=url i]{font-variant-ligatures:none}.utrecht-html ul{--utrecht-space-around:1;box-sizing:border-box;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch);text-align:start}.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start,1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}";
|
|
1313
1577
|
styleInject(css_248z$H);
|
|
1314
1578
|
|
|
1315
|
-
var _excluded$
|
|
1316
|
-
function ownKeys$
|
|
1317
|
-
function _objectSpread$
|
|
1579
|
+
var _excluded$P = ["children", "className"];
|
|
1580
|
+
function ownKeys$Q(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; }
|
|
1581
|
+
function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1318
1582
|
var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1319
1583
|
var children = _ref.children,
|
|
1320
1584
|
className = _ref.className,
|
|
1321
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1322
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1585
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1586
|
+
return jsxRuntime.jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1323
1587
|
ref: ref,
|
|
1324
1588
|
className: clsx('utrecht-html', className),
|
|
1325
1589
|
children: children
|
|
@@ -1345,14 +1609,14 @@ styleInject(css_248z$C);
|
|
|
1345
1609
|
var css_248z$B = ".utrecht-heading-6{break-inside:avoid-column;color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid}.utrecht-heading-6--distanced{--utrecht-space-around:1}";
|
|
1346
1610
|
styleInject(css_248z$B);
|
|
1347
1611
|
|
|
1348
|
-
var _excluded$
|
|
1349
|
-
function ownKeys$
|
|
1350
|
-
function _objectSpread$
|
|
1612
|
+
var _excluded$O = ["children", "className"];
|
|
1613
|
+
function ownKeys$P(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; }
|
|
1614
|
+
function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1351
1615
|
var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1352
1616
|
var children = _ref.children,
|
|
1353
1617
|
className = _ref.className,
|
|
1354
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1355
|
-
return jsxRuntime.jsx("h1", _objectSpread$
|
|
1618
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
1619
|
+
return jsxRuntime.jsx("h1", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1356
1620
|
ref: ref,
|
|
1357
1621
|
className: clsx('utrecht-heading-1', className),
|
|
1358
1622
|
children: children
|
|
@@ -1360,14 +1624,14 @@ var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1360
1624
|
});
|
|
1361
1625
|
Heading1.displayName = 'Heading1';
|
|
1362
1626
|
|
|
1363
|
-
var _excluded$
|
|
1364
|
-
function ownKeys$
|
|
1365
|
-
function _objectSpread$
|
|
1627
|
+
var _excluded$N = ["children", "className"];
|
|
1628
|
+
function ownKeys$O(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; }
|
|
1629
|
+
function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1366
1630
|
var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1367
1631
|
var children = _ref.children,
|
|
1368
1632
|
className = _ref.className,
|
|
1369
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1370
|
-
return jsxRuntime.jsx("h2", _objectSpread$
|
|
1633
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
1634
|
+
return jsxRuntime.jsx("h2", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
|
|
1371
1635
|
ref: ref,
|
|
1372
1636
|
className: clsx('utrecht-heading-2', className),
|
|
1373
1637
|
children: children
|
|
@@ -1375,14 +1639,14 @@ var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1375
1639
|
});
|
|
1376
1640
|
Heading2.displayName = 'Heading2';
|
|
1377
1641
|
|
|
1378
|
-
var _excluded$
|
|
1379
|
-
function ownKeys$
|
|
1380
|
-
function _objectSpread$
|
|
1642
|
+
var _excluded$M = ["children", "className"];
|
|
1643
|
+
function ownKeys$N(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; }
|
|
1644
|
+
function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1381
1645
|
var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1382
1646
|
var children = _ref.children,
|
|
1383
1647
|
className = _ref.className,
|
|
1384
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1385
|
-
return jsxRuntime.jsx("h3", _objectSpread$
|
|
1648
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1649
|
+
return jsxRuntime.jsx("h3", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
1386
1650
|
ref: ref,
|
|
1387
1651
|
className: clsx('utrecht-heading-3', className),
|
|
1388
1652
|
children: children
|
|
@@ -1390,14 +1654,14 @@ var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1390
1654
|
});
|
|
1391
1655
|
Heading3.displayName = 'Heading3';
|
|
1392
1656
|
|
|
1393
|
-
var _excluded$
|
|
1394
|
-
function ownKeys$
|
|
1395
|
-
function _objectSpread$
|
|
1657
|
+
var _excluded$L = ["children", "className"];
|
|
1658
|
+
function ownKeys$M(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; }
|
|
1659
|
+
function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1396
1660
|
var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1397
1661
|
var children = _ref.children,
|
|
1398
1662
|
className = _ref.className,
|
|
1399
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1400
|
-
return jsxRuntime.jsx("h4", _objectSpread$
|
|
1663
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1664
|
+
return jsxRuntime.jsx("h4", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
1401
1665
|
ref: ref,
|
|
1402
1666
|
className: clsx('utrecht-heading-4', className),
|
|
1403
1667
|
children: children
|
|
@@ -1405,14 +1669,14 @@ var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1405
1669
|
});
|
|
1406
1670
|
Heading4.displayName = 'Heading4';
|
|
1407
1671
|
|
|
1408
|
-
var _excluded$
|
|
1409
|
-
function ownKeys$
|
|
1410
|
-
function _objectSpread$
|
|
1672
|
+
var _excluded$K = ["children", "className"];
|
|
1673
|
+
function ownKeys$L(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; }
|
|
1674
|
+
function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1411
1675
|
var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1412
1676
|
var children = _ref.children,
|
|
1413
1677
|
className = _ref.className,
|
|
1414
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1415
|
-
return jsxRuntime.jsx("h5", _objectSpread$
|
|
1678
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
1679
|
+
return jsxRuntime.jsx("h5", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
1416
1680
|
ref: ref,
|
|
1417
1681
|
className: clsx('utrecht-heading-5', className),
|
|
1418
1682
|
children: children
|
|
@@ -1420,14 +1684,14 @@ var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1420
1684
|
});
|
|
1421
1685
|
Heading5.displayName = 'Heading5';
|
|
1422
1686
|
|
|
1423
|
-
var _excluded$
|
|
1424
|
-
function ownKeys$
|
|
1425
|
-
function _objectSpread$
|
|
1687
|
+
var _excluded$J = ["children", "className"];
|
|
1688
|
+
function ownKeys$K(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; }
|
|
1689
|
+
function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1426
1690
|
var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1427
1691
|
var children = _ref.children,
|
|
1428
1692
|
className = _ref.className,
|
|
1429
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1430
|
-
return jsxRuntime.jsx("h6", _objectSpread$
|
|
1693
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
1694
|
+
return jsxRuntime.jsx("h6", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
1431
1695
|
ref: ref,
|
|
1432
1696
|
className: clsx('utrecht-heading-6', className),
|
|
1433
1697
|
children: children
|
|
@@ -1438,14 +1702,14 @@ Heading6.displayName = 'Heading6';
|
|
|
1438
1702
|
var css_248z$A = ".utrecht-heading-group{--utrecht-pre-heading-order:-1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-start, 0))}.utrecht-heading-group>*{--utrecht-space-around:0}";
|
|
1439
1703
|
styleInject(css_248z$A);
|
|
1440
1704
|
|
|
1441
|
-
var _excluded$
|
|
1442
|
-
function ownKeys$
|
|
1443
|
-
function _objectSpread$
|
|
1705
|
+
var _excluded$I = ["children", "className"];
|
|
1706
|
+
function ownKeys$J(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; }
|
|
1707
|
+
function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1444
1708
|
var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1445
1709
|
var children = _ref.children,
|
|
1446
1710
|
className = _ref.className,
|
|
1447
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1448
|
-
return jsxRuntime.jsx("hgroup", _objectSpread$
|
|
1711
|
+
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
1712
|
+
return jsxRuntime.jsx("hgroup", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
1449
1713
|
ref: ref,
|
|
1450
1714
|
className: clsx('utrecht-heading-group', className),
|
|
1451
1715
|
children: children
|
|
@@ -1456,9 +1720,9 @@ HeadingGroup.displayName = 'HeadingGroup';
|
|
|
1456
1720
|
var css_248z$z = ".utrecht-iban-data{font-variant-numeric:lining-nums slashed-zero tabular-nums;white-space:nowrap}";
|
|
1457
1721
|
styleInject(css_248z$z);
|
|
1458
1722
|
|
|
1459
|
-
var _excluded$
|
|
1460
|
-
function ownKeys$
|
|
1461
|
-
function _objectSpread$
|
|
1723
|
+
var _excluded$H = ["children", "value", "className"];
|
|
1724
|
+
function ownKeys$I(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; }
|
|
1725
|
+
function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1462
1726
|
/* Exported only for unit tests, not part of the public API */
|
|
1463
1727
|
var normalizeIBAN = function normalizeIBAN(iban) {
|
|
1464
1728
|
return iban
|
|
@@ -1475,15 +1739,10 @@ var IBANData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1475
1739
|
var children = _ref.children,
|
|
1476
1740
|
value = _ref.value,
|
|
1477
1741
|
className = _ref.className,
|
|
1478
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1742
|
+
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
1479
1743
|
var normalized = normalizeIBAN(value);
|
|
1480
1744
|
var formatted = formatIBAN(normalized);
|
|
1481
|
-
|
|
1482
|
-
value: value,
|
|
1483
|
-
normalized: normalized,
|
|
1484
|
-
formatted: formatted
|
|
1485
|
-
});
|
|
1486
|
-
return jsxRuntime.jsx("data", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
|
|
1745
|
+
return jsxRuntime.jsx("data", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
|
|
1487
1746
|
ref: ref,
|
|
1488
1747
|
value: normalized,
|
|
1489
1748
|
className: clsx('utrecht-iban-data', className),
|
|
@@ -1496,14 +1755,14 @@ IBANData.displayName = 'IBANData';
|
|
|
1496
1755
|
var css_248z$y = ".utrecht-icon{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start,0);position:relative}.utrecht-icon svg{height:100%;pointer-events:none;width:100%}";
|
|
1497
1756
|
styleInject(css_248z$y);
|
|
1498
1757
|
|
|
1499
|
-
var _excluded$
|
|
1500
|
-
function ownKeys$
|
|
1501
|
-
function _objectSpread$
|
|
1758
|
+
var _excluded$G = ["children", "className"];
|
|
1759
|
+
function ownKeys$H(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; }
|
|
1760
|
+
function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1502
1761
|
var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1503
1762
|
var children = _ref.children,
|
|
1504
1763
|
className = _ref.className,
|
|
1505
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1506
|
-
return jsxRuntime.jsx("span", _objectSpread$
|
|
1764
|
+
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
1765
|
+
return jsxRuntime.jsx("span", _objectSpread$H(_objectSpread$H({
|
|
1507
1766
|
"aria-hidden": "true",
|
|
1508
1767
|
ref: ref,
|
|
1509
1768
|
className: clsx('utrecht-icon', className)
|
|
@@ -1516,16 +1775,16 @@ Icon.displayName = 'Icon';
|
|
|
1516
1775
|
var css_248z$x = ".utrecht-index-char-nav{--utrecht-button-padding-inline-start:1ch;--utrecht-button-padding-inline-end:1ch;display:flex;flex-wrap:wrap;gap:var(--utrecht-index-char-nav-gap);margin-block-end:var(--utrecht-index-char-nav-margin-block-end);margin-block-start:var(--utrecht-index-char-nav-margin-block-start)}.utrecht-index-char-nav__link--current{--utrecht-button-primary-action-font-weight:var(--utrecht-index-char-nav-link-current-font-weight);--utrecht-button-link-primary-action-font-weight:var(--utrecht-index-char-nav-link-current-font-weight)}.utrecht-index-char-nav__link--disabled{pointer-events:none}";
|
|
1517
1776
|
styleInject(css_248z$x);
|
|
1518
1777
|
|
|
1519
|
-
var _excluded$
|
|
1520
|
-
function ownKeys$
|
|
1521
|
-
function _objectSpread$
|
|
1778
|
+
var _excluded$F = ["component", "currentChar", "characters", "onLinkClick", "Link"];
|
|
1779
|
+
function ownKeys$G(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; }
|
|
1780
|
+
function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1522
1781
|
var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1523
1782
|
var component = _ref.component,
|
|
1524
1783
|
currentChar = _ref.currentChar,
|
|
1525
1784
|
characters = _ref.characters,
|
|
1526
1785
|
onLinkClick = _ref.onLinkClick,
|
|
1527
1786
|
Link = _ref.Link,
|
|
1528
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1787
|
+
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
1529
1788
|
var LinkComponent = Link ? Link : ButtonLink;
|
|
1530
1789
|
var links = [];
|
|
1531
1790
|
if (component === 'button') {
|
|
@@ -1533,7 +1792,7 @@ var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1533
1792
|
var _char = _ref2["char"],
|
|
1534
1793
|
disabled = _ref2.disabled;
|
|
1535
1794
|
var current = currentChar === _char;
|
|
1536
|
-
return /*#__PURE__*/react.createElement(Button, _objectSpread$
|
|
1795
|
+
return /*#__PURE__*/react.createElement(Button, _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
1537
1796
|
className: clsx({
|
|
1538
1797
|
'utrecht-index-char-nav__link--current': current
|
|
1539
1798
|
}),
|
|
@@ -1560,7 +1819,7 @@ var IndexCharNav = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1560
1819
|
'utrecht-index-char-nav__link--disabled': disabled,
|
|
1561
1820
|
'utrecht-button-link--placeholder': disabled
|
|
1562
1821
|
});
|
|
1563
|
-
return jsxRuntime.jsx(LinkComponent, _objectSpread$
|
|
1822
|
+
return jsxRuntime.jsx(LinkComponent, _objectSpread$G(_objectSpread$G({
|
|
1564
1823
|
ref: ref,
|
|
1565
1824
|
appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
|
|
1566
1825
|
href: href,
|
|
@@ -1590,14 +1849,14 @@ IndexCharNav.displayName = 'IndexCharNav';
|
|
|
1590
1849
|
var css_248z$w = ".utrecht-img{height:auto;width:auto}.utrecht-img--photo,.utrecht-img--scale-down{max-height:100%;max-width:100%}";
|
|
1591
1850
|
styleInject(css_248z$w);
|
|
1592
1851
|
|
|
1593
|
-
var _excluded$
|
|
1594
|
-
function ownKeys$
|
|
1595
|
-
function _objectSpread$
|
|
1852
|
+
var _excluded$E = ["className", "photo"];
|
|
1853
|
+
function ownKeys$F(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; }
|
|
1854
|
+
function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1596
1855
|
var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1597
1856
|
var className = _ref.className,
|
|
1598
1857
|
photo = _ref.photo,
|
|
1599
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1600
|
-
return jsxRuntime.jsx("img", _objectSpread$
|
|
1858
|
+
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
1859
|
+
return jsxRuntime.jsx("img", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
|
|
1601
1860
|
ref: ref,
|
|
1602
1861
|
className: clsx('utrecht-img', {
|
|
1603
1862
|
'utrecht-img--photo': photo
|
|
@@ -1612,9 +1871,9 @@ styleInject(css_248z$v);
|
|
|
1612
1871
|
var css_248z$u = ".utrecht-link-button{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);--_utrecht-link-forced-colors-color:linktext;--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)));cursor:pointer;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));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:inherit;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-decoration-color:var(--_utrecht-link-state-text-decoration-color,var(--utrecht-link-text-decoration-color,currentColor));text-decoration-line:var(--_utrecht-link-state-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:all;text-decoration-thickness:max(var(--_utrecht-link-state-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px);text-transform:var(--utrecht-button-text-transform);text-underline-offset:var(--utrecht-link-text-underline-offset);-webkit-user-select:none;user-select:none}.utrecht-link-button--hover,.utrecht-link-button--html-button:not(:disabled):hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link-button--disabled{--_utrecht-link-forced-colors-color:GrayText;--_utrecht-link-state-color:var(--utrecht-link-placeholder-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed);font-weight:var(--utrecht-link-placeholder-font-weight);text-decoration-line:none}.utrecht-link-button--focus,.utrecht-link-button--html-button:not(:disabled):focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);text-decoration-skip-ink:none}.utrecht-link-button--focus-visible,.utrecht-link-button--html-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);z-index:var(--utrecht-stack-focus-z-index,1)}.utrecht-link-button--active,.utrecht-link-button--html-button:not(:disabled):active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link-button--inline{--utrecht-icon-inset-block-start:var(--utrecht-icon-baseline-inset-block-start);min-block-size:auto;min-inline-size:auto;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.utrecht-link-button--pressed{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link-button--html-button{background-color:transparent;border-width:0}";
|
|
1613
1872
|
styleInject(css_248z$u);
|
|
1614
1873
|
|
|
1615
|
-
var _excluded$
|
|
1616
|
-
function ownKeys$
|
|
1617
|
-
function _objectSpread$
|
|
1874
|
+
var _excluded$D = ["children", "disabled", "inline", "className", "pressed", "type"];
|
|
1875
|
+
function ownKeys$E(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; }
|
|
1876
|
+
function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1618
1877
|
var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1619
1878
|
var children = _ref.children,
|
|
1620
1879
|
disabled = _ref.disabled,
|
|
@@ -1622,8 +1881,8 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1622
1881
|
className = _ref.className,
|
|
1623
1882
|
pressed = _ref.pressed,
|
|
1624
1883
|
type = _ref.type,
|
|
1625
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1626
|
-
return jsxRuntime.jsx("button", _objectSpread$
|
|
1884
|
+
restProps = _objectWithoutProperties(_ref, _excluded$D);
|
|
1885
|
+
return jsxRuntime.jsx("button", _objectSpread$E(_objectSpread$E({
|
|
1627
1886
|
ref: ref,
|
|
1628
1887
|
"aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
|
|
1629
1888
|
className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
|
|
@@ -1639,21 +1898,21 @@ var LinkButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1639
1898
|
});
|
|
1640
1899
|
LinkButton.displayName = 'LinkButton';
|
|
1641
1900
|
|
|
1642
|
-
var css_248z$t = ".utrecht-link-list
|
|
1901
|
+
var css_248z$t = ".utrecht-link-list--html-ul{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.utrecht-link-list--html-ul>li{list-style:none}.utrecht-link-list{--utrecht-icon-inset-block-start:var(--utrecht-link-list-icon-inset-block-start);--utrecht-icon-size:var(--utrecht-link-list-icon-size);--utrecht-link-icon-size:var(--utrecht-link-list-icon-size);--utrecht-link-text-decoration:var(--utrecht-link-list-link-text-decoration,none);display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-link-list-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-link-list-margin-block-start, 0));row-gap:var(--utrecht-link-list-row-gap)}.utrecht-link-list__item{display:block}.utrecht-link-list__link{align-items:baseline;column-gap:var(--utrecht-link-list-link-column-gap);display:inline-flex;font-weight:var(--utrecht-link-list-link-font-weight)}";
|
|
1643
1902
|
styleInject(css_248z$t);
|
|
1644
1903
|
|
|
1645
|
-
var _excluded$
|
|
1646
|
-
_excluded2$
|
|
1647
|
-
function ownKeys$
|
|
1648
|
-
function _objectSpread$
|
|
1904
|
+
var _excluded$C = ["className", "icon", "children"],
|
|
1905
|
+
_excluded2$4 = ["children", "icon", "links", "className"];
|
|
1906
|
+
function ownKeys$D(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; }
|
|
1907
|
+
function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1649
1908
|
var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1650
1909
|
var className = _ref.className,
|
|
1651
1910
|
icon = _ref.icon,
|
|
1652
1911
|
children = _ref.children,
|
|
1653
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1912
|
+
restProps = _objectWithoutProperties(_ref, _excluded$C);
|
|
1654
1913
|
return jsxRuntime.jsx("li", {
|
|
1655
1914
|
className: clsx('utrecht-link-list__item', className),
|
|
1656
|
-
children: jsxRuntime.jsxs(Link, _objectSpread$
|
|
1915
|
+
children: jsxRuntime.jsxs(Link, _objectSpread$D(_objectSpread$D({
|
|
1657
1916
|
className: "utrecht-link-list__link"
|
|
1658
1917
|
}, restProps), {}, {
|
|
1659
1918
|
ref: ref,
|
|
@@ -1670,13 +1929,14 @@ var LinkList = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1670
1929
|
icon = _ref2.icon,
|
|
1671
1930
|
links = _ref2.links,
|
|
1672
1931
|
className = _ref2.className,
|
|
1673
|
-
restProps = _objectWithoutProperties(_ref2, _excluded2$
|
|
1674
|
-
return jsxRuntime.jsxs("ul", _objectSpread$
|
|
1932
|
+
restProps = _objectWithoutProperties(_ref2, _excluded2$4);
|
|
1933
|
+
return jsxRuntime.jsxs("ul", _objectSpread$D(_objectSpread$D({
|
|
1934
|
+
role: "list",
|
|
1675
1935
|
ref: ref,
|
|
1676
1936
|
className: clsx('utrecht-link-list', 'utrecht-link-list--html-ul', className)
|
|
1677
1937
|
}, restProps), {}, {
|
|
1678
1938
|
children: [children, Array.isArray(links) && links.map(function (linkProps, index) {
|
|
1679
|
-
return jsxRuntime.jsx(LinkListLink, _objectSpread$
|
|
1939
|
+
return jsxRuntime.jsx(LinkListLink, _objectSpread$D({
|
|
1680
1940
|
icon: typeof icon === 'function' ? icon() : undefined
|
|
1681
1941
|
}, linkProps), index);
|
|
1682
1942
|
})]
|
|
@@ -1687,15 +1947,15 @@ LinkList.displayName = 'LinkList';
|
|
|
1687
1947
|
var css_248z$s = ".utrecht-link-social{--utrecht-icon-size:var(--utrecht-link-social-icon-size);--utrecht-icon-color:currentColor;align-items:center;background-color:var(--utrecht-link-social-background-color);block-size:var(--utrecht-link-social-size);border-color:var(--utrecht-link-social-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-link-social-border-width);color:var(--utrecht-link-social-color);display:inline-flex;inline-size:var(--utrecht-link-social-size);justify-content:center}.utrecht-link-social--hover,.utrecht-link-social:hover{background-color:var(--utrecht-link-social-hover-background-color,var(--utrecht-link-social-background-color));color:var(--utrecht-link-social-hover-color,var(--utrecht-link-social-color));transform:var(--utrecht-link-social-hover-transform-scale)}.utrecht-link-social--focus-visible,.utrecht-link-social: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-link-social--distanced{margin-inline-start:var(--utrecht-link-social-margin-inline-start)}";
|
|
1688
1948
|
styleInject(css_248z$s);
|
|
1689
1949
|
|
|
1690
|
-
var _excluded$
|
|
1691
|
-
function ownKeys$
|
|
1692
|
-
function _objectSpread$
|
|
1950
|
+
var _excluded$B = ["children", "className", "external"];
|
|
1951
|
+
function ownKeys$C(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; }
|
|
1952
|
+
function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1693
1953
|
var LinkSocial = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1694
1954
|
var children = _ref.children,
|
|
1695
1955
|
className = _ref.className,
|
|
1696
1956
|
external = _ref.external,
|
|
1697
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1698
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
1957
|
+
restProps = _objectWithoutProperties(_ref, _excluded$B);
|
|
1958
|
+
return jsxRuntime.jsx("a", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
|
|
1699
1959
|
ref: ref,
|
|
1700
1960
|
className: clsx('utrecht-link-social', className),
|
|
1701
1961
|
rel: external !== false ? 'external noopener noreferrer' : undefined,
|
|
@@ -1704,9 +1964,91 @@ var LinkSocial = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1704
1964
|
});
|
|
1705
1965
|
LinkSocial.displayName = 'LinkSocial';
|
|
1706
1966
|
|
|
1707
|
-
var css_248z$r = ".utrecht-
|
|
1967
|
+
var css_248z$r = ".utrecht-listbox{--utrecht-listbox-max-block-size:300px;background-color:var(--utrecht-listbox-background-color);border-color:var(--utrecht-listbox-border-color);border-radius:var(--utrecht-listbox-border-radius);border-style:solid;border-width:var(--utrecht-listbox-border-width);box-sizing:border-box;cursor:default;display:flex;flex-direction:column;inline-size:var(--utrecht-listbox-inline-size,var(--utrecht-form-input-max-inline-size));max-block-size:var(--utrecht-listbox-max-block-size);min-block-size:1em;overflow-block:auto;overflow-y:auto;padding-block-end:var(--utrecht-listbox-padding-block-end);padding-block-start:var(--utrecht-listbox-padding-block-start);padding-inline-end:var(--utrecht-listbox-padding-inline-end);padding-inline-start:var(--utrecht-listbox-padding-inline-start);-webkit-user-select:none;user-select:none}@media (forced-colors:active){.utrecht-listbox{--utrecht-listbox-option-selected-background-color:Highlight;--utrecht-listbox-option-selected-color:HighlightText;--utrecht-listbox-option-disabled-background-color:field;--utrecht-listbox-option-disabled-color:GrayText;background-color:field;color:fieldtext}}.utrecht-listbox--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-listbox__group,.utrecht-listbox__list{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.utrecht-listbox__group{margin-block-end:var(--utrecht-listbox-option-group-margin-block-end)}.utrecht-listbox__group-label{color:var(--utrecht-listbox-option-group-label-color);font-size:var(--utrecht-listbox-option-group-label-font-size);font-weight:var(--utrecht-listbox-option-group-label-font-weight);line-height:var(--utrecht-listbox-option-group-label-line-height);margin-inline-start:var(--utrecht-listbox-option-group-label-margin-inline-start)}@media (forced-colors:active){.utrecht-listbox__group-label{background-color:field;color:fieldtext}}.utrecht-listbox__option{--utrecht-icon-size:var(--utrecht-listbox-option-icon-size,16px);align-items:center;background-color:var(--utrecht-listbox-option-background-color);box-sizing:border-box;color:var(--utrecht-listbox-option-color);display:flex;list-style:none;min-block-size:var(--utrecht-listbox-option-min-block-size,var(--utrecht-pointer-target-min-size,24px));padding-block-end:var(--utrecht-listbox-option-padding-block-end);padding-block-start:var(--utrecht-listbox-option-padding-block-start);padding-inline-end:var(--utrecht-listbox-option-padding-inline-end);padding-inline-start:var(--utrecht-listbox-option-padding-inline-start)}@media (forced-colors:active){.utrecht-listbox__option{forced-color-adjust:none}}.utrecht-listbox__option--disabled{background-color:var(--utrecht-listbox-option-disabled-background-color);color:var(--utrecht-listbox-option-disabled-color)}.utrecht-listbox__option--hover{background-color:var(--utrecht-listbox-option-hover-background-color,var(--utrecht-listbox-option-color));color:var(--utrecht-listbox-option-hover-color,var(--utrecht-listbox-option-color))}.utrecht-listbox__option--focus{background-color:var(--utrecht-listbox-option-focus-background-color,var(--utrecht-listbox-option-color));color:var(--utrecht-listbox-option-focus-color,var(--utrecht-listbox-option-color))}.utrecht-listbox__option--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);--utrecht-focus-outline-offset:calc(var(--utrecht-focus-outline-width)*-1);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-listbox__option--active{background-color:var(--utrecht-listbox-option-is-active-background-color);color:var(--utrecht-listbox-option-is-active-color);font-weight:var(--utrecht-listbox-option-is-active-font-weight)}.utrecht-listbox__option--selected{background-color:var(--utrecht-listbox-option-selected-background-color);color:var(--utrecht-listbox-option-selected-color)}.utrecht-listbox__option--html-li{list-style:none}.utrecht-listbox__option--html-li:hover{background-color:var(--utrecht-listbox-option-hover-background-color,var(--utrecht-listbox-option-color));color:var(--utrecht-listbox-option-hover-color,var(--utrecht-listbox-option-color))}.utrecht-listbox__option--html-li:focus{background-color:var(--utrecht-listbox-option-focus-background-color,var(--utrecht-listbox-option-color));color:var(--utrecht-listbox-option-focus-color,var(--utrecht-listbox-option-color))}.utrecht-listbox--disabled{cursor:var(--utrecht-action-disabled-cursor,not-allowed)}@media (forced-colors:active){.utrecht-listbox--disabled{--utrecht-listbox-option-selected-background-color:GrayText;--utrecht-listbox-option-selected-color:field;--utrecht-listbox-option-background-color:field;--utrecht-listbox-option-color:GrayText;--utrecht-listbox-background-color:field;--utrecht-listbox-color:GrayText}}.utrecht-listbox--html-div: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)}";
|
|
1708
1968
|
styleInject(css_248z$r);
|
|
1709
1969
|
|
|
1970
|
+
var _excluded$A = ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"],
|
|
1971
|
+
_excluded2$3 = ["children", "label"],
|
|
1972
|
+
_excluded3 = ["active", "className", "disabled", "selected"];
|
|
1973
|
+
function ownKeys$B(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; }
|
|
1974
|
+
function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1975
|
+
var Listbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1976
|
+
var children = _ref.children,
|
|
1977
|
+
className = _ref.className,
|
|
1978
|
+
disabled = _ref.disabled,
|
|
1979
|
+
invalid = _ref.invalid,
|
|
1980
|
+
multiple = _ref.multiple,
|
|
1981
|
+
readOnly = _ref.readOnly,
|
|
1982
|
+
required = _ref.required,
|
|
1983
|
+
restProps = _objectWithoutProperties(_ref, _excluded$A);
|
|
1984
|
+
return jsxRuntime.jsx("div", _objectSpread$B(_objectSpread$B({
|
|
1985
|
+
className: clsx('utrecht-listbox', 'utrecht-listbox--html-div', {
|
|
1986
|
+
'utrecht-listbox--disabled': disabled,
|
|
1987
|
+
'utrecht-listbox--invalid': invalid,
|
|
1988
|
+
'utrecht-listbox--read-only': readOnly
|
|
1989
|
+
}, className),
|
|
1990
|
+
role: "listbox",
|
|
1991
|
+
"aria-disabled": disabled || undefined,
|
|
1992
|
+
"aria-invalid": invalid || undefined,
|
|
1993
|
+
"aria-multiselectable": multiple || undefined,
|
|
1994
|
+
"aria-readonly": readOnly || undefined,
|
|
1995
|
+
"aria-required": required || undefined,
|
|
1996
|
+
tabIndex: 0
|
|
1997
|
+
}, restProps), {}, {
|
|
1998
|
+
ref: ref,
|
|
1999
|
+
children: jsxRuntime.jsx("ul", {
|
|
2000
|
+
className: "utrecht-listbox__list",
|
|
2001
|
+
children: children
|
|
2002
|
+
})
|
|
2003
|
+
}));
|
|
2004
|
+
});
|
|
2005
|
+
Listbox.displayName = 'Listbox';
|
|
2006
|
+
var ListboxOptionGroup = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
2007
|
+
var children = _ref2.children,
|
|
2008
|
+
label = _ref2.label,
|
|
2009
|
+
restProps = _objectWithoutProperties(_ref2, _excluded2$3);
|
|
2010
|
+
var id = react.useId();
|
|
2011
|
+
return jsxRuntime.jsxs("li", _objectSpread$B(_objectSpread$B({
|
|
2012
|
+
className: "utrecht-listbox__group",
|
|
2013
|
+
role: "group",
|
|
2014
|
+
"aria-labelledby": id
|
|
2015
|
+
}, restProps), {}, {
|
|
2016
|
+
ref: ref,
|
|
2017
|
+
children: [label && jsxRuntime.jsx("div", {
|
|
2018
|
+
id: id,
|
|
2019
|
+
className: "utrecht-listbox__group-label",
|
|
2020
|
+
children: label
|
|
2021
|
+
}), jsxRuntime.jsx("ul", {
|
|
2022
|
+
children: children
|
|
2023
|
+
})]
|
|
2024
|
+
}));
|
|
2025
|
+
});
|
|
2026
|
+
ListboxOptionGroup.displayName = 'ListboxOptionGroup';
|
|
2027
|
+
var ListboxOption = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
2028
|
+
var active = _ref3.active,
|
|
2029
|
+
className = _ref3.className,
|
|
2030
|
+
disabled = _ref3.disabled,
|
|
2031
|
+
selected = _ref3.selected,
|
|
2032
|
+
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
2033
|
+
return jsxRuntime.jsx("li", _objectSpread$B(_objectSpread$B({
|
|
2034
|
+
className: clsx('utrecht-listbox__option', 'utrecht-listbox__option--html-li', {
|
|
2035
|
+
'utrecht-listbox__option--active': active,
|
|
2036
|
+
'utrecht-listbox__option--disabled': disabled,
|
|
2037
|
+
'utrecht-listbox__option--selected': selected
|
|
2038
|
+
}, className),
|
|
2039
|
+
"aria-disabled": disabled || undefined,
|
|
2040
|
+
"aria-selected": selected ? 'true' : 'false',
|
|
2041
|
+
tabIndex: disabled ? undefined : -1,
|
|
2042
|
+
role: "option"
|
|
2043
|
+
}, restProps), {}, {
|
|
2044
|
+
ref: ref
|
|
2045
|
+
}));
|
|
2046
|
+
});
|
|
2047
|
+
ListboxOption.displayName = 'ListboxOption';
|
|
2048
|
+
|
|
2049
|
+
var css_248z$q = ".utrecht-list-social{display:flex;margin-block-end:var(--utrecht-list-social-margin-block-end);margin-block-start:var(--utrecht-list-social-margin-block-start);padding-inline-end:var(--utrecht-list-social-padding-inline-end);padding-inline-start:var(--utrecht-list-social-padding-inline-start)}.utrecht-list-social__item{list-style-type:none;margin-inline-end:var(--utrecht-list-social-item-margin-inline-end)}.utrecht-list-social__item:last-child{margin-inline-end:0}";
|
|
2050
|
+
styleInject(css_248z$q);
|
|
2051
|
+
|
|
1710
2052
|
var ListSocial = function ListSocial(_ref) {
|
|
1711
2053
|
var children = _ref.children;
|
|
1712
2054
|
return jsxRuntime.jsx("ul", {
|
|
@@ -1722,8 +2064,8 @@ var ListSocialItem = function ListSocialItem(_ref2) {
|
|
|
1722
2064
|
});
|
|
1723
2065
|
};
|
|
1724
2066
|
|
|
1725
|
-
var css_248z$
|
|
1726
|
-
styleInject(css_248z$
|
|
2067
|
+
var css_248z$p = ".utrecht-logo{display:block;max-block-size:var(--utrecht-logo-max-block-size,192px);max-inline-size:var(--utrecht-logo-max-inline-size,96px);min-block-size:var(--utrecht-logo-min-block-size);min-inline-size:var(--utrecht-logo-min-inline-size)}.utrecht-logo>*{block-size:100%;display:inline-block;inline-size:auto}";
|
|
2068
|
+
styleInject(css_248z$p);
|
|
1727
2069
|
|
|
1728
2070
|
var _excluded$z = ["children", "className"];
|
|
1729
2071
|
function ownKeys$A(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; }
|
|
@@ -1839,8 +2181,8 @@ var LogoImage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1839
2181
|
});
|
|
1840
2182
|
LogoImage.displayName = 'LogoImage';
|
|
1841
2183
|
|
|
1842
|
-
var css_248z$
|
|
1843
|
-
styleInject(css_248z$
|
|
2184
|
+
var css_248z$o = ".utrecht-mark{background-color:var(--utrecht-mark-background-color,revert);color:var(--utrecht-mark-color,revert)}@media print{.utrecht-mark{outline-color:currentColor;outline-style:dotted;outline-width:.1em}}@media screen and (-ms-high-contrast:active){.utrecht-mark{background-color:Highlight;color:HighlightText}}.utrecht-mark--print{outline-color:currentColor;outline-style:dotted;outline-width:.1em}.utrecht-mark--windows-high-contrast{background-color:Highlight;color:HighlightText}";
|
|
2185
|
+
styleInject(css_248z$o);
|
|
1844
2186
|
|
|
1845
2187
|
var _excluded$y = ["children", "className"];
|
|
1846
2188
|
function ownKeys$y(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; }
|
|
@@ -1858,8 +2200,8 @@ var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1858
2200
|
});
|
|
1859
2201
|
Mark.displayName = 'Mark';
|
|
1860
2202
|
|
|
1861
|
-
var css_248z$
|
|
1862
|
-
styleInject(css_248z$
|
|
2203
|
+
var css_248z$n = ".utrecht-multiline-data{white-space-collapse:preserve-breaks;white-space:pre-line}.utrecht-multiline-data--html-pre{font-family:inherit;margin-block-end:0;margin-block-start:0}";
|
|
2204
|
+
styleInject(css_248z$n);
|
|
1863
2205
|
|
|
1864
2206
|
var _excluded$x = ["children", "className"];
|
|
1865
2207
|
function ownKeys$x(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; }
|
|
@@ -1877,8 +2219,8 @@ var MultilineData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1877
2219
|
});
|
|
1878
2220
|
MultilineData.displayName = 'MultilineData';
|
|
1879
2221
|
|
|
1880
|
-
var css_248z$
|
|
1881
|
-
styleInject(css_248z$
|
|
2222
|
+
var css_248z$m = ".utrecht-nav-bar{background-color:var(--utrecht-nav-bar-background-color);color:var(--utrecht-nav-bar-color);display:flex;justify-content:center}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-nav-bar{border-block-end-color:currentColor;border-block-end-style:solid;border-block-end-width:1px;border-block-start-color:currentColor;border-block-start-style:solid;border-block-start-width:1px;padding-block-end:calc(var(--utrecht-focus-outline-width)*2);padding-block-start:calc(var(--utrecht-focus-outline-width)*2)}}.utrecht-nav-bar__content{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;inline-size:100%;justify-content:space-between;max-inline-size:var(--utrecht-nav-bar-content-max-inline-size)}";
|
|
2223
|
+
styleInject(css_248z$m);
|
|
1882
2224
|
|
|
1883
2225
|
var NavBar = function NavBar(_ref) {
|
|
1884
2226
|
var appearance = _ref.appearance,
|
|
@@ -1895,8 +2237,8 @@ var NavBar = function NavBar(_ref) {
|
|
|
1895
2237
|
};
|
|
1896
2238
|
NavBar.displayName = 'NavBar';
|
|
1897
2239
|
|
|
1898
|
-
var css_248z$
|
|
1899
|
-
styleInject(css_248z$
|
|
2240
|
+
var css_248z$l = ".utrecht-nav-list{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;inline-size:100%;justify-content:start;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.utrecht-nav-list--center>*{flex:1 1 0;justify-content:center}.utrecht-nav-list__item{display:inline-flex;list-style:none}.utrecht-nav-list__link{font-weight:var(--utrecht-nav-list-link-font-weight);max-inline-size:var(--utrecht-nav-bar-link-max-inline-size,30ch);padding-block-end:var(--utrecht-nav-bar-link-padding-block-end);padding-block-start:var(--utrecht-nav-bar-link-padding-block-start);padding-inline-end:var(--utrecht-nav-bar-link-padding-inline-end);padding-inline-start:var(--utrecht-nav-bar-link-padding-inline-start);text-decoration:none}";
|
|
2241
|
+
styleInject(css_248z$l);
|
|
1900
2242
|
|
|
1901
2243
|
var _excluded$w = ["center", "children"],
|
|
1902
2244
|
_excluded2$2 = ["center", "children"];
|
|
@@ -1947,8 +2289,8 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
|
|
|
1947
2289
|
};
|
|
1948
2290
|
NavListLinkButton.displayName = 'NavListLinkButton';
|
|
1949
2291
|
|
|
1950
|
-
var css_248z$
|
|
1951
|
-
styleInject(css_248z$
|
|
2292
|
+
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)}";
|
|
2293
|
+
styleInject(css_248z$k);
|
|
1952
2294
|
|
|
1953
2295
|
var _excluded$v = ["children", "className", "value"];
|
|
1954
2296
|
function ownKeys$v(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; }
|
|
@@ -1968,8 +2310,8 @@ var NumberData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1968
2310
|
});
|
|
1969
2311
|
NumberData.displayName = 'NumberData';
|
|
1970
2312
|
|
|
1971
|
-
var css_248z$
|
|
1972
|
-
styleInject(css_248z$
|
|
2313
|
+
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))}";
|
|
2314
|
+
styleInject(css_248z$j);
|
|
1973
2315
|
|
|
1974
2316
|
var _excluded$u = ["children", "className"];
|
|
1975
2317
|
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; }
|
|
@@ -2001,8 +2343,8 @@ var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2001
2343
|
});
|
|
2002
2344
|
OrderedListItem.displayName = 'OrderedListItem';
|
|
2003
2345
|
|
|
2004
|
-
var css_248z$
|
|
2005
|
-
styleInject(css_248z$
|
|
2346
|
+
var css_248z$i = ".utrecht-page{margin-inline-end:auto;margin-inline-start:auto;max-inline-size:calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));padding-inline-end:var(--utrecht-page-margin-inline-end);padding-inline-start:var(--utrecht-page-margin-inline-start)}.utrecht-page__content{background-color:var(--utrecht-page-background-color);color:var(--utrecht-page-color);max-inline-size:var(--utrecht-page-max-inline-size)}";
|
|
2347
|
+
styleInject(css_248z$i);
|
|
2006
2348
|
|
|
2007
2349
|
var _excluded$s = ["children", "className"];
|
|
2008
2350
|
function ownKeys$s(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; }
|
|
@@ -2019,8 +2361,8 @@ var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2019
2361
|
});
|
|
2020
2362
|
Page.displayName = 'Page';
|
|
2021
2363
|
|
|
2022
|
-
var css_248z$
|
|
2023
|
-
styleInject(css_248z$
|
|
2364
|
+
var css_248z$h = ".utrecht-page-content{padding-block-end:var(--utrecht-page-content-padding-block-end);padding-block-start:var(--utrecht-page-content-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-content__main{grid-area:main}.utrecht-page-content__aside{grid-area:aside}";
|
|
2365
|
+
styleInject(css_248z$h);
|
|
2024
2366
|
|
|
2025
2367
|
var _excluded$r = ["children", "className"],
|
|
2026
2368
|
_excluded2$1 = ["children", "className"];
|
|
@@ -2049,8 +2391,8 @@ var PageContentMain = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
2049
2391
|
});
|
|
2050
2392
|
PageContentMain.displayName = 'PageContentMain';
|
|
2051
2393
|
|
|
2052
|
-
var css_248z$
|
|
2053
|
-
styleInject(css_248z$
|
|
2394
|
+
var css_248z$g = ".utrecht-page-footer{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);color:var(--utrecht-page-footer-color);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start)}.utrecht-page-footer__address--reset-address{font-style:inherit;margin-block-end:0;margin-block-start:0}";
|
|
2395
|
+
styleInject(css_248z$g);
|
|
2054
2396
|
|
|
2055
2397
|
var _excluded$q = ["children", "className"];
|
|
2056
2398
|
function ownKeys$q(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; }
|
|
@@ -2067,8 +2409,8 @@ var PageFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2067
2409
|
});
|
|
2068
2410
|
PageFooter.displayName = 'PageFooter';
|
|
2069
2411
|
|
|
2070
|
-
var css_248z$
|
|
2071
|
-
styleInject(css_248z$
|
|
2412
|
+
var css_248z$f = ".utrecht-page-header{background-color:var(--utrecht-page-header-background-color);color:var(--utrecht-page-header-color);grid-area:\"utrecht-header\";padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-header__content{max-inline-size:var(--utrecht-page-max-inline-size)}";
|
|
2413
|
+
styleInject(css_248z$f);
|
|
2072
2414
|
|
|
2073
2415
|
var _excluded$p = ["children", "className"];
|
|
2074
2416
|
function ownKeys$p(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; }
|
|
@@ -2085,8 +2427,8 @@ var PageHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2085
2427
|
});
|
|
2086
2428
|
PageHeader.displayName = 'PageHeader';
|
|
2087
2429
|
|
|
2088
|
-
var css_248z$
|
|
2089
|
-
styleInject(css_248z$
|
|
2430
|
+
var css_248z$e = ".utrecht-paragraph{color:var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-paragraph-font-family,var(--utrecht-document-font-family,inherit));font-size:var(--utrecht-paragraph-font-size,var(--utrecht-document-font-size,inherit));font-weight:var(--utrecht-paragraph-font-weight,inherit);line-height:var(--utrecht-paragraph-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-paragraph--lead{color:var(--utrecht-paragraph-lead-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-lead-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-lead-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-lead-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-paragraph--small{color:var(--utrecht-paragraph-small-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-small-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-small-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-small-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-paragraph__small{font-size:inherit}.utrecht-paragraph__b{font-weight:inherit}.utrecht-paragraph--distanced{--utrecht-space-around:1}";
|
|
2431
|
+
styleInject(css_248z$e);
|
|
2090
2432
|
|
|
2091
2433
|
var _excluded$o = ["children", "className", "lead", "small"];
|
|
2092
2434
|
function ownKeys$o(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; }
|
|
@@ -2111,8 +2453,8 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2111
2453
|
});
|
|
2112
2454
|
Paragraph.displayName = 'Paragraph';
|
|
2113
2455
|
|
|
2114
|
-
var css_248z$
|
|
2115
|
-
styleInject(css_248z$
|
|
2456
|
+
var css_248z$d = ".utrecht-data-placeholder{background-color:var(--utrecht-data-placeholder-background-color,currentColor);block-size:1em;display:inline-block;inline-size:min(100%,var(--utrecht-data-placeholder-max-inline-size));max-inline-size:var(--utrecht-data-placeholder-max-inline-size);min-inline-size:var(--utrecht-data-placeholder-min-inline-size,10ch);vertical-align:-.1em}@media print{.utrecht-data-placeholder{outline-color:currentColor;outline-style:dashed;outline-width:.1em}}@media screen and (prefers-contrast:more){.utrecht-data-placeholder{background-color:var(--utrecht-data-placeholder-high-contrast-background-color,var(--utrecht-data-placeholder-background-color,currentColor))}}@media screen and (forced-colors:active){.utrecht-data-placeholder{background-color:GrayText}}.utrecht-data-placeholder--loading{cursor:var(--utrecht-action-busy-cursor,busy)}.utrecht-data-placeholder--print{outline-color:currentColor;outline-style:dashed;outline-width:.1em}.utrecht-data-placeholder--forced-colors{background-color:GrayText}.utrecht-data-placeholder--high-contrast{cursor:var(--utrecht-action-busy-cursor,busy)}";
|
|
2457
|
+
styleInject(css_248z$d);
|
|
2116
2458
|
|
|
2117
2459
|
var _excluded$n = ["loading", "className"];
|
|
2118
2460
|
function ownKeys$n(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; }
|
|
@@ -2130,8 +2472,8 @@ var DataPlaceholder = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2130
2472
|
});
|
|
2131
2473
|
DataPlaceholder.displayName = 'DataPlaceholder';
|
|
2132
2474
|
|
|
2133
|
-
var css_248z$
|
|
2134
|
-
styleInject(css_248z$
|
|
2475
|
+
var css_248z$c = ".utrecht-pre-heading{color:var(--utrecht-pre-heading-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-pre-heading-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-pre-heading-font-size);font-weight:var(--utrecht-pre-heading-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-pre-heading-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-pre-heading-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-pre-heading-margin-block-start, 0));order:var(--utrecht-pre-heading-order,0)}.utrecht-pre-heading--distanced{--utrecht-space-around:1}";
|
|
2476
|
+
styleInject(css_248z$c);
|
|
2135
2477
|
|
|
2136
2478
|
var _excluded$m = ["children", "className"];
|
|
2137
2479
|
function ownKeys$m(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; }
|
|
@@ -2148,8 +2490,8 @@ var PreHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2148
2490
|
});
|
|
2149
2491
|
PreHeading.displayName = 'PreHeading';
|
|
2150
2492
|
|
|
2151
|
-
var css_248z$
|
|
2152
|
-
styleInject(css_248z$
|
|
2493
|
+
var css_248z$b = ".utrecht-preserve-data{white-space-collapse:preserve-spaces;unicode-bidi:isolate}";
|
|
2494
|
+
styleInject(css_248z$b);
|
|
2153
2495
|
|
|
2154
2496
|
var _excluded$l = ["children", "className", "dateTime", "value"];
|
|
2155
2497
|
function ownKeys$l(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; }
|
|
@@ -2182,8 +2524,8 @@ var PreserveData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2182
2524
|
});
|
|
2183
2525
|
PreserveData.displayName = 'PreserveData';
|
|
2184
2526
|
|
|
2185
|
-
var css_248z$b = ".utrecht-radio-button{--_utrecht-radio-button-background-color:var(\n --_utrecht-radio-button-interactive-background-color,var(--_utrecht-radio-button-state-background-color,var(--utrecht-radio-button-background-color))\n );--_utrecht-radio-button-border-color:var(\n --_utrecht-radio-button-interactive-border-color,var(--_utrecht-radio-button-state-border-color,var(--utrecht-radio-button-border-color,currentColor))\n );--_utrecht-radio-button-border-width:var(\n --_utrecht-radio-button-interactive-border-width,var(--_utrecht-radio-button-state-border-width,var(--utrecht-radio-button-border-width))\n );--_utrecht-radio-button-color:var(\n --_utrecht-radio-button-interactive-color,var(--_utrecht-radio-button-state-color,var(--utrecht-radio-button-color,currentColor))\n );--_utrecht-radio-button-icon-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--_utrecht-radio-button-background-color);background-image:radial-gradient(circle,var(--_utrecht-radio-button-color,transparent) calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),var(--_utrecht-radio-button-background-color,currentColor) var(--_utrecht-radio-button-icon-size,50%));background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-radio-button-size,1em);border-color:var(--_utrecht-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--_utrecht-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor,revert);inline-size:var(--utrecht-radio-button-size,1em);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-end:var(--utrecht-radio-button-margin-inline-end);margin-inline-start:0;min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:top}.utrecht-radio-button--checked{--_utrecht-radio-button-icon-size:var(--utrecht-radio-button-icon-size,50%);--_utrecht-radio-button-state-background-color:var(--utrecht-radio-button-checked-background-color);--_utrecht-radio-button-state-border-color:var(--utrecht-radio-button-checked-border-color);--_utrecht-radio-button-state-border-width:var(--utrecht-radio-button-checked-border-width);--_utrecht-radio-button-state-color:var(--utrecht-radio-button-checked-color);--_utrecht-radio-button-state-active-background-color:var(--utrecht-radio-button-checked-active-background-color);--_utrecht-radio-button-state-active-border-color:var(--utrecht-radio-button-checked-active-border-color);--_utrecht-radio-button-state-active-border-width:var(--utrecht-radio-button-checked-active-border-width);--_utrecht-radio-button-state-active-color:var(--utrecht-radio-button-checked-active-color);--_utrecht-radio-button-state-focus-background-color:var(--utrecht-radio-button-checked-focus-background-color);--_utrecht-radio-button-state-focus-border-color:var(--utrecht-radio-button-checked-focus-border-color);--_utrecht-radio-button-state-focus-border-width:var(--utrecht-radio-button-checked-focus-border-width);--_utrecht-radio-button-state-focus-color:var(--utrecht-radio-button-checked-focus-color);--_utrecht-radio-button-state-hover-background-color:var(--utrecht-radio-button-checked-hover-background-color);--_utrecht-radio-button-state-hover-border-color:var(--utrecht-radio-button-checked-hover-border-color);--_utrecht-radio-button-state-hover-border-width:var(--utrecht-radio-button-checked-hover-border-width);--_utrecht-radio-button-state-hover-color:var(--utrecht-radio-button-checked-hover-color)}.utrecht-radio-button--hover{--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-hover-background-color,var(--utrecht-radio-button-hover-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-hover-border-color,var(--utrecht-radio-button-hover-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-hover-border-width,var(--utrecht-radio-button-hover-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-hover-color,var(--utrecht-radio-button-hover-color)\n )}.utrecht-radio-button--focus{--_utrecht-radio-button-interactive-background-color:var(\n --utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-focus-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-focus-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-focus-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --utrecht-radio-button-focus-color,var(--utrecht-radio-button-focus-color)\n )}.utrecht-radio-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-radio-button--active{--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-active-background-color,var(--utrecht-radio-button-active-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-active-border-color,var(--utrecht-radio-button-active-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-active-border-width,var(--utrecht-radio-button-active-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-active-color,var(--utrecht-radio-button-active-color)\n )}.utrecht-radio-button--disabled{--_utrecht-radio-button-background-color:var(--utrecht-radio-button-disabled-background-color);--_utrecht-radio-button-border-color:var(--utrecht-radio-button-disabled-border-color);--_utrecht-radio-button-border-width:var(--utrecht-radio-button-disabled-border-width);--_utrecht-radio-button-color:var(--utrecht-radio-button-disabled-color);--_utrecht-radio-button-focus-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-focus-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-focus-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-focus-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-active-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-active-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-active-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-active-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-hover-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-hover-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-hover-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-hover-color:var(--_utrecht-radio-button-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-radio-button--invalid{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--html-input:checked{--_utrecht-radio-button-icon-size:var(--utrecht-radio-button-icon-size,50%);--_utrecht-radio-button-state-background-color:var(--utrecht-radio-button-checked-background-color);--_utrecht-radio-button-state-border-color:var(--utrecht-radio-button-checked-border-color);--_utrecht-radio-button-state-border-width:var(--utrecht-radio-button-checked-border-width);--_utrecht-radio-button-state-color:var(--utrecht-radio-button-checked-color);--_utrecht-radio-button-state-active-background-color:var(--utrecht-radio-button-checked-active-background-color);--_utrecht-radio-button-state-active-border-color:var(--utrecht-radio-button-checked-active-border-color);--_utrecht-radio-button-state-active-border-width:var(--utrecht-radio-button-checked-active-border-width);--_utrecht-radio-button-state-active-color:var(--utrecht-radio-button-checked-active-color);--_utrecht-radio-button-state-focus-background-color:var(--utrecht-radio-button-checked-focus-background-color);--_utrecht-radio-button-state-focus-border-color:var(--utrecht-radio-button-checked-focus-border-color);--_utrecht-radio-button-state-focus-border-width:var(--utrecht-radio-button-checked-focus-border-width);--_utrecht-radio-button-state-focus-color:var(--utrecht-radio-button-checked-focus-color);--_utrecht-radio-button-state-hover-background-color:var(--utrecht-radio-button-checked-hover-background-color);--_utrecht-radio-button-state-hover-border-color:var(--utrecht-radio-button-checked-hover-border-color);--_utrecht-radio-button-state-hover-border-width:var(--utrecht-radio-button-checked-hover-border-width);--_utrecht-radio-button-state-hover-color:var(--utrecht-radio-button-checked-hover-color)}.utrecht-radio-button--html-input:disabled{--_utrecht-radio-button-background-color:var(--utrecht-radio-button-disabled-background-color);--_utrecht-radio-button-border-color:var(--utrecht-radio-button-disabled-border-color);--_utrecht-radio-button-border-width:var(--utrecht-radio-button-disabled-border-width);--_utrecht-radio-button-color:var(--utrecht-radio-button-disabled-color);--_utrecht-radio-button-focus-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-focus-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-focus-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-focus-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-active-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-active-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-active-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-active-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-hover-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-hover-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-hover-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-hover-color:var(--_utrecht-radio-button-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-radio-button--html-input:invalid,.utrecht-radio-button--html-input[aria-invalid=true]{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--html-input:focus:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-focus-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-focus-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-focus-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --utrecht-radio-button-focus-color,var(--utrecht-radio-button-focus-color)\n )}.utrecht-radio-button--html-input: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-radio-button--html-input:hover:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-hover-background-color,var(--utrecht-radio-button-hover-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-hover-border-color,var(--utrecht-radio-button-hover-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-hover-border-width,var(--utrecht-radio-button-hover-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-hover-color,var(--utrecht-radio-button-hover-color)\n )}.utrecht-radio-button--html-input:active:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-active-background-color,var(--utrecht-radio-button-active-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-active-border-color,var(--utrecht-radio-button-active-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-active-border-width,var(--utrecht-radio-button-active-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-active-color,var(--utrecht-radio-button-active-color)\n )}";
|
|
2186
|
-
styleInject(css_248z$
|
|
2527
|
+
var css_248z$a = ".utrecht-radio-button{--_utrecht-radio-button-background-color:var(\n --_utrecht-radio-button-interactive-background-color,var(--_utrecht-radio-button-state-background-color,var(--utrecht-radio-button-background-color))\n );--_utrecht-radio-button-border-color:var(\n --_utrecht-radio-button-interactive-border-color,var(--_utrecht-radio-button-state-border-color,var(--utrecht-radio-button-border-color,currentColor))\n );--_utrecht-radio-button-border-width:var(\n --_utrecht-radio-button-interactive-border-width,var(--_utrecht-radio-button-state-border-width,var(--utrecht-radio-button-border-width))\n );--_utrecht-radio-button-color:var(\n --_utrecht-radio-button-interactive-color,var(--_utrecht-radio-button-state-color,var(--utrecht-radio-button-color,currentColor))\n );--_utrecht-radio-button-icon-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--_utrecht-radio-button-background-color);background-image:radial-gradient(circle,var(--_utrecht-radio-button-color,transparent) calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),var(--_utrecht-radio-button-background-color,currentColor) var(--_utrecht-radio-button-icon-size,50%));background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-radio-button-size,1em);border-color:var(--_utrecht-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--_utrecht-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor,revert);inline-size:var(--utrecht-radio-button-size,1em);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-end:var(--utrecht-radio-button-margin-inline-end);margin-inline-start:0;min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:top}.utrecht-radio-button--checked{--_utrecht-radio-button-icon-size:var(--utrecht-radio-button-icon-size,50%);--_utrecht-radio-button-state-background-color:var(--utrecht-radio-button-checked-background-color);--_utrecht-radio-button-state-border-color:var(--utrecht-radio-button-checked-border-color);--_utrecht-radio-button-state-border-width:var(--utrecht-radio-button-checked-border-width);--_utrecht-radio-button-state-color:var(--utrecht-radio-button-checked-color);--_utrecht-radio-button-state-active-background-color:var(--utrecht-radio-button-checked-active-background-color);--_utrecht-radio-button-state-active-border-color:var(--utrecht-radio-button-checked-active-border-color);--_utrecht-radio-button-state-active-border-width:var(--utrecht-radio-button-checked-active-border-width);--_utrecht-radio-button-state-active-color:var(--utrecht-radio-button-checked-active-color);--_utrecht-radio-button-state-focus-background-color:var(--utrecht-radio-button-checked-focus-background-color);--_utrecht-radio-button-state-focus-border-color:var(--utrecht-radio-button-checked-focus-border-color);--_utrecht-radio-button-state-focus-border-width:var(--utrecht-radio-button-checked-focus-border-width);--_utrecht-radio-button-state-focus-color:var(--utrecht-radio-button-checked-focus-color);--_utrecht-radio-button-state-hover-background-color:var(--utrecht-radio-button-checked-hover-background-color);--_utrecht-radio-button-state-hover-border-color:var(--utrecht-radio-button-checked-hover-border-color);--_utrecht-radio-button-state-hover-border-width:var(--utrecht-radio-button-checked-hover-border-width);--_utrecht-radio-button-state-hover-color:var(--utrecht-radio-button-checked-hover-color)}.utrecht-radio-button--hover{--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-hover-background-color,var(--utrecht-radio-button-hover-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-hover-border-color,var(--utrecht-radio-button-hover-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-hover-border-width,var(--utrecht-radio-button-hover-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-hover-color,var(--utrecht-radio-button-hover-color)\n )}.utrecht-radio-button--focus{--_utrecht-radio-button-interactive-background-color:var(\n --utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-focus-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-focus-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-focus-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --utrecht-radio-button-focus-color,var(--utrecht-radio-button-focus-color)\n )}.utrecht-radio-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-radio-button--active{--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-active-background-color,var(--utrecht-radio-button-active-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-active-border-color,var(--utrecht-radio-button-active-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-active-border-width,var(--utrecht-radio-button-active-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-active-color,var(--utrecht-radio-button-active-color)\n )}.utrecht-radio-button--disabled{--_utrecht-radio-button-background-color:var(--utrecht-radio-button-disabled-background-color);--_utrecht-radio-button-border-color:var(--utrecht-radio-button-disabled-border-color);--_utrecht-radio-button-border-width:var(--utrecht-radio-button-disabled-border-width);--_utrecht-radio-button-color:var(--utrecht-radio-button-disabled-color);--_utrecht-radio-button-focus-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-focus-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-focus-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-focus-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-active-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-active-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-active-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-active-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-hover-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-hover-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-hover-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-hover-color:var(--_utrecht-radio-button-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-radio-button--invalid{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--html-input:checked{--_utrecht-radio-button-icon-size:var(--utrecht-radio-button-icon-size,50%);--_utrecht-radio-button-state-background-color:var(--utrecht-radio-button-checked-background-color);--_utrecht-radio-button-state-border-color:var(--utrecht-radio-button-checked-border-color);--_utrecht-radio-button-state-border-width:var(--utrecht-radio-button-checked-border-width);--_utrecht-radio-button-state-color:var(--utrecht-radio-button-checked-color);--_utrecht-radio-button-state-active-background-color:var(--utrecht-radio-button-checked-active-background-color);--_utrecht-radio-button-state-active-border-color:var(--utrecht-radio-button-checked-active-border-color);--_utrecht-radio-button-state-active-border-width:var(--utrecht-radio-button-checked-active-border-width);--_utrecht-radio-button-state-active-color:var(--utrecht-radio-button-checked-active-color);--_utrecht-radio-button-state-focus-background-color:var(--utrecht-radio-button-checked-focus-background-color);--_utrecht-radio-button-state-focus-border-color:var(--utrecht-radio-button-checked-focus-border-color);--_utrecht-radio-button-state-focus-border-width:var(--utrecht-radio-button-checked-focus-border-width);--_utrecht-radio-button-state-focus-color:var(--utrecht-radio-button-checked-focus-color);--_utrecht-radio-button-state-hover-background-color:var(--utrecht-radio-button-checked-hover-background-color);--_utrecht-radio-button-state-hover-border-color:var(--utrecht-radio-button-checked-hover-border-color);--_utrecht-radio-button-state-hover-border-width:var(--utrecht-radio-button-checked-hover-border-width);--_utrecht-radio-button-state-hover-color:var(--utrecht-radio-button-checked-hover-color)}.utrecht-radio-button--html-input:disabled{--_utrecht-radio-button-background-color:var(--utrecht-radio-button-disabled-background-color);--_utrecht-radio-button-border-color:var(--utrecht-radio-button-disabled-border-color);--_utrecht-radio-button-border-width:var(--utrecht-radio-button-disabled-border-width);--_utrecht-radio-button-color:var(--utrecht-radio-button-disabled-color);--_utrecht-radio-button-focus-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-focus-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-focus-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-focus-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-active-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-active-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-active-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-active-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-hover-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-hover-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-hover-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-hover-color:var(--_utrecht-radio-button-color);cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-radio-button--html-input:invalid,.utrecht-radio-button--html-input[aria-invalid=true]{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--html-input:focus:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-focus-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-focus-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-focus-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --utrecht-radio-button-focus-color,var(--utrecht-radio-button-focus-color)\n )}.utrecht-radio-button--html-input: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-radio-button--html-input:hover:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-hover-background-color,var(--utrecht-radio-button-hover-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-hover-border-color,var(--utrecht-radio-button-hover-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-hover-border-width,var(--utrecht-radio-button-hover-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-hover-color,var(--utrecht-radio-button-hover-color)\n )}.utrecht-radio-button--html-input:active:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-active-background-color,var(--utrecht-radio-button-active-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-active-border-color,var(--utrecht-radio-button-active-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-active-border-width,var(--utrecht-radio-button-active-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-active-color,var(--utrecht-radio-button-active-color)\n )}";
|
|
2528
|
+
styleInject(css_248z$a);
|
|
2187
2529
|
|
|
2188
2530
|
var _excluded$k = ["disabled", "required", "className", "invalid"];
|
|
2189
2531
|
function ownKeys$k(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; }
|
|
@@ -2205,8 +2547,8 @@ var RadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2205
2547
|
});
|
|
2206
2548
|
RadioButton.displayName = 'RadioButton';
|
|
2207
2549
|
|
|
2208
|
-
var css_248z$
|
|
2209
|
-
styleInject(css_248z$
|
|
2550
|
+
var css_248z$9 = ".utrecht-select{background-color:var(--utrecht-select-background-color,var(--utrecht-form-control-background-color));border-block-end-width:var(--utrecht-select-border-block-end-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width)));border-block-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-color:var(--utrecht-select-border-color,var(--utrecht-form-control-border-color));border-inline-end-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-inline-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-radius:var(--utrecht-select-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;color:var(--utrecht-select-color,var(--utrecht-form-control-color));font-family:var(--utrecht-select-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-select-font-size,var(--utrecht-form-control-font-size));inline-size:100%;max-inline-size:var(--utrecht-select-max-inline-size,var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-select-min-block-size,var(--utrecht-pointer-target-min-size,44px));min-inline-size:var(--utrecht-pointer-target-min-size,44px);padding-block-end:var(--utrecht-select-padding-block-end,var(--utrecht-form-control-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start,var(--utrecht-form-control-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end,var(--utrecht-form-control-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start,var(--utrecht-form-control-padding-inline-start))}.utrecht-select--disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-select--focus{background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-select-color,var(--utrecht-form-control-color))))}.utrecht-select--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-select--busy{cursor:var(--utrecht-action-busy-cursor,busy)}.utrecht-select--invalid{--_utrecht-select-border-width:var(\n --utrecht-select-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-select-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-select-border-width);border-block-end-width:var(--utrecht-select-invalid-border-block-end-width,var(--utrecht-form-control-invalid-border-block-end-width,var(--utrecht-select-border-block-end-width,var(--utrecht-form-control-border-block-end-width,var(--_utrecht-select-border-width)))));border-color:var(--utrecht-select-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))))}.utrecht-select--html-select:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-select-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));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-select--html-select:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-select--html-select:disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-select--html-select:not([multiple]){-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em}";
|
|
2551
|
+
styleInject(css_248z$9);
|
|
2210
2552
|
|
|
2211
2553
|
var _excluded$j = ["busy", "invalid", "required", "className", "noscript", "children"],
|
|
2212
2554
|
_excluded2 = ["disabled", "invalid", "value", "children", "className"];
|
|
@@ -2249,8 +2591,8 @@ var SelectOption = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
2249
2591
|
});
|
|
2250
2592
|
SelectOption.displayName = 'SelectOption';
|
|
2251
2593
|
|
|
2252
|
-
var css_248z$
|
|
2253
|
-
styleInject(css_248z$
|
|
2594
|
+
var css_248z$8 = ".utrecht-separator{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-start, 0))}.utrecht-separator--distanced{--utrecht-space-around:1}";
|
|
2595
|
+
styleInject(css_248z$8);
|
|
2254
2596
|
|
|
2255
2597
|
var _excluded$i = ["className", "children"];
|
|
2256
2598
|
function ownKeys$i(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; }
|
|
@@ -2267,8 +2609,8 @@ var Separator = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2267
2609
|
});
|
|
2268
2610
|
Separator.displayName = 'Separator';
|
|
2269
2611
|
|
|
2270
|
-
var css_248z$
|
|
2271
|
-
styleInject(css_248z$
|
|
2612
|
+
var css_248z$7 = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color,ButtonFace);box-sizing:border-box;color:var(--utrecht-skip-link-color,ButtonText);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size,44px);min-inline-size:var(--utrecht-skip-link-min-inline-size,44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden,.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible,.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset,0);inset-inline-start:var(--_utrecht-skip-link-inset,0);position:fixed;z-index:var(--utrecht-skip-link-z-index,var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus,.utrecht-skip-link:focus,.utrecht-skip-link: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);text-decoration:var(--utrecht-skip-link-focus-text-decoration)}";
|
|
2613
|
+
styleInject(css_248z$7);
|
|
2272
2614
|
|
|
2273
2615
|
var _excluded$h = ["children", "className"];
|
|
2274
2616
|
function ownKeys$h(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; }
|
|
@@ -2288,8 +2630,8 @@ var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2288
2630
|
});
|
|
2289
2631
|
SkipLink.displayName = 'SkipLink';
|
|
2290
2632
|
|
|
2291
|
-
var css_248z$
|
|
2292
|
-
styleInject(css_248z$
|
|
2633
|
+
var css_248z$6 = ".utrecht-spotlight-section{background-color:var(--_utrecht-spotlight-section-background-color,var(--utrecht-spotlight-section-background-color));border-color:var(--_utrecht-spotlight-section-border-color,var(--utrecht-spotlight-section-border-color));border-style:solid;border-width:var(--_utrecht-spotlight-section-border-width,var(--utrecht-spotlight-section-border-width,0));color:var(--_utrecht-spotlight-section-color,var(--utrecht-spotlight-section-color));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-spotlight-section-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-spotlight-section-margin-block-start, 0));padding-block-end:var(--utrecht-spotlight-section-padding-block-end);padding-block-start:var(--utrecht-spotlight-section-padding-block-start);padding-inline-end:var(--utrecht-spotlight-section-padding-inline-end);padding-inline-start:var(--utrecht-spotlight-section-padding-inline-start)}.utrecht-spotlight-section--info{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-info-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-info-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-info-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-info-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-info-color)}.utrecht-spotlight-section--warning{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-warning-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-warning-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-warning-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-warning-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-warning-color)}";
|
|
2634
|
+
styleInject(css_248z$6);
|
|
2293
2635
|
|
|
2294
2636
|
var _excluded$g = ["aside", "children", "className", "type"];
|
|
2295
2637
|
function ownKeys$g(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; }
|
|
@@ -2315,8 +2657,8 @@ var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2315
2657
|
});
|
|
2316
2658
|
SpotlightSection.displayName = 'SpotlightSection';
|
|
2317
2659
|
|
|
2318
|
-
var css_248z$
|
|
2319
|
-
styleInject(css_248z$
|
|
2660
|
+
var css_248z$5 = ".utrecht-badge-status{background-color:var(--utrecht-badge-background-color,#000);border-radius:var(--utrecht-badge-border-radius,.5ch);color:var(--utrecht-badge-color,#fff);display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-font-size,inherit);font-style:var(--utrecht-badge-font-style,normal);font-weight:var(--utrecht-badge-font-weight,bold);letter-spacing:var(--utrecht-badge-status-letter-spacing,inherit);line-height:var(--utrecht-badge-line-height,1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block,.5ex);padding-block-start:var(--utrecht-badge-padding-block,.5ex);padding-inline-end:var(--utrecht-badge-padding-inline,.5ch);padding-inline-start:var(--utrecht-badge-padding-inline,.5ch);text-decoration:none;text-transform:var(--utrecht-badge-status-text-transform,inherit)}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-badge-status{border:1px solid}}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color,#c00);color:var(--utrecht-feedback-danger-fill-color,#fff)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color,#fc0);color:var(--utrecht-feedback-warning-fill-color,#fff)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color,#80a659);color:var(--utrecht-feedback-safe-fill-color,#fff)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color,#000);color:var(--utrecht-feedback-neutral-fill-color,#fff)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color,var(--utrecht-feedback-safe-fill-background-color,#80a659));color:var(--utrecht-feedback-valid-fill-color,var(--utrecht-feedback-safe-fill-color,#fff))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color,var(--utrecht-feedback-danger-fill-background-color,#ffa600));color:var(--utrecht-feedback-invalid-fill-color,var(--utrecht-feedback-danger-fill-color,#fff))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color,var(--utrecht-feedback-danger-fill-background-color,#900));color:var(--utrecht-feedback-error-fill-color,var(--utrecht-feedback-danger-fill-color,#fff))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color,var(--utrecht-feedback-safe-fill-background-color,#80a659));color:var(--utrecht-feedback-success-fill-color,var(--utrecht-feedback-safe-fill-color,#fff))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color,var(--utrecht-feedback-safe-fill-background-color,#80a659));color:var(--utrecht-feedback-active-fill-color,var(--utrecht-feedback-safe-fill-color,#fff))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color,var(--utrecht-feedback-danger-fill-background-color,#c00));color:var(--utrecht-feedback-inactive-fill-color,var(--utrecht-feedback-danger-fill-color,#fff))}";
|
|
2661
|
+
styleInject(css_248z$5);
|
|
2320
2662
|
|
|
2321
2663
|
var _excluded$f = ["className", "status"];
|
|
2322
2664
|
function ownKeys$f(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; }
|
|
@@ -2349,8 +2691,8 @@ var Strong = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2349
2691
|
});
|
|
2350
2692
|
Strong.displayName = 'Strong';
|
|
2351
2693
|
|
|
2352
|
-
var css_248z$
|
|
2353
|
-
styleInject(css_248z$
|
|
2694
|
+
var css_248z$4 = ".utrecht-surface{background-color:var(--utrecht-surface-background-color,inherit);color:var(--utrecht-surface-color,inherit)}.utrecht-surface--html-body{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}";
|
|
2695
|
+
styleInject(css_248z$4);
|
|
2354
2696
|
|
|
2355
2697
|
var _excluded$d = ["children", "className"];
|
|
2356
2698
|
function ownKeys$d(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; }
|
|
@@ -2367,18 +2709,37 @@ var Surface = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2367
2709
|
});
|
|
2368
2710
|
Surface.displayName = 'Surface';
|
|
2369
2711
|
|
|
2370
|
-
var
|
|
2371
|
-
styleInject(css_248z$4);
|
|
2372
|
-
|
|
2373
|
-
var _excluded$c = ["busy", "children", "className"];
|
|
2712
|
+
var _excluded$c = ["overflowInline", "children", "className"];
|
|
2374
2713
|
function ownKeys$c(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; }
|
|
2375
2714
|
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2715
|
+
var TableContainer = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2716
|
+
var overflowInline = _ref.overflowInline,
|
|
2717
|
+
children = _ref.children,
|
|
2718
|
+
className = _ref.className,
|
|
2719
|
+
restProps = _objectWithoutProperties(_ref, _excluded$c);
|
|
2720
|
+
return jsxRuntime.jsx("div", _objectSpread$c(_objectSpread$c({
|
|
2721
|
+
ref: ref,
|
|
2722
|
+
className: clsx('utrecht-table-container', {
|
|
2723
|
+
'utrecht-table-container--overflow-inline': overflowInline
|
|
2724
|
+
}, className)
|
|
2725
|
+
}, restProps), {}, {
|
|
2726
|
+
children: children
|
|
2727
|
+
}));
|
|
2728
|
+
});
|
|
2729
|
+
TableContainer.displayName = 'TableContainer';
|
|
2730
|
+
|
|
2731
|
+
var css_248z$3 = ".utrecht-table-container--overflow-inline{background-attachment:local,local,scroll,scroll;background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,rgba(0,0,0,.25),hsla(0,0%,100%,0)),linear-gradient(270deg,rgba(0,0,0,.25),hsla(0,0%,100%,0));background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:20px 100%,20px 100%,10px 100%,10px 100%;overflow:auto}.utrecht-table{border-collapse:separate;border-color:var(--utrecht-table-border-color,0);border-spacing:0;border-style:solid;border-width:var(--utrecht-table-border-width,0);font-family:var(--utrecht-table-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size,inherit);inline-size:100%;line-height:var(--utrecht-table-line-height,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-start, 0))}.utrecht-table--distanced{--utrecht-space-around:1}.utrecht-table--html-table>caption,.utrecht-table--html-table>figcaption,.utrecht-table__caption,.utrecht-table__figcaption{break-inside:avoid;color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align,center)}.utrecht-table--html-table>thead,.utrecht-table__header{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform)}.utrecht-table__header--sticky th{background-color:var(--utrecht-table-header-sticky-background-color);color:var(--utrecht-table-header-sticky-color);inset-block-start:0;position:sticky}.utrecht-table__header--sticky tr:last-child>th{border-block-end-color:var(--utrecht-table-header-sticky-border-block-end-color,var(--utrecht-table-header-border-block-end-color,transparent));border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-sticky-border-block-end-width,var(--utrecht-table-header-border-block-end-width,0))}.utrecht-table__footer{--_utrecht-table-header-cell-z-index:5;z-index:3}.utrecht-table__footer--sticky{background-color:var(--utrecht-table-footer-sticky-background-color,var(--utrecht-table-footer-background-color));color:var(--utrecht-table-footer-sticky-color,var(--utrecht-table-footer-color));inset-block-end:0;position:sticky}.utrecht-table__footer--sticky tr:first-child>td,.utrecht-table__footer--sticky tr:first-child>th{border-block-start-color:var(--utrecht-table-header-sticky-border-block-start-color,var(--utrecht-table-header-border-block-start-color,transparent));border-block-start-style:solid;border-block-start-width:var(--utrecht-table-header-sticky-border-block-start-width,var(--utrecht-table-header-border-block-start-width,0))}.utrecht-table--html-table>tbody,.utrecht-table__body{--_utrecht-table-header-cell-z-index:2}.utrecht-table--fixed{inline-size:fit-content;table-layout:fixed}.utrecht-table--fixed th,.utrecht-table--oneline td,.utrecht-table--oneline th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utrecht-table--html-table>tbody>tr,.utrecht-table--html-table>tfoot>tr,.utrecht-table--html-table>thead>tr,.utrecht-table--html-table>tr,.utrecht-table__row{break-inside:avoid;page-break-inside:avoid}.utrecht-table__row--selected{background-color:var(--utrecht-table-cell-selected-background-color,highlight);color:var(--utrecht-table-cell-selected-color,highlightText)}.utrecht-table--html-table>tbody>tr>th,.utrecht-table--html-table>tfoot>tr>th,.utrecht-table--html-table>thead>tr>th,.utrecht-table--html-table>tr>th,.utrecht-table__header-cell{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height,1em);color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight,bold);line-height:var(--utrecht-table-cell-line-height,inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end,0);padding-block-start:var(--utrecht-table-cell-padding-block-start,0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end,0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start,0);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align,top);z-index:var(--_utrecht-table-header-cell-z-index)}.utrecht-table__header-cell--selected{background-color:var(--utrecht-table-cell-selected-background-color,highlight);color:var(--utrecht-table-cell-selected-color,highlightText)}.utrecht-table__header-cell--sticky-block{background-color:#eee;color:#000;inset-block-start:0;position:sticky;z-index:calc(var(--_utrecht-table-header-cell-z-index, 0) + 2)}.utrecht-table__header-cell--sticky-inline{background-color:#eee;color:#000;inset-inline-start:0;position:sticky;z-index:calc(var(--_utrecht-table-header-cell-z-index, 0) + 1)}.utrecht-table--html-table>tbody>tr>td,.utrecht-table--html-table>tfoot>tr>td,.utrecht-table--html-table>thead>tr>td,.utrecht-table--html-table>tr>td,.utrecht-table__cell{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height,1em);border-block-end-color:var(--utrecht-table-row-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width,0);line-height:var(--utrecht-table-cell-line-height,inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end,0);padding-block-start:var(--utrecht-table-cell-padding-block-start,0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end,0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start,0);text-align:start;vertical-align:top}.utrecht-table--html-table>tbody>tr>td:first-child,.utrecht-table--html-table>tfoot>tr>td:first-child,.utrecht-table--html-table>thead>tr>td:first-child,.utrecht-table--html-table>tr>td:first-child,.utrecht-table__cell--first{padding-inline-start:var(--utrecht-table-row-padding-inline-start,var(--utrecht-table-cell-padding-inline-start,0))}.utrecht-table--html-table>tbody>tr>td:last-child,.utrecht-table--html-table>tfoot>tr>td:last-child,.utrecht-table--html-table>thead>tr>td:last-child,.utrecht-table--html-table>tr>td:last-child,.utrecht-table__cell--last{padding-inline-end:var(--utrecht-table-row-padding-inline-end,var(--utrecht-table-cell-padding-inline-end,0))}.utrecht-table__cell--selected{background-color:var(--utrecht-table-cell-selected-background-color,highlight);color:var(--utrecht-table-cell-selected-color,highlightText)}.utrecht-table__cell--numeric-column,.utrecht-table__header-cell--numeric-column{--_utrecht-table-cell-text-align:right;text-align:var(--_utrecht-table-cell-text-align)}.utrecht-table__cell--numeric-data{font-variant-numeric:lining-nums tabular-nums}.utrecht-table__row--alternate-odd{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-table__row--alternate-even{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-table__header-cell{--utrecht-button-font-size:inherit;--utrecht-button-font-weight:inherit;--utrecht-button-padding-inline-start:var(--utrecht-table-cell-padding-inline-start);--utrecht-button-padding-inline-end:var(--utrecht-table-cell-padding-inline-end);--utrecht-button-padding-block-start:var(--utrecht-table-cell-padding-block-start);--utrecht-button-padding-block-end:var(--utrecht-table-cell-padding-block-end);--utrecht-button-hover-scale:1;--utrecht-button-focus-scale:1;--utrecht-button-min-block-size:100%;--utrecht-button-min-inline-size:100%;--utrecht-button-border-color:transparent;--utrecht-button-border-size:1px}.utrecht-table__header-cell:has(.utrecht-button){padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.utrecht-table__header-cell-button{justify-content:var(--_utrecht-table-cell-text-align,start)}.utrecht-table__data--truncate{display:block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utrecht-table__container{max-inline-size:100%;overflow-inline:scroll}.utrecht-table__header--hidden{clip:rect(1px,1px,1px,1px);block-size:1px;border:0 solid silver;clip-path:inset(50%);inline-size:1px;outline:1px solid red;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.utrecht-table--busy{cursor:var(--utrecht-action-busy-cursor,busy)}.utrecht-table--alternate-row-color .utrecht-table__body .utrecht-table__row:nth-child(odd){background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-table--alternate-row-color .utrecht-table__body .utrecht-table__row:nth-child(2n){background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-table--row-hover .utrecht-table__body .utrecht-table__row:hover .utrecht-table__cell,.utrecht-table--row-hover .utrecht-table__body .utrecht-table__row:hover .utrecht-table__header-cell{background-color:#ffefd5;color:maroon}.utrecht-table--row-focus-within .utrecht-table__body .utrecht-table__row:focus-within .utrecht-table__cell,.utrecht-table--row-focus-within .utrecht-table__body .utrecht-table__row:focus-within .utrecht-table__header-cell{background-color:#ffefd5;color:maroon}";
|
|
2732
|
+
styleInject(css_248z$3);
|
|
2733
|
+
|
|
2734
|
+
var _excluded$b = ["busy", "children", "className"];
|
|
2735
|
+
function ownKeys$b(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; }
|
|
2736
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2376
2737
|
var Table = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2377
2738
|
var busy = _ref.busy,
|
|
2378
2739
|
children = _ref.children,
|
|
2379
2740
|
className = _ref.className,
|
|
2380
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2381
|
-
return jsxRuntime.jsx("table", _objectSpread$
|
|
2741
|
+
restProps = _objectWithoutProperties(_ref, _excluded$b);
|
|
2742
|
+
return jsxRuntime.jsx("table", _objectSpread$b(_objectSpread$b({
|
|
2382
2743
|
"aria-busy": busy
|
|
2383
2744
|
}, restProps), {}, {
|
|
2384
2745
|
ref: ref,
|
|
@@ -2390,14 +2751,14 @@ var Table = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2390
2751
|
});
|
|
2391
2752
|
Table.displayName = 'Table';
|
|
2392
2753
|
|
|
2393
|
-
var _excluded$
|
|
2394
|
-
function ownKeys$
|
|
2395
|
-
function _objectSpread$
|
|
2754
|
+
var _excluded$a = ["children", "className"];
|
|
2755
|
+
function ownKeys$a(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; }
|
|
2756
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2396
2757
|
var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2397
2758
|
var children = _ref.children,
|
|
2398
2759
|
className = _ref.className,
|
|
2399
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2400
|
-
return jsxRuntime.jsx("tbody", _objectSpread$
|
|
2760
|
+
restProps = _objectWithoutProperties(_ref, _excluded$a);
|
|
2761
|
+
return jsxRuntime.jsx("tbody", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
|
|
2401
2762
|
ref: ref,
|
|
2402
2763
|
className: clsx('utrecht-table__body', className),
|
|
2403
2764
|
children: children
|
|
@@ -2405,14 +2766,14 @@ var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2405
2766
|
});
|
|
2406
2767
|
TableBody.displayName = 'TableBody';
|
|
2407
2768
|
|
|
2408
|
-
var _excluded$
|
|
2409
|
-
function ownKeys$
|
|
2410
|
-
function _objectSpread$
|
|
2769
|
+
var _excluded$9 = ["children", "className"];
|
|
2770
|
+
function ownKeys$9(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; }
|
|
2771
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2411
2772
|
var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2412
2773
|
var children = _ref.children,
|
|
2413
2774
|
className = _ref.className,
|
|
2414
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2415
|
-
return jsxRuntime.jsx("caption", _objectSpread$
|
|
2775
|
+
restProps = _objectWithoutProperties(_ref, _excluded$9);
|
|
2776
|
+
return jsxRuntime.jsx("caption", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
|
|
2416
2777
|
ref: ref,
|
|
2417
2778
|
className: clsx('utrecht-table__caption', className),
|
|
2418
2779
|
children: children
|
|
@@ -2420,16 +2781,16 @@ var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2420
2781
|
});
|
|
2421
2782
|
TableCaption.displayName = 'TableCaption';
|
|
2422
2783
|
|
|
2423
|
-
var _excluded$
|
|
2424
|
-
function ownKeys$
|
|
2425
|
-
function _objectSpread$
|
|
2784
|
+
var _excluded$8 = ["children", "className", "numericColumn", "selected"];
|
|
2785
|
+
function ownKeys$8(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; }
|
|
2786
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2426
2787
|
var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2427
2788
|
var children = _ref.children,
|
|
2428
2789
|
className = _ref.className,
|
|
2429
2790
|
numericColumn = _ref.numericColumn,
|
|
2430
2791
|
selected = _ref.selected,
|
|
2431
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2432
|
-
return jsxRuntime.jsx("td", _objectSpread$
|
|
2792
|
+
restProps = _objectWithoutProperties(_ref, _excluded$8);
|
|
2793
|
+
return jsxRuntime.jsx("td", _objectSpread$8(_objectSpread$8({
|
|
2433
2794
|
"aria-selected": selected ? true : undefined
|
|
2434
2795
|
}, restProps), {}, {
|
|
2435
2796
|
ref: ref,
|
|
@@ -2442,15 +2803,15 @@ var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2442
2803
|
});
|
|
2443
2804
|
TableCell.displayName = 'TableCell';
|
|
2444
2805
|
|
|
2445
|
-
var _excluded$
|
|
2446
|
-
function ownKeys$
|
|
2447
|
-
function _objectSpread$
|
|
2806
|
+
var _excluded$7 = ["children", "className", "sticky"];
|
|
2807
|
+
function ownKeys$7(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; }
|
|
2808
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2448
2809
|
var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2449
2810
|
var children = _ref.children,
|
|
2450
2811
|
className = _ref.className,
|
|
2451
2812
|
sticky = _ref.sticky,
|
|
2452
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2453
|
-
return jsxRuntime.jsx("tfoot", _objectSpread$
|
|
2813
|
+
restProps = _objectWithoutProperties(_ref, _excluded$7);
|
|
2814
|
+
return jsxRuntime.jsx("tfoot", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
|
|
2454
2815
|
ref: ref,
|
|
2455
2816
|
className: clsx('utrecht-table__footer', {
|
|
2456
2817
|
'utrecht-table__footer--sticky': sticky
|
|
@@ -2460,15 +2821,15 @@ var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2460
2821
|
});
|
|
2461
2822
|
TableFooter.displayName = 'TableFooter';
|
|
2462
2823
|
|
|
2463
|
-
var _excluded$
|
|
2464
|
-
function ownKeys$
|
|
2465
|
-
function _objectSpread$
|
|
2824
|
+
var _excluded$6 = ["children", "className", "sticky"];
|
|
2825
|
+
function ownKeys$6(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; }
|
|
2826
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2466
2827
|
var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2467
2828
|
var children = _ref.children,
|
|
2468
2829
|
className = _ref.className,
|
|
2469
2830
|
sticky = _ref.sticky,
|
|
2470
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2471
|
-
return jsxRuntime.jsx("thead", _objectSpread$
|
|
2831
|
+
restProps = _objectWithoutProperties(_ref, _excluded$6);
|
|
2832
|
+
return jsxRuntime.jsx("thead", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
|
|
2472
2833
|
ref: ref,
|
|
2473
2834
|
className: clsx('utrecht-table__header', {
|
|
2474
2835
|
'utrecht-table__header--sticky': sticky
|
|
@@ -2478,9 +2839,9 @@ var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2478
2839
|
});
|
|
2479
2840
|
TableHeader.displayName = 'TableHeader';
|
|
2480
2841
|
|
|
2481
|
-
var _excluded$
|
|
2482
|
-
function ownKeys$
|
|
2483
|
-
function _objectSpread$
|
|
2842
|
+
var _excluded$5 = ["children", "className", "numericColumn", "selected", "sticky", "scope"];
|
|
2843
|
+
function ownKeys$5(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; }
|
|
2844
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2484
2845
|
var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2485
2846
|
var children = _ref.children,
|
|
2486
2847
|
className = _ref.className,
|
|
@@ -2488,8 +2849,8 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2488
2849
|
selected = _ref.selected,
|
|
2489
2850
|
sticky = _ref.sticky,
|
|
2490
2851
|
scope = _ref.scope,
|
|
2491
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2492
|
-
return jsxRuntime.jsx("th", _objectSpread$
|
|
2852
|
+
restProps = _objectWithoutProperties(_ref, _excluded$5);
|
|
2853
|
+
return jsxRuntime.jsx("th", _objectSpread$5(_objectSpread$5({
|
|
2493
2854
|
"aria-selected": selected ? true : undefined,
|
|
2494
2855
|
scope: scope
|
|
2495
2856
|
}, restProps), {}, {
|
|
@@ -2505,15 +2866,15 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2505
2866
|
});
|
|
2506
2867
|
TableHeaderCell.displayName = 'TableHeaderCell';
|
|
2507
2868
|
|
|
2508
|
-
var _excluded$
|
|
2509
|
-
function ownKeys$
|
|
2510
|
-
function _objectSpread$
|
|
2869
|
+
var _excluded$4 = ["children", "className", "selected"];
|
|
2870
|
+
function ownKeys$4(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; }
|
|
2871
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2511
2872
|
var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2512
2873
|
var children = _ref.children,
|
|
2513
2874
|
className = _ref.className,
|
|
2514
2875
|
selected = _ref.selected,
|
|
2515
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2516
|
-
return jsxRuntime.jsx("tr", _objectSpread$
|
|
2876
|
+
restProps = _objectWithoutProperties(_ref, _excluded$4);
|
|
2877
|
+
return jsxRuntime.jsx("tr", _objectSpread$4(_objectSpread$4({
|
|
2517
2878
|
"aria-selected": selected ? true : undefined
|
|
2518
2879
|
}, restProps), {}, {
|
|
2519
2880
|
ref: ref,
|
|
@@ -2525,64 +2886,31 @@ var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2525
2886
|
});
|
|
2526
2887
|
TableRow.displayName = 'TableRow';
|
|
2527
2888
|
|
|
2528
|
-
var css_248z$
|
|
2529
|
-
styleInject(css_248z$3);
|
|
2530
|
-
|
|
2531
|
-
var _excluded$4 = ["dir", "disabled", "invalid", "readOnly", "required", "className"];
|
|
2532
|
-
function ownKeys$4(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; }
|
|
2533
|
-
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2534
|
-
var Textarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2535
|
-
var dir = _ref.dir,
|
|
2536
|
-
disabled = _ref.disabled,
|
|
2537
|
-
invalid = _ref.invalid,
|
|
2538
|
-
readOnly = _ref.readOnly,
|
|
2539
|
-
required = _ref.required,
|
|
2540
|
-
className = _ref.className,
|
|
2541
|
-
restProps = _objectWithoutProperties(_ref, _excluded$4);
|
|
2542
|
-
return jsxRuntime.jsx("textarea", _objectSpread$4(_objectSpread$4({}, restProps), {}, {
|
|
2543
|
-
ref: ref,
|
|
2544
|
-
className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className),
|
|
2545
|
-
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
2546
|
-
disabled: disabled,
|
|
2547
|
-
readOnly: readOnly,
|
|
2548
|
-
required: required,
|
|
2549
|
-
"aria-invalid": invalid || undefined
|
|
2550
|
-
}));
|
|
2551
|
-
});
|
|
2552
|
-
Textarea.displayName = 'Textarea';
|
|
2553
|
-
|
|
2554
|
-
var css_248z$2 = ".utrecht-textbox{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color));block-size:auto;border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-control-font-size,inherit));font-weight:400;inline-size:100%;line-height:var(--utrecht-textbox-line-height,var(--utrecht-form-control-line-height,initial));max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial))}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textbox-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textbox--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-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));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-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textbox-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[type=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=tel i],.utrecht-textbox--html-input[pattern=\"[0-9]*\"],.utrecht-textbox--html-input[pattern=\"\\\\d*\"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}";
|
|
2889
|
+
var css_248z$2 = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color));block-size:auto;border-width:var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-bottom-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size,var(--utrecht-form-control-font-size,inherit));font-weight:400;inline-size:100%;line-height:var(--utrecht-textarea-line-height,initial);max-inline-size:var(--utrecht-textarea-max-inline-size,var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size,var(--utrecht-pointer-target-min-size,44px));min-inline-size:var(--utrecht-pointer-target-min-size,44px);padding-block-end:var(--utrecht-textarea-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textarea-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textarea-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n --utrecht-textarea-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textarea-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea--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-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textarea-border,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textarea-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));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-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n --utrecht-textarea-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textarea-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textarea-border,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor,not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}";
|
|
2555
2890
|
styleInject(css_248z$2);
|
|
2556
2891
|
|
|
2557
|
-
var _excluded$3 = ["dir", "disabled", "invalid", "readOnly", "required", "className"
|
|
2892
|
+
var _excluded$3 = ["dir", "disabled", "invalid", "readOnly", "required", "className"];
|
|
2558
2893
|
function ownKeys$3(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; }
|
|
2559
2894
|
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2560
|
-
var
|
|
2895
|
+
var Textarea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2561
2896
|
var dir = _ref.dir,
|
|
2562
2897
|
disabled = _ref.disabled,
|
|
2563
2898
|
invalid = _ref.invalid,
|
|
2564
2899
|
readOnly = _ref.readOnly,
|
|
2565
2900
|
required = _ref.required,
|
|
2566
2901
|
className = _ref.className,
|
|
2567
|
-
_ref$type = _ref.type,
|
|
2568
|
-
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
2569
|
-
maxLength = _ref.maxLength,
|
|
2570
|
-
inputMode = _ref.inputMode,
|
|
2571
2902
|
restProps = _objectWithoutProperties(_ref, _excluded$3);
|
|
2572
|
-
return jsxRuntime.jsx("
|
|
2903
|
+
return jsxRuntime.jsx("textarea", _objectSpread$3(_objectSpread$3({}, restProps), {}, {
|
|
2573
2904
|
ref: ref,
|
|
2574
|
-
|
|
2575
|
-
className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', required && 'utrecht-textbox--required', className),
|
|
2576
|
-
maxLength: maxLength,
|
|
2905
|
+
className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className),
|
|
2577
2906
|
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
2578
2907
|
disabled: disabled,
|
|
2579
2908
|
readOnly: readOnly,
|
|
2580
2909
|
required: required,
|
|
2581
|
-
"aria-invalid": invalid || undefined
|
|
2582
|
-
inputMode: inputMode || (type === 'number' ? 'numeric' : undefined)
|
|
2910
|
+
"aria-invalid": invalid || undefined
|
|
2583
2911
|
}));
|
|
2584
2912
|
});
|
|
2585
|
-
|
|
2913
|
+
Textarea.displayName = 'Textarea';
|
|
2586
2914
|
|
|
2587
2915
|
var css_248z$1 = ".utrecht-url-data{break-inside:avoid;font-variant-ligatures:none;hyphens:none;overflow-wrap:anywhere;page-break-inside:avoid}";
|
|
2588
2916
|
styleInject(css_248z$1);
|
|
@@ -2648,6 +2976,7 @@ exports.Article = Article;
|
|
|
2648
2976
|
exports.Backdrop = Backdrop;
|
|
2649
2977
|
exports.BadgeCounter = BadgeCounter;
|
|
2650
2978
|
exports.BadgeList = BadgeList;
|
|
2979
|
+
exports.Blockquote = Blockquote;
|
|
2651
2980
|
exports.BreadcrumbNav = BreadcrumbNav;
|
|
2652
2981
|
exports.BreadcrumbNavLink = BreadcrumbNavLink;
|
|
2653
2982
|
exports.BreadcrumbNavSeparator = BreadcrumbNavSeparator;
|
|
@@ -2659,6 +2988,8 @@ exports.Code = Code;
|
|
|
2659
2988
|
exports.CodeBlock = CodeBlock;
|
|
2660
2989
|
exports.ColorSample = ColorSample;
|
|
2661
2990
|
exports.ColumnLayout = ColumnLayout;
|
|
2991
|
+
exports.Combobox = Combobox;
|
|
2992
|
+
exports.ComboboxPopover = ComboboxPopover;
|
|
2662
2993
|
exports.CurrencyData = CurrencyData;
|
|
2663
2994
|
exports.DataBadge = DataBadge;
|
|
2664
2995
|
exports.DataList = DataList;
|
|
@@ -2677,6 +3008,7 @@ exports.FigureCaption = FigureCaption;
|
|
|
2677
3008
|
exports.FormField = FormField;
|
|
2678
3009
|
exports.FormFieldDescription = FormFieldDescription;
|
|
2679
3010
|
exports.FormFieldErrorMessage = FormFieldErrorMessage;
|
|
3011
|
+
exports.FormFieldTextbox = FormFieldTextbox;
|
|
2680
3012
|
exports.FormLabel = FormLabel;
|
|
2681
3013
|
exports.FormToggle = FormToggle;
|
|
2682
3014
|
exports.HTMLContent = HTMLContent;
|
|
@@ -2699,6 +3031,9 @@ exports.LinkListLink = LinkListLink;
|
|
|
2699
3031
|
exports.LinkSocial = LinkSocial;
|
|
2700
3032
|
exports.ListSocial = ListSocial;
|
|
2701
3033
|
exports.ListSocialItem = ListSocialItem;
|
|
3034
|
+
exports.Listbox = Listbox;
|
|
3035
|
+
exports.ListboxOption = ListboxOption;
|
|
3036
|
+
exports.ListboxOptionGroup = ListboxOptionGroup;
|
|
2702
3037
|
exports.Logo = Logo;
|
|
2703
3038
|
exports.LogoImage = LogoImage;
|
|
2704
3039
|
exports.Mark = Mark;
|
|
@@ -2733,6 +3068,7 @@ exports.Table = Table;
|
|
|
2733
3068
|
exports.TableBody = TableBody;
|
|
2734
3069
|
exports.TableCaption = TableCaption;
|
|
2735
3070
|
exports.TableCell = TableCell;
|
|
3071
|
+
exports.TableContainer = TableContainer;
|
|
2736
3072
|
exports.TableFooter = TableFooter;
|
|
2737
3073
|
exports.TableHeader = TableHeader;
|
|
2738
3074
|
exports.TableHeaderCell = TableHeaderCell;
|