@utrecht/component-library-react 1.0.0-alpha.292 → 1.0.0-alpha.294
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/Calendar/CalendarNavigationLabel.d.ts +2 -4
- package/dist/css-module/Calendar/CalendarNavigationLabel.d.ts +2 -4
- package/dist/css-module/index.d.ts +1 -0
- package/dist/css-module/index.js +263 -258
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +269 -264
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +402 -381
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +408 -388
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/css-module/index.js
CHANGED
|
@@ -42,9 +42,9 @@ function styleInject(css, ref) {
|
|
|
42
42
|
var css_248z$Y = ".utrecht-accordion__button{--utrecht-button-focus-scale:1;--utrecht-button-hover-scale:1;--utrecht-button-inline-size:100%;--utrecht-button-subtle-background-color:var(--utrecht-accordion-button-background-color);--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-border-color:var(--utrecht-accordion-button-border-color);--utrecht-button-subtle-border-width:var(--utrecht-accordion-button-border-width);justify-content:start!important;padding-inline-end:var(--utrecht-accordion-button-padding-inline-end);position:relative}.utrecht-accordion__button[aria-expanded]:after{background-color:var(--utrecht-accordion-button-icon-background-color);background-position:50%;background-repeat:no-repeat;content:\"\";height:var(--utrecht-accordion-button-icon-size);inset-block-start:0;inset-inline-end:0;position:absolute;width:var(--utrecht-accordion-button-icon-size)}.utrecht-accordion__button[aria-expanded=false]:after{background-image:var(--utrecht-accordion-icon-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[aria-expanded=true]:after{background-image:var(--utrecht-accordion-icon-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__body{border-color:var(--utrecht-accordion-body-border-color);border-style:solid;border-top:none;border-width:var(--utrecht-accordion-body-border-width);padding-block-end:var(--utrecht-accordion-body-padding-block-end);padding-block-start:var(--utrecht-accordion-body-padding-block-start);padding-inline-end:var(--utrecht-accordion-body-padding-inline-end);padding-inline-start:var(--utrecht-accordion-body-padding-inline-start)}";
|
|
43
43
|
styleInject(css_248z$Y);
|
|
44
44
|
|
|
45
|
-
var _excluded$
|
|
46
|
-
function ownKeys$
|
|
47
|
-
function _objectSpread$
|
|
45
|
+
var _excluded$1j = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
46
|
+
function ownKeys$1j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
47
|
+
function _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
48
48
|
var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
49
49
|
var appearance = _ref.appearance,
|
|
50
50
|
busy = _ref.busy,
|
|
@@ -54,8 +54,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
54
54
|
hint = _ref.hint,
|
|
55
55
|
pressed = _ref.pressed,
|
|
56
56
|
type = _ref.type,
|
|
57
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
58
|
-
return jsxRuntime.jsx("button", _objectSpread$
|
|
57
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1j);
|
|
58
|
+
return jsxRuntime.jsx("button", _objectSpread$1j(_objectSpread$1j({
|
|
59
59
|
ref: ref,
|
|
60
60
|
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),
|
|
61
61
|
"aria-busy": busy || undefined,
|
|
@@ -69,38 +69,38 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
69
69
|
Button.displayName = 'Button';
|
|
70
70
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
71
71
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
72
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
72
|
+
return jsxRuntime.jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
|
|
73
73
|
appearance: "primary-action-button"
|
|
74
74
|
}));
|
|
75
75
|
};
|
|
76
76
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
77
77
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
78
78
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
79
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
79
|
+
return jsxRuntime.jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
|
|
80
80
|
appearance: "secondary-action-button"
|
|
81
81
|
}));
|
|
82
82
|
};
|
|
83
83
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
84
84
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
85
85
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
86
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
86
|
+
return jsxRuntime.jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
|
|
87
87
|
appearance: "subtle-button"
|
|
88
88
|
}));
|
|
89
89
|
};
|
|
90
90
|
SubtleButton.displayName = 'SubtleButton';
|
|
91
91
|
|
|
92
|
-
var _excluded$
|
|
93
|
-
function ownKeys$
|
|
94
|
-
function _objectSpread$
|
|
92
|
+
var _excluded$1i = ["appearance", "className", "level"];
|
|
93
|
+
function ownKeys$1i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
94
|
+
function _objectSpread$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
95
95
|
var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
96
96
|
var appearance = _ref.appearance,
|
|
97
97
|
className = _ref.className,
|
|
98
98
|
level = _ref.level,
|
|
99
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
99
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
100
100
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
101
101
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
102
102
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
103
|
-
return jsxRuntime.jsx(HeadingX, _objectSpread$
|
|
103
|
+
return jsxRuntime.jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
|
|
104
104
|
className: clsx(headingClassName, className)
|
|
105
105
|
}, restProps), {}, {
|
|
106
106
|
ref: ref
|
|
@@ -108,9 +108,9 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
108
108
|
});
|
|
109
109
|
Heading.displayName = 'Heading';
|
|
110
110
|
|
|
111
|
-
var _excluded$
|
|
112
|
-
function ownKeys$
|
|
113
|
-
function _objectSpread$
|
|
111
|
+
var _excluded$1h = ["children", "group", "headingLevel", "heading"];
|
|
112
|
+
function ownKeys$1h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
113
|
+
function _objectSpread$1h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
114
114
|
/**
|
|
115
115
|
* Find the first item in an array
|
|
116
116
|
*/
|
|
@@ -196,12 +196,12 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
196
196
|
ref: buttonRef,
|
|
197
197
|
children: label
|
|
198
198
|
})
|
|
199
|
-
}), section ? jsxRuntime.jsx("section", _objectSpread$
|
|
199
|
+
}), section ? jsxRuntime.jsx("section", _objectSpread$1h(_objectSpread$1h({
|
|
200
200
|
id: panelId,
|
|
201
201
|
"aria-labelledby": buttonId
|
|
202
202
|
}, panelAttributes), {}, {
|
|
203
203
|
children: children
|
|
204
|
-
})) : jsxRuntime.jsx("div", _objectSpread$
|
|
204
|
+
})) : jsxRuntime.jsx("div", _objectSpread$1h(_objectSpread$1h({}, panelAttributes), {}, {
|
|
205
205
|
children: children
|
|
206
206
|
}))]
|
|
207
207
|
});
|
|
@@ -212,13 +212,13 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
212
212
|
group = _ref2.group,
|
|
213
213
|
headingLevel = _ref2.headingLevel,
|
|
214
214
|
heading = _ref2.heading,
|
|
215
|
-
props = _objectWithoutProperties(_ref2, _excluded$
|
|
215
|
+
props = _objectWithoutProperties(_ref2, _excluded$1h);
|
|
216
216
|
var headingId = react.useId();
|
|
217
217
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
218
218
|
children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(Heading, {
|
|
219
219
|
level: headingLevel,
|
|
220
220
|
children: heading
|
|
221
|
-
}), jsxRuntime.jsx("div", _objectSpread$
|
|
221
|
+
}), jsxRuntime.jsx("div", _objectSpread$1h(_objectSpread$1h({
|
|
222
222
|
className: clsx('utrecht-accordion'),
|
|
223
223
|
role: group ? 'group' : undefined,
|
|
224
224
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -326,7 +326,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
326
326
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
327
327
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
328
328
|
if (index === activatedIndex) {
|
|
329
|
-
return _objectSpread$
|
|
329
|
+
return _objectSpread$1h(_objectSpread$1h({}, section), {}, {
|
|
330
330
|
expanded: !section.expanded
|
|
331
331
|
});
|
|
332
332
|
} else {
|
|
@@ -334,7 +334,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
334
334
|
}
|
|
335
335
|
}));
|
|
336
336
|
};
|
|
337
|
-
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$
|
|
337
|
+
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1h(_objectSpread$1h({}, section), {}, {
|
|
338
338
|
ref: refs[index],
|
|
339
339
|
buttonRef: buttonRefs[index],
|
|
340
340
|
key: index,
|
|
@@ -350,16 +350,16 @@ AccordionProvider.displayName = 'AccordionProvider';
|
|
|
350
350
|
var css_248z$X = ".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-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)}";
|
|
351
351
|
styleInject(css_248z$X);
|
|
352
352
|
|
|
353
|
-
var _excluded$
|
|
354
|
-
function ownKeys$
|
|
355
|
-
function _objectSpread$
|
|
353
|
+
var _excluded$1g = ["children", "className", "icon", "type"];
|
|
354
|
+
function ownKeys$1g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
355
|
+
function _objectSpread$1g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
356
356
|
var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
357
357
|
var children = _ref.children,
|
|
358
358
|
className = _ref.className,
|
|
359
359
|
icon = _ref.icon,
|
|
360
360
|
type = _ref.type,
|
|
361
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
362
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
361
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
362
|
+
return jsxRuntime.jsxs("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
363
363
|
ref: ref,
|
|
364
364
|
className: clsx('utrecht-alert', {
|
|
365
365
|
'utrecht-alert--error': type === 'error',
|
|
@@ -381,16 +381,16 @@ Alert.displayName = 'Alert';
|
|
|
381
381
|
var css_248z$W = ".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-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);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)}";
|
|
382
382
|
styleInject(css_248z$W);
|
|
383
383
|
|
|
384
|
-
var _excluded$
|
|
385
|
-
function ownKeys$
|
|
386
|
-
function _objectSpread$
|
|
384
|
+
var _excluded$1f = ["children", "className", "icon", "type"];
|
|
385
|
+
function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
386
|
+
function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
387
387
|
var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
388
388
|
var children = _ref.children,
|
|
389
389
|
className = _ref.className,
|
|
390
390
|
icon = _ref.icon,
|
|
391
391
|
type = _ref.type,
|
|
392
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
393
|
-
return jsxRuntime.jsxs("dialog", _objectSpread$
|
|
392
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
393
|
+
return jsxRuntime.jsxs("dialog", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
394
394
|
ref: ref,
|
|
395
395
|
className: clsx('utrecht-alert-dialog', {
|
|
396
396
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -412,14 +412,14 @@ AlertDialog.displayName = 'AlertDialog';
|
|
|
412
412
|
var css_248z$V = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}";
|
|
413
413
|
styleInject(css_248z$V);
|
|
414
414
|
|
|
415
|
-
var _excluded$
|
|
416
|
-
function ownKeys$
|
|
417
|
-
function _objectSpread$
|
|
415
|
+
var _excluded$1e = ["children", "className"];
|
|
416
|
+
function ownKeys$1e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
417
|
+
function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
418
418
|
var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
419
419
|
var children = _ref.children,
|
|
420
420
|
className = _ref.className,
|
|
421
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
422
|
-
return jsxRuntime.jsx("article", _objectSpread$
|
|
421
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
422
|
+
return jsxRuntime.jsx("article", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
|
|
423
423
|
ref: ref,
|
|
424
424
|
className: clsx('utrecht-article', className),
|
|
425
425
|
children: children
|
|
@@ -430,14 +430,14 @@ Article.displayName = 'Article';
|
|
|
430
430
|
var css_248z$U = ".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);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--_utrecht-backdrop-opacity);position:absolute;right:0;top:0;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}";
|
|
431
431
|
styleInject(css_248z$U);
|
|
432
432
|
|
|
433
|
-
var _excluded$
|
|
434
|
-
function ownKeys$
|
|
435
|
-
function _objectSpread$
|
|
433
|
+
var _excluded$1d = ["children", "className"];
|
|
434
|
+
function ownKeys$1d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
435
|
+
function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
436
436
|
var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
437
437
|
var children = _ref.children,
|
|
438
438
|
className = _ref.className,
|
|
439
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
440
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
439
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
440
|
+
return jsxRuntime.jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
441
441
|
ref: ref,
|
|
442
442
|
className: clsx('utrecht-backdrop', className),
|
|
443
443
|
children: children
|
|
@@ -448,22 +448,22 @@ Backdrop.displayName = 'Backdrop';
|
|
|
448
448
|
var css_248z$T = ".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-document-font-family,sans-serif);font-size:var(--utrecht-badge-counter-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}";
|
|
449
449
|
styleInject(css_248z$T);
|
|
450
450
|
|
|
451
|
-
var _excluded$
|
|
452
|
-
function ownKeys$
|
|
453
|
-
function _objectSpread$
|
|
451
|
+
var _excluded$1c = ["children", "className", "value"];
|
|
452
|
+
function ownKeys$1c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
453
|
+
function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
454
454
|
var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
455
455
|
var children = _ref.children,
|
|
456
456
|
className = _ref.className,
|
|
457
457
|
value = _ref.value,
|
|
458
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
459
|
-
var props = _objectSpread$
|
|
458
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
459
|
+
var props = _objectSpread$1c({
|
|
460
460
|
children: children,
|
|
461
461
|
className: clsx('utrecht-badge-counter', className)
|
|
462
462
|
}, restProps);
|
|
463
|
-
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$
|
|
463
|
+
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
|
|
464
464
|
value: value,
|
|
465
465
|
ref: ref
|
|
466
|
-
})) : jsxRuntime.jsx("span", _objectSpread$
|
|
466
|
+
})) : jsxRuntime.jsx("span", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
|
|
467
467
|
ref: ref
|
|
468
468
|
}));
|
|
469
469
|
});
|
|
@@ -472,14 +472,14 @@ BadgeCounter.displayName = 'BadgeCounter';
|
|
|
472
472
|
var css_248z$S = ".utrecht-badge-list{display:flex;flex-wrap:wrap;gap:var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline)}";
|
|
473
473
|
styleInject(css_248z$S);
|
|
474
474
|
|
|
475
|
-
var _excluded$
|
|
476
|
-
function ownKeys$
|
|
477
|
-
function _objectSpread$
|
|
475
|
+
var _excluded$1b = ["children", "className"];
|
|
476
|
+
function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
477
|
+
function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
478
478
|
var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
479
479
|
var children = _ref.children,
|
|
480
480
|
className = _ref.className,
|
|
481
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
482
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
481
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
482
|
+
return jsxRuntime.jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
483
483
|
ref: ref,
|
|
484
484
|
className: clsx('utrecht-badge-list', className),
|
|
485
485
|
children: children
|
|
@@ -490,9 +490,9 @@ BadgeList.displayName = 'BadgeList';
|
|
|
490
490
|
var css_248z$R = ".utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{block-size:0;inline-size:0;inset-block-start:50%;inset-inline-start:100%}.utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color,var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform,inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end,8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start,8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end,8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start,8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus:after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}";
|
|
491
491
|
styleInject(css_248z$R);
|
|
492
492
|
|
|
493
|
-
var _excluded$
|
|
494
|
-
function ownKeys$
|
|
495
|
-
function _objectSpread$
|
|
493
|
+
var _excluded$1a = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
494
|
+
function ownKeys$1a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
495
|
+
function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
496
496
|
var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
497
497
|
var boxContent = _ref.boxContent,
|
|
498
498
|
children = _ref.children,
|
|
@@ -501,13 +501,13 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
501
501
|
href = _ref.href,
|
|
502
502
|
placeholder = _ref.placeholder,
|
|
503
503
|
role = _ref.role,
|
|
504
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
504
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
505
505
|
return (
|
|
506
506
|
// "utrecht-link--telephone" does not have a corresponding API,
|
|
507
507
|
// since it is primarily a basis for implementing input[href^="tel"].
|
|
508
508
|
// Telephone number rendering in React is best achieved using composition
|
|
509
509
|
// of the TelephoneValue component.
|
|
510
|
-
jsxRuntime.jsx("a", _objectSpread$
|
|
510
|
+
jsxRuntime.jsx("a", _objectSpread$1a(_objectSpread$1a({
|
|
511
511
|
href: placeholder ? undefined : href,
|
|
512
512
|
ref: ref,
|
|
513
513
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -525,9 +525,9 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
525
525
|
});
|
|
526
526
|
Link.displayName = 'Link';
|
|
527
527
|
|
|
528
|
-
var _excluded$
|
|
529
|
-
function ownKeys$
|
|
530
|
-
function _objectSpread$
|
|
528
|
+
var _excluded$19 = ["appearance", "children", "className", "headingLevel", "label"];
|
|
529
|
+
function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
530
|
+
function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
531
531
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
532
532
|
var prop = _ref.prop,
|
|
533
533
|
type = _ref.type;
|
|
@@ -549,9 +549,9 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
549
549
|
_ref2$headingLevel = _ref2.headingLevel,
|
|
550
550
|
headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
|
|
551
551
|
label = _ref2.label,
|
|
552
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
552
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$19);
|
|
553
553
|
var headingId = label ? react.useId() : undefined;
|
|
554
|
-
return jsxRuntime.jsxs("nav", _objectSpread$
|
|
554
|
+
return jsxRuntime.jsxs("nav", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
555
555
|
ref: ref,
|
|
556
556
|
className: clsx('utrecht-breadcrumb', {
|
|
557
557
|
'utrecht-breadcrumb--arrows': appearance === 'arrows'
|
|
@@ -563,7 +563,7 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
563
563
|
level: headingLevel,
|
|
564
564
|
"aria-hidden": "true",
|
|
565
565
|
children: label
|
|
566
|
-
}), jsxRuntime.jsx("ol", _objectSpread$
|
|
566
|
+
}), jsxRuntime.jsx("ol", _objectSpread$19(_objectSpread$19({
|
|
567
567
|
className: "utrecht-breadcrumb__list"
|
|
568
568
|
}, useMicrodataItem({
|
|
569
569
|
type: 'https://schema.org/BreadcrumbList'
|
|
@@ -579,24 +579,24 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
|
579
579
|
href = _ref3.href,
|
|
580
580
|
index = _ref3.index,
|
|
581
581
|
rel = _ref3.rel;
|
|
582
|
-
return jsxRuntime.jsx("li", _objectSpread$
|
|
582
|
+
return jsxRuntime.jsx("li", _objectSpread$19(_objectSpread$19({
|
|
583
583
|
className: "utrecht-breadcrumb__item"
|
|
584
584
|
}, useMicrodataItem({
|
|
585
585
|
type: 'https://schema.org/ListItem',
|
|
586
586
|
prop: 'itemListElement'
|
|
587
587
|
})), {}, {
|
|
588
|
-
children: jsxRuntime.jsxs(Link, _objectSpread$
|
|
588
|
+
children: jsxRuntime.jsxs(Link, _objectSpread$19(_objectSpread$19({
|
|
589
589
|
className: "utrecht-breadcrumb__link",
|
|
590
590
|
href: href,
|
|
591
591
|
rel: rel,
|
|
592
592
|
"aria-current": current && 'location'
|
|
593
593
|
}, useMicrodataProp('item')), {}, {
|
|
594
594
|
ref: ref,
|
|
595
|
-
children: [jsxRuntime.jsx("span", _objectSpread$
|
|
595
|
+
children: [jsxRuntime.jsx("span", _objectSpread$19(_objectSpread$19({
|
|
596
596
|
className: "utrecht-breadcrumb__text"
|
|
597
597
|
}, useMicrodataProp('name')), {}, {
|
|
598
598
|
children: children
|
|
599
|
-
})), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$
|
|
599
|
+
})), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$19(_objectSpread$19({}, useMicrodataProp('position')), {}, {
|
|
600
600
|
content: String(index + 1)
|
|
601
601
|
})) : null]
|
|
602
602
|
}))
|
|
@@ -610,14 +610,14 @@ styleInject(css_248z$Q);
|
|
|
610
610
|
var css_248z$P = ".utrecht-button-group,.utrecht-button-group--distanced{background-color:var(--utrecht-button-group-background-color);display:flex;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--horizontal .utrecht-link-button,.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-link-button,.utrecht-button-group__link-button--horizontal{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-button-group--vertical{flex-direction:column;gap:var(--utrecht-button-group-block-gap,1em)}";
|
|
611
611
|
styleInject(css_248z$P);
|
|
612
612
|
|
|
613
|
-
var _excluded$
|
|
614
|
-
function ownKeys$
|
|
615
|
-
function _objectSpread$
|
|
613
|
+
var _excluded$18 = ["children", "className"];
|
|
614
|
+
function ownKeys$18(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
615
|
+
function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$18(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
616
616
|
var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
617
617
|
var children = _ref.children,
|
|
618
618
|
className = _ref.className,
|
|
619
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
620
|
-
return jsxRuntime.jsx("p", _objectSpread$
|
|
619
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
620
|
+
return jsxRuntime.jsx("p", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
621
621
|
ref: ref,
|
|
622
622
|
className: clsx('utrecht-button-group', className),
|
|
623
623
|
children: children
|
|
@@ -628,9 +628,9 @@ ButtonGroup.displayName = 'ButtonGroup';
|
|
|
628
628
|
var css_248z$O = ".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-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-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);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));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;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-decoration:none;text-transform:var(--utrecht-button-text-transform);user-select:none}.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)}.utrecht-button-link--html-a: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--html-a: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--html-a: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--html-a: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--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-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-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)}";
|
|
629
629
|
styleInject(css_248z$O);
|
|
630
630
|
|
|
631
|
-
var _excluded$
|
|
632
|
-
function ownKeys$
|
|
633
|
-
function _objectSpread$
|
|
631
|
+
var _excluded$17 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
|
|
632
|
+
function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
633
|
+
function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$17(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
634
634
|
var onKeyDown = function onKeyDown(evt) {
|
|
635
635
|
var _evt$target;
|
|
636
636
|
if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
|
|
@@ -648,18 +648,18 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
648
648
|
href = _ref.href,
|
|
649
649
|
placeholder = _ref.placeholder,
|
|
650
650
|
role = _ref.role,
|
|
651
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
651
|
+
restProps = _objectWithoutProperties(_ref, _excluded$17);
|
|
652
652
|
var props = restProps;
|
|
653
653
|
if (role === 'button') {
|
|
654
654
|
// When this link is announced as button by accessibility tools,
|
|
655
655
|
// it should also behave like a button. Links are not activated
|
|
656
656
|
// using `Space`, so we need to implement that behaviour here
|
|
657
657
|
// to reach parity with the `button` element.
|
|
658
|
-
props = _objectSpread$
|
|
658
|
+
props = _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
659
659
|
onKeyDown: onKeyDown
|
|
660
660
|
});
|
|
661
661
|
}
|
|
662
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
662
|
+
return jsxRuntime.jsx("a", _objectSpread$17(_objectSpread$17({
|
|
663
663
|
href: placeholder ? undefined : href,
|
|
664
664
|
ref: ref,
|
|
665
665
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -678,30 +678,30 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
678
678
|
});
|
|
679
679
|
ButtonLink.displayName = 'ButtonLink';
|
|
680
680
|
|
|
681
|
-
var css_248z$N = ".utrecht-calendar{background-color:var(--utrecht-calendar-background-color);width:
|
|
681
|
+
var css_248z$N = ".utrecht-calendar{background-color:var(--utrecht-calendar-background-color);width:fit-content}.utrecht-calendar__table{margin-inline:auto;padding-block-end:var(--utrecht-calendar-table-padding-block-end);padding-block-start:var(--utrecht-calendar-table-padding-block-start)}.utrecht-calendar__table-weeks-item{line-height:var(--utrecht-calendar-table-weeks-item-line-height,inherit);padding-block-end:var(--utrecht-calendar-table-weeks-item-padding-block-end);padding-block-start:var(--utrecht-calendar-table-weeks-item-padding-block-start);width:var(--utrecht-calendar-table-weeks-item-width)}.utrecht-calendar__table-days-item-day{--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-border-color);--utrecht-calendar-button-border-width:var(--utrecht-calendar-table-days-item-day-border-width);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-color);height:var(--utrecht-calendar-table-days-item-day-size);width:var(--utrecht-calendar-table-days-item-day-size)}.utrecht-calendar__table-days-item-day:hover{--utrecht-calendar-button-hover-background-color:var(--utrecht-calendar-table-days-item-day-hover-background-color);--utrecht-calendar-button-hover-border-color:var(--utrecht-calendar-table-days-item-day-hover-border-color);--utrecht-calendar-button-hover-color:var(--utrecht-calendar-table-days-item-day-hover-color)}.utrecht-calendar__table-days-item-day:focus{--utrecht-calendar-button-focus-background-color:var(--utrecht-calendar-table-days-item-day-focus-background-color);--utrecht-calendar-button-focus-border-color:var(--utrecht-calendar-table-days-item-day-focus-border-color);--utrecht-calendar-button-focus-color:var(--utrecht-calendar-table-days-item-day-focus-color)}.utrecht-calendar__table-days-item-day:active{--utrecht-calendar-button-active-background-color:var(\n --utrecht-calendar-table-days-item-day-active-background-color\n );--utrecht-calendar-button-active-border-color:var(--utrecht-calendar-table-days-item-day-active-border-color);--utrecht-calendar-button-active-color:var(--utrecht-calendar-table-days-item-day-active-color)}.utrecht-calendar__table-days-item-day:disabled{--utrecht-calendar-button-disabled-background-color:var(\n --utrecht-calendar-table-days-item-day-disabled-background-color\n );--utrecht-calendar-button-disabled-border-color:var(--utrecht-calendar-table-days-item-day-disabled-border-color);--utrecht-calendar-button-disabled-color:var(--utrecht-calendar-table-days-item-day-disabled-color)}.utrecht-calendar__table-days-item-day--out-of-the-month{--utrecht-calendar-button-background-color:var(\n --utrecht-calendar-table-days-item-day-out-of-the-month-background-color\n );--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-out-of-the-month-border-color);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-out-of-the-month-color)}.utrecht-calendar__table-days-item-day--is-today{--utrecht-calendar-button-font-weigh:var(--utrecht-calendar-table-days-item-day-is-today-font-weight);--utrecht-calendar-button-background-color:var(--utrecht-calendar-table-days-item-day-is-today-background-color);--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-is-today-border-color);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-is-today-color)}.utrecht-calendar__table-days-item-day--emphasis{--utrecht-calendar-button-font-weigh:var(--utrecht-calendar-table-days-item-day-emphasis-font-weight);--utrecht-calendar-button-background-color:var(--utrecht-calendar-table-days-item-day-emphasis-background-color);--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-emphasis-border-color);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-emphasis-color)}.utrecht-calendar__table-days-item-day--selected{--utrecht-calendar-button-font-weigh:var(--utrecht-calendar-table-days-item-day-selected-font-weight);--utrecht-calendar-button-background-color:var(--utrecht-calendar-table-days-item-day-selected-background-color);--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-selected-border-color);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-selected-color)}.utrecht-calendar__navigation{background-color:var(--utrecht-calendar-navigation-background-color);color:var(--utrecht-calendar-navigation-color);padding-block-end:var(--utrecht-calendar-navigation-padding-block-end);padding-block-start:var(--utrecht-calendar-navigation-padding-block-start)}.utrecht-calendar__navigation-label{color:var(--utrecht-calendar-navigation-label-color);font-size:var(--utrecht-calendar-navigation-label-min-font-size);text-align:center}.utrecht-calendar__navigation-buttons{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.utrecht-calendar__button{--utrecht-button-subtle-color:var(--utrecht-calendar-button-color,currentColor);--utrecht-button-subtle-background-color:var(--utrecht-calendar-button-background-color,transparent);--utrecht-button-subtle-border-color:var(--utrecht-calendar-button-border-color,transparent);--utrecht-button-subtle-border-width:var(--utrecht-calendar-button-border-width);--utrecht-button-font-weigh:var(--utrecht-calendar-button-font-weigh);--utrecht-button-subtle-focus-background-color:var(--utrecht-calendar-button-focus-background-color);--utrecht-button-subtle-focus-border-color:var(--utrecht-calendar-button-focus-border-color);--utrecht-button-subtle-focus-color:var(--utrecht-calendar-button-focus-color);--utrecht-button-subtle-active-background-color:var(--utrecht-calendar-button-active-background-color);--utrecht-button-subtle-active-border-color:var(--utrecht-calendar-button-active-border-color);--utrecht-button-subtle-active-color:var(--utrecht-calendar-button-active-color);--utrecht-button-subtle-hover-background-color:var(--utrecht-calendar-button-hover-background-color);--utrecht-button-subtle-hover-border-color:var(--utrecht-calendar-button-hover-border-color,transparent);--utrecht-button-subtle-hover-color:var(--utrecht-calendar-button-hover-color);--utrecht-button-subtle-disabled-background-color:var(--utrecht-calendar-button-disabled-background-color);--utrecht-button-subtle-disabled-border-color:var(--utrecht-calendar-button-disabled-border-color);--utrecht-button-subtle-disabled-color:var(--utrecht-calendar-button-disabled-color);--utrecht-button-padding-block-end:var(--utrecht-calendar-button-padding-block-end,0);--utrecht-button-padding-block-start:var(--utrecht-calendar-button-padding-block-start,0);--utrecht-button-padding-inline-end:var(--utrecht-calendar-button-padding-inline-end,0);--utrecht-button-padding-inline-start:var(--utrecht-calendar-button-padding-inline-start,0);cursor:pointer}.utrecht-calendar__icon{height:var(--utrecht-calendar-icon-size);width:var(--utrecht-calendar-icon-size)}";
|
|
682
682
|
styleInject(css_248z$N);
|
|
683
683
|
|
|
684
|
-
var _excluded$
|
|
685
|
-
function ownKeys$
|
|
686
|
-
function _objectSpread$
|
|
684
|
+
var _excluded$16 = ["children"];
|
|
685
|
+
function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
686
|
+
function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$16(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
687
687
|
var CalendarNavigation = function CalendarNavigation(_ref) {
|
|
688
688
|
var children = _ref.children,
|
|
689
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
690
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
689
|
+
props = _objectWithoutProperties(_ref, _excluded$16);
|
|
690
|
+
return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({
|
|
691
691
|
className: "utrecht-calendar__navigation"
|
|
692
692
|
}, props), {}, {
|
|
693
693
|
children: children
|
|
694
694
|
}));
|
|
695
695
|
};
|
|
696
696
|
|
|
697
|
-
var _excluded$
|
|
698
|
-
function ownKeys$
|
|
699
|
-
function _objectSpread$
|
|
697
|
+
var _excluded$15 = ["children", "className"];
|
|
698
|
+
function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
699
|
+
function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
700
700
|
var CalendarButton = function CalendarButton(_ref) {
|
|
701
701
|
var children = _ref.children,
|
|
702
702
|
className = _ref.className,
|
|
703
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
704
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
703
|
+
props = _objectWithoutProperties(_ref, _excluded$15);
|
|
704
|
+
return jsxRuntime.jsx(Button, _objectSpread$15(_objectSpread$15({
|
|
705
705
|
appearance: "subtle-button"
|
|
706
706
|
}, props), {}, {
|
|
707
707
|
className: clsx.clsx('utrecht-calendar__button', className),
|
|
@@ -709,38 +709,38 @@ var CalendarButton = function CalendarButton(_ref) {
|
|
|
709
709
|
}));
|
|
710
710
|
};
|
|
711
711
|
|
|
712
|
-
var _excluded$
|
|
713
|
-
function ownKeys$
|
|
714
|
-
function _objectSpread$
|
|
712
|
+
var _excluded$14 = ["children"];
|
|
713
|
+
function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
714
|
+
function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
715
715
|
var CalendarIcon = function CalendarIcon(_ref) {
|
|
716
716
|
var children = _ref.children,
|
|
717
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
718
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
717
|
+
props = _objectWithoutProperties(_ref, _excluded$14);
|
|
718
|
+
return jsxRuntime.jsx("div", _objectSpread$14(_objectSpread$14({
|
|
719
719
|
className: clsx.clsx('utrecht-calendar__icon')
|
|
720
720
|
}, props), {}, {
|
|
721
721
|
children: children
|
|
722
722
|
}));
|
|
723
723
|
};
|
|
724
724
|
|
|
725
|
-
var _excluded$
|
|
726
|
-
function ownKeys$
|
|
727
|
-
function _objectSpread$
|
|
725
|
+
var _excluded$13 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
|
|
726
|
+
function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
727
|
+
function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
728
728
|
var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
729
729
|
var onPreviousClick = _ref.onPreviousClick,
|
|
730
730
|
onNextClick = _ref.onNextClick,
|
|
731
731
|
previousIcon = _ref.previousIcon,
|
|
732
732
|
nextIcon = _ref.nextIcon,
|
|
733
733
|
children = _ref.children,
|
|
734
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
734
|
+
props = _objectWithoutProperties(_ref, _excluded$13);
|
|
735
735
|
return jsxRuntime.jsxs("div", {
|
|
736
736
|
className: "utrecht-calendar__navigation-buttons",
|
|
737
|
-
children: [jsxRuntime.jsx(CalendarButton, _objectSpread$
|
|
737
|
+
children: [jsxRuntime.jsx(CalendarButton, _objectSpread$13(_objectSpread$13({
|
|
738
738
|
onClick: onPreviousClick
|
|
739
739
|
}, props), {}, {
|
|
740
740
|
children: jsxRuntime.jsx(CalendarIcon, {
|
|
741
741
|
children: previousIcon
|
|
742
742
|
})
|
|
743
|
-
})), children, jsxRuntime.jsx(CalendarButton, _objectSpread$
|
|
743
|
+
})), children, jsxRuntime.jsx(CalendarButton, _objectSpread$13(_objectSpread$13({
|
|
744
744
|
onClick: onNextClick
|
|
745
745
|
}, props), {}, {
|
|
746
746
|
children: jsxRuntime.jsx(CalendarIcon, {
|
|
@@ -750,55 +750,45 @@ var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
|
750
750
|
});
|
|
751
751
|
};
|
|
752
752
|
|
|
753
|
-
var _excluded$
|
|
754
|
-
function ownKeys$
|
|
755
|
-
function _objectSpread$
|
|
756
|
-
var
|
|
753
|
+
var _excluded$12 = ["children"];
|
|
754
|
+
function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
755
|
+
function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
756
|
+
var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
|
|
757
757
|
var children = _ref.children,
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
className: clsx('utrecht-heading-2', className),
|
|
758
|
+
props = _objectWithoutProperties(_ref, _excluded$12);
|
|
759
|
+
return jsxRuntime.jsx("time", _objectSpread$12(_objectSpread$12({
|
|
760
|
+
className: "utrecht-calendar__navigation-label"
|
|
761
|
+
}, props), {}, {
|
|
763
762
|
children: children
|
|
764
763
|
}));
|
|
765
|
-
});
|
|
766
|
-
Heading2.displayName = 'Heading2';
|
|
767
|
-
|
|
768
|
-
var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
|
|
769
|
-
var label = _ref.label;
|
|
770
|
-
return jsxRuntime.jsx(Heading2, {
|
|
771
|
-
className: "utrecht-calendar__navigation-label",
|
|
772
|
-
children: label
|
|
773
|
-
});
|
|
774
764
|
};
|
|
775
765
|
|
|
776
|
-
var _excluded$
|
|
777
|
-
function ownKeys$
|
|
778
|
-
function _objectSpread$
|
|
766
|
+
var _excluded$11 = ["children"];
|
|
767
|
+
function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
768
|
+
function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
779
769
|
var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
|
|
780
770
|
var children = _ref.children,
|
|
781
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
782
|
-
return jsxRuntime.jsx("tbody", _objectSpread$
|
|
771
|
+
props = _objectWithoutProperties(_ref, _excluded$11);
|
|
772
|
+
return jsxRuntime.jsx("tbody", _objectSpread$11(_objectSpread$11({}, props), {}, {
|
|
783
773
|
className: "utrecht-calendar__table-days-container",
|
|
784
774
|
children: children
|
|
785
775
|
}));
|
|
786
776
|
};
|
|
787
777
|
|
|
788
|
-
var _excluded
|
|
789
|
-
function ownKeys
|
|
790
|
-
function _objectSpread
|
|
778
|
+
var _excluded$10 = ["children"];
|
|
779
|
+
function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
780
|
+
function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
791
781
|
var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
|
|
792
782
|
var children = _ref.children,
|
|
793
|
-
props = _objectWithoutProperties(_ref, _excluded
|
|
794
|
-
return jsxRuntime.jsx("tr", _objectSpread
|
|
783
|
+
props = _objectWithoutProperties(_ref, _excluded$10);
|
|
784
|
+
return jsxRuntime.jsx("tr", _objectSpread$10(_objectSpread$10({}, props), {}, {
|
|
795
785
|
children: children
|
|
796
786
|
}));
|
|
797
787
|
};
|
|
798
788
|
|
|
799
|
-
var _excluded
|
|
800
|
-
function ownKeys
|
|
801
|
-
function _objectSpread
|
|
789
|
+
var _excluded$$ = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
|
|
790
|
+
function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
791
|
+
function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
802
792
|
var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
803
793
|
var day = _ref.day,
|
|
804
794
|
dayOutOfTheMonth = _ref.dayOutOfTheMonth,
|
|
@@ -806,9 +796,9 @@ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
|
806
796
|
emphasis = _ref.emphasis,
|
|
807
797
|
selected = _ref.selected,
|
|
808
798
|
disabled = _ref.disabled,
|
|
809
|
-
props = _objectWithoutProperties(_ref, _excluded
|
|
799
|
+
props = _objectWithoutProperties(_ref, _excluded$$);
|
|
810
800
|
return jsxRuntime.jsx("td", {
|
|
811
|
-
children: jsxRuntime.jsx(CalendarButton, _objectSpread
|
|
801
|
+
children: jsxRuntime.jsx(CalendarButton, _objectSpread$$(_objectSpread$$({
|
|
812
802
|
className: clsx('utrecht-calendar__table-days-item-day', {
|
|
813
803
|
'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
|
|
814
804
|
}, {
|
|
@@ -836,26 +826,26 @@ var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
|
|
|
836
826
|
});
|
|
837
827
|
};
|
|
838
828
|
|
|
839
|
-
var _excluded$
|
|
840
|
-
function ownKeys$
|
|
841
|
-
function _objectSpread$
|
|
829
|
+
var _excluded$_ = ["children"];
|
|
830
|
+
function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
831
|
+
function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
842
832
|
var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
|
|
843
833
|
var children = _ref.children,
|
|
844
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
845
|
-
return jsxRuntime.jsx("th", _objectSpread$
|
|
834
|
+
props = _objectWithoutProperties(_ref, _excluded$_);
|
|
835
|
+
return jsxRuntime.jsx("th", _objectSpread$_(_objectSpread$_({}, props), {}, {
|
|
846
836
|
className: "utrecht-calendar__table-weeks-item",
|
|
847
837
|
children: children
|
|
848
838
|
}));
|
|
849
839
|
};
|
|
850
840
|
|
|
851
|
-
var _excluded$
|
|
852
|
-
function ownKeys$
|
|
853
|
-
function _objectSpread$
|
|
841
|
+
var _excluded$Z = ["title", "titleId"];
|
|
842
|
+
function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
843
|
+
function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
854
844
|
var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
855
845
|
var title = _ref.title,
|
|
856
846
|
titleId = _ref.titleId,
|
|
857
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
858
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
847
|
+
props = _objectWithoutProperties(_ref, _excluded$Z);
|
|
848
|
+
return jsxRuntime.jsxs("svg", _objectSpread$Z(_objectSpread$Z({
|
|
859
849
|
width: "100%",
|
|
860
850
|
height: "100%",
|
|
861
851
|
fill: "none",
|
|
@@ -872,14 +862,14 @@ var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
|
872
862
|
}));
|
|
873
863
|
};
|
|
874
864
|
|
|
875
|
-
var _excluded$
|
|
876
|
-
function ownKeys$
|
|
877
|
-
function _objectSpread$
|
|
865
|
+
var _excluded$Y = ["title", "titleId"];
|
|
866
|
+
function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
867
|
+
function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
878
868
|
var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
879
869
|
var title = _ref.title,
|
|
880
870
|
titleId = _ref.titleId,
|
|
881
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
882
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
871
|
+
props = _objectWithoutProperties(_ref, _excluded$Y);
|
|
872
|
+
return jsxRuntime.jsxs("svg", _objectSpread$Y(_objectSpread$Y({
|
|
883
873
|
width: "100%",
|
|
884
874
|
height: "100%",
|
|
885
875
|
fill: "none",
|
|
@@ -899,14 +889,14 @@ var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
|
899
889
|
}));
|
|
900
890
|
};
|
|
901
891
|
|
|
902
|
-
var _excluded$
|
|
903
|
-
function ownKeys$
|
|
904
|
-
function _objectSpread$
|
|
892
|
+
var _excluded$X = ["title", "titleId"];
|
|
893
|
+
function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
894
|
+
function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
905
895
|
var IconArrowRight = function IconArrowRight(_ref) {
|
|
906
896
|
var title = _ref.title,
|
|
907
897
|
titleId = _ref.titleId,
|
|
908
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
909
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
898
|
+
props = _objectWithoutProperties(_ref, _excluded$X);
|
|
899
|
+
return jsxRuntime.jsxs("svg", _objectSpread$X(_objectSpread$X({
|
|
910
900
|
width: "100%",
|
|
911
901
|
height: "100%",
|
|
912
902
|
fill: "none",
|
|
@@ -923,14 +913,14 @@ var IconArrowRight = function IconArrowRight(_ref) {
|
|
|
923
913
|
}));
|
|
924
914
|
};
|
|
925
915
|
|
|
926
|
-
var _excluded$
|
|
927
|
-
function ownKeys$
|
|
928
|
-
function _objectSpread$
|
|
916
|
+
var _excluded$W = ["title", "titleId"];
|
|
917
|
+
function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
918
|
+
function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
929
919
|
var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
|
|
930
920
|
var title = _ref.title,
|
|
931
921
|
titleId = _ref.titleId,
|
|
932
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
933
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
922
|
+
props = _objectWithoutProperties(_ref, _excluded$W);
|
|
923
|
+
return jsxRuntime.jsxs("svg", _objectSpread$W(_objectSpread$W({
|
|
934
924
|
fill: "none",
|
|
935
925
|
width: "100%",
|
|
936
926
|
height: "100%",
|
|
@@ -1052,7 +1042,8 @@ var Calendar = function Calendar(_ref) {
|
|
|
1052
1042
|
return setDate(dateFns.addMonths(date, 1));
|
|
1053
1043
|
},
|
|
1054
1044
|
children: jsxRuntime.jsx(CalendarNavigationLabel, {
|
|
1055
|
-
|
|
1045
|
+
dateTime: dateFns.format(date, 'yyyy-mm'),
|
|
1046
|
+
children: dateFns.format(date, 'LLLL Y', {
|
|
1056
1047
|
locale: locale$1
|
|
1057
1048
|
})
|
|
1058
1049
|
})
|
|
@@ -1080,10 +1071,9 @@ var Calendar = function Calendar(_ref) {
|
|
|
1080
1071
|
return jsxRuntime.jsx(CalendarTableDaysItemDay, {
|
|
1081
1072
|
isToday: dateFns.isSameDay(date, day.date),
|
|
1082
1073
|
dayOutOfTheMonth: !dateFns.isSameMonth(day.date, date),
|
|
1083
|
-
onClick: function onClick(
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
onCalendarClick(dateFns.formatISO(selectedDay));
|
|
1074
|
+
onClick: function onClick() {
|
|
1075
|
+
setDate(day.date);
|
|
1076
|
+
onCalendarClick(dateFns.formatISO(day.date));
|
|
1087
1077
|
},
|
|
1088
1078
|
"aria-label": dateFns.format(day.date, 'eeee dd LLLL Y', {
|
|
1089
1079
|
locale: locale$1
|
|
@@ -1107,9 +1097,9 @@ styleInject(css_248z$M);
|
|
|
1107
1097
|
var css_248z$L = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-checkbox-border-color);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor,revert);height:var(--utrecht-checkbox-size);margin-block-start:var(--utrecht-checkbox-margin-block-start);-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-checkbox-size)}.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)}.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)}.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))}";
|
|
1108
1098
|
styleInject(css_248z$L);
|
|
1109
1099
|
|
|
1110
|
-
var _excluded$
|
|
1111
|
-
function ownKeys$
|
|
1112
|
-
function _objectSpread$
|
|
1100
|
+
var _excluded$V = ["appearance", "disabled", "invalid", "required", "className"];
|
|
1101
|
+
function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1102
|
+
function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1113
1103
|
var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1114
1104
|
var _ref$appearance = _ref.appearance,
|
|
1115
1105
|
appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
|
|
@@ -1117,8 +1107,8 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1117
1107
|
invalid = _ref.invalid,
|
|
1118
1108
|
required = _ref.required,
|
|
1119
1109
|
className = _ref.className,
|
|
1120
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1121
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
1110
|
+
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1111
|
+
return jsxRuntime.jsx("input", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
|
|
1122
1112
|
ref: ref,
|
|
1123
1113
|
type: "checkbox",
|
|
1124
1114
|
className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
|
|
@@ -1137,14 +1127,14 @@ Checkbox.displayName = 'Checkbox';
|
|
|
1137
1127
|
var css_248z$K = ".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);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}";
|
|
1138
1128
|
styleInject(css_248z$K);
|
|
1139
1129
|
|
|
1140
|
-
var _excluded$
|
|
1141
|
-
function ownKeys$
|
|
1142
|
-
function _objectSpread$
|
|
1130
|
+
var _excluded$U = ["children", "className"];
|
|
1131
|
+
function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1132
|
+
function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1143
1133
|
var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1144
1134
|
var children = _ref.children,
|
|
1145
1135
|
className = _ref.className,
|
|
1146
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1147
|
-
return jsxRuntime.jsx("code", _objectSpread$
|
|
1136
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1137
|
+
return jsxRuntime.jsx("code", _objectSpread$U(_objectSpread$U({
|
|
1148
1138
|
ref: ref,
|
|
1149
1139
|
className: clsx('utrecht-code', className)
|
|
1150
1140
|
}, restProps), {}, {
|
|
@@ -1156,14 +1146,14 @@ Code.displayName = 'Code';
|
|
|
1156
1146
|
var css_248z$J = ".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);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-code-block__content{font-family:inherit;font-size:inherit}";
|
|
1157
1147
|
styleInject(css_248z$J);
|
|
1158
1148
|
|
|
1159
|
-
var _excluded$
|
|
1160
|
-
function ownKeys$
|
|
1161
|
-
function _objectSpread$
|
|
1149
|
+
var _excluded$T = ["children", "className"];
|
|
1150
|
+
function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1151
|
+
function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1162
1152
|
var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1163
1153
|
var children = _ref.children,
|
|
1164
1154
|
className = _ref.className,
|
|
1165
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1166
|
-
return jsxRuntime.jsx("pre", _objectSpread$
|
|
1155
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1156
|
+
return jsxRuntime.jsx("pre", _objectSpread$T(_objectSpread$T({
|
|
1167
1157
|
ref: ref,
|
|
1168
1158
|
className: clsx('utrecht-code-block', className)
|
|
1169
1159
|
}, restProps), {}, {
|
|
@@ -1178,19 +1168,19 @@ CodeBlock.displayName = 'CodeBlock';
|
|
|
1178
1168
|
var css_248z$I = ".utrecht-color-sample{background-color:var(--utrecht-color-sample-background-color,currentColor);block-size:2em;border-color:var(--utrecht-color-sample-border-color,var(--utrecht-color-sample-default-border-color));border-style:solid;border-width:var(--utrecht-color-sample-border-width,0);box-sizing:border-box;display:inline-block;inline-size:2em}@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)}}";
|
|
1179
1169
|
styleInject(css_248z$I);
|
|
1180
1170
|
|
|
1181
|
-
var _excluded$
|
|
1182
|
-
function ownKeys$
|
|
1183
|
-
function _objectSpread$
|
|
1171
|
+
var _excluded$S = ["children", "className", "color", "style"];
|
|
1172
|
+
function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1173
|
+
function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1184
1174
|
var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1185
1175
|
var children = _ref.children,
|
|
1186
1176
|
className = _ref.className,
|
|
1187
1177
|
color = _ref.color,
|
|
1188
1178
|
style = _ref.style,
|
|
1189
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1190
|
-
return jsxRuntime.jsx("data", _objectSpread$
|
|
1179
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1180
|
+
return jsxRuntime.jsx("data", _objectSpread$S(_objectSpread$S({
|
|
1191
1181
|
ref: ref,
|
|
1192
1182
|
className: clsx('utrecht-color-sample', className),
|
|
1193
|
-
style: _objectSpread$
|
|
1183
|
+
style: _objectSpread$S(_objectSpread$S({}, style), {}, {
|
|
1194
1184
|
color: color
|
|
1195
1185
|
}),
|
|
1196
1186
|
value: color
|
|
@@ -1203,26 +1193,26 @@ ColorSample.displayName = 'ColorSample';
|
|
|
1203
1193
|
var css_248z$H = ".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);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)}";
|
|
1204
1194
|
styleInject(css_248z$H);
|
|
1205
1195
|
|
|
1206
|
-
var _excluded$
|
|
1207
|
-
function ownKeys$
|
|
1208
|
-
function _objectSpread$
|
|
1196
|
+
var _excluded$R = ["children", "className", "dateTime", "value"];
|
|
1197
|
+
function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1198
|
+
function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1209
1199
|
var DataBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1210
1200
|
var children = _ref.children,
|
|
1211
1201
|
className = _ref.className,
|
|
1212
1202
|
dateTime = _ref.dateTime,
|
|
1213
1203
|
value = _ref.value,
|
|
1214
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1215
|
-
var props = _objectSpread$
|
|
1204
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1205
|
+
var props = _objectSpread$R({
|
|
1216
1206
|
children: children,
|
|
1217
1207
|
className: clsx('utrecht-badge-data', className)
|
|
1218
1208
|
}, restProps);
|
|
1219
|
-
return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$
|
|
1209
|
+
return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$R(_objectSpread$R({}, props), {}, {
|
|
1220
1210
|
dateTime: dateTime,
|
|
1221
1211
|
ref: ref
|
|
1222
|
-
})) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$
|
|
1212
|
+
})) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$R(_objectSpread$R({}, props), {}, {
|
|
1223
1213
|
value: value,
|
|
1224
1214
|
ref: ref
|
|
1225
|
-
})) : jsxRuntime.jsx("span", _objectSpread$
|
|
1215
|
+
})) : jsxRuntime.jsx("span", _objectSpread$R(_objectSpread$R({}, props), {}, {
|
|
1226
1216
|
ref: ref
|
|
1227
1217
|
}));
|
|
1228
1218
|
});
|
|
@@ -1231,14 +1221,14 @@ DataBadge.displayName = 'DataBadge';
|
|
|
1231
1221
|
var css_248z$G = ".utrecht-document{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)}";
|
|
1232
1222
|
styleInject(css_248z$G);
|
|
1233
1223
|
|
|
1234
|
-
var _excluded$
|
|
1235
|
-
function ownKeys$
|
|
1236
|
-
function _objectSpread$
|
|
1224
|
+
var _excluded$Q = ["children", "className"];
|
|
1225
|
+
function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1226
|
+
function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1237
1227
|
var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1238
1228
|
var children = _ref.children,
|
|
1239
1229
|
className = _ref.className,
|
|
1240
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1241
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1230
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1231
|
+
return jsxRuntime.jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1242
1232
|
ref: ref,
|
|
1243
1233
|
className: clsx('utrecht-document', className),
|
|
1244
1234
|
children: children
|
|
@@ -1249,18 +1239,18 @@ Document.displayName = 'Document';
|
|
|
1249
1239
|
var css_248z$F = ".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-bottom:var(--utrecht-data-list-rows-border-bottom-width,0) solid var(--utrecht-data-list-rows-border-bottom-color,transparent);display:grid;gap:0 var(--utrecht-data-list-rows-gap);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)}.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)}";
|
|
1250
1240
|
styleInject(css_248z$F);
|
|
1251
1241
|
|
|
1252
|
-
var _excluded$
|
|
1242
|
+
var _excluded$P = ["appearance", "children", "className"],
|
|
1253
1243
|
_excluded2$3 = ["children", "className"],
|
|
1254
1244
|
_excluded3 = ["children", "className"],
|
|
1255
1245
|
_excluded4 = ["children", "className"];
|
|
1256
|
-
function ownKeys$
|
|
1257
|
-
function _objectSpread$
|
|
1246
|
+
function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1247
|
+
function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1258
1248
|
var DataList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1259
1249
|
var appearance = _ref.appearance,
|
|
1260
1250
|
children = _ref.children,
|
|
1261
1251
|
className = _ref.className,
|
|
1262
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1263
|
-
return jsxRuntime.jsx("dl", _objectSpread$
|
|
1252
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1253
|
+
return jsxRuntime.jsx("dl", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1264
1254
|
className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
|
|
1265
1255
|
ref: ref,
|
|
1266
1256
|
children: children
|
|
@@ -1271,7 +1261,7 @@ var DataListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1271
1261
|
var children = _ref2.children,
|
|
1272
1262
|
className = _ref2.className,
|
|
1273
1263
|
restProps = _objectWithoutProperties(_ref2, _excluded2$3);
|
|
1274
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1264
|
+
return jsxRuntime.jsx("div", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1275
1265
|
className: clsx('utrecht-data-list__item', className),
|
|
1276
1266
|
ref: ref,
|
|
1277
1267
|
children: children
|
|
@@ -1282,7 +1272,7 @@ var DataListKey = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
|
1282
1272
|
var children = _ref3.children,
|
|
1283
1273
|
className = _ref3.className,
|
|
1284
1274
|
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
1285
|
-
return jsxRuntime.jsx("dt", _objectSpread$
|
|
1275
|
+
return jsxRuntime.jsx("dt", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1286
1276
|
className: clsx('utrecht-data-list__item-key', className),
|
|
1287
1277
|
ref: ref,
|
|
1288
1278
|
children: children
|
|
@@ -1312,7 +1302,7 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
1312
1302
|
var children = _ref5.children,
|
|
1313
1303
|
className = _ref5.className,
|
|
1314
1304
|
restProps = _objectWithoutProperties(_ref5, _excluded4);
|
|
1315
|
-
return jsxRuntime.jsx("dd", _objectSpread$
|
|
1305
|
+
return jsxRuntime.jsx("dd", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1316
1306
|
className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
|
|
1317
1307
|
ref: ref,
|
|
1318
1308
|
children: children
|
|
@@ -1323,14 +1313,14 @@ DataListActions.displayName = 'DataListActions';
|
|
|
1323
1313
|
var css_248z$E = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}";
|
|
1324
1314
|
styleInject(css_248z$E);
|
|
1325
1315
|
|
|
1326
|
-
var _excluded$
|
|
1327
|
-
function ownKeys$
|
|
1328
|
-
function _objectSpread$
|
|
1316
|
+
var _excluded$O = ["children", "className"];
|
|
1317
|
+
function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1318
|
+
function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1329
1319
|
var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1330
1320
|
var children = _ref.children,
|
|
1331
1321
|
className = _ref.className,
|
|
1332
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1333
|
-
return jsxRuntime.jsx("em", _objectSpread$
|
|
1322
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
1323
|
+
return jsxRuntime.jsx("em", _objectSpread$O(_objectSpread$O({
|
|
1334
1324
|
ref: ref,
|
|
1335
1325
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
1336
1326
|
}, restProps), {}, {
|
|
@@ -1342,10 +1332,10 @@ Emphasis.displayName = 'Emphasis';
|
|
|
1342
1332
|
var css_248z$D = ".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-width: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{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;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.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))}";
|
|
1343
1333
|
styleInject(css_248z$D);
|
|
1344
1334
|
|
|
1345
|
-
var _excluded$
|
|
1335
|
+
var _excluded$N = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
|
|
1346
1336
|
_excluded2$2 = ["className", "children", "disabled", "invalid"];
|
|
1347
|
-
function ownKeys$
|
|
1348
|
-
function _objectSpread$
|
|
1337
|
+
function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1338
|
+
function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1349
1339
|
var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1350
1340
|
var ariaDescribedby = _ref['aria-describedby'],
|
|
1351
1341
|
ariaLabel = _ref['aria-label'],
|
|
@@ -1357,8 +1347,8 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1357
1347
|
invalid = _ref.invalid,
|
|
1358
1348
|
name = _ref.name,
|
|
1359
1349
|
role = _ref.role,
|
|
1360
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1361
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1350
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
1351
|
+
return jsxRuntime.jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
1362
1352
|
ref: ref,
|
|
1363
1353
|
className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
|
|
1364
1354
|
children: jsxRuntime.jsx("fieldset", {
|
|
@@ -1382,7 +1372,7 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1382
1372
|
disabled = _ref2.disabled,
|
|
1383
1373
|
invalid = _ref2.invalid,
|
|
1384
1374
|
restProps = _objectWithoutProperties(_ref2, _excluded2$2);
|
|
1385
|
-
return jsxRuntime.jsx("fieldset", _objectSpread$
|
|
1375
|
+
return jsxRuntime.jsx("fieldset", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
1386
1376
|
ref: ref,
|
|
1387
1377
|
"aria-invalid": invalid || undefined,
|
|
1388
1378
|
disabled: disabled,
|
|
@@ -1392,14 +1382,14 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1392
1382
|
});
|
|
1393
1383
|
FieldsetOnly.displayName = 'Fieldset';
|
|
1394
1384
|
|
|
1395
|
-
var _excluded$
|
|
1396
|
-
function ownKeys$
|
|
1397
|
-
function _objectSpread$
|
|
1385
|
+
var _excluded$M = ["className", "children"];
|
|
1386
|
+
function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1387
|
+
function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1398
1388
|
var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1399
1389
|
var className = _ref.className,
|
|
1400
1390
|
children = _ref.children,
|
|
1401
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1402
|
-
return jsxRuntime.jsx("legend", _objectSpread$
|
|
1391
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1392
|
+
return jsxRuntime.jsx("legend", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
1403
1393
|
ref: ref,
|
|
1404
1394
|
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
|
|
1405
1395
|
children: children
|
|
@@ -1410,14 +1400,14 @@ FieldsetLegend.displayName = 'FieldsetLegend';
|
|
|
1410
1400
|
var css_248z$C = ".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)}";
|
|
1411
1401
|
styleInject(css_248z$C);
|
|
1412
1402
|
|
|
1413
|
-
var _excluded$
|
|
1414
|
-
function ownKeys$
|
|
1415
|
-
function _objectSpread$
|
|
1403
|
+
var _excluded$L = ["className", "children"];
|
|
1404
|
+
function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1405
|
+
function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1416
1406
|
var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1417
1407
|
var className = _ref.className,
|
|
1418
1408
|
children = _ref.children,
|
|
1419
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1420
|
-
return jsxRuntime.jsx("figure", _objectSpread$
|
|
1409
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1410
|
+
return jsxRuntime.jsx("figure", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
1421
1411
|
ref: ref,
|
|
1422
1412
|
className: clsx('utrecht-figure', className),
|
|
1423
1413
|
children: children
|
|
@@ -1425,14 +1415,14 @@ var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1425
1415
|
});
|
|
1426
1416
|
Figure.displayName = 'Figure';
|
|
1427
1417
|
|
|
1428
|
-
var _excluded$
|
|
1429
|
-
function ownKeys$
|
|
1430
|
-
function _objectSpread$
|
|
1418
|
+
var _excluded$K = ["className", "children"];
|
|
1419
|
+
function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1420
|
+
function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1431
1421
|
var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1432
1422
|
var className = _ref.className,
|
|
1433
1423
|
children = _ref.children,
|
|
1434
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1435
|
-
return jsxRuntime.jsx("figcaption", _objectSpread$
|
|
1424
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
1425
|
+
return jsxRuntime.jsx("figcaption", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
1436
1426
|
ref: ref,
|
|
1437
1427
|
className: clsx('utrecht-figure__caption', className),
|
|
1438
1428
|
children: children
|
|
@@ -1443,16 +1433,16 @@ FigureCaption.displayName = 'FigureCaption';
|
|
|
1443
1433
|
var css_248z$B = ".utrecht-form-field{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);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;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}";
|
|
1444
1434
|
styleInject(css_248z$B);
|
|
1445
1435
|
|
|
1446
|
-
var _excluded$
|
|
1447
|
-
function ownKeys$
|
|
1448
|
-
function _objectSpread$
|
|
1436
|
+
var _excluded$J = ["className", "children", "invalid", "type"];
|
|
1437
|
+
function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1438
|
+
function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1449
1439
|
var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1450
1440
|
var className = _ref.className,
|
|
1451
1441
|
children = _ref.children,
|
|
1452
1442
|
invalid = _ref.invalid,
|
|
1453
1443
|
type = _ref.type,
|
|
1454
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1455
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1444
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
1445
|
+
return jsxRuntime.jsx("div", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
1456
1446
|
ref: ref,
|
|
1457
1447
|
className: clsx('utrecht-form-field', {
|
|
1458
1448
|
'utrecht-form-field--invalid': invalid,
|
|
@@ -1468,17 +1458,17 @@ FormField.displayName = 'FormField';
|
|
|
1468
1458
|
var css_248z$A = ".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))}";
|
|
1469
1459
|
styleInject(css_248z$A);
|
|
1470
1460
|
|
|
1471
|
-
var _excluded$
|
|
1472
|
-
function ownKeys$
|
|
1473
|
-
function _objectSpread$
|
|
1461
|
+
var _excluded$I = ["invalid", "valid", "warning", "className", "children"];
|
|
1462
|
+
function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1463
|
+
function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1474
1464
|
var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1475
1465
|
var invalid = _ref.invalid,
|
|
1476
1466
|
valid = _ref.valid,
|
|
1477
1467
|
warning = _ref.warning,
|
|
1478
1468
|
className = _ref.className,
|
|
1479
1469
|
children = _ref.children,
|
|
1480
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1481
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1470
|
+
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
1471
|
+
return jsxRuntime.jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
|
|
1482
1472
|
ref: ref,
|
|
1483
1473
|
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),
|
|
1484
1474
|
children: children
|
|
@@ -1489,17 +1479,17 @@ FormFieldDescription.displayName = 'FormFieldDescription';
|
|
|
1489
1479
|
var css_248z$z = ".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))}";
|
|
1490
1480
|
styleInject(css_248z$z);
|
|
1491
1481
|
|
|
1492
|
-
var _excluded$
|
|
1493
|
-
function ownKeys$
|
|
1494
|
-
function _objectSpread$
|
|
1482
|
+
var _excluded$H = ["children", "className", "type", "disabled", "checked"];
|
|
1483
|
+
function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1484
|
+
function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1495
1485
|
var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1496
1486
|
var children = _ref.children,
|
|
1497
1487
|
className = _ref.className,
|
|
1498
1488
|
type = _ref.type,
|
|
1499
1489
|
disabled = _ref.disabled,
|
|
1500
1490
|
checked = _ref.checked,
|
|
1501
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1502
|
-
return jsxRuntime.jsx("label", _objectSpread$
|
|
1491
|
+
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
1492
|
+
return jsxRuntime.jsx("label", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
|
|
1503
1493
|
ref: ref,
|
|
1504
1494
|
className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
|
|
1505
1495
|
children: children
|
|
@@ -1510,14 +1500,14 @@ FormLabel.displayName = 'FormLabel';
|
|
|
1510
1500
|
var css_248z$y = "@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-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-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);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-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;letter-spacing:var(--utrecht-button-letter-spacing);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);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor)}.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)}.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)}.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}.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{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-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.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{max-inline-size:var(--utrecht-form-max-inline-size)}.utrecht-html legend{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;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.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));letter-spacing:var(--utrecht-heading-1-letter-spacing);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));text-transform:var(--utrecht-heading-1-text-transform,inherit)}.utrecht-html h1,.utrecht-html h2{--utrecht-space-around:1;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));letter-spacing:var(--utrecht-heading-2-letter-spacing);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));text-transform:var(--utrecht-heading-2-text-transform,inherit)}.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));letter-spacing:var(--utrecht-heading-3-letter-spacing);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));text-transform:var(--utrecht-heading-3-text-transform,inherit)}.utrecht-html h3,.utrecht-html h4{--utrecht-space-around:1;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));letter-spacing:var(--utrecht-heading-4-letter-spacing);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));text-transform:var(--utrecht-heading-4-text-transform,inherit)}.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));letter-spacing:var(--utrecht-heading-5-letter-spacing);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));text-transform:var(--utrecht-heading-5-text-transform,inherit)}.utrecht-html h5,.utrecht-html h6{--utrecht-space-around:1;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));letter-spacing:var(--utrecht-heading-6-letter-spacing);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));text-transform:var(--utrecht-heading-6-text-transform,inherit)}.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:link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--utrecht-link-color,blue);text-decoration:var(--utrecht-link-text-decoration,underline);text-decoration-color:var(--utrecht-link-text-decoration-color,currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness),1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-html a:visited{color:var(--utrecht-link-visited-color,var(--utrecht-link-color))}.utrecht-html a:hover{text-decoration-skip:none;color:var(--utrecht-link-hover-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-html a:active{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-html a:focus{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);color:var(--utrecht-link-focus-color,var(--utrecht-link-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);text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.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;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;width:max-content}.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:has(>code:only-child)>code{display:contents}.utrecht-html input[type=radio i]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--utrecht-radio-button-background-color);background-position:50%;background-repeat:no-repeat;background-size:contain;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);height:var(--utrecht-radio-button-size);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;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-radio-button-size)}.utrecht-html input[type=radio i]:disabled{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-disabled-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-disabled-color,var(--utrecht-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input[type=radio i]:disabled:checked{background-color:var(--utrecht-radio-button-disabled-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-html input[type=radio i]:disabled:active{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-html input[type=radio i]:hover{background-color:var(--utrecht-radio-button-hover-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-hover-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-hover-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-hover-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:focus{background-color:var(--utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-focus-color,var(--utrecht-radio-button-color))}.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]: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]:active{background-color:var(--utrecht-radio-button-active-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-active-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-active-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-active-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:checked{background-color:var(--utrecht-radio-button-checked-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-checked-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-checked-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-checked-color,var(--utrecht-radio-button-color))}.utrecht-html select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color,var(--utrecht-form-control-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;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));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));width:100%}.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)}.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[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-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))));border-width:var(--_utrecht-select-border-width);border-bottom-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)))))}.utrecht-html hr{border-color:var(--utrecht-separator-color);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 hr,.utrecht-html table{--utrecht-space-around:1;border-style:solid}.utrecht-html table{border-collapse:collapse;border-color:var(--utrecht-table-border-color,0);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);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));width:100%}.utrecht-html caption{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;background-color:var(--utrecht-table-header-background-color);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 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);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align,top)}.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);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-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 tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric,.utrecht-html thead>tr>th.numeric{text-align:right}.utrecht-html td.numeric{font-variant-numeric:lining-nums tabular-nums;text-align:right}.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));border-width:var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width));border-bottom-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,1em));font-weight:400;height:auto;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;width:100%}.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)}.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-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))));border-width:var(--_utrecht-textarea-border-width);border-bottom-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)))));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::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));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width));border-bottom-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,1em));font-weight:400;height:auto;line-height:normal;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));width:100%}.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)}.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-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))));border-width:var(--_utrecht-textbox-border-width);border-bottom-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)))));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])::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;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;width:max-content}.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:\"●\"}";
|
|
1511
1501
|
styleInject(css_248z$y);
|
|
1512
1502
|
|
|
1513
|
-
var _excluded$
|
|
1514
|
-
function ownKeys$
|
|
1515
|
-
function _objectSpread$
|
|
1503
|
+
var _excluded$G = ["children", "className"];
|
|
1504
|
+
function ownKeys$G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1505
|
+
function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1516
1506
|
var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1517
1507
|
var children = _ref.children,
|
|
1518
1508
|
className = _ref.className,
|
|
1519
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1520
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1509
|
+
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
1510
|
+
return jsxRuntime.jsx("div", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
1521
1511
|
ref: ref,
|
|
1522
1512
|
className: clsx('utrecht-html', className),
|
|
1523
1513
|
children: children
|
|
@@ -1543,20 +1533,35 @@ styleInject(css_248z$t);
|
|
|
1543
1533
|
var css_248z$s = ".utrecht-heading-6{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));letter-spacing:var(--utrecht-heading-6-letter-spacing);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;text-transform:var(--utrecht-heading-6-text-transform,inherit)}.utrecht-heading-6--distanced{--utrecht-space-around:1}";
|
|
1544
1534
|
styleInject(css_248z$s);
|
|
1545
1535
|
|
|
1536
|
+
var _excluded$F = ["children", "className"];
|
|
1537
|
+
function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1538
|
+
function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1539
|
+
var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1540
|
+
var children = _ref.children,
|
|
1541
|
+
className = _ref.className,
|
|
1542
|
+
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
1543
|
+
return jsxRuntime.jsx("h1", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
|
|
1544
|
+
ref: ref,
|
|
1545
|
+
className: clsx('utrecht-heading-1', className),
|
|
1546
|
+
children: children
|
|
1547
|
+
}));
|
|
1548
|
+
});
|
|
1549
|
+
Heading1.displayName = 'Heading1';
|
|
1550
|
+
|
|
1546
1551
|
var _excluded$E = ["children", "className"];
|
|
1547
1552
|
function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1548
1553
|
function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1549
|
-
var
|
|
1554
|
+
var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1550
1555
|
var children = _ref.children,
|
|
1551
1556
|
className = _ref.className,
|
|
1552
1557
|
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
1553
|
-
return jsxRuntime.jsx("
|
|
1558
|
+
return jsxRuntime.jsx("h2", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
|
|
1554
1559
|
ref: ref,
|
|
1555
|
-
className: clsx('utrecht-heading-
|
|
1560
|
+
className: clsx('utrecht-heading-2', className),
|
|
1556
1561
|
children: children
|
|
1557
1562
|
}));
|
|
1558
1563
|
});
|
|
1559
|
-
|
|
1564
|
+
Heading2.displayName = 'Heading2';
|
|
1560
1565
|
|
|
1561
1566
|
var _excluded$D = ["children", "className"];
|
|
1562
1567
|
function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -2076,7 +2081,7 @@ var SpotlightSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2076
2081
|
});
|
|
2077
2082
|
SpotlightSection.displayName = 'SpotlightSection';
|
|
2078
2083
|
|
|
2079
|
-
var css_248z$6 = ".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);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)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color
|
|
2084
|
+
var css_248z$6 = ".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);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)}.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))}";
|
|
2080
2085
|
styleInject(css_248z$6);
|
|
2081
2086
|
|
|
2082
2087
|
var _excluded$f = ["className", "status"];
|