@utrecht/component-library-react 3.1.0 → 4.0.0
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/Blockquote.d.ts +11 -0
- package/dist/Checkbox.d.ts +1 -0
- package/dist/FormFieldTextbox.d.ts +14 -0
- package/dist/Textbox.d.ts +2 -1
- package/dist/css-module/Blockquote.d.ts +11 -0
- package/dist/css-module/Checkbox.d.ts +1 -0
- package/dist/css-module/FormFieldTextbox.d.ts +14 -0
- package/dist/css-module/Textbox.d.ts +2 -1
- package/dist/css-module/css-module/Accordion.d.ts +1 -1
- package/dist/css-module/css-module/Alert.d.ts +1 -1
- package/dist/css-module/css-module/AlertDialog.d.ts +1 -1
- package/dist/css-module/css-module/Article.d.ts +1 -1
- package/dist/css-module/css-module/Backdrop.d.ts +1 -1
- package/dist/css-module/css-module/BadgeCounter.d.ts +1 -1
- package/dist/css-module/css-module/BadgeList.d.ts +1 -1
- package/dist/css-module/css-module/Blockquote.d.ts +6 -0
- package/dist/css-module/css-module/BreadcrumbNav.d.ts +1 -1
- package/dist/css-module/css-module/Button.d.ts +1 -1
- package/dist/css-module/css-module/ButtonGroup.d.ts +1 -1
- package/dist/css-module/css-module/ButtonLink.d.ts +1 -1
- package/dist/css-module/css-module/Calendar.d.ts +1 -1
- package/dist/css-module/css-module/Checkbox.d.ts +2 -2
- package/dist/css-module/css-module/Code.d.ts +1 -1
- package/dist/css-module/css-module/CodeBlock.d.ts +1 -1
- package/dist/css-module/css-module/ColorSample.d.ts +1 -1
- package/dist/css-module/css-module/ColumnLayout.d.ts +1 -1
- package/dist/css-module/css-module/Combobox.d.ts +1 -1
- package/dist/css-module/css-module/CurrencyData.d.ts +1 -1
- package/dist/css-module/css-module/DataBadge.d.ts +1 -1
- package/dist/css-module/css-module/DataList.d.ts +1 -1
- package/dist/css-module/css-module/DataPlaceholder.d.ts +1 -1
- package/dist/css-module/css-module/Document.d.ts +1 -1
- package/dist/css-module/css-module/Drawer.d.ts +1 -1
- package/dist/css-module/css-module/Emphasis.d.ts +1 -1
- package/dist/css-module/css-module/Fieldset.d.ts +1 -1
- package/dist/css-module/css-module/FieldsetLegend.d.ts +1 -1
- package/dist/css-module/css-module/Figure.d.ts +1 -1
- package/dist/css-module/css-module/FigureCaption.d.ts +1 -1
- package/dist/css-module/css-module/FormField.d.ts +1 -1
- package/dist/css-module/css-module/FormFieldDescription.d.ts +1 -1
- package/dist/css-module/css-module/FormFieldErrorMessage.d.ts +1 -1
- package/dist/css-module/css-module/FormFieldTextbox.d.ts +9 -0
- package/dist/css-module/css-module/FormLabel.d.ts +1 -1
- package/dist/css-module/css-module/FormToggle.d.ts +1 -1
- package/dist/css-module/css-module/HTMLContent.d.ts +1 -1
- package/dist/css-module/css-module/Heading.d.ts +6 -6
- package/dist/css-module/css-module/Heading1.d.ts +1 -1
- package/dist/css-module/css-module/Heading2.d.ts +1 -1
- package/dist/css-module/css-module/Heading3.d.ts +1 -1
- package/dist/css-module/css-module/Heading4.d.ts +1 -1
- package/dist/css-module/css-module/Heading5.d.ts +1 -1
- package/dist/css-module/css-module/Heading6.d.ts +1 -1
- package/dist/css-module/css-module/HeadingGroup.d.ts +1 -1
- package/dist/css-module/css-module/IBANData.d.ts +1 -1
- package/dist/css-module/css-module/Icon.d.ts +1 -1
- package/dist/css-module/css-module/Image.d.ts +1 -1
- package/dist/css-module/css-module/IndexCharNav.d.ts +1 -1
- package/dist/css-module/css-module/Link.d.ts +1 -1
- package/dist/css-module/css-module/LinkButton.d.ts +1 -1
- package/dist/css-module/css-module/LinkList.d.ts +1 -1
- package/dist/css-module/css-module/LinkSocial.d.ts +1 -1
- package/dist/css-module/css-module/ListSocial.d.ts +1 -1
- package/dist/css-module/css-module/Listbox.d.ts +1 -1
- package/dist/css-module/css-module/Logo.d.ts +1 -1
- package/dist/css-module/css-module/Mark.d.ts +1 -1
- package/dist/css-module/css-module/MultilineData.d.ts +1 -1
- package/dist/css-module/css-module/NavBar.d.ts +1 -1
- package/dist/css-module/css-module/NavList.d.ts +1 -1
- package/dist/css-module/css-module/NumberData.d.ts +1 -1
- package/dist/css-module/css-module/OrderedList.d.ts +1 -1
- package/dist/css-module/css-module/OrderedListItem.d.ts +1 -1
- package/dist/css-module/css-module/Page.d.ts +1 -1
- package/dist/css-module/css-module/PageContent.d.ts +1 -1
- package/dist/css-module/css-module/PageFooter.d.ts +1 -1
- package/dist/css-module/css-module/PageHeader.d.ts +1 -1
- package/dist/css-module/css-module/Paragraph.d.ts +1 -1
- package/dist/css-module/css-module/PreHeading.d.ts +1 -1
- package/dist/css-module/css-module/PreserveData.d.ts +1 -1
- package/dist/css-module/css-module/RadioButton.d.ts +1 -1
- package/dist/css-module/css-module/Select.d.ts +1 -1
- package/dist/css-module/css-module/Separator.d.ts +1 -1
- package/dist/css-module/css-module/SkipLink.d.ts +1 -1
- package/dist/css-module/css-module/SpotlightSection.d.ts +1 -1
- package/dist/css-module/css-module/StatusBadge.d.ts +1 -1
- package/dist/css-module/css-module/Strong.d.ts +1 -1
- package/dist/css-module/css-module/Surface.d.ts +1 -1
- package/dist/css-module/css-module/Table.d.ts +1 -1
- package/dist/css-module/css-module/TableContainer.d.ts +1 -1
- package/dist/css-module/css-module/Textarea.d.ts +1 -1
- package/dist/css-module/css-module/Textbox.d.ts +1 -1
- package/dist/css-module/css-module/URLData.d.ts +1 -1
- package/dist/css-module/css-module/UnorderedList.d.ts +1 -1
- package/dist/css-module/css-module/UnorderedListItem.d.ts +1 -1
- package/dist/css-module/css-module/VegaVisualization.d.ts +1 -1
- package/dist/css-module/css-module/index.d.ts +4 -0
- package/dist/css-module/index.d.ts +4 -0
- package/dist/css-module/index.js +725 -591
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +724 -592
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +651 -520
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.esm.js +650 -521
- package/dist/index.esm.js.map +1 -1
- package/package.json +93 -2
package/dist/index.esm.js
CHANGED
|
@@ -7,9 +7,9 @@ import clsx from 'clsx';
|
|
|
7
7
|
import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
8
8
|
import _extends from '@babel/runtime/helpers/extends';
|
|
9
9
|
|
|
10
|
-
var _excluded$
|
|
11
|
-
function ownKeys$
|
|
12
|
-
function _objectSpread$
|
|
10
|
+
var _excluded$1n = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
11
|
+
function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
+
function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
13
|
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
14
14
|
var appearance = _ref.appearance,
|
|
15
15
|
busy = _ref.busy,
|
|
@@ -19,8 +19,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
19
19
|
hint = _ref.hint,
|
|
20
20
|
pressed = _ref.pressed,
|
|
21
21
|
type = _ref.type,
|
|
22
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
23
|
-
return jsx("button", _objectSpread$
|
|
22
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1n);
|
|
23
|
+
return jsx("button", _objectSpread$1o(_objectSpread$1o({
|
|
24
24
|
ref: ref,
|
|
25
25
|
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),
|
|
26
26
|
"aria-busy": busy || undefined,
|
|
@@ -34,38 +34,38 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
34
34
|
Button.displayName = 'Button';
|
|
35
35
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
36
36
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
37
|
-
return jsx(Button, _objectSpread$
|
|
37
|
+
return jsx(Button, _objectSpread$1o(_objectSpread$1o({}, args), {}, {
|
|
38
38
|
appearance: "primary-action-button"
|
|
39
39
|
}));
|
|
40
40
|
};
|
|
41
41
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
42
42
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
43
43
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
44
|
-
return jsx(Button, _objectSpread$
|
|
44
|
+
return jsx(Button, _objectSpread$1o(_objectSpread$1o({}, args), {}, {
|
|
45
45
|
appearance: "secondary-action-button"
|
|
46
46
|
}));
|
|
47
47
|
};
|
|
48
48
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
49
49
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
50
50
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
51
|
-
return jsx(Button, _objectSpread$
|
|
51
|
+
return jsx(Button, _objectSpread$1o(_objectSpread$1o({}, args), {}, {
|
|
52
52
|
appearance: "subtle-button"
|
|
53
53
|
}));
|
|
54
54
|
};
|
|
55
55
|
SubtleButton.displayName = 'SubtleButton';
|
|
56
56
|
|
|
57
|
-
var _excluded$
|
|
58
|
-
function ownKeys$
|
|
59
|
-
function _objectSpread$
|
|
57
|
+
var _excluded$1m = ["appearance", "className", "level"];
|
|
58
|
+
function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
59
|
+
function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
60
60
|
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
61
61
|
var appearance = _ref.appearance,
|
|
62
62
|
className = _ref.className,
|
|
63
63
|
level = _ref.level,
|
|
64
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
64
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1m);
|
|
65
65
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
66
66
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
67
67
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
68
|
-
return jsx(HeadingX, _objectSpread$
|
|
68
|
+
return jsx(HeadingX, _objectSpread$1n(_objectSpread$1n({
|
|
69
69
|
className: clsx(headingClassName, className)
|
|
70
70
|
}, restProps), {}, {
|
|
71
71
|
ref: ref
|
|
@@ -73,10 +73,10 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
73
73
|
});
|
|
74
74
|
Heading.displayName = 'Heading';
|
|
75
75
|
|
|
76
|
-
var _excluded$
|
|
76
|
+
var _excluded$1l = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon", "appearance"],
|
|
77
77
|
_excluded2$9 = ["children", "group", "headingLevel", "heading"];
|
|
78
|
-
function ownKeys$
|
|
79
|
-
function _objectSpread$
|
|
78
|
+
function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
79
|
+
function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
80
80
|
var IconChevronDown = function IconChevronDown() {
|
|
81
81
|
return jsxs("svg", {
|
|
82
82
|
id: "Layer_1",
|
|
@@ -152,7 +152,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
152
152
|
onButtonFocus = _ref.onButtonFocus,
|
|
153
153
|
icon = _ref.icon,
|
|
154
154
|
appearance = _ref.appearance,
|
|
155
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
155
|
+
props = _objectWithoutProperties(_ref, _excluded$1l);
|
|
156
156
|
var panelAttributes = {
|
|
157
157
|
className: clsx('utrecht-accordion__panel', {
|
|
158
158
|
'utrecht-accordion__panel--expanded': expanded
|
|
@@ -176,7 +176,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
176
176
|
// content of the landmark to be the actual content, instead of starting
|
|
177
177
|
// with the button that controls the region.
|
|
178
178
|
// - we only want expanded sections to show up as landmarks
|
|
179
|
-
return jsxs("div", _objectSpread$
|
|
179
|
+
return jsxs("div", _objectSpread$1m(_objectSpread$1m({
|
|
180
180
|
className: clsx('utrecht-accordion__section', className),
|
|
181
181
|
id: id,
|
|
182
182
|
ref: ref
|
|
@@ -209,12 +209,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
209
209
|
children: label
|
|
210
210
|
})]
|
|
211
211
|
})
|
|
212
|
-
}), section ? jsx("section", _objectSpread$
|
|
212
|
+
}), section ? jsx("section", _objectSpread$1m(_objectSpread$1m({
|
|
213
213
|
id: panelId,
|
|
214
214
|
"aria-labelledby": buttonId
|
|
215
215
|
}, panelAttributes), {}, {
|
|
216
216
|
children: children
|
|
217
|
-
})) : jsx("div", _objectSpread$
|
|
217
|
+
})) : jsx("div", _objectSpread$1m(_objectSpread$1m({
|
|
218
218
|
id: panelId
|
|
219
219
|
}, panelAttributes), {}, {
|
|
220
220
|
children: children
|
|
@@ -233,7 +233,7 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
233
233
|
children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
|
|
234
234
|
level: headingLevel,
|
|
235
235
|
children: heading
|
|
236
|
-
}), jsx("div", _objectSpread$
|
|
236
|
+
}), jsx("div", _objectSpread$1m(_objectSpread$1m({
|
|
237
237
|
className: clsx('utrecht-accordion'),
|
|
238
238
|
role: group ? 'group' : undefined,
|
|
239
239
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -341,7 +341,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
341
341
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
342
342
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
343
343
|
if (index === activatedIndex) {
|
|
344
|
-
return _objectSpread$
|
|
344
|
+
return _objectSpread$1m(_objectSpread$1m({}, section), {}, {
|
|
345
345
|
expanded: !section.expanded
|
|
346
346
|
});
|
|
347
347
|
} else {
|
|
@@ -349,7 +349,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
349
349
|
}
|
|
350
350
|
}));
|
|
351
351
|
};
|
|
352
|
-
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$
|
|
352
|
+
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1m(_objectSpread$1m({}, section), {}, {
|
|
353
353
|
icon: icon,
|
|
354
354
|
appearance: appearance,
|
|
355
355
|
ref: refs[index],
|
|
@@ -364,16 +364,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
364
364
|
};
|
|
365
365
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
366
366
|
|
|
367
|
-
var _excluded$
|
|
368
|
-
function ownKeys$
|
|
369
|
-
function _objectSpread$
|
|
367
|
+
var _excluded$1k = ["children", "className", "icon", "type"];
|
|
368
|
+
function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
369
|
+
function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
370
370
|
var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
371
371
|
var children = _ref.children,
|
|
372
372
|
className = _ref.className,
|
|
373
373
|
icon = _ref.icon,
|
|
374
374
|
type = _ref.type,
|
|
375
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
376
|
-
return jsxs("div", _objectSpread$
|
|
375
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1k);
|
|
376
|
+
return jsxs("div", _objectSpread$1l(_objectSpread$1l({}, restProps), {}, {
|
|
377
377
|
ref: ref,
|
|
378
378
|
className: clsx('utrecht-alert', {
|
|
379
379
|
'utrecht-alert--error': type === 'error',
|
|
@@ -392,16 +392,16 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
392
392
|
});
|
|
393
393
|
Alert.displayName = 'Alert';
|
|
394
394
|
|
|
395
|
-
var _excluded$
|
|
396
|
-
function ownKeys$
|
|
397
|
-
function _objectSpread$
|
|
395
|
+
var _excluded$1j = ["children", "className", "icon", "type"];
|
|
396
|
+
function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
397
|
+
function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
398
398
|
var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
399
399
|
var children = _ref.children,
|
|
400
400
|
className = _ref.className,
|
|
401
401
|
icon = _ref.icon,
|
|
402
402
|
type = _ref.type,
|
|
403
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
404
|
-
return jsxs("dialog", _objectSpread$
|
|
403
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1j);
|
|
404
|
+
return jsxs("dialog", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
|
|
405
405
|
ref: ref,
|
|
406
406
|
className: clsx('utrecht-alert-dialog', {
|
|
407
407
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -420,14 +420,14 @@ var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
420
420
|
});
|
|
421
421
|
AlertDialog.displayName = 'AlertDialog';
|
|
422
422
|
|
|
423
|
-
var _excluded$
|
|
424
|
-
function ownKeys$
|
|
425
|
-
function _objectSpread$
|
|
423
|
+
var _excluded$1i = ["children", "className"];
|
|
424
|
+
function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
425
|
+
function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
426
426
|
var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
427
427
|
var children = _ref.children,
|
|
428
428
|
className = _ref.className,
|
|
429
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
430
|
-
return jsx("article", _objectSpread$
|
|
429
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
430
|
+
return jsx("article", _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
|
|
431
431
|
ref: ref,
|
|
432
432
|
className: clsx('utrecht-article', className),
|
|
433
433
|
children: children
|
|
@@ -435,14 +435,14 @@ var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
435
435
|
});
|
|
436
436
|
Article.displayName = 'Article';
|
|
437
437
|
|
|
438
|
-
var _excluded$
|
|
439
|
-
function ownKeys$
|
|
440
|
-
function _objectSpread$
|
|
438
|
+
var _excluded$1h = ["children", "className"];
|
|
439
|
+
function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
440
|
+
function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
441
441
|
var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
442
442
|
var children = _ref.children,
|
|
443
443
|
className = _ref.className,
|
|
444
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
445
|
-
return jsx("div", _objectSpread$
|
|
444
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
445
|
+
return jsx("div", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
|
|
446
446
|
ref: ref,
|
|
447
447
|
className: clsx('utrecht-backdrop', className),
|
|
448
448
|
children: children
|
|
@@ -450,35 +450,35 @@ var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
450
450
|
});
|
|
451
451
|
Backdrop.displayName = 'Backdrop';
|
|
452
452
|
|
|
453
|
-
var _excluded$
|
|
454
|
-
function ownKeys$
|
|
455
|
-
function _objectSpread$
|
|
453
|
+
var _excluded$1g = ["children", "className", "value"];
|
|
454
|
+
function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
455
|
+
function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
456
456
|
var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
457
457
|
var children = _ref.children,
|
|
458
458
|
className = _ref.className,
|
|
459
459
|
value = _ref.value,
|
|
460
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
461
|
-
var props = _objectSpread$
|
|
460
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
461
|
+
var props = _objectSpread$1h({
|
|
462
462
|
children: children,
|
|
463
463
|
className: clsx('utrecht-badge-counter', className)
|
|
464
464
|
}, restProps);
|
|
465
|
-
return typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
465
|
+
return typeof value !== 'undefined' ? jsx("data", _objectSpread$1h(_objectSpread$1h({}, props), {}, {
|
|
466
466
|
value: value,
|
|
467
467
|
ref: ref
|
|
468
|
-
})) : jsx("span", _objectSpread$
|
|
468
|
+
})) : jsx("span", _objectSpread$1h(_objectSpread$1h({}, props), {}, {
|
|
469
469
|
ref: ref
|
|
470
470
|
}));
|
|
471
471
|
});
|
|
472
472
|
BadgeCounter.displayName = 'BadgeCounter';
|
|
473
473
|
|
|
474
|
-
var _excluded$
|
|
475
|
-
function ownKeys$
|
|
476
|
-
function _objectSpread$
|
|
474
|
+
var _excluded$1f = ["children", "className"];
|
|
475
|
+
function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
476
|
+
function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
477
477
|
var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
478
478
|
var children = _ref.children,
|
|
479
479
|
className = _ref.className,
|
|
480
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
481
|
-
return jsx("div", _objectSpread$
|
|
480
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
481
|
+
return jsx("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
482
482
|
ref: ref,
|
|
483
483
|
className: clsx('utrecht-badge-list', className),
|
|
484
484
|
children: children
|
|
@@ -486,9 +486,28 @@ var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
486
486
|
});
|
|
487
487
|
BadgeList.displayName = 'BadgeList';
|
|
488
488
|
|
|
489
|
-
var _excluded$
|
|
490
|
-
function ownKeys$
|
|
491
|
-
function _objectSpread$
|
|
489
|
+
var _excluded$1e = ["children", "className", "attribution"];
|
|
490
|
+
function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
491
|
+
function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
492
|
+
var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
493
|
+
var children = _ref.children,
|
|
494
|
+
className = _ref.className,
|
|
495
|
+
attribution = _ref.attribution,
|
|
496
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
497
|
+
return jsxs("blockquote", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
498
|
+
ref: ref,
|
|
499
|
+
className: clsx('utrecht-blockquote', className),
|
|
500
|
+
children: [children, attribution && jsx("div", {
|
|
501
|
+
className: "utrecht-blockquote__attribution",
|
|
502
|
+
children: attribution
|
|
503
|
+
})]
|
|
504
|
+
}));
|
|
505
|
+
});
|
|
506
|
+
Blockquote.displayName = 'Blockquote';
|
|
507
|
+
|
|
508
|
+
var _excluded$1d = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
509
|
+
function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
510
|
+
function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
492
511
|
var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
493
512
|
var boxContent = _ref.boxContent,
|
|
494
513
|
children = _ref.children,
|
|
@@ -497,13 +516,13 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
497
516
|
href = _ref.href,
|
|
498
517
|
placeholder = _ref.placeholder,
|
|
499
518
|
role = _ref.role,
|
|
500
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
519
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
501
520
|
return (
|
|
502
521
|
// "utrecht-link--telephone" does not have a corresponding API,
|
|
503
522
|
// since it is primarily a basis for implementing input[href^="tel"].
|
|
504
523
|
// Telephone number rendering in React is best achieved using composition
|
|
505
524
|
// of the TelephoneValue component.
|
|
506
|
-
jsx("a", _objectSpread$
|
|
525
|
+
jsx("a", _objectSpread$1e(_objectSpread$1e({
|
|
507
526
|
href: placeholder ? undefined : href,
|
|
508
527
|
ref: ref,
|
|
509
528
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -521,12 +540,12 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
521
540
|
});
|
|
522
541
|
Link.displayName = 'Link';
|
|
523
542
|
|
|
524
|
-
var _excluded$
|
|
543
|
+
var _excluded$1c = ["appearance", "children", "className", "headingLevel", "label"],
|
|
525
544
|
_excluded2$8 = ["className", "children"],
|
|
526
545
|
_excluded3$2 = ["className", "children"],
|
|
527
546
|
_excluded4$1 = ["children", "disabled", "current", "href", "index", "rel", "role", "Link", "className"];
|
|
528
|
-
function ownKeys$
|
|
529
|
-
function _objectSpread$
|
|
547
|
+
function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
548
|
+
function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
530
549
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
531
550
|
var prop = _ref.prop,
|
|
532
551
|
type = _ref.type;
|
|
@@ -548,9 +567,9 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
548
567
|
_ref2$headingLevel = _ref2.headingLevel,
|
|
549
568
|
headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
|
|
550
569
|
label = _ref2.label,
|
|
551
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
570
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$1c);
|
|
552
571
|
var headingId = label ? useId() : undefined;
|
|
553
|
-
return jsxs("nav", _objectSpread$
|
|
572
|
+
return jsxs("nav", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
554
573
|
ref: ref,
|
|
555
574
|
className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
|
|
556
575
|
'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
|
|
@@ -562,7 +581,7 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
562
581
|
level: headingLevel,
|
|
563
582
|
"aria-hidden": "true",
|
|
564
583
|
children: label
|
|
565
|
-
}), jsx("ol", _objectSpread$
|
|
584
|
+
}), jsx("ol", _objectSpread$1d(_objectSpread$1d({
|
|
566
585
|
className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
|
|
567
586
|
}, useMicrodataItem({
|
|
568
587
|
type: 'https://schema.org/BreadcrumbList'
|
|
@@ -576,7 +595,7 @@ var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
576
595
|
var className = _ref3.className,
|
|
577
596
|
children = _ref3.children,
|
|
578
597
|
restProps = _objectWithoutProperties(_ref3, _excluded2$8);
|
|
579
|
-
return jsx("li", _objectSpread$
|
|
598
|
+
return jsx("li", _objectSpread$1d(_objectSpread$1d(_objectSpread$1d({
|
|
580
599
|
className: clsx('utrecht-breadcrumb-nav__item', className)
|
|
581
600
|
}, useMicrodataItem({
|
|
582
601
|
type: 'https://schema.org/ListItem',
|
|
@@ -592,7 +611,7 @@ var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
|
592
611
|
var className = _ref4.className,
|
|
593
612
|
children = _ref4.children,
|
|
594
613
|
restProps = _objectWithoutProperties(_ref4, _excluded3$2);
|
|
595
|
-
return jsx("li", _objectSpread$
|
|
614
|
+
return jsx("li", _objectSpread$1d(_objectSpread$1d({
|
|
596
615
|
"aria-hidden": "true",
|
|
597
616
|
hidden: true,
|
|
598
617
|
style: {
|
|
@@ -620,7 +639,7 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
620
639
|
var DefaultLinkComponent = Link$1;
|
|
621
640
|
var LinkComponent = Link$1 || DefaultLinkComponent;
|
|
622
641
|
return jsx(BreadcrumbNavItem, {
|
|
623
|
-
children: jsxs(LinkComponent, _objectSpread$
|
|
642
|
+
children: jsxs(LinkComponent, _objectSpread$1d(_objectSpread$1d(_objectSpread$1d({
|
|
624
643
|
className: clsx('utrecht-breadcrumb-nav__link', className, {
|
|
625
644
|
'utrecht-breadcrumb-nav__link--current': current,
|
|
626
645
|
'utrecht-breadcrumb-nav__link--disabled': disabled
|
|
@@ -632,11 +651,11 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
632
651
|
"aria-disabled": disabled ? 'true' : undefined
|
|
633
652
|
}, useMicrodataProp('item')), restProps), {}, {
|
|
634
653
|
ref: ref,
|
|
635
|
-
children: [jsx("span", _objectSpread$
|
|
654
|
+
children: [jsx("span", _objectSpread$1d(_objectSpread$1d({
|
|
636
655
|
className: "utrecht-breadcrumb-nav__text"
|
|
637
656
|
}, useMicrodataProp('name')), {}, {
|
|
638
657
|
children: children
|
|
639
|
-
})), typeof index === 'number' ? jsx("meta", _objectSpread$
|
|
658
|
+
})), typeof index === 'number' ? jsx("meta", _objectSpread$1d(_objectSpread$1d({}, useMicrodataProp('position')), {}, {
|
|
640
659
|
content: String(index + 1)
|
|
641
660
|
})) : null]
|
|
642
661
|
}))
|
|
@@ -644,9 +663,9 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
644
663
|
});
|
|
645
664
|
BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
|
|
646
665
|
|
|
647
|
-
var _excluded$
|
|
648
|
-
function ownKeys$
|
|
649
|
-
function _objectSpread$
|
|
666
|
+
var _excluded$1b = ["children", "className", "direction"];
|
|
667
|
+
function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
668
|
+
function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
650
669
|
var hasManyElements = function hasManyElements(children) {
|
|
651
670
|
return Array.isArray(children) && children.reduce(function (count, item) {
|
|
652
671
|
return /*#__PURE__*/isValidElement(item) ? count + 1 : count;
|
|
@@ -656,8 +675,8 @@ var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
656
675
|
var children = _ref.children,
|
|
657
676
|
className = _ref.className,
|
|
658
677
|
direction = _ref.direction,
|
|
659
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
660
|
-
return jsx("p", _objectSpread$
|
|
678
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
679
|
+
return jsx("p", _objectSpread$1c(_objectSpread$1c({
|
|
661
680
|
role: hasManyElements(children) ? 'group' : undefined
|
|
662
681
|
}, restProps), {}, {
|
|
663
682
|
ref: ref,
|
|
@@ -670,9 +689,9 @@ var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
670
689
|
});
|
|
671
690
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
672
691
|
|
|
673
|
-
var _excluded$
|
|
674
|
-
function ownKeys$
|
|
675
|
-
function _objectSpread$
|
|
692
|
+
var _excluded$1a = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
|
|
693
|
+
function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
694
|
+
function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
676
695
|
var onKeyDown = function onKeyDown(evt) {
|
|
677
696
|
var _evt$target;
|
|
678
697
|
if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
|
|
@@ -690,18 +709,18 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
690
709
|
href = _ref.href,
|
|
691
710
|
placeholder = _ref.placeholder,
|
|
692
711
|
role = _ref.role,
|
|
693
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
712
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
694
713
|
var props = restProps;
|
|
695
714
|
if (role === 'button') {
|
|
696
715
|
// When this link is announced as button by accessibility tools,
|
|
697
716
|
// it should also behave like a button. Links are not activated
|
|
698
717
|
// using `Space`, so we need to implement that behaviour here
|
|
699
718
|
// to reach parity with the `button` element.
|
|
700
|
-
props = _objectSpread$
|
|
719
|
+
props = _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
701
720
|
onKeyDown: onKeyDown
|
|
702
721
|
});
|
|
703
722
|
}
|
|
704
|
-
return jsx("a", _objectSpread$
|
|
723
|
+
return jsx("a", _objectSpread$1b(_objectSpread$1b({
|
|
705
724
|
href: placeholder ? undefined : href,
|
|
706
725
|
ref: ref,
|
|
707
726
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -720,26 +739,43 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
720
739
|
});
|
|
721
740
|
ButtonLink.displayName = 'ButtonLink';
|
|
722
741
|
|
|
723
|
-
var _excluded$
|
|
724
|
-
function ownKeys$
|
|
725
|
-
function _objectSpread$
|
|
742
|
+
var _excluded$19 = ["appearance", "disabled", "indeterminate", "invalid", "required", "className"];
|
|
743
|
+
function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
744
|
+
function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
726
745
|
var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
727
746
|
var _ref$appearance = _ref.appearance,
|
|
728
747
|
appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
|
|
729
748
|
disabled = _ref.disabled,
|
|
749
|
+
_ref$indeterminate = _ref.indeterminate,
|
|
750
|
+
indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
|
|
730
751
|
invalid = _ref.invalid,
|
|
731
752
|
required = _ref.required,
|
|
732
753
|
className = _ref.className,
|
|
733
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
734
|
-
|
|
735
|
-
|
|
754
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
755
|
+
// What's the correct way to use useRef and forwardRef together?
|
|
756
|
+
// https://stackoverflow.com/a/68163315
|
|
757
|
+
// `indeterminate` is has no TypeScript definition in React.
|
|
758
|
+
// `indeterminate` renders an attribute, not a property in React.
|
|
759
|
+
var internalRef = useRef(null);
|
|
760
|
+
useImperativeHandle(ref, function () {
|
|
761
|
+
return internalRef.current;
|
|
762
|
+
});
|
|
763
|
+
useEffect(function () {
|
|
764
|
+
if (internalRef.current) {
|
|
765
|
+
internalRef.current.indeterminate = indeterminate;
|
|
766
|
+
}
|
|
767
|
+
}, [indeterminate]);
|
|
768
|
+
return jsx("input", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
769
|
+
ref: internalRef,
|
|
736
770
|
type: "checkbox",
|
|
737
771
|
className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
|
|
738
772
|
'utrecht-checkbox--disabled': disabled,
|
|
739
773
|
'utrecht-checkbox--custom': appearance === 'custom',
|
|
740
774
|
'utrecht-checkbox--invalid': invalid,
|
|
775
|
+
'utrecht-checkbox--indeterminate': indeterminate,
|
|
741
776
|
'utrecht-checkbox--required': required
|
|
742
777
|
}, className),
|
|
778
|
+
"aria-checked": indeterminate ? 'mixed' : undefined,
|
|
743
779
|
"aria-invalid": invalid || undefined,
|
|
744
780
|
disabled: disabled,
|
|
745
781
|
required: required
|
|
@@ -747,14 +783,14 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
747
783
|
});
|
|
748
784
|
Checkbox.displayName = 'Checkbox';
|
|
749
785
|
|
|
750
|
-
var _excluded$
|
|
751
|
-
function ownKeys$
|
|
752
|
-
function _objectSpread$
|
|
786
|
+
var _excluded$18 = ["children", "className"];
|
|
787
|
+
function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
788
|
+
function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
753
789
|
var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
754
790
|
var children = _ref.children,
|
|
755
791
|
className = _ref.className,
|
|
756
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
757
|
-
return jsx("code", _objectSpread$
|
|
792
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
793
|
+
return jsx("code", _objectSpread$19(_objectSpread$19({
|
|
758
794
|
ref: ref,
|
|
759
795
|
className: clsx('utrecht-code', className)
|
|
760
796
|
}, restProps), {}, {
|
|
@@ -763,14 +799,14 @@ var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
763
799
|
});
|
|
764
800
|
Code.displayName = 'Code';
|
|
765
801
|
|
|
766
|
-
var _excluded$
|
|
767
|
-
function ownKeys$
|
|
768
|
-
function _objectSpread$
|
|
802
|
+
var _excluded$17 = ["children", "className"];
|
|
803
|
+
function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
804
|
+
function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
769
805
|
var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
770
806
|
var children = _ref.children,
|
|
771
807
|
className = _ref.className,
|
|
772
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
773
|
-
return jsx("pre", _objectSpread$
|
|
808
|
+
restProps = _objectWithoutProperties(_ref, _excluded$17);
|
|
809
|
+
return jsx("pre", _objectSpread$18(_objectSpread$18({
|
|
774
810
|
ref: ref,
|
|
775
811
|
className: clsx('utrecht-code-block', className)
|
|
776
812
|
}, restProps), {}, {
|
|
@@ -782,19 +818,19 @@ var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
782
818
|
});
|
|
783
819
|
CodeBlock.displayName = 'CodeBlock';
|
|
784
820
|
|
|
785
|
-
var _excluded$
|
|
786
|
-
function ownKeys$
|
|
787
|
-
function _objectSpread$
|
|
821
|
+
var _excluded$16 = ["children", "className", "color", "style"];
|
|
822
|
+
function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
823
|
+
function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
788
824
|
var ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
789
825
|
var children = _ref.children,
|
|
790
826
|
className = _ref.className,
|
|
791
827
|
color = _ref.color,
|
|
792
828
|
style = _ref.style,
|
|
793
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
794
|
-
return jsx("data", _objectSpread$
|
|
829
|
+
restProps = _objectWithoutProperties(_ref, _excluded$16);
|
|
830
|
+
return jsx("data", _objectSpread$17(_objectSpread$17({
|
|
795
831
|
ref: ref,
|
|
796
832
|
className: clsx('utrecht-color-sample', className),
|
|
797
|
-
style: _objectSpread$
|
|
833
|
+
style: _objectSpread$17(_objectSpread$17({}, style), {}, {
|
|
798
834
|
color: color
|
|
799
835
|
}),
|
|
800
836
|
value: color
|
|
@@ -818,14 +854,14 @@ var ColumnLayout = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
818
854
|
});
|
|
819
855
|
ColumnLayout.displayName = 'ColumnLayout';
|
|
820
856
|
|
|
821
|
-
var _excluded$
|
|
857
|
+
var _excluded$15 = ["className"],
|
|
822
858
|
_excluded2$7 = ["className", "position"];
|
|
823
|
-
function ownKeys$
|
|
824
|
-
function _objectSpread$
|
|
859
|
+
function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
860
|
+
function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
825
861
|
var Combobox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
826
862
|
var className = _ref.className,
|
|
827
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
828
|
-
return jsx("div", _objectSpread$
|
|
863
|
+
restProps = _objectWithoutProperties(_ref, _excluded$15);
|
|
864
|
+
return jsx("div", _objectSpread$16(_objectSpread$16({
|
|
829
865
|
className: clsx('utrecht-combobox', className)
|
|
830
866
|
}, restProps), {}, {
|
|
831
867
|
ref: ref
|
|
@@ -836,7 +872,7 @@ var ComboboxPopover = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
836
872
|
var className = _ref2.className,
|
|
837
873
|
position = _ref2.position,
|
|
838
874
|
restProps = _objectWithoutProperties(_ref2, _excluded2$7);
|
|
839
|
-
return jsx("div", _objectSpread$
|
|
875
|
+
return jsx("div", _objectSpread$16(_objectSpread$16({
|
|
840
876
|
className: clsx('utrecht-combobox__popover', {
|
|
841
877
|
'utrecht-search-bar__popover--block-end': !position || position === 'block-end'
|
|
842
878
|
}, className)
|
|
@@ -846,9 +882,9 @@ var ComboboxPopover = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
846
882
|
});
|
|
847
883
|
ComboboxPopover.displayName = 'ComboboxPopover';
|
|
848
884
|
|
|
849
|
-
var _excluded$
|
|
850
|
-
function ownKeys$
|
|
851
|
-
function _objectSpread$
|
|
885
|
+
var _excluded$14 = ["children", "currency", "amount", "locale", "className"];
|
|
886
|
+
function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
887
|
+
function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
852
888
|
var formatLabel = function formatLabel(locale, currency, amount) {
|
|
853
889
|
return new Intl.NumberFormat(locale, {
|
|
854
890
|
style: 'currency',
|
|
@@ -884,11 +920,11 @@ var CurrencyData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
884
920
|
_ref$locale = _ref.locale,
|
|
885
921
|
locale = _ref$locale === void 0 ? 'nl-NL' : _ref$locale,
|
|
886
922
|
className = _ref.className,
|
|
887
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
923
|
+
restProps = _objectWithoutProperties(_ref, _excluded$14);
|
|
888
924
|
var number = typeof amount === 'string' ? parseFloat(amount) : amount;
|
|
889
925
|
var labelFormatted = formatLabel(locale, currency, number);
|
|
890
926
|
var visuallyFormatted = formatVisually(locale, currency, number);
|
|
891
|
-
return jsx("data", _objectSpread$
|
|
927
|
+
return jsx("data", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
|
|
892
928
|
ref: ref,
|
|
893
929
|
value: "".concat(currency, " ").concat(amount),
|
|
894
930
|
className: clsx('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
|
|
@@ -898,39 +934,39 @@ var CurrencyData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
898
934
|
});
|
|
899
935
|
CurrencyData.displayName = 'CurrencyData';
|
|
900
936
|
|
|
901
|
-
var _excluded$
|
|
902
|
-
function ownKeys$
|
|
903
|
-
function _objectSpread$
|
|
937
|
+
var _excluded$13 = ["children", "className", "dateTime", "value"];
|
|
938
|
+
function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
939
|
+
function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
904
940
|
var DataBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
905
941
|
var children = _ref.children,
|
|
906
942
|
className = _ref.className,
|
|
907
943
|
dateTime = _ref.dateTime,
|
|
908
944
|
value = _ref.value,
|
|
909
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
910
|
-
var props = _objectSpread$
|
|
945
|
+
restProps = _objectWithoutProperties(_ref, _excluded$13);
|
|
946
|
+
var props = _objectSpread$14({
|
|
911
947
|
children: children,
|
|
912
948
|
className: clsx('utrecht-badge-data', className)
|
|
913
949
|
}, restProps);
|
|
914
|
-
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$
|
|
950
|
+
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$14(_objectSpread$14({}, props), {}, {
|
|
915
951
|
dateTime: dateTime,
|
|
916
952
|
ref: ref
|
|
917
|
-
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
953
|
+
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$14(_objectSpread$14({}, props), {}, {
|
|
918
954
|
value: value,
|
|
919
955
|
ref: ref
|
|
920
|
-
})) : jsx("span", _objectSpread$
|
|
956
|
+
})) : jsx("span", _objectSpread$14(_objectSpread$14({}, props), {}, {
|
|
921
957
|
ref: ref
|
|
922
958
|
}));
|
|
923
959
|
});
|
|
924
960
|
DataBadge.displayName = 'DataBadge';
|
|
925
961
|
|
|
926
|
-
var _excluded$
|
|
927
|
-
function ownKeys$
|
|
928
|
-
function _objectSpread$
|
|
962
|
+
var _excluded$12 = ["children", "className"];
|
|
963
|
+
function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
964
|
+
function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
929
965
|
var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
930
966
|
var children = _ref.children,
|
|
931
967
|
className = _ref.className,
|
|
932
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
933
|
-
return jsx("div", _objectSpread$
|
|
968
|
+
restProps = _objectWithoutProperties(_ref, _excluded$12);
|
|
969
|
+
return jsx("div", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
|
|
934
970
|
ref: ref,
|
|
935
971
|
className: clsx('utrecht-document', className),
|
|
936
972
|
children: children
|
|
@@ -938,18 +974,18 @@ var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
938
974
|
});
|
|
939
975
|
Document.displayName = 'Document';
|
|
940
976
|
|
|
941
|
-
var _excluded$
|
|
977
|
+
var _excluded$11 = ["appearance", "children", "className"],
|
|
942
978
|
_excluded2$6 = ["children", "className"],
|
|
943
979
|
_excluded3$1 = ["children", "className"],
|
|
944
980
|
_excluded4 = ["children", "className"];
|
|
945
|
-
function ownKeys$
|
|
946
|
-
function _objectSpread$
|
|
981
|
+
function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
982
|
+
function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
947
983
|
var DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
948
984
|
var appearance = _ref.appearance,
|
|
949
985
|
children = _ref.children,
|
|
950
986
|
className = _ref.className,
|
|
951
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
952
|
-
return jsx("dl", _objectSpread$
|
|
987
|
+
restProps = _objectWithoutProperties(_ref, _excluded$11);
|
|
988
|
+
return jsx("dl", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
953
989
|
className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
|
|
954
990
|
ref: ref,
|
|
955
991
|
children: children
|
|
@@ -960,7 +996,7 @@ var DataListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
960
996
|
var children = _ref2.children,
|
|
961
997
|
className = _ref2.className,
|
|
962
998
|
restProps = _objectWithoutProperties(_ref2, _excluded2$6);
|
|
963
|
-
return jsx("div", _objectSpread$
|
|
999
|
+
return jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
964
1000
|
className: clsx('utrecht-data-list__item', className),
|
|
965
1001
|
ref: ref,
|
|
966
1002
|
children: children
|
|
@@ -971,7 +1007,7 @@ var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
971
1007
|
var children = _ref3.children,
|
|
972
1008
|
className = _ref3.className,
|
|
973
1009
|
restProps = _objectWithoutProperties(_ref3, _excluded3$1);
|
|
974
|
-
return jsx("dt", _objectSpread$
|
|
1010
|
+
return jsx("dt", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
975
1011
|
className: clsx('utrecht-data-list__item-key', className),
|
|
976
1012
|
ref: ref,
|
|
977
1013
|
children: children
|
|
@@ -1001,7 +1037,7 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
1001
1037
|
var children = _ref5.children,
|
|
1002
1038
|
className = _ref5.className,
|
|
1003
1039
|
restProps = _objectWithoutProperties(_ref5, _excluded4);
|
|
1004
|
-
return jsx("dd", _objectSpread$
|
|
1040
|
+
return jsx("dd", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
1005
1041
|
className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
|
|
1006
1042
|
ref: ref,
|
|
1007
1043
|
children: children
|
|
@@ -1009,15 +1045,15 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
1009
1045
|
});
|
|
1010
1046
|
DataListActions.displayName = 'DataListActions';
|
|
1011
1047
|
|
|
1012
|
-
var _excluded
|
|
1013
|
-
function ownKeys$
|
|
1014
|
-
function _objectSpread$
|
|
1048
|
+
var _excluded$10 = ["align", "children", "className", "modal"];
|
|
1049
|
+
function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1050
|
+
function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1015
1051
|
var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1016
1052
|
var align = _ref.align,
|
|
1017
1053
|
children = _ref.children,
|
|
1018
1054
|
className = _ref.className,
|
|
1019
1055
|
modal = _ref.modal,
|
|
1020
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
1056
|
+
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
1021
1057
|
var dialogRef = useRef(null);
|
|
1022
1058
|
useImperativeHandle(ref, function () {
|
|
1023
1059
|
return dialogRef.current;
|
|
@@ -1030,7 +1066,7 @@ var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1030
1066
|
dialogRef.current.showModal();
|
|
1031
1067
|
}
|
|
1032
1068
|
});
|
|
1033
|
-
return jsx("dialog", _objectSpread$
|
|
1069
|
+
return jsx("dialog", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
|
|
1034
1070
|
ref: dialogRef,
|
|
1035
1071
|
className: clsx('utrecht-drawer', {
|
|
1036
1072
|
'utrecht-drawer--block-end': align === 'block-end',
|
|
@@ -1043,14 +1079,14 @@ var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1043
1079
|
});
|
|
1044
1080
|
Drawer.displayName = 'Drawer';
|
|
1045
1081
|
|
|
1046
|
-
var _excluded
|
|
1047
|
-
function ownKeys
|
|
1048
|
-
function _objectSpread
|
|
1082
|
+
var _excluded$$ = ["children", "className"];
|
|
1083
|
+
function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1084
|
+
function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1049
1085
|
var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1050
1086
|
var children = _ref.children,
|
|
1051
1087
|
className = _ref.className,
|
|
1052
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
1053
|
-
return jsx("em", _objectSpread
|
|
1088
|
+
restProps = _objectWithoutProperties(_ref, _excluded$$);
|
|
1089
|
+
return jsx("em", _objectSpread$10(_objectSpread$10({
|
|
1054
1090
|
ref: ref,
|
|
1055
1091
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
1056
1092
|
}, restProps), {}, {
|
|
@@ -1059,10 +1095,10 @@ var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1059
1095
|
});
|
|
1060
1096
|
Emphasis.displayName = 'Emphasis';
|
|
1061
1097
|
|
|
1062
|
-
var _excluded$
|
|
1098
|
+
var _excluded$_ = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
|
|
1063
1099
|
_excluded2$5 = ["className", "children", "disabled", "invalid"];
|
|
1064
|
-
function ownKeys
|
|
1065
|
-
function _objectSpread
|
|
1100
|
+
function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1101
|
+
function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1066
1102
|
var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1067
1103
|
var ariaDescribedby = _ref['aria-describedby'],
|
|
1068
1104
|
ariaLabel = _ref['aria-label'],
|
|
@@ -1074,8 +1110,8 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1074
1110
|
invalid = _ref.invalid,
|
|
1075
1111
|
name = _ref.name,
|
|
1076
1112
|
role = _ref.role,
|
|
1077
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1078
|
-
return jsx("div", _objectSpread
|
|
1113
|
+
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
1114
|
+
return jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
|
|
1079
1115
|
ref: ref,
|
|
1080
1116
|
className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
|
|
1081
1117
|
children: jsx("fieldset", {
|
|
@@ -1099,7 +1135,7 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1099
1135
|
disabled = _ref2.disabled,
|
|
1100
1136
|
invalid = _ref2.invalid,
|
|
1101
1137
|
restProps = _objectWithoutProperties(_ref2, _excluded2$5);
|
|
1102
|
-
return jsx("fieldset", _objectSpread
|
|
1138
|
+
return jsx("fieldset", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
|
|
1103
1139
|
ref: ref,
|
|
1104
1140
|
"aria-invalid": invalid || undefined,
|
|
1105
1141
|
disabled: disabled,
|
|
@@ -1109,14 +1145,14 @@ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1109
1145
|
});
|
|
1110
1146
|
FieldsetOnly.displayName = 'Fieldset';
|
|
1111
1147
|
|
|
1112
|
-
var _excluded$
|
|
1113
|
-
function ownKeys$
|
|
1114
|
-
function _objectSpread$
|
|
1148
|
+
var _excluded$Z = ["className", "children"];
|
|
1149
|
+
function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1150
|
+
function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1115
1151
|
var FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1116
1152
|
var className = _ref.className,
|
|
1117
1153
|
children = _ref.children,
|
|
1118
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1119
|
-
return jsx("legend", _objectSpread$
|
|
1154
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Z);
|
|
1155
|
+
return jsx("legend", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
|
|
1120
1156
|
ref: ref,
|
|
1121
1157
|
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
|
|
1122
1158
|
children: children
|
|
@@ -1124,14 +1160,14 @@ var FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1124
1160
|
});
|
|
1125
1161
|
FieldsetLegend.displayName = 'FieldsetLegend';
|
|
1126
1162
|
|
|
1127
|
-
var _excluded$
|
|
1128
|
-
function ownKeys$
|
|
1129
|
-
function _objectSpread$
|
|
1163
|
+
var _excluded$Y = ["className", "children"];
|
|
1164
|
+
function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1165
|
+
function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1130
1166
|
var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1131
1167
|
var className = _ref.className,
|
|
1132
1168
|
children = _ref.children,
|
|
1133
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1134
|
-
return jsx("figure", _objectSpread$
|
|
1169
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1170
|
+
return jsx("figure", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
|
|
1135
1171
|
ref: ref,
|
|
1136
1172
|
className: clsx('utrecht-figure', className),
|
|
1137
1173
|
children: children
|
|
@@ -1139,14 +1175,14 @@ var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1139
1175
|
});
|
|
1140
1176
|
Figure.displayName = 'Figure';
|
|
1141
1177
|
|
|
1142
|
-
var _excluded$
|
|
1143
|
-
function ownKeys$
|
|
1144
|
-
function _objectSpread$
|
|
1178
|
+
var _excluded$X = ["className", "children"];
|
|
1179
|
+
function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1180
|
+
function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1145
1181
|
var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1146
1182
|
var className = _ref.className,
|
|
1147
1183
|
children = _ref.children,
|
|
1148
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1149
|
-
return jsx("figcaption", _objectSpread$
|
|
1184
|
+
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1185
|
+
return jsx("figcaption", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
|
|
1150
1186
|
ref: ref,
|
|
1151
1187
|
className: clsx('utrecht-figure__caption', className),
|
|
1152
1188
|
children: children
|
|
@@ -1154,9 +1190,9 @@ var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1154
1190
|
});
|
|
1155
1191
|
FigureCaption.displayName = 'FigureCaption';
|
|
1156
1192
|
|
|
1157
|
-
var _excluded$
|
|
1158
|
-
function ownKeys$
|
|
1159
|
-
function _objectSpread$
|
|
1193
|
+
var _excluded$W = ["className", "children", "description", "input", "invalid", "label", "type"];
|
|
1194
|
+
function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1195
|
+
function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1160
1196
|
var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1161
1197
|
var className = _ref.className,
|
|
1162
1198
|
children = _ref.children,
|
|
@@ -1165,8 +1201,8 @@ var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1165
1201
|
invalid = _ref.invalid,
|
|
1166
1202
|
label = _ref.label,
|
|
1167
1203
|
type = _ref.type,
|
|
1168
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1169
|
-
return jsxs("div", _objectSpread$
|
|
1204
|
+
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1205
|
+
return jsxs("div", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
|
|
1170
1206
|
ref: ref,
|
|
1171
1207
|
className: clsx('utrecht-form-field', {
|
|
1172
1208
|
'utrecht-form-field--invalid': invalid,
|
|
@@ -1188,17 +1224,17 @@ var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1188
1224
|
});
|
|
1189
1225
|
FormField.displayName = 'FormField';
|
|
1190
1226
|
|
|
1191
|
-
var _excluded$
|
|
1192
|
-
function ownKeys$
|
|
1193
|
-
function _objectSpread$
|
|
1227
|
+
var _excluded$V = ["invalid", "valid", "warning", "className", "children"];
|
|
1228
|
+
function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1229
|
+
function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1194
1230
|
var FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1195
1231
|
var invalid = _ref.invalid,
|
|
1196
1232
|
valid = _ref.valid,
|
|
1197
1233
|
warning = _ref.warning,
|
|
1198
1234
|
className = _ref.className,
|
|
1199
1235
|
children = _ref.children,
|
|
1200
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1201
|
-
return jsx("div", _objectSpread$
|
|
1236
|
+
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1237
|
+
return jsx("div", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
|
|
1202
1238
|
ref: ref,
|
|
1203
1239
|
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),
|
|
1204
1240
|
children: children
|
|
@@ -1206,14 +1242,14 @@ var FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1206
1242
|
});
|
|
1207
1243
|
FormFieldDescription.displayName = 'FormFieldDescription';
|
|
1208
1244
|
|
|
1209
|
-
var _excluded$
|
|
1210
|
-
function ownKeys$
|
|
1211
|
-
function _objectSpread$
|
|
1245
|
+
var _excluded$U = ["className", "children"];
|
|
1246
|
+
function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1247
|
+
function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1212
1248
|
var FormFieldErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1213
1249
|
var className = _ref.className,
|
|
1214
1250
|
children = _ref.children,
|
|
1215
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1216
|
-
return jsx("div", _objectSpread$
|
|
1251
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1252
|
+
return jsx("div", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
|
|
1217
1253
|
ref: ref,
|
|
1218
1254
|
className: clsx('utrecht-form-field-error-message', className),
|
|
1219
1255
|
children: children
|
|
@@ -1221,17 +1257,17 @@ var FormFieldErrorMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1221
1257
|
});
|
|
1222
1258
|
FormFieldErrorMessage.displayName = 'FormFieldErrorMessage';
|
|
1223
1259
|
|
|
1224
|
-
var _excluded$
|
|
1225
|
-
function ownKeys$
|
|
1226
|
-
function _objectSpread$
|
|
1260
|
+
var _excluded$T = ["children", "className", "type", "disabled", "checked"];
|
|
1261
|
+
function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1262
|
+
function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1227
1263
|
var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1228
1264
|
var children = _ref.children,
|
|
1229
1265
|
className = _ref.className,
|
|
1230
1266
|
type = _ref.type,
|
|
1231
1267
|
disabled = _ref.disabled,
|
|
1232
1268
|
checked = _ref.checked,
|
|
1233
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1234
|
-
return jsx("label", _objectSpread$
|
|
1269
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1270
|
+
return jsx("label", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
|
|
1235
1271
|
ref: ref,
|
|
1236
1272
|
className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
|
|
1237
1273
|
children: children
|
|
@@ -1239,172 +1275,299 @@ var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1239
1275
|
});
|
|
1240
1276
|
FormLabel.displayName = 'FormLabel';
|
|
1241
1277
|
|
|
1242
|
-
var _excluded$
|
|
1243
|
-
function ownKeys$
|
|
1244
|
-
function _objectSpread$
|
|
1245
|
-
var
|
|
1246
|
-
var
|
|
1278
|
+
var _excluded$S = ["dir", "disabled", "invalid", "readOnly", "required", "inputRequired", "className", "type", "inputMode"];
|
|
1279
|
+
function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1280
|
+
function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1281
|
+
var Textbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1282
|
+
var dir = _ref.dir,
|
|
1247
1283
|
disabled = _ref.disabled,
|
|
1248
1284
|
invalid = _ref.invalid,
|
|
1249
|
-
|
|
1250
|
-
hidden = _ref.hidden,
|
|
1285
|
+
readOnly = _ref.readOnly,
|
|
1251
1286
|
required = _ref.required,
|
|
1252
|
-
|
|
1253
|
-
tabIndex = _ref.tabIndex,
|
|
1254
|
-
className = _ref.className,
|
|
1255
|
-
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1256
|
-
return jsxs("div", {
|
|
1257
|
-
className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
|
|
1258
|
-
'utrecht-form-toggle--disabled': disabled,
|
|
1259
|
-
'utrecht-form-toggle--invalid': invalid,
|
|
1260
|
-
'utrecht-form-toggle--required': required
|
|
1261
|
-
}, className),
|
|
1262
|
-
hidden: hidden,
|
|
1263
|
-
children: [jsx("input", _objectSpread$S({
|
|
1264
|
-
id: id,
|
|
1265
|
-
"aria-invalid": invalid || undefined,
|
|
1266
|
-
type: "checkbox",
|
|
1267
|
-
className: "utrecht-form-toggle__checkbox",
|
|
1268
|
-
defaultChecked: checked || undefined,
|
|
1269
|
-
disabled: disabled || undefined,
|
|
1270
|
-
required: required,
|
|
1271
|
-
ref: ref,
|
|
1272
|
-
role: role,
|
|
1273
|
-
tabIndex: tabIndex
|
|
1274
|
-
}, restProps)), jsx("label", {
|
|
1275
|
-
htmlFor: id,
|
|
1276
|
-
className: clsx('utrecht-form-toggle__track', 'utrecht-form-toggle__track--html-label'),
|
|
1277
|
-
children: jsx("div", {
|
|
1278
|
-
className: "utrecht-form-toggle__thumb"
|
|
1279
|
-
})
|
|
1280
|
-
})]
|
|
1281
|
-
});
|
|
1282
|
-
});
|
|
1283
|
-
FormToggle.displayName = 'FormToggle';
|
|
1284
|
-
|
|
1285
|
-
var _excluded$Q = ["children", "className"];
|
|
1286
|
-
function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1287
|
-
function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1288
|
-
var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1289
|
-
var children = _ref.children,
|
|
1287
|
+
inputRequired = _ref.inputRequired,
|
|
1290
1288
|
className = _ref.className,
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1289
|
+
_ref$type = _ref.type,
|
|
1290
|
+
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
1291
|
+
inputMode = _ref.inputMode,
|
|
1292
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1293
|
+
return jsx("input", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
1294
|
+
ref: ref,
|
|
1295
|
+
type: type,
|
|
1296
|
+
className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', (required || inputRequired) && 'utrecht-textbox--required', className),
|
|
1297
|
+
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
1298
|
+
disabled: disabled,
|
|
1299
|
+
readOnly: readOnly,
|
|
1300
|
+
"aria-required": required ? required : undefined,
|
|
1301
|
+
required: inputRequired,
|
|
1302
|
+
"aria-invalid": invalid || undefined,
|
|
1303
|
+
inputMode: inputMode || (type === 'number' ? 'numeric' : undefined)
|
|
1296
1304
|
}));
|
|
1297
1305
|
});
|
|
1298
|
-
|
|
1306
|
+
Textbox.displayName = 'Textbox';
|
|
1307
|
+
|
|
1308
|
+
var _excluded$R = ["name", "invalid", "disabled", "label", "errorMessage", "description", "readOnly", "status", "autoComplete", "list", "min", "max", "minLength", "maxLength", "step", "placeholder", "pattern", "required", "inputRequired", "inputDir", "type", "value", "onChange", "onInput", "onFocus", "onBlur", "defaultValue", "size", "children", "inputRef"];
|
|
1309
|
+
function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1310
|
+
function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1311
|
+
var FormFieldTextbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1312
|
+
var name = _ref.name,
|
|
1313
|
+
invalid = _ref.invalid,
|
|
1314
|
+
disabled = _ref.disabled,
|
|
1315
|
+
label = _ref.label,
|
|
1316
|
+
errorMessage = _ref.errorMessage,
|
|
1317
|
+
description = _ref.description,
|
|
1318
|
+
readOnly = _ref.readOnly,
|
|
1319
|
+
status = _ref.status,
|
|
1320
|
+
autoComplete = _ref.autoComplete,
|
|
1321
|
+
list = _ref.list,
|
|
1322
|
+
min = _ref.min,
|
|
1323
|
+
max = _ref.max,
|
|
1324
|
+
minLength = _ref.minLength,
|
|
1325
|
+
maxLength = _ref.maxLength,
|
|
1326
|
+
step = _ref.step,
|
|
1327
|
+
placeholder = _ref.placeholder,
|
|
1328
|
+
pattern = _ref.pattern,
|
|
1329
|
+
required = _ref.required,
|
|
1330
|
+
inputRequired = _ref.inputRequired,
|
|
1331
|
+
inputDir = _ref.inputDir,
|
|
1332
|
+
type = _ref.type,
|
|
1333
|
+
value = _ref.value,
|
|
1334
|
+
onChange = _ref.onChange,
|
|
1335
|
+
onInput = _ref.onInput,
|
|
1336
|
+
onFocus = _ref.onFocus,
|
|
1337
|
+
onBlur = _ref.onBlur,
|
|
1338
|
+
defaultValue = _ref.defaultValue,
|
|
1339
|
+
size = _ref.size,
|
|
1340
|
+
children = _ref.children,
|
|
1341
|
+
inputRef = _ref.inputRef,
|
|
1342
|
+
props = _objectWithoutProperties(_ref, _excluded$R);
|
|
1343
|
+
var inputId = useId();
|
|
1344
|
+
var descriptionId = useId();
|
|
1345
|
+
var statusId = useId();
|
|
1346
|
+
var errorMessageId = useId();
|
|
1347
|
+
return jsxs(FormField, _objectSpread$S(_objectSpread$S({
|
|
1348
|
+
invalid: invalid,
|
|
1349
|
+
ref: ref
|
|
1350
|
+
}, props), {}, {
|
|
1351
|
+
children: [jsx("div", {
|
|
1352
|
+
className: "utrecht-form-field__label",
|
|
1353
|
+
children: jsx(FormLabel, {
|
|
1354
|
+
htmlFor: inputId,
|
|
1355
|
+
children: label
|
|
1356
|
+
})
|
|
1357
|
+
}), description && jsx(FormFieldDescription, {
|
|
1358
|
+
className: "utrecht-form-field__description",
|
|
1359
|
+
id: descriptionId,
|
|
1360
|
+
children: description
|
|
1361
|
+
}), invalid && errorMessage && jsx(FormFieldErrorMessage, {
|
|
1362
|
+
className: "utrecht-form-field__error-message",
|
|
1363
|
+
id: errorMessageId,
|
|
1364
|
+
children: errorMessage
|
|
1365
|
+
}), jsx("div", {
|
|
1366
|
+
className: "utrecht-form-field__input",
|
|
1367
|
+
children: jsx(Textbox, {
|
|
1368
|
+
ref: inputRef,
|
|
1369
|
+
id: inputId,
|
|
1370
|
+
name: name,
|
|
1371
|
+
type: type || 'text',
|
|
1372
|
+
autoComplete: autoComplete,
|
|
1373
|
+
"aria-describedby": clsx(_defineProperty(_defineProperty(_defineProperty({}, descriptionId, description), errorMessageId, invalid), statusId, status)) || undefined,
|
|
1374
|
+
invalid: invalid,
|
|
1375
|
+
dir: inputDir || 'auto',
|
|
1376
|
+
disabled: disabled,
|
|
1377
|
+
min: min,
|
|
1378
|
+
max: max,
|
|
1379
|
+
minLength: minLength,
|
|
1380
|
+
maxLength: maxLength,
|
|
1381
|
+
pattern: pattern,
|
|
1382
|
+
placeholder: placeholder,
|
|
1383
|
+
readOnly: readOnly,
|
|
1384
|
+
required: required,
|
|
1385
|
+
inputRequired: inputRequired,
|
|
1386
|
+
value: value,
|
|
1387
|
+
onFocus: onFocus,
|
|
1388
|
+
onBlur: onBlur,
|
|
1389
|
+
onInput: onInput,
|
|
1390
|
+
onChange: onChange,
|
|
1391
|
+
defaultValue: defaultValue,
|
|
1392
|
+
list: list,
|
|
1393
|
+
size: size,
|
|
1394
|
+
step: step
|
|
1395
|
+
})
|
|
1396
|
+
}), status && jsx("div", {
|
|
1397
|
+
className: "utrecht-form-field__status",
|
|
1398
|
+
id: statusId,
|
|
1399
|
+
children: status
|
|
1400
|
+
}), children]
|
|
1401
|
+
}));
|
|
1402
|
+
});
|
|
1403
|
+
FormFieldTextbox.displayName = 'FormFieldTextbox';
|
|
1404
|
+
|
|
1405
|
+
var _excluded$Q = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
|
|
1406
|
+
function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1407
|
+
function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1408
|
+
var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1409
|
+
var checked = _ref.checked,
|
|
1410
|
+
disabled = _ref.disabled,
|
|
1411
|
+
invalid = _ref.invalid,
|
|
1412
|
+
id = _ref.id,
|
|
1413
|
+
hidden = _ref.hidden,
|
|
1414
|
+
required = _ref.required,
|
|
1415
|
+
role = _ref.role,
|
|
1416
|
+
tabIndex = _ref.tabIndex,
|
|
1417
|
+
className = _ref.className,
|
|
1418
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1419
|
+
return jsxs("div", {
|
|
1420
|
+
className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
|
|
1421
|
+
'utrecht-form-toggle--disabled': disabled,
|
|
1422
|
+
'utrecht-form-toggle--invalid': invalid,
|
|
1423
|
+
'utrecht-form-toggle--required': required
|
|
1424
|
+
}, className),
|
|
1425
|
+
hidden: hidden,
|
|
1426
|
+
children: [jsx("input", _objectSpread$R({
|
|
1427
|
+
id: id,
|
|
1428
|
+
"aria-invalid": invalid || undefined,
|
|
1429
|
+
type: "checkbox",
|
|
1430
|
+
className: "utrecht-form-toggle__checkbox",
|
|
1431
|
+
defaultChecked: checked || undefined,
|
|
1432
|
+
disabled: disabled || undefined,
|
|
1433
|
+
required: required,
|
|
1434
|
+
ref: ref,
|
|
1435
|
+
role: role,
|
|
1436
|
+
tabIndex: tabIndex
|
|
1437
|
+
}, restProps)), jsx("label", {
|
|
1438
|
+
htmlFor: id,
|
|
1439
|
+
className: clsx('utrecht-form-toggle__track', 'utrecht-form-toggle__track--html-label'),
|
|
1440
|
+
children: jsx("div", {
|
|
1441
|
+
className: "utrecht-form-toggle__thumb"
|
|
1442
|
+
})
|
|
1443
|
+
})]
|
|
1444
|
+
});
|
|
1445
|
+
});
|
|
1446
|
+
FormToggle.displayName = 'FormToggle';
|
|
1299
1447
|
|
|
1300
1448
|
var _excluded$P = ["children", "className"];
|
|
1301
1449
|
function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1302
1450
|
function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1303
|
-
var
|
|
1451
|
+
var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1304
1452
|
var children = _ref.children,
|
|
1305
1453
|
className = _ref.className,
|
|
1306
1454
|
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1307
|
-
return jsx("
|
|
1455
|
+
return jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1308
1456
|
ref: ref,
|
|
1309
|
-
className: clsx('utrecht-
|
|
1457
|
+
className: clsx('utrecht-html', className),
|
|
1310
1458
|
children: children
|
|
1311
1459
|
}));
|
|
1312
1460
|
});
|
|
1313
|
-
|
|
1461
|
+
HTMLContent.displayName = 'HTMLContent';
|
|
1314
1462
|
|
|
1315
1463
|
var _excluded$O = ["children", "className"];
|
|
1316
1464
|
function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1317
1465
|
function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1318
|
-
var
|
|
1466
|
+
var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1319
1467
|
var children = _ref.children,
|
|
1320
1468
|
className = _ref.className,
|
|
1321
1469
|
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
1322
|
-
return jsx("
|
|
1470
|
+
return jsx("h1", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1323
1471
|
ref: ref,
|
|
1324
|
-
className: clsx('utrecht-heading-
|
|
1472
|
+
className: clsx('utrecht-heading-1', className),
|
|
1325
1473
|
children: children
|
|
1326
1474
|
}));
|
|
1327
1475
|
});
|
|
1328
|
-
|
|
1476
|
+
Heading1.displayName = 'Heading1';
|
|
1329
1477
|
|
|
1330
1478
|
var _excluded$N = ["children", "className"];
|
|
1331
1479
|
function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1332
1480
|
function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1333
|
-
var
|
|
1481
|
+
var Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1334
1482
|
var children = _ref.children,
|
|
1335
1483
|
className = _ref.className,
|
|
1336
1484
|
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
1337
|
-
return jsx("
|
|
1485
|
+
return jsx("h2", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
|
|
1338
1486
|
ref: ref,
|
|
1339
|
-
className: clsx('utrecht-heading-
|
|
1487
|
+
className: clsx('utrecht-heading-2', className),
|
|
1340
1488
|
children: children
|
|
1341
1489
|
}));
|
|
1342
1490
|
});
|
|
1343
|
-
|
|
1491
|
+
Heading2.displayName = 'Heading2';
|
|
1344
1492
|
|
|
1345
1493
|
var _excluded$M = ["children", "className"];
|
|
1346
1494
|
function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1347
1495
|
function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1348
|
-
var
|
|
1496
|
+
var Heading3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1349
1497
|
var children = _ref.children,
|
|
1350
1498
|
className = _ref.className,
|
|
1351
1499
|
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1352
|
-
return jsx("
|
|
1500
|
+
return jsx("h3", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
1353
1501
|
ref: ref,
|
|
1354
|
-
className: clsx('utrecht-heading-
|
|
1502
|
+
className: clsx('utrecht-heading-3', className),
|
|
1355
1503
|
children: children
|
|
1356
1504
|
}));
|
|
1357
1505
|
});
|
|
1358
|
-
|
|
1506
|
+
Heading3.displayName = 'Heading3';
|
|
1359
1507
|
|
|
1360
1508
|
var _excluded$L = ["children", "className"];
|
|
1361
1509
|
function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1362
1510
|
function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1363
|
-
var
|
|
1511
|
+
var Heading4 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1364
1512
|
var children = _ref.children,
|
|
1365
1513
|
className = _ref.className,
|
|
1366
1514
|
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1367
|
-
return jsx("
|
|
1515
|
+
return jsx("h4", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
1368
1516
|
ref: ref,
|
|
1369
|
-
className: clsx('utrecht-heading-
|
|
1517
|
+
className: clsx('utrecht-heading-4', className),
|
|
1370
1518
|
children: children
|
|
1371
1519
|
}));
|
|
1372
1520
|
});
|
|
1373
|
-
|
|
1521
|
+
Heading4.displayName = 'Heading4';
|
|
1374
1522
|
|
|
1375
1523
|
var _excluded$K = ["children", "className"];
|
|
1376
1524
|
function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1377
1525
|
function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1378
|
-
var
|
|
1526
|
+
var Heading5 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1379
1527
|
var children = _ref.children,
|
|
1380
1528
|
className = _ref.className,
|
|
1381
1529
|
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
1382
|
-
return jsx("
|
|
1530
|
+
return jsx("h5", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
1383
1531
|
ref: ref,
|
|
1384
|
-
className: clsx('utrecht-heading-
|
|
1532
|
+
className: clsx('utrecht-heading-5', className),
|
|
1385
1533
|
children: children
|
|
1386
1534
|
}));
|
|
1387
1535
|
});
|
|
1388
|
-
|
|
1536
|
+
Heading5.displayName = 'Heading5';
|
|
1389
1537
|
|
|
1390
1538
|
var _excluded$J = ["children", "className"];
|
|
1391
1539
|
function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1392
1540
|
function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1393
|
-
var
|
|
1541
|
+
var Heading6 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1394
1542
|
var children = _ref.children,
|
|
1395
1543
|
className = _ref.className,
|
|
1396
1544
|
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
1397
|
-
return jsx("
|
|
1545
|
+
return jsx("h6", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
1398
1546
|
ref: ref,
|
|
1399
|
-
className: clsx('utrecht-heading-
|
|
1547
|
+
className: clsx('utrecht-heading-6', className),
|
|
1400
1548
|
children: children
|
|
1401
1549
|
}));
|
|
1402
1550
|
});
|
|
1403
|
-
|
|
1551
|
+
Heading6.displayName = 'Heading6';
|
|
1404
1552
|
|
|
1405
|
-
var _excluded$I = ["children", "
|
|
1553
|
+
var _excluded$I = ["children", "className"];
|
|
1406
1554
|
function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1407
1555
|
function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1556
|
+
var HeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1557
|
+
var children = _ref.children,
|
|
1558
|
+
className = _ref.className,
|
|
1559
|
+
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
1560
|
+
return jsx("hgroup", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
1561
|
+
ref: ref,
|
|
1562
|
+
className: clsx('utrecht-heading-group', className),
|
|
1563
|
+
children: children
|
|
1564
|
+
}));
|
|
1565
|
+
});
|
|
1566
|
+
HeadingGroup.displayName = 'HeadingGroup';
|
|
1567
|
+
|
|
1568
|
+
var _excluded$H = ["children", "value", "className"];
|
|
1569
|
+
function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1570
|
+
function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1408
1571
|
/* Exported only for unit tests, not part of the public API */
|
|
1409
1572
|
var normalizeIBAN = function normalizeIBAN(iban) {
|
|
1410
1573
|
return iban
|
|
@@ -1421,15 +1584,10 @@ var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1421
1584
|
var children = _ref.children,
|
|
1422
1585
|
value = _ref.value,
|
|
1423
1586
|
className = _ref.className,
|
|
1424
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1587
|
+
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
1425
1588
|
var normalized = normalizeIBAN(value);
|
|
1426
1589
|
var formatted = formatIBAN(normalized);
|
|
1427
|
-
|
|
1428
|
-
value: value,
|
|
1429
|
-
normalized: normalized,
|
|
1430
|
-
formatted: formatted
|
|
1431
|
-
});
|
|
1432
|
-
return jsx("data", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
1590
|
+
return jsx("data", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
|
|
1433
1591
|
ref: ref,
|
|
1434
1592
|
value: normalized,
|
|
1435
1593
|
className: clsx('utrecht-iban-data', className),
|
|
@@ -1439,14 +1597,14 @@ var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1439
1597
|
});
|
|
1440
1598
|
IBANData.displayName = 'IBANData';
|
|
1441
1599
|
|
|
1442
|
-
var _excluded$
|
|
1443
|
-
function ownKeys$
|
|
1444
|
-
function _objectSpread$
|
|
1600
|
+
var _excluded$G = ["children", "className"];
|
|
1601
|
+
function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1602
|
+
function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1445
1603
|
var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1446
1604
|
var children = _ref.children,
|
|
1447
1605
|
className = _ref.className,
|
|
1448
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1449
|
-
return jsx("span", _objectSpread$
|
|
1606
|
+
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
1607
|
+
return jsx("span", _objectSpread$H(_objectSpread$H({
|
|
1450
1608
|
"aria-hidden": "true",
|
|
1451
1609
|
ref: ref,
|
|
1452
1610
|
className: clsx('utrecht-icon', className)
|
|
@@ -1456,16 +1614,16 @@ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1456
1614
|
});
|
|
1457
1615
|
Icon.displayName = 'Icon';
|
|
1458
1616
|
|
|
1459
|
-
var _excluded$
|
|
1460
|
-
function ownKeys$
|
|
1461
|
-
function _objectSpread$
|
|
1617
|
+
var _excluded$F = ["component", "currentChar", "characters", "onLinkClick", "Link"];
|
|
1618
|
+
function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1619
|
+
function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1462
1620
|
var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1463
1621
|
var component = _ref.component,
|
|
1464
1622
|
currentChar = _ref.currentChar,
|
|
1465
1623
|
characters = _ref.characters,
|
|
1466
1624
|
onLinkClick = _ref.onLinkClick,
|
|
1467
1625
|
Link = _ref.Link,
|
|
1468
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1626
|
+
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
1469
1627
|
var LinkComponent = Link ? Link : ButtonLink;
|
|
1470
1628
|
var links = [];
|
|
1471
1629
|
if (component === 'button') {
|
|
@@ -1473,7 +1631,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1473
1631
|
var _char = _ref2["char"],
|
|
1474
1632
|
disabled = _ref2.disabled;
|
|
1475
1633
|
var current = currentChar === _char;
|
|
1476
|
-
return /*#__PURE__*/createElement(Button, _objectSpread$
|
|
1634
|
+
return /*#__PURE__*/createElement(Button, _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
1477
1635
|
className: clsx({
|
|
1478
1636
|
'utrecht-index-char-nav__link--current': current
|
|
1479
1637
|
}),
|
|
@@ -1500,7 +1658,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1500
1658
|
'utrecht-index-char-nav__link--disabled': disabled,
|
|
1501
1659
|
'utrecht-button-link--placeholder': disabled
|
|
1502
1660
|
});
|
|
1503
|
-
return jsx(LinkComponent, _objectSpread$
|
|
1661
|
+
return jsx(LinkComponent, _objectSpread$G(_objectSpread$G({
|
|
1504
1662
|
ref: ref,
|
|
1505
1663
|
appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
|
|
1506
1664
|
href: href,
|
|
@@ -1527,14 +1685,14 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1527
1685
|
});
|
|
1528
1686
|
IndexCharNav.displayName = 'IndexCharNav';
|
|
1529
1687
|
|
|
1530
|
-
var _excluded$
|
|
1531
|
-
function ownKeys$
|
|
1532
|
-
function _objectSpread$
|
|
1688
|
+
var _excluded$E = ["className", "photo"];
|
|
1689
|
+
function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1690
|
+
function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1533
1691
|
var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1534
1692
|
var className = _ref.className,
|
|
1535
1693
|
photo = _ref.photo,
|
|
1536
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1537
|
-
return jsx("img", _objectSpread$
|
|
1694
|
+
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
1695
|
+
return jsx("img", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
|
|
1538
1696
|
ref: ref,
|
|
1539
1697
|
className: clsx('utrecht-img', {
|
|
1540
1698
|
'utrecht-img--photo': photo
|
|
@@ -1543,9 +1701,9 @@ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1543
1701
|
});
|
|
1544
1702
|
Image.displayName = 'Image';
|
|
1545
1703
|
|
|
1546
|
-
var _excluded$
|
|
1547
|
-
function ownKeys$
|
|
1548
|
-
function _objectSpread$
|
|
1704
|
+
var _excluded$D = ["children", "disabled", "inline", "className", "pressed", "type"];
|
|
1705
|
+
function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1706
|
+
function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1549
1707
|
var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1550
1708
|
var children = _ref.children,
|
|
1551
1709
|
disabled = _ref.disabled,
|
|
@@ -1553,8 +1711,8 @@ var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1553
1711
|
className = _ref.className,
|
|
1554
1712
|
pressed = _ref.pressed,
|
|
1555
1713
|
type = _ref.type,
|
|
1556
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1557
|
-
return jsx("button", _objectSpread$
|
|
1714
|
+
restProps = _objectWithoutProperties(_ref, _excluded$D);
|
|
1715
|
+
return jsx("button", _objectSpread$E(_objectSpread$E({
|
|
1558
1716
|
ref: ref,
|
|
1559
1717
|
"aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
|
|
1560
1718
|
className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
|
|
@@ -1570,15 +1728,15 @@ var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1570
1728
|
});
|
|
1571
1729
|
LinkButton.displayName = 'LinkButton';
|
|
1572
1730
|
|
|
1573
|
-
var _excluded$
|
|
1574
|
-
function ownKeys$
|
|
1575
|
-
function _objectSpread$
|
|
1731
|
+
var _excluded$C = ["children", "className", "external"];
|
|
1732
|
+
function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1733
|
+
function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1576
1734
|
var LinkSocial = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1577
1735
|
var children = _ref.children,
|
|
1578
1736
|
className = _ref.className,
|
|
1579
1737
|
external = _ref.external,
|
|
1580
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1581
|
-
return jsx("a", _objectSpread$
|
|
1738
|
+
restProps = _objectWithoutProperties(_ref, _excluded$C);
|
|
1739
|
+
return jsx("a", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
|
|
1582
1740
|
ref: ref,
|
|
1583
1741
|
className: clsx('utrecht-link-social', className),
|
|
1584
1742
|
rel: external !== false ? 'external noopener noreferrer' : undefined,
|
|
@@ -1587,18 +1745,18 @@ var LinkSocial = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1587
1745
|
});
|
|
1588
1746
|
LinkSocial.displayName = 'LinkSocial';
|
|
1589
1747
|
|
|
1590
|
-
var _excluded$
|
|
1748
|
+
var _excluded$B = ["className", "icon", "children"],
|
|
1591
1749
|
_excluded2$4 = ["children", "icon", "links", "className"];
|
|
1592
|
-
function ownKeys$
|
|
1593
|
-
function _objectSpread$
|
|
1750
|
+
function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1751
|
+
function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1594
1752
|
var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1595
1753
|
var className = _ref.className,
|
|
1596
1754
|
icon = _ref.icon,
|
|
1597
1755
|
children = _ref.children,
|
|
1598
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1756
|
+
restProps = _objectWithoutProperties(_ref, _excluded$B);
|
|
1599
1757
|
return jsx("li", {
|
|
1600
1758
|
className: clsx('utrecht-link-list__item', className),
|
|
1601
|
-
children: jsxs(Link, _objectSpread$
|
|
1759
|
+
children: jsxs(Link, _objectSpread$C(_objectSpread$C({
|
|
1602
1760
|
className: "utrecht-link-list__link"
|
|
1603
1761
|
}, restProps), {}, {
|
|
1604
1762
|
ref: ref,
|
|
@@ -1616,12 +1774,13 @@ var LinkList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1616
1774
|
links = _ref2.links,
|
|
1617
1775
|
className = _ref2.className,
|
|
1618
1776
|
restProps = _objectWithoutProperties(_ref2, _excluded2$4);
|
|
1619
|
-
return jsxs("ul", _objectSpread$
|
|
1777
|
+
return jsxs("ul", _objectSpread$C(_objectSpread$C({
|
|
1778
|
+
role: "list",
|
|
1620
1779
|
ref: ref,
|
|
1621
1780
|
className: clsx('utrecht-link-list', 'utrecht-link-list--html-ul', className)
|
|
1622
1781
|
}, restProps), {}, {
|
|
1623
1782
|
children: [children, Array.isArray(links) && links.map(function (linkProps, index) {
|
|
1624
|
-
return jsx(LinkListLink, _objectSpread$
|
|
1783
|
+
return jsx(LinkListLink, _objectSpread$C({
|
|
1625
1784
|
icon: typeof icon === 'function' ? icon() : undefined
|
|
1626
1785
|
}, linkProps), index);
|
|
1627
1786
|
})]
|
|
@@ -1629,11 +1788,11 @@ var LinkList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1629
1788
|
});
|
|
1630
1789
|
LinkList.displayName = 'LinkList';
|
|
1631
1790
|
|
|
1632
|
-
var _excluded$
|
|
1791
|
+
var _excluded$A = ["children", "className", "disabled", "invalid", "multiple", "readOnly", "required"],
|
|
1633
1792
|
_excluded2$3 = ["children", "label"],
|
|
1634
1793
|
_excluded3 = ["active", "className", "disabled", "selected"];
|
|
1635
|
-
function ownKeys$
|
|
1636
|
-
function _objectSpread$
|
|
1794
|
+
function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1795
|
+
function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1637
1796
|
var Listbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1638
1797
|
var children = _ref.children,
|
|
1639
1798
|
className = _ref.className,
|
|
@@ -1642,8 +1801,8 @@ var Listbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1642
1801
|
multiple = _ref.multiple,
|
|
1643
1802
|
readOnly = _ref.readOnly,
|
|
1644
1803
|
required = _ref.required,
|
|
1645
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1646
|
-
return jsx("div", _objectSpread$
|
|
1804
|
+
restProps = _objectWithoutProperties(_ref, _excluded$A);
|
|
1805
|
+
return jsx("div", _objectSpread$B(_objectSpread$B({
|
|
1647
1806
|
className: clsx('utrecht-listbox', 'utrecht-listbox--html-div', {
|
|
1648
1807
|
'utrecht-listbox--disabled': disabled,
|
|
1649
1808
|
'utrecht-listbox--invalid': invalid,
|
|
@@ -1670,7 +1829,7 @@ var ListboxOptionGroup = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1670
1829
|
label = _ref2.label,
|
|
1671
1830
|
restProps = _objectWithoutProperties(_ref2, _excluded2$3);
|
|
1672
1831
|
var id = useId();
|
|
1673
|
-
return jsxs("li", _objectSpread$
|
|
1832
|
+
return jsxs("li", _objectSpread$B(_objectSpread$B({
|
|
1674
1833
|
className: "utrecht-listbox__group",
|
|
1675
1834
|
role: "group",
|
|
1676
1835
|
"aria-labelledby": id
|
|
@@ -1692,7 +1851,7 @@ var ListboxOption = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
1692
1851
|
disabled = _ref3.disabled,
|
|
1693
1852
|
selected = _ref3.selected,
|
|
1694
1853
|
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
1695
|
-
return jsx("li", _objectSpread$
|
|
1854
|
+
return jsx("li", _objectSpread$B(_objectSpread$B({
|
|
1696
1855
|
className: clsx('utrecht-listbox__option', 'utrecht-listbox__option--html-li', {
|
|
1697
1856
|
'utrecht-listbox__option--active': active,
|
|
1698
1857
|
'utrecht-listbox__option--disabled': disabled,
|
|
@@ -1723,14 +1882,14 @@ var ListSocialItem = function ListSocialItem(_ref2) {
|
|
|
1723
1882
|
});
|
|
1724
1883
|
};
|
|
1725
1884
|
|
|
1726
|
-
var _excluded$
|
|
1727
|
-
function ownKeys$
|
|
1728
|
-
function _objectSpread$
|
|
1885
|
+
var _excluded$z = ["children", "className"];
|
|
1886
|
+
function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1887
|
+
function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1729
1888
|
var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1730
1889
|
var children = _ref.children,
|
|
1731
1890
|
className = _ref.className,
|
|
1732
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1733
|
-
return jsx("div", _objectSpread$
|
|
1891
|
+
restProps = _objectWithoutProperties(_ref, _excluded$z);
|
|
1892
|
+
return jsx("div", _objectSpread$A(_objectSpread$A({
|
|
1734
1893
|
ref: ref,
|
|
1735
1894
|
className: clsx('utrecht-logo', className)
|
|
1736
1895
|
}, restProps), {}, {
|
|
@@ -1739,11 +1898,11 @@ var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1739
1898
|
});
|
|
1740
1899
|
Logo.displayName = 'Logo';
|
|
1741
1900
|
|
|
1742
|
-
function ownKeys$
|
|
1743
|
-
function _objectSpread$
|
|
1901
|
+
function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1902
|
+
function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1744
1903
|
var LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1745
1904
|
var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
1746
|
-
return jsxs("svg", _objectSpread$
|
|
1905
|
+
return jsxs("svg", _objectSpread$z(_objectSpread$z({
|
|
1747
1906
|
width: "192",
|
|
1748
1907
|
height: "100",
|
|
1749
1908
|
viewBox: "0 0 192 100",
|
|
@@ -1837,14 +1996,14 @@ var LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1837
1996
|
});
|
|
1838
1997
|
LogoImage.displayName = 'LogoImage';
|
|
1839
1998
|
|
|
1840
|
-
var _excluded$
|
|
1841
|
-
function ownKeys$
|
|
1842
|
-
function _objectSpread$
|
|
1999
|
+
var _excluded$y = ["children", "className"];
|
|
2000
|
+
function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2001
|
+
function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1843
2002
|
var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1844
2003
|
var children = _ref.children,
|
|
1845
2004
|
className = _ref.className,
|
|
1846
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1847
|
-
return jsx("mark", _objectSpread$
|
|
2005
|
+
restProps = _objectWithoutProperties(_ref, _excluded$y);
|
|
2006
|
+
return jsx("mark", _objectSpread$y(_objectSpread$y({
|
|
1848
2007
|
ref: ref,
|
|
1849
2008
|
className: clsx('utrecht-mark', className)
|
|
1850
2009
|
}, restProps), {}, {
|
|
@@ -1853,14 +2012,14 @@ var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1853
2012
|
});
|
|
1854
2013
|
Mark.displayName = 'Mark';
|
|
1855
2014
|
|
|
1856
|
-
var _excluded$
|
|
1857
|
-
function ownKeys$
|
|
1858
|
-
function _objectSpread$
|
|
2015
|
+
var _excluded$x = ["children", "className"];
|
|
2016
|
+
function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2017
|
+
function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1859
2018
|
var MultilineData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1860
2019
|
var children = _ref.children,
|
|
1861
2020
|
className = _ref.className,
|
|
1862
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1863
|
-
return jsx("pre", _objectSpread$
|
|
2021
|
+
restProps = _objectWithoutProperties(_ref, _excluded$x);
|
|
2022
|
+
return jsx("pre", _objectSpread$x(_objectSpread$x({
|
|
1864
2023
|
ref: ref,
|
|
1865
2024
|
className: clsx('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
|
|
1866
2025
|
}, restProps), {}, {
|
|
@@ -1884,10 +2043,10 @@ var NavBar = function NavBar(_ref) {
|
|
|
1884
2043
|
};
|
|
1885
2044
|
NavBar.displayName = 'NavBar';
|
|
1886
2045
|
|
|
1887
|
-
var _excluded$
|
|
2046
|
+
var _excluded$w = ["center", "children"],
|
|
1888
2047
|
_excluded2$2 = ["center", "children"];
|
|
1889
|
-
function ownKeys$
|
|
1890
|
-
function _objectSpread$
|
|
2048
|
+
function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2049
|
+
function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1891
2050
|
var NavList = function NavList(_ref) {
|
|
1892
2051
|
var appearance = _ref.appearance,
|
|
1893
2052
|
children = _ref.children;
|
|
@@ -1903,12 +2062,12 @@ NavList.displayName = 'NavList';
|
|
|
1903
2062
|
var NavListLink = function NavListLink(_ref2) {
|
|
1904
2063
|
var center = _ref2.center,
|
|
1905
2064
|
children = _ref2.children,
|
|
1906
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
2065
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$w);
|
|
1907
2066
|
return jsx("li", {
|
|
1908
2067
|
className: clsx('utrecht-nav-list__item', {
|
|
1909
2068
|
'utrecht-nav-list__item--center': center
|
|
1910
2069
|
}),
|
|
1911
|
-
children: jsx(Link, _objectSpread$
|
|
2070
|
+
children: jsx(Link, _objectSpread$w(_objectSpread$w({
|
|
1912
2071
|
className: "utrecht-nav-list__link"
|
|
1913
2072
|
}, restProps), {}, {
|
|
1914
2073
|
children: children
|
|
@@ -1924,7 +2083,7 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
|
|
|
1924
2083
|
className: clsx('utrecht-nav-list__item', {
|
|
1925
2084
|
'utrecht-nav-list__item--center': center
|
|
1926
2085
|
}),
|
|
1927
|
-
children: jsx(LinkButton, _objectSpread$
|
|
2086
|
+
children: jsx(LinkButton, _objectSpread$w(_objectSpread$w({
|
|
1928
2087
|
className: "utrecht-nav-list__link"
|
|
1929
2088
|
}, restProps), {}, {
|
|
1930
2089
|
children: children
|
|
@@ -1933,15 +2092,15 @@ var NavListLinkButton = function NavListLinkButton(_ref3) {
|
|
|
1933
2092
|
};
|
|
1934
2093
|
NavListLinkButton.displayName = 'NavListLinkButton';
|
|
1935
2094
|
|
|
1936
|
-
var _excluded$
|
|
1937
|
-
function ownKeys$
|
|
1938
|
-
function _objectSpread$
|
|
2095
|
+
var _excluded$v = ["children", "className", "value"];
|
|
2096
|
+
function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2097
|
+
function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1939
2098
|
var NumberData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1940
2099
|
var children = _ref.children,
|
|
1941
2100
|
className = _ref.className,
|
|
1942
2101
|
value = _ref.value,
|
|
1943
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1944
|
-
return jsx("data", _objectSpread$
|
|
2102
|
+
restProps = _objectWithoutProperties(_ref, _excluded$v);
|
|
2103
|
+
return jsx("data", _objectSpread$v(_objectSpread$v({
|
|
1945
2104
|
value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
|
|
1946
2105
|
}, restProps), {}, {
|
|
1947
2106
|
ref: ref,
|
|
@@ -1951,14 +2110,14 @@ var NumberData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1951
2110
|
});
|
|
1952
2111
|
NumberData.displayName = 'NumberData';
|
|
1953
2112
|
|
|
1954
|
-
var _excluded$
|
|
1955
|
-
function ownKeys$
|
|
1956
|
-
function _objectSpread$
|
|
2113
|
+
var _excluded$u = ["children", "className"];
|
|
2114
|
+
function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2115
|
+
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1957
2116
|
var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1958
2117
|
var children = _ref.children,
|
|
1959
2118
|
className = _ref.className,
|
|
1960
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1961
|
-
return jsx("ol", _objectSpread$
|
|
2119
|
+
restProps = _objectWithoutProperties(_ref, _excluded$u);
|
|
2120
|
+
return jsx("ol", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
|
|
1962
2121
|
ref: ref,
|
|
1963
2122
|
className: clsx('utrecht-ordered-list', className),
|
|
1964
2123
|
children: children
|
|
@@ -1966,14 +2125,14 @@ var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1966
2125
|
});
|
|
1967
2126
|
OrderedList.displayName = 'OrderedList';
|
|
1968
2127
|
|
|
1969
|
-
var _excluded$
|
|
1970
|
-
function ownKeys$
|
|
1971
|
-
function _objectSpread$
|
|
2128
|
+
var _excluded$t = ["children", "className"];
|
|
2129
|
+
function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2130
|
+
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1972
2131
|
var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1973
2132
|
var children = _ref.children,
|
|
1974
2133
|
className = _ref.className,
|
|
1975
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1976
|
-
return jsx("li", _objectSpread$
|
|
2134
|
+
restProps = _objectWithoutProperties(_ref, _excluded$t);
|
|
2135
|
+
return jsx("li", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
|
|
1977
2136
|
ref: ref,
|
|
1978
2137
|
className: clsx('utrecht-ordered-list__item', className),
|
|
1979
2138
|
children: children
|
|
@@ -1981,14 +2140,14 @@ var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1981
2140
|
});
|
|
1982
2141
|
OrderedListItem.displayName = 'OrderedListItem';
|
|
1983
2142
|
|
|
1984
|
-
var _excluded$
|
|
1985
|
-
function ownKeys$
|
|
1986
|
-
function _objectSpread$
|
|
2143
|
+
var _excluded$s = ["children", "className"];
|
|
2144
|
+
function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2145
|
+
function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1987
2146
|
var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1988
2147
|
var children = _ref.children,
|
|
1989
2148
|
className = _ref.className,
|
|
1990
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1991
|
-
return jsx("div", _objectSpread$
|
|
2149
|
+
restProps = _objectWithoutProperties(_ref, _excluded$s);
|
|
2150
|
+
return jsx("div", _objectSpread$s(_objectSpread$s({}, restProps), {}, {
|
|
1992
2151
|
ref: ref,
|
|
1993
2152
|
className: clsx('utrecht-page', className),
|
|
1994
2153
|
children: children
|
|
@@ -1996,15 +2155,15 @@ var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1996
2155
|
});
|
|
1997
2156
|
Page.displayName = 'Page';
|
|
1998
2157
|
|
|
1999
|
-
var _excluded$
|
|
2158
|
+
var _excluded$r = ["children", "className"],
|
|
2000
2159
|
_excluded2$1 = ["children", "className"];
|
|
2001
|
-
function ownKeys$
|
|
2002
|
-
function _objectSpread$
|
|
2160
|
+
function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2161
|
+
function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2003
2162
|
var PageContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2004
2163
|
var children = _ref.children,
|
|
2005
2164
|
className = _ref.className,
|
|
2006
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2007
|
-
return jsx("div", _objectSpread$
|
|
2165
|
+
restProps = _objectWithoutProperties(_ref, _excluded$r);
|
|
2166
|
+
return jsx("div", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
|
|
2008
2167
|
ref: ref,
|
|
2009
2168
|
className: clsx('utrecht-page-content', className),
|
|
2010
2169
|
children: children
|
|
@@ -2015,7 +2174,7 @@ var PageContentMain = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
2015
2174
|
var children = _ref2.children,
|
|
2016
2175
|
className = _ref2.className,
|
|
2017
2176
|
restProps = _objectWithoutProperties(_ref2, _excluded2$1);
|
|
2018
|
-
return jsx("main", _objectSpread$
|
|
2177
|
+
return jsx("main", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
|
|
2019
2178
|
ref: ref,
|
|
2020
2179
|
className: clsx('utrecht-page-content__main', className),
|
|
2021
2180
|
children: children
|
|
@@ -2023,14 +2182,14 @@ var PageContentMain = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
2023
2182
|
});
|
|
2024
2183
|
PageContentMain.displayName = 'PageContentMain';
|
|
2025
2184
|
|
|
2026
|
-
var _excluded$
|
|
2027
|
-
function ownKeys$
|
|
2028
|
-
function _objectSpread$
|
|
2185
|
+
var _excluded$q = ["children", "className"];
|
|
2186
|
+
function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2187
|
+
function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2029
2188
|
var PageFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2030
2189
|
var children = _ref.children,
|
|
2031
2190
|
className = _ref.className,
|
|
2032
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2033
|
-
return jsx("footer", _objectSpread$
|
|
2191
|
+
restProps = _objectWithoutProperties(_ref, _excluded$q);
|
|
2192
|
+
return jsx("footer", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
|
|
2034
2193
|
ref: ref,
|
|
2035
2194
|
className: clsx('utrecht-page-footer', className),
|
|
2036
2195
|
children: children
|
|
@@ -2038,14 +2197,14 @@ var PageFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2038
2197
|
});
|
|
2039
2198
|
PageFooter.displayName = 'PageFooter';
|
|
2040
2199
|
|
|
2041
|
-
var _excluded$
|
|
2042
|
-
function ownKeys$
|
|
2043
|
-
function _objectSpread$
|
|
2200
|
+
var _excluded$p = ["children", "className"];
|
|
2201
|
+
function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2202
|
+
function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2044
2203
|
var PageHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2045
2204
|
var children = _ref.children,
|
|
2046
2205
|
className = _ref.className,
|
|
2047
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2048
|
-
return jsx("header", _objectSpread$
|
|
2206
|
+
restProps = _objectWithoutProperties(_ref, _excluded$p);
|
|
2207
|
+
return jsx("header", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
|
|
2049
2208
|
ref: ref,
|
|
2050
2209
|
className: clsx('utrecht-page-header', className),
|
|
2051
2210
|
children: children
|
|
@@ -2053,16 +2212,16 @@ var PageHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2053
2212
|
});
|
|
2054
2213
|
PageHeader.displayName = 'PageHeader';
|
|
2055
2214
|
|
|
2056
|
-
var _excluded$
|
|
2057
|
-
function ownKeys$
|
|
2058
|
-
function _objectSpread$
|
|
2215
|
+
var _excluded$o = ["children", "className", "lead", "small"];
|
|
2216
|
+
function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2217
|
+
function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2059
2218
|
var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2060
2219
|
var children = _ref.children,
|
|
2061
2220
|
className = _ref.className,
|
|
2062
2221
|
lead = _ref.lead,
|
|
2063
2222
|
small = _ref.small,
|
|
2064
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2065
|
-
return jsx("p", _objectSpread$
|
|
2223
|
+
restProps = _objectWithoutProperties(_ref, _excluded$o);
|
|
2224
|
+
return jsx("p", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
|
|
2066
2225
|
ref: ref,
|
|
2067
2226
|
className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className),
|
|
2068
2227
|
children: lead ? jsx("b", {
|
|
@@ -2076,14 +2235,14 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2076
2235
|
});
|
|
2077
2236
|
Paragraph.displayName = 'Paragraph';
|
|
2078
2237
|
|
|
2079
|
-
var _excluded$
|
|
2080
|
-
function ownKeys$
|
|
2081
|
-
function _objectSpread$
|
|
2238
|
+
var _excluded$n = ["loading", "className"];
|
|
2239
|
+
function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2240
|
+
function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2082
2241
|
var DataPlaceholder = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2083
2242
|
var loading = _ref.loading,
|
|
2084
2243
|
className = _ref.className,
|
|
2085
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2086
|
-
return jsx("span", _objectSpread$
|
|
2244
|
+
restProps = _objectWithoutProperties(_ref, _excluded$n);
|
|
2245
|
+
return jsx("span", _objectSpread$n({
|
|
2087
2246
|
ref: ref,
|
|
2088
2247
|
className: clsx('utrecht-data-placeholder', {
|
|
2089
2248
|
'utrecht-data-placeholder--loading': loading
|
|
@@ -2092,14 +2251,14 @@ var DataPlaceholder = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2092
2251
|
});
|
|
2093
2252
|
DataPlaceholder.displayName = 'DataPlaceholder';
|
|
2094
2253
|
|
|
2095
|
-
var _excluded$
|
|
2096
|
-
function ownKeys$
|
|
2097
|
-
function _objectSpread$
|
|
2254
|
+
var _excluded$m = ["children", "className"];
|
|
2255
|
+
function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2256
|
+
function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2098
2257
|
var PreHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2099
2258
|
var children = _ref.children,
|
|
2100
2259
|
className = _ref.className,
|
|
2101
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2102
|
-
return jsx("p", _objectSpread$
|
|
2260
|
+
restProps = _objectWithoutProperties(_ref, _excluded$m);
|
|
2261
|
+
return jsx("p", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
|
|
2103
2262
|
ref: ref,
|
|
2104
2263
|
className: clsx('utrecht-pre-heading', className),
|
|
2105
2264
|
children: children
|
|
@@ -2107,29 +2266,29 @@ var PreHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2107
2266
|
});
|
|
2108
2267
|
PreHeading.displayName = 'PreHeading';
|
|
2109
2268
|
|
|
2110
|
-
var _excluded$
|
|
2111
|
-
function ownKeys$
|
|
2112
|
-
function _objectSpread$
|
|
2269
|
+
var _excluded$l = ["children", "className", "dateTime", "value"];
|
|
2270
|
+
function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2271
|
+
function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2113
2272
|
var PreserveData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2114
2273
|
var children = _ref.children,
|
|
2115
2274
|
className = _ref.className,
|
|
2116
2275
|
dateTime = _ref.dateTime,
|
|
2117
2276
|
value = _ref.value,
|
|
2118
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2119
|
-
var props = _objectSpread$
|
|
2277
|
+
restProps = _objectWithoutProperties(_ref, _excluded$l);
|
|
2278
|
+
var props = _objectSpread$l({
|
|
2120
2279
|
children: jsx("bdi", {
|
|
2121
2280
|
translate: "no",
|
|
2122
2281
|
children: children
|
|
2123
2282
|
}),
|
|
2124
2283
|
className: clsx('utrecht-preserve-data', className)
|
|
2125
2284
|
}, restProps);
|
|
2126
|
-
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$
|
|
2285
|
+
return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$l(_objectSpread$l({}, props), {}, {
|
|
2127
2286
|
dateTime: dateTime,
|
|
2128
2287
|
ref: ref
|
|
2129
|
-
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
2288
|
+
})) : typeof value !== 'undefined' ? jsx("data", _objectSpread$l(_objectSpread$l({}, props), {}, {
|
|
2130
2289
|
value: value,
|
|
2131
2290
|
ref: ref
|
|
2132
|
-
})) : jsx("bdi", _objectSpread$
|
|
2291
|
+
})) : jsx("bdi", _objectSpread$l(_objectSpread$l({
|
|
2133
2292
|
translate: "no",
|
|
2134
2293
|
ref: ref
|
|
2135
2294
|
}, props), {}, {
|
|
@@ -2138,16 +2297,16 @@ var PreserveData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2138
2297
|
});
|
|
2139
2298
|
PreserveData.displayName = 'PreserveData';
|
|
2140
2299
|
|
|
2141
|
-
var _excluded$
|
|
2142
|
-
function ownKeys$
|
|
2143
|
-
function _objectSpread$
|
|
2300
|
+
var _excluded$k = ["disabled", "required", "className", "invalid"];
|
|
2301
|
+
function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2302
|
+
function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2144
2303
|
var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2145
2304
|
var disabled = _ref.disabled,
|
|
2146
2305
|
required = _ref.required,
|
|
2147
2306
|
className = _ref.className,
|
|
2148
2307
|
invalid = _ref.invalid,
|
|
2149
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2150
|
-
return jsx("input", _objectSpread$
|
|
2308
|
+
restProps = _objectWithoutProperties(_ref, _excluded$k);
|
|
2309
|
+
return jsx("input", _objectSpread$k({
|
|
2151
2310
|
type: "radio",
|
|
2152
2311
|
"aria-invalid": invalid || undefined,
|
|
2153
2312
|
disabled: disabled,
|
|
@@ -2158,10 +2317,10 @@ var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2158
2317
|
});
|
|
2159
2318
|
RadioButton.displayName = 'RadioButton';
|
|
2160
2319
|
|
|
2161
|
-
var _excluded$
|
|
2320
|
+
var _excluded$j = ["busy", "invalid", "required", "className", "noscript", "children"],
|
|
2162
2321
|
_excluded2 = ["disabled", "invalid", "value", "children", "className"];
|
|
2163
|
-
function ownKeys$
|
|
2164
|
-
function _objectSpread$
|
|
2322
|
+
function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2323
|
+
function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2165
2324
|
var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2166
2325
|
var busy = _ref.busy,
|
|
2167
2326
|
invalid = _ref.invalid,
|
|
@@ -2169,8 +2328,8 @@ var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2169
2328
|
className = _ref.className,
|
|
2170
2329
|
noscript = _ref.noscript,
|
|
2171
2330
|
children = _ref.children,
|
|
2172
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2173
|
-
return jsx("select", _objectSpread$
|
|
2331
|
+
restProps = _objectWithoutProperties(_ref, _excluded$j);
|
|
2332
|
+
return jsx("select", _objectSpread$j(_objectSpread$j({
|
|
2174
2333
|
"aria-busy": busy || undefined,
|
|
2175
2334
|
"aria-invalid": invalid || undefined,
|
|
2176
2335
|
required: noscript ? required : false,
|
|
@@ -2189,7 +2348,7 @@ var SelectOption = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
2189
2348
|
children = _ref2.children,
|
|
2190
2349
|
className = _ref2.className,
|
|
2191
2350
|
restProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
2192
|
-
return jsx("option", _objectSpread$
|
|
2351
|
+
return jsx("option", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
|
|
2193
2352
|
ref: ref,
|
|
2194
2353
|
disabled: disabled,
|
|
2195
2354
|
value: value,
|
|
@@ -2199,30 +2358,30 @@ var SelectOption = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
2199
2358
|
});
|
|
2200
2359
|
SelectOption.displayName = 'SelectOption';
|
|
2201
2360
|
|
|
2202
|
-
var _excluded$
|
|
2203
|
-
function ownKeys$
|
|
2204
|
-
function _objectSpread$
|
|
2361
|
+
var _excluded$i = ["className", "children"];
|
|
2362
|
+
function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2363
|
+
function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2205
2364
|
// Do not pass `children` along with `restProps` and use _children as it's unused
|
|
2206
2365
|
var Separator = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2207
2366
|
var className = _ref.className;
|
|
2208
2367
|
_ref.children;
|
|
2209
|
-
var restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2210
|
-
return jsx("hr", _objectSpread$
|
|
2368
|
+
var restProps = _objectWithoutProperties(_ref, _excluded$i);
|
|
2369
|
+
return jsx("hr", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
|
|
2211
2370
|
ref: ref,
|
|
2212
2371
|
className: clsx('utrecht-separator', className)
|
|
2213
2372
|
}));
|
|
2214
2373
|
});
|
|
2215
2374
|
Separator.displayName = 'Separator';
|
|
2216
2375
|
|
|
2217
|
-
var _excluded$
|
|
2218
|
-
function ownKeys$
|
|
2219
|
-
function _objectSpread$
|
|
2376
|
+
var _excluded$h = ["children", "className"];
|
|
2377
|
+
function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2378
|
+
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2220
2379
|
var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2221
2380
|
var children = _ref.children,
|
|
2222
2381
|
className = _ref.className,
|
|
2223
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2382
|
+
restProps = _objectWithoutProperties(_ref, _excluded$h);
|
|
2224
2383
|
return jsx("p", {
|
|
2225
|
-
children: jsx("a", _objectSpread$
|
|
2384
|
+
children: jsx("a", _objectSpread$h(_objectSpread$h({
|
|
2226
2385
|
ref: ref
|
|
2227
2386
|
}, restProps), {}, {
|
|
2228
2387
|
className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className),
|
|
@@ -2232,38 +2391,38 @@ var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2232
2391
|
});
|
|
2233
2392
|
SkipLink.displayName = 'SkipLink';
|
|
2234
2393
|
|
|
2235
|
-
var _excluded$
|
|
2236
|
-
function ownKeys$
|
|
2237
|
-
function _objectSpread$
|
|
2394
|
+
var _excluded$g = ["aside", "children", "className", "type"];
|
|
2395
|
+
function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2396
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2238
2397
|
var SpotlightSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2239
2398
|
var aside = _ref.aside,
|
|
2240
2399
|
children = _ref.children,
|
|
2241
2400
|
className = _ref.className,
|
|
2242
2401
|
type = _ref.type,
|
|
2243
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2244
|
-
var props = _objectSpread$
|
|
2402
|
+
restProps = _objectWithoutProperties(_ref, _excluded$g);
|
|
2403
|
+
var props = _objectSpread$g(_objectSpread$g({}, restProps), {}, {
|
|
2245
2404
|
ref: ref,
|
|
2246
2405
|
className: clsx('utrecht-spotlight-section', {
|
|
2247
2406
|
'utrecht-spotlight-section--info': type === 'info',
|
|
2248
2407
|
'utrecht-spotlight-section--warning': type === 'warning'
|
|
2249
2408
|
}, className)
|
|
2250
2409
|
});
|
|
2251
|
-
return aside ? jsx("aside", _objectSpread$
|
|
2410
|
+
return aside ? jsx("aside", _objectSpread$g(_objectSpread$g({}, props), {}, {
|
|
2252
2411
|
children: children
|
|
2253
|
-
})) : jsx("section", _objectSpread$
|
|
2412
|
+
})) : jsx("section", _objectSpread$g(_objectSpread$g({}, props), {}, {
|
|
2254
2413
|
children: children
|
|
2255
2414
|
}));
|
|
2256
2415
|
});
|
|
2257
2416
|
SpotlightSection.displayName = 'SpotlightSection';
|
|
2258
2417
|
|
|
2259
|
-
var _excluded$
|
|
2260
|
-
function ownKeys$
|
|
2261
|
-
function _objectSpread$
|
|
2418
|
+
var _excluded$f = ["className", "status"];
|
|
2419
|
+
function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2420
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2262
2421
|
var StatusBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2263
2422
|
var className = _ref.className,
|
|
2264
2423
|
status = _ref.status,
|
|
2265
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2266
|
-
return jsx("span", _objectSpread$
|
|
2424
|
+
restProps = _objectWithoutProperties(_ref, _excluded$f);
|
|
2425
|
+
return jsx("span", _objectSpread$f(_objectSpread$f({
|
|
2267
2426
|
className: clsx('utrecht-badge-status', "utrecht-badge-status--".concat(status ? status : 'neutral'), className)
|
|
2268
2427
|
}, restProps), {}, {
|
|
2269
2428
|
ref: ref
|
|
@@ -2271,14 +2430,14 @@ var StatusBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2271
2430
|
});
|
|
2272
2431
|
StatusBadge.displayName = 'StatusBadge';
|
|
2273
2432
|
|
|
2274
|
-
var _excluded$
|
|
2275
|
-
function ownKeys$
|
|
2276
|
-
function _objectSpread$
|
|
2433
|
+
var _excluded$e = ["children", "className"];
|
|
2434
|
+
function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2435
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2277
2436
|
var Strong = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2278
2437
|
var children = _ref.children,
|
|
2279
2438
|
className = _ref.className,
|
|
2280
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2281
|
-
return jsx("strong", _objectSpread$
|
|
2439
|
+
restProps = _objectWithoutProperties(_ref, _excluded$e);
|
|
2440
|
+
return jsx("strong", _objectSpread$e(_objectSpread$e({
|
|
2282
2441
|
ref: ref,
|
|
2283
2442
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
|
|
2284
2443
|
}, restProps), {}, {
|
|
@@ -2287,14 +2446,14 @@ var Strong = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2287
2446
|
});
|
|
2288
2447
|
Strong.displayName = 'Strong';
|
|
2289
2448
|
|
|
2290
|
-
var _excluded$
|
|
2291
|
-
function ownKeys$
|
|
2292
|
-
function _objectSpread$
|
|
2449
|
+
var _excluded$d = ["children", "className"];
|
|
2450
|
+
function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2451
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2293
2452
|
var Surface = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2294
2453
|
var children = _ref.children,
|
|
2295
2454
|
className = _ref.className,
|
|
2296
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2297
|
-
return jsx("div", _objectSpread$
|
|
2455
|
+
restProps = _objectWithoutProperties(_ref, _excluded$d);
|
|
2456
|
+
return jsx("div", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
|
|
2298
2457
|
ref: ref,
|
|
2299
2458
|
className: clsx('utrecht-surface', className),
|
|
2300
2459
|
children: children
|
|
@@ -2302,15 +2461,15 @@ var Surface = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2302
2461
|
});
|
|
2303
2462
|
Surface.displayName = 'Surface';
|
|
2304
2463
|
|
|
2305
|
-
var _excluded$
|
|
2306
|
-
function ownKeys$
|
|
2307
|
-
function _objectSpread$
|
|
2464
|
+
var _excluded$c = ["overflowInline", "children", "className"];
|
|
2465
|
+
function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2466
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2308
2467
|
var TableContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2309
2468
|
var overflowInline = _ref.overflowInline,
|
|
2310
2469
|
children = _ref.children,
|
|
2311
2470
|
className = _ref.className,
|
|
2312
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2313
|
-
return jsx("div", _objectSpread$
|
|
2471
|
+
restProps = _objectWithoutProperties(_ref, _excluded$c);
|
|
2472
|
+
return jsx("div", _objectSpread$c(_objectSpread$c({
|
|
2314
2473
|
ref: ref,
|
|
2315
2474
|
className: clsx('utrecht-table-container', {
|
|
2316
2475
|
'utrecht-table-container--overflow-inline': overflowInline
|
|
@@ -2321,15 +2480,15 @@ var TableContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2321
2480
|
});
|
|
2322
2481
|
TableContainer.displayName = 'TableContainer';
|
|
2323
2482
|
|
|
2324
|
-
var _excluded$
|
|
2325
|
-
function ownKeys$
|
|
2326
|
-
function _objectSpread$
|
|
2483
|
+
var _excluded$b = ["busy", "children", "className"];
|
|
2484
|
+
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2485
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2327
2486
|
var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2328
2487
|
var busy = _ref.busy,
|
|
2329
2488
|
children = _ref.children,
|
|
2330
2489
|
className = _ref.className,
|
|
2331
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2332
|
-
return jsx("table", _objectSpread$
|
|
2490
|
+
restProps = _objectWithoutProperties(_ref, _excluded$b);
|
|
2491
|
+
return jsx("table", _objectSpread$b(_objectSpread$b({
|
|
2333
2492
|
"aria-busy": busy
|
|
2334
2493
|
}, restProps), {}, {
|
|
2335
2494
|
ref: ref,
|
|
@@ -2341,14 +2500,14 @@ var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2341
2500
|
});
|
|
2342
2501
|
Table.displayName = 'Table';
|
|
2343
2502
|
|
|
2344
|
-
var _excluded$
|
|
2345
|
-
function ownKeys$
|
|
2346
|
-
function _objectSpread$
|
|
2503
|
+
var _excluded$a = ["children", "className"];
|
|
2504
|
+
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2505
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2347
2506
|
var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2348
2507
|
var children = _ref.children,
|
|
2349
2508
|
className = _ref.className,
|
|
2350
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2351
|
-
return jsx("tbody", _objectSpread$
|
|
2509
|
+
restProps = _objectWithoutProperties(_ref, _excluded$a);
|
|
2510
|
+
return jsx("tbody", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
|
|
2352
2511
|
ref: ref,
|
|
2353
2512
|
className: clsx('utrecht-table__body', className),
|
|
2354
2513
|
children: children
|
|
@@ -2356,14 +2515,14 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2356
2515
|
});
|
|
2357
2516
|
TableBody.displayName = 'TableBody';
|
|
2358
2517
|
|
|
2359
|
-
var _excluded$
|
|
2360
|
-
function ownKeys$
|
|
2361
|
-
function _objectSpread$
|
|
2518
|
+
var _excluded$9 = ["children", "className"];
|
|
2519
|
+
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2520
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2362
2521
|
var TableCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2363
2522
|
var children = _ref.children,
|
|
2364
2523
|
className = _ref.className,
|
|
2365
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2366
|
-
return jsx("caption", _objectSpread$
|
|
2524
|
+
restProps = _objectWithoutProperties(_ref, _excluded$9);
|
|
2525
|
+
return jsx("caption", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
|
|
2367
2526
|
ref: ref,
|
|
2368
2527
|
className: clsx('utrecht-table__caption', className),
|
|
2369
2528
|
children: children
|
|
@@ -2371,16 +2530,16 @@ var TableCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2371
2530
|
});
|
|
2372
2531
|
TableCaption.displayName = 'TableCaption';
|
|
2373
2532
|
|
|
2374
|
-
var _excluded$
|
|
2375
|
-
function ownKeys$
|
|
2376
|
-
function _objectSpread$
|
|
2533
|
+
var _excluded$8 = ["children", "className", "numericColumn", "selected"];
|
|
2534
|
+
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2535
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2377
2536
|
var TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2378
2537
|
var children = _ref.children,
|
|
2379
2538
|
className = _ref.className,
|
|
2380
2539
|
numericColumn = _ref.numericColumn,
|
|
2381
2540
|
selected = _ref.selected,
|
|
2382
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2383
|
-
return jsx("td", _objectSpread$
|
|
2541
|
+
restProps = _objectWithoutProperties(_ref, _excluded$8);
|
|
2542
|
+
return jsx("td", _objectSpread$8(_objectSpread$8({
|
|
2384
2543
|
"aria-selected": selected ? true : undefined
|
|
2385
2544
|
}, restProps), {}, {
|
|
2386
2545
|
ref: ref,
|
|
@@ -2393,15 +2552,15 @@ var TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2393
2552
|
});
|
|
2394
2553
|
TableCell.displayName = 'TableCell';
|
|
2395
2554
|
|
|
2396
|
-
var _excluded$
|
|
2397
|
-
function ownKeys$
|
|
2398
|
-
function _objectSpread$
|
|
2555
|
+
var _excluded$7 = ["children", "className", "sticky"];
|
|
2556
|
+
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2557
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2399
2558
|
var TableFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2400
2559
|
var children = _ref.children,
|
|
2401
2560
|
className = _ref.className,
|
|
2402
2561
|
sticky = _ref.sticky,
|
|
2403
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2404
|
-
return jsx("tfoot", _objectSpread$
|
|
2562
|
+
restProps = _objectWithoutProperties(_ref, _excluded$7);
|
|
2563
|
+
return jsx("tfoot", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
|
|
2405
2564
|
ref: ref,
|
|
2406
2565
|
className: clsx('utrecht-table__footer', {
|
|
2407
2566
|
'utrecht-table__footer--sticky': sticky
|
|
@@ -2411,15 +2570,15 @@ var TableFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2411
2570
|
});
|
|
2412
2571
|
TableFooter.displayName = 'TableFooter';
|
|
2413
2572
|
|
|
2414
|
-
var _excluded$
|
|
2415
|
-
function ownKeys$
|
|
2416
|
-
function _objectSpread$
|
|
2573
|
+
var _excluded$6 = ["children", "className", "sticky"];
|
|
2574
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2575
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2417
2576
|
var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2418
2577
|
var children = _ref.children,
|
|
2419
2578
|
className = _ref.className,
|
|
2420
2579
|
sticky = _ref.sticky,
|
|
2421
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2422
|
-
return jsx("thead", _objectSpread$
|
|
2580
|
+
restProps = _objectWithoutProperties(_ref, _excluded$6);
|
|
2581
|
+
return jsx("thead", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
|
|
2423
2582
|
ref: ref,
|
|
2424
2583
|
className: clsx('utrecht-table__header', {
|
|
2425
2584
|
'utrecht-table__header--sticky': sticky
|
|
@@ -2429,9 +2588,9 @@ var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2429
2588
|
});
|
|
2430
2589
|
TableHeader.displayName = 'TableHeader';
|
|
2431
2590
|
|
|
2432
|
-
var _excluded$
|
|
2433
|
-
function ownKeys$
|
|
2434
|
-
function _objectSpread$
|
|
2591
|
+
var _excluded$5 = ["children", "className", "numericColumn", "selected", "sticky", "scope"];
|
|
2592
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2593
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2435
2594
|
var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2436
2595
|
var children = _ref.children,
|
|
2437
2596
|
className = _ref.className,
|
|
@@ -2439,8 +2598,8 @@ var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2439
2598
|
selected = _ref.selected,
|
|
2440
2599
|
sticky = _ref.sticky,
|
|
2441
2600
|
scope = _ref.scope,
|
|
2442
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2443
|
-
return jsx("th", _objectSpread$
|
|
2601
|
+
restProps = _objectWithoutProperties(_ref, _excluded$5);
|
|
2602
|
+
return jsx("th", _objectSpread$5(_objectSpread$5({
|
|
2444
2603
|
"aria-selected": selected ? true : undefined,
|
|
2445
2604
|
scope: scope
|
|
2446
2605
|
}, restProps), {}, {
|
|
@@ -2456,15 +2615,15 @@ var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2456
2615
|
});
|
|
2457
2616
|
TableHeaderCell.displayName = 'TableHeaderCell';
|
|
2458
2617
|
|
|
2459
|
-
var _excluded$
|
|
2460
|
-
function ownKeys$
|
|
2461
|
-
function _objectSpread$
|
|
2618
|
+
var _excluded$4 = ["children", "className", "selected"];
|
|
2619
|
+
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2620
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2462
2621
|
var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2463
2622
|
var children = _ref.children,
|
|
2464
2623
|
className = _ref.className,
|
|
2465
2624
|
selected = _ref.selected,
|
|
2466
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2467
|
-
return jsx("tr", _objectSpread$
|
|
2625
|
+
restProps = _objectWithoutProperties(_ref, _excluded$4);
|
|
2626
|
+
return jsx("tr", _objectSpread$4(_objectSpread$4({
|
|
2468
2627
|
"aria-selected": selected ? true : undefined
|
|
2469
2628
|
}, restProps), {}, {
|
|
2470
2629
|
ref: ref,
|
|
@@ -2476,9 +2635,9 @@ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2476
2635
|
});
|
|
2477
2636
|
TableRow.displayName = 'TableRow';
|
|
2478
2637
|
|
|
2479
|
-
var _excluded$
|
|
2480
|
-
function ownKeys$
|
|
2481
|
-
function _objectSpread$
|
|
2638
|
+
var _excluded$3 = ["dir", "disabled", "invalid", "readOnly", "required", "className"];
|
|
2639
|
+
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2640
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2482
2641
|
var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2483
2642
|
var dir = _ref.dir,
|
|
2484
2643
|
disabled = _ref.disabled,
|
|
@@ -2486,8 +2645,8 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2486
2645
|
readOnly = _ref.readOnly,
|
|
2487
2646
|
required = _ref.required,
|
|
2488
2647
|
className = _ref.className,
|
|
2489
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2490
|
-
return jsx("textarea", _objectSpread$
|
|
2648
|
+
restProps = _objectWithoutProperties(_ref, _excluded$3);
|
|
2649
|
+
return jsx("textarea", _objectSpread$3(_objectSpread$3({}, restProps), {}, {
|
|
2491
2650
|
ref: ref,
|
|
2492
2651
|
className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className),
|
|
2493
2652
|
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
@@ -2499,36 +2658,6 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2499
2658
|
});
|
|
2500
2659
|
Textarea.displayName = 'Textarea';
|
|
2501
2660
|
|
|
2502
|
-
var _excluded$3 = ["dir", "disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"];
|
|
2503
|
-
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2504
|
-
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2505
|
-
var Textbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2506
|
-
var dir = _ref.dir,
|
|
2507
|
-
disabled = _ref.disabled,
|
|
2508
|
-
invalid = _ref.invalid,
|
|
2509
|
-
readOnly = _ref.readOnly,
|
|
2510
|
-
required = _ref.required,
|
|
2511
|
-
className = _ref.className,
|
|
2512
|
-
_ref$type = _ref.type,
|
|
2513
|
-
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
2514
|
-
maxLength = _ref.maxLength,
|
|
2515
|
-
inputMode = _ref.inputMode,
|
|
2516
|
-
restProps = _objectWithoutProperties(_ref, _excluded$3);
|
|
2517
|
-
return jsx("input", _objectSpread$3(_objectSpread$3({}, restProps), {}, {
|
|
2518
|
-
ref: ref,
|
|
2519
|
-
type: type,
|
|
2520
|
-
className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', required && 'utrecht-textbox--required', className),
|
|
2521
|
-
maxLength: maxLength,
|
|
2522
|
-
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
2523
|
-
disabled: disabled,
|
|
2524
|
-
readOnly: readOnly,
|
|
2525
|
-
required: required,
|
|
2526
|
-
"aria-invalid": invalid || undefined,
|
|
2527
|
-
inputMode: inputMode || (type === 'number' ? 'numeric' : undefined)
|
|
2528
|
-
}));
|
|
2529
|
-
});
|
|
2530
|
-
Textbox.displayName = 'Textbox';
|
|
2531
|
-
|
|
2532
2661
|
var _excluded$2 = ["children", "className"];
|
|
2533
2662
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2534
2663
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -2578,5 +2707,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2578
2707
|
});
|
|
2579
2708
|
UnorderedListItem.displayName = 'UnorderedListItem';
|
|
2580
2709
|
|
|
2581
|
-
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, Combobox, ComboboxPopover, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Drawer, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormFieldErrorMessage, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkList, LinkListLink, LinkSocial, ListSocial, ListSocialItem, Listbox, ListboxOption, ListboxOptionGroup, Logo, LogoImage, Mark, MultilineData, NavBar, NavList, NavListLink, NavListLinkButton, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PreserveData, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
|
|
2710
|
+
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, Blockquote, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, Combobox, ComboboxPopover, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Drawer, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormFieldErrorMessage, FormFieldTextbox, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkList, LinkListLink, LinkSocial, ListSocial, ListSocialItem, Listbox, ListboxOption, ListboxOptionGroup, Logo, LogoImage, Mark, MultilineData, NavBar, NavList, NavListLink, NavListLinkButton, NumberData, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PreserveData, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
|
|
2582
2711
|
//# sourceMappingURL=index.esm.js.map
|