@utrecht/component-library-react 1.0.0-alpha.335 → 1.0.0-alpha.337
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/CurrencyData.d.ts +13 -0
- package/dist/IBANData.d.ts +11 -0
- package/dist/css-module/CurrencyData.d.ts +13 -0
- package/dist/css-module/IBANData.d.ts +11 -0
- package/dist/css-module/css-module/CurrencyData.d.ts +6 -0
- package/dist/css-module/css-module/IBANData.d.ts +6 -0
- package/dist/css-module/css-module/index.d.ts +2 -0
- package/dist/css-module/index.d.ts +2 -0
- package/dist/css-module/index.js +423 -326
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +422 -327
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +354 -263
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.esm.js +353 -264
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -12,9 +12,9 @@ var dateFns = require('date-fns');
|
|
|
12
12
|
var locale = require('date-fns/locale');
|
|
13
13
|
var chunk = require('lodash.chunk');
|
|
14
14
|
|
|
15
|
-
var _excluded$
|
|
16
|
-
function ownKeys$
|
|
17
|
-
function _objectSpread$
|
|
15
|
+
var _excluded$1l = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
16
|
+
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; }
|
|
17
|
+
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; }
|
|
18
18
|
var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
19
19
|
var appearance = _ref.appearance,
|
|
20
20
|
busy = _ref.busy,
|
|
@@ -24,8 +24,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
24
24
|
hint = _ref.hint,
|
|
25
25
|
pressed = _ref.pressed,
|
|
26
26
|
type = _ref.type,
|
|
27
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
28
|
-
return jsxRuntime.jsx("button", _objectSpread$
|
|
27
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1l);
|
|
28
|
+
return jsxRuntime.jsx("button", _objectSpread$1l(_objectSpread$1l({
|
|
29
29
|
ref: ref,
|
|
30
30
|
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),
|
|
31
31
|
"aria-busy": busy || undefined,
|
|
@@ -39,38 +39,38 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
39
39
|
Button.displayName = 'Button';
|
|
40
40
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
41
41
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
42
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
42
|
+
return jsxRuntime.jsx(Button, _objectSpread$1l(_objectSpread$1l({}, args), {}, {
|
|
43
43
|
appearance: "primary-action-button"
|
|
44
44
|
}));
|
|
45
45
|
};
|
|
46
46
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
47
47
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
48
48
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
49
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
49
|
+
return jsxRuntime.jsx(Button, _objectSpread$1l(_objectSpread$1l({}, args), {}, {
|
|
50
50
|
appearance: "secondary-action-button"
|
|
51
51
|
}));
|
|
52
52
|
};
|
|
53
53
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
54
54
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
55
55
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
56
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
56
|
+
return jsxRuntime.jsx(Button, _objectSpread$1l(_objectSpread$1l({}, args), {}, {
|
|
57
57
|
appearance: "subtle-button"
|
|
58
58
|
}));
|
|
59
59
|
};
|
|
60
60
|
SubtleButton.displayName = 'SubtleButton';
|
|
61
61
|
|
|
62
|
-
var _excluded$
|
|
63
|
-
function ownKeys$
|
|
64
|
-
function _objectSpread$
|
|
62
|
+
var _excluded$1k = ["appearance", "className", "level"];
|
|
63
|
+
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; }
|
|
64
|
+
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; }
|
|
65
65
|
var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
66
66
|
var appearance = _ref.appearance,
|
|
67
67
|
className = _ref.className,
|
|
68
68
|
level = _ref.level,
|
|
69
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
69
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1k);
|
|
70
70
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
71
71
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
72
72
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
73
|
-
return jsxRuntime.jsx(HeadingX, _objectSpread$
|
|
73
|
+
return jsxRuntime.jsx(HeadingX, _objectSpread$1k(_objectSpread$1k({
|
|
74
74
|
className: clsx(headingClassName, className)
|
|
75
75
|
}, restProps), {}, {
|
|
76
76
|
ref: ref
|
|
@@ -78,9 +78,9 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
78
78
|
});
|
|
79
79
|
Heading.displayName = 'Heading';
|
|
80
80
|
|
|
81
|
-
var _excluded$
|
|
82
|
-
function ownKeys$
|
|
83
|
-
function _objectSpread$
|
|
81
|
+
var _excluded$1j = ["children", "group", "headingLevel", "heading"];
|
|
82
|
+
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; }
|
|
83
|
+
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; }
|
|
84
84
|
/**
|
|
85
85
|
* Find the first item in an array
|
|
86
86
|
*/
|
|
@@ -166,12 +166,12 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
166
166
|
ref: buttonRef,
|
|
167
167
|
children: label
|
|
168
168
|
})
|
|
169
|
-
}), section ? jsxRuntime.jsx("section", _objectSpread$
|
|
169
|
+
}), section ? jsxRuntime.jsx("section", _objectSpread$1j(_objectSpread$1j({
|
|
170
170
|
id: panelId,
|
|
171
171
|
"aria-labelledby": buttonId
|
|
172
172
|
}, panelAttributes), {}, {
|
|
173
173
|
children: children
|
|
174
|
-
})) : jsxRuntime.jsx("div", _objectSpread$
|
|
174
|
+
})) : jsxRuntime.jsx("div", _objectSpread$1j(_objectSpread$1j({}, panelAttributes), {}, {
|
|
175
175
|
children: children
|
|
176
176
|
}))]
|
|
177
177
|
});
|
|
@@ -182,13 +182,13 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
182
182
|
group = _ref2.group,
|
|
183
183
|
headingLevel = _ref2.headingLevel,
|
|
184
184
|
heading = _ref2.heading,
|
|
185
|
-
props = _objectWithoutProperties(_ref2, _excluded$
|
|
185
|
+
props = _objectWithoutProperties(_ref2, _excluded$1j);
|
|
186
186
|
var headingId = react.useId();
|
|
187
187
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
188
188
|
children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(Heading, {
|
|
189
189
|
level: headingLevel,
|
|
190
190
|
children: heading
|
|
191
|
-
}), jsxRuntime.jsx("div", _objectSpread$
|
|
191
|
+
}), jsxRuntime.jsx("div", _objectSpread$1j(_objectSpread$1j({
|
|
192
192
|
className: clsx('utrecht-accordion'),
|
|
193
193
|
role: group ? 'group' : undefined,
|
|
194
194
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -296,7 +296,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
296
296
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
297
297
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
298
298
|
if (index === activatedIndex) {
|
|
299
|
-
return _objectSpread$
|
|
299
|
+
return _objectSpread$1j(_objectSpread$1j({}, section), {}, {
|
|
300
300
|
expanded: !section.expanded
|
|
301
301
|
});
|
|
302
302
|
} else {
|
|
@@ -304,7 +304,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
304
304
|
}
|
|
305
305
|
}));
|
|
306
306
|
};
|
|
307
|
-
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$
|
|
307
|
+
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1j(_objectSpread$1j({}, section), {}, {
|
|
308
308
|
ref: refs[index],
|
|
309
309
|
buttonRef: buttonRefs[index],
|
|
310
310
|
key: index,
|
|
@@ -317,16 +317,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
317
317
|
};
|
|
318
318
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
319
319
|
|
|
320
|
-
var _excluded$
|
|
321
|
-
function ownKeys$
|
|
322
|
-
function _objectSpread$
|
|
320
|
+
var _excluded$1i = ["children", "className", "icon", "type"];
|
|
321
|
+
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; }
|
|
322
|
+
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; }
|
|
323
323
|
var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
324
324
|
var children = _ref.children,
|
|
325
325
|
className = _ref.className,
|
|
326
326
|
icon = _ref.icon,
|
|
327
327
|
type = _ref.type,
|
|
328
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
329
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
328
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
329
|
+
return jsxRuntime.jsxs("div", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
|
|
330
330
|
ref: ref,
|
|
331
331
|
className: clsx('utrecht-alert', {
|
|
332
332
|
'utrecht-alert--error': type === 'error',
|
|
@@ -345,16 +345,16 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
345
345
|
});
|
|
346
346
|
Alert.displayName = 'Alert';
|
|
347
347
|
|
|
348
|
-
var _excluded$
|
|
349
|
-
function ownKeys$
|
|
350
|
-
function _objectSpread$
|
|
348
|
+
var _excluded$1h = ["children", "className", "icon", "type"];
|
|
349
|
+
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; }
|
|
350
|
+
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; }
|
|
351
351
|
var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
352
352
|
var children = _ref.children,
|
|
353
353
|
className = _ref.className,
|
|
354
354
|
icon = _ref.icon,
|
|
355
355
|
type = _ref.type,
|
|
356
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
357
|
-
return jsxRuntime.jsxs("dialog", _objectSpread$
|
|
356
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
357
|
+
return jsxRuntime.jsxs("dialog", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
|
|
358
358
|
ref: ref,
|
|
359
359
|
className: clsx('utrecht-alert-dialog', {
|
|
360
360
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -373,14 +373,14 @@ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
373
373
|
});
|
|
374
374
|
AlertDialog.displayName = 'AlertDialog';
|
|
375
375
|
|
|
376
|
-
var _excluded$
|
|
377
|
-
function ownKeys$
|
|
378
|
-
function _objectSpread$
|
|
376
|
+
var _excluded$1g = ["children", "className"];
|
|
377
|
+
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; }
|
|
378
|
+
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; }
|
|
379
379
|
var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
380
380
|
var children = _ref.children,
|
|
381
381
|
className = _ref.className,
|
|
382
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
383
|
-
return jsxRuntime.jsx("article", _objectSpread$
|
|
382
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
383
|
+
return jsxRuntime.jsx("article", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
384
384
|
ref: ref,
|
|
385
385
|
className: clsx('utrecht-article', className),
|
|
386
386
|
children: children
|
|
@@ -388,14 +388,14 @@ var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
388
388
|
});
|
|
389
389
|
Article.displayName = 'Article';
|
|
390
390
|
|
|
391
|
-
var _excluded$
|
|
392
|
-
function ownKeys$
|
|
393
|
-
function _objectSpread$
|
|
391
|
+
var _excluded$1f = ["children", "className"];
|
|
392
|
+
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; }
|
|
393
|
+
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; }
|
|
394
394
|
var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
395
395
|
var children = _ref.children,
|
|
396
396
|
className = _ref.className,
|
|
397
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
398
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
397
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
398
|
+
return jsxRuntime.jsx("div", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
399
399
|
ref: ref,
|
|
400
400
|
className: clsx('utrecht-backdrop', className),
|
|
401
401
|
children: children
|
|
@@ -403,35 +403,35 @@ var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
403
403
|
});
|
|
404
404
|
Backdrop.displayName = 'Backdrop';
|
|
405
405
|
|
|
406
|
-
var _excluded$
|
|
407
|
-
function ownKeys$
|
|
408
|
-
function _objectSpread$
|
|
406
|
+
var _excluded$1e = ["children", "className", "value"];
|
|
407
|
+
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; }
|
|
408
|
+
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; }
|
|
409
409
|
var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
410
410
|
var children = _ref.children,
|
|
411
411
|
className = _ref.className,
|
|
412
412
|
value = _ref.value,
|
|
413
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
414
|
-
var props = _objectSpread$
|
|
413
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
414
|
+
var props = _objectSpread$1e({
|
|
415
415
|
children: children,
|
|
416
416
|
className: clsx('utrecht-badge-counter', className)
|
|
417
417
|
}, restProps);
|
|
418
|
-
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$
|
|
418
|
+
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$1e(_objectSpread$1e({}, props), {}, {
|
|
419
419
|
value: value,
|
|
420
420
|
ref: ref
|
|
421
|
-
})) : jsxRuntime.jsx("span", _objectSpread$
|
|
421
|
+
})) : jsxRuntime.jsx("span", _objectSpread$1e(_objectSpread$1e({}, props), {}, {
|
|
422
422
|
ref: ref
|
|
423
423
|
}));
|
|
424
424
|
});
|
|
425
425
|
BadgeCounter.displayName = 'BadgeCounter';
|
|
426
426
|
|
|
427
|
-
var _excluded$
|
|
428
|
-
function ownKeys$
|
|
429
|
-
function _objectSpread$
|
|
427
|
+
var _excluded$1d = ["children", "className"];
|
|
428
|
+
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; }
|
|
429
|
+
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; }
|
|
430
430
|
var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
431
431
|
var children = _ref.children,
|
|
432
432
|
className = _ref.className,
|
|
433
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
434
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
433
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
434
|
+
return jsxRuntime.jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
435
435
|
ref: ref,
|
|
436
436
|
className: clsx('utrecht-badge-list', className),
|
|
437
437
|
children: children
|
|
@@ -439,9 +439,9 @@ var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
439
439
|
});
|
|
440
440
|
BadgeList.displayName = 'BadgeList';
|
|
441
441
|
|
|
442
|
-
var _excluded$
|
|
443
|
-
function ownKeys$
|
|
444
|
-
function _objectSpread$
|
|
442
|
+
var _excluded$1c = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
443
|
+
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; }
|
|
444
|
+
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; }
|
|
445
445
|
var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
446
446
|
var boxContent = _ref.boxContent,
|
|
447
447
|
children = _ref.children,
|
|
@@ -450,13 +450,13 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
450
450
|
href = _ref.href,
|
|
451
451
|
placeholder = _ref.placeholder,
|
|
452
452
|
role = _ref.role,
|
|
453
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
453
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
454
454
|
return (
|
|
455
455
|
// "utrecht-link--telephone" does not have a corresponding API,
|
|
456
456
|
// since it is primarily a basis for implementing input[href^="tel"].
|
|
457
457
|
// Telephone number rendering in React is best achieved using composition
|
|
458
458
|
// of the TelephoneValue component.
|
|
459
|
-
jsxRuntime.jsx("a", _objectSpread$
|
|
459
|
+
jsxRuntime.jsx("a", _objectSpread$1c(_objectSpread$1c({
|
|
460
460
|
href: placeholder ? undefined : href,
|
|
461
461
|
ref: ref,
|
|
462
462
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -474,9 +474,9 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
474
474
|
});
|
|
475
475
|
Link.displayName = 'Link';
|
|
476
476
|
|
|
477
|
-
var _excluded$
|
|
478
|
-
function ownKeys$
|
|
479
|
-
function _objectSpread$
|
|
477
|
+
var _excluded$1b = ["appearance", "children", "className", "headingLevel", "label"];
|
|
478
|
+
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; }
|
|
479
|
+
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; }
|
|
480
480
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
481
481
|
var prop = _ref.prop,
|
|
482
482
|
type = _ref.type;
|
|
@@ -498,9 +498,9 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
498
498
|
_ref2$headingLevel = _ref2.headingLevel,
|
|
499
499
|
headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
|
|
500
500
|
label = _ref2.label,
|
|
501
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
501
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$1b);
|
|
502
502
|
var headingId = label ? react.useId() : undefined;
|
|
503
|
-
return jsxRuntime.jsxs("nav", _objectSpread$
|
|
503
|
+
return jsxRuntime.jsxs("nav", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
504
504
|
ref: ref,
|
|
505
505
|
className: clsx('utrecht-breadcrumb', {
|
|
506
506
|
'utrecht-breadcrumb--arrows': appearance === 'arrows'
|
|
@@ -512,7 +512,7 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
512
512
|
level: headingLevel,
|
|
513
513
|
"aria-hidden": "true",
|
|
514
514
|
children: label
|
|
515
|
-
}), jsxRuntime.jsx("ol", _objectSpread$
|
|
515
|
+
}), jsxRuntime.jsx("ol", _objectSpread$1b(_objectSpread$1b({
|
|
516
516
|
className: "utrecht-breadcrumb__list"
|
|
517
517
|
}, useMicrodataItem({
|
|
518
518
|
type: 'https://schema.org/BreadcrumbList'
|
|
@@ -528,24 +528,24 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
|
528
528
|
href = _ref3.href,
|
|
529
529
|
index = _ref3.index,
|
|
530
530
|
rel = _ref3.rel;
|
|
531
|
-
return jsxRuntime.jsx("li", _objectSpread$
|
|
531
|
+
return jsxRuntime.jsx("li", _objectSpread$1b(_objectSpread$1b({
|
|
532
532
|
className: "utrecht-breadcrumb__item"
|
|
533
533
|
}, useMicrodataItem({
|
|
534
534
|
type: 'https://schema.org/ListItem',
|
|
535
535
|
prop: 'itemListElement'
|
|
536
536
|
})), {}, {
|
|
537
|
-
children: jsxRuntime.jsxs(Link, _objectSpread$
|
|
537
|
+
children: jsxRuntime.jsxs(Link, _objectSpread$1b(_objectSpread$1b({
|
|
538
538
|
className: "utrecht-breadcrumb__link",
|
|
539
539
|
href: href,
|
|
540
540
|
rel: rel,
|
|
541
541
|
"aria-current": current && 'location'
|
|
542
542
|
}, useMicrodataProp('item')), {}, {
|
|
543
543
|
ref: ref,
|
|
544
|
-
children: [jsxRuntime.jsx("span", _objectSpread$
|
|
544
|
+
children: [jsxRuntime.jsx("span", _objectSpread$1b(_objectSpread$1b({
|
|
545
545
|
className: "utrecht-breadcrumb__text"
|
|
546
546
|
}, useMicrodataProp('name')), {}, {
|
|
547
547
|
children: children
|
|
548
|
-
})), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$
|
|
548
|
+
})), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$1b(_objectSpread$1b({}, useMicrodataProp('position')), {}, {
|
|
549
549
|
content: String(index + 1)
|
|
550
550
|
})) : null]
|
|
551
551
|
}))
|
|
@@ -553,14 +553,14 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
|
553
553
|
});
|
|
554
554
|
BreadcrumbLink.displayName = 'BreadcrumbLink';
|
|
555
555
|
|
|
556
|
-
var _excluded$
|
|
557
|
-
function ownKeys$
|
|
558
|
-
function _objectSpread$
|
|
556
|
+
var _excluded$1a = ["children", "className"];
|
|
557
|
+
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; }
|
|
558
|
+
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; }
|
|
559
559
|
var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
560
560
|
var children = _ref.children,
|
|
561
561
|
className = _ref.className,
|
|
562
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
563
|
-
return jsxRuntime.jsx("p", _objectSpread$
|
|
562
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
563
|
+
return jsxRuntime.jsx("p", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
564
564
|
ref: ref,
|
|
565
565
|
className: clsx('utrecht-button-group', className),
|
|
566
566
|
children: children
|
|
@@ -568,9 +568,9 @@ var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
568
568
|
});
|
|
569
569
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
570
570
|
|
|
571
|
-
var _excluded$
|
|
572
|
-
function ownKeys$
|
|
573
|
-
function _objectSpread$
|
|
571
|
+
var _excluded$19 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
|
|
572
|
+
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; }
|
|
573
|
+
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; }
|
|
574
574
|
var onKeyDown = function onKeyDown(evt) {
|
|
575
575
|
var _evt$target;
|
|
576
576
|
if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
|
|
@@ -588,18 +588,18 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
588
588
|
href = _ref.href,
|
|
589
589
|
placeholder = _ref.placeholder,
|
|
590
590
|
role = _ref.role,
|
|
591
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
591
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
592
592
|
var props = restProps;
|
|
593
593
|
if (role === 'button') {
|
|
594
594
|
// When this link is announced as button by accessibility tools,
|
|
595
595
|
// it should also behave like a button. Links are not activated
|
|
596
596
|
// using `Space`, so we need to implement that behaviour here
|
|
597
597
|
// to reach parity with the `button` element.
|
|
598
|
-
props = _objectSpread$
|
|
598
|
+
props = _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
599
599
|
onKeyDown: onKeyDown
|
|
600
600
|
});
|
|
601
601
|
}
|
|
602
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
602
|
+
return jsxRuntime.jsx("a", _objectSpread$19(_objectSpread$19({
|
|
603
603
|
href: placeholder ? undefined : href,
|
|
604
604
|
ref: ref,
|
|
605
605
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -618,27 +618,27 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
618
618
|
});
|
|
619
619
|
ButtonLink.displayName = 'ButtonLink';
|
|
620
620
|
|
|
621
|
-
var _excluded$
|
|
622
|
-
function ownKeys$
|
|
623
|
-
function _objectSpread$
|
|
621
|
+
var _excluded$18 = ["children"];
|
|
622
|
+
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; }
|
|
623
|
+
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; }
|
|
624
624
|
var CalendarNavigation = function CalendarNavigation(_ref) {
|
|
625
625
|
var children = _ref.children,
|
|
626
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
627
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
626
|
+
props = _objectWithoutProperties(_ref, _excluded$18);
|
|
627
|
+
return jsxRuntime.jsx("div", _objectSpread$18(_objectSpread$18({
|
|
628
628
|
className: "utrecht-calendar__navigation"
|
|
629
629
|
}, props), {}, {
|
|
630
630
|
children: children
|
|
631
631
|
}));
|
|
632
632
|
};
|
|
633
633
|
|
|
634
|
-
var _excluded$
|
|
635
|
-
function ownKeys$
|
|
636
|
-
function _objectSpread$
|
|
634
|
+
var _excluded$17 = ["children", "className"];
|
|
635
|
+
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; }
|
|
636
|
+
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; }
|
|
637
637
|
var CalendarButton = function CalendarButton(_ref) {
|
|
638
638
|
var children = _ref.children,
|
|
639
639
|
className = _ref.className,
|
|
640
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
641
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
640
|
+
props = _objectWithoutProperties(_ref, _excluded$17);
|
|
641
|
+
return jsxRuntime.jsx(Button, _objectSpread$17(_objectSpread$17({
|
|
642
642
|
appearance: "subtle-button"
|
|
643
643
|
}, props), {}, {
|
|
644
644
|
className: clsx.clsx('utrecht-calendar__button', className),
|
|
@@ -646,38 +646,38 @@ var CalendarButton = function CalendarButton(_ref) {
|
|
|
646
646
|
}));
|
|
647
647
|
};
|
|
648
648
|
|
|
649
|
-
var _excluded$
|
|
650
|
-
function ownKeys$
|
|
651
|
-
function _objectSpread$
|
|
649
|
+
var _excluded$16 = ["children"];
|
|
650
|
+
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; }
|
|
651
|
+
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; }
|
|
652
652
|
var CalendarIcon = function CalendarIcon(_ref) {
|
|
653
653
|
var children = _ref.children,
|
|
654
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
655
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
654
|
+
props = _objectWithoutProperties(_ref, _excluded$16);
|
|
655
|
+
return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({
|
|
656
656
|
className: clsx.clsx('utrecht-calendar__icon')
|
|
657
657
|
}, props), {}, {
|
|
658
658
|
children: children
|
|
659
659
|
}));
|
|
660
660
|
};
|
|
661
661
|
|
|
662
|
-
var _excluded$
|
|
663
|
-
function ownKeys$
|
|
664
|
-
function _objectSpread$
|
|
662
|
+
var _excluded$15 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
|
|
663
|
+
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; }
|
|
664
|
+
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; }
|
|
665
665
|
var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
666
666
|
var onPreviousClick = _ref.onPreviousClick,
|
|
667
667
|
onNextClick = _ref.onNextClick,
|
|
668
668
|
previousIcon = _ref.previousIcon,
|
|
669
669
|
nextIcon = _ref.nextIcon,
|
|
670
670
|
children = _ref.children,
|
|
671
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
671
|
+
props = _objectWithoutProperties(_ref, _excluded$15);
|
|
672
672
|
return jsxRuntime.jsxs("div", {
|
|
673
673
|
className: "utrecht-calendar__navigation-buttons",
|
|
674
|
-
children: [jsxRuntime.jsx(CalendarButton, _objectSpread$
|
|
674
|
+
children: [jsxRuntime.jsx(CalendarButton, _objectSpread$15(_objectSpread$15({
|
|
675
675
|
onClick: onPreviousClick
|
|
676
676
|
}, props), {}, {
|
|
677
677
|
children: jsxRuntime.jsx(CalendarIcon, {
|
|
678
678
|
children: previousIcon
|
|
679
679
|
})
|
|
680
|
-
})), children, jsxRuntime.jsx(CalendarButton, _objectSpread$
|
|
680
|
+
})), children, jsxRuntime.jsx(CalendarButton, _objectSpread$15(_objectSpread$15({
|
|
681
681
|
onClick: onNextClick
|
|
682
682
|
}, props), {}, {
|
|
683
683
|
children: jsxRuntime.jsx(CalendarIcon, {
|
|
@@ -687,45 +687,45 @@ var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
|
687
687
|
});
|
|
688
688
|
};
|
|
689
689
|
|
|
690
|
-
var _excluded$
|
|
691
|
-
function ownKeys$
|
|
692
|
-
function _objectSpread$
|
|
690
|
+
var _excluded$14 = ["children"];
|
|
691
|
+
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; }
|
|
692
|
+
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; }
|
|
693
693
|
var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
|
|
694
694
|
var children = _ref.children,
|
|
695
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
696
|
-
return jsxRuntime.jsx("time", _objectSpread$
|
|
695
|
+
props = _objectWithoutProperties(_ref, _excluded$14);
|
|
696
|
+
return jsxRuntime.jsx("time", _objectSpread$14(_objectSpread$14({
|
|
697
697
|
className: "utrecht-calendar__navigation-label"
|
|
698
698
|
}, props), {}, {
|
|
699
699
|
children: children
|
|
700
700
|
}));
|
|
701
701
|
};
|
|
702
702
|
|
|
703
|
-
var _excluded$
|
|
704
|
-
function ownKeys$
|
|
705
|
-
function _objectSpread$
|
|
703
|
+
var _excluded$13 = ["children"];
|
|
704
|
+
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; }
|
|
705
|
+
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; }
|
|
706
706
|
var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
|
|
707
707
|
var children = _ref.children,
|
|
708
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
709
|
-
return jsxRuntime.jsx("tbody", _objectSpread$
|
|
708
|
+
props = _objectWithoutProperties(_ref, _excluded$13);
|
|
709
|
+
return jsxRuntime.jsx("tbody", _objectSpread$13(_objectSpread$13({}, props), {}, {
|
|
710
710
|
className: "utrecht-calendar__table-days-container",
|
|
711
711
|
children: children
|
|
712
712
|
}));
|
|
713
713
|
};
|
|
714
714
|
|
|
715
|
-
var _excluded$
|
|
716
|
-
function ownKeys$
|
|
717
|
-
function _objectSpread$
|
|
715
|
+
var _excluded$12 = ["children"];
|
|
716
|
+
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; }
|
|
717
|
+
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; }
|
|
718
718
|
var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
|
|
719
719
|
var children = _ref.children,
|
|
720
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
721
|
-
return jsxRuntime.jsx("tr", _objectSpread$
|
|
720
|
+
props = _objectWithoutProperties(_ref, _excluded$12);
|
|
721
|
+
return jsxRuntime.jsx("tr", _objectSpread$12(_objectSpread$12({}, props), {}, {
|
|
722
722
|
children: children
|
|
723
723
|
}));
|
|
724
724
|
};
|
|
725
725
|
|
|
726
|
-
var _excluded
|
|
727
|
-
function ownKeys
|
|
728
|
-
function _objectSpread
|
|
726
|
+
var _excluded$11 = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
|
|
727
|
+
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; }
|
|
728
|
+
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; }
|
|
729
729
|
var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
730
730
|
var day = _ref.day,
|
|
731
731
|
dayOutOfTheMonth = _ref.dayOutOfTheMonth,
|
|
@@ -733,9 +733,9 @@ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
|
733
733
|
emphasis = _ref.emphasis,
|
|
734
734
|
selected = _ref.selected,
|
|
735
735
|
disabled = _ref.disabled,
|
|
736
|
-
props = _objectWithoutProperties(_ref, _excluded
|
|
736
|
+
props = _objectWithoutProperties(_ref, _excluded$11);
|
|
737
737
|
return jsxRuntime.jsx("td", {
|
|
738
|
-
children: jsxRuntime.jsx(CalendarButton, _objectSpread
|
|
738
|
+
children: jsxRuntime.jsx(CalendarButton, _objectSpread$11(_objectSpread$11({
|
|
739
739
|
className: clsx('utrecht-calendar__table-days-item-day', {
|
|
740
740
|
'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
|
|
741
741
|
}, {
|
|
@@ -763,26 +763,26 @@ var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
|
|
|
763
763
|
});
|
|
764
764
|
};
|
|
765
765
|
|
|
766
|
-
var _excluded$
|
|
767
|
-
function ownKeys$
|
|
768
|
-
function _objectSpread$
|
|
766
|
+
var _excluded$10 = ["children"];
|
|
767
|
+
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; }
|
|
768
|
+
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; }
|
|
769
769
|
var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
|
|
770
770
|
var children = _ref.children,
|
|
771
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
772
|
-
return jsxRuntime.jsx("th", _objectSpread$
|
|
771
|
+
props = _objectWithoutProperties(_ref, _excluded$10);
|
|
772
|
+
return jsxRuntime.jsx("th", _objectSpread$10(_objectSpread$10({}, props), {}, {
|
|
773
773
|
className: "utrecht-calendar__table-weeks-item",
|
|
774
774
|
children: children
|
|
775
775
|
}));
|
|
776
776
|
};
|
|
777
777
|
|
|
778
|
-
var _excluded
|
|
779
|
-
function ownKeys
|
|
780
|
-
function _objectSpread
|
|
778
|
+
var _excluded$$ = ["title", "titleId"];
|
|
779
|
+
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; }
|
|
780
|
+
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; }
|
|
781
781
|
var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
782
782
|
var title = _ref.title,
|
|
783
783
|
titleId = _ref.titleId,
|
|
784
|
-
props = _objectWithoutProperties(_ref, _excluded
|
|
785
|
-
return jsxRuntime.jsxs("svg", _objectSpread
|
|
784
|
+
props = _objectWithoutProperties(_ref, _excluded$$);
|
|
785
|
+
return jsxRuntime.jsxs("svg", _objectSpread$$(_objectSpread$$({
|
|
786
786
|
width: "100%",
|
|
787
787
|
height: "100%",
|
|
788
788
|
fill: "none",
|
|
@@ -799,14 +799,14 @@ var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
|
799
799
|
}));
|
|
800
800
|
};
|
|
801
801
|
|
|
802
|
-
var _excluded$
|
|
803
|
-
function ownKeys$
|
|
804
|
-
function _objectSpread$
|
|
802
|
+
var _excluded$_ = ["title", "titleId"];
|
|
803
|
+
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; }
|
|
804
|
+
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; }
|
|
805
805
|
var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
806
806
|
var title = _ref.title,
|
|
807
807
|
titleId = _ref.titleId,
|
|
808
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
809
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
808
|
+
props = _objectWithoutProperties(_ref, _excluded$_);
|
|
809
|
+
return jsxRuntime.jsxs("svg", _objectSpread$_(_objectSpread$_({
|
|
810
810
|
width: "100%",
|
|
811
811
|
height: "100%",
|
|
812
812
|
fill: "none",
|
|
@@ -826,14 +826,14 @@ var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
|
826
826
|
}));
|
|
827
827
|
};
|
|
828
828
|
|
|
829
|
-
var _excluded$
|
|
830
|
-
function ownKeys$
|
|
831
|
-
function _objectSpread$
|
|
829
|
+
var _excluded$Z = ["title", "titleId"];
|
|
830
|
+
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; }
|
|
831
|
+
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; }
|
|
832
832
|
var IconArrowRight = function IconArrowRight(_ref) {
|
|
833
833
|
var title = _ref.title,
|
|
834
834
|
titleId = _ref.titleId,
|
|
835
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
836
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
835
|
+
props = _objectWithoutProperties(_ref, _excluded$Z);
|
|
836
|
+
return jsxRuntime.jsxs("svg", _objectSpread$Z(_objectSpread$Z({
|
|
837
837
|
width: "100%",
|
|
838
838
|
height: "100%",
|
|
839
839
|
fill: "none",
|
|
@@ -850,14 +850,14 @@ var IconArrowRight = function IconArrowRight(_ref) {
|
|
|
850
850
|
}));
|
|
851
851
|
};
|
|
852
852
|
|
|
853
|
-
var _excluded$
|
|
854
|
-
function ownKeys$
|
|
855
|
-
function _objectSpread$
|
|
853
|
+
var _excluded$Y = ["title", "titleId"];
|
|
854
|
+
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; }
|
|
855
|
+
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; }
|
|
856
856
|
var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
|
|
857
857
|
var title = _ref.title,
|
|
858
858
|
titleId = _ref.titleId,
|
|
859
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
860
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
859
|
+
props = _objectWithoutProperties(_ref, _excluded$Y);
|
|
860
|
+
return jsxRuntime.jsxs("svg", _objectSpread$Y(_objectSpread$Y({
|
|
861
861
|
fill: "none",
|
|
862
862
|
width: "100%",
|
|
863
863
|
height: "100%",
|
|
@@ -1037,9 +1037,9 @@ var Calendar = function Calendar(_ref) {
|
|
|
1037
1037
|
});
|
|
1038
1038
|
};
|
|
1039
1039
|
|
|
1040
|
-
var _excluded$
|
|
1041
|
-
function ownKeys$
|
|
1042
|
-
function _objectSpread$
|
|
1040
|
+
var _excluded$X = ["appearance", "disabled", "invalid", "required", "className"];
|
|
1041
|
+
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; }
|
|
1042
|
+
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; }
|
|
1043
1043
|
var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1044
1044
|
var _ref$appearance = _ref.appearance,
|
|
1045
1045
|
appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
|
|
@@ -1047,8 +1047,8 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1047
1047
|
invalid = _ref.invalid,
|
|
1048
1048
|
required = _ref.required,
|
|
1049
1049
|
className = _ref.className,
|
|
1050
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1051
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
1050
|
+
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1051
|
+
return jsxRuntime.jsx("input", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
|
|
1052
1052
|
ref: ref,
|
|
1053
1053
|
type: "checkbox",
|
|
1054
1054
|
className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
|
|
@@ -1064,14 +1064,14 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1064
1064
|
});
|
|
1065
1065
|
Checkbox.displayName = 'Checkbox';
|
|
1066
1066
|
|
|
1067
|
-
var _excluded$
|
|
1068
|
-
function ownKeys$
|
|
1069
|
-
function _objectSpread$
|
|
1067
|
+
var _excluded$W = ["children", "className"];
|
|
1068
|
+
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; }
|
|
1069
|
+
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; }
|
|
1070
1070
|
var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1071
1071
|
var children = _ref.children,
|
|
1072
1072
|
className = _ref.className,
|
|
1073
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1074
|
-
return jsxRuntime.jsx("code", _objectSpread$
|
|
1073
|
+
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1074
|
+
return jsxRuntime.jsx("code", _objectSpread$W(_objectSpread$W({
|
|
1075
1075
|
ref: ref,
|
|
1076
1076
|
className: clsx('utrecht-code', className)
|
|
1077
1077
|
}, restProps), {}, {
|
|
@@ -1080,14 +1080,14 @@ var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1080
1080
|
});
|
|
1081
1081
|
Code.displayName = 'Code';
|
|
1082
1082
|
|
|
1083
|
-
var _excluded$
|
|
1084
|
-
function ownKeys$
|
|
1085
|
-
function _objectSpread$
|
|
1083
|
+
var _excluded$V = ["children", "className"];
|
|
1084
|
+
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; }
|
|
1085
|
+
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; }
|
|
1086
1086
|
var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1087
1087
|
var children = _ref.children,
|
|
1088
1088
|
className = _ref.className,
|
|
1089
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1090
|
-
return jsxRuntime.jsx("pre", _objectSpread$
|
|
1089
|
+
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1090
|
+
return jsxRuntime.jsx("pre", _objectSpread$V(_objectSpread$V({
|
|
1091
1091
|
ref: ref,
|
|
1092
1092
|
className: clsx('utrecht-code-block', className)
|
|
1093
1093
|
}, restProps), {}, {
|
|
@@ -1099,19 +1099,19 @@ var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1099
1099
|
});
|
|
1100
1100
|
CodeBlock.displayName = 'CodeBlock';
|
|
1101
1101
|
|
|
1102
|
-
var _excluded$
|
|
1103
|
-
function ownKeys$
|
|
1104
|
-
function _objectSpread$
|
|
1102
|
+
var _excluded$U = ["children", "className", "color", "style"];
|
|
1103
|
+
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; }
|
|
1104
|
+
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; }
|
|
1105
1105
|
var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1106
1106
|
var children = _ref.children,
|
|
1107
1107
|
className = _ref.className,
|
|
1108
1108
|
color = _ref.color,
|
|
1109
1109
|
style = _ref.style,
|
|
1110
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1111
|
-
return jsxRuntime.jsx("data", _objectSpread$
|
|
1110
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1111
|
+
return jsxRuntime.jsx("data", _objectSpread$U(_objectSpread$U({
|
|
1112
1112
|
ref: ref,
|
|
1113
1113
|
className: clsx('utrecht-color-sample', className),
|
|
1114
|
-
style: _objectSpread$
|
|
1114
|
+
style: _objectSpread$U(_objectSpread$U({}, style), {}, {
|
|
1115
1115
|
color: color
|
|
1116
1116
|
}),
|
|
1117
1117
|
value: color
|
|
@@ -1121,39 +1121,91 @@ var ColorSample = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1121
1121
|
});
|
|
1122
1122
|
ColorSample.displayName = 'ColorSample';
|
|
1123
1123
|
|
|
1124
|
-
var _excluded$
|
|
1125
|
-
function ownKeys$
|
|
1126
|
-
function _objectSpread$
|
|
1124
|
+
var _excluded$T = ["children", "currency", "amount", "locale", "className"];
|
|
1125
|
+
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; }
|
|
1126
|
+
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; }
|
|
1127
|
+
var formatLabel = function formatLabel(locale, currency, amount) {
|
|
1128
|
+
return new Intl.NumberFormat(locale, {
|
|
1129
|
+
style: 'currency',
|
|
1130
|
+
currency: currency,
|
|
1131
|
+
minimumFractionDigits: Number.isInteger(amount) ? 0 : undefined,
|
|
1132
|
+
useGrouping: false
|
|
1133
|
+
}).format(amount)
|
|
1134
|
+
// Remove whitespace
|
|
1135
|
+
.replace(/[\s]+/g, '')
|
|
1136
|
+
// Replace dash (U+002D) with minus sign (U+2212)
|
|
1137
|
+
.replace('-', "\u2212");
|
|
1138
|
+
};
|
|
1139
|
+
var formatVisually = function formatVisually(locale, currency, amount) {
|
|
1140
|
+
var formatted = new Intl.NumberFormat(locale, {
|
|
1141
|
+
style: 'currency',
|
|
1142
|
+
currency: currency
|
|
1143
|
+
}).format(amount);
|
|
1144
|
+
// Replace dash (U+002D) with minus sign (U+2212)
|
|
1145
|
+
formatted = formatted.replace(/-/, "\u2212");
|
|
1146
|
+
// Move the minus to before the currency
|
|
1147
|
+
if ((locale === 'nl' || locale === 'nl-NL') && /\u2212/.test(formatted)) {
|
|
1148
|
+
formatted = formatted.replace(/(.+)\u2212(.+)/, "\u2212 $1$2");
|
|
1149
|
+
}
|
|
1150
|
+
// Replace white space with non-breaking space
|
|
1151
|
+
formatted = formatted.replace(/ /g, "\xA0");
|
|
1152
|
+
return formatted;
|
|
1153
|
+
};
|
|
1154
|
+
var CurrencyData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1155
|
+
var children = _ref.children,
|
|
1156
|
+
_ref$currency = _ref.currency,
|
|
1157
|
+
currency = _ref$currency === void 0 ? 'EUR' : _ref$currency,
|
|
1158
|
+
amount = _ref.amount,
|
|
1159
|
+
_ref$locale = _ref.locale,
|
|
1160
|
+
locale = _ref$locale === void 0 ? 'nl-NL' : _ref$locale,
|
|
1161
|
+
className = _ref.className,
|
|
1162
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1163
|
+
var number = typeof amount === 'string' ? parseFloat(amount) : amount;
|
|
1164
|
+
var labelFormatted = formatLabel(locale, currency, number);
|
|
1165
|
+
var visuallyFormatted = formatVisually(locale, currency, number);
|
|
1166
|
+
return jsxRuntime.jsx("data", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
1167
|
+
ref: ref,
|
|
1168
|
+
value: "".concat(currency, " ").concat(amount),
|
|
1169
|
+
className: clsx('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
|
|
1170
|
+
"aria-label": labelFormatted,
|
|
1171
|
+
children: children || visuallyFormatted
|
|
1172
|
+
}));
|
|
1173
|
+
});
|
|
1174
|
+
CurrencyData.displayName = 'CurrencyData';
|
|
1175
|
+
|
|
1176
|
+
var _excluded$S = ["children", "className", "dateTime", "value"];
|
|
1177
|
+
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; }
|
|
1178
|
+
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; }
|
|
1127
1179
|
var DataBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1128
1180
|
var children = _ref.children,
|
|
1129
1181
|
className = _ref.className,
|
|
1130
1182
|
dateTime = _ref.dateTime,
|
|
1131
1183
|
value = _ref.value,
|
|
1132
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1133
|
-
var props = _objectSpread$
|
|
1184
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1185
|
+
var props = _objectSpread$S({
|
|
1134
1186
|
children: children,
|
|
1135
1187
|
className: clsx('utrecht-badge-data', className)
|
|
1136
1188
|
}, restProps);
|
|
1137
|
-
return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$
|
|
1189
|
+
return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$S(_objectSpread$S({}, props), {}, {
|
|
1138
1190
|
dateTime: dateTime,
|
|
1139
1191
|
ref: ref
|
|
1140
|
-
})) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$
|
|
1192
|
+
})) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$S(_objectSpread$S({}, props), {}, {
|
|
1141
1193
|
value: value,
|
|
1142
1194
|
ref: ref
|
|
1143
|
-
})) : jsxRuntime.jsx("span", _objectSpread$
|
|
1195
|
+
})) : jsxRuntime.jsx("span", _objectSpread$S(_objectSpread$S({}, props), {}, {
|
|
1144
1196
|
ref: ref
|
|
1145
1197
|
}));
|
|
1146
1198
|
});
|
|
1147
1199
|
DataBadge.displayName = 'DataBadge';
|
|
1148
1200
|
|
|
1149
|
-
var _excluded$
|
|
1150
|
-
function ownKeys$
|
|
1151
|
-
function _objectSpread$
|
|
1201
|
+
var _excluded$R = ["children", "className"];
|
|
1202
|
+
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; }
|
|
1203
|
+
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; }
|
|
1152
1204
|
var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1153
1205
|
var children = _ref.children,
|
|
1154
1206
|
className = _ref.className,
|
|
1155
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1156
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1207
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1208
|
+
return jsxRuntime.jsx("div", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
|
|
1157
1209
|
ref: ref,
|
|
1158
1210
|
className: clsx('utrecht-document', className),
|
|
1159
1211
|
children: children
|
|
@@ -1161,18 +1213,18 @@ var Document = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1161
1213
|
});
|
|
1162
1214
|
Document.displayName = 'Document';
|
|
1163
1215
|
|
|
1164
|
-
var _excluded$
|
|
1216
|
+
var _excluded$Q = ["appearance", "children", "className"],
|
|
1165
1217
|
_excluded2$3 = ["children", "className"],
|
|
1166
1218
|
_excluded3 = ["children", "className"],
|
|
1167
1219
|
_excluded4 = ["children", "className"];
|
|
1168
|
-
function ownKeys$
|
|
1169
|
-
function _objectSpread$
|
|
1220
|
+
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; }
|
|
1221
|
+
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; }
|
|
1170
1222
|
var DataList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1171
1223
|
var appearance = _ref.appearance,
|
|
1172
1224
|
children = _ref.children,
|
|
1173
1225
|
className = _ref.className,
|
|
1174
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1175
|
-
return jsxRuntime.jsx("dl", _objectSpread$
|
|
1226
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1227
|
+
return jsxRuntime.jsx("dl", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1176
1228
|
className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
|
|
1177
1229
|
ref: ref,
|
|
1178
1230
|
children: children
|
|
@@ -1183,7 +1235,7 @@ var DataListItem = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1183
1235
|
var children = _ref2.children,
|
|
1184
1236
|
className = _ref2.className,
|
|
1185
1237
|
restProps = _objectWithoutProperties(_ref2, _excluded2$3);
|
|
1186
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1238
|
+
return jsxRuntime.jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1187
1239
|
className: clsx('utrecht-data-list__item', className),
|
|
1188
1240
|
ref: ref,
|
|
1189
1241
|
children: children
|
|
@@ -1194,7 +1246,7 @@ var DataListKey = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
|
1194
1246
|
var children = _ref3.children,
|
|
1195
1247
|
className = _ref3.className,
|
|
1196
1248
|
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
1197
|
-
return jsxRuntime.jsx("dt", _objectSpread$
|
|
1249
|
+
return jsxRuntime.jsx("dt", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1198
1250
|
className: clsx('utrecht-data-list__item-key', className),
|
|
1199
1251
|
ref: ref,
|
|
1200
1252
|
children: children
|
|
@@ -1224,7 +1276,7 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
1224
1276
|
var children = _ref5.children,
|
|
1225
1277
|
className = _ref5.className,
|
|
1226
1278
|
restProps = _objectWithoutProperties(_ref5, _excluded4);
|
|
1227
|
-
return jsxRuntime.jsx("dd", _objectSpread$
|
|
1279
|
+
return jsxRuntime.jsx("dd", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1228
1280
|
className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
|
|
1229
1281
|
ref: ref,
|
|
1230
1282
|
children: children
|
|
@@ -1232,14 +1284,14 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
|
|
|
1232
1284
|
});
|
|
1233
1285
|
DataListActions.displayName = 'DataListActions';
|
|
1234
1286
|
|
|
1235
|
-
var _excluded$
|
|
1236
|
-
function ownKeys$
|
|
1237
|
-
function _objectSpread$
|
|
1287
|
+
var _excluded$P = ["children", "className"];
|
|
1288
|
+
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; }
|
|
1289
|
+
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; }
|
|
1238
1290
|
var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1239
1291
|
var children = _ref.children,
|
|
1240
1292
|
className = _ref.className,
|
|
1241
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1242
|
-
return jsxRuntime.jsx("em", _objectSpread$
|
|
1293
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1294
|
+
return jsxRuntime.jsx("em", _objectSpread$P(_objectSpread$P({
|
|
1243
1295
|
ref: ref,
|
|
1244
1296
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
1245
1297
|
}, restProps), {}, {
|
|
@@ -1248,10 +1300,10 @@ var Emphasis = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1248
1300
|
});
|
|
1249
1301
|
Emphasis.displayName = 'Emphasis';
|
|
1250
1302
|
|
|
1251
|
-
var _excluded$
|
|
1303
|
+
var _excluded$O = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
|
|
1252
1304
|
_excluded2$2 = ["className", "children", "disabled", "invalid"];
|
|
1253
|
-
function ownKeys$
|
|
1254
|
-
function _objectSpread$
|
|
1305
|
+
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; }
|
|
1306
|
+
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; }
|
|
1255
1307
|
var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1256
1308
|
var ariaDescribedby = _ref['aria-describedby'],
|
|
1257
1309
|
ariaLabel = _ref['aria-label'],
|
|
@@ -1263,8 +1315,8 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1263
1315
|
invalid = _ref.invalid,
|
|
1264
1316
|
name = _ref.name,
|
|
1265
1317
|
role = _ref.role,
|
|
1266
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1267
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1318
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
1319
|
+
return jsxRuntime.jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
|
|
1268
1320
|
ref: ref,
|
|
1269
1321
|
className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
|
|
1270
1322
|
children: jsxRuntime.jsx("fieldset", {
|
|
@@ -1288,7 +1340,7 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1288
1340
|
disabled = _ref2.disabled,
|
|
1289
1341
|
invalid = _ref2.invalid,
|
|
1290
1342
|
restProps = _objectWithoutProperties(_ref2, _excluded2$2);
|
|
1291
|
-
return jsxRuntime.jsx("fieldset", _objectSpread$
|
|
1343
|
+
return jsxRuntime.jsx("fieldset", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
|
|
1292
1344
|
ref: ref,
|
|
1293
1345
|
"aria-invalid": invalid || undefined,
|
|
1294
1346
|
disabled: disabled,
|
|
@@ -1298,14 +1350,14 @@ var FieldsetOnly = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
1298
1350
|
});
|
|
1299
1351
|
FieldsetOnly.displayName = 'Fieldset';
|
|
1300
1352
|
|
|
1301
|
-
var _excluded$
|
|
1302
|
-
function ownKeys$
|
|
1303
|
-
function _objectSpread$
|
|
1353
|
+
var _excluded$N = ["className", "children"];
|
|
1354
|
+
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; }
|
|
1355
|
+
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; }
|
|
1304
1356
|
var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1305
1357
|
var className = _ref.className,
|
|
1306
1358
|
children = _ref.children,
|
|
1307
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1308
|
-
return jsxRuntime.jsx("legend", _objectSpread$
|
|
1359
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
1360
|
+
return jsxRuntime.jsx("legend", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
1309
1361
|
ref: ref,
|
|
1310
1362
|
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
|
|
1311
1363
|
children: children
|
|
@@ -1313,14 +1365,14 @@ var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1313
1365
|
});
|
|
1314
1366
|
FieldsetLegend.displayName = 'FieldsetLegend';
|
|
1315
1367
|
|
|
1316
|
-
var _excluded$
|
|
1317
|
-
function ownKeys$
|
|
1318
|
-
function _objectSpread$
|
|
1368
|
+
var _excluded$M = ["className", "children"];
|
|
1369
|
+
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; }
|
|
1370
|
+
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; }
|
|
1319
1371
|
var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1320
1372
|
var className = _ref.className,
|
|
1321
1373
|
children = _ref.children,
|
|
1322
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1323
|
-
return jsxRuntime.jsx("figure", _objectSpread$
|
|
1374
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1375
|
+
return jsxRuntime.jsx("figure", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
1324
1376
|
ref: ref,
|
|
1325
1377
|
className: clsx('utrecht-figure', className),
|
|
1326
1378
|
children: children
|
|
@@ -1328,14 +1380,14 @@ var Figure = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1328
1380
|
});
|
|
1329
1381
|
Figure.displayName = 'Figure';
|
|
1330
1382
|
|
|
1331
|
-
var _excluded$
|
|
1332
|
-
function ownKeys$
|
|
1333
|
-
function _objectSpread$
|
|
1383
|
+
var _excluded$L = ["className", "children"];
|
|
1384
|
+
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; }
|
|
1385
|
+
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; }
|
|
1334
1386
|
var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1335
1387
|
var className = _ref.className,
|
|
1336
1388
|
children = _ref.children,
|
|
1337
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1338
|
-
return jsxRuntime.jsx("figcaption", _objectSpread$
|
|
1389
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1390
|
+
return jsxRuntime.jsx("figcaption", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
1339
1391
|
ref: ref,
|
|
1340
1392
|
className: clsx('utrecht-figure__caption', className),
|
|
1341
1393
|
children: children
|
|
@@ -1343,16 +1395,16 @@ var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1343
1395
|
});
|
|
1344
1396
|
FigureCaption.displayName = 'FigureCaption';
|
|
1345
1397
|
|
|
1346
|
-
var _excluded$
|
|
1347
|
-
function ownKeys$
|
|
1348
|
-
function _objectSpread$
|
|
1398
|
+
var _excluded$K = ["className", "children", "invalid", "type"];
|
|
1399
|
+
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; }
|
|
1400
|
+
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; }
|
|
1349
1401
|
var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1350
1402
|
var className = _ref.className,
|
|
1351
1403
|
children = _ref.children,
|
|
1352
1404
|
invalid = _ref.invalid,
|
|
1353
1405
|
type = _ref.type,
|
|
1354
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1355
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1406
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
1407
|
+
return jsxRuntime.jsx("div", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
1356
1408
|
ref: ref,
|
|
1357
1409
|
className: clsx('utrecht-form-field', {
|
|
1358
1410
|
'utrecht-form-field--invalid': invalid,
|
|
@@ -1365,17 +1417,17 @@ var FormField = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1365
1417
|
});
|
|
1366
1418
|
FormField.displayName = 'FormField';
|
|
1367
1419
|
|
|
1368
|
-
var _excluded$
|
|
1369
|
-
function ownKeys$
|
|
1370
|
-
function _objectSpread$
|
|
1420
|
+
var _excluded$J = ["invalid", "valid", "warning", "className", "children"];
|
|
1421
|
+
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; }
|
|
1422
|
+
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; }
|
|
1371
1423
|
var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1372
1424
|
var invalid = _ref.invalid,
|
|
1373
1425
|
valid = _ref.valid,
|
|
1374
1426
|
warning = _ref.warning,
|
|
1375
1427
|
className = _ref.className,
|
|
1376
1428
|
children = _ref.children,
|
|
1377
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1378
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1429
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
1430
|
+
return jsxRuntime.jsx("div", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
1379
1431
|
ref: ref,
|
|
1380
1432
|
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),
|
|
1381
1433
|
children: children
|
|
@@ -1383,17 +1435,17 @@ var FormFieldDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1383
1435
|
});
|
|
1384
1436
|
FormFieldDescription.displayName = 'FormFieldDescription';
|
|
1385
1437
|
|
|
1386
|
-
var _excluded$
|
|
1387
|
-
function ownKeys$
|
|
1388
|
-
function _objectSpread$
|
|
1438
|
+
var _excluded$I = ["children", "className", "type", "disabled", "checked"];
|
|
1439
|
+
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; }
|
|
1440
|
+
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; }
|
|
1389
1441
|
var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1390
1442
|
var children = _ref.children,
|
|
1391
1443
|
className = _ref.className,
|
|
1392
1444
|
type = _ref.type,
|
|
1393
1445
|
disabled = _ref.disabled,
|
|
1394
1446
|
checked = _ref.checked,
|
|
1395
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1396
|
-
return jsxRuntime.jsx("label", _objectSpread$
|
|
1447
|
+
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
1448
|
+
return jsxRuntime.jsx("label", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
|
|
1397
1449
|
ref: ref,
|
|
1398
1450
|
className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
|
|
1399
1451
|
children: children
|
|
@@ -1401,125 +1453,162 @@ var FormLabel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1401
1453
|
});
|
|
1402
1454
|
FormLabel.displayName = 'FormLabel';
|
|
1403
1455
|
|
|
1456
|
+
var _excluded$H = ["children", "className"];
|
|
1457
|
+
function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1458
|
+
function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1459
|
+
var HTMLContent = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1460
|
+
var children = _ref.children,
|
|
1461
|
+
className = _ref.className,
|
|
1462
|
+
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
1463
|
+
return jsxRuntime.jsx("div", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
|
|
1464
|
+
ref: ref,
|
|
1465
|
+
className: clsx('utrecht-html', className),
|
|
1466
|
+
children: children
|
|
1467
|
+
}));
|
|
1468
|
+
});
|
|
1469
|
+
HTMLContent.displayName = 'HTMLContent';
|
|
1470
|
+
|
|
1404
1471
|
var _excluded$G = ["children", "className"];
|
|
1405
1472
|
function ownKeys$G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1406
1473
|
function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1407
|
-
var
|
|
1474
|
+
var Heading1 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1408
1475
|
var children = _ref.children,
|
|
1409
1476
|
className = _ref.className,
|
|
1410
1477
|
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
1411
|
-
return jsxRuntime.jsx("
|
|
1478
|
+
return jsxRuntime.jsx("h1", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
1412
1479
|
ref: ref,
|
|
1413
|
-
className: clsx('utrecht-
|
|
1480
|
+
className: clsx('utrecht-heading-1', className),
|
|
1414
1481
|
children: children
|
|
1415
1482
|
}));
|
|
1416
1483
|
});
|
|
1417
|
-
|
|
1484
|
+
Heading1.displayName = 'Heading1';
|
|
1418
1485
|
|
|
1419
1486
|
var _excluded$F = ["children", "className"];
|
|
1420
1487
|
function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1421
1488
|
function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1422
|
-
var
|
|
1489
|
+
var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1423
1490
|
var children = _ref.children,
|
|
1424
1491
|
className = _ref.className,
|
|
1425
1492
|
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
1426
|
-
return jsxRuntime.jsx("
|
|
1493
|
+
return jsxRuntime.jsx("h2", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
|
|
1427
1494
|
ref: ref,
|
|
1428
|
-
className: clsx('utrecht-heading-
|
|
1495
|
+
className: clsx('utrecht-heading-2', className),
|
|
1429
1496
|
children: children
|
|
1430
1497
|
}));
|
|
1431
1498
|
});
|
|
1432
|
-
|
|
1499
|
+
Heading2.displayName = 'Heading2';
|
|
1433
1500
|
|
|
1434
1501
|
var _excluded$E = ["children", "className"];
|
|
1435
1502
|
function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1436
1503
|
function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1437
|
-
var
|
|
1504
|
+
var Heading3 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1438
1505
|
var children = _ref.children,
|
|
1439
1506
|
className = _ref.className,
|
|
1440
1507
|
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
1441
|
-
return jsxRuntime.jsx("
|
|
1508
|
+
return jsxRuntime.jsx("h3", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
|
|
1442
1509
|
ref: ref,
|
|
1443
|
-
className: clsx('utrecht-heading-
|
|
1510
|
+
className: clsx('utrecht-heading-3', className),
|
|
1444
1511
|
children: children
|
|
1445
1512
|
}));
|
|
1446
1513
|
});
|
|
1447
|
-
|
|
1514
|
+
Heading3.displayName = 'Heading3';
|
|
1448
1515
|
|
|
1449
1516
|
var _excluded$D = ["children", "className"];
|
|
1450
1517
|
function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1451
1518
|
function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1452
|
-
var
|
|
1519
|
+
var Heading4 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1453
1520
|
var children = _ref.children,
|
|
1454
1521
|
className = _ref.className,
|
|
1455
1522
|
restProps = _objectWithoutProperties(_ref, _excluded$D);
|
|
1456
|
-
return jsxRuntime.jsx("
|
|
1523
|
+
return jsxRuntime.jsx("h4", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
|
|
1457
1524
|
ref: ref,
|
|
1458
|
-
className: clsx('utrecht-heading-
|
|
1525
|
+
className: clsx('utrecht-heading-4', className),
|
|
1459
1526
|
children: children
|
|
1460
1527
|
}));
|
|
1461
1528
|
});
|
|
1462
|
-
|
|
1529
|
+
Heading4.displayName = 'Heading4';
|
|
1463
1530
|
|
|
1464
1531
|
var _excluded$C = ["children", "className"];
|
|
1465
1532
|
function ownKeys$C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1466
1533
|
function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1467
|
-
var
|
|
1534
|
+
var Heading5 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1468
1535
|
var children = _ref.children,
|
|
1469
1536
|
className = _ref.className,
|
|
1470
1537
|
restProps = _objectWithoutProperties(_ref, _excluded$C);
|
|
1471
|
-
return jsxRuntime.jsx("
|
|
1538
|
+
return jsxRuntime.jsx("h5", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
|
|
1472
1539
|
ref: ref,
|
|
1473
|
-
className: clsx('utrecht-heading-
|
|
1540
|
+
className: clsx('utrecht-heading-5', className),
|
|
1474
1541
|
children: children
|
|
1475
1542
|
}));
|
|
1476
1543
|
});
|
|
1477
|
-
|
|
1544
|
+
Heading5.displayName = 'Heading5';
|
|
1478
1545
|
|
|
1479
1546
|
var _excluded$B = ["children", "className"];
|
|
1480
1547
|
function ownKeys$B(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; }
|
|
1481
1548
|
function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1482
|
-
var
|
|
1549
|
+
var Heading6 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1483
1550
|
var children = _ref.children,
|
|
1484
1551
|
className = _ref.className,
|
|
1485
1552
|
restProps = _objectWithoutProperties(_ref, _excluded$B);
|
|
1486
|
-
return jsxRuntime.jsx("
|
|
1553
|
+
return jsxRuntime.jsx("h6", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
|
|
1487
1554
|
ref: ref,
|
|
1488
|
-
className: clsx('utrecht-heading-
|
|
1555
|
+
className: clsx('utrecht-heading-6', className),
|
|
1489
1556
|
children: children
|
|
1490
1557
|
}));
|
|
1491
1558
|
});
|
|
1492
|
-
|
|
1559
|
+
Heading6.displayName = 'Heading6';
|
|
1493
1560
|
|
|
1494
1561
|
var _excluded$A = ["children", "className"];
|
|
1495
1562
|
function ownKeys$A(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; }
|
|
1496
1563
|
function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1497
|
-
var
|
|
1564
|
+
var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1498
1565
|
var children = _ref.children,
|
|
1499
1566
|
className = _ref.className,
|
|
1500
1567
|
restProps = _objectWithoutProperties(_ref, _excluded$A);
|
|
1501
|
-
return jsxRuntime.jsx("
|
|
1568
|
+
return jsxRuntime.jsx("hgroup", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
|
|
1502
1569
|
ref: ref,
|
|
1503
|
-
className: clsx('utrecht-heading-
|
|
1570
|
+
className: clsx('utrecht-heading-group', className),
|
|
1504
1571
|
children: children
|
|
1505
1572
|
}));
|
|
1506
1573
|
});
|
|
1507
|
-
|
|
1574
|
+
HeadingGroup.displayName = 'HeadingGroup';
|
|
1508
1575
|
|
|
1509
|
-
var _excluded$z = ["children", "className"];
|
|
1576
|
+
var _excluded$z = ["children", "value", "className"];
|
|
1510
1577
|
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; }
|
|
1511
1578
|
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; }
|
|
1512
|
-
|
|
1579
|
+
/* Exported only for unit tests, not part of the public API */
|
|
1580
|
+
var normalizeIBAN = function normalizeIBAN(iban) {
|
|
1581
|
+
return iban
|
|
1582
|
+
// Remove whitespace and word separator characters such as the dash
|
|
1583
|
+
.replace(/[\s+\W]+/g, '').toUpperCase();
|
|
1584
|
+
};
|
|
1585
|
+
/* Exported only for unit tests, not part of the public API */
|
|
1586
|
+
var formatIBAN = function formatIBAN(normalizedIBAN) {
|
|
1587
|
+
return normalizedIBAN
|
|
1588
|
+
// Add a space after every four characters, except at the end
|
|
1589
|
+
.replace(/(.{4})(?!$)/g, '$1 ');
|
|
1590
|
+
};
|
|
1591
|
+
var IBANData = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1513
1592
|
var children = _ref.children,
|
|
1593
|
+
value = _ref.value,
|
|
1514
1594
|
className = _ref.className,
|
|
1515
1595
|
restProps = _objectWithoutProperties(_ref, _excluded$z);
|
|
1516
|
-
|
|
1596
|
+
var normalized = normalizeIBAN(value);
|
|
1597
|
+
var formatted = formatIBAN(normalized);
|
|
1598
|
+
console.log({
|
|
1599
|
+
value: value,
|
|
1600
|
+
normalized: normalized,
|
|
1601
|
+
formatted: formatted
|
|
1602
|
+
});
|
|
1603
|
+
return jsxRuntime.jsx("data", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
|
|
1517
1604
|
ref: ref,
|
|
1518
|
-
|
|
1519
|
-
|
|
1605
|
+
value: normalized,
|
|
1606
|
+
className: clsx('utrecht-iban-data', className),
|
|
1607
|
+
translate: "no",
|
|
1608
|
+
children: children || formatted
|
|
1520
1609
|
}));
|
|
1521
1610
|
});
|
|
1522
|
-
|
|
1611
|
+
IBANData.displayName = 'IBANData';
|
|
1523
1612
|
|
|
1524
1613
|
var _excluded$y = ["children", "className"];
|
|
1525
1614
|
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; }
|
|
@@ -2203,6 +2292,7 @@ exports.Checkbox = Checkbox;
|
|
|
2203
2292
|
exports.Code = Code;
|
|
2204
2293
|
exports.CodeBlock = CodeBlock;
|
|
2205
2294
|
exports.ColorSample = ColorSample;
|
|
2295
|
+
exports.CurrencyData = CurrencyData;
|
|
2206
2296
|
exports.DataBadge = DataBadge;
|
|
2207
2297
|
exports.DataList = DataList;
|
|
2208
2298
|
exports.DataListActions = DataListActions;
|
|
@@ -2227,6 +2317,7 @@ exports.Heading4 = Heading4;
|
|
|
2227
2317
|
exports.Heading5 = Heading5;
|
|
2228
2318
|
exports.Heading6 = Heading6;
|
|
2229
2319
|
exports.HeadingGroup = HeadingGroup;
|
|
2320
|
+
exports.IBANData = IBANData;
|
|
2230
2321
|
exports.Icon = Icon;
|
|
2231
2322
|
exports.Image = Image;
|
|
2232
2323
|
exports.Link = Link;
|