@utrecht/component-library-react 1.0.0-alpha.344 → 1.0.0-alpha.345
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/css-module/index.js +335 -288
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +335 -289
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/css-module/src/FormToggle.d.ts +5 -0
- package/dist/css-module/src/css-module/FormToggle.d.ts +6 -0
- package/dist/css-module/src/css-module/index.d.ts +1 -0
- package/dist/css-module/src/index.d.ts +1 -0
- package/dist/index.cjs.js +278 -234
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +278 -235
- package/dist/index.esm.js.map +1 -1
- package/dist/src/FormToggle.d.ts +5 -0
- package/dist/src/css-module/FormToggle.d.ts +6 -0
- package/dist/src/css-module/index.d.ts +1 -0
- package/dist/src/index.d.ts +1 -0
- package/package.json +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -10,9 +10,9 @@ import { startOfWeek, endOfWeek, eachDayOfInterval, isSameDay, endOfDay, parseIS
|
|
|
10
10
|
import { enUS } from 'date-fns/locale';
|
|
11
11
|
import chunk from 'lodash.chunk';
|
|
12
12
|
|
|
13
|
-
var _excluded$
|
|
14
|
-
function ownKeys$
|
|
15
|
-
function _objectSpread$
|
|
13
|
+
var _excluded$1n = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
14
|
+
function ownKeys$1n(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; }
|
|
15
|
+
function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16
16
|
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
17
17
|
var appearance = _ref.appearance,
|
|
18
18
|
busy = _ref.busy,
|
|
@@ -22,8 +22,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22
22
|
hint = _ref.hint,
|
|
23
23
|
pressed = _ref.pressed,
|
|
24
24
|
type = _ref.type,
|
|
25
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
26
|
-
return jsx("button", _objectSpread$
|
|
25
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1n);
|
|
26
|
+
return jsx("button", _objectSpread$1n(_objectSpread$1n({
|
|
27
27
|
ref: ref,
|
|
28
28
|
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),
|
|
29
29
|
"aria-busy": busy || undefined,
|
|
@@ -37,38 +37,38 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
37
37
|
Button.displayName = 'Button';
|
|
38
38
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
39
39
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
40
|
-
return jsx(Button, _objectSpread$
|
|
40
|
+
return jsx(Button, _objectSpread$1n(_objectSpread$1n({}, args), {}, {
|
|
41
41
|
appearance: "primary-action-button"
|
|
42
42
|
}));
|
|
43
43
|
};
|
|
44
44
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
45
45
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
46
46
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
47
|
-
return jsx(Button, _objectSpread$
|
|
47
|
+
return jsx(Button, _objectSpread$1n(_objectSpread$1n({}, args), {}, {
|
|
48
48
|
appearance: "secondary-action-button"
|
|
49
49
|
}));
|
|
50
50
|
};
|
|
51
51
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
52
52
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
53
53
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
54
|
-
return jsx(Button, _objectSpread$
|
|
54
|
+
return jsx(Button, _objectSpread$1n(_objectSpread$1n({}, args), {}, {
|
|
55
55
|
appearance: "subtle-button"
|
|
56
56
|
}));
|
|
57
57
|
};
|
|
58
58
|
SubtleButton.displayName = 'SubtleButton';
|
|
59
59
|
|
|
60
|
-
var _excluded$
|
|
61
|
-
function ownKeys$
|
|
62
|
-
function _objectSpread$
|
|
60
|
+
var _excluded$1m = ["appearance", "className", "level"];
|
|
61
|
+
function ownKeys$1m(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; }
|
|
62
|
+
function _objectSpread$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
63
63
|
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
64
64
|
var appearance = _ref.appearance,
|
|
65
65
|
className = _ref.className,
|
|
66
66
|
level = _ref.level,
|
|
67
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
67
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1m);
|
|
68
68
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
69
69
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
70
70
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
71
|
-
return jsx(HeadingX, _objectSpread$
|
|
71
|
+
return jsx(HeadingX, _objectSpread$1m(_objectSpread$1m({
|
|
72
72
|
className: clsx(headingClassName, className)
|
|
73
73
|
}, restProps), {}, {
|
|
74
74
|
ref: ref
|
|
@@ -76,9 +76,9 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
76
76
|
});
|
|
77
77
|
Heading.displayName = 'Heading';
|
|
78
78
|
|
|
79
|
-
var _excluded$
|
|
80
|
-
function ownKeys$
|
|
81
|
-
function _objectSpread$
|
|
79
|
+
var _excluded$1l = ["children", "group", "headingLevel", "heading"];
|
|
80
|
+
function ownKeys$1l(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; }
|
|
81
|
+
function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
82
82
|
/**
|
|
83
83
|
* Find the first item in an array
|
|
84
84
|
*/
|
|
@@ -164,12 +164,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
164
164
|
ref: buttonRef,
|
|
165
165
|
children: label
|
|
166
166
|
})
|
|
167
|
-
}), section ? jsx("section", _objectSpread$
|
|
167
|
+
}), section ? jsx("section", _objectSpread$1l(_objectSpread$1l({
|
|
168
168
|
id: panelId,
|
|
169
169
|
"aria-labelledby": buttonId
|
|
170
170
|
}, panelAttributes), {}, {
|
|
171
171
|
children: children
|
|
172
|
-
})) : jsx("div", _objectSpread$
|
|
172
|
+
})) : jsx("div", _objectSpread$1l(_objectSpread$1l({}, panelAttributes), {}, {
|
|
173
173
|
children: children
|
|
174
174
|
}))]
|
|
175
175
|
});
|
|
@@ -180,13 +180,13 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
180
180
|
group = _ref2.group,
|
|
181
181
|
headingLevel = _ref2.headingLevel,
|
|
182
182
|
heading = _ref2.heading,
|
|
183
|
-
props = _objectWithoutProperties(_ref2, _excluded$
|
|
183
|
+
props = _objectWithoutProperties(_ref2, _excluded$1l);
|
|
184
184
|
var headingId = useId();
|
|
185
185
|
return jsxs(Fragment, {
|
|
186
186
|
children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
|
|
187
187
|
level: headingLevel,
|
|
188
188
|
children: heading
|
|
189
|
-
}), jsx("div", _objectSpread$
|
|
189
|
+
}), jsx("div", _objectSpread$1l(_objectSpread$1l({
|
|
190
190
|
className: clsx('utrecht-accordion'),
|
|
191
191
|
role: group ? 'group' : undefined,
|
|
192
192
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -294,7 +294,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
294
294
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
295
295
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
296
296
|
if (index === activatedIndex) {
|
|
297
|
-
return _objectSpread$
|
|
297
|
+
return _objectSpread$1l(_objectSpread$1l({}, section), {}, {
|
|
298
298
|
expanded: !section.expanded
|
|
299
299
|
});
|
|
300
300
|
} else {
|
|
@@ -302,7 +302,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
302
302
|
}
|
|
303
303
|
}));
|
|
304
304
|
};
|
|
305
|
-
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$
|
|
305
|
+
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1l(_objectSpread$1l({}, section), {}, {
|
|
306
306
|
ref: refs[index],
|
|
307
307
|
buttonRef: buttonRefs[index],
|
|
308
308
|
key: index,
|
|
@@ -315,16 +315,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
315
315
|
};
|
|
316
316
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
317
317
|
|
|
318
|
-
var _excluded$
|
|
319
|
-
function ownKeys$
|
|
320
|
-
function _objectSpread$
|
|
318
|
+
var _excluded$1k = ["children", "className", "icon", "type"];
|
|
319
|
+
function ownKeys$1k(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; }
|
|
320
|
+
function _objectSpread$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
321
321
|
var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
322
322
|
var children = _ref.children,
|
|
323
323
|
className = _ref.className,
|
|
324
324
|
icon = _ref.icon,
|
|
325
325
|
type = _ref.type,
|
|
326
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
327
|
-
return jsxs("div", _objectSpread$
|
|
326
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1k);
|
|
327
|
+
return jsxs("div", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
|
|
328
328
|
ref: ref,
|
|
329
329
|
className: clsx('utrecht-alert', {
|
|
330
330
|
'utrecht-alert--error': type === 'error',
|
|
@@ -343,16 +343,16 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
343
343
|
});
|
|
344
344
|
Alert.displayName = 'Alert';
|
|
345
345
|
|
|
346
|
-
var _excluded$
|
|
347
|
-
function ownKeys$
|
|
348
|
-
function _objectSpread$
|
|
346
|
+
var _excluded$1j = ["children", "className", "icon", "type"];
|
|
347
|
+
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; }
|
|
348
|
+
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; }
|
|
349
349
|
var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
350
350
|
var children = _ref.children,
|
|
351
351
|
className = _ref.className,
|
|
352
352
|
icon = _ref.icon,
|
|
353
353
|
type = _ref.type,
|
|
354
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
355
|
-
return jsxs("dialog", _objectSpread$
|
|
354
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1j);
|
|
355
|
+
return jsxs("dialog", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
|
|
356
356
|
ref: ref,
|
|
357
357
|
className: clsx('utrecht-alert-dialog', {
|
|
358
358
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -371,14 +371,14 @@ var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
371
371
|
});
|
|
372
372
|
AlertDialog.displayName = 'AlertDialog';
|
|
373
373
|
|
|
374
|
-
var _excluded$
|
|
375
|
-
function ownKeys$
|
|
376
|
-
function _objectSpread$
|
|
374
|
+
var _excluded$1i = ["children", "className"];
|
|
375
|
+
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; }
|
|
376
|
+
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; }
|
|
377
377
|
var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
378
378
|
var children = _ref.children,
|
|
379
379
|
className = _ref.className,
|
|
380
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
381
|
-
return jsx("article", _objectSpread$
|
|
380
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
381
|
+
return jsx("article", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
|
|
382
382
|
ref: ref,
|
|
383
383
|
className: clsx('utrecht-article', className),
|
|
384
384
|
children: children
|
|
@@ -386,14 +386,14 @@ var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
386
386
|
});
|
|
387
387
|
Article.displayName = 'Article';
|
|
388
388
|
|
|
389
|
-
var _excluded$
|
|
390
|
-
function ownKeys$
|
|
391
|
-
function _objectSpread$
|
|
389
|
+
var _excluded$1h = ["children", "className"];
|
|
390
|
+
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; }
|
|
391
|
+
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; }
|
|
392
392
|
var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
393
393
|
var children = _ref.children,
|
|
394
394
|
className = _ref.className,
|
|
395
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
396
|
-
return jsx("div", _objectSpread$
|
|
395
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
396
|
+
return jsx("div", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
|
|
397
397
|
ref: ref,
|
|
398
398
|
className: clsx('utrecht-backdrop', className),
|
|
399
399
|
children: children
|
|
@@ -401,35 +401,35 @@ var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
401
401
|
});
|
|
402
402
|
Backdrop.displayName = 'Backdrop';
|
|
403
403
|
|
|
404
|
-
var _excluded$
|
|
405
|
-
function ownKeys$
|
|
406
|
-
function _objectSpread$
|
|
404
|
+
var _excluded$1g = ["children", "className", "value"];
|
|
405
|
+
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; }
|
|
406
|
+
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; }
|
|
407
407
|
var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
408
408
|
var children = _ref.children,
|
|
409
409
|
className = _ref.className,
|
|
410
410
|
value = _ref.value,
|
|
411
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
412
|
-
var props = _objectSpread$
|
|
411
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
412
|
+
var props = _objectSpread$1g({
|
|
413
413
|
children: children,
|
|
414
414
|
className: clsx('utrecht-badge-counter', className)
|
|
415
415
|
}, restProps);
|
|
416
|
-
return typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
416
|
+
return typeof value !== 'undefined' ? jsx("data", _objectSpread$1g(_objectSpread$1g({}, props), {}, {
|
|
417
417
|
value: value,
|
|
418
418
|
ref: ref
|
|
419
|
-
})) : jsx("span", _objectSpread$
|
|
419
|
+
})) : jsx("span", _objectSpread$1g(_objectSpread$1g({}, props), {}, {
|
|
420
420
|
ref: ref
|
|
421
421
|
}));
|
|
422
422
|
});
|
|
423
423
|
BadgeCounter.displayName = 'BadgeCounter';
|
|
424
424
|
|
|
425
|
-
var _excluded$
|
|
426
|
-
function ownKeys$
|
|
427
|
-
function _objectSpread$
|
|
425
|
+
var _excluded$1f = ["children", "className"];
|
|
426
|
+
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; }
|
|
427
|
+
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; }
|
|
428
428
|
var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
429
429
|
var children = _ref.children,
|
|
430
430
|
className = _ref.className,
|
|
431
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
432
|
-
return jsx("div", _objectSpread$
|
|
431
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
432
|
+
return jsx("div", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
433
433
|
ref: ref,
|
|
434
434
|
className: clsx('utrecht-badge-list', className),
|
|
435
435
|
children: children
|
|
@@ -437,9 +437,9 @@ var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
437
437
|
});
|
|
438
438
|
BadgeList.displayName = 'BadgeList';
|
|
439
439
|
|
|
440
|
-
var _excluded$
|
|
441
|
-
function ownKeys$
|
|
442
|
-
function _objectSpread$
|
|
440
|
+
var _excluded$1e = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
441
|
+
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; }
|
|
442
|
+
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; }
|
|
443
443
|
var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
444
444
|
var boxContent = _ref.boxContent,
|
|
445
445
|
children = _ref.children,
|
|
@@ -448,13 +448,13 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
448
448
|
href = _ref.href,
|
|
449
449
|
placeholder = _ref.placeholder,
|
|
450
450
|
role = _ref.role,
|
|
451
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
451
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
452
452
|
return (
|
|
453
453
|
// "utrecht-link--telephone" does not have a corresponding API,
|
|
454
454
|
// since it is primarily a basis for implementing input[href^="tel"].
|
|
455
455
|
// Telephone number rendering in React is best achieved using composition
|
|
456
456
|
// of the TelephoneValue component.
|
|
457
|
-
jsx("a", _objectSpread$
|
|
457
|
+
jsx("a", _objectSpread$1e(_objectSpread$1e({
|
|
458
458
|
href: placeholder ? undefined : href,
|
|
459
459
|
ref: ref,
|
|
460
460
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -472,9 +472,9 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
472
472
|
});
|
|
473
473
|
Link.displayName = 'Link';
|
|
474
474
|
|
|
475
|
-
var _excluded$
|
|
476
|
-
function ownKeys$
|
|
477
|
-
function _objectSpread$
|
|
475
|
+
var _excluded$1d = ["appearance", "children", "className", "headingLevel", "label"];
|
|
476
|
+
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; }
|
|
477
|
+
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; }
|
|
478
478
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
479
479
|
var prop = _ref.prop,
|
|
480
480
|
type = _ref.type;
|
|
@@ -496,9 +496,9 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
496
496
|
_ref2$headingLevel = _ref2.headingLevel,
|
|
497
497
|
headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
|
|
498
498
|
label = _ref2.label,
|
|
499
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
499
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$1d);
|
|
500
500
|
var headingId = label ? useId() : undefined;
|
|
501
|
-
return jsxs("nav", _objectSpread$
|
|
501
|
+
return jsxs("nav", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
502
502
|
ref: ref,
|
|
503
503
|
className: clsx('utrecht-breadcrumb', {
|
|
504
504
|
'utrecht-breadcrumb--arrows': appearance === 'arrows'
|
|
@@ -510,7 +510,7 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
510
510
|
level: headingLevel,
|
|
511
511
|
"aria-hidden": "true",
|
|
512
512
|
children: label
|
|
513
|
-
}), jsx("ol", _objectSpread$
|
|
513
|
+
}), jsx("ol", _objectSpread$1d(_objectSpread$1d({
|
|
514
514
|
className: "utrecht-breadcrumb__list"
|
|
515
515
|
}, useMicrodataItem({
|
|
516
516
|
type: 'https://schema.org/BreadcrumbList'
|
|
@@ -526,24 +526,24 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
526
526
|
href = _ref3.href,
|
|
527
527
|
index = _ref3.index,
|
|
528
528
|
rel = _ref3.rel;
|
|
529
|
-
return jsx("li", _objectSpread$
|
|
529
|
+
return jsx("li", _objectSpread$1d(_objectSpread$1d({
|
|
530
530
|
className: "utrecht-breadcrumb__item"
|
|
531
531
|
}, useMicrodataItem({
|
|
532
532
|
type: 'https://schema.org/ListItem',
|
|
533
533
|
prop: 'itemListElement'
|
|
534
534
|
})), {}, {
|
|
535
|
-
children: jsxs(Link, _objectSpread$
|
|
535
|
+
children: jsxs(Link, _objectSpread$1d(_objectSpread$1d({
|
|
536
536
|
className: "utrecht-breadcrumb__link",
|
|
537
537
|
href: href,
|
|
538
538
|
rel: rel,
|
|
539
539
|
"aria-current": current && 'location'
|
|
540
540
|
}, useMicrodataProp('item')), {}, {
|
|
541
541
|
ref: ref,
|
|
542
|
-
children: [jsx("span", _objectSpread$
|
|
542
|
+
children: [jsx("span", _objectSpread$1d(_objectSpread$1d({
|
|
543
543
|
className: "utrecht-breadcrumb__text"
|
|
544
544
|
}, useMicrodataProp('name')), {}, {
|
|
545
545
|
children: children
|
|
546
|
-
})), typeof index === 'number' ? jsx("meta", _objectSpread$
|
|
546
|
+
})), typeof index === 'number' ? jsx("meta", _objectSpread$1d(_objectSpread$1d({}, useMicrodataProp('position')), {}, {
|
|
547
547
|
content: String(index + 1)
|
|
548
548
|
})) : null]
|
|
549
549
|
}))
|
|
@@ -551,14 +551,14 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
551
551
|
});
|
|
552
552
|
BreadcrumbLink.displayName = 'BreadcrumbLink';
|
|
553
553
|
|
|
554
|
-
var _excluded$
|
|
555
|
-
function ownKeys$
|
|
556
|
-
function _objectSpread$
|
|
554
|
+
var _excluded$1c = ["children", "className"];
|
|
555
|
+
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; }
|
|
556
|
+
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; }
|
|
557
557
|
var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
558
558
|
var children = _ref.children,
|
|
559
559
|
className = _ref.className,
|
|
560
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
561
|
-
return jsx("p", _objectSpread$
|
|
560
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
561
|
+
return jsx("p", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
562
562
|
ref: ref,
|
|
563
563
|
className: clsx('utrecht-button-group', className),
|
|
564
564
|
children: children
|
|
@@ -566,9 +566,9 @@ var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
566
566
|
});
|
|
567
567
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
568
568
|
|
|
569
|
-
var _excluded$
|
|
570
|
-
function ownKeys$
|
|
571
|
-
function _objectSpread$
|
|
569
|
+
var _excluded$1b = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
|
|
570
|
+
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; }
|
|
571
|
+
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; }
|
|
572
572
|
var onKeyDown = function onKeyDown(evt) {
|
|
573
573
|
var _evt$target;
|
|
574
574
|
if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
|
|
@@ -586,18 +586,18 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
586
586
|
href = _ref.href,
|
|
587
587
|
placeholder = _ref.placeholder,
|
|
588
588
|
role = _ref.role,
|
|
589
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
589
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
590
590
|
var props = restProps;
|
|
591
591
|
if (role === 'button') {
|
|
592
592
|
// When this link is announced as button by accessibility tools,
|
|
593
593
|
// it should also behave like a button. Links are not activated
|
|
594
594
|
// using `Space`, so we need to implement that behaviour here
|
|
595
595
|
// to reach parity with the `button` element.
|
|
596
|
-
props = _objectSpread$
|
|
596
|
+
props = _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
597
597
|
onKeyDown: onKeyDown
|
|
598
598
|
});
|
|
599
599
|
}
|
|
600
|
-
return jsx("a", _objectSpread$
|
|
600
|
+
return jsx("a", _objectSpread$1b(_objectSpread$1b({
|
|
601
601
|
href: placeholder ? undefined : href,
|
|
602
602
|
ref: ref,
|
|
603
603
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -616,27 +616,27 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
616
616
|
});
|
|
617
617
|
ButtonLink.displayName = 'ButtonLink';
|
|
618
618
|
|
|
619
|
-
var _excluded$
|
|
620
|
-
function ownKeys$
|
|
621
|
-
function _objectSpread$
|
|
619
|
+
var _excluded$1a = ["children"];
|
|
620
|
+
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; }
|
|
621
|
+
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; }
|
|
622
622
|
var CalendarNavigation = function CalendarNavigation(_ref) {
|
|
623
623
|
var children = _ref.children,
|
|
624
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
625
|
-
return jsx("div", _objectSpread$
|
|
624
|
+
props = _objectWithoutProperties(_ref, _excluded$1a);
|
|
625
|
+
return jsx("div", _objectSpread$1a(_objectSpread$1a({
|
|
626
626
|
className: "utrecht-calendar__navigation"
|
|
627
627
|
}, props), {}, {
|
|
628
628
|
children: children
|
|
629
629
|
}));
|
|
630
630
|
};
|
|
631
631
|
|
|
632
|
-
var _excluded$
|
|
633
|
-
function ownKeys$
|
|
634
|
-
function _objectSpread$
|
|
632
|
+
var _excluded$19 = ["children", "className"];
|
|
633
|
+
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; }
|
|
634
|
+
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; }
|
|
635
635
|
var CalendarButton = function CalendarButton(_ref) {
|
|
636
636
|
var children = _ref.children,
|
|
637
637
|
className = _ref.className,
|
|
638
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
639
|
-
return jsx(Button, _objectSpread$
|
|
638
|
+
props = _objectWithoutProperties(_ref, _excluded$19);
|
|
639
|
+
return jsx(Button, _objectSpread$19(_objectSpread$19({
|
|
640
640
|
appearance: "subtle-button"
|
|
641
641
|
}, props), {}, {
|
|
642
642
|
className: clsx$1('utrecht-calendar__button', className),
|
|
@@ -644,38 +644,38 @@ var CalendarButton = function CalendarButton(_ref) {
|
|
|
644
644
|
}));
|
|
645
645
|
};
|
|
646
646
|
|
|
647
|
-
var _excluded$
|
|
648
|
-
function ownKeys$
|
|
649
|
-
function _objectSpread$
|
|
647
|
+
var _excluded$18 = ["children"];
|
|
648
|
+
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; }
|
|
649
|
+
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; }
|
|
650
650
|
var CalendarIcon = function CalendarIcon(_ref) {
|
|
651
651
|
var children = _ref.children,
|
|
652
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
653
|
-
return jsx("div", _objectSpread$
|
|
652
|
+
props = _objectWithoutProperties(_ref, _excluded$18);
|
|
653
|
+
return jsx("div", _objectSpread$18(_objectSpread$18({
|
|
654
654
|
className: clsx$1('utrecht-calendar__icon')
|
|
655
655
|
}, props), {}, {
|
|
656
656
|
children: children
|
|
657
657
|
}));
|
|
658
658
|
};
|
|
659
659
|
|
|
660
|
-
var _excluded$
|
|
661
|
-
function ownKeys$
|
|
662
|
-
function _objectSpread$
|
|
660
|
+
var _excluded$17 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
|
|
661
|
+
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; }
|
|
662
|
+
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; }
|
|
663
663
|
var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
664
664
|
var onPreviousClick = _ref.onPreviousClick,
|
|
665
665
|
onNextClick = _ref.onNextClick,
|
|
666
666
|
previousIcon = _ref.previousIcon,
|
|
667
667
|
nextIcon = _ref.nextIcon,
|
|
668
668
|
children = _ref.children,
|
|
669
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
669
|
+
props = _objectWithoutProperties(_ref, _excluded$17);
|
|
670
670
|
return jsxs("div", {
|
|
671
671
|
className: "utrecht-calendar__navigation-buttons",
|
|
672
|
-
children: [jsx(CalendarButton, _objectSpread$
|
|
672
|
+
children: [jsx(CalendarButton, _objectSpread$17(_objectSpread$17({
|
|
673
673
|
onClick: onPreviousClick
|
|
674
674
|
}, props), {}, {
|
|
675
675
|
children: jsx(CalendarIcon, {
|
|
676
676
|
children: previousIcon
|
|
677
677
|
})
|
|
678
|
-
})), children, jsx(CalendarButton, _objectSpread$
|
|
678
|
+
})), children, jsx(CalendarButton, _objectSpread$17(_objectSpread$17({
|
|
679
679
|
onClick: onNextClick
|
|
680
680
|
}, props), {}, {
|
|
681
681
|
children: jsx(CalendarIcon, {
|
|
@@ -685,45 +685,45 @@ var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
|
685
685
|
});
|
|
686
686
|
};
|
|
687
687
|
|
|
688
|
-
var _excluded$
|
|
689
|
-
function ownKeys$
|
|
690
|
-
function _objectSpread$
|
|
688
|
+
var _excluded$16 = ["children"];
|
|
689
|
+
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; }
|
|
690
|
+
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; }
|
|
691
691
|
var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
|
|
692
692
|
var children = _ref.children,
|
|
693
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
694
|
-
return jsx("time", _objectSpread$
|
|
693
|
+
props = _objectWithoutProperties(_ref, _excluded$16);
|
|
694
|
+
return jsx("time", _objectSpread$16(_objectSpread$16({
|
|
695
695
|
className: "utrecht-calendar__navigation-label"
|
|
696
696
|
}, props), {}, {
|
|
697
697
|
children: children
|
|
698
698
|
}));
|
|
699
699
|
};
|
|
700
700
|
|
|
701
|
-
var _excluded$
|
|
702
|
-
function ownKeys$
|
|
703
|
-
function _objectSpread$
|
|
701
|
+
var _excluded$15 = ["children"];
|
|
702
|
+
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; }
|
|
703
|
+
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; }
|
|
704
704
|
var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
|
|
705
705
|
var children = _ref.children,
|
|
706
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
707
|
-
return jsx("tbody", _objectSpread$
|
|
706
|
+
props = _objectWithoutProperties(_ref, _excluded$15);
|
|
707
|
+
return jsx("tbody", _objectSpread$15(_objectSpread$15({}, props), {}, {
|
|
708
708
|
className: "utrecht-calendar__table-days-container",
|
|
709
709
|
children: children
|
|
710
710
|
}));
|
|
711
711
|
};
|
|
712
712
|
|
|
713
|
-
var _excluded$
|
|
714
|
-
function ownKeys$
|
|
715
|
-
function _objectSpread$
|
|
713
|
+
var _excluded$14 = ["children"];
|
|
714
|
+
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; }
|
|
715
|
+
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; }
|
|
716
716
|
var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
|
|
717
717
|
var children = _ref.children,
|
|
718
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
719
|
-
return jsx("tr", _objectSpread$
|
|
718
|
+
props = _objectWithoutProperties(_ref, _excluded$14);
|
|
719
|
+
return jsx("tr", _objectSpread$14(_objectSpread$14({}, props), {}, {
|
|
720
720
|
children: children
|
|
721
721
|
}));
|
|
722
722
|
};
|
|
723
723
|
|
|
724
|
-
var _excluded$
|
|
725
|
-
function ownKeys$
|
|
726
|
-
function _objectSpread$
|
|
724
|
+
var _excluded$13 = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
|
|
725
|
+
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; }
|
|
726
|
+
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; }
|
|
727
727
|
var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
728
728
|
var day = _ref.day,
|
|
729
729
|
dayOutOfTheMonth = _ref.dayOutOfTheMonth,
|
|
@@ -731,9 +731,9 @@ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
|
731
731
|
emphasis = _ref.emphasis,
|
|
732
732
|
selected = _ref.selected,
|
|
733
733
|
disabled = _ref.disabled,
|
|
734
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
734
|
+
props = _objectWithoutProperties(_ref, _excluded$13);
|
|
735
735
|
return jsx("td", {
|
|
736
|
-
children: jsx(CalendarButton, _objectSpread$
|
|
736
|
+
children: jsx(CalendarButton, _objectSpread$13(_objectSpread$13({
|
|
737
737
|
className: clsx('utrecht-calendar__table-days-item-day', {
|
|
738
738
|
'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
|
|
739
739
|
}, {
|
|
@@ -761,26 +761,26 @@ var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
|
|
|
761
761
|
});
|
|
762
762
|
};
|
|
763
763
|
|
|
764
|
-
var _excluded$
|
|
765
|
-
function ownKeys$
|
|
766
|
-
function _objectSpread$
|
|
764
|
+
var _excluded$12 = ["children"];
|
|
765
|
+
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; }
|
|
766
|
+
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; }
|
|
767
767
|
var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
|
|
768
768
|
var children = _ref.children,
|
|
769
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
770
|
-
return jsx("th", _objectSpread$
|
|
769
|
+
props = _objectWithoutProperties(_ref, _excluded$12);
|
|
770
|
+
return jsx("th", _objectSpread$12(_objectSpread$12({}, props), {}, {
|
|
771
771
|
className: "utrecht-calendar__table-weeks-item",
|
|
772
772
|
children: children
|
|
773
773
|
}));
|
|
774
774
|
};
|
|
775
775
|
|
|
776
|
-
var _excluded$
|
|
777
|
-
function ownKeys$
|
|
778
|
-
function _objectSpread$
|
|
776
|
+
var _excluded$11 = ["title", "titleId"];
|
|
777
|
+
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; }
|
|
778
|
+
function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
779
779
|
var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
780
780
|
var title = _ref.title,
|
|
781
781
|
titleId = _ref.titleId,
|
|
782
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
783
|
-
return jsxs("svg", _objectSpread$
|
|
782
|
+
props = _objectWithoutProperties(_ref, _excluded$11);
|
|
783
|
+
return jsxs("svg", _objectSpread$11(_objectSpread$11({
|
|
784
784
|
width: "100%",
|
|
785
785
|
height: "100%",
|
|
786
786
|
fill: "none",
|
|
@@ -797,14 +797,14 @@ var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
|
797
797
|
}));
|
|
798
798
|
};
|
|
799
799
|
|
|
800
|
-
var _excluded
|
|
801
|
-
function ownKeys
|
|
802
|
-
function _objectSpread
|
|
800
|
+
var _excluded$10 = ["title", "titleId"];
|
|
801
|
+
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; }
|
|
802
|
+
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; }
|
|
803
803
|
var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
804
804
|
var title = _ref.title,
|
|
805
805
|
titleId = _ref.titleId,
|
|
806
|
-
props = _objectWithoutProperties(_ref, _excluded
|
|
807
|
-
return jsxs("svg", _objectSpread
|
|
806
|
+
props = _objectWithoutProperties(_ref, _excluded$10);
|
|
807
|
+
return jsxs("svg", _objectSpread$10(_objectSpread$10({
|
|
808
808
|
width: "100%",
|
|
809
809
|
height: "100%",
|
|
810
810
|
fill: "none",
|
|
@@ -824,14 +824,14 @@ var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
|
824
824
|
}));
|
|
825
825
|
};
|
|
826
826
|
|
|
827
|
-
var _excluded
|
|
828
|
-
function ownKeys
|
|
829
|
-
function _objectSpread
|
|
827
|
+
var _excluded$$ = ["title", "titleId"];
|
|
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; }
|
|
830
830
|
var IconArrowRight = function IconArrowRight(_ref) {
|
|
831
831
|
var title = _ref.title,
|
|
832
832
|
titleId = _ref.titleId,
|
|
833
|
-
props = _objectWithoutProperties(_ref, _excluded
|
|
834
|
-
return jsxs("svg", _objectSpread
|
|
833
|
+
props = _objectWithoutProperties(_ref, _excluded$$);
|
|
834
|
+
return jsxs("svg", _objectSpread$$(_objectSpread$$({
|
|
835
835
|
width: "100%",
|
|
836
836
|
height: "100%",
|
|
837
837
|
fill: "none",
|
|
@@ -848,14 +848,14 @@ var IconArrowRight = function IconArrowRight(_ref) {
|
|
|
848
848
|
}));
|
|
849
849
|
};
|
|
850
850
|
|
|
851
|
-
var _excluded$
|
|
852
|
-
function ownKeys$
|
|
853
|
-
function _objectSpread$
|
|
851
|
+
var _excluded$_ = ["title", "titleId"];
|
|
852
|
+
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; }
|
|
853
|
+
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; }
|
|
854
854
|
var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
|
|
855
855
|
var title = _ref.title,
|
|
856
856
|
titleId = _ref.titleId,
|
|
857
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
858
|
-
return jsxs("svg", _objectSpread$
|
|
857
|
+
props = _objectWithoutProperties(_ref, _excluded$_);
|
|
858
|
+
return jsxs("svg", _objectSpread$_(_objectSpread$_({
|
|
859
859
|
fill: "none",
|
|
860
860
|
width: "100%",
|
|
861
861
|
height: "100%",
|
|
@@ -1035,9 +1035,9 @@ var Calendar = function Calendar(_ref) {
|
|
|
1035
1035
|
});
|
|
1036
1036
|
};
|
|
1037
1037
|
|
|
1038
|
-
var _excluded$
|
|
1039
|
-
function ownKeys$
|
|
1040
|
-
function _objectSpread$
|
|
1038
|
+
var _excluded$Z = ["appearance", "disabled", "invalid", "required", "className"];
|
|
1039
|
+
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; }
|
|
1040
|
+
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; }
|
|
1041
1041
|
var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1042
1042
|
var _ref$appearance = _ref.appearance,
|
|
1043
1043
|
appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
|
|
@@ -1045,8 +1045,8 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1045
1045
|
invalid = _ref.invalid,
|
|
1046
1046
|
required = _ref.required,
|
|
1047
1047
|
className = _ref.className,
|
|
1048
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1049
|
-
return jsx("input", _objectSpread$
|
|
1048
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Z);
|
|
1049
|
+
return jsx("input", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
|
|
1050
1050
|
ref: ref,
|
|
1051
1051
|
type: "checkbox",
|
|
1052
1052
|
className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
|
|
@@ -1062,14 +1062,14 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1062
1062
|
});
|
|
1063
1063
|
Checkbox.displayName = 'Checkbox';
|
|
1064
1064
|
|
|
1065
|
-
var _excluded$
|
|
1066
|
-
function ownKeys$
|
|
1067
|
-
function _objectSpread$
|
|
1065
|
+
var _excluded$Y = ["children", "className"];
|
|
1066
|
+
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; }
|
|
1067
|
+
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; }
|
|
1068
1068
|
var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1069
1069
|
var children = _ref.children,
|
|
1070
1070
|
className = _ref.className,
|
|
1071
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1072
|
-
return jsx("code", _objectSpread$
|
|
1071
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1072
|
+
return jsx("code", _objectSpread$Y(_objectSpread$Y({
|
|
1073
1073
|
ref: ref,
|
|
1074
1074
|
className: clsx('utrecht-code', className)
|
|
1075
1075
|
}, restProps), {}, {
|
|
@@ -1078,14 +1078,14 @@ var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1078
1078
|
});
|
|
1079
1079
|
Code.displayName = 'Code';
|
|
1080
1080
|
|
|
1081
|
-
var _excluded$
|
|
1082
|
-
function ownKeys$
|
|
1083
|
-
function _objectSpread$
|
|
1081
|
+
var _excluded$X = ["children", "className"];
|
|
1082
|
+
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; }
|
|
1083
|
+
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; }
|
|
1084
1084
|
var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1085
1085
|
var children = _ref.children,
|
|
1086
1086
|
className = _ref.className,
|
|
1087
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1088
|
-
return jsx("pre", _objectSpread$
|
|
1087
|
+
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1088
|
+
return jsx("pre", _objectSpread$X(_objectSpread$X({
|
|
1089
1089
|
ref: ref,
|
|
1090
1090
|
className: clsx('utrecht-code-block', className)
|
|
1091
1091
|
}, restProps), {}, {
|
|
@@ -1097,19 +1097,19 @@ var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1097
1097
|
});
|
|
1098
1098
|
CodeBlock.displayName = 'CodeBlock';
|
|
1099
1099
|
|
|
1100
|
-
var _excluded$
|
|
1101
|
-
function ownKeys$
|
|
1102
|
-
function _objectSpread$
|
|
1100
|
+
var _excluded$W = ["children", "className", "color", "style"];
|
|
1101
|
+
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; }
|
|
1102
|
+
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; }
|
|
1103
1103
|
var ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1104
1104
|
var children = _ref.children,
|
|
1105
1105
|
className = _ref.className,
|
|
1106
1106
|
color = _ref.color,
|
|
1107
1107
|
style = _ref.style,
|
|
1108
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1109
|
-
return jsx("data", _objectSpread$
|
|
1108
|
+
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1109
|
+
return jsx("data", _objectSpread$W(_objectSpread$W({
|
|
1110
1110
|
ref: ref,
|
|
1111
1111
|
className: clsx('utrecht-color-sample', className),
|
|
1112
|
-
style: _objectSpread$
|
|
1112
|
+
style: _objectSpread$W(_objectSpread$W({}, style), {}, {
|
|
1113
1113
|
color: color
|
|
1114
1114
|
}),
|
|
1115
1115
|
value: color
|
|
@@ -1119,9 +1119,9 @@ var ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1119
1119
|
});
|
|
1120
1120
|
ColorSample.displayName = 'ColorSample';
|
|
1121
1121
|
|
|
1122
|
-
var _excluded$
|
|
1123
|
-
function ownKeys$
|
|
1124
|
-
function _objectSpread$
|
|
1122
|
+
var _excluded$V = ["children", "currency", "amount", "locale", "className"];
|
|
1123
|
+
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; }
|
|
1124
|
+
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; }
|
|
1125
1125
|
var formatLabel = function formatLabel(locale, currency, amount) {
|
|
1126
1126
|
return new Intl.NumberFormat(locale, {
|
|
1127
1127
|
style: 'currency',
|
|
@@ -1157,11 +1157,11 @@ var CurrencyData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1157
1157
|
_ref$locale = _ref.locale,
|
|
1158
1158
|
locale = _ref$locale === void 0 ? 'nl-NL' : _ref$locale,
|
|
1159
1159
|
className = _ref.className,
|
|
1160
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1160
|
+
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1161
1161
|
var number = typeof amount === 'string' ? parseFloat(amount) : amount;
|
|
1162
1162
|
var labelFormatted = formatLabel(locale, currency, number);
|
|
1163
1163
|
var visuallyFormatted = formatVisually(locale, currency, number);
|
|
1164
|
-
return jsx("data", _objectSpread$
|
|
1164
|
+
return jsx("data", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
|
|
1165
1165
|
ref: ref,
|
|
1166
1166
|
value: "".concat(currency, " ").concat(amount),
|
|
1167
1167
|
className: clsx('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
|
|
@@ -1171,39 +1171,39 @@ var CurrencyData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1171
1171
|
});
|
|
1172
1172
|
CurrencyData.displayName = 'CurrencyData';
|
|
1173
1173
|
|
|
1174
|
-
var _excluded$
|
|
1175
|
-
function ownKeys$
|
|
1176
|
-
function _objectSpread$
|
|
1174
|
+
var _excluded$U = ["children", "className", "dateTime", "value"];
|
|
1175
|
+
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; }
|
|
1176
|
+
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; }
|
|
1177
1177
|
var DataBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1178
1178
|
var children = _ref.children,
|
|
1179
1179
|
className = _ref.className,
|
|
1180
1180
|
dateTime = _ref.dateTime,
|
|
1181
1181
|
value = _ref.value,
|
|
1182
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1183
|
-
var props = _objectSpread$
|
|
1182
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1183
|
+
var props = _objectSpread$U({
|
|
1184
1184
|
children: children,
|
|
1185
1185
|
className: clsx('utrecht-badge-data', className)
|
|
1186
1186
|
}, restProps);
|
|
1187
|
-
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$
|
|
1187
|
+
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$U(_objectSpread$U({}, props), {}, {
|
|
1188
1188
|
dateTime: dateTime,
|
|
1189
1189
|
ref: ref
|
|
1190
|
-
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
1190
|
+
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$U(_objectSpread$U({}, props), {}, {
|
|
1191
1191
|
value: value,
|
|
1192
1192
|
ref: ref
|
|
1193
|
-
})) : jsx("span", _objectSpread$
|
|
1193
|
+
})) : jsx("span", _objectSpread$U(_objectSpread$U({}, props), {}, {
|
|
1194
1194
|
ref: ref
|
|
1195
1195
|
}));
|
|
1196
1196
|
});
|
|
1197
1197
|
DataBadge.displayName = 'DataBadge';
|
|
1198
1198
|
|
|
1199
|
-
var _excluded$
|
|
1200
|
-
function ownKeys$
|
|
1201
|
-
function _objectSpread$
|
|
1199
|
+
var _excluded$T = ["children", "className"];
|
|
1200
|
+
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; }
|
|
1201
|
+
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; }
|
|
1202
1202
|
var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1203
1203
|
var children = _ref.children,
|
|
1204
1204
|
className = _ref.className,
|
|
1205
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1206
|
-
return jsx("div", _objectSpread$
|
|
1205
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1206
|
+
return jsx("div", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
1207
1207
|
ref: ref,
|
|
1208
1208
|
className: clsx('utrecht-document', className),
|
|
1209
1209
|
children: children
|
|
@@ -1211,18 +1211,18 @@ var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1211
1211
|
});
|
|
1212
1212
|
Document.displayName = 'Document';
|
|
1213
1213
|
|
|
1214
|
-
var _excluded$
|
|
1214
|
+
var _excluded$S = ["appearance", "children", "className"],
|
|
1215
1215
|
_excluded2$3 = ["children", "className"],
|
|
1216
1216
|
_excluded3 = ["children", "className"],
|
|
1217
1217
|
_excluded4 = ["children", "className"];
|
|
1218
|
-
function ownKeys$
|
|
1219
|
-
function _objectSpread$
|
|
1218
|
+
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; }
|
|
1219
|
+
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; }
|
|
1220
1220
|
var DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1221
1221
|
var appearance = _ref.appearance,
|
|
1222
1222
|
children = _ref.children,
|
|
1223
1223
|
className = _ref.className,
|
|
1224
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1225
|
-
return jsx("dl", _objectSpread$
|
|
1224
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1225
|
+
return jsx("dl", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
|
|
1226
1226
|
className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
|
|
1227
1227
|
ref: ref,
|
|
1228
1228
|
children: children
|
|
@@ -1233,7 +1233,7 @@ var DataListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1233
1233
|
var children = _ref2.children,
|
|
1234
1234
|
className = _ref2.className,
|
|
1235
1235
|
restProps = _objectWithoutProperties(_ref2, _excluded2$3);
|
|
1236
|
-
return jsx("div", _objectSpread$
|
|
1236
|
+
return jsx("div", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
|
|
1237
1237
|
className: clsx('utrecht-data-list__item', className),
|
|
1238
1238
|
ref: ref,
|
|
1239
1239
|
children: children
|
|
@@ -1244,7 +1244,7 @@ var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
1244
1244
|
var children = _ref3.children,
|
|
1245
1245
|
className = _ref3.className,
|
|
1246
1246
|
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
1247
|
-
return jsx("dt", _objectSpread$
|
|
1247
|
+
return jsx("dt", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
|
|
1248
1248
|
className: clsx('utrecht-data-list__item-key', className),
|
|
1249
1249
|
ref: ref,
|
|
1250
1250
|
children: children
|
|
@@ -1274,7 +1274,7 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
1274
1274
|
var children = _ref5.children,
|
|
1275
1275
|
className = _ref5.className,
|
|
1276
1276
|
restProps = _objectWithoutProperties(_ref5, _excluded4);
|
|
1277
|
-
return jsx("dd", _objectSpread$
|
|
1277
|
+
return jsx("dd", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
|
|
1278
1278
|
className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
|
|
1279
1279
|
ref: ref,
|
|
1280
1280
|
children: children
|
|
@@ -1282,14 +1282,14 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
1282
1282
|
});
|
|
1283
1283
|
DataListActions.displayName = 'DataListActions';
|
|
1284
1284
|
|
|
1285
|
-
var _excluded$
|
|
1286
|
-
function ownKeys$
|
|
1287
|
-
function _objectSpread$
|
|
1285
|
+
var _excluded$R = ["children", "className"];
|
|
1286
|
+
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; }
|
|
1287
|
+
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; }
|
|
1288
1288
|
var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1289
1289
|
var children = _ref.children,
|
|
1290
1290
|
className = _ref.className,
|
|
1291
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1292
|
-
return jsx("em", _objectSpread$
|
|
1291
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1292
|
+
return jsx("em", _objectSpread$R(_objectSpread$R({
|
|
1293
1293
|
ref: ref,
|
|
1294
1294
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
1295
1295
|
}, restProps), {}, {
|
|
@@ -1298,10 +1298,10 @@ var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1298
1298
|
});
|
|
1299
1299
|
Emphasis.displayName = 'Emphasis';
|
|
1300
1300
|
|
|
1301
|
-
var _excluded$
|
|
1301
|
+
var _excluded$Q = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
|
|
1302
1302
|
_excluded2$2 = ["className", "children", "disabled", "invalid"];
|
|
1303
|
-
function ownKeys$
|
|
1304
|
-
function _objectSpread$
|
|
1303
|
+
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; }
|
|
1304
|
+
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; }
|
|
1305
1305
|
var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1306
1306
|
var ariaDescribedby = _ref['aria-describedby'],
|
|
1307
1307
|
ariaLabel = _ref['aria-label'],
|
|
@@ -1313,8 +1313,8 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1313
1313
|
invalid = _ref.invalid,
|
|
1314
1314
|
name = _ref.name,
|
|
1315
1315
|
role = _ref.role,
|
|
1316
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1317
|
-
return jsx("div", _objectSpread$
|
|
1316
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1317
|
+
return jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1318
1318
|
ref: ref,
|
|
1319
1319
|
className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
|
|
1320
1320
|
children: jsx("fieldset", {
|
|
@@ -1338,7 +1338,7 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1338
1338
|
disabled = _ref2.disabled,
|
|
1339
1339
|
invalid = _ref2.invalid,
|
|
1340
1340
|
restProps = _objectWithoutProperties(_ref2, _excluded2$2);
|
|
1341
|
-
return jsx("fieldset", _objectSpread$
|
|
1341
|
+
return jsx("fieldset", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1342
1342
|
ref: ref,
|
|
1343
1343
|
"aria-invalid": invalid || undefined,
|
|
1344
1344
|
disabled: disabled,
|
|
@@ -1348,14 +1348,14 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1348
1348
|
});
|
|
1349
1349
|
FieldsetOnly.displayName = 'Fieldset';
|
|
1350
1350
|
|
|
1351
|
-
var _excluded$
|
|
1352
|
-
function ownKeys$
|
|
1353
|
-
function _objectSpread$
|
|
1351
|
+
var _excluded$P = ["className", "children"];
|
|
1352
|
+
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; }
|
|
1353
|
+
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; }
|
|
1354
1354
|
var FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1355
1355
|
var className = _ref.className,
|
|
1356
1356
|
children = _ref.children,
|
|
1357
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1358
|
-
return jsx("legend", _objectSpread$
|
|
1357
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1358
|
+
return jsx("legend", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1359
1359
|
ref: ref,
|
|
1360
1360
|
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
|
|
1361
1361
|
children: children
|
|
@@ -1363,14 +1363,14 @@ var FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1363
1363
|
});
|
|
1364
1364
|
FieldsetLegend.displayName = 'FieldsetLegend';
|
|
1365
1365
|
|
|
1366
|
-
var _excluded$
|
|
1367
|
-
function ownKeys$
|
|
1368
|
-
function _objectSpread$
|
|
1366
|
+
var _excluded$O = ["className", "children"];
|
|
1367
|
+
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; }
|
|
1368
|
+
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; }
|
|
1369
1369
|
var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1370
1370
|
var className = _ref.className,
|
|
1371
1371
|
children = _ref.children,
|
|
1372
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1373
|
-
return jsx("figure", _objectSpread$
|
|
1372
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
1373
|
+
return jsx("figure", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
|
|
1374
1374
|
ref: ref,
|
|
1375
1375
|
className: clsx('utrecht-figure', className),
|
|
1376
1376
|
children: children
|
|
@@ -1378,14 +1378,14 @@ var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1378
1378
|
});
|
|
1379
1379
|
Figure.displayName = 'Figure';
|
|
1380
1380
|
|
|
1381
|
-
var _excluded$
|
|
1382
|
-
function ownKeys$
|
|
1383
|
-
function _objectSpread$
|
|
1381
|
+
var _excluded$N = ["className", "children"];
|
|
1382
|
+
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; }
|
|
1383
|
+
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; }
|
|
1384
1384
|
var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1385
1385
|
var className = _ref.className,
|
|
1386
1386
|
children = _ref.children,
|
|
1387
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1388
|
-
return jsx("figcaption", _objectSpread$
|
|
1387
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
1388
|
+
return jsx("figcaption", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
1389
1389
|
ref: ref,
|
|
1390
1390
|
className: clsx('utrecht-figure__caption', className),
|
|
1391
1391
|
children: children
|
|
@@ -1393,16 +1393,16 @@ var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1393
1393
|
});
|
|
1394
1394
|
FigureCaption.displayName = 'FigureCaption';
|
|
1395
1395
|
|
|
1396
|
-
var _excluded$
|
|
1397
|
-
function ownKeys$
|
|
1398
|
-
function _objectSpread$
|
|
1396
|
+
var _excluded$M = ["className", "children", "invalid", "type"];
|
|
1397
|
+
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; }
|
|
1398
|
+
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; }
|
|
1399
1399
|
var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1400
1400
|
var className = _ref.className,
|
|
1401
1401
|
children = _ref.children,
|
|
1402
1402
|
invalid = _ref.invalid,
|
|
1403
1403
|
type = _ref.type,
|
|
1404
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1405
|
-
return jsx("div", _objectSpread$
|
|
1404
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1405
|
+
return jsx("div", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
1406
1406
|
ref: ref,
|
|
1407
1407
|
className: clsx('utrecht-form-field', {
|
|
1408
1408
|
'utrecht-form-field--invalid': invalid,
|
|
@@ -1415,17 +1415,17 @@ var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1415
1415
|
});
|
|
1416
1416
|
FormField.displayName = 'FormField';
|
|
1417
1417
|
|
|
1418
|
-
var _excluded$
|
|
1419
|
-
function ownKeys$
|
|
1420
|
-
function _objectSpread$
|
|
1418
|
+
var _excluded$L = ["invalid", "valid", "warning", "className", "children"];
|
|
1419
|
+
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; }
|
|
1420
|
+
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; }
|
|
1421
1421
|
var FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1422
1422
|
var invalid = _ref.invalid,
|
|
1423
1423
|
valid = _ref.valid,
|
|
1424
1424
|
warning = _ref.warning,
|
|
1425
1425
|
className = _ref.className,
|
|
1426
1426
|
children = _ref.children,
|
|
1427
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1428
|
-
return jsx("div", _objectSpread$
|
|
1427
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1428
|
+
return jsx("div", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
1429
1429
|
ref: ref,
|
|
1430
1430
|
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),
|
|
1431
1431
|
children: children
|
|
@@ -1433,17 +1433,17 @@ var FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1433
1433
|
});
|
|
1434
1434
|
FormFieldDescription.displayName = 'FormFieldDescription';
|
|
1435
1435
|
|
|
1436
|
-
var _excluded$
|
|
1437
|
-
function ownKeys$
|
|
1438
|
-
function _objectSpread$
|
|
1436
|
+
var _excluded$K = ["children", "className", "type", "disabled", "checked"];
|
|
1437
|
+
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; }
|
|
1438
|
+
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; }
|
|
1439
1439
|
var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1440
1440
|
var children = _ref.children,
|
|
1441
1441
|
className = _ref.className,
|
|
1442
1442
|
type = _ref.type,
|
|
1443
1443
|
disabled = _ref.disabled,
|
|
1444
1444
|
checked = _ref.checked,
|
|
1445
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1446
|
-
return jsx("label", _objectSpread$
|
|
1445
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
1446
|
+
return jsx("label", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
1447
1447
|
ref: ref,
|
|
1448
1448
|
className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
|
|
1449
1449
|
children: children
|
|
@@ -1451,6 +1451,49 @@ var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1451
1451
|
});
|
|
1452
1452
|
FormLabel.displayName = 'FormLabel';
|
|
1453
1453
|
|
|
1454
|
+
var _excluded$J = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
|
|
1455
|
+
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; }
|
|
1456
|
+
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; }
|
|
1457
|
+
var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1458
|
+
var checked = _ref.checked,
|
|
1459
|
+
disabled = _ref.disabled,
|
|
1460
|
+
invalid = _ref.invalid,
|
|
1461
|
+
id = _ref.id,
|
|
1462
|
+
hidden = _ref.hidden,
|
|
1463
|
+
required = _ref.required,
|
|
1464
|
+
role = _ref.role,
|
|
1465
|
+
tabIndex = _ref.tabIndex,
|
|
1466
|
+
className = _ref.className,
|
|
1467
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
1468
|
+
return jsxs("div", {
|
|
1469
|
+
className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
|
|
1470
|
+
'utrecht-form-toggle--disabled': disabled,
|
|
1471
|
+
'utrecht-form-toggle--invalid': invalid,
|
|
1472
|
+
'utrecht-form-toggle--required': required
|
|
1473
|
+
}, className),
|
|
1474
|
+
hidden: hidden,
|
|
1475
|
+
children: [jsx("input", _objectSpread$J({
|
|
1476
|
+
id: id,
|
|
1477
|
+
"aria-invalid": invalid || undefined,
|
|
1478
|
+
type: "checkbox",
|
|
1479
|
+
className: "utrecht-form-toggle__checkbox",
|
|
1480
|
+
defaultChecked: checked || undefined,
|
|
1481
|
+
disabled: disabled || undefined,
|
|
1482
|
+
required: required,
|
|
1483
|
+
ref: ref,
|
|
1484
|
+
role: role,
|
|
1485
|
+
tabIndex: tabIndex
|
|
1486
|
+
}, restProps)), jsx("label", {
|
|
1487
|
+
htmlFor: id,
|
|
1488
|
+
className: "utrecht-form-toggle__track",
|
|
1489
|
+
children: jsx("div", {
|
|
1490
|
+
className: "utrecht-form-toggle__thumb"
|
|
1491
|
+
})
|
|
1492
|
+
})]
|
|
1493
|
+
});
|
|
1494
|
+
});
|
|
1495
|
+
FormToggle.displayName = 'FormToggle';
|
|
1496
|
+
|
|
1454
1497
|
var _excluded$I = ["children", "className"];
|
|
1455
1498
|
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; }
|
|
1456
1499
|
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; }
|
|
@@ -2311,5 +2354,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2311
2354
|
});
|
|
2312
2355
|
UnorderedListItem.displayName = 'UnorderedListItem';
|
|
2313
2356
|
|
|
2314
|
-
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbLink, BreadcrumbNav, Button, ButtonGroup, ButtonLink, Calendar, Checkbox, Code, CodeBlock, ColorSample, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Mark, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
|
|
2357
|
+
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbLink, BreadcrumbNav, Button, ButtonGroup, ButtonLink, Calendar, Checkbox, Code, CodeBlock, ColorSample, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Mark, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
|
|
2315
2358
|
//# sourceMappingURL=index.esm.js.map
|