@utrecht/component-library-react 1.0.0-alpha.289 → 1.0.0-alpha.290
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.
|
@@ -3,9 +3,12 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
4
4
|
import { forwardRef, useId, useRef, useState, createElement } from 'react';
|
|
5
5
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
6
|
-
import clsx from 'clsx';
|
|
6
|
+
import clsx, { clsx as clsx$1 } from 'clsx';
|
|
7
7
|
import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
8
8
|
import _extends from '@babel/runtime/helpers/extends';
|
|
9
|
+
import { startOfWeek, endOfWeek, eachDayOfInterval, isSameDay, endOfDay, parseISO, setYear, getYear, addYears, setMonth, addMonths, format, isSameMonth, setDate, formatISO, startOfMonth, addWeeks } from 'date-fns';
|
|
10
|
+
import { enUS } from 'date-fns/locale';
|
|
11
|
+
import chunk from 'lodash.chunk';
|
|
9
12
|
|
|
10
13
|
function styleInject(css, ref) {
|
|
11
14
|
if ( ref === void 0 ) ref = {};
|
|
@@ -34,12 +37,12 @@ function styleInject(css, ref) {
|
|
|
34
37
|
}
|
|
35
38
|
}
|
|
36
39
|
|
|
37
|
-
var css_248z$
|
|
38
|
-
styleInject(css_248z$
|
|
40
|
+
var css_248z$X = ".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)}";
|
|
41
|
+
styleInject(css_248z$X);
|
|
39
42
|
|
|
40
|
-
var _excluded$
|
|
41
|
-
function ownKeys$
|
|
42
|
-
function _objectSpread$
|
|
43
|
+
var _excluded$1h = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
44
|
+
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; }
|
|
45
|
+
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; }
|
|
43
46
|
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
44
47
|
var appearance = _ref.appearance,
|
|
45
48
|
busy = _ref.busy,
|
|
@@ -49,8 +52,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
49
52
|
hint = _ref.hint,
|
|
50
53
|
pressed = _ref.pressed,
|
|
51
54
|
type = _ref.type,
|
|
52
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
53
|
-
return jsx("button", _objectSpread$
|
|
55
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
56
|
+
return jsx("button", _objectSpread$1h(_objectSpread$1h({
|
|
54
57
|
ref: ref,
|
|
55
58
|
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),
|
|
56
59
|
"aria-busy": busy || undefined,
|
|
@@ -64,38 +67,38 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
64
67
|
Button.displayName = 'Button';
|
|
65
68
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
66
69
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
67
|
-
return jsx(Button, _objectSpread$
|
|
70
|
+
return jsx(Button, _objectSpread$1h(_objectSpread$1h({}, args), {}, {
|
|
68
71
|
appearance: "primary-action-button"
|
|
69
72
|
}));
|
|
70
73
|
};
|
|
71
74
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
72
75
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
73
76
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
74
|
-
return jsx(Button, _objectSpread$
|
|
77
|
+
return jsx(Button, _objectSpread$1h(_objectSpread$1h({}, args), {}, {
|
|
75
78
|
appearance: "secondary-action-button"
|
|
76
79
|
}));
|
|
77
80
|
};
|
|
78
81
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
79
82
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
80
83
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
81
|
-
return jsx(Button, _objectSpread$
|
|
84
|
+
return jsx(Button, _objectSpread$1h(_objectSpread$1h({}, args), {}, {
|
|
82
85
|
appearance: "subtle-button"
|
|
83
86
|
}));
|
|
84
87
|
};
|
|
85
88
|
SubtleButton.displayName = 'SubtleButton';
|
|
86
89
|
|
|
87
|
-
var _excluded$
|
|
88
|
-
function ownKeys$
|
|
89
|
-
function _objectSpread$
|
|
90
|
+
var _excluded$1g = ["appearance", "className", "level"];
|
|
91
|
+
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; }
|
|
92
|
+
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; }
|
|
90
93
|
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
91
94
|
var appearance = _ref.appearance,
|
|
92
95
|
className = _ref.className,
|
|
93
96
|
level = _ref.level,
|
|
94
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
97
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
95
98
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
96
99
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
97
100
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
98
|
-
return jsx(HeadingX, _objectSpread$
|
|
101
|
+
return jsx(HeadingX, _objectSpread$1g(_objectSpread$1g({
|
|
99
102
|
className: clsx(headingClassName, className)
|
|
100
103
|
}, restProps), {}, {
|
|
101
104
|
ref: ref
|
|
@@ -103,9 +106,9 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
103
106
|
});
|
|
104
107
|
Heading.displayName = 'Heading';
|
|
105
108
|
|
|
106
|
-
var _excluded$
|
|
107
|
-
function ownKeys$
|
|
108
|
-
function _objectSpread$
|
|
109
|
+
var _excluded$1f = ["children", "group", "headingLevel", "heading"];
|
|
110
|
+
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; }
|
|
111
|
+
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; }
|
|
109
112
|
/**
|
|
110
113
|
* Find the first item in an array
|
|
111
114
|
*/
|
|
@@ -191,12 +194,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
191
194
|
ref: buttonRef,
|
|
192
195
|
children: label
|
|
193
196
|
})
|
|
194
|
-
}), section ? jsx("section", _objectSpread$
|
|
197
|
+
}), section ? jsx("section", _objectSpread$1f(_objectSpread$1f({
|
|
195
198
|
id: panelId,
|
|
196
199
|
"aria-labelledby": buttonId
|
|
197
200
|
}, panelAttributes), {}, {
|
|
198
201
|
children: children
|
|
199
|
-
})) : jsx("div", _objectSpread$
|
|
202
|
+
})) : jsx("div", _objectSpread$1f(_objectSpread$1f({}, panelAttributes), {}, {
|
|
200
203
|
children: children
|
|
201
204
|
}))]
|
|
202
205
|
});
|
|
@@ -207,13 +210,13 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
207
210
|
group = _ref2.group,
|
|
208
211
|
headingLevel = _ref2.headingLevel,
|
|
209
212
|
heading = _ref2.heading,
|
|
210
|
-
props = _objectWithoutProperties(_ref2, _excluded$
|
|
213
|
+
props = _objectWithoutProperties(_ref2, _excluded$1f);
|
|
211
214
|
var headingId = useId();
|
|
212
215
|
return jsxs(Fragment, {
|
|
213
216
|
children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
|
|
214
217
|
level: headingLevel,
|
|
215
218
|
children: heading
|
|
216
|
-
}), jsx("div", _objectSpread$
|
|
219
|
+
}), jsx("div", _objectSpread$1f(_objectSpread$1f({
|
|
217
220
|
className: clsx('utrecht-accordion'),
|
|
218
221
|
role: group ? 'group' : undefined,
|
|
219
222
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -321,7 +324,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
321
324
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
322
325
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
323
326
|
if (index === activatedIndex) {
|
|
324
|
-
return _objectSpread$
|
|
327
|
+
return _objectSpread$1f(_objectSpread$1f({}, section), {}, {
|
|
325
328
|
expanded: !section.expanded
|
|
326
329
|
});
|
|
327
330
|
} else {
|
|
@@ -329,7 +332,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
329
332
|
}
|
|
330
333
|
}));
|
|
331
334
|
};
|
|
332
|
-
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$
|
|
335
|
+
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1f(_objectSpread$1f({}, section), {}, {
|
|
333
336
|
ref: refs[index],
|
|
334
337
|
buttonRef: buttonRefs[index],
|
|
335
338
|
key: index,
|
|
@@ -342,19 +345,19 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
342
345
|
};
|
|
343
346
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
344
347
|
|
|
345
|
-
var css_248z$
|
|
346
|
-
styleInject(css_248z$
|
|
348
|
+
var css_248z$W = ".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)}";
|
|
349
|
+
styleInject(css_248z$W);
|
|
347
350
|
|
|
348
|
-
var _excluded$
|
|
349
|
-
function ownKeys$
|
|
350
|
-
function _objectSpread$
|
|
351
|
+
var _excluded$1e = ["children", "className", "icon", "type"];
|
|
352
|
+
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; }
|
|
353
|
+
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; }
|
|
351
354
|
var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
352
355
|
var children = _ref.children,
|
|
353
356
|
className = _ref.className,
|
|
354
357
|
icon = _ref.icon,
|
|
355
358
|
type = _ref.type,
|
|
356
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
357
|
-
return jsxs("div", _objectSpread$
|
|
359
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
360
|
+
return jsxs("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
|
|
358
361
|
ref: ref,
|
|
359
362
|
className: clsx('utrecht-alert', {
|
|
360
363
|
'utrecht-alert--error': type === 'error',
|
|
@@ -373,19 +376,19 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
373
376
|
});
|
|
374
377
|
Alert.displayName = 'Alert';
|
|
375
378
|
|
|
376
|
-
var css_248z$
|
|
377
|
-
styleInject(css_248z$
|
|
379
|
+
var css_248z$V = ".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)}";
|
|
380
|
+
styleInject(css_248z$V);
|
|
378
381
|
|
|
379
|
-
var _excluded$
|
|
380
|
-
function ownKeys$
|
|
381
|
-
function _objectSpread$
|
|
382
|
+
var _excluded$1d = ["children", "className", "icon", "type"];
|
|
383
|
+
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; }
|
|
384
|
+
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; }
|
|
382
385
|
var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
383
386
|
var children = _ref.children,
|
|
384
387
|
className = _ref.className,
|
|
385
388
|
icon = _ref.icon,
|
|
386
389
|
type = _ref.type,
|
|
387
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
388
|
-
return jsxs("dialog", _objectSpread$
|
|
390
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
391
|
+
return jsxs("dialog", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
389
392
|
ref: ref,
|
|
390
393
|
className: clsx('utrecht-alert-dialog', {
|
|
391
394
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -404,17 +407,17 @@ var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
404
407
|
});
|
|
405
408
|
AlertDialog.displayName = 'AlertDialog';
|
|
406
409
|
|
|
407
|
-
var css_248z$
|
|
408
|
-
styleInject(css_248z$
|
|
410
|
+
var css_248z$U = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}";
|
|
411
|
+
styleInject(css_248z$U);
|
|
409
412
|
|
|
410
|
-
var _excluded$
|
|
411
|
-
function ownKeys$
|
|
412
|
-
function _objectSpread$
|
|
413
|
+
var _excluded$1c = ["children", "className"];
|
|
414
|
+
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; }
|
|
415
|
+
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; }
|
|
413
416
|
var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
414
417
|
var children = _ref.children,
|
|
415
418
|
className = _ref.className,
|
|
416
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
417
|
-
return jsx("article", _objectSpread$
|
|
419
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
420
|
+
return jsx("article", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
418
421
|
ref: ref,
|
|
419
422
|
className: clsx('utrecht-article', className),
|
|
420
423
|
children: children
|
|
@@ -422,17 +425,17 @@ var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
422
425
|
});
|
|
423
426
|
Article.displayName = 'Article';
|
|
424
427
|
|
|
425
|
-
var css_248z$
|
|
426
|
-
styleInject(css_248z$
|
|
428
|
+
var css_248z$T = ".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}";
|
|
429
|
+
styleInject(css_248z$T);
|
|
427
430
|
|
|
428
|
-
var _excluded
|
|
429
|
-
function ownKeys
|
|
430
|
-
function _objectSpread
|
|
431
|
+
var _excluded$1b = ["children", "className"];
|
|
432
|
+
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; }
|
|
433
|
+
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; }
|
|
431
434
|
var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
432
435
|
var children = _ref.children,
|
|
433
436
|
className = _ref.className,
|
|
434
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
435
|
-
return jsx("div", _objectSpread
|
|
437
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
438
|
+
return jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
436
439
|
ref: ref,
|
|
437
440
|
className: clsx('utrecht-backdrop', className),
|
|
438
441
|
children: children
|
|
@@ -440,41 +443,41 @@ var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
440
443
|
});
|
|
441
444
|
Backdrop.displayName = 'Backdrop';
|
|
442
445
|
|
|
443
|
-
var css_248z$
|
|
444
|
-
styleInject(css_248z$
|
|
446
|
+
var css_248z$S = ".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}";
|
|
447
|
+
styleInject(css_248z$S);
|
|
445
448
|
|
|
446
|
-
var _excluded$
|
|
447
|
-
function ownKeys$
|
|
448
|
-
function _objectSpread$
|
|
449
|
+
var _excluded$1a = ["children", "className", "value"];
|
|
450
|
+
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; }
|
|
451
|
+
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; }
|
|
449
452
|
var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
450
453
|
var children = _ref.children,
|
|
451
454
|
className = _ref.className,
|
|
452
455
|
value = _ref.value,
|
|
453
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
454
|
-
var props = _objectSpread$
|
|
456
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
457
|
+
var props = _objectSpread$1a({
|
|
455
458
|
children: children,
|
|
456
459
|
className: clsx('utrecht-badge-counter', className)
|
|
457
460
|
}, restProps);
|
|
458
|
-
return typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
461
|
+
return typeof value !== 'undefined' ? jsx("data", _objectSpread$1a(_objectSpread$1a({}, props), {}, {
|
|
459
462
|
value: value,
|
|
460
463
|
ref: ref
|
|
461
|
-
})) : jsx("span", _objectSpread$
|
|
464
|
+
})) : jsx("span", _objectSpread$1a(_objectSpread$1a({}, props), {}, {
|
|
462
465
|
ref: ref
|
|
463
466
|
}));
|
|
464
467
|
});
|
|
465
468
|
BadgeCounter.displayName = 'BadgeCounter';
|
|
466
469
|
|
|
467
|
-
var css_248z$
|
|
468
|
-
styleInject(css_248z$
|
|
470
|
+
var css_248z$R = ".utrecht-badge-list{display:flex;flex-wrap:wrap;gap:var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline)}";
|
|
471
|
+
styleInject(css_248z$R);
|
|
469
472
|
|
|
470
|
-
var _excluded$
|
|
471
|
-
function ownKeys$
|
|
472
|
-
function _objectSpread$
|
|
473
|
+
var _excluded$19 = ["children", "className"];
|
|
474
|
+
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; }
|
|
475
|
+
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; }
|
|
473
476
|
var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
474
477
|
var children = _ref.children,
|
|
475
478
|
className = _ref.className,
|
|
476
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
477
|
-
return jsx("div", _objectSpread$
|
|
479
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
480
|
+
return jsx("div", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
478
481
|
ref: ref,
|
|
479
482
|
className: clsx('utrecht-badge-list', className),
|
|
480
483
|
children: children
|
|
@@ -482,12 +485,12 @@ var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
482
485
|
});
|
|
483
486
|
BadgeList.displayName = 'BadgeList';
|
|
484
487
|
|
|
485
|
-
var css_248z$
|
|
486
|
-
styleInject(css_248z$
|
|
488
|
+
var css_248z$Q = ".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)}";
|
|
489
|
+
styleInject(css_248z$Q);
|
|
487
490
|
|
|
488
|
-
var _excluded$
|
|
489
|
-
function ownKeys$
|
|
490
|
-
function _objectSpread$
|
|
491
|
+
var _excluded$18 = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
492
|
+
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; }
|
|
493
|
+
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; }
|
|
491
494
|
var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
492
495
|
var boxContent = _ref.boxContent,
|
|
493
496
|
children = _ref.children,
|
|
@@ -496,13 +499,13 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
496
499
|
href = _ref.href,
|
|
497
500
|
placeholder = _ref.placeholder,
|
|
498
501
|
role = _ref.role,
|
|
499
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
502
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
500
503
|
return (
|
|
501
504
|
// "utrecht-link--telephone" does not have a corresponding API,
|
|
502
505
|
// since it is primarily a basis for implementing input[href^="tel"].
|
|
503
506
|
// Telephone number rendering in React is best achieved using composition
|
|
504
507
|
// of the TelephoneValue component.
|
|
505
|
-
jsx("a", _objectSpread$
|
|
508
|
+
jsx("a", _objectSpread$18(_objectSpread$18({
|
|
506
509
|
href: placeholder ? undefined : href,
|
|
507
510
|
ref: ref,
|
|
508
511
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -520,9 +523,9 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
520
523
|
});
|
|
521
524
|
Link.displayName = 'Link';
|
|
522
525
|
|
|
523
|
-
var _excluded$
|
|
524
|
-
function ownKeys$
|
|
525
|
-
function _objectSpread$
|
|
526
|
+
var _excluded$17 = ["appearance", "children", "className", "headingLevel", "label"];
|
|
527
|
+
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; }
|
|
528
|
+
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; }
|
|
526
529
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
527
530
|
var prop = _ref.prop,
|
|
528
531
|
type = _ref.type;
|
|
@@ -544,9 +547,9 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
544
547
|
_ref2$headingLevel = _ref2.headingLevel,
|
|
545
548
|
headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
|
|
546
549
|
label = _ref2.label,
|
|
547
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
550
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$17);
|
|
548
551
|
var headingId = label ? useId() : undefined;
|
|
549
|
-
return jsxs("nav", _objectSpread$
|
|
552
|
+
return jsxs("nav", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
550
553
|
ref: ref,
|
|
551
554
|
className: clsx('utrecht-breadcrumb', {
|
|
552
555
|
'utrecht-breadcrumb--arrows': appearance === 'arrows'
|
|
@@ -558,7 +561,7 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
558
561
|
level: headingLevel,
|
|
559
562
|
"aria-hidden": "true",
|
|
560
563
|
children: label
|
|
561
|
-
}), jsx("ol", _objectSpread$
|
|
564
|
+
}), jsx("ol", _objectSpread$17(_objectSpread$17({
|
|
562
565
|
className: "utrecht-breadcrumb__list"
|
|
563
566
|
}, useMicrodataItem({
|
|
564
567
|
type: 'https://schema.org/BreadcrumbList'
|
|
@@ -574,24 +577,24 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
574
577
|
href = _ref3.href,
|
|
575
578
|
index = _ref3.index,
|
|
576
579
|
rel = _ref3.rel;
|
|
577
|
-
return jsx("li", _objectSpread$
|
|
580
|
+
return jsx("li", _objectSpread$17(_objectSpread$17({
|
|
578
581
|
className: "utrecht-breadcrumb__item"
|
|
579
582
|
}, useMicrodataItem({
|
|
580
583
|
type: 'https://schema.org/ListItem',
|
|
581
584
|
prop: 'itemListElement'
|
|
582
585
|
})), {}, {
|
|
583
|
-
children: jsxs(Link, _objectSpread$
|
|
586
|
+
children: jsxs(Link, _objectSpread$17(_objectSpread$17({
|
|
584
587
|
className: "utrecht-breadcrumb__link",
|
|
585
588
|
href: href,
|
|
586
589
|
rel: rel,
|
|
587
590
|
"aria-current": current && 'location'
|
|
588
591
|
}, useMicrodataProp('item')), {}, {
|
|
589
592
|
ref: ref,
|
|
590
|
-
children: [jsx("span", _objectSpread$
|
|
593
|
+
children: [jsx("span", _objectSpread$17(_objectSpread$17({
|
|
591
594
|
className: "utrecht-breadcrumb__text"
|
|
592
595
|
}, useMicrodataProp('name')), {}, {
|
|
593
596
|
children: children
|
|
594
|
-
})), typeof index === 'number' ? jsx("meta", _objectSpread$
|
|
597
|
+
})), typeof index === 'number' ? jsx("meta", _objectSpread$17(_objectSpread$17({}, useMicrodataProp('position')), {}, {
|
|
595
598
|
content: String(index + 1)
|
|
596
599
|
})) : null]
|
|
597
600
|
}))
|
|
@@ -599,20 +602,20 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
599
602
|
});
|
|
600
603
|
BreadcrumbLink.displayName = 'BreadcrumbLink';
|
|
601
604
|
|
|
602
|
-
var css_248z$O = ".utrecht-button{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-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);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-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button--pressed{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--disabled,.utrecht-button:disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button--active,.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus,.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button--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--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--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-subtle-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-danger-hover-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-ready-hover-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-warning-hover-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-danger-hover-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-ready-hover-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-warning-hover-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-danger-hover-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-ready-hover-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-warning-hover-color)}";
|
|
603
|
-
styleInject(css_248z$
|
|
605
|
+
var css_248z$P = ".utrecht-button{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-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);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-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button--pressed{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--disabled,.utrecht-button:disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button--active,.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus,.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button--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--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--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-subtle-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-danger-hover-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-ready-hover-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-warning-hover-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-danger-hover-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-ready-hover-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-warning-hover-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-danger-hover-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-ready-hover-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-warning-hover-color)}";
|
|
606
|
+
styleInject(css_248z$P);
|
|
604
607
|
|
|
605
|
-
var css_248z$
|
|
606
|
-
styleInject(css_248z$
|
|
608
|
+
var css_248z$O = ".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)}";
|
|
609
|
+
styleInject(css_248z$O);
|
|
607
610
|
|
|
608
|
-
var _excluded$
|
|
609
|
-
function ownKeys$
|
|
610
|
-
function _objectSpread$
|
|
611
|
+
var _excluded$16 = ["children", "className"];
|
|
612
|
+
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; }
|
|
613
|
+
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; }
|
|
611
614
|
var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
612
615
|
var children = _ref.children,
|
|
613
616
|
className = _ref.className,
|
|
614
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
615
|
-
return jsx("p", _objectSpread$
|
|
617
|
+
restProps = _objectWithoutProperties(_ref, _excluded$16);
|
|
618
|
+
return jsx("p", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
|
|
616
619
|
ref: ref,
|
|
617
620
|
className: clsx('utrecht-button-group', className),
|
|
618
621
|
children: children
|
|
@@ -620,12 +623,12 @@ var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
620
623
|
});
|
|
621
624
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
622
625
|
|
|
623
|
-
var css_248z$M = ".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)}";
|
|
624
|
-
styleInject(css_248z$
|
|
626
|
+
var css_248z$N = ".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)}";
|
|
627
|
+
styleInject(css_248z$N);
|
|
625
628
|
|
|
626
|
-
var _excluded$
|
|
627
|
-
function ownKeys$
|
|
628
|
-
function _objectSpread$
|
|
629
|
+
var _excluded$15 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
|
|
630
|
+
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; }
|
|
631
|
+
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; }
|
|
629
632
|
var onKeyDown = function onKeyDown(evt) {
|
|
630
633
|
var _evt$target;
|
|
631
634
|
if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
|
|
@@ -643,18 +646,18 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
643
646
|
href = _ref.href,
|
|
644
647
|
placeholder = _ref.placeholder,
|
|
645
648
|
role = _ref.role,
|
|
646
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
649
|
+
restProps = _objectWithoutProperties(_ref, _excluded$15);
|
|
647
650
|
var props = restProps;
|
|
648
651
|
if (role === 'button') {
|
|
649
652
|
// When this link is announced as button by accessibility tools,
|
|
650
653
|
// it should also behave like a button. Links are not activated
|
|
651
654
|
// using `Space`, so we need to implement that behaviour here
|
|
652
655
|
// to reach parity with the `button` element.
|
|
653
|
-
props = _objectSpread$
|
|
656
|
+
props = _objectSpread$15(_objectSpread$15({}, restProps), {}, {
|
|
654
657
|
onKeyDown: onKeyDown
|
|
655
658
|
});
|
|
656
659
|
}
|
|
657
|
-
return jsx("a", _objectSpread$
|
|
660
|
+
return jsx("a", _objectSpread$15(_objectSpread$15({
|
|
658
661
|
href: placeholder ? undefined : href,
|
|
659
662
|
ref: ref,
|
|
660
663
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -673,15 +676,438 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
673
676
|
});
|
|
674
677
|
ButtonLink.displayName = 'ButtonLink';
|
|
675
678
|
|
|
679
|
+
var css_248z$M = ".utrecht-calendar{background-color:var(--utrecht-calendar-background-color);width:var(--utrecht-calendar-width)}.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{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{--utrecht-heading-2-color:var(--utrecht-calendar-navigation-label-color);font-size:var(--utrecht-calendar-navigation-label-min-font-size);min-inline-size:var(--utrecht-calendar-navigation-label-min-inline-size);text-align:center}.utrecht-calendar__navigation-buttons{align-items:center;display:flex;justify-content:center}.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)}";
|
|
680
|
+
styleInject(css_248z$M);
|
|
681
|
+
|
|
682
|
+
var _excluded$14 = ["children"];
|
|
683
|
+
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; }
|
|
684
|
+
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; }
|
|
685
|
+
var CalendarNavigation = function CalendarNavigation(_ref) {
|
|
686
|
+
var children = _ref.children,
|
|
687
|
+
props = _objectWithoutProperties(_ref, _excluded$14);
|
|
688
|
+
return jsx("div", _objectSpread$14(_objectSpread$14({
|
|
689
|
+
className: "utrecht-calendar__navigation"
|
|
690
|
+
}, props), {}, {
|
|
691
|
+
children: children
|
|
692
|
+
}));
|
|
693
|
+
};
|
|
694
|
+
|
|
695
|
+
var _excluded$13 = ["children", "className"];
|
|
696
|
+
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; }
|
|
697
|
+
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; }
|
|
698
|
+
var CalendarButton = function CalendarButton(_ref) {
|
|
699
|
+
var children = _ref.children,
|
|
700
|
+
className = _ref.className,
|
|
701
|
+
props = _objectWithoutProperties(_ref, _excluded$13);
|
|
702
|
+
return jsx(Button, _objectSpread$13(_objectSpread$13({
|
|
703
|
+
appearance: "subtle-button"
|
|
704
|
+
}, props), {}, {
|
|
705
|
+
className: clsx$1('utrecht-calendar__button', className),
|
|
706
|
+
children: children
|
|
707
|
+
}));
|
|
708
|
+
};
|
|
709
|
+
|
|
710
|
+
var _excluded$12 = ["children"];
|
|
711
|
+
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; }
|
|
712
|
+
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; }
|
|
713
|
+
var CalendarIcon = function CalendarIcon(_ref) {
|
|
714
|
+
var children = _ref.children,
|
|
715
|
+
props = _objectWithoutProperties(_ref, _excluded$12);
|
|
716
|
+
return jsx("div", _objectSpread$12(_objectSpread$12({
|
|
717
|
+
className: clsx$1('utrecht-calendar__icon')
|
|
718
|
+
}, props), {}, {
|
|
719
|
+
children: children
|
|
720
|
+
}));
|
|
721
|
+
};
|
|
722
|
+
|
|
723
|
+
var _excluded$11 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
|
|
724
|
+
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; }
|
|
725
|
+
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; }
|
|
726
|
+
var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
727
|
+
var onPreviousClick = _ref.onPreviousClick,
|
|
728
|
+
onNextClick = _ref.onNextClick,
|
|
729
|
+
previousIcon = _ref.previousIcon,
|
|
730
|
+
nextIcon = _ref.nextIcon,
|
|
731
|
+
children = _ref.children,
|
|
732
|
+
props = _objectWithoutProperties(_ref, _excluded$11);
|
|
733
|
+
return jsxs("div", {
|
|
734
|
+
className: "utrecht-calendar__navigation-buttons",
|
|
735
|
+
children: [jsx(CalendarButton, _objectSpread$11(_objectSpread$11({
|
|
736
|
+
onClick: onPreviousClick
|
|
737
|
+
}, props), {}, {
|
|
738
|
+
children: jsx(CalendarIcon, {
|
|
739
|
+
children: previousIcon
|
|
740
|
+
})
|
|
741
|
+
})), children, jsx(CalendarButton, _objectSpread$11(_objectSpread$11({
|
|
742
|
+
onClick: onNextClick
|
|
743
|
+
}, props), {}, {
|
|
744
|
+
children: jsx(CalendarIcon, {
|
|
745
|
+
children: nextIcon
|
|
746
|
+
})
|
|
747
|
+
}))]
|
|
748
|
+
});
|
|
749
|
+
};
|
|
750
|
+
|
|
751
|
+
var _excluded$10 = ["children", "className"];
|
|
752
|
+
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; }
|
|
753
|
+
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; }
|
|
754
|
+
var Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
755
|
+
var children = _ref.children,
|
|
756
|
+
className = _ref.className,
|
|
757
|
+
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
758
|
+
return jsx("h2", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
|
|
759
|
+
ref: ref,
|
|
760
|
+
className: clsx('utrecht-heading-2', className),
|
|
761
|
+
children: children
|
|
762
|
+
}));
|
|
763
|
+
});
|
|
764
|
+
Heading2.displayName = 'Heading2';
|
|
765
|
+
|
|
766
|
+
var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
|
|
767
|
+
var label = _ref.label;
|
|
768
|
+
return jsx(Heading2, {
|
|
769
|
+
className: "utrecht-calendar__navigation-label",
|
|
770
|
+
children: label
|
|
771
|
+
});
|
|
772
|
+
};
|
|
773
|
+
|
|
774
|
+
var _excluded$$ = ["children"];
|
|
775
|
+
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; }
|
|
776
|
+
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; }
|
|
777
|
+
var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
|
|
778
|
+
var children = _ref.children,
|
|
779
|
+
props = _objectWithoutProperties(_ref, _excluded$$);
|
|
780
|
+
return jsx("tbody", _objectSpread$$(_objectSpread$$({}, props), {}, {
|
|
781
|
+
className: "utrecht-calendar__table-days-container",
|
|
782
|
+
children: children
|
|
783
|
+
}));
|
|
784
|
+
};
|
|
785
|
+
|
|
786
|
+
var _excluded$_ = ["children"];
|
|
787
|
+
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; }
|
|
788
|
+
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; }
|
|
789
|
+
var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
|
|
790
|
+
var children = _ref.children,
|
|
791
|
+
props = _objectWithoutProperties(_ref, _excluded$_);
|
|
792
|
+
return jsx("tr", _objectSpread$_(_objectSpread$_({}, props), {}, {
|
|
793
|
+
children: children
|
|
794
|
+
}));
|
|
795
|
+
};
|
|
796
|
+
|
|
797
|
+
var _excluded$Z = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
|
|
798
|
+
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; }
|
|
799
|
+
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; }
|
|
800
|
+
var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
801
|
+
var day = _ref.day,
|
|
802
|
+
dayOutOfTheMonth = _ref.dayOutOfTheMonth,
|
|
803
|
+
isToday = _ref.isToday,
|
|
804
|
+
emphasis = _ref.emphasis,
|
|
805
|
+
selected = _ref.selected,
|
|
806
|
+
disabled = _ref.disabled,
|
|
807
|
+
props = _objectWithoutProperties(_ref, _excluded$Z);
|
|
808
|
+
return jsx("td", {
|
|
809
|
+
children: jsx(CalendarButton, _objectSpread$Z(_objectSpread$Z({
|
|
810
|
+
className: clsx('utrecht-calendar__table-days-item-day', {
|
|
811
|
+
'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
|
|
812
|
+
}, {
|
|
813
|
+
'utrecht-calendar__table-days-item-day--is-today': isToday
|
|
814
|
+
}, {
|
|
815
|
+
'utrecht-calendar__table-days-item-day--emphasis': emphasis
|
|
816
|
+
}, {
|
|
817
|
+
'utrecht-calendar__table-days-item-day--selected': selected
|
|
818
|
+
}),
|
|
819
|
+
disabled: disabled
|
|
820
|
+
}, props), {}, {
|
|
821
|
+
children: day
|
|
822
|
+
}))
|
|
823
|
+
});
|
|
824
|
+
};
|
|
825
|
+
|
|
826
|
+
var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
|
|
827
|
+
var children = _ref.children;
|
|
828
|
+
return jsx("thead", {
|
|
829
|
+
className: "utrecht-calendar__table-weeks-container",
|
|
830
|
+
children: jsx("tr", {
|
|
831
|
+
className: "utrecht-calendar__table-weeks-container-content",
|
|
832
|
+
children: children
|
|
833
|
+
})
|
|
834
|
+
});
|
|
835
|
+
};
|
|
836
|
+
|
|
837
|
+
var _excluded$Y = ["children"];
|
|
838
|
+
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; }
|
|
839
|
+
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; }
|
|
840
|
+
var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
|
|
841
|
+
var children = _ref.children,
|
|
842
|
+
props = _objectWithoutProperties(_ref, _excluded$Y);
|
|
843
|
+
return jsx("th", _objectSpread$Y(_objectSpread$Y({}, props), {}, {
|
|
844
|
+
className: "utrecht-calendar__table-weeks-item",
|
|
845
|
+
children: children
|
|
846
|
+
}));
|
|
847
|
+
};
|
|
848
|
+
|
|
849
|
+
var _excluded$X = ["title", "titleId"];
|
|
850
|
+
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; }
|
|
851
|
+
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; }
|
|
852
|
+
var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
853
|
+
var title = _ref.title,
|
|
854
|
+
titleId = _ref.titleId,
|
|
855
|
+
props = _objectWithoutProperties(_ref, _excluded$X);
|
|
856
|
+
return jsxs("svg", _objectSpread$X(_objectSpread$X({
|
|
857
|
+
width: "100%",
|
|
858
|
+
height: "100%",
|
|
859
|
+
fill: "none",
|
|
860
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
861
|
+
"aria-labelledby": titleId
|
|
862
|
+
}, props), {}, {
|
|
863
|
+
children: [title ? jsx("title", {
|
|
864
|
+
id: titleId,
|
|
865
|
+
children: title
|
|
866
|
+
}) : null, jsx("path", {
|
|
867
|
+
d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41Z",
|
|
868
|
+
fill: "currentColor"
|
|
869
|
+
})]
|
|
870
|
+
}));
|
|
871
|
+
};
|
|
872
|
+
|
|
873
|
+
var _excluded$W = ["title", "titleId"];
|
|
874
|
+
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; }
|
|
875
|
+
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; }
|
|
876
|
+
var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
877
|
+
var title = _ref.title,
|
|
878
|
+
titleId = _ref.titleId,
|
|
879
|
+
props = _objectWithoutProperties(_ref, _excluded$W);
|
|
880
|
+
return jsxs("svg", _objectSpread$W(_objectSpread$W({
|
|
881
|
+
width: "100%",
|
|
882
|
+
height: "100%",
|
|
883
|
+
fill: "none",
|
|
884
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
885
|
+
"aria-labelledby": titleId
|
|
886
|
+
}, props), {}, {
|
|
887
|
+
children: [title ? jsx("title", {
|
|
888
|
+
id: titleId,
|
|
889
|
+
children: title
|
|
890
|
+
}) : null, jsx("path", {
|
|
891
|
+
d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6 6 6Z",
|
|
892
|
+
fill: "currentColor"
|
|
893
|
+
}), jsx("path", {
|
|
894
|
+
d: "m11 18 1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6 6 6Z",
|
|
895
|
+
fill: "currentColor"
|
|
896
|
+
})]
|
|
897
|
+
}));
|
|
898
|
+
};
|
|
899
|
+
|
|
900
|
+
var _excluded$V = ["title", "titleId"];
|
|
901
|
+
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; }
|
|
902
|
+
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; }
|
|
903
|
+
var IconArrowRight = function IconArrowRight(_ref) {
|
|
904
|
+
var title = _ref.title,
|
|
905
|
+
titleId = _ref.titleId,
|
|
906
|
+
props = _objectWithoutProperties(_ref, _excluded$V);
|
|
907
|
+
return jsxs("svg", _objectSpread$V(_objectSpread$V({
|
|
908
|
+
width: "100%",
|
|
909
|
+
height: "100%",
|
|
910
|
+
fill: "none",
|
|
911
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
912
|
+
"aria-labelledby": titleId
|
|
913
|
+
}, props), {}, {
|
|
914
|
+
children: [title ? jsx("title", {
|
|
915
|
+
id: titleId,
|
|
916
|
+
children: title
|
|
917
|
+
}) : null, jsx("path", {
|
|
918
|
+
d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41Z",
|
|
919
|
+
fill: "currentColor"
|
|
920
|
+
})]
|
|
921
|
+
}));
|
|
922
|
+
};
|
|
923
|
+
|
|
924
|
+
var _excluded$U = ["title", "titleId"];
|
|
925
|
+
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; }
|
|
926
|
+
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; }
|
|
927
|
+
var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
|
|
928
|
+
var title = _ref.title,
|
|
929
|
+
titleId = _ref.titleId,
|
|
930
|
+
props = _objectWithoutProperties(_ref, _excluded$U);
|
|
931
|
+
return jsxs("svg", _objectSpread$U(_objectSpread$U({
|
|
932
|
+
fill: "none",
|
|
933
|
+
width: "100%",
|
|
934
|
+
height: "100%",
|
|
935
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
936
|
+
"aria-labelledby": titleId
|
|
937
|
+
}, props), {}, {
|
|
938
|
+
children: [title ? jsx("title", {
|
|
939
|
+
id: titleId,
|
|
940
|
+
children: title
|
|
941
|
+
}) : null, jsx("path", {
|
|
942
|
+
d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6-6-6Z",
|
|
943
|
+
fill: "currentColor"
|
|
944
|
+
}), jsx("path", {
|
|
945
|
+
d: "m13 6-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6-6-6Z",
|
|
946
|
+
fill: "currentColor"
|
|
947
|
+
})]
|
|
948
|
+
}));
|
|
949
|
+
};
|
|
950
|
+
|
|
951
|
+
function createCalendar(today) {
|
|
952
|
+
var start = startOfWeek(startOfMonth(today), {
|
|
953
|
+
weekStartsOn: 1 /* Monday */
|
|
954
|
+
});
|
|
955
|
+
|
|
956
|
+
var end = endOfWeek(addWeeks(start, 5), {
|
|
957
|
+
weekStartsOn: 1 /* Monday */
|
|
958
|
+
});
|
|
959
|
+
|
|
960
|
+
return eachDayOfInterval({
|
|
961
|
+
start: start,
|
|
962
|
+
end: end
|
|
963
|
+
});
|
|
964
|
+
}
|
|
965
|
+
/**
|
|
966
|
+
* Calendar Component
|
|
967
|
+
* powered by date-fns, so that make it easy to use the `date-fns` date functions & locale
|
|
968
|
+
* */
|
|
969
|
+
var Calendar = function Calendar(_ref) {
|
|
970
|
+
var onCalendarClick = _ref.onCalendarClick,
|
|
971
|
+
events = _ref.events,
|
|
972
|
+
currentDate = _ref.currentDate,
|
|
973
|
+
_ref$locale = _ref.locale,
|
|
974
|
+
locale = _ref$locale === void 0 ? enUS : _ref$locale,
|
|
975
|
+
_ref$previousYearButt = _ref.previousYearButtonTitle,
|
|
976
|
+
previousYearButtonTitle = _ref$previousYearButt === void 0 ? 'Previous year' : _ref$previousYearButt,
|
|
977
|
+
_ref$nextYearButtonTi = _ref.nextYearButtonTitle,
|
|
978
|
+
nextYearButtonTitle = _ref$nextYearButtonTi === void 0 ? 'Next year' : _ref$nextYearButtonTi,
|
|
979
|
+
_ref$previousMonthBut = _ref.previousMonthButtonTitle,
|
|
980
|
+
previousMonthButtonTitle = _ref$previousMonthBut === void 0 ? 'Previous month' : _ref$previousMonthBut,
|
|
981
|
+
_ref$nextMonthButtonT = _ref.nextMonthButtonTitle,
|
|
982
|
+
nextMonthButtonTitle = _ref$nextMonthButtonT === void 0 ? 'Next month' : _ref$nextMonthButtonT;
|
|
983
|
+
var _useState = useState(currentDate || new Date()),
|
|
984
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
985
|
+
date = _useState2[0],
|
|
986
|
+
setDate$1 = _useState2[1];
|
|
987
|
+
var calendar = createCalendar(date);
|
|
988
|
+
var start = startOfWeek(date, {
|
|
989
|
+
weekStartsOn: 1
|
|
990
|
+
});
|
|
991
|
+
var end = endOfWeek(date, {
|
|
992
|
+
weekStartsOn: 1
|
|
993
|
+
});
|
|
994
|
+
var currentWeek = eachDayOfInterval({
|
|
995
|
+
start: start,
|
|
996
|
+
end: end
|
|
997
|
+
}).map(function (day) {
|
|
998
|
+
return day;
|
|
999
|
+
});
|
|
1000
|
+
var chunksWeeks = chunk(calendar, calendar.length / 6);
|
|
1001
|
+
var weeks = chunksWeeks.map(function (week) {
|
|
1002
|
+
return week.map(function (date) {
|
|
1003
|
+
var currentEvent = events && events.length > 0 && events.find(function (e) {
|
|
1004
|
+
return isSameDay(endOfDay(parseISO(e.date)), date);
|
|
1005
|
+
});
|
|
1006
|
+
if (currentEvent) {
|
|
1007
|
+
return {
|
|
1008
|
+
date: date,
|
|
1009
|
+
emphasis: currentEvent.emphasis,
|
|
1010
|
+
selected: currentEvent.selected,
|
|
1011
|
+
disabled: currentEvent.disabled
|
|
1012
|
+
};
|
|
1013
|
+
} else {
|
|
1014
|
+
return {
|
|
1015
|
+
date: date,
|
|
1016
|
+
emphasis: false,
|
|
1017
|
+
selected: false,
|
|
1018
|
+
disabled: false
|
|
1019
|
+
};
|
|
1020
|
+
}
|
|
1021
|
+
});
|
|
1022
|
+
});
|
|
1023
|
+
return jsxs("div", {
|
|
1024
|
+
className: "utrecht-calendar",
|
|
1025
|
+
children: [jsx(CalendarNavigation, {
|
|
1026
|
+
children: jsx(CalendarNavigationButtons, {
|
|
1027
|
+
previousIcon: jsx(IconArrowLeftDouble, {
|
|
1028
|
+
title: previousYearButtonTitle
|
|
1029
|
+
}),
|
|
1030
|
+
nextIcon: jsx(IconArrowRightDouble, {
|
|
1031
|
+
title: nextYearButtonTitle
|
|
1032
|
+
}),
|
|
1033
|
+
onPreviousClick: function onPreviousClick() {
|
|
1034
|
+
return setDate$1(setYear(date, getYear(date) - 1));
|
|
1035
|
+
},
|
|
1036
|
+
onNextClick: function onNextClick() {
|
|
1037
|
+
return setDate$1(addYears(date, 1));
|
|
1038
|
+
},
|
|
1039
|
+
children: jsx(CalendarNavigationButtons, {
|
|
1040
|
+
previousIcon: jsx(IconArrowLeft, {
|
|
1041
|
+
title: previousMonthButtonTitle
|
|
1042
|
+
}),
|
|
1043
|
+
nextIcon: jsx(IconArrowRight, {
|
|
1044
|
+
title: nextMonthButtonTitle
|
|
1045
|
+
}),
|
|
1046
|
+
onPreviousClick: function onPreviousClick() {
|
|
1047
|
+
return setDate$1(setMonth(date, date.getMonth() - 1));
|
|
1048
|
+
},
|
|
1049
|
+
onNextClick: function onNextClick() {
|
|
1050
|
+
return setDate$1(addMonths(date, 1));
|
|
1051
|
+
},
|
|
1052
|
+
children: jsx(CalendarNavigationLabel, {
|
|
1053
|
+
label: format(date, 'LLLL Y', {
|
|
1054
|
+
locale: locale
|
|
1055
|
+
})
|
|
1056
|
+
})
|
|
1057
|
+
})
|
|
1058
|
+
})
|
|
1059
|
+
}), jsxs("table", {
|
|
1060
|
+
className: "utrecht-calendar__table",
|
|
1061
|
+
role: "grid",
|
|
1062
|
+
children: [jsx(CalendarTableWeeksContainer, {
|
|
1063
|
+
children: currentWeek && currentWeek.length > 0 && currentWeek.map(function (day, index) {
|
|
1064
|
+
return jsx(CalendarTableWeeksItem, {
|
|
1065
|
+
scope: "col",
|
|
1066
|
+
abbr: format(day, 'EEEE', {
|
|
1067
|
+
locale: locale
|
|
1068
|
+
}),
|
|
1069
|
+
children: format(day, 'EEEEEE', {
|
|
1070
|
+
locale: locale
|
|
1071
|
+
})
|
|
1072
|
+
}, index);
|
|
1073
|
+
})
|
|
1074
|
+
}), jsx(CalendarTableDaysContainer, {
|
|
1075
|
+
children: weeks && weeks.length > 0 && weeks.map(function (week, index) {
|
|
1076
|
+
return jsx(CalendarTableDaysItem, {
|
|
1077
|
+
children: week.map(function (day, index) {
|
|
1078
|
+
return jsx(CalendarTableDaysItemDay, {
|
|
1079
|
+
isToday: isSameDay(date, day.date),
|
|
1080
|
+
dayOutOfTheMonth: !isSameMonth(day.date, date),
|
|
1081
|
+
onClick: function onClick(event) {
|
|
1082
|
+
var selectedDay = setDate(date, Number(event.target.textContent));
|
|
1083
|
+
setDate$1(selectedDay);
|
|
1084
|
+
onCalendarClick(formatISO(selectedDay));
|
|
1085
|
+
},
|
|
1086
|
+
"aria-label": format(day.date, 'eeee dd LLLL Y', {
|
|
1087
|
+
locale: locale
|
|
1088
|
+
}),
|
|
1089
|
+
day: day.date.getDate().toString(),
|
|
1090
|
+
emphasis: day.emphasis,
|
|
1091
|
+
selected: day.selected,
|
|
1092
|
+
disabled: day.disabled
|
|
1093
|
+
}, index);
|
|
1094
|
+
})
|
|
1095
|
+
}, index);
|
|
1096
|
+
})
|
|
1097
|
+
})]
|
|
1098
|
+
})]
|
|
1099
|
+
});
|
|
1100
|
+
};
|
|
1101
|
+
|
|
676
1102
|
var css_248z$L = ".utrecht-checkbox{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--html-input:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
|
|
677
1103
|
styleInject(css_248z$L);
|
|
678
1104
|
|
|
679
1105
|
var css_248z$K = ".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))}";
|
|
680
1106
|
styleInject(css_248z$K);
|
|
681
1107
|
|
|
682
|
-
var _excluded$
|
|
683
|
-
function ownKeys$
|
|
684
|
-
function _objectSpread$
|
|
1108
|
+
var _excluded$T = ["appearance", "disabled", "invalid", "required", "className"];
|
|
1109
|
+
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; }
|
|
1110
|
+
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; }
|
|
685
1111
|
var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
686
1112
|
var _ref$appearance = _ref.appearance,
|
|
687
1113
|
appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
|
|
@@ -689,8 +1115,8 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
689
1115
|
invalid = _ref.invalid,
|
|
690
1116
|
required = _ref.required,
|
|
691
1117
|
className = _ref.className,
|
|
692
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
693
|
-
return jsx("input", _objectSpread$
|
|
1118
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1119
|
+
return jsx("input", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
694
1120
|
ref: ref,
|
|
695
1121
|
type: "checkbox",
|
|
696
1122
|
className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
|
|
@@ -709,14 +1135,14 @@ Checkbox.displayName = 'Checkbox';
|
|
|
709
1135
|
var css_248z$J = ".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)}";
|
|
710
1136
|
styleInject(css_248z$J);
|
|
711
1137
|
|
|
712
|
-
var _excluded$
|
|
713
|
-
function ownKeys$
|
|
714
|
-
function _objectSpread$
|
|
1138
|
+
var _excluded$S = ["children", "className"];
|
|
1139
|
+
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; }
|
|
1140
|
+
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; }
|
|
715
1141
|
var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
716
1142
|
var children = _ref.children,
|
|
717
1143
|
className = _ref.className,
|
|
718
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
719
|
-
return jsx("code", _objectSpread$
|
|
1144
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1145
|
+
return jsx("code", _objectSpread$S(_objectSpread$S({
|
|
720
1146
|
ref: ref,
|
|
721
1147
|
className: clsx('utrecht-code', className)
|
|
722
1148
|
}, restProps), {}, {
|
|
@@ -728,14 +1154,14 @@ Code.displayName = 'Code';
|
|
|
728
1154
|
var css_248z$I = ".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}";
|
|
729
1155
|
styleInject(css_248z$I);
|
|
730
1156
|
|
|
731
|
-
var _excluded$
|
|
732
|
-
function ownKeys$
|
|
733
|
-
function _objectSpread$
|
|
1157
|
+
var _excluded$R = ["children", "className"];
|
|
1158
|
+
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; }
|
|
1159
|
+
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; }
|
|
734
1160
|
var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
735
1161
|
var children = _ref.children,
|
|
736
1162
|
className = _ref.className,
|
|
737
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
738
|
-
return jsx("pre", _objectSpread$
|
|
1163
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1164
|
+
return jsx("pre", _objectSpread$R(_objectSpread$R({
|
|
739
1165
|
ref: ref,
|
|
740
1166
|
className: clsx('utrecht-code-block', className)
|
|
741
1167
|
}, restProps), {}, {
|
|
@@ -750,19 +1176,19 @@ CodeBlock.displayName = 'CodeBlock';
|
|
|
750
1176
|
var css_248z$H = ".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)}}";
|
|
751
1177
|
styleInject(css_248z$H);
|
|
752
1178
|
|
|
753
|
-
var _excluded$
|
|
754
|
-
function ownKeys$
|
|
755
|
-
function _objectSpread$
|
|
1179
|
+
var _excluded$Q = ["children", "className", "color", "style"];
|
|
1180
|
+
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; }
|
|
1181
|
+
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; }
|
|
756
1182
|
var ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
757
1183
|
var children = _ref.children,
|
|
758
1184
|
className = _ref.className,
|
|
759
1185
|
color = _ref.color,
|
|
760
1186
|
style = _ref.style,
|
|
761
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
762
|
-
return jsx("data", _objectSpread$
|
|
1187
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1188
|
+
return jsx("data", _objectSpread$Q(_objectSpread$Q({
|
|
763
1189
|
ref: ref,
|
|
764
1190
|
className: clsx('utrecht-color-sample', className),
|
|
765
|
-
style: _objectSpread$
|
|
1191
|
+
style: _objectSpread$Q(_objectSpread$Q({}, style), {}, {
|
|
766
1192
|
color: color
|
|
767
1193
|
}),
|
|
768
1194
|
value: color
|
|
@@ -775,26 +1201,26 @@ ColorSample.displayName = 'ColorSample';
|
|
|
775
1201
|
var css_248z$G = ".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)}";
|
|
776
1202
|
styleInject(css_248z$G);
|
|
777
1203
|
|
|
778
|
-
var _excluded$
|
|
779
|
-
function ownKeys$
|
|
780
|
-
function _objectSpread$
|
|
1204
|
+
var _excluded$P = ["children", "className", "dateTime", "value"];
|
|
1205
|
+
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; }
|
|
1206
|
+
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; }
|
|
781
1207
|
var DataBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
782
1208
|
var children = _ref.children,
|
|
783
1209
|
className = _ref.className,
|
|
784
1210
|
dateTime = _ref.dateTime,
|
|
785
1211
|
value = _ref.value,
|
|
786
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
787
|
-
var props = _objectSpread$
|
|
1212
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1213
|
+
var props = _objectSpread$P({
|
|
788
1214
|
children: children,
|
|
789
1215
|
className: clsx('utrecht-badge-data', className)
|
|
790
1216
|
}, restProps);
|
|
791
|
-
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$
|
|
1217
|
+
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$P(_objectSpread$P({}, props), {}, {
|
|
792
1218
|
dateTime: dateTime,
|
|
793
1219
|
ref: ref
|
|
794
|
-
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
1220
|
+
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$P(_objectSpread$P({}, props), {}, {
|
|
795
1221
|
value: value,
|
|
796
1222
|
ref: ref
|
|
797
|
-
})) : jsx("span", _objectSpread$
|
|
1223
|
+
})) : jsx("span", _objectSpread$P(_objectSpread$P({}, props), {}, {
|
|
798
1224
|
ref: ref
|
|
799
1225
|
}));
|
|
800
1226
|
});
|
|
@@ -803,14 +1229,14 @@ DataBadge.displayName = 'DataBadge';
|
|
|
803
1229
|
var css_248z$F = ".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)}";
|
|
804
1230
|
styleInject(css_248z$F);
|
|
805
1231
|
|
|
806
|
-
var _excluded$
|
|
807
|
-
function ownKeys$
|
|
808
|
-
function _objectSpread$
|
|
1232
|
+
var _excluded$O = ["children", "className"];
|
|
1233
|
+
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; }
|
|
1234
|
+
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; }
|
|
809
1235
|
var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
810
1236
|
var children = _ref.children,
|
|
811
1237
|
className = _ref.className,
|
|
812
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
813
|
-
return jsx("div", _objectSpread$
|
|
1238
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
1239
|
+
return jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
|
|
814
1240
|
ref: ref,
|
|
815
1241
|
className: clsx('utrecht-document', className),
|
|
816
1242
|
children: children
|
|
@@ -821,18 +1247,18 @@ Document.displayName = 'Document';
|
|
|
821
1247
|
var css_248z$E = ".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)}";
|
|
822
1248
|
styleInject(css_248z$E);
|
|
823
1249
|
|
|
824
|
-
var _excluded$
|
|
1250
|
+
var _excluded$N = ["appearance", "children", "className"],
|
|
825
1251
|
_excluded2$3 = ["children", "className"],
|
|
826
1252
|
_excluded3 = ["children", "className"],
|
|
827
1253
|
_excluded4 = ["children", "className"];
|
|
828
|
-
function ownKeys$
|
|
829
|
-
function _objectSpread$
|
|
1254
|
+
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; }
|
|
1255
|
+
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; }
|
|
830
1256
|
var DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
831
1257
|
var appearance = _ref.appearance,
|
|
832
1258
|
children = _ref.children,
|
|
833
1259
|
className = _ref.className,
|
|
834
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
835
|
-
return jsx("dl", _objectSpread$
|
|
1260
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
1261
|
+
return jsx("dl", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
836
1262
|
className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
|
|
837
1263
|
ref: ref,
|
|
838
1264
|
children: children
|
|
@@ -843,7 +1269,7 @@ var DataListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
843
1269
|
var children = _ref2.children,
|
|
844
1270
|
className = _ref2.className,
|
|
845
1271
|
restProps = _objectWithoutProperties(_ref2, _excluded2$3);
|
|
846
|
-
return jsx("div", _objectSpread$
|
|
1272
|
+
return jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
847
1273
|
className: clsx('utrecht-data-list__item', className),
|
|
848
1274
|
ref: ref,
|
|
849
1275
|
children: children
|
|
@@ -854,7 +1280,7 @@ var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
854
1280
|
var children = _ref3.children,
|
|
855
1281
|
className = _ref3.className,
|
|
856
1282
|
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
857
|
-
return jsx("dt", _objectSpread$
|
|
1283
|
+
return jsx("dt", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
858
1284
|
className: clsx('utrecht-data-list__item-key', className),
|
|
859
1285
|
ref: ref,
|
|
860
1286
|
children: children
|
|
@@ -884,7 +1310,7 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
884
1310
|
var children = _ref5.children,
|
|
885
1311
|
className = _ref5.className,
|
|
886
1312
|
restProps = _objectWithoutProperties(_ref5, _excluded4);
|
|
887
|
-
return jsx("dd", _objectSpread$
|
|
1313
|
+
return jsx("dd", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
888
1314
|
className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
|
|
889
1315
|
ref: ref,
|
|
890
1316
|
children: children
|
|
@@ -895,14 +1321,14 @@ DataListActions.displayName = 'DataListActions';
|
|
|
895
1321
|
var css_248z$D = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}";
|
|
896
1322
|
styleInject(css_248z$D);
|
|
897
1323
|
|
|
898
|
-
var _excluded$
|
|
899
|
-
function ownKeys$
|
|
900
|
-
function _objectSpread$
|
|
1324
|
+
var _excluded$M = ["children", "className"];
|
|
1325
|
+
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; }
|
|
1326
|
+
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; }
|
|
901
1327
|
var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
902
1328
|
var children = _ref.children,
|
|
903
1329
|
className = _ref.className,
|
|
904
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
905
|
-
return jsx("em", _objectSpread$
|
|
1330
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1331
|
+
return jsx("em", _objectSpread$M(_objectSpread$M({
|
|
906
1332
|
ref: ref,
|
|
907
1333
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
908
1334
|
}, restProps), {}, {
|
|
@@ -914,10 +1340,10 @@ Emphasis.displayName = 'Emphasis';
|
|
|
914
1340
|
var css_248z$C = ".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))}";
|
|
915
1341
|
styleInject(css_248z$C);
|
|
916
1342
|
|
|
917
|
-
var _excluded$
|
|
1343
|
+
var _excluded$L = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
|
|
918
1344
|
_excluded2$2 = ["className", "children", "disabled", "invalid"];
|
|
919
|
-
function ownKeys$
|
|
920
|
-
function _objectSpread$
|
|
1345
|
+
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; }
|
|
1346
|
+
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; }
|
|
921
1347
|
var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
922
1348
|
var ariaDescribedby = _ref['aria-describedby'],
|
|
923
1349
|
ariaLabel = _ref['aria-label'],
|
|
@@ -929,8 +1355,8 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
929
1355
|
invalid = _ref.invalid,
|
|
930
1356
|
name = _ref.name,
|
|
931
1357
|
role = _ref.role,
|
|
932
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
933
|
-
return jsx("div", _objectSpread$
|
|
1358
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1359
|
+
return jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
934
1360
|
ref: ref,
|
|
935
1361
|
className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
|
|
936
1362
|
children: jsx("fieldset", {
|
|
@@ -954,7 +1380,7 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
954
1380
|
disabled = _ref2.disabled,
|
|
955
1381
|
invalid = _ref2.invalid,
|
|
956
1382
|
restProps = _objectWithoutProperties(_ref2, _excluded2$2);
|
|
957
|
-
return jsx("fieldset", _objectSpread$
|
|
1383
|
+
return jsx("fieldset", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
958
1384
|
ref: ref,
|
|
959
1385
|
"aria-invalid": invalid || undefined,
|
|
960
1386
|
disabled: disabled,
|
|
@@ -964,14 +1390,14 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
964
1390
|
});
|
|
965
1391
|
FieldsetOnly.displayName = 'Fieldset';
|
|
966
1392
|
|
|
967
|
-
var _excluded$
|
|
968
|
-
function ownKeys$
|
|
969
|
-
function _objectSpread$
|
|
1393
|
+
var _excluded$K = ["className", "children"];
|
|
1394
|
+
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; }
|
|
1395
|
+
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; }
|
|
970
1396
|
var FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
971
1397
|
var className = _ref.className,
|
|
972
1398
|
children = _ref.children,
|
|
973
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
974
|
-
return jsx("legend", _objectSpread$
|
|
1399
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
1400
|
+
return jsx("legend", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
975
1401
|
ref: ref,
|
|
976
1402
|
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
|
|
977
1403
|
children: children
|
|
@@ -982,14 +1408,14 @@ FieldsetLegend.displayName = 'FieldsetLegend';
|
|
|
982
1408
|
var css_248z$B = ".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)}";
|
|
983
1409
|
styleInject(css_248z$B);
|
|
984
1410
|
|
|
985
|
-
var _excluded$
|
|
986
|
-
function ownKeys$
|
|
987
|
-
function _objectSpread$
|
|
1411
|
+
var _excluded$J = ["className", "children"];
|
|
1412
|
+
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; }
|
|
1413
|
+
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; }
|
|
988
1414
|
var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
989
1415
|
var className = _ref.className,
|
|
990
1416
|
children = _ref.children,
|
|
991
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
992
|
-
return jsx("figure", _objectSpread$
|
|
1417
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
1418
|
+
return jsx("figure", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
993
1419
|
ref: ref,
|
|
994
1420
|
className: clsx('utrecht-figure', className),
|
|
995
1421
|
children: children
|
|
@@ -997,14 +1423,14 @@ var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
997
1423
|
});
|
|
998
1424
|
Figure.displayName = 'Figure';
|
|
999
1425
|
|
|
1000
|
-
var _excluded$
|
|
1001
|
-
function ownKeys$
|
|
1002
|
-
function _objectSpread$
|
|
1426
|
+
var _excluded$I = ["className", "children"];
|
|
1427
|
+
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; }
|
|
1428
|
+
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; }
|
|
1003
1429
|
var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1004
1430
|
var className = _ref.className,
|
|
1005
1431
|
children = _ref.children,
|
|
1006
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1007
|
-
return jsx("figcaption", _objectSpread$
|
|
1432
|
+
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
1433
|
+
return jsx("figcaption", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
|
|
1008
1434
|
ref: ref,
|
|
1009
1435
|
className: clsx('utrecht-figure__caption', className),
|
|
1010
1436
|
children: children
|
|
@@ -1015,16 +1441,16 @@ FigureCaption.displayName = 'FigureCaption';
|
|
|
1015
1441
|
var css_248z$A = ".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}";
|
|
1016
1442
|
styleInject(css_248z$A);
|
|
1017
1443
|
|
|
1018
|
-
var _excluded$
|
|
1019
|
-
function ownKeys$
|
|
1020
|
-
function _objectSpread$
|
|
1444
|
+
var _excluded$H = ["className", "children", "invalid", "type"];
|
|
1445
|
+
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; }
|
|
1446
|
+
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; }
|
|
1021
1447
|
var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1022
1448
|
var className = _ref.className,
|
|
1023
1449
|
children = _ref.children,
|
|
1024
1450
|
invalid = _ref.invalid,
|
|
1025
1451
|
type = _ref.type,
|
|
1026
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1027
|
-
return jsx("div", _objectSpread$
|
|
1452
|
+
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
1453
|
+
return jsx("div", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
|
|
1028
1454
|
ref: ref,
|
|
1029
1455
|
className: clsx('utrecht-form-field', {
|
|
1030
1456
|
'utrecht-form-field--invalid': invalid,
|
|
@@ -1040,17 +1466,17 @@ FormField.displayName = 'FormField';
|
|
|
1040
1466
|
var css_248z$z = ".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))}";
|
|
1041
1467
|
styleInject(css_248z$z);
|
|
1042
1468
|
|
|
1043
|
-
var _excluded$
|
|
1044
|
-
function ownKeys$
|
|
1045
|
-
function _objectSpread$
|
|
1469
|
+
var _excluded$G = ["invalid", "valid", "warning", "className", "children"];
|
|
1470
|
+
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; }
|
|
1471
|
+
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; }
|
|
1046
1472
|
var FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1047
1473
|
var invalid = _ref.invalid,
|
|
1048
1474
|
valid = _ref.valid,
|
|
1049
1475
|
warning = _ref.warning,
|
|
1050
1476
|
className = _ref.className,
|
|
1051
1477
|
children = _ref.children,
|
|
1052
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1053
|
-
return jsx("div", _objectSpread$
|
|
1478
|
+
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
1479
|
+
return jsx("div", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
1054
1480
|
ref: ref,
|
|
1055
1481
|
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),
|
|
1056
1482
|
children: children
|
|
@@ -1061,17 +1487,17 @@ FormFieldDescription.displayName = 'FormFieldDescription';
|
|
|
1061
1487
|
var css_248z$y = ".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))}";
|
|
1062
1488
|
styleInject(css_248z$y);
|
|
1063
1489
|
|
|
1064
|
-
var _excluded$
|
|
1065
|
-
function ownKeys$
|
|
1066
|
-
function _objectSpread$
|
|
1490
|
+
var _excluded$F = ["children", "className", "type", "disabled", "checked"];
|
|
1491
|
+
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; }
|
|
1492
|
+
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; }
|
|
1067
1493
|
var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1068
1494
|
var children = _ref.children,
|
|
1069
1495
|
className = _ref.className,
|
|
1070
1496
|
type = _ref.type,
|
|
1071
1497
|
disabled = _ref.disabled,
|
|
1072
1498
|
checked = _ref.checked,
|
|
1073
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1074
|
-
return jsx("label", _objectSpread$
|
|
1499
|
+
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
1500
|
+
return jsx("label", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
|
|
1075
1501
|
ref: ref,
|
|
1076
1502
|
className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
|
|
1077
1503
|
children: children
|
|
@@ -1082,14 +1508,14 @@ FormLabel.displayName = 'FormLabel';
|
|
|
1082
1508
|
var css_248z$x = "@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:\"●\"}";
|
|
1083
1509
|
styleInject(css_248z$x);
|
|
1084
1510
|
|
|
1085
|
-
var _excluded$
|
|
1086
|
-
function ownKeys$
|
|
1087
|
-
function _objectSpread$
|
|
1511
|
+
var _excluded$E = ["children", "className"];
|
|
1512
|
+
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; }
|
|
1513
|
+
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; }
|
|
1088
1514
|
var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1089
1515
|
var children = _ref.children,
|
|
1090
1516
|
className = _ref.className,
|
|
1091
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1092
|
-
return jsx("div", _objectSpread$
|
|
1517
|
+
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
1518
|
+
return jsx("div", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
|
|
1093
1519
|
ref: ref,
|
|
1094
1520
|
className: clsx('utrecht-html', className),
|
|
1095
1521
|
children: children
|
|
@@ -1115,35 +1541,20 @@ styleInject(css_248z$s);
|
|
|
1115
1541
|
var css_248z$r = ".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}";
|
|
1116
1542
|
styleInject(css_248z$r);
|
|
1117
1543
|
|
|
1118
|
-
var _excluded$E = ["children", "className"];
|
|
1119
|
-
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; }
|
|
1120
|
-
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; }
|
|
1121
|
-
var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1122
|
-
var children = _ref.children,
|
|
1123
|
-
className = _ref.className,
|
|
1124
|
-
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
1125
|
-
return jsx("h1", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
|
|
1126
|
-
ref: ref,
|
|
1127
|
-
className: clsx('utrecht-heading-1', className),
|
|
1128
|
-
children: children
|
|
1129
|
-
}));
|
|
1130
|
-
});
|
|
1131
|
-
Heading1.displayName = 'Heading1';
|
|
1132
|
-
|
|
1133
1544
|
var _excluded$D = ["children", "className"];
|
|
1134
1545
|
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; }
|
|
1135
1546
|
function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1136
|
-
var
|
|
1547
|
+
var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1137
1548
|
var children = _ref.children,
|
|
1138
1549
|
className = _ref.className,
|
|
1139
1550
|
restProps = _objectWithoutProperties(_ref, _excluded$D);
|
|
1140
|
-
return jsx("
|
|
1551
|
+
return jsx("h1", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
|
|
1141
1552
|
ref: ref,
|
|
1142
|
-
className: clsx('utrecht-heading-
|
|
1553
|
+
className: clsx('utrecht-heading-1', className),
|
|
1143
1554
|
children: children
|
|
1144
1555
|
}));
|
|
1145
1556
|
});
|
|
1146
|
-
|
|
1557
|
+
Heading1.displayName = 'Heading1';
|
|
1147
1558
|
|
|
1148
1559
|
var _excluded$C = ["children", "className"];
|
|
1149
1560
|
function ownKeys$C(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; }
|
|
@@ -1927,5 +2338,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1927
2338
|
});
|
|
1928
2339
|
UnorderedListItem.displayName = 'UnorderedListItem';
|
|
1929
2340
|
|
|
1930
|
-
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbLink, BreadcrumbNav, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, Icon, Image, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Mark, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
|
|
2341
|
+
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbLink, BreadcrumbNav, Button, ButtonGroup, ButtonLink, Calendar, Checkbox, Code, CodeBlock, ColorSample, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, Icon, Image, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Mark, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
|
|
1931
2342
|
//# sourceMappingURL=index.mjs.map
|