@utrecht/component-library-react 1.0.0-alpha.292 → 1.0.0-alpha.294
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.jest-test-results.json +1 -1
- package/dist/Calendar/CalendarNavigationLabel.d.ts +2 -4
- package/dist/css-module/Calendar/CalendarNavigationLabel.d.ts +2 -4
- package/dist/css-module/index.d.ts +1 -0
- package/dist/css-module/index.js +263 -258
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +269 -264
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +402 -381
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +408 -388
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
|
@@ -6,7 +6,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
6
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,
|
|
9
|
+
import { startOfWeek, endOfWeek, eachDayOfInterval, isSameDay, endOfDay, parseISO, setYear, getYear, addYears, setMonth, addMonths, format, isSameMonth, formatISO, startOfMonth, addWeeks } from 'date-fns';
|
|
10
10
|
import { enUS } from 'date-fns/locale';
|
|
11
11
|
import chunk from 'lodash.chunk';
|
|
12
12
|
|
|
@@ -40,9 +40,9 @@ function styleInject(css, ref) {
|
|
|
40
40
|
var css_248z$Y = ".utrecht-accordion__button{--utrecht-button-focus-scale:1;--utrecht-button-hover-scale:1;--utrecht-button-inline-size:100%;--utrecht-button-subtle-background-color:var(--utrecht-accordion-button-background-color);--utrecht-button-subtle-color:var(--utrecht-accordion-button-color);--utrecht-button-subtle-hover-background-color:var(--utrecht-accordion-button-hover-background-color);--utrecht-button-subtle-hover-border-color:var(--utrecht-accordion-button-hover-border-color);--utrecht-button-subtle-border-color:var(--utrecht-accordion-button-border-color);--utrecht-button-subtle-border-width:var(--utrecht-accordion-button-border-width);justify-content:start!important;padding-inline-end:var(--utrecht-accordion-button-padding-inline-end);position:relative}.utrecht-accordion__button[aria-expanded]:after{background-color:var(--utrecht-accordion-button-icon-background-color);background-position:50%;background-repeat:no-repeat;content:\"\";height:var(--utrecht-accordion-button-icon-size);inset-block-start:0;inset-inline-end:0;position:absolute;width:var(--utrecht-accordion-button-icon-size)}.utrecht-accordion__button[aria-expanded=false]:after{background-image:var(--utrecht-accordion-icon-arrow-down,url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m15.866 4.135-5.32 5.322-5.322-5.322'/%3E%3C/svg%3E\"))}.utrecht-accordion__button[aria-expanded=true]:after{background-image:var(--utrecht-accordion-icon-arrow-up,url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m5.223 9.457 5.32-5.322 5.322 5.322'/%3E%3C/svg%3E\"));background-position:50%;background-repeat:no-repeat;content:\"\"}.utrecht-accordion__body{border-color:var(--utrecht-accordion-body-border-color);border-style:solid;border-top:none;border-width:var(--utrecht-accordion-body-border-width);padding-block-end:var(--utrecht-accordion-body-padding-block-end);padding-block-start:var(--utrecht-accordion-body-padding-block-start);padding-inline-end:var(--utrecht-accordion-body-padding-inline-end);padding-inline-start:var(--utrecht-accordion-body-padding-inline-start)}";
|
|
41
41
|
styleInject(css_248z$Y);
|
|
42
42
|
|
|
43
|
-
var _excluded$
|
|
44
|
-
function ownKeys$
|
|
45
|
-
function _objectSpread$
|
|
43
|
+
var _excluded$1j = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
44
|
+
function ownKeys$1j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
45
|
+
function _objectSpread$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
46
46
|
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
47
47
|
var appearance = _ref.appearance,
|
|
48
48
|
busy = _ref.busy,
|
|
@@ -52,8 +52,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
52
52
|
hint = _ref.hint,
|
|
53
53
|
pressed = _ref.pressed,
|
|
54
54
|
type = _ref.type,
|
|
55
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
56
|
-
return jsx("button", _objectSpread$
|
|
55
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1j);
|
|
56
|
+
return jsx("button", _objectSpread$1j(_objectSpread$1j({
|
|
57
57
|
ref: ref,
|
|
58
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),
|
|
59
59
|
"aria-busy": busy || undefined,
|
|
@@ -67,38 +67,38 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
67
67
|
Button.displayName = 'Button';
|
|
68
68
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
69
69
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
70
|
-
return jsx(Button, _objectSpread$
|
|
70
|
+
return jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
|
|
71
71
|
appearance: "primary-action-button"
|
|
72
72
|
}));
|
|
73
73
|
};
|
|
74
74
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
75
75
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
76
76
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
77
|
-
return jsx(Button, _objectSpread$
|
|
77
|
+
return jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
|
|
78
78
|
appearance: "secondary-action-button"
|
|
79
79
|
}));
|
|
80
80
|
};
|
|
81
81
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
82
82
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
83
83
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
84
|
-
return jsx(Button, _objectSpread$
|
|
84
|
+
return jsx(Button, _objectSpread$1j(_objectSpread$1j({}, args), {}, {
|
|
85
85
|
appearance: "subtle-button"
|
|
86
86
|
}));
|
|
87
87
|
};
|
|
88
88
|
SubtleButton.displayName = 'SubtleButton';
|
|
89
89
|
|
|
90
|
-
var _excluded$
|
|
91
|
-
function ownKeys$
|
|
92
|
-
function _objectSpread$
|
|
90
|
+
var _excluded$1i = ["appearance", "className", "level"];
|
|
91
|
+
function ownKeys$1i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
92
|
+
function _objectSpread$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
93
93
|
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
94
94
|
var appearance = _ref.appearance,
|
|
95
95
|
className = _ref.className,
|
|
96
96
|
level = _ref.level,
|
|
97
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
97
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
98
98
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
99
99
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
100
100
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
101
|
-
return jsx(HeadingX, _objectSpread$
|
|
101
|
+
return jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
|
|
102
102
|
className: clsx(headingClassName, className)
|
|
103
103
|
}, restProps), {}, {
|
|
104
104
|
ref: ref
|
|
@@ -106,9 +106,9 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
106
106
|
});
|
|
107
107
|
Heading.displayName = 'Heading';
|
|
108
108
|
|
|
109
|
-
var _excluded$
|
|
110
|
-
function ownKeys$
|
|
111
|
-
function _objectSpread$
|
|
109
|
+
var _excluded$1h = ["children", "group", "headingLevel", "heading"];
|
|
110
|
+
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; }
|
|
111
|
+
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; }
|
|
112
112
|
/**
|
|
113
113
|
* Find the first item in an array
|
|
114
114
|
*/
|
|
@@ -194,12 +194,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
194
194
|
ref: buttonRef,
|
|
195
195
|
children: label
|
|
196
196
|
})
|
|
197
|
-
}), section ? jsx("section", _objectSpread$
|
|
197
|
+
}), section ? jsx("section", _objectSpread$1h(_objectSpread$1h({
|
|
198
198
|
id: panelId,
|
|
199
199
|
"aria-labelledby": buttonId
|
|
200
200
|
}, panelAttributes), {}, {
|
|
201
201
|
children: children
|
|
202
|
-
})) : jsx("div", _objectSpread$
|
|
202
|
+
})) : jsx("div", _objectSpread$1h(_objectSpread$1h({}, panelAttributes), {}, {
|
|
203
203
|
children: children
|
|
204
204
|
}))]
|
|
205
205
|
});
|
|
@@ -210,13 +210,13 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
210
210
|
group = _ref2.group,
|
|
211
211
|
headingLevel = _ref2.headingLevel,
|
|
212
212
|
heading = _ref2.heading,
|
|
213
|
-
props = _objectWithoutProperties(_ref2, _excluded$
|
|
213
|
+
props = _objectWithoutProperties(_ref2, _excluded$1h);
|
|
214
214
|
var headingId = useId();
|
|
215
215
|
return jsxs(Fragment, {
|
|
216
216
|
children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
|
|
217
217
|
level: headingLevel,
|
|
218
218
|
children: heading
|
|
219
|
-
}), jsx("div", _objectSpread$
|
|
219
|
+
}), jsx("div", _objectSpread$1h(_objectSpread$1h({
|
|
220
220
|
className: clsx('utrecht-accordion'),
|
|
221
221
|
role: group ? 'group' : undefined,
|
|
222
222
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -324,7 +324,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
324
324
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
325
325
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
326
326
|
if (index === activatedIndex) {
|
|
327
|
-
return _objectSpread$
|
|
327
|
+
return _objectSpread$1h(_objectSpread$1h({}, section), {}, {
|
|
328
328
|
expanded: !section.expanded
|
|
329
329
|
});
|
|
330
330
|
} else {
|
|
@@ -332,7 +332,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
332
332
|
}
|
|
333
333
|
}));
|
|
334
334
|
};
|
|
335
|
-
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$
|
|
335
|
+
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1h(_objectSpread$1h({}, section), {}, {
|
|
336
336
|
ref: refs[index],
|
|
337
337
|
buttonRef: buttonRefs[index],
|
|
338
338
|
key: index,
|
|
@@ -348,16 +348,16 @@ AccordionProvider.displayName = 'AccordionProvider';
|
|
|
348
348
|
var css_248z$X = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color,var(--utrecht-alert-border-color));border-style:solid;border-width:var(--_utrecht-alert-border-width,var(--utrecht-alert-border-width,0));color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}";
|
|
349
349
|
styleInject(css_248z$X);
|
|
350
350
|
|
|
351
|
-
var _excluded$
|
|
352
|
-
function ownKeys$
|
|
353
|
-
function _objectSpread$
|
|
351
|
+
var _excluded$1g = ["children", "className", "icon", "type"];
|
|
352
|
+
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; }
|
|
353
|
+
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; }
|
|
354
354
|
var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
355
355
|
var children = _ref.children,
|
|
356
356
|
className = _ref.className,
|
|
357
357
|
icon = _ref.icon,
|
|
358
358
|
type = _ref.type,
|
|
359
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
360
|
-
return jsxs("div", _objectSpread$
|
|
359
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
360
|
+
return jsxs("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
361
361
|
ref: ref,
|
|
362
362
|
className: clsx('utrecht-alert', {
|
|
363
363
|
'utrecht-alert--error': type === 'error',
|
|
@@ -379,16 +379,16 @@ Alert.displayName = 'Alert';
|
|
|
379
379
|
var css_248z$W = ".utrecht-alert-dialog:not(dialog:not([open])){--utrecht-alert-dialog-margin-block-start:auto;--utrecht-alert-dialog-margin-block-end:auto;background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--utrecht-alert-dialog-border-color);border-radius:var(--utrecht-alert-dialog-border-radius,0);border-style:solid;border-width:var(--utrecht-alert-dialog-border-width,0);box-shadow:var(--utrecht-alert-dialog-box-shadow);color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));max-block-size:var(--utrecht-alert-dialog-max-block-size);max-inline-size:var(--utrecht-alert-dialog-max-inline-size);min-block-size:var(--utrecht-alert-dialog-min-block-size);min-inline-size:var(--utrecht-alert-dialog-min-inline-size);padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);user-select:none}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-alert-dialog__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert-dialog__message{grid-area:message}.utrecht-alert-dialog--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}.utrecht-alert-dialog--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert-dialog--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}";
|
|
380
380
|
styleInject(css_248z$W);
|
|
381
381
|
|
|
382
|
-
var _excluded$
|
|
383
|
-
function ownKeys$
|
|
384
|
-
function _objectSpread$
|
|
382
|
+
var _excluded$1f = ["children", "className", "icon", "type"];
|
|
383
|
+
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; }
|
|
384
|
+
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; }
|
|
385
385
|
var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
386
386
|
var children = _ref.children,
|
|
387
387
|
className = _ref.className,
|
|
388
388
|
icon = _ref.icon,
|
|
389
389
|
type = _ref.type,
|
|
390
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
391
|
-
return jsxs("dialog", _objectSpread$
|
|
390
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
391
|
+
return jsxs("dialog", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
392
392
|
ref: ref,
|
|
393
393
|
className: clsx('utrecht-alert-dialog', {
|
|
394
394
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -410,14 +410,14 @@ AlertDialog.displayName = 'AlertDialog';
|
|
|
410
410
|
var css_248z$V = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}";
|
|
411
411
|
styleInject(css_248z$V);
|
|
412
412
|
|
|
413
|
-
var _excluded$
|
|
414
|
-
function ownKeys$
|
|
415
|
-
function _objectSpread$
|
|
413
|
+
var _excluded$1e = ["children", "className"];
|
|
414
|
+
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; }
|
|
415
|
+
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; }
|
|
416
416
|
var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
417
417
|
var children = _ref.children,
|
|
418
418
|
className = _ref.className,
|
|
419
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
420
|
-
return jsx("article", _objectSpread$
|
|
419
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
420
|
+
return jsx("article", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
|
|
421
421
|
ref: ref,
|
|
422
422
|
className: clsx('utrecht-article', className),
|
|
423
423
|
children: children
|
|
@@ -428,14 +428,14 @@ Article.displayName = 'Article';
|
|
|
428
428
|
var css_248z$U = ".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--_utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}.utrecht-backdrop--viewport{position:fixed}";
|
|
429
429
|
styleInject(css_248z$U);
|
|
430
430
|
|
|
431
|
-
var _excluded$
|
|
432
|
-
function ownKeys$
|
|
433
|
-
function _objectSpread$
|
|
431
|
+
var _excluded$1d = ["children", "className"];
|
|
432
|
+
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; }
|
|
433
|
+
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; }
|
|
434
434
|
var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
435
435
|
var children = _ref.children,
|
|
436
436
|
className = _ref.className,
|
|
437
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
438
|
-
return jsx("div", _objectSpread$
|
|
437
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
438
|
+
return jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
439
439
|
ref: ref,
|
|
440
440
|
className: clsx('utrecht-backdrop', className),
|
|
441
441
|
children: children
|
|
@@ -446,22 +446,22 @@ Backdrop.displayName = 'Backdrop';
|
|
|
446
446
|
var css_248z$T = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color,var(--utrecht-badge-background-color,#000));border-radius:var(--utrecht-badge-counter-border-radius,var(--utrecht-badge-border-radius,.5ch));color:var(--utrecht-badge-counter-color,var(--utrecht-badge-color,#fff));display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-counter-font-size);font-style:var(--utrecht-badge-counter-font-style,normal);font-weight:var(--utrecht-badge-counter-font-weight,var(--utrecht-badge-font-weight,bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-size,1em);min-inline-size:var(--utrecht-badge-counter-min-size,1em);padding-block-end:var(--utrecht-badge-counter-padding-block,var(--utrecht-badge-padding-block,.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block,var(--utrecht-badge-padding-block,.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline,var(--utrecht-badge-padding-inline,.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline,var(--utrecht-badge-padding-inline,.5ch));text-align:center;text-decoration:none;white-space:nowrap}";
|
|
447
447
|
styleInject(css_248z$T);
|
|
448
448
|
|
|
449
|
-
var _excluded$
|
|
450
|
-
function ownKeys$
|
|
451
|
-
function _objectSpread$
|
|
449
|
+
var _excluded$1c = ["children", "className", "value"];
|
|
450
|
+
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; }
|
|
451
|
+
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; }
|
|
452
452
|
var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
453
453
|
var children = _ref.children,
|
|
454
454
|
className = _ref.className,
|
|
455
455
|
value = _ref.value,
|
|
456
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
457
|
-
var props = _objectSpread$
|
|
456
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
457
|
+
var props = _objectSpread$1c({
|
|
458
458
|
children: children,
|
|
459
459
|
className: clsx('utrecht-badge-counter', className)
|
|
460
460
|
}, restProps);
|
|
461
|
-
return typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
461
|
+
return typeof value !== 'undefined' ? jsx("data", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
|
|
462
462
|
value: value,
|
|
463
463
|
ref: ref
|
|
464
|
-
})) : jsx("span", _objectSpread$
|
|
464
|
+
})) : jsx("span", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
|
|
465
465
|
ref: ref
|
|
466
466
|
}));
|
|
467
467
|
});
|
|
@@ -470,14 +470,14 @@ BadgeCounter.displayName = 'BadgeCounter';
|
|
|
470
470
|
var css_248z$S = ".utrecht-badge-list{display:flex;flex-wrap:wrap;gap:var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline)}";
|
|
471
471
|
styleInject(css_248z$S);
|
|
472
472
|
|
|
473
|
-
var _excluded$
|
|
474
|
-
function ownKeys$
|
|
475
|
-
function _objectSpread$
|
|
473
|
+
var _excluded$1b = ["children", "className"];
|
|
474
|
+
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; }
|
|
475
|
+
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; }
|
|
476
476
|
var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
477
477
|
var children = _ref.children,
|
|
478
478
|
className = _ref.className,
|
|
479
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
480
|
-
return jsx("div", _objectSpread$
|
|
479
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
480
|
+
return jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
481
481
|
ref: ref,
|
|
482
482
|
className: clsx('utrecht-badge-list', className),
|
|
483
483
|
children: children
|
|
@@ -488,9 +488,9 @@ BadgeList.displayName = 'BadgeList';
|
|
|
488
488
|
var css_248z$R = ".utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{block-size:0;inline-size:0;inset-block-start:50%;inset-inline-start:100%}.utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color,var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform,inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end,8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start,8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end,8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start,8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus:after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}";
|
|
489
489
|
styleInject(css_248z$R);
|
|
490
490
|
|
|
491
|
-
var _excluded$
|
|
492
|
-
function ownKeys$
|
|
493
|
-
function _objectSpread$
|
|
491
|
+
var _excluded$1a = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
492
|
+
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; }
|
|
493
|
+
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; }
|
|
494
494
|
var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
495
495
|
var boxContent = _ref.boxContent,
|
|
496
496
|
children = _ref.children,
|
|
@@ -499,13 +499,13 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
499
499
|
href = _ref.href,
|
|
500
500
|
placeholder = _ref.placeholder,
|
|
501
501
|
role = _ref.role,
|
|
502
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
502
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
503
503
|
return (
|
|
504
504
|
// "utrecht-link--telephone" does not have a corresponding API,
|
|
505
505
|
// since it is primarily a basis for implementing input[href^="tel"].
|
|
506
506
|
// Telephone number rendering in React is best achieved using composition
|
|
507
507
|
// of the TelephoneValue component.
|
|
508
|
-
jsx("a", _objectSpread$
|
|
508
|
+
jsx("a", _objectSpread$1a(_objectSpread$1a({
|
|
509
509
|
href: placeholder ? undefined : href,
|
|
510
510
|
ref: ref,
|
|
511
511
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -523,9 +523,9 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
523
523
|
});
|
|
524
524
|
Link.displayName = 'Link';
|
|
525
525
|
|
|
526
|
-
var _excluded$
|
|
527
|
-
function ownKeys$
|
|
528
|
-
function _objectSpread$
|
|
526
|
+
var _excluded$19 = ["appearance", "children", "className", "headingLevel", "label"];
|
|
527
|
+
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; }
|
|
528
|
+
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; }
|
|
529
529
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
530
530
|
var prop = _ref.prop,
|
|
531
531
|
type = _ref.type;
|
|
@@ -547,9 +547,9 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
547
547
|
_ref2$headingLevel = _ref2.headingLevel,
|
|
548
548
|
headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
|
|
549
549
|
label = _ref2.label,
|
|
550
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
550
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$19);
|
|
551
551
|
var headingId = label ? useId() : undefined;
|
|
552
|
-
return jsxs("nav", _objectSpread$
|
|
552
|
+
return jsxs("nav", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
553
553
|
ref: ref,
|
|
554
554
|
className: clsx('utrecht-breadcrumb', {
|
|
555
555
|
'utrecht-breadcrumb--arrows': appearance === 'arrows'
|
|
@@ -561,7 +561,7 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
561
561
|
level: headingLevel,
|
|
562
562
|
"aria-hidden": "true",
|
|
563
563
|
children: label
|
|
564
|
-
}), jsx("ol", _objectSpread$
|
|
564
|
+
}), jsx("ol", _objectSpread$19(_objectSpread$19({
|
|
565
565
|
className: "utrecht-breadcrumb__list"
|
|
566
566
|
}, useMicrodataItem({
|
|
567
567
|
type: 'https://schema.org/BreadcrumbList'
|
|
@@ -577,24 +577,24 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
577
577
|
href = _ref3.href,
|
|
578
578
|
index = _ref3.index,
|
|
579
579
|
rel = _ref3.rel;
|
|
580
|
-
return jsx("li", _objectSpread$
|
|
580
|
+
return jsx("li", _objectSpread$19(_objectSpread$19({
|
|
581
581
|
className: "utrecht-breadcrumb__item"
|
|
582
582
|
}, useMicrodataItem({
|
|
583
583
|
type: 'https://schema.org/ListItem',
|
|
584
584
|
prop: 'itemListElement'
|
|
585
585
|
})), {}, {
|
|
586
|
-
children: jsxs(Link, _objectSpread$
|
|
586
|
+
children: jsxs(Link, _objectSpread$19(_objectSpread$19({
|
|
587
587
|
className: "utrecht-breadcrumb__link",
|
|
588
588
|
href: href,
|
|
589
589
|
rel: rel,
|
|
590
590
|
"aria-current": current && 'location'
|
|
591
591
|
}, useMicrodataProp('item')), {}, {
|
|
592
592
|
ref: ref,
|
|
593
|
-
children: [jsx("span", _objectSpread$
|
|
593
|
+
children: [jsx("span", _objectSpread$19(_objectSpread$19({
|
|
594
594
|
className: "utrecht-breadcrumb__text"
|
|
595
595
|
}, useMicrodataProp('name')), {}, {
|
|
596
596
|
children: children
|
|
597
|
-
})), typeof index === 'number' ? jsx("meta", _objectSpread$
|
|
597
|
+
})), typeof index === 'number' ? jsx("meta", _objectSpread$19(_objectSpread$19({}, useMicrodataProp('position')), {}, {
|
|
598
598
|
content: String(index + 1)
|
|
599
599
|
})) : null]
|
|
600
600
|
}))
|
|
@@ -608,14 +608,14 @@ styleInject(css_248z$Q);
|
|
|
608
608
|
var css_248z$P = ".utrecht-button-group,.utrecht-button-group--distanced{background-color:var(--utrecht-button-group-background-color);display:flex;gap:var(--utrecht-button-group-inline-gap,1em);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group--horizontal .utrecht-link-button,.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-link-button,.utrecht-button-group__link-button--horizontal{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-button-group--vertical{flex-direction:column;gap:var(--utrecht-button-group-block-gap,1em)}";
|
|
609
609
|
styleInject(css_248z$P);
|
|
610
610
|
|
|
611
|
-
var _excluded$
|
|
612
|
-
function ownKeys$
|
|
613
|
-
function _objectSpread$
|
|
611
|
+
var _excluded$18 = ["children", "className"];
|
|
612
|
+
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; }
|
|
613
|
+
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; }
|
|
614
614
|
var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
615
615
|
var children = _ref.children,
|
|
616
616
|
className = _ref.className,
|
|
617
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
618
|
-
return jsx("p", _objectSpread$
|
|
617
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
618
|
+
return jsx("p", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
619
619
|
ref: ref,
|
|
620
620
|
className: clsx('utrecht-button-group', className),
|
|
621
621
|
children: children
|
|
@@ -626,9 +626,9 @@ ButtonGroup.displayName = 'ButtonGroup';
|
|
|
626
626
|
var css_248z$O = ".utrecht-button-link{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);cursor:var(--utrecht-action-navigate-cursor,pointer);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-decoration:none;text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button-link--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button-link--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button-link--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button-link--placeholder{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button-link--html-a:link:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--html-a:link:focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button-link--html-a:link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button-link--html-a:link:hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button-link--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-primary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color)}.utrecht-button-link--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-secondary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color)}.utrecht-button-link--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-subtle-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color)}";
|
|
627
627
|
styleInject(css_248z$O);
|
|
628
628
|
|
|
629
|
-
var _excluded$
|
|
630
|
-
function ownKeys$
|
|
631
|
-
function _objectSpread$
|
|
629
|
+
var _excluded$17 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
|
|
630
|
+
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; }
|
|
631
|
+
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; }
|
|
632
632
|
var onKeyDown = function onKeyDown(evt) {
|
|
633
633
|
var _evt$target;
|
|
634
634
|
if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
|
|
@@ -646,18 +646,18 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
646
646
|
href = _ref.href,
|
|
647
647
|
placeholder = _ref.placeholder,
|
|
648
648
|
role = _ref.role,
|
|
649
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
649
|
+
restProps = _objectWithoutProperties(_ref, _excluded$17);
|
|
650
650
|
var props = restProps;
|
|
651
651
|
if (role === 'button') {
|
|
652
652
|
// When this link is announced as button by accessibility tools,
|
|
653
653
|
// it should also behave like a button. Links are not activated
|
|
654
654
|
// using `Space`, so we need to implement that behaviour here
|
|
655
655
|
// to reach parity with the `button` element.
|
|
656
|
-
props = _objectSpread$
|
|
656
|
+
props = _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
657
657
|
onKeyDown: onKeyDown
|
|
658
658
|
});
|
|
659
659
|
}
|
|
660
|
-
return jsx("a", _objectSpread$
|
|
660
|
+
return jsx("a", _objectSpread$17(_objectSpread$17({
|
|
661
661
|
href: placeholder ? undefined : href,
|
|
662
662
|
ref: ref,
|
|
663
663
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -676,30 +676,30 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
676
676
|
});
|
|
677
677
|
ButtonLink.displayName = 'ButtonLink';
|
|
678
678
|
|
|
679
|
-
var css_248z$N = ".utrecht-calendar{background-color:var(--utrecht-calendar-background-color);width:
|
|
679
|
+
var css_248z$N = ".utrecht-calendar{background-color:var(--utrecht-calendar-background-color);width:fit-content}.utrecht-calendar__table{margin-inline:auto;padding-block-end:var(--utrecht-calendar-table-padding-block-end);padding-block-start:var(--utrecht-calendar-table-padding-block-start)}.utrecht-calendar__table-weeks-item{line-height:var(--utrecht-calendar-table-weeks-item-line-height,inherit);padding-block-end:var(--utrecht-calendar-table-weeks-item-padding-block-end);padding-block-start:var(--utrecht-calendar-table-weeks-item-padding-block-start);width:var(--utrecht-calendar-table-weeks-item-width)}.utrecht-calendar__table-days-item-day{--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-border-color);--utrecht-calendar-button-border-width:var(--utrecht-calendar-table-days-item-day-border-width);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-color);height:var(--utrecht-calendar-table-days-item-day-size);width:var(--utrecht-calendar-table-days-item-day-size)}.utrecht-calendar__table-days-item-day:hover{--utrecht-calendar-button-hover-background-color:var(--utrecht-calendar-table-days-item-day-hover-background-color);--utrecht-calendar-button-hover-border-color:var(--utrecht-calendar-table-days-item-day-hover-border-color);--utrecht-calendar-button-hover-color:var(--utrecht-calendar-table-days-item-day-hover-color)}.utrecht-calendar__table-days-item-day:focus{--utrecht-calendar-button-focus-background-color:var(--utrecht-calendar-table-days-item-day-focus-background-color);--utrecht-calendar-button-focus-border-color:var(--utrecht-calendar-table-days-item-day-focus-border-color);--utrecht-calendar-button-focus-color:var(--utrecht-calendar-table-days-item-day-focus-color)}.utrecht-calendar__table-days-item-day:active{--utrecht-calendar-button-active-background-color:var(\n --utrecht-calendar-table-days-item-day-active-background-color\n );--utrecht-calendar-button-active-border-color:var(--utrecht-calendar-table-days-item-day-active-border-color);--utrecht-calendar-button-active-color:var(--utrecht-calendar-table-days-item-day-active-color)}.utrecht-calendar__table-days-item-day:disabled{--utrecht-calendar-button-disabled-background-color:var(\n --utrecht-calendar-table-days-item-day-disabled-background-color\n );--utrecht-calendar-button-disabled-border-color:var(--utrecht-calendar-table-days-item-day-disabled-border-color);--utrecht-calendar-button-disabled-color:var(--utrecht-calendar-table-days-item-day-disabled-color)}.utrecht-calendar__table-days-item-day--out-of-the-month{--utrecht-calendar-button-background-color:var(\n --utrecht-calendar-table-days-item-day-out-of-the-month-background-color\n );--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-out-of-the-month-border-color);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-out-of-the-month-color)}.utrecht-calendar__table-days-item-day--is-today{--utrecht-calendar-button-font-weigh:var(--utrecht-calendar-table-days-item-day-is-today-font-weight);--utrecht-calendar-button-background-color:var(--utrecht-calendar-table-days-item-day-is-today-background-color);--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-is-today-border-color);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-is-today-color)}.utrecht-calendar__table-days-item-day--emphasis{--utrecht-calendar-button-font-weigh:var(--utrecht-calendar-table-days-item-day-emphasis-font-weight);--utrecht-calendar-button-background-color:var(--utrecht-calendar-table-days-item-day-emphasis-background-color);--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-emphasis-border-color);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-emphasis-color)}.utrecht-calendar__table-days-item-day--selected{--utrecht-calendar-button-font-weigh:var(--utrecht-calendar-table-days-item-day-selected-font-weight);--utrecht-calendar-button-background-color:var(--utrecht-calendar-table-days-item-day-selected-background-color);--utrecht-calendar-button-border-color:var(--utrecht-calendar-table-days-item-day-selected-border-color);--utrecht-calendar-button-color:var(--utrecht-calendar-table-days-item-day-selected-color)}.utrecht-calendar__navigation{background-color:var(--utrecht-calendar-navigation-background-color);color:var(--utrecht-calendar-navigation-color);padding-block-end:var(--utrecht-calendar-navigation-padding-block-end);padding-block-start:var(--utrecht-calendar-navigation-padding-block-start)}.utrecht-calendar__navigation-label{color:var(--utrecht-calendar-navigation-label-color);font-size:var(--utrecht-calendar-navigation-label-min-font-size);text-align:center}.utrecht-calendar__navigation-buttons{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.utrecht-calendar__button{--utrecht-button-subtle-color:var(--utrecht-calendar-button-color,currentColor);--utrecht-button-subtle-background-color:var(--utrecht-calendar-button-background-color,transparent);--utrecht-button-subtle-border-color:var(--utrecht-calendar-button-border-color,transparent);--utrecht-button-subtle-border-width:var(--utrecht-calendar-button-border-width);--utrecht-button-font-weigh:var(--utrecht-calendar-button-font-weigh);--utrecht-button-subtle-focus-background-color:var(--utrecht-calendar-button-focus-background-color);--utrecht-button-subtle-focus-border-color:var(--utrecht-calendar-button-focus-border-color);--utrecht-button-subtle-focus-color:var(--utrecht-calendar-button-focus-color);--utrecht-button-subtle-active-background-color:var(--utrecht-calendar-button-active-background-color);--utrecht-button-subtle-active-border-color:var(--utrecht-calendar-button-active-border-color);--utrecht-button-subtle-active-color:var(--utrecht-calendar-button-active-color);--utrecht-button-subtle-hover-background-color:var(--utrecht-calendar-button-hover-background-color);--utrecht-button-subtle-hover-border-color:var(--utrecht-calendar-button-hover-border-color,transparent);--utrecht-button-subtle-hover-color:var(--utrecht-calendar-button-hover-color);--utrecht-button-subtle-disabled-background-color:var(--utrecht-calendar-button-disabled-background-color);--utrecht-button-subtle-disabled-border-color:var(--utrecht-calendar-button-disabled-border-color);--utrecht-button-subtle-disabled-color:var(--utrecht-calendar-button-disabled-color);--utrecht-button-padding-block-end:var(--utrecht-calendar-button-padding-block-end,0);--utrecht-button-padding-block-start:var(--utrecht-calendar-button-padding-block-start,0);--utrecht-button-padding-inline-end:var(--utrecht-calendar-button-padding-inline-end,0);--utrecht-button-padding-inline-start:var(--utrecht-calendar-button-padding-inline-start,0);cursor:pointer}.utrecht-calendar__icon{height:var(--utrecht-calendar-icon-size);width:var(--utrecht-calendar-icon-size)}";
|
|
680
680
|
styleInject(css_248z$N);
|
|
681
681
|
|
|
682
|
-
var _excluded$
|
|
683
|
-
function ownKeys$
|
|
684
|
-
function _objectSpread$
|
|
682
|
+
var _excluded$16 = ["children"];
|
|
683
|
+
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; }
|
|
684
|
+
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; }
|
|
685
685
|
var CalendarNavigation = function CalendarNavigation(_ref) {
|
|
686
686
|
var children = _ref.children,
|
|
687
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
688
|
-
return jsx("div", _objectSpread$
|
|
687
|
+
props = _objectWithoutProperties(_ref, _excluded$16);
|
|
688
|
+
return jsx("div", _objectSpread$16(_objectSpread$16({
|
|
689
689
|
className: "utrecht-calendar__navigation"
|
|
690
690
|
}, props), {}, {
|
|
691
691
|
children: children
|
|
692
692
|
}));
|
|
693
693
|
};
|
|
694
694
|
|
|
695
|
-
var _excluded$
|
|
696
|
-
function ownKeys$
|
|
697
|
-
function _objectSpread$
|
|
695
|
+
var _excluded$15 = ["children", "className"];
|
|
696
|
+
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; }
|
|
697
|
+
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; }
|
|
698
698
|
var CalendarButton = function CalendarButton(_ref) {
|
|
699
699
|
var children = _ref.children,
|
|
700
700
|
className = _ref.className,
|
|
701
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
702
|
-
return jsx(Button, _objectSpread$
|
|
701
|
+
props = _objectWithoutProperties(_ref, _excluded$15);
|
|
702
|
+
return jsx(Button, _objectSpread$15(_objectSpread$15({
|
|
703
703
|
appearance: "subtle-button"
|
|
704
704
|
}, props), {}, {
|
|
705
705
|
className: clsx$1('utrecht-calendar__button', className),
|
|
@@ -707,38 +707,38 @@ var CalendarButton = function CalendarButton(_ref) {
|
|
|
707
707
|
}));
|
|
708
708
|
};
|
|
709
709
|
|
|
710
|
-
var _excluded$
|
|
711
|
-
function ownKeys$
|
|
712
|
-
function _objectSpread$
|
|
710
|
+
var _excluded$14 = ["children"];
|
|
711
|
+
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; }
|
|
712
|
+
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; }
|
|
713
713
|
var CalendarIcon = function CalendarIcon(_ref) {
|
|
714
714
|
var children = _ref.children,
|
|
715
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
716
|
-
return jsx("div", _objectSpread$
|
|
715
|
+
props = _objectWithoutProperties(_ref, _excluded$14);
|
|
716
|
+
return jsx("div", _objectSpread$14(_objectSpread$14({
|
|
717
717
|
className: clsx$1('utrecht-calendar__icon')
|
|
718
718
|
}, props), {}, {
|
|
719
719
|
children: children
|
|
720
720
|
}));
|
|
721
721
|
};
|
|
722
722
|
|
|
723
|
-
var _excluded$
|
|
724
|
-
function ownKeys$
|
|
725
|
-
function _objectSpread$
|
|
723
|
+
var _excluded$13 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
|
|
724
|
+
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; }
|
|
725
|
+
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; }
|
|
726
726
|
var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
727
727
|
var onPreviousClick = _ref.onPreviousClick,
|
|
728
728
|
onNextClick = _ref.onNextClick,
|
|
729
729
|
previousIcon = _ref.previousIcon,
|
|
730
730
|
nextIcon = _ref.nextIcon,
|
|
731
731
|
children = _ref.children,
|
|
732
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
732
|
+
props = _objectWithoutProperties(_ref, _excluded$13);
|
|
733
733
|
return jsxs("div", {
|
|
734
734
|
className: "utrecht-calendar__navigation-buttons",
|
|
735
|
-
children: [jsx(CalendarButton, _objectSpread$
|
|
735
|
+
children: [jsx(CalendarButton, _objectSpread$13(_objectSpread$13({
|
|
736
736
|
onClick: onPreviousClick
|
|
737
737
|
}, props), {}, {
|
|
738
738
|
children: jsx(CalendarIcon, {
|
|
739
739
|
children: previousIcon
|
|
740
740
|
})
|
|
741
|
-
})), children, jsx(CalendarButton, _objectSpread$
|
|
741
|
+
})), children, jsx(CalendarButton, _objectSpread$13(_objectSpread$13({
|
|
742
742
|
onClick: onNextClick
|
|
743
743
|
}, props), {}, {
|
|
744
744
|
children: jsx(CalendarIcon, {
|
|
@@ -748,55 +748,45 @@ var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
|
748
748
|
});
|
|
749
749
|
};
|
|
750
750
|
|
|
751
|
-
var _excluded$
|
|
752
|
-
function ownKeys$
|
|
753
|
-
function _objectSpread$
|
|
754
|
-
var
|
|
751
|
+
var _excluded$12 = ["children"];
|
|
752
|
+
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; }
|
|
753
|
+
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; }
|
|
754
|
+
var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
|
|
755
755
|
var children = _ref.children,
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
className: clsx('utrecht-heading-2', className),
|
|
756
|
+
props = _objectWithoutProperties(_ref, _excluded$12);
|
|
757
|
+
return jsx("time", _objectSpread$12(_objectSpread$12({
|
|
758
|
+
className: "utrecht-calendar__navigation-label"
|
|
759
|
+
}, props), {}, {
|
|
761
760
|
children: children
|
|
762
761
|
}));
|
|
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
762
|
};
|
|
773
763
|
|
|
774
|
-
var _excluded$
|
|
775
|
-
function ownKeys$
|
|
776
|
-
function _objectSpread$
|
|
764
|
+
var _excluded$11 = ["children"];
|
|
765
|
+
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; }
|
|
766
|
+
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; }
|
|
777
767
|
var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
|
|
778
768
|
var children = _ref.children,
|
|
779
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
780
|
-
return jsx("tbody", _objectSpread$
|
|
769
|
+
props = _objectWithoutProperties(_ref, _excluded$11);
|
|
770
|
+
return jsx("tbody", _objectSpread$11(_objectSpread$11({}, props), {}, {
|
|
781
771
|
className: "utrecht-calendar__table-days-container",
|
|
782
772
|
children: children
|
|
783
773
|
}));
|
|
784
774
|
};
|
|
785
775
|
|
|
786
|
-
var _excluded
|
|
787
|
-
function ownKeys
|
|
788
|
-
function _objectSpread
|
|
776
|
+
var _excluded$10 = ["children"];
|
|
777
|
+
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; }
|
|
778
|
+
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; }
|
|
789
779
|
var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
|
|
790
780
|
var children = _ref.children,
|
|
791
|
-
props = _objectWithoutProperties(_ref, _excluded
|
|
792
|
-
return jsx("tr", _objectSpread
|
|
781
|
+
props = _objectWithoutProperties(_ref, _excluded$10);
|
|
782
|
+
return jsx("tr", _objectSpread$10(_objectSpread$10({}, props), {}, {
|
|
793
783
|
children: children
|
|
794
784
|
}));
|
|
795
785
|
};
|
|
796
786
|
|
|
797
|
-
var _excluded
|
|
798
|
-
function ownKeys
|
|
799
|
-
function _objectSpread
|
|
787
|
+
var _excluded$$ = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
|
|
788
|
+
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; }
|
|
789
|
+
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; }
|
|
800
790
|
var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
801
791
|
var day = _ref.day,
|
|
802
792
|
dayOutOfTheMonth = _ref.dayOutOfTheMonth,
|
|
@@ -804,9 +794,9 @@ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
|
804
794
|
emphasis = _ref.emphasis,
|
|
805
795
|
selected = _ref.selected,
|
|
806
796
|
disabled = _ref.disabled,
|
|
807
|
-
props = _objectWithoutProperties(_ref, _excluded
|
|
797
|
+
props = _objectWithoutProperties(_ref, _excluded$$);
|
|
808
798
|
return jsx("td", {
|
|
809
|
-
children: jsx(CalendarButton, _objectSpread
|
|
799
|
+
children: jsx(CalendarButton, _objectSpread$$(_objectSpread$$({
|
|
810
800
|
className: clsx('utrecht-calendar__table-days-item-day', {
|
|
811
801
|
'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
|
|
812
802
|
}, {
|
|
@@ -834,26 +824,26 @@ var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
|
|
|
834
824
|
});
|
|
835
825
|
};
|
|
836
826
|
|
|
837
|
-
var _excluded$
|
|
838
|
-
function ownKeys$
|
|
839
|
-
function _objectSpread$
|
|
827
|
+
var _excluded$_ = ["children"];
|
|
828
|
+
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; }
|
|
829
|
+
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; }
|
|
840
830
|
var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
|
|
841
831
|
var children = _ref.children,
|
|
842
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
843
|
-
return jsx("th", _objectSpread$
|
|
832
|
+
props = _objectWithoutProperties(_ref, _excluded$_);
|
|
833
|
+
return jsx("th", _objectSpread$_(_objectSpread$_({}, props), {}, {
|
|
844
834
|
className: "utrecht-calendar__table-weeks-item",
|
|
845
835
|
children: children
|
|
846
836
|
}));
|
|
847
837
|
};
|
|
848
838
|
|
|
849
|
-
var _excluded$
|
|
850
|
-
function ownKeys$
|
|
851
|
-
function _objectSpread$
|
|
839
|
+
var _excluded$Z = ["title", "titleId"];
|
|
840
|
+
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; }
|
|
841
|
+
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; }
|
|
852
842
|
var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
853
843
|
var title = _ref.title,
|
|
854
844
|
titleId = _ref.titleId,
|
|
855
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
856
|
-
return jsxs("svg", _objectSpread$
|
|
845
|
+
props = _objectWithoutProperties(_ref, _excluded$Z);
|
|
846
|
+
return jsxs("svg", _objectSpread$Z(_objectSpread$Z({
|
|
857
847
|
width: "100%",
|
|
858
848
|
height: "100%",
|
|
859
849
|
fill: "none",
|
|
@@ -870,14 +860,14 @@ var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
|
870
860
|
}));
|
|
871
861
|
};
|
|
872
862
|
|
|
873
|
-
var _excluded$
|
|
874
|
-
function ownKeys$
|
|
875
|
-
function _objectSpread$
|
|
863
|
+
var _excluded$Y = ["title", "titleId"];
|
|
864
|
+
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; }
|
|
865
|
+
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; }
|
|
876
866
|
var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
877
867
|
var title = _ref.title,
|
|
878
868
|
titleId = _ref.titleId,
|
|
879
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
880
|
-
return jsxs("svg", _objectSpread$
|
|
869
|
+
props = _objectWithoutProperties(_ref, _excluded$Y);
|
|
870
|
+
return jsxs("svg", _objectSpread$Y(_objectSpread$Y({
|
|
881
871
|
width: "100%",
|
|
882
872
|
height: "100%",
|
|
883
873
|
fill: "none",
|
|
@@ -897,14 +887,14 @@ var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
|
897
887
|
}));
|
|
898
888
|
};
|
|
899
889
|
|
|
900
|
-
var _excluded$
|
|
901
|
-
function ownKeys$
|
|
902
|
-
function _objectSpread$
|
|
890
|
+
var _excluded$X = ["title", "titleId"];
|
|
891
|
+
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; }
|
|
892
|
+
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; }
|
|
903
893
|
var IconArrowRight = function IconArrowRight(_ref) {
|
|
904
894
|
var title = _ref.title,
|
|
905
895
|
titleId = _ref.titleId,
|
|
906
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
907
|
-
return jsxs("svg", _objectSpread$
|
|
896
|
+
props = _objectWithoutProperties(_ref, _excluded$X);
|
|
897
|
+
return jsxs("svg", _objectSpread$X(_objectSpread$X({
|
|
908
898
|
width: "100%",
|
|
909
899
|
height: "100%",
|
|
910
900
|
fill: "none",
|
|
@@ -921,14 +911,14 @@ var IconArrowRight = function IconArrowRight(_ref) {
|
|
|
921
911
|
}));
|
|
922
912
|
};
|
|
923
913
|
|
|
924
|
-
var _excluded$
|
|
925
|
-
function ownKeys$
|
|
926
|
-
function _objectSpread$
|
|
914
|
+
var _excluded$W = ["title", "titleId"];
|
|
915
|
+
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; }
|
|
916
|
+
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; }
|
|
927
917
|
var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
|
|
928
918
|
var title = _ref.title,
|
|
929
919
|
titleId = _ref.titleId,
|
|
930
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
931
|
-
return jsxs("svg", _objectSpread$
|
|
920
|
+
props = _objectWithoutProperties(_ref, _excluded$W);
|
|
921
|
+
return jsxs("svg", _objectSpread$W(_objectSpread$W({
|
|
932
922
|
fill: "none",
|
|
933
923
|
width: "100%",
|
|
934
924
|
height: "100%",
|
|
@@ -983,7 +973,7 @@ var Calendar = function Calendar(_ref) {
|
|
|
983
973
|
var _useState = useState(currentDate || new Date()),
|
|
984
974
|
_useState2 = _slicedToArray(_useState, 2),
|
|
985
975
|
date = _useState2[0],
|
|
986
|
-
setDate
|
|
976
|
+
setDate = _useState2[1];
|
|
987
977
|
var calendar = createCalendar(date);
|
|
988
978
|
var start = startOfWeek(date, {
|
|
989
979
|
weekStartsOn: 1
|
|
@@ -1031,10 +1021,10 @@ var Calendar = function Calendar(_ref) {
|
|
|
1031
1021
|
title: nextYearButtonTitle
|
|
1032
1022
|
}),
|
|
1033
1023
|
onPreviousClick: function onPreviousClick() {
|
|
1034
|
-
return setDate
|
|
1024
|
+
return setDate(setYear(date, getYear(date) - 1));
|
|
1035
1025
|
},
|
|
1036
1026
|
onNextClick: function onNextClick() {
|
|
1037
|
-
return setDate
|
|
1027
|
+
return setDate(addYears(date, 1));
|
|
1038
1028
|
},
|
|
1039
1029
|
children: jsx(CalendarNavigationButtons, {
|
|
1040
1030
|
previousIcon: jsx(IconArrowLeft, {
|
|
@@ -1044,13 +1034,14 @@ var Calendar = function Calendar(_ref) {
|
|
|
1044
1034
|
title: nextMonthButtonTitle
|
|
1045
1035
|
}),
|
|
1046
1036
|
onPreviousClick: function onPreviousClick() {
|
|
1047
|
-
return setDate
|
|
1037
|
+
return setDate(setMonth(date, date.getMonth() - 1));
|
|
1048
1038
|
},
|
|
1049
1039
|
onNextClick: function onNextClick() {
|
|
1050
|
-
return setDate
|
|
1040
|
+
return setDate(addMonths(date, 1));
|
|
1051
1041
|
},
|
|
1052
1042
|
children: jsx(CalendarNavigationLabel, {
|
|
1053
|
-
|
|
1043
|
+
dateTime: format(date, 'yyyy-mm'),
|
|
1044
|
+
children: format(date, 'LLLL Y', {
|
|
1054
1045
|
locale: locale
|
|
1055
1046
|
})
|
|
1056
1047
|
})
|
|
@@ -1078,10 +1069,9 @@ var Calendar = function Calendar(_ref) {
|
|
|
1078
1069
|
return jsx(CalendarTableDaysItemDay, {
|
|
1079
1070
|
isToday: isSameDay(date, day.date),
|
|
1080
1071
|
dayOutOfTheMonth: !isSameMonth(day.date, date),
|
|
1081
|
-
onClick: function onClick(
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
onCalendarClick(formatISO(selectedDay));
|
|
1072
|
+
onClick: function onClick() {
|
|
1073
|
+
setDate(day.date);
|
|
1074
|
+
onCalendarClick(formatISO(day.date));
|
|
1085
1075
|
},
|
|
1086
1076
|
"aria-label": format(day.date, 'eeee dd LLLL Y', {
|
|
1087
1077
|
locale: locale
|
|
@@ -1105,9 +1095,9 @@ styleInject(css_248z$M);
|
|
|
1105
1095
|
var css_248z$L = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-checkbox-border-color);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor,revert);height:var(--utrecht-checkbox-size);margin-block-start:var(--utrecht-checkbox-margin-block-start);-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-checkbox-size)}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-checked-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width,var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-indeterminate-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-active-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-focus-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width,var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-focus-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\")}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-checked-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-indeterminate-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color,var(--utrecht-checkbox-color))}";
|
|
1106
1096
|
styleInject(css_248z$L);
|
|
1107
1097
|
|
|
1108
|
-
var _excluded$
|
|
1109
|
-
function ownKeys$
|
|
1110
|
-
function _objectSpread$
|
|
1098
|
+
var _excluded$V = ["appearance", "disabled", "invalid", "required", "className"];
|
|
1099
|
+
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; }
|
|
1100
|
+
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; }
|
|
1111
1101
|
var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1112
1102
|
var _ref$appearance = _ref.appearance,
|
|
1113
1103
|
appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
|
|
@@ -1115,8 +1105,8 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1115
1105
|
invalid = _ref.invalid,
|
|
1116
1106
|
required = _ref.required,
|
|
1117
1107
|
className = _ref.className,
|
|
1118
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1119
|
-
return jsx("input", _objectSpread$
|
|
1108
|
+
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1109
|
+
return jsx("input", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
|
|
1120
1110
|
ref: ref,
|
|
1121
1111
|
type: "checkbox",
|
|
1122
1112
|
className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
|
|
@@ -1135,14 +1125,14 @@ Checkbox.displayName = 'Checkbox';
|
|
|
1135
1125
|
var css_248z$K = ".utrecht-code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}";
|
|
1136
1126
|
styleInject(css_248z$K);
|
|
1137
1127
|
|
|
1138
|
-
var _excluded$
|
|
1139
|
-
function ownKeys$
|
|
1140
|
-
function _objectSpread$
|
|
1128
|
+
var _excluded$U = ["children", "className"];
|
|
1129
|
+
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; }
|
|
1130
|
+
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; }
|
|
1141
1131
|
var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1142
1132
|
var children = _ref.children,
|
|
1143
1133
|
className = _ref.className,
|
|
1144
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1145
|
-
return jsx("code", _objectSpread$
|
|
1134
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1135
|
+
return jsx("code", _objectSpread$U(_objectSpread$U({
|
|
1146
1136
|
ref: ref,
|
|
1147
1137
|
className: clsx('utrecht-code', className)
|
|
1148
1138
|
}, restProps), {}, {
|
|
@@ -1154,14 +1144,14 @@ Code.displayName = 'Code';
|
|
|
1154
1144
|
var css_248z$J = ".utrecht-code-block{--utrecht-code-color:var(--utrecht-code-block-color,inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color,inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight,inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size,inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family,monospace);background-color:var(--utrecht-code-background-color);background-color:var(--utrecht-code-block-background-color);color:var(--utrecht-code-color);display:block;font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-size:var(--utrecht-code-block-font-size,var(--utrecht-code-font-size));font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);line-height:var(--utrecht-code-block-line-height,var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-code-block__content{font-family:inherit;font-size:inherit}";
|
|
1155
1145
|
styleInject(css_248z$J);
|
|
1156
1146
|
|
|
1157
|
-
var _excluded$
|
|
1158
|
-
function ownKeys$
|
|
1159
|
-
function _objectSpread$
|
|
1147
|
+
var _excluded$T = ["children", "className"];
|
|
1148
|
+
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; }
|
|
1149
|
+
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; }
|
|
1160
1150
|
var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1161
1151
|
var children = _ref.children,
|
|
1162
1152
|
className = _ref.className,
|
|
1163
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1164
|
-
return jsx("pre", _objectSpread$
|
|
1153
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1154
|
+
return jsx("pre", _objectSpread$T(_objectSpread$T({
|
|
1165
1155
|
ref: ref,
|
|
1166
1156
|
className: clsx('utrecht-code-block', className)
|
|
1167
1157
|
}, restProps), {}, {
|
|
@@ -1176,19 +1166,19 @@ CodeBlock.displayName = 'CodeBlock';
|
|
|
1176
1166
|
var css_248z$I = ".utrecht-color-sample{background-color:var(--utrecht-color-sample-background-color,currentColor);block-size:2em;border-color:var(--utrecht-color-sample-border-color,var(--utrecht-color-sample-default-border-color));border-style:solid;border-width:var(--utrecht-color-sample-border-width,0);box-sizing:border-box;display:inline-block;inline-size:2em}@media (forced-colors:active){.utrecht-color-sample{forced-color-adjust:none}}@media (forced-colors:active) and (prefers-color-scheme:dark){.utrecht-color-sample{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-dark-border-color,#000)}}@media (forced-colors:active) and (prefers-color-scheme:light){.utrecht-color-sample{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-light-border-color,#fff)}}";
|
|
1177
1167
|
styleInject(css_248z$I);
|
|
1178
1168
|
|
|
1179
|
-
var _excluded$
|
|
1180
|
-
function ownKeys$
|
|
1181
|
-
function _objectSpread$
|
|
1169
|
+
var _excluded$S = ["children", "className", "color", "style"];
|
|
1170
|
+
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; }
|
|
1171
|
+
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; }
|
|
1182
1172
|
var ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1183
1173
|
var children = _ref.children,
|
|
1184
1174
|
className = _ref.className,
|
|
1185
1175
|
color = _ref.color,
|
|
1186
1176
|
style = _ref.style,
|
|
1187
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1188
|
-
return jsx("data", _objectSpread$
|
|
1177
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1178
|
+
return jsx("data", _objectSpread$S(_objectSpread$S({
|
|
1189
1179
|
ref: ref,
|
|
1190
1180
|
className: clsx('utrecht-color-sample', className),
|
|
1191
|
-
style: _objectSpread$
|
|
1181
|
+
style: _objectSpread$S(_objectSpread$S({}, style), {}, {
|
|
1192
1182
|
color: color
|
|
1193
1183
|
}),
|
|
1194
1184
|
value: color
|
|
@@ -1201,26 +1191,26 @@ ColorSample.displayName = 'ColorSample';
|
|
|
1201
1191
|
var css_248z$H = ".utrecht-badge-data{background-color:var(--utrecht-badge-background-color,#000);border-radius:var(--utrecht-badge-border-radius,.5ch);color:var(--utrecht-badge-color,#fff);display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-font-size,inherit);font-style:var(--utrecht-badge-font-style,normal);font-weight:var(--utrecht-badge-font-weight,bold);letter-spacing:var(--utrecht-badge-data-letter-spacing,inherit);line-height:var(--utrecht-badge-line-height,1em);padding-block-end:var(--utrecht-badge-padding-block,.5ex);padding-block-start:var(--utrecht-badge-padding-block,.5ex);padding-inline-end:var(--utrecht-badge-padding-inline,.5ch);padding-inline-start:var(--utrecht-badge-padding-inline,.5ch);text-decoration:none;text-transform:var(--utrecht-badge-data-text-transform,inherit)}";
|
|
1202
1192
|
styleInject(css_248z$H);
|
|
1203
1193
|
|
|
1204
|
-
var _excluded$
|
|
1205
|
-
function ownKeys$
|
|
1206
|
-
function _objectSpread$
|
|
1194
|
+
var _excluded$R = ["children", "className", "dateTime", "value"];
|
|
1195
|
+
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; }
|
|
1196
|
+
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; }
|
|
1207
1197
|
var DataBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1208
1198
|
var children = _ref.children,
|
|
1209
1199
|
className = _ref.className,
|
|
1210
1200
|
dateTime = _ref.dateTime,
|
|
1211
1201
|
value = _ref.value,
|
|
1212
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1213
|
-
var props = _objectSpread$
|
|
1202
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1203
|
+
var props = _objectSpread$R({
|
|
1214
1204
|
children: children,
|
|
1215
1205
|
className: clsx('utrecht-badge-data', className)
|
|
1216
1206
|
}, restProps);
|
|
1217
|
-
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$
|
|
1207
|
+
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$R(_objectSpread$R({}, props), {}, {
|
|
1218
1208
|
dateTime: dateTime,
|
|
1219
1209
|
ref: ref
|
|
1220
|
-
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
1210
|
+
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$R(_objectSpread$R({}, props), {}, {
|
|
1221
1211
|
value: value,
|
|
1222
1212
|
ref: ref
|
|
1223
|
-
})) : jsx("span", _objectSpread$
|
|
1213
|
+
})) : jsx("span", _objectSpread$R(_objectSpread$R({}, props), {}, {
|
|
1224
1214
|
ref: ref
|
|
1225
1215
|
}));
|
|
1226
1216
|
});
|
|
@@ -1229,14 +1219,14 @@ DataBadge.displayName = 'DataBadge';
|
|
|
1229
1219
|
var css_248z$G = ".utrecht-document{color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color,inherit)}";
|
|
1230
1220
|
styleInject(css_248z$G);
|
|
1231
1221
|
|
|
1232
|
-
var _excluded$
|
|
1233
|
-
function ownKeys$
|
|
1234
|
-
function _objectSpread$
|
|
1222
|
+
var _excluded$Q = ["children", "className"];
|
|
1223
|
+
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; }
|
|
1224
|
+
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; }
|
|
1235
1225
|
var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1236
1226
|
var children = _ref.children,
|
|
1237
1227
|
className = _ref.className,
|
|
1238
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1239
|
-
return jsx("div", _objectSpread$
|
|
1228
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1229
|
+
return jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1240
1230
|
ref: ref,
|
|
1241
1231
|
className: clsx('utrecht-document', className),
|
|
1242
1232
|
children: children
|
|
@@ -1247,18 +1237,18 @@ Document.displayName = 'Document';
|
|
|
1247
1237
|
var css_248z$F = ".utrecht-data-list{display:block;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-data-list-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-data-list-margin-block-start, 0))}.utrecht-data-list__item-key{color:var(--utrecht-data-list-item-key-color);font-size:var(--utrecht-data-list-item-key-font-size);font-weight:var(--utrecht-data-list-item-key-font-weight);line-height:var(--utrecht-data-list-item-key-line-height)}.utrecht-data-list__item-value{color:var(--utrecht-data-list-item-value-color);font-size:var(--utrecht-data-list-item-value-font-size);font-weight:var(--utrecht-data-list-item-value-font-weight);line-height:var(--utrecht-data-list-item-value-line-height);min-block-size:calc(var(--utrecht-data-list-item-value-line-height)*1rem)}.utrecht-data-list__actions--html-dd,.utrecht-data-list__item-value--html-dd{margin-inline-start:0}.utrecht-data-list__item-value--multiline{white-space:pre-line}.utrecht-data-list--rows .utrecht-data-list__actions{align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}.utrecht-data-list--rows .utrecht-data-list__item{--_utrecht-minmax:max(var(--utrecht-data-list-rows-column-min-inline-size,25ch),var(--utrecht-data-list-rows-column-inline-size,80%));--_utrecht-auto-col:minmax(var(--_utrecht-minmax),max-content);border-bottom:var(--utrecht-data-list-rows-border-bottom-width,0) solid var(--utrecht-data-list-rows-border-bottom-color,transparent);display:grid;gap:0 var(--utrecht-data-list-rows-gap);grid-auto-columns:1fr;grid-template-columns:repeat(auto-fit,var(--_utrecht-auto-col));margin-block-start:var(--utrecht-data-list-rows-item-margin-block-start)}.utrecht-data-list--rows .utrecht-data-list__item:first-of-type{margin-block-start:0}.utrecht-data-list--rows .utrecht-data-list__item-value{margin-block-start:var(--utrecht-data-list-rows-item-value-margin-block-start)}";
|
|
1248
1238
|
styleInject(css_248z$F);
|
|
1249
1239
|
|
|
1250
|
-
var _excluded$
|
|
1240
|
+
var _excluded$P = ["appearance", "children", "className"],
|
|
1251
1241
|
_excluded2$3 = ["children", "className"],
|
|
1252
1242
|
_excluded3 = ["children", "className"],
|
|
1253
1243
|
_excluded4 = ["children", "className"];
|
|
1254
|
-
function ownKeys$
|
|
1255
|
-
function _objectSpread$
|
|
1244
|
+
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; }
|
|
1245
|
+
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; }
|
|
1256
1246
|
var DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1257
1247
|
var appearance = _ref.appearance,
|
|
1258
1248
|
children = _ref.children,
|
|
1259
1249
|
className = _ref.className,
|
|
1260
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1261
|
-
return jsx("dl", _objectSpread$
|
|
1250
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1251
|
+
return jsx("dl", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1262
1252
|
className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
|
|
1263
1253
|
ref: ref,
|
|
1264
1254
|
children: children
|
|
@@ -1269,7 +1259,7 @@ var DataListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1269
1259
|
var children = _ref2.children,
|
|
1270
1260
|
className = _ref2.className,
|
|
1271
1261
|
restProps = _objectWithoutProperties(_ref2, _excluded2$3);
|
|
1272
|
-
return jsx("div", _objectSpread$
|
|
1262
|
+
return jsx("div", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1273
1263
|
className: clsx('utrecht-data-list__item', className),
|
|
1274
1264
|
ref: ref,
|
|
1275
1265
|
children: children
|
|
@@ -1280,7 +1270,7 @@ var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
1280
1270
|
var children = _ref3.children,
|
|
1281
1271
|
className = _ref3.className,
|
|
1282
1272
|
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
1283
|
-
return jsx("dt", _objectSpread$
|
|
1273
|
+
return jsx("dt", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1284
1274
|
className: clsx('utrecht-data-list__item-key', className),
|
|
1285
1275
|
ref: ref,
|
|
1286
1276
|
children: children
|
|
@@ -1310,7 +1300,7 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
1310
1300
|
var children = _ref5.children,
|
|
1311
1301
|
className = _ref5.className,
|
|
1312
1302
|
restProps = _objectWithoutProperties(_ref5, _excluded4);
|
|
1313
|
-
return jsx("dd", _objectSpread$
|
|
1303
|
+
return jsx("dd", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1314
1304
|
className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
|
|
1315
1305
|
ref: ref,
|
|
1316
1306
|
children: children
|
|
@@ -1321,14 +1311,14 @@ DataListActions.displayName = 'DataListActions';
|
|
|
1321
1311
|
var css_248z$E = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}";
|
|
1322
1312
|
styleInject(css_248z$E);
|
|
1323
1313
|
|
|
1324
|
-
var _excluded$
|
|
1325
|
-
function ownKeys$
|
|
1326
|
-
function _objectSpread$
|
|
1314
|
+
var _excluded$O = ["children", "className"];
|
|
1315
|
+
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; }
|
|
1316
|
+
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; }
|
|
1327
1317
|
var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1328
1318
|
var children = _ref.children,
|
|
1329
1319
|
className = _ref.className,
|
|
1330
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1331
|
-
return jsx("em", _objectSpread$
|
|
1320
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
1321
|
+
return jsx("em", _objectSpread$O(_objectSpread$O({
|
|
1332
1322
|
ref: ref,
|
|
1333
1323
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
1334
1324
|
}, restProps), {}, {
|
|
@@ -1340,10 +1330,10 @@ Emphasis.displayName = 'Emphasis';
|
|
|
1340
1330
|
var css_248z$D = ".utrecht-form-fieldset{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-start, 0))}.utrecht-form-fieldset--html-fieldset,.utrecht-form-fieldset__fieldset--html-fieldset{all:revert;border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--html-legend{display:table;inline-size:100%;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced{--utrecht-space-around:1}.utrecht-form-fieldset--section{background-color:var(--utrecht-form-fieldset-section-background-color);color:var(--utrecht-form-fieldset-section-color)}.utrecht-form-fieldset__legend{color:var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-form-fieldset-legend-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-form-fieldset__legend--disabled{color:var(--utrecht-form-fieldset-legend-disabled-color,var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit)))}.utrecht-form-fieldset__legend--distanced{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-start, 0))}.utrecht-form-fieldset--invalid{border-inline-start-color:var(--utrecht-form-fieldset-invalid-border-inline-start-color,var(--utrecht-form-field-invalid-border-inline-start-color));border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-fieldset-invalid-border-inline-start-width,var(--utrecht-form-field-invalid-border-inline-start-width));padding-inline-start:var(--utrecht-form-fieldset-invalid-padding-inline-start,var(--utrecht-form-field-invalid-padding-inline-start))}";
|
|
1341
1331
|
styleInject(css_248z$D);
|
|
1342
1332
|
|
|
1343
|
-
var _excluded$
|
|
1333
|
+
var _excluded$N = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
|
|
1344
1334
|
_excluded2$2 = ["className", "children", "disabled", "invalid"];
|
|
1345
|
-
function ownKeys$
|
|
1346
|
-
function _objectSpread$
|
|
1335
|
+
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; }
|
|
1336
|
+
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; }
|
|
1347
1337
|
var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1348
1338
|
var ariaDescribedby = _ref['aria-describedby'],
|
|
1349
1339
|
ariaLabel = _ref['aria-label'],
|
|
@@ -1355,8 +1345,8 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1355
1345
|
invalid = _ref.invalid,
|
|
1356
1346
|
name = _ref.name,
|
|
1357
1347
|
role = _ref.role,
|
|
1358
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1359
|
-
return jsx("div", _objectSpread$
|
|
1348
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
1349
|
+
return jsx("div", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
1360
1350
|
ref: ref,
|
|
1361
1351
|
className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
|
|
1362
1352
|
children: jsx("fieldset", {
|
|
@@ -1380,7 +1370,7 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1380
1370
|
disabled = _ref2.disabled,
|
|
1381
1371
|
invalid = _ref2.invalid,
|
|
1382
1372
|
restProps = _objectWithoutProperties(_ref2, _excluded2$2);
|
|
1383
|
-
return jsx("fieldset", _objectSpread$
|
|
1373
|
+
return jsx("fieldset", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
1384
1374
|
ref: ref,
|
|
1385
1375
|
"aria-invalid": invalid || undefined,
|
|
1386
1376
|
disabled: disabled,
|
|
@@ -1390,14 +1380,14 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1390
1380
|
});
|
|
1391
1381
|
FieldsetOnly.displayName = 'Fieldset';
|
|
1392
1382
|
|
|
1393
|
-
var _excluded$
|
|
1394
|
-
function ownKeys$
|
|
1395
|
-
function _objectSpread$
|
|
1383
|
+
var _excluded$M = ["className", "children"];
|
|
1384
|
+
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; }
|
|
1385
|
+
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; }
|
|
1396
1386
|
var FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1397
1387
|
var className = _ref.className,
|
|
1398
1388
|
children = _ref.children,
|
|
1399
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1400
|
-
return jsx("legend", _objectSpread$
|
|
1389
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1390
|
+
return jsx("legend", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
1401
1391
|
ref: ref,
|
|
1402
1392
|
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
|
|
1403
1393
|
children: children
|
|
@@ -1408,14 +1398,14 @@ FieldsetLegend.displayName = 'FieldsetLegend';
|
|
|
1408
1398
|
var css_248z$C = ".utrecht-figure{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-start, 0))}.utrecht-figure__caption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}";
|
|
1409
1399
|
styleInject(css_248z$C);
|
|
1410
1400
|
|
|
1411
|
-
var _excluded$
|
|
1412
|
-
function ownKeys$
|
|
1413
|
-
function _objectSpread$
|
|
1401
|
+
var _excluded$L = ["className", "children"];
|
|
1402
|
+
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; }
|
|
1403
|
+
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; }
|
|
1414
1404
|
var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1415
1405
|
var className = _ref.className,
|
|
1416
1406
|
children = _ref.children,
|
|
1417
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1418
|
-
return jsx("figure", _objectSpread$
|
|
1407
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1408
|
+
return jsx("figure", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
1419
1409
|
ref: ref,
|
|
1420
1410
|
className: clsx('utrecht-figure', className),
|
|
1421
1411
|
children: children
|
|
@@ -1423,14 +1413,14 @@ var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1423
1413
|
});
|
|
1424
1414
|
Figure.displayName = 'Figure';
|
|
1425
1415
|
|
|
1426
|
-
var _excluded$
|
|
1427
|
-
function ownKeys$
|
|
1428
|
-
function _objectSpread$
|
|
1416
|
+
var _excluded$K = ["className", "children"];
|
|
1417
|
+
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; }
|
|
1418
|
+
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; }
|
|
1429
1419
|
var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1430
1420
|
var className = _ref.className,
|
|
1431
1421
|
children = _ref.children,
|
|
1432
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1433
|
-
return jsx("figcaption", _objectSpread$
|
|
1422
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
1423
|
+
return jsx("figcaption", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
1434
1424
|
ref: ref,
|
|
1435
1425
|
className: clsx('utrecht-figure__caption', className),
|
|
1436
1426
|
children: children
|
|
@@ -1441,16 +1431,16 @@ FigureCaption.displayName = 'FigureCaption';
|
|
|
1441
1431
|
var css_248z$B = ".utrecht-form-field{font-family:var(--utrecht-document-font-family,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-margin-block-start, 0));max-inline-size:var(--utrecht-form-field-max-inline-size);page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end,12px);grid-template-areas:\"input label\" \"input description\" \"input description-invalid\";grid-template-columns:var(--utrecht-checkbox-size) 100fr}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc((var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px))*-1)}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-checkbox-margin-inline-end,12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-radio-button-margin-inline-end,12px);grid-template-areas:\"input label\" \"input description\" \"input description-invalid\";grid-template-columns:var(--utrecht-radio-button-size) 100fr}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc((var(--utrecht-radio-button-size) + var(--utrecht-radio-button-margin-inline-end, 12px))*-1)}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-radio-button-margin-inline-end,12px)}.utrecht-form-field__input{grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:description-invalid;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}";
|
|
1442
1432
|
styleInject(css_248z$B);
|
|
1443
1433
|
|
|
1444
|
-
var _excluded$
|
|
1445
|
-
function ownKeys$
|
|
1446
|
-
function _objectSpread$
|
|
1434
|
+
var _excluded$J = ["className", "children", "invalid", "type"];
|
|
1435
|
+
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; }
|
|
1436
|
+
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; }
|
|
1447
1437
|
var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1448
1438
|
var className = _ref.className,
|
|
1449
1439
|
children = _ref.children,
|
|
1450
1440
|
invalid = _ref.invalid,
|
|
1451
1441
|
type = _ref.type,
|
|
1452
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1453
|
-
return jsx("div", _objectSpread$
|
|
1442
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
1443
|
+
return jsx("div", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
1454
1444
|
ref: ref,
|
|
1455
1445
|
className: clsx('utrecht-form-field', {
|
|
1456
1446
|
'utrecht-form-field--invalid': invalid,
|
|
@@ -1466,17 +1456,17 @@ FormField.displayName = 'FormField';
|
|
|
1466
1456
|
var css_248z$A = ".utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-form-field-description-font-size,inherit);font-style:var(--utrecht-form-field-description-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description--distanced,.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color,var(--utrecht-feedback-invalid-color,var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color,var(--utrecht-feedback-valid-color,var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color,var(--utrecht-feedback-warning-color))}";
|
|
1467
1457
|
styleInject(css_248z$A);
|
|
1468
1458
|
|
|
1469
|
-
var _excluded$
|
|
1470
|
-
function ownKeys$
|
|
1471
|
-
function _objectSpread$
|
|
1459
|
+
var _excluded$I = ["invalid", "valid", "warning", "className", "children"];
|
|
1460
|
+
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; }
|
|
1461
|
+
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; }
|
|
1472
1462
|
var FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1473
1463
|
var invalid = _ref.invalid,
|
|
1474
1464
|
valid = _ref.valid,
|
|
1475
1465
|
warning = _ref.warning,
|
|
1476
1466
|
className = _ref.className,
|
|
1477
1467
|
children = _ref.children,
|
|
1478
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1479
|
-
return jsx("div", _objectSpread$
|
|
1468
|
+
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
1469
|
+
return jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
|
|
1480
1470
|
ref: ref,
|
|
1481
1471
|
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),
|
|
1482
1472
|
children: children
|
|
@@ -1487,17 +1477,17 @@ FormFieldDescription.displayName = 'FormFieldDescription';
|
|
|
1487
1477
|
var css_248z$z = ".utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor,revert);font-weight:var(--utrecht-form-label-disabled-color,var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}";
|
|
1488
1478
|
styleInject(css_248z$z);
|
|
1489
1479
|
|
|
1490
|
-
var _excluded$
|
|
1491
|
-
function ownKeys$
|
|
1492
|
-
function _objectSpread$
|
|
1480
|
+
var _excluded$H = ["children", "className", "type", "disabled", "checked"];
|
|
1481
|
+
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; }
|
|
1482
|
+
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; }
|
|
1493
1483
|
var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1494
1484
|
var children = _ref.children,
|
|
1495
1485
|
className = _ref.className,
|
|
1496
1486
|
type = _ref.type,
|
|
1497
1487
|
disabled = _ref.disabled,
|
|
1498
1488
|
checked = _ref.checked,
|
|
1499
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1500
|
-
return jsx("label", _objectSpread$
|
|
1489
|
+
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
1490
|
+
return jsx("label", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
|
|
1501
1491
|
ref: ref,
|
|
1502
1492
|
className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
|
|
1503
1493
|
children: children
|
|
@@ -1508,14 +1498,14 @@ FormLabel.displayName = 'FormLabel';
|
|
|
1508
1498
|
var css_248z$y = "@charset \"UTF-8\";.utrecht-html{--utrecht-space-around:1}.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-html blockquote{--utrecht-document-color:var(--utrecht-blockquote-content-color,inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size,inherit);--utrecht-space-around:1;background-color:var(--utrecht-blockquote-background-color);color:var(--utrecht-blockquote-color);color:var(--utrecht-blockquote-content-color,inherit);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);font-size:var(--utrecht-blockquote-content-font-size,inherit);font-style:var(--utrecht-blockquote-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-start, 0));margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);padding-block-end:var(--utrecht-blockquote-padding-block-end);padding-block-start:var(--utrecht-blockquote-padding-block-start);padding-inline-end:var(--utrecht-blockquote-padding-inline-end);padding-inline-start:var(--utrecht-blockquote-padding-inline-start)}.utrecht-html button,.utrecht-html input[type=button i],.utrecht-html input[type=reset i],.utrecht-html input[type=submit i]{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor)}.utrecht-html button:disabled,.utrecht-html button[aria-disabled=true]{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html button:disabled[aria-busy=true],.utrecht-html button[aria-busy=true],.utrecht-html button[aria-disabled=true][aria-busy=true]{cursor:var(--utrecht-action-busy-cursor)}.utrecht-html button:active:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-html button:hover:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-html button:focus:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-html button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input[type=checkbox i]{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=checkbox i]:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-html input[type=checkbox i]:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input[type=checkbox i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html body{background-color:var(--utrecht-document-background-color,inherit);color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility}.utrecht-html body :lang(ar){letter-spacing:0!important}.utrecht-html code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}.utrecht-html fieldset{--utrecht-space-around:1;all:revert;border:0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-start, 0));margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-html figure{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-start, 0))}.utrecht-html figcaption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}.utrecht-html form{max-inline-size:var(--utrecht-form-max-inline-size)}.utrecht-html legend{color:var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit));display:table;font-family:var(--utrecht-form-fieldset-legend-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);inline-size:100%;line-height:var(--utrecht-form-fieldset-legend-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-start, 0));padding-inline-end:0;padding-inline-start:0;page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-html fieldset:disabled>legend{color:var(--utrecht-form-fieldset-legend-disabled-color,var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit)))}.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-html input[type=checkbox i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html input[type=radio i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html mark{background-color:var(--utrecht-mark-background-color,revert);color:var(--utrecht-mark-color,revert)}@media print{.utrecht-html mark{outline-color:currentColor;outline-style:dotted;outline-width:.1em}}@media screen and (-ms-high-contrast:active){.utrecht-html mark{background-color:Highlight;color:HighlightText}}.utrecht-html h1{color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size,revert);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-start, 0));text-transform:var(--utrecht-heading-1-text-transform,inherit)}.utrecht-html h1,.utrecht-html h2{--utrecht-space-around:1;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h2{color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size,revert);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-start, 0));text-transform:var(--utrecht-heading-2-text-transform,inherit)}.utrecht-html h3{color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0));text-transform:var(--utrecht-heading-3-text-transform,inherit)}.utrecht-html h3,.utrecht-html h4{--utrecht-space-around:1;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h4{color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));text-transform:var(--utrecht-heading-4-text-transform,inherit)}.utrecht-html h5{color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0));text-transform:var(--utrecht-heading-5-text-transform,inherit)}.utrecht-html h5,.utrecht-html h6{--utrecht-space-around:1;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h6{color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0));text-transform:var(--utrecht-heading-6-text-transform,inherit)}.utrecht-html hgroup{--utrecht-pre-heading-order:-1;--utrecht-space-around:1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-start, 0))}.utrecht-html hgroup>*{--utrecht-space-around:0}.utrecht-html a:link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--utrecht-link-color,blue);text-decoration:var(--utrecht-link-text-decoration,underline);text-decoration-color:var(--utrecht-link-text-decoration-color,currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness),1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-html a:visited{color:var(--utrecht-link-visited-color,var(--utrecht-link-color))}.utrecht-html a:hover{text-decoration-skip:none;color:var(--utrecht-link-hover-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-html a:active{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-html a:focus{text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-link-focus-color,var(--utrecht-link-color));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-html a:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-html ol{--utrecht-space-around:1;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit)));line-height:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit)));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));padding-inline-start:var(--utrecht-ordered-list-padding-inline-start,var(--utrecht-unordered-list-padding-inline-start,2ch));text-align:start;width:max-content}.utrecht-html ol>li{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end,var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start,var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start,var(--utrecht-unordered-list-item-padding-inline-start,1ch))}.utrecht-html ol:lang(ar){list-style:arabic-indic}.utrecht-html p{color:var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-paragraph-font-family,var(--utrecht-document-font-family,inherit));font-size:var(--utrecht-paragraph-font-size,var(--utrecht-document-font-size,inherit));font-weight:var(--utrecht-paragraph-font-weight,inherit);line-height:var(--utrecht-paragraph-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-html p.lead{color:var(--utrecht-paragraph-lead-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-lead-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-lead-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-lead-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html *~p{--utrecht-space-around:1}.utrecht-html p:has(>small:only-child){color:var(--utrecht-paragraph-small-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-small-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-small-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-small-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html p>small:only-child{font-size:inherit}.utrecht-html pre:has(>code:only-child){--utrecht-code-color:var(--utrecht-code-block-color,inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color,inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight,inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size,inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family,monospace);background-color:var(--utrecht-code-background-color);background-color:var(--utrecht-code-block-background-color);color:var(--utrecht-code-color);display:block;font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-size:var(--utrecht-code-block-font-size,var(--utrecht-code-font-size));font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);line-height:var(--utrecht-code-block-line-height,var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-html pre:has(>code:only-child)>code{display:contents}.utrecht-html input[type=radio i]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--utrecht-radio-button-background-color);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor);height:var(--utrecht-radio-button-size);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-end:var(--utrecht-radio-button-margin-inline-end);margin-inline-start:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-radio-button-size)}.utrecht-html input[type=radio i]:disabled{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-disabled-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-disabled-color,var(--utrecht-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input[type=radio i]:disabled:checked{background-color:var(--utrecht-radio-button-disabled-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-html input[type=radio i]:disabled:active{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-html input[type=radio i]:hover{background-color:var(--utrecht-radio-button-hover-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-hover-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-hover-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-hover-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:focus{background-color:var(--utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-focus-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input[type=radio i]:invalid,.utrecht-html input[type=radio i][aria-invalid=true]{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:active{background-color:var(--utrecht-radio-button-active-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-active-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-active-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-active-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:checked{background-color:var(--utrecht-radio-button-checked-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-checked-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-checked-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-checked-color,var(--utrecht-radio-button-color))}.utrecht-html select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color,var(--utrecht-form-control-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width)));border-block-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-color:var(--utrecht-select-border-color,var(--utrecht-form-control-border-color));border-inline-end-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-inline-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-radius:var(--utrecht-select-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;color:var(--utrecht-select-color,var(--utrecht-form-control-color));font-family:var(--utrecht-select-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-select-font-size,var(--utrecht-form-control-font-size));max-inline-size:var(--utrecht-select-max-inline-size,var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end,var(--utrecht-form-control-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start,var(--utrecht-form-control-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end,var(--utrecht-form-control-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start,var(--utrecht-form-control-padding-inline-start));width:100%}.utrecht-html select:disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html select:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-select-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html select:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html select[aria-invalid=true]{--_utrecht-select-border-width:var(\n --utrecht-select-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-select-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));border-width:var(--_utrecht-select-border-width);border-bottom-width:var(--utrecht-select-invalid-border-block-end-width,var(--utrecht-form-control-invalid-border-block-end-width,var(--utrecht-select-border-block-end-width,var(--utrecht-form-control-border-block-end-width,var(--_utrecht-select-border-width)))))}.utrecht-html hr{border-color:var(--utrecht-separator-color);border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-start, 0))}.utrecht-html hr,.utrecht-html table{--utrecht-space-around:1;border-style:solid}.utrecht-html table{border-collapse:collapse;border-color:var(--utrecht-table-border-color,0);border-width:var(--utrecht-table-border-width,0);font-family:var(--utrecht-table-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size,inherit);line-height:var(--utrecht-table-line-height,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-start, 0));width:100%}.utrecht-html caption{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align,center)}.utrecht-html thead{--_utrecht-table-header-cell-vertical-align:bottom;background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform)}.utrecht-html th{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align,top)}.utrecht-html td,.utrecht-html th{border-block-end-color:var(--utrecht-table-row-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width,0);line-height:var(--utrecht-table-cell-line-height,inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end,0);padding-block-start:var(--utrecht-table-cell-padding-block-start,0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end,0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start,0);text-align:start;vertical-align:top}.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start,var(--utrecht-table-cell-padding-inline-start,0))}.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end,var(--utrecht-table-cell-padding-inline-end,0))}.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width,0)}.utrecht-html tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric,.utrecht-html thead>tr>th.numeric{text-align:right}.utrecht-html td.numeric{font-variant-numeric:lining-nums tabular-nums;text-align:right}.utrecht-html table.alternate-row-color>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color));border-width:var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size,var(--utrecht-form-control-font-size,1em));font-weight:400;height:auto;line-height:var(--utrecht-textarea-line-height,initial);max-inline-size:var(--utrecht-textarea-max-inline-size,var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textarea-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textarea-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial));resize:vertical;width:100%}.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html textarea:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textarea-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html textarea:invalid,.utrecht-html textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n --utrecht-textarea-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));border-width:var(--_utrecht-textarea-border-width);border-bottom-width:var(--utrecht-textarea-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textarea-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textarea-border-width)))));color:var(--utrecht-textarea-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-html textarea:read-only{background-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textarea-border,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-control-font-size,1em));font-weight:400;height:auto;line-height:normal;max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial));width:100%}.utrecht-html input:not([type]):disabled,.utrecht-html input[type=date i]:disabled,.utrecht-html input[type=datetime-local i]:disabled,.utrecht-html input[type=email i]:disabled,.utrecht-html input[type=month i]:disabled,.utrecht-html input[type=number i]:disabled,.utrecht-html input[type=password i]:disabled,.utrecht-html input[type=search i]:disabled,.utrecht-html input[type=tel i]:disabled,.utrecht-html input[type=text i]:disabled,.utrecht-html input[type=time i]:disabled,.utrecht-html input[type=url i]:disabled,.utrecht-html input[type=week i]:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input:not([type]):focus,.utrecht-html input[type=date i]:focus,.utrecht-html input[type=datetime-local i]:focus,.utrecht-html input[type=email i]:focus,.utrecht-html input[type=month i]:focus,.utrecht-html input[type=number i]:focus,.utrecht-html input[type=password i]:focus,.utrecht-html input[type=search i]:focus,.utrecht-html input[type=tel i]:focus,.utrecht-html input[type=text i]:focus,.utrecht-html input[type=time i]:focus,.utrecht-html input[type=url i]:focus,.utrecht-html input[type=week i]:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input:not([type]):focus:not(:focus-visible),.utrecht-html input[type=date i]:focus:not(:focus-visible),.utrecht-html input[type=datetime-local i]:focus:not(:focus-visible),.utrecht-html input[type=email i]:focus:not(:focus-visible),.utrecht-html input[type=month i]:focus:not(:focus-visible),.utrecht-html input[type=number i]:focus:not(:focus-visible),.utrecht-html input[type=password i]:focus:not(:focus-visible),.utrecht-html input[type=search i]:focus:not(:focus-visible),.utrecht-html input[type=tel i]:focus:not(:focus-visible),.utrecht-html input[type=text i]:focus:not(:focus-visible),.utrecht-html input[type=time i]:focus:not(:focus-visible),.utrecht-html input[type=url i]:focus:not(:focus-visible),.utrecht-html input[type=week i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html input:not([type]):invalid,.utrecht-html input:not([type])[aria-invalid=true],.utrecht-html input[type=date i]:invalid,.utrecht-html input[type=date i][aria-invalid=true],.utrecht-html input[type=datetime-local i]:invalid,.utrecht-html input[type=datetime-local i][aria-invalid=true],.utrecht-html input[type=email i]:invalid,.utrecht-html input[type=email i][aria-invalid=true],.utrecht-html input[type=month i]:invalid,.utrecht-html input[type=month i][aria-invalid=true],.utrecht-html input[type=number i]:invalid,.utrecht-html input[type=number i][aria-invalid=true],.utrecht-html input[type=password i]:invalid,.utrecht-html input[type=password i][aria-invalid=true],.utrecht-html input[type=search i]:invalid,.utrecht-html input[type=search i][aria-invalid=true],.utrecht-html input[type=tel i]:invalid,.utrecht-html input[type=tel i][aria-invalid=true],.utrecht-html input[type=text i]:invalid,.utrecht-html input[type=text i][aria-invalid=true],.utrecht-html input[type=time i]:invalid,.utrecht-html input[type=time i][aria-invalid=true],.utrecht-html input[type=url i]:invalid,.utrecht-html input[type=url i][aria-invalid=true],.utrecht-html input[type=week i]:invalid,.utrecht-html input[type=week i][aria-invalid=true]{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,var(\n --utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));border-width:var(--_utrecht-textbox-border-width);border-bottom-width:var(--utrecht-textbox-invalid-border-bottom-width,var(--utrecht-form-control-invalid-border-bottom-width,var(--utrecht-textbox-border-bottom-width,var(--utrecht-form-control-border-bottom-width,var(--_utrecht-textbox-border-width)))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-html input:not([type]):read-only,.utrecht-html input[type=date i]:read-only,.utrecht-html input[type=datetime-local i]:read-only,.utrecht-html input[type=email i]:read-only,.utrecht-html input[type=month i]:read-only,.utrecht-html input[type=number i]:read-only,.utrecht-html input[type=password i]:read-only,.utrecht-html input[type=search i]:read-only,.utrecht-html input[type=tel i]:read-only,.utrecht-html input[type=text i]:read-only,.utrecht-html input[type=time i]:read-only,.utrecht-html input[type=url i]:read-only,.utrecht-html input[type=week i]:read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=date i]::placeholder,.utrecht-html input[type=datetime-local i]::placeholder,.utrecht-html input[type=email i]::placeholder,.utrecht-html input[type=month i]::placeholder,.utrecht-html input[type=number i]::placeholder,.utrecht-html input[type=password i]::placeholder,.utrecht-html input[type=search i]::placeholder,.utrecht-html input[type=tel i]::placeholder,.utrecht-html input[type=text i]::placeholder,.utrecht-html input[type=time i]::placeholder,.utrecht-html input[type=url i]::placeholder,.utrecht-html input[type=week i]::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input[autocomplete~=current-password i],.utrecht-html input[autocomplete~=new-password i],.utrecht-html input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-html input[autocomplete~=bday i],.utrecht-html input[autocomplete~=bday-day i],.utrecht-html input[autocomplete~=bday-month i],.utrecht-html input[autocomplete~=bday-year i],.utrecht-html input[autocomplete~=cc-csc i],.utrecht-html input[autocomplete~=cc-exp i],.utrecht-html input[autocomplete~=cc-exp-month i],.utrecht-html input[autocomplete~=cc-exp-year i],.utrecht-html input[autocomplete~=cc-number i],.utrecht-html input[autocomplete~=one-time-code i],.utrecht-html input[autocomplete~=postal-code i],.utrecht-html input[autocomplete~=tel i],.utrecht-html input[autocomplete~=tel-area-code i],.utrecht-html input[autocomplete~=tel-country-code i],.utrecht-html input[autocomplete~=tel-extension i],.utrecht-html input[autocomplete~=tel-local i],.utrecht-html input[autocomplete~=tel-national i],.utrecht-html input[autocomplete~=transaction-amount i],.utrecht-html input[inputmode=decimal i],.utrecht-html input[inputmode=numeric i],.utrecht-html input[inputmode=tel i],.utrecht-html input[type=number i],.utrecht-html input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-html input[inputmode=email i],.utrecht-html input[inputmode=url i],.utrecht-html input[type=email i],.utrecht-html input[type=url i]{font-variant-ligatures:none}.utrecht-html ul{--utrecht-space-around:1;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch);text-align:start;width:max-content}.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start,1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}";
|
|
1509
1499
|
styleInject(css_248z$y);
|
|
1510
1500
|
|
|
1511
|
-
var _excluded$
|
|
1512
|
-
function ownKeys$
|
|
1513
|
-
function _objectSpread$
|
|
1501
|
+
var _excluded$G = ["children", "className"];
|
|
1502
|
+
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; }
|
|
1503
|
+
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; }
|
|
1514
1504
|
var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1515
1505
|
var children = _ref.children,
|
|
1516
1506
|
className = _ref.className,
|
|
1517
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1518
|
-
return jsx("div", _objectSpread$
|
|
1507
|
+
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
1508
|
+
return jsx("div", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
1519
1509
|
ref: ref,
|
|
1520
1510
|
className: clsx('utrecht-html', className),
|
|
1521
1511
|
children: children
|
|
@@ -1541,20 +1531,35 @@ styleInject(css_248z$t);
|
|
|
1541
1531
|
var css_248z$s = ".utrecht-heading-6{color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-6-text-transform,inherit)}.utrecht-heading-6--distanced{--utrecht-space-around:1}";
|
|
1542
1532
|
styleInject(css_248z$s);
|
|
1543
1533
|
|
|
1534
|
+
var _excluded$F = ["children", "className"];
|
|
1535
|
+
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; }
|
|
1536
|
+
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; }
|
|
1537
|
+
var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1538
|
+
var children = _ref.children,
|
|
1539
|
+
className = _ref.className,
|
|
1540
|
+
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
1541
|
+
return jsx("h1", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
|
|
1542
|
+
ref: ref,
|
|
1543
|
+
className: clsx('utrecht-heading-1', className),
|
|
1544
|
+
children: children
|
|
1545
|
+
}));
|
|
1546
|
+
});
|
|
1547
|
+
Heading1.displayName = 'Heading1';
|
|
1548
|
+
|
|
1544
1549
|
var _excluded$E = ["children", "className"];
|
|
1545
1550
|
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; }
|
|
1546
1551
|
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; }
|
|
1547
|
-
var
|
|
1552
|
+
var Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1548
1553
|
var children = _ref.children,
|
|
1549
1554
|
className = _ref.className,
|
|
1550
1555
|
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
1551
|
-
return jsx("
|
|
1556
|
+
return jsx("h2", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
|
|
1552
1557
|
ref: ref,
|
|
1553
|
-
className: clsx('utrecht-heading-
|
|
1558
|
+
className: clsx('utrecht-heading-2', className),
|
|
1554
1559
|
children: children
|
|
1555
1560
|
}));
|
|
1556
1561
|
});
|
|
1557
|
-
|
|
1562
|
+
Heading2.displayName = 'Heading2';
|
|
1558
1563
|
|
|
1559
1564
|
var _excluded$D = ["children", "className"];
|
|
1560
1565
|
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; }
|
|
@@ -2074,7 +2079,7 @@ var SpotlightSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2074
2079
|
});
|
|
2075
2080
|
SpotlightSection.displayName = 'SpotlightSection';
|
|
2076
2081
|
|
|
2077
|
-
var css_248z$6 = ".utrecht-badge-status{background-color:var(--utrecht-badge-background-color,#000);border-radius:var(--utrecht-badge-border-radius,.5ch);color:var(--utrecht-badge-color,#fff);display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-font-size,inherit);font-style:var(--utrecht-badge-font-style,normal);font-weight:var(--utrecht-badge-font-weight,bold);letter-spacing:var(--utrecht-badge-status-letter-spacing,inherit);line-height:var(--utrecht-badge-line-height,1em);padding-block-end:var(--utrecht-badge-padding-block,.5ex);padding-block-start:var(--utrecht-badge-padding-block,.5ex);padding-inline-end:var(--utrecht-badge-padding-inline,.5ch);padding-inline-start:var(--utrecht-badge-padding-inline,.5ch);text-decoration:none;text-transform:var(--utrecht-badge-status-text-transform,inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color
|
|
2082
|
+
var css_248z$6 = ".utrecht-badge-status{background-color:var(--utrecht-badge-background-color,#000);border-radius:var(--utrecht-badge-border-radius,.5ch);color:var(--utrecht-badge-color,#fff);display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-font-size,inherit);font-style:var(--utrecht-badge-font-style,normal);font-weight:var(--utrecht-badge-font-weight,bold);letter-spacing:var(--utrecht-badge-status-letter-spacing,inherit);line-height:var(--utrecht-badge-line-height,1em);padding-block-end:var(--utrecht-badge-padding-block,.5ex);padding-block-start:var(--utrecht-badge-padding-block,.5ex);padding-inline-end:var(--utrecht-badge-padding-inline,.5ch);padding-inline-start:var(--utrecht-badge-padding-inline,.5ch);text-decoration:none;text-transform:var(--utrecht-badge-status-text-transform,inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color,#c00);color:var(--utrecht-feedback-danger-fill-color,#fff)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color,#fc0);color:var(--utrecht-feedback-warning-fill-color,#fff)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color,#80a659);color:var(--utrecht-feedback-safe-fill-color,#fff)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color,#000);color:var(--utrecht-feedback-neutral-fill-color,#fff)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color,var(--utrecht-feedback-safe-fill-background-color,#80a659));color:var(--utrecht-feedback-valid-fill-color,var(--utrecht-feedback-safe-fill-color,#fff))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color,var(--utrecht-feedback-danger-fill-background-color,#ffa600));color:var(--utrecht-feedback-invalid-fill-color,var(--utrecht-feedback-danger-fill-color,#fff))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color,var(--utrecht-feedback-danger-fill-background-color,#900));color:var(--utrecht-feedback-error-fill-color,var(--utrecht-feedback-danger-fill-color,#fff))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color,var(--utrecht-feedback-safe-fill-background-color,#80a659));color:var(--utrecht-feedback-success-fill-color,var(--utrecht-feedback-safe-fill-color,#fff))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color,var(--utrecht-feedback-safe-fill-background-color,#80a659));color:var(--utrecht-feedback-active-fill-color,var(--utrecht-feedback-safe-fill-color,#fff))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color,var(--utrecht-feedback-danger-fill-background-color,#c00));color:var(--utrecht-feedback-inactive-fill-color,var(--utrecht-feedback-danger-fill-color,#fff))}";
|
|
2078
2083
|
styleInject(css_248z$6);
|
|
2079
2084
|
|
|
2080
2085
|
var _excluded$f = ["className", "status"];
|