@utrecht/component-library-react 11.0.0 → 12.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/CHANGELOG.md +7 -0
- package/dist/.jest-test-results.json +1 -1
- package/dist/NavBar.d.ts +8 -7
- package/dist/NavBar.d.ts.map +1 -1
- package/dist/NavList.d.ts +1 -0
- package/dist/NavList.d.ts.map +1 -1
- package/dist/css-module/NavBar.d.ts +8 -7
- package/dist/css-module/NavBar.d.ts.map +1 -1
- package/dist/css-module/NavList.d.ts +1 -0
- package/dist/css-module/NavList.d.ts.map +1 -1
- package/dist/css-module/index.mjs +288 -266
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.mjs +288 -266
- package/dist/index.mjs.map +1 -1
- package/package.json +19 -19
|
@@ -117,15 +117,15 @@ var insertStyle = function insertStyle(css) {
|
|
|
117
117
|
}
|
|
118
118
|
};
|
|
119
119
|
|
|
120
|
-
var _excluded$
|
|
121
|
-
function ownKeys$
|
|
122
|
-
function _objectSpread$
|
|
120
|
+
var _excluded$1i = ["level", "className"];
|
|
121
|
+
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; }
|
|
122
|
+
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; }
|
|
123
123
|
var HTMLHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
124
124
|
var level = _ref.level,
|
|
125
125
|
className = _ref.className,
|
|
126
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
126
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
127
127
|
var HeadingX = level === 1 ? 'h1' : level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'p';
|
|
128
|
-
return jsx(HeadingX, _objectSpread$
|
|
128
|
+
return jsx(HeadingX, _objectSpread$1j(_objectSpread$1j({
|
|
129
129
|
className: clsx(className)
|
|
130
130
|
}, restProps), {}, {
|
|
131
131
|
ref: ref
|
|
@@ -133,18 +133,18 @@ var HTMLHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
133
133
|
});
|
|
134
134
|
HTMLHeading.displayName = 'HTMLHeading';
|
|
135
135
|
|
|
136
|
-
var _excluded$
|
|
137
|
-
function ownKeys$
|
|
138
|
-
function _objectSpread$
|
|
136
|
+
var _excluded$1h = ["appearance", "className", "level"];
|
|
137
|
+
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; }
|
|
138
|
+
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; }
|
|
139
139
|
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
140
140
|
var appearance = _ref.appearance,
|
|
141
141
|
className = _ref.className,
|
|
142
142
|
level = _ref.level,
|
|
143
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
143
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
144
144
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
145
145
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
146
146
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
147
|
-
return jsx(HeadingX, _objectSpread$
|
|
147
|
+
return jsx(HeadingX, _objectSpread$1i(_objectSpread$1i({
|
|
148
148
|
className: clsx(headingClassName, className)
|
|
149
149
|
}, restProps), {}, {
|
|
150
150
|
ref: ref
|
|
@@ -152,10 +152,10 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
152
152
|
});
|
|
153
153
|
Heading.displayName = 'Heading';
|
|
154
154
|
|
|
155
|
-
var _excluded$
|
|
155
|
+
var _excluded$1g = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon"],
|
|
156
156
|
_excluded2$7 = ["children", "group", "headingLevel", "heading"];
|
|
157
|
-
function ownKeys$
|
|
158
|
-
function _objectSpread$
|
|
157
|
+
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; }
|
|
158
|
+
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; }
|
|
159
159
|
var IconChevronDown = function IconChevronDown() {
|
|
160
160
|
return jsxs("svg", {
|
|
161
161
|
id: "Layer_1",
|
|
@@ -231,7 +231,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
231
231
|
onButtonBlur = _ref.onButtonBlur,
|
|
232
232
|
onButtonFocus = _ref.onButtonFocus,
|
|
233
233
|
icon = _ref.icon,
|
|
234
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
234
|
+
props = _objectWithoutProperties(_ref, _excluded$1g);
|
|
235
235
|
var panelAttributes = {
|
|
236
236
|
className: clsx('utrecht-accordion__panel', {
|
|
237
237
|
'utrecht-accordion__panel--expanded': expanded
|
|
@@ -252,7 +252,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
252
252
|
// content of the landmark to be the actual content, instead of starting
|
|
253
253
|
// with the button that controls the region.
|
|
254
254
|
// - we only want expanded sections to show up as landmarks
|
|
255
|
-
return jsxs("div", _objectSpread$
|
|
255
|
+
return jsxs("div", _objectSpread$1h(_objectSpread$1h({
|
|
256
256
|
className: clsx('utrecht-accordion__section', className),
|
|
257
257
|
id: id,
|
|
258
258
|
ref: ref
|
|
@@ -285,12 +285,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
285
285
|
children: label
|
|
286
286
|
})]
|
|
287
287
|
})
|
|
288
|
-
}), section ? jsx("section", _objectSpread$
|
|
288
|
+
}), section ? jsx("section", _objectSpread$1h(_objectSpread$1h({
|
|
289
289
|
id: panelId,
|
|
290
290
|
"aria-labelledby": buttonId
|
|
291
291
|
}, panelAttributes), {}, {
|
|
292
292
|
children: children
|
|
293
|
-
})) : jsx("div", _objectSpread$
|
|
293
|
+
})) : jsx("div", _objectSpread$1h(_objectSpread$1h({
|
|
294
294
|
id: panelId
|
|
295
295
|
}, panelAttributes), {}, {
|
|
296
296
|
children: children
|
|
@@ -309,7 +309,7 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
309
309
|
children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
|
|
310
310
|
level: headingLevel,
|
|
311
311
|
children: heading
|
|
312
|
-
}), jsx("div", _objectSpread$
|
|
312
|
+
}), jsx("div", _objectSpread$1h(_objectSpread$1h({
|
|
313
313
|
className: clsx('utrecht-accordion'),
|
|
314
314
|
role: group ? 'group' : undefined,
|
|
315
315
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -421,7 +421,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
421
421
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
422
422
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
423
423
|
if (index === activatedIndex) {
|
|
424
|
-
return _objectSpread$
|
|
424
|
+
return _objectSpread$1h(_objectSpread$1h({}, section), {}, {
|
|
425
425
|
expanded: !section.expanded
|
|
426
426
|
});
|
|
427
427
|
} else {
|
|
@@ -429,7 +429,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
429
429
|
}
|
|
430
430
|
}));
|
|
431
431
|
};
|
|
432
|
-
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$
|
|
432
|
+
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1h(_objectSpread$1h({
|
|
433
433
|
headingLevel: sectionHeadingLevel
|
|
434
434
|
}, section), {}, {
|
|
435
435
|
icon: icon,
|
|
@@ -452,9 +452,9 @@ AccordionProvider.displayName = 'AccordionProvider';
|
|
|
452
452
|
*/
|
|
453
453
|
insertStyle(css);
|
|
454
454
|
|
|
455
|
-
var _excluded$
|
|
456
|
-
function ownKeys$
|
|
457
|
-
function _objectSpread$
|
|
455
|
+
var _excluded$1f = ["children", "className", "icon", "type", "role"];
|
|
456
|
+
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; }
|
|
457
|
+
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; }
|
|
458
458
|
var enumGuard = function enumGuard(values) {
|
|
459
459
|
return function (x) {
|
|
460
460
|
return values.includes(x);
|
|
@@ -474,10 +474,10 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
474
474
|
icon = _ref.icon,
|
|
475
475
|
type = _ref.type,
|
|
476
476
|
role = _ref.role,
|
|
477
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
477
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
478
478
|
var computedType = isAlertType(type) ? type : 'info';
|
|
479
479
|
var computedRole = role || typeToRole[computedType];
|
|
480
|
-
return jsxs("div", _objectSpread$
|
|
480
|
+
return jsxs("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
481
481
|
ref: ref,
|
|
482
482
|
className: clsx('utrecht-alert', "utrecht-alert--".concat(computedType), className),
|
|
483
483
|
children: [icon && jsx("div", {
|
|
@@ -502,16 +502,16 @@ Alert.displayName = 'Alert';
|
|
|
502
502
|
*/
|
|
503
503
|
insertStyle(css$1);
|
|
504
504
|
|
|
505
|
-
var _excluded$
|
|
506
|
-
function ownKeys$
|
|
507
|
-
function _objectSpread$
|
|
505
|
+
var _excluded$1e = ["children", "className", "icon", "type"];
|
|
506
|
+
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; }
|
|
507
|
+
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; }
|
|
508
508
|
var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
509
509
|
var children = _ref.children,
|
|
510
510
|
className = _ref.className,
|
|
511
511
|
icon = _ref.icon,
|
|
512
512
|
type = _ref.type,
|
|
513
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
514
|
-
return jsxs("dialog", _objectSpread$
|
|
513
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
514
|
+
return jsxs("dialog", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
515
515
|
ref: ref,
|
|
516
516
|
className: clsx('utrecht-alert-dialog', {
|
|
517
517
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -537,14 +537,14 @@ AlertDialog.displayName = 'AlertDialog';
|
|
|
537
537
|
*/
|
|
538
538
|
insertStyle(css$2);
|
|
539
539
|
|
|
540
|
-
var _excluded$
|
|
541
|
-
function ownKeys$
|
|
542
|
-
function _objectSpread$
|
|
540
|
+
var _excluded$1d = ["children", "className"];
|
|
541
|
+
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; }
|
|
542
|
+
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; }
|
|
543
543
|
var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
544
544
|
var children = _ref.children,
|
|
545
545
|
className = _ref.className,
|
|
546
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
547
|
-
return jsx("article", _objectSpread$
|
|
546
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
547
|
+
return jsx("article", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
|
|
548
548
|
ref: ref,
|
|
549
549
|
className: clsx('utrecht-article', className),
|
|
550
550
|
children: children
|
|
@@ -559,14 +559,14 @@ Article.displayName = 'Article';
|
|
|
559
559
|
*/
|
|
560
560
|
insertStyle(css$3);
|
|
561
561
|
|
|
562
|
-
var _excluded$
|
|
563
|
-
function ownKeys$
|
|
564
|
-
function _objectSpread$
|
|
562
|
+
var _excluded$1c = ["children", "className"];
|
|
563
|
+
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; }
|
|
564
|
+
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; }
|
|
565
565
|
var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
566
566
|
var children = _ref.children,
|
|
567
567
|
className = _ref.className,
|
|
568
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
569
|
-
return jsx("div", _objectSpread$
|
|
568
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
569
|
+
return jsx("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
570
570
|
ref: ref,
|
|
571
571
|
className: clsx('utrecht-backdrop', className),
|
|
572
572
|
children: children
|
|
@@ -581,22 +581,22 @@ Backdrop.displayName = 'Backdrop';
|
|
|
581
581
|
*/
|
|
582
582
|
insertStyle(css$4);
|
|
583
583
|
|
|
584
|
-
var _excluded$
|
|
585
|
-
function ownKeys$
|
|
586
|
-
function _objectSpread$
|
|
584
|
+
var _excluded$1b = ["children", "className", "value"];
|
|
585
|
+
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; }
|
|
586
|
+
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; }
|
|
587
587
|
var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
588
588
|
var children = _ref.children,
|
|
589
589
|
className = _ref.className,
|
|
590
590
|
value = _ref.value,
|
|
591
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
592
|
-
var props = _objectSpread$
|
|
591
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
592
|
+
var props = _objectSpread$1c({
|
|
593
593
|
children: children,
|
|
594
594
|
className: clsx('utrecht-badge-counter', className)
|
|
595
595
|
}, restProps);
|
|
596
|
-
return typeof value !== 'undefined' ? jsx("data", _objectSpread$
|
|
596
|
+
return typeof value !== 'undefined' ? jsx("data", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
|
|
597
597
|
value: value,
|
|
598
598
|
ref: ref
|
|
599
|
-
})) : jsx("span", _objectSpread$
|
|
599
|
+
})) : jsx("span", _objectSpread$1c(_objectSpread$1c({}, props), {}, {
|
|
600
600
|
ref: ref
|
|
601
601
|
}));
|
|
602
602
|
});
|
|
@@ -609,14 +609,14 @@ BadgeCounter.displayName = 'BadgeCounter';
|
|
|
609
609
|
*/
|
|
610
610
|
insertStyle(css$5);
|
|
611
611
|
|
|
612
|
-
var _excluded$
|
|
613
|
-
function ownKeys$
|
|
614
|
-
function _objectSpread$
|
|
612
|
+
var _excluded$1a = ["children", "className"];
|
|
613
|
+
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; }
|
|
614
|
+
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; }
|
|
615
615
|
var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
616
616
|
var children = _ref.children,
|
|
617
617
|
className = _ref.className,
|
|
618
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
619
|
-
return jsx("div", _objectSpread$
|
|
618
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
619
|
+
return jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
620
620
|
ref: ref,
|
|
621
621
|
className: clsx('utrecht-badge-list', className),
|
|
622
622
|
children: children
|
|
@@ -631,9 +631,9 @@ BadgeList.displayName = 'BadgeList';
|
|
|
631
631
|
*/
|
|
632
632
|
insertStyle(css$6);
|
|
633
633
|
|
|
634
|
-
var _excluded$
|
|
635
|
-
function ownKeys$
|
|
636
|
-
function _objectSpread$
|
|
634
|
+
var _excluded$19 = ["aside", "attribution", "className", "children", "cite", "figure", "caption", "lang"];
|
|
635
|
+
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; }
|
|
636
|
+
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; }
|
|
637
637
|
var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
638
638
|
var aside = _ref.aside,
|
|
639
639
|
attribution = _ref.attribution,
|
|
@@ -643,7 +643,7 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
643
643
|
figure = _ref.figure,
|
|
644
644
|
caption = _ref.caption,
|
|
645
645
|
lang = _ref.lang,
|
|
646
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
646
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
647
647
|
var quote = children;
|
|
648
648
|
var captionElement = caption || attribution ? jsx("figcaption", {
|
|
649
649
|
className: "utrecht-blockquote__caption",
|
|
@@ -653,37 +653,37 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
653
653
|
cite: cite,
|
|
654
654
|
lang: lang
|
|
655
655
|
};
|
|
656
|
-
return aside && (figure || captionElement) ? jsx("aside", _objectSpread$
|
|
656
|
+
return aside && (figure || captionElement) ? jsx("aside", _objectSpread$1a(_objectSpread$1a({
|
|
657
657
|
className: clsx('utrecht-blockquote', className)
|
|
658
658
|
}, restProps), {}, {
|
|
659
659
|
children: jsxs("figure", {
|
|
660
660
|
className: clsx('utrecht-blockquote__figure'),
|
|
661
|
-
children: [jsx("blockquote", _objectSpread$
|
|
661
|
+
children: [jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
|
|
662
662
|
className: "utrecht-blockquote__quote"
|
|
663
663
|
}, blockquoteAttrs), {}, {
|
|
664
664
|
ref: ref,
|
|
665
665
|
children: quote
|
|
666
666
|
})), captionElement]
|
|
667
667
|
})
|
|
668
|
-
})) : aside ? jsx("aside", _objectSpread$
|
|
668
|
+
})) : aside ? jsx("aside", _objectSpread$1a(_objectSpread$1a({
|
|
669
669
|
className: clsx('utrecht-blockquote', className)
|
|
670
670
|
}, restProps), {}, {
|
|
671
|
-
children: jsx("blockquote", _objectSpread$
|
|
671
|
+
children: jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
|
|
672
672
|
className: "utrecht-blockquote__quote"
|
|
673
673
|
}, blockquoteAttrs), {}, {
|
|
674
674
|
ref: ref,
|
|
675
675
|
children: quote
|
|
676
676
|
}))
|
|
677
|
-
})) : figure || captionElement ? jsxs("figure", _objectSpread$
|
|
677
|
+
})) : figure || captionElement ? jsxs("figure", _objectSpread$1a(_objectSpread$1a({
|
|
678
678
|
className: clsx('utrecht-blockquote', className)
|
|
679
679
|
}, restProps), {}, {
|
|
680
|
-
children: [jsx("blockquote", _objectSpread$
|
|
680
|
+
children: [jsx("blockquote", _objectSpread$1a(_objectSpread$1a({
|
|
681
681
|
className: "utrecht-blockquote__quote"
|
|
682
682
|
}, blockquoteAttrs), {}, {
|
|
683
683
|
ref: ref,
|
|
684
684
|
children: quote
|
|
685
685
|
})), captionElement]
|
|
686
|
-
})) : jsx("blockquote", _objectSpread$
|
|
686
|
+
})) : jsx("blockquote", _objectSpread$1a(_objectSpread$1a(_objectSpread$1a({
|
|
687
687
|
className: clsx('utrecht-blockquote', 'utrecht-blockquote--html-blockquote', className)
|
|
688
688
|
}, blockquoteAttrs), restProps), {}, {
|
|
689
689
|
ref: ref,
|
|
@@ -699,12 +699,12 @@ Blockquote.displayName = 'Blockquote';
|
|
|
699
699
|
*/
|
|
700
700
|
insertStyle(css$7);
|
|
701
701
|
|
|
702
|
-
var _excluded$
|
|
702
|
+
var _excluded$18 = ["appearance", "children", "className", "headingLevel", "label"],
|
|
703
703
|
_excluded2$6 = ["className", "children"],
|
|
704
704
|
_excluded3$3 = ["className", "children"],
|
|
705
705
|
_excluded4$2 = ["children", "disabled", "current", "href", "index", "rel", "role", "Link", "className"];
|
|
706
|
-
function ownKeys$
|
|
707
|
-
function _objectSpread$
|
|
706
|
+
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; }
|
|
707
|
+
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; }
|
|
708
708
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
709
709
|
var prop = _ref.prop,
|
|
710
710
|
type = _ref.type;
|
|
@@ -726,9 +726,9 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
726
726
|
_ref2$headingLevel = _ref2.headingLevel,
|
|
727
727
|
headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
|
|
728
728
|
label = _ref2.label,
|
|
729
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
729
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$18);
|
|
730
730
|
var headingId = label ? useId() : undefined;
|
|
731
|
-
return jsxs("nav", _objectSpread$
|
|
731
|
+
return jsxs("nav", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
732
732
|
ref: ref,
|
|
733
733
|
className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
|
|
734
734
|
'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
|
|
@@ -740,7 +740,7 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
740
740
|
level: headingLevel,
|
|
741
741
|
"aria-hidden": "true",
|
|
742
742
|
children: label
|
|
743
|
-
}), jsx("ol", _objectSpread$
|
|
743
|
+
}), jsx("ol", _objectSpread$19(_objectSpread$19({
|
|
744
744
|
className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
|
|
745
745
|
}, useMicrodataItem({
|
|
746
746
|
type: 'https://schema.org/BreadcrumbList'
|
|
@@ -754,7 +754,7 @@ var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
754
754
|
var className = _ref3.className,
|
|
755
755
|
children = _ref3.children,
|
|
756
756
|
restProps = _objectWithoutProperties(_ref3, _excluded2$6);
|
|
757
|
-
return jsx("li", _objectSpread$
|
|
757
|
+
return jsx("li", _objectSpread$19(_objectSpread$19(_objectSpread$19({
|
|
758
758
|
className: clsx('utrecht-breadcrumb-nav__item', className)
|
|
759
759
|
}, useMicrodataItem({
|
|
760
760
|
type: 'https://schema.org/ListItem',
|
|
@@ -770,7 +770,7 @@ var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
|
770
770
|
var className = _ref4.className,
|
|
771
771
|
children = _ref4.children,
|
|
772
772
|
restProps = _objectWithoutProperties(_ref4, _excluded3$3);
|
|
773
|
-
return jsx("li", _objectSpread$
|
|
773
|
+
return jsx("li", _objectSpread$19(_objectSpread$19({
|
|
774
774
|
"aria-hidden": "true",
|
|
775
775
|
hidden: true,
|
|
776
776
|
style: {
|
|
@@ -798,7 +798,7 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
798
798
|
var DefaultLinkComponent = Link$1;
|
|
799
799
|
var LinkComponent = Link$1 || DefaultLinkComponent;
|
|
800
800
|
return jsx(BreadcrumbNavItem, {
|
|
801
|
-
children: jsxs(LinkComponent, _objectSpread$
|
|
801
|
+
children: jsxs(LinkComponent, _objectSpread$19(_objectSpread$19(_objectSpread$19({
|
|
802
802
|
className: clsx('utrecht-breadcrumb-nav__link', className, {
|
|
803
803
|
'utrecht-breadcrumb-nav__link--current': current,
|
|
804
804
|
'utrecht-breadcrumb-nav__link--disabled': disabled,
|
|
@@ -811,11 +811,11 @@ var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
811
811
|
"aria-disabled": disabled ? 'true' : undefined
|
|
812
812
|
}, useMicrodataProp('item')), restProps), {}, {
|
|
813
813
|
ref: ref,
|
|
814
|
-
children: [jsx("span", _objectSpread$
|
|
814
|
+
children: [jsx("span", _objectSpread$19(_objectSpread$19({
|
|
815
815
|
className: "utrecht-breadcrumb-nav__text"
|
|
816
816
|
}, useMicrodataProp('name')), {}, {
|
|
817
817
|
children: children
|
|
818
|
-
})), typeof index === 'number' ? jsx("meta", _objectSpread$
|
|
818
|
+
})), typeof index === 'number' ? jsx("meta", _objectSpread$19(_objectSpread$19({}, useMicrodataProp('position')), {}, {
|
|
819
819
|
content: String(index + 1)
|
|
820
820
|
})) : null]
|
|
821
821
|
}))
|
|
@@ -830,9 +830,9 @@ BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
|
|
|
830
830
|
*/
|
|
831
831
|
insertStyle(css$8);
|
|
832
832
|
|
|
833
|
-
var _excluded$
|
|
834
|
-
function ownKeys$
|
|
835
|
-
function _objectSpread$
|
|
833
|
+
var _excluded$17 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
|
|
834
|
+
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; }
|
|
835
|
+
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; }
|
|
836
836
|
var onKeyDown = function onKeyDown(evt) {
|
|
837
837
|
var _evt$target;
|
|
838
838
|
if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
|
|
@@ -850,18 +850,18 @@ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
850
850
|
href = _ref.href,
|
|
851
851
|
placeholder = _ref.placeholder,
|
|
852
852
|
role = _ref.role,
|
|
853
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
853
|
+
restProps = _objectWithoutProperties(_ref, _excluded$17);
|
|
854
854
|
var props = restProps;
|
|
855
855
|
if (role === 'button') {
|
|
856
856
|
// When this link is announced as button by accessibility tools,
|
|
857
857
|
// it should also behave like a button. Links are not activated
|
|
858
858
|
// using `Space`, so we need to implement that behaviour here
|
|
859
859
|
// to reach parity with the `button` element.
|
|
860
|
-
props = _objectSpread$
|
|
860
|
+
props = _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
861
861
|
onKeyDown: onKeyDown
|
|
862
862
|
});
|
|
863
863
|
}
|
|
864
|
-
return jsx("a", _objectSpread$
|
|
864
|
+
return jsx("a", _objectSpread$18(_objectSpread$18({
|
|
865
865
|
href: placeholder ? undefined : href,
|
|
866
866
|
ref: ref,
|
|
867
867
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -887,14 +887,14 @@ ButtonLink.displayName = 'ButtonLink';
|
|
|
887
887
|
*/
|
|
888
888
|
insertStyle(css$9);
|
|
889
889
|
|
|
890
|
-
var _excluded$
|
|
891
|
-
function ownKeys$
|
|
892
|
-
function _objectSpread$
|
|
890
|
+
var _excluded$16 = ["children", "className"];
|
|
891
|
+
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; }
|
|
892
|
+
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; }
|
|
893
893
|
var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
894
894
|
var children = _ref.children,
|
|
895
895
|
className = _ref.className,
|
|
896
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
897
|
-
return jsx("code", _objectSpread$
|
|
896
|
+
restProps = _objectWithoutProperties(_ref, _excluded$16);
|
|
897
|
+
return jsx("code", _objectSpread$17(_objectSpread$17({
|
|
898
898
|
ref: ref,
|
|
899
899
|
className: clsx('utrecht-code', className)
|
|
900
900
|
}, restProps), {}, {
|
|
@@ -910,14 +910,14 @@ Code.displayName = 'Code';
|
|
|
910
910
|
*/
|
|
911
911
|
insertStyle(css$a);
|
|
912
912
|
|
|
913
|
-
var _excluded$
|
|
914
|
-
function ownKeys$
|
|
915
|
-
function _objectSpread$
|
|
913
|
+
var _excluded$15 = ["children", "className"];
|
|
914
|
+
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; }
|
|
915
|
+
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; }
|
|
916
916
|
var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
917
917
|
var children = _ref.children,
|
|
918
918
|
className = _ref.className,
|
|
919
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
920
|
-
return jsx("pre", _objectSpread$
|
|
919
|
+
restProps = _objectWithoutProperties(_ref, _excluded$15);
|
|
920
|
+
return jsx("pre", _objectSpread$16(_objectSpread$16({
|
|
921
921
|
ref: ref,
|
|
922
922
|
className: clsx('utrecht-code-block', className)
|
|
923
923
|
}, restProps), {}, {
|
|
@@ -936,19 +936,19 @@ CodeBlock.displayName = 'CodeBlock';
|
|
|
936
936
|
*/
|
|
937
937
|
insertStyle(css$b);
|
|
938
938
|
|
|
939
|
-
var _excluded$
|
|
940
|
-
function ownKeys$
|
|
941
|
-
function _objectSpread$
|
|
939
|
+
var _excluded$14 = ["children", "className", "color", "style"];
|
|
940
|
+
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; }
|
|
941
|
+
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; }
|
|
942
942
|
var ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
943
943
|
var children = _ref.children,
|
|
944
944
|
className = _ref.className,
|
|
945
945
|
color = _ref.color,
|
|
946
946
|
style = _ref.style,
|
|
947
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
948
|
-
return jsx("data", _objectSpread$
|
|
947
|
+
restProps = _objectWithoutProperties(_ref, _excluded$14);
|
|
948
|
+
return jsx("data", _objectSpread$15(_objectSpread$15({
|
|
949
949
|
ref: ref,
|
|
950
950
|
className: clsx('utrecht-color-sample', className),
|
|
951
|
-
style: _objectSpread$
|
|
951
|
+
style: _objectSpread$15(_objectSpread$15({}, style), {}, {
|
|
952
952
|
color: color
|
|
953
953
|
}),
|
|
954
954
|
value: color
|
|
@@ -965,15 +965,15 @@ ColorSample.displayName = 'ColorSample';
|
|
|
965
965
|
*/
|
|
966
966
|
insertStyle(css$c);
|
|
967
967
|
|
|
968
|
-
var _excluded$
|
|
969
|
-
function ownKeys$
|
|
970
|
-
function _objectSpread$
|
|
968
|
+
var _excluded$13 = ["children", "className", "rule"];
|
|
969
|
+
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; }
|
|
970
|
+
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; }
|
|
971
971
|
var ColumnLayout = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
972
972
|
var children = _ref.children,
|
|
973
973
|
className = _ref.className,
|
|
974
974
|
rule = _ref.rule,
|
|
975
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
976
|
-
return jsx("div", _objectSpread$
|
|
975
|
+
restProps = _objectWithoutProperties(_ref, _excluded$13);
|
|
976
|
+
return jsx("div", _objectSpread$14(_objectSpread$14({
|
|
977
977
|
className: clsx('utrecht-column-layout', {
|
|
978
978
|
'utrecht-column-layout--rule': rule
|
|
979
979
|
}, className),
|
|
@@ -991,9 +991,9 @@ ColumnLayout.displayName = 'ColumnLayout';
|
|
|
991
991
|
*/
|
|
992
992
|
insertStyle(css$d);
|
|
993
993
|
|
|
994
|
-
var _excluded$
|
|
995
|
-
function ownKeys$
|
|
996
|
-
function _objectSpread$
|
|
994
|
+
var _excluded$12 = ["children", "currency", "amount", "locale", "className"];
|
|
995
|
+
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; }
|
|
996
|
+
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; }
|
|
997
997
|
var formatLabel = function formatLabel(locale, currency, amount) {
|
|
998
998
|
return new Intl.NumberFormat(locale, {
|
|
999
999
|
style: 'currency',
|
|
@@ -1029,11 +1029,11 @@ var CurrencyData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1029
1029
|
_ref$locale = _ref.locale,
|
|
1030
1030
|
locale = _ref$locale === void 0 ? 'nl-NL' : _ref$locale,
|
|
1031
1031
|
className = _ref.className,
|
|
1032
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1032
|
+
restProps = _objectWithoutProperties(_ref, _excluded$12);
|
|
1033
1033
|
var number = typeof amount === 'string' ? parseFloat(amount) : amount;
|
|
1034
1034
|
var labelFormatted = formatLabel(locale, currency, number);
|
|
1035
1035
|
var visuallyFormatted = formatVisually(locale, currency, number);
|
|
1036
|
-
return jsx("data", _objectSpread$
|
|
1036
|
+
return jsx("data", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
|
|
1037
1037
|
ref: ref,
|
|
1038
1038
|
value: "".concat(currency, " ").concat(amount),
|
|
1039
1039
|
className: clsx('utrecht-currency-data', number < 0 && 'utrecht-currency-data--negative', number > 0 && 'utrecht-currency-data--positive', className),
|
|
@@ -1050,14 +1050,14 @@ CurrencyData.displayName = 'CurrencyData';
|
|
|
1050
1050
|
*/
|
|
1051
1051
|
insertStyle(css$e);
|
|
1052
1052
|
|
|
1053
|
-
var _excluded$
|
|
1054
|
-
function ownKeys$
|
|
1055
|
-
function _objectSpread$
|
|
1053
|
+
var _excluded$11 = ["children", "className"];
|
|
1054
|
+
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; }
|
|
1055
|
+
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; }
|
|
1056
1056
|
var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1057
1057
|
var children = _ref.children,
|
|
1058
1058
|
className = _ref.className,
|
|
1059
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1060
|
-
return jsx("div", _objectSpread$
|
|
1059
|
+
restProps = _objectWithoutProperties(_ref, _excluded$11);
|
|
1060
|
+
return jsx("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
1061
1061
|
ref: ref,
|
|
1062
1062
|
className: clsx('utrecht-document', className),
|
|
1063
1063
|
children: children
|
|
@@ -1072,18 +1072,18 @@ Document.displayName = 'Document';
|
|
|
1072
1072
|
*/
|
|
1073
1073
|
insertStyle(css$f);
|
|
1074
1074
|
|
|
1075
|
-
var _excluded
|
|
1075
|
+
var _excluded$10 = ["appearance", "children", "className"],
|
|
1076
1076
|
_excluded2$5 = ["children", "className"],
|
|
1077
1077
|
_excluded3$2 = ["children", "className"],
|
|
1078
1078
|
_excluded4$1 = ["children", "className"];
|
|
1079
|
-
function ownKeys$
|
|
1080
|
-
function _objectSpread$
|
|
1079
|
+
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; }
|
|
1080
|
+
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; }
|
|
1081
1081
|
var DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1082
1082
|
var appearance = _ref.appearance,
|
|
1083
1083
|
children = _ref.children,
|
|
1084
1084
|
className = _ref.className,
|
|
1085
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
1086
|
-
return jsx("dl", _objectSpread$
|
|
1085
|
+
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
1086
|
+
return jsx("dl", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
|
|
1087
1087
|
className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
|
|
1088
1088
|
ref: ref,
|
|
1089
1089
|
children: children
|
|
@@ -1094,7 +1094,7 @@ var DataListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1094
1094
|
var children = _ref2.children,
|
|
1095
1095
|
className = _ref2.className,
|
|
1096
1096
|
restProps = _objectWithoutProperties(_ref2, _excluded2$5);
|
|
1097
|
-
return jsx("div", _objectSpread$
|
|
1097
|
+
return jsx("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
|
|
1098
1098
|
className: clsx('utrecht-data-list__item', className),
|
|
1099
1099
|
ref: ref,
|
|
1100
1100
|
children: children
|
|
@@ -1105,7 +1105,7 @@ var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
1105
1105
|
var children = _ref3.children,
|
|
1106
1106
|
className = _ref3.className,
|
|
1107
1107
|
restProps = _objectWithoutProperties(_ref3, _excluded3$2);
|
|
1108
|
-
return jsx("dt", _objectSpread$
|
|
1108
|
+
return jsx("dt", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
|
|
1109
1109
|
className: clsx('utrecht-data-list__item-key', className),
|
|
1110
1110
|
ref: ref,
|
|
1111
1111
|
children: children
|
|
@@ -1135,7 +1135,7 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
1135
1135
|
var children = _ref5.children,
|
|
1136
1136
|
className = _ref5.className,
|
|
1137
1137
|
restProps = _objectWithoutProperties(_ref5, _excluded4$1);
|
|
1138
|
-
return jsx("dd", _objectSpread$
|
|
1138
|
+
return jsx("dd", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
|
|
1139
1139
|
className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
|
|
1140
1140
|
ref: ref,
|
|
1141
1141
|
children: children
|
|
@@ -1150,15 +1150,15 @@ DataListActions.displayName = 'DataListActions';
|
|
|
1150
1150
|
*/
|
|
1151
1151
|
insertStyle(css$g);
|
|
1152
1152
|
|
|
1153
|
-
var _excluded
|
|
1154
|
-
function ownKeys
|
|
1155
|
-
function _objectSpread
|
|
1153
|
+
var _excluded$$ = ["align", "children", "className", "modal"];
|
|
1154
|
+
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; }
|
|
1155
|
+
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; }
|
|
1156
1156
|
var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1157
1157
|
var align = _ref.align,
|
|
1158
1158
|
children = _ref.children,
|
|
1159
1159
|
className = _ref.className,
|
|
1160
1160
|
modal = _ref.modal,
|
|
1161
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
1161
|
+
restProps = _objectWithoutProperties(_ref, _excluded$$);
|
|
1162
1162
|
var dialogRef = useRef(null);
|
|
1163
1163
|
useImperativeHandle(ref, function () {
|
|
1164
1164
|
return dialogRef.current;
|
|
@@ -1171,7 +1171,7 @@ var Drawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1171
1171
|
dialogRef.current.showModal();
|
|
1172
1172
|
}
|
|
1173
1173
|
});
|
|
1174
|
-
return jsx("dialog", _objectSpread
|
|
1174
|
+
return jsx("dialog", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
|
|
1175
1175
|
ref: dialogRef,
|
|
1176
1176
|
className: clsx('utrecht-drawer', {
|
|
1177
1177
|
'utrecht-drawer--block-end': align === 'block-end',
|
|
@@ -1191,14 +1191,14 @@ Drawer.displayName = 'Drawer';
|
|
|
1191
1191
|
*/
|
|
1192
1192
|
insertStyle(css$h);
|
|
1193
1193
|
|
|
1194
|
-
var _excluded$
|
|
1195
|
-
function ownKeys
|
|
1196
|
-
function _objectSpread
|
|
1194
|
+
var _excluded$_ = ["children", "className"];
|
|
1195
|
+
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; }
|
|
1196
|
+
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; }
|
|
1197
1197
|
var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1198
1198
|
var children = _ref.children,
|
|
1199
1199
|
className = _ref.className,
|
|
1200
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1201
|
-
return jsx("em", _objectSpread
|
|
1200
|
+
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
1201
|
+
return jsx("em", _objectSpread$$(_objectSpread$$({
|
|
1202
1202
|
ref: ref,
|
|
1203
1203
|
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
1204
1204
|
}, restProps), {}, {
|
|
@@ -1214,14 +1214,14 @@ Emphasis.displayName = 'Emphasis';
|
|
|
1214
1214
|
*/
|
|
1215
1215
|
insertStyle(css$i);
|
|
1216
1216
|
|
|
1217
|
-
var _excluded$
|
|
1218
|
-
function ownKeys$
|
|
1219
|
-
function _objectSpread$
|
|
1217
|
+
var _excluded$Z = ["className", "children"];
|
|
1218
|
+
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; }
|
|
1219
|
+
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; }
|
|
1220
1220
|
var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1221
1221
|
var className = _ref.className,
|
|
1222
1222
|
children = _ref.children,
|
|
1223
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1224
|
-
return jsx("figure", _objectSpread$
|
|
1223
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Z);
|
|
1224
|
+
return jsx("figure", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
|
|
1225
1225
|
ref: ref,
|
|
1226
1226
|
className: clsx('utrecht-figure', className),
|
|
1227
1227
|
children: children
|
|
@@ -1236,14 +1236,14 @@ Figure.displayName = 'Figure';
|
|
|
1236
1236
|
*/
|
|
1237
1237
|
insertStyle(css$j);
|
|
1238
1238
|
|
|
1239
|
-
var _excluded$
|
|
1240
|
-
function ownKeys$
|
|
1241
|
-
function _objectSpread$
|
|
1239
|
+
var _excluded$Y = ["className", "children"];
|
|
1240
|
+
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; }
|
|
1241
|
+
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; }
|
|
1242
1242
|
var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1243
1243
|
var className = _ref.className,
|
|
1244
1244
|
children = _ref.children,
|
|
1245
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1246
|
-
return jsx("figcaption", _objectSpread$
|
|
1245
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1246
|
+
return jsx("figcaption", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
|
|
1247
1247
|
ref: ref,
|
|
1248
1248
|
className: clsx('utrecht-figure__caption', className),
|
|
1249
1249
|
children: children
|
|
@@ -1258,9 +1258,9 @@ FigureCaption.displayName = 'FigureCaption';
|
|
|
1258
1258
|
*/
|
|
1259
1259
|
insertStyle(css$j);
|
|
1260
1260
|
|
|
1261
|
-
var _excluded$
|
|
1262
|
-
function ownKeys$
|
|
1263
|
-
function _objectSpread$
|
|
1261
|
+
var _excluded$X = ["dir", "disabled", "inputRequired", "invalid", "readOnly", "required", "className"];
|
|
1262
|
+
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; }
|
|
1263
|
+
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; }
|
|
1264
1264
|
var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1265
1265
|
var dir = _ref.dir,
|
|
1266
1266
|
disabled = _ref.disabled,
|
|
@@ -1269,8 +1269,8 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1269
1269
|
readOnly = _ref.readOnly,
|
|
1270
1270
|
required = _ref.required,
|
|
1271
1271
|
className = _ref.className,
|
|
1272
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1273
|
-
return jsx("textarea", _objectSpread$
|
|
1272
|
+
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1273
|
+
return jsx("textarea", _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
|
|
1274
1274
|
ref: ref,
|
|
1275
1275
|
className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', (required || inputRequired) && 'utrecht-textarea--required', className),
|
|
1276
1276
|
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
@@ -1290,9 +1290,9 @@ Textarea.displayName = 'Textarea';
|
|
|
1290
1290
|
*/
|
|
1291
1291
|
insertStyle(css$k);
|
|
1292
1292
|
|
|
1293
|
-
var _excluded$
|
|
1294
|
-
function ownKeys$
|
|
1295
|
-
function _objectSpread$
|
|
1293
|
+
var _excluded$W = ["autoComplete", "children", "cols", "defaultValue", "description", "disabled", "errorMessage", "inputDir", "inputRequired", "invalid", "label", "maxLength", "minLength", "name", "onBlur", "onChange", "onFocus", "onInput", "placeholder", "readOnly", "required", "rows", "status", "inputRef", "value"];
|
|
1294
|
+
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; }
|
|
1295
|
+
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; }
|
|
1296
1296
|
var FormFieldTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1297
1297
|
var autoComplete = _ref.autoComplete,
|
|
1298
1298
|
children = _ref.children,
|
|
@@ -1319,12 +1319,12 @@ var FormFieldTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1319
1319
|
status = _ref.status,
|
|
1320
1320
|
inputRef = _ref.inputRef,
|
|
1321
1321
|
value = _ref.value,
|
|
1322
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
1322
|
+
props = _objectWithoutProperties(_ref, _excluded$W);
|
|
1323
1323
|
var inputId = useId();
|
|
1324
1324
|
var descriptionId = useId();
|
|
1325
1325
|
var statusId = useId();
|
|
1326
1326
|
var errorMessageId = useId();
|
|
1327
|
-
return jsxs(FormField, _objectSpread$
|
|
1327
|
+
return jsxs(FormField, _objectSpread$X(_objectSpread$X({
|
|
1328
1328
|
invalid: invalid,
|
|
1329
1329
|
ref: ref
|
|
1330
1330
|
}, props), {}, {
|
|
@@ -1377,9 +1377,9 @@ var FormFieldTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1377
1377
|
});
|
|
1378
1378
|
FormFieldTextarea.displayName = 'FormFieldTextarea';
|
|
1379
1379
|
|
|
1380
|
-
var _excluded$
|
|
1381
|
-
function ownKeys$
|
|
1382
|
-
function _objectSpread$
|
|
1380
|
+
var _excluded$V = ["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"];
|
|
1381
|
+
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; }
|
|
1382
|
+
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; }
|
|
1383
1383
|
var FormFieldTextbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1384
1384
|
var name = _ref.name,
|
|
1385
1385
|
invalid = _ref.invalid,
|
|
@@ -1411,12 +1411,12 @@ var FormFieldTextbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1411
1411
|
size = _ref.size,
|
|
1412
1412
|
children = _ref.children,
|
|
1413
1413
|
inputRef = _ref.inputRef,
|
|
1414
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
1414
|
+
props = _objectWithoutProperties(_ref, _excluded$V);
|
|
1415
1415
|
var inputId = useId();
|
|
1416
1416
|
var descriptionId = useId();
|
|
1417
1417
|
var statusId = useId();
|
|
1418
1418
|
var errorMessageId = useId();
|
|
1419
|
-
return jsxs(FormField, _objectSpread$
|
|
1419
|
+
return jsxs(FormField, _objectSpread$W(_objectSpread$W({
|
|
1420
1420
|
invalid: invalid,
|
|
1421
1421
|
ref: ref
|
|
1422
1422
|
}, props), {}, {
|
|
@@ -1474,9 +1474,9 @@ var FormFieldTextbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1474
1474
|
});
|
|
1475
1475
|
FormFieldTextbox.displayName = 'FormFieldTextbox';
|
|
1476
1476
|
|
|
1477
|
-
var _excluded$
|
|
1478
|
-
function ownKeys$
|
|
1479
|
-
function _objectSpread$
|
|
1477
|
+
var _excluded$U = ["checked", "disabled", "invalid", "id", "hidden", "required", "role", "tabIndex", "className"];
|
|
1478
|
+
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; }
|
|
1479
|
+
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; }
|
|
1480
1480
|
var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1481
1481
|
var checked = _ref.checked,
|
|
1482
1482
|
disabled = _ref.disabled,
|
|
@@ -1487,7 +1487,7 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1487
1487
|
role = _ref.role,
|
|
1488
1488
|
tabIndex = _ref.tabIndex,
|
|
1489
1489
|
className = _ref.className,
|
|
1490
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1490
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1491
1491
|
return jsxs("div", {
|
|
1492
1492
|
className: clsx('utrecht-form-toggle', 'utrecht-form-toggle--html-checkbox', {
|
|
1493
1493
|
'utrecht-form-toggle--disabled': disabled,
|
|
@@ -1495,7 +1495,7 @@ var FormToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1495
1495
|
'utrecht-form-toggle--required': required
|
|
1496
1496
|
}, className),
|
|
1497
1497
|
hidden: hidden,
|
|
1498
|
-
children: [jsx("input", _objectSpread$
|
|
1498
|
+
children: [jsx("input", _objectSpread$V({
|
|
1499
1499
|
id: id,
|
|
1500
1500
|
"aria-invalid": invalid || undefined,
|
|
1501
1501
|
type: "checkbox",
|
|
@@ -1524,14 +1524,14 @@ FormToggle.displayName = 'FormToggle';
|
|
|
1524
1524
|
*/
|
|
1525
1525
|
insertStyle(css$l);
|
|
1526
1526
|
|
|
1527
|
-
var _excluded$
|
|
1528
|
-
function ownKeys$
|
|
1529
|
-
function _objectSpread$
|
|
1527
|
+
var _excluded$T = ["children", "className"];
|
|
1528
|
+
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; }
|
|
1529
|
+
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; }
|
|
1530
1530
|
var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1531
1531
|
var children = _ref.children,
|
|
1532
1532
|
className = _ref.className,
|
|
1533
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1534
|
-
return jsx("div", _objectSpread$
|
|
1533
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1534
|
+
return jsx("div", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
|
|
1535
1535
|
ref: ref,
|
|
1536
1536
|
className: clsx('utrecht-html', className),
|
|
1537
1537
|
children: children
|
|
@@ -1558,14 +1558,14 @@ insertStyle(heading4css);
|
|
|
1558
1558
|
insertStyle(heading5css);
|
|
1559
1559
|
insertStyle(heading6css);
|
|
1560
1560
|
|
|
1561
|
-
var _excluded$
|
|
1562
|
-
function ownKeys$
|
|
1563
|
-
function _objectSpread$
|
|
1561
|
+
var _excluded$S = ["children", "className"];
|
|
1562
|
+
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; }
|
|
1563
|
+
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; }
|
|
1564
1564
|
var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1565
1565
|
var children = _ref.children,
|
|
1566
1566
|
className = _ref.className,
|
|
1567
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1568
|
-
return jsx("h1", _objectSpread$
|
|
1567
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1568
|
+
return jsx("h1", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
1569
1569
|
ref: ref,
|
|
1570
1570
|
className: clsx('utrecht-heading-1', className),
|
|
1571
1571
|
children: children
|
|
@@ -1580,14 +1580,14 @@ Heading1.displayName = 'Heading1';
|
|
|
1580
1580
|
*/
|
|
1581
1581
|
insertStyle(heading1css);
|
|
1582
1582
|
|
|
1583
|
-
var _excluded$
|
|
1584
|
-
function ownKeys$
|
|
1585
|
-
function _objectSpread$
|
|
1583
|
+
var _excluded$R = ["children", "className"];
|
|
1584
|
+
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; }
|
|
1585
|
+
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; }
|
|
1586
1586
|
var Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1587
1587
|
var children = _ref.children,
|
|
1588
1588
|
className = _ref.className,
|
|
1589
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1590
|
-
return jsx("h2", _objectSpread$
|
|
1589
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1590
|
+
return jsx("h2", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
|
|
1591
1591
|
ref: ref,
|
|
1592
1592
|
className: clsx('utrecht-heading-2', className),
|
|
1593
1593
|
children: children
|
|
@@ -1602,14 +1602,14 @@ Heading2.displayName = 'Heading2';
|
|
|
1602
1602
|
*/
|
|
1603
1603
|
insertStyle(heading2css);
|
|
1604
1604
|
|
|
1605
|
-
var _excluded$
|
|
1606
|
-
function ownKeys$
|
|
1607
|
-
function _objectSpread$
|
|
1605
|
+
var _excluded$Q = ["children", "className"];
|
|
1606
|
+
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; }
|
|
1607
|
+
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; }
|
|
1608
1608
|
var Heading3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1609
1609
|
var children = _ref.children,
|
|
1610
1610
|
className = _ref.className,
|
|
1611
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1612
|
-
return jsx("h3", _objectSpread$
|
|
1611
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1612
|
+
return jsx("h3", _objectSpread$R(_objectSpread$R({}, restProps), {}, {
|
|
1613
1613
|
ref: ref,
|
|
1614
1614
|
className: clsx('utrecht-heading-3', className),
|
|
1615
1615
|
children: children
|
|
@@ -1624,14 +1624,14 @@ Heading3.displayName = 'Heading3';
|
|
|
1624
1624
|
*/
|
|
1625
1625
|
insertStyle(heading3css);
|
|
1626
1626
|
|
|
1627
|
-
var _excluded$
|
|
1628
|
-
function ownKeys$
|
|
1629
|
-
function _objectSpread$
|
|
1627
|
+
var _excluded$P = ["children", "className"];
|
|
1628
|
+
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; }
|
|
1629
|
+
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; }
|
|
1630
1630
|
var Heading4 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1631
1631
|
var children = _ref.children,
|
|
1632
1632
|
className = _ref.className,
|
|
1633
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1634
|
-
return jsx("h4", _objectSpread$
|
|
1633
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1634
|
+
return jsx("h4", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1635
1635
|
ref: ref,
|
|
1636
1636
|
className: clsx('utrecht-heading-4', className),
|
|
1637
1637
|
children: children
|
|
@@ -1646,14 +1646,14 @@ Heading4.displayName = 'Heading4';
|
|
|
1646
1646
|
*/
|
|
1647
1647
|
insertStyle(heading4css);
|
|
1648
1648
|
|
|
1649
|
-
var _excluded$
|
|
1650
|
-
function ownKeys$
|
|
1651
|
-
function _objectSpread$
|
|
1649
|
+
var _excluded$O = ["children", "className"];
|
|
1650
|
+
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; }
|
|
1651
|
+
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; }
|
|
1652
1652
|
var Heading5 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1653
1653
|
var children = _ref.children,
|
|
1654
1654
|
className = _ref.className,
|
|
1655
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1656
|
-
return jsx("h5", _objectSpread$
|
|
1655
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
1656
|
+
return jsx("h5", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
|
|
1657
1657
|
ref: ref,
|
|
1658
1658
|
className: clsx('utrecht-heading-5', className),
|
|
1659
1659
|
children: children
|
|
@@ -1668,14 +1668,14 @@ Heading5.displayName = 'Heading5';
|
|
|
1668
1668
|
*/
|
|
1669
1669
|
insertStyle(heading5css);
|
|
1670
1670
|
|
|
1671
|
-
var _excluded$
|
|
1672
|
-
function ownKeys$
|
|
1673
|
-
function _objectSpread$
|
|
1671
|
+
var _excluded$N = ["children", "className"];
|
|
1672
|
+
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; }
|
|
1673
|
+
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; }
|
|
1674
1674
|
var Heading6 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1675
1675
|
var children = _ref.children,
|
|
1676
1676
|
className = _ref.className,
|
|
1677
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1678
|
-
return jsx("h6", _objectSpread$
|
|
1677
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
1678
|
+
return jsx("h6", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
|
|
1679
1679
|
ref: ref,
|
|
1680
1680
|
className: clsx('utrecht-heading-6', className),
|
|
1681
1681
|
children: children
|
|
@@ -1690,14 +1690,14 @@ Heading6.displayName = 'Heading6';
|
|
|
1690
1690
|
*/
|
|
1691
1691
|
insertStyle(heading6css);
|
|
1692
1692
|
|
|
1693
|
-
var _excluded$
|
|
1694
|
-
function ownKeys$
|
|
1695
|
-
function _objectSpread$
|
|
1693
|
+
var _excluded$M = ["children", "className"];
|
|
1694
|
+
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; }
|
|
1695
|
+
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; }
|
|
1696
1696
|
var HeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1697
1697
|
var children = _ref.children,
|
|
1698
1698
|
className = _ref.className,
|
|
1699
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1700
|
-
return jsx("hgroup", _objectSpread$
|
|
1699
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1700
|
+
return jsx("hgroup", _objectSpread$N(_objectSpread$N({}, restProps), {}, {
|
|
1701
1701
|
ref: ref,
|
|
1702
1702
|
className: clsx('utrecht-heading-group', className),
|
|
1703
1703
|
children: children
|
|
@@ -1712,9 +1712,9 @@ HeadingGroup.displayName = 'HeadingGroup';
|
|
|
1712
1712
|
*/
|
|
1713
1713
|
insertStyle(css$n);
|
|
1714
1714
|
|
|
1715
|
-
var _excluded$
|
|
1716
|
-
function ownKeys$
|
|
1717
|
-
function _objectSpread$
|
|
1715
|
+
var _excluded$L = ["children", "value", "className"];
|
|
1716
|
+
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; }
|
|
1717
|
+
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; }
|
|
1718
1718
|
/* Exported only for unit tests, not part of the public API */
|
|
1719
1719
|
var normalizeIBAN = function normalizeIBAN(iban) {
|
|
1720
1720
|
return iban
|
|
@@ -1731,10 +1731,10 @@ var IBANData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1731
1731
|
var children = _ref.children,
|
|
1732
1732
|
value = _ref.value,
|
|
1733
1733
|
className = _ref.className,
|
|
1734
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1734
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1735
1735
|
var normalized = normalizeIBAN(value);
|
|
1736
1736
|
var formatted = formatIBAN(normalized);
|
|
1737
|
-
return jsx("data", _objectSpread$
|
|
1737
|
+
return jsx("data", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
1738
1738
|
ref: ref,
|
|
1739
1739
|
value: normalized,
|
|
1740
1740
|
className: clsx('utrecht-iban-data', className),
|
|
@@ -1751,16 +1751,16 @@ IBANData.displayName = 'IBANData';
|
|
|
1751
1751
|
*/
|
|
1752
1752
|
insertStyle(css$o);
|
|
1753
1753
|
|
|
1754
|
-
var _excluded$
|
|
1755
|
-
function ownKeys$
|
|
1756
|
-
function _objectSpread$
|
|
1754
|
+
var _excluded$K = ["children", "className", "role"];
|
|
1755
|
+
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; }
|
|
1756
|
+
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; }
|
|
1757
1757
|
var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1758
1758
|
var children = _ref.children,
|
|
1759
1759
|
className = _ref.className,
|
|
1760
1760
|
_ref$role = _ref.role,
|
|
1761
1761
|
role = _ref$role === void 0 ? 'presentation' : _ref$role,
|
|
1762
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1763
|
-
return jsx("span", _objectSpread$
|
|
1762
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
1763
|
+
return jsx("span", _objectSpread$L(_objectSpread$L({
|
|
1764
1764
|
ref: ref,
|
|
1765
1765
|
className: clsx('utrecht-icon', className),
|
|
1766
1766
|
role: role,
|
|
@@ -1778,16 +1778,16 @@ Icon.displayName = 'Icon';
|
|
|
1778
1778
|
*/
|
|
1779
1779
|
insertStyle(css$p);
|
|
1780
1780
|
|
|
1781
|
-
var _excluded$
|
|
1782
|
-
function ownKeys$
|
|
1783
|
-
function _objectSpread$
|
|
1781
|
+
var _excluded$J = ["component", "currentChar", "characters", "onLinkClick", "Link"];
|
|
1782
|
+
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; }
|
|
1783
|
+
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; }
|
|
1784
1784
|
var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1785
1785
|
var component = _ref.component,
|
|
1786
1786
|
currentChar = _ref.currentChar,
|
|
1787
1787
|
characters = _ref.characters,
|
|
1788
1788
|
onLinkClick = _ref.onLinkClick,
|
|
1789
1789
|
Link = _ref.Link,
|
|
1790
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1790
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
1791
1791
|
var LinkComponent = Link ? Link : ButtonLink;
|
|
1792
1792
|
var links = [];
|
|
1793
1793
|
if (component === 'button') {
|
|
@@ -1795,7 +1795,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1795
1795
|
var _char = _ref2["char"],
|
|
1796
1796
|
disabled = _ref2.disabled;
|
|
1797
1797
|
var current = currentChar === _char;
|
|
1798
|
-
return /*#__PURE__*/createElement(Button, _objectSpread$
|
|
1798
|
+
return /*#__PURE__*/createElement(Button, _objectSpread$K(_objectSpread$K({}, restProps), {}, {
|
|
1799
1799
|
className: clsx({
|
|
1800
1800
|
'utrecht-index-char-nav__link--current': current
|
|
1801
1801
|
}),
|
|
@@ -1825,7 +1825,7 @@ var IndexCharNav = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1825
1825
|
'utrecht-index-char-nav__link--disabled': disabled,
|
|
1826
1826
|
'utrecht-button-link--placeholder': disabled
|
|
1827
1827
|
});
|
|
1828
|
-
return jsx(LinkComponent, _objectSpread$
|
|
1828
|
+
return jsx(LinkComponent, _objectSpread$K(_objectSpread$K({
|
|
1829
1829
|
ref: ref,
|
|
1830
1830
|
appearance: Link ? undefined : current ? 'primary-action-button' : 'secondary-action-button',
|
|
1831
1831
|
href: href,
|
|
@@ -1862,14 +1862,14 @@ IndexCharNav.displayName = 'IndexCharNav';
|
|
|
1862
1862
|
*/
|
|
1863
1863
|
insertStyle(css$q);
|
|
1864
1864
|
|
|
1865
|
-
var _excluded$
|
|
1866
|
-
function ownKeys$
|
|
1867
|
-
function _objectSpread$
|
|
1865
|
+
var _excluded$I = ["className", "photo"];
|
|
1866
|
+
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; }
|
|
1867
|
+
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; }
|
|
1868
1868
|
var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1869
1869
|
var className = _ref.className,
|
|
1870
1870
|
photo = _ref.photo,
|
|
1871
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1872
|
-
return jsx("img", _objectSpread$
|
|
1871
|
+
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
1872
|
+
return jsx("img", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
|
|
1873
1873
|
ref: ref,
|
|
1874
1874
|
className: clsx('utrecht-img', {
|
|
1875
1875
|
'utrecht-img--photo': photo
|
|
@@ -1885,9 +1885,9 @@ Image.displayName = 'Image';
|
|
|
1885
1885
|
*/
|
|
1886
1886
|
insertStyle(css$r);
|
|
1887
1887
|
|
|
1888
|
-
var _excluded$
|
|
1889
|
-
function ownKeys$
|
|
1890
|
-
function _objectSpread$
|
|
1888
|
+
var _excluded$H = ["children", "disabled", "inline", "className", "pressed", "type"];
|
|
1889
|
+
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; }
|
|
1890
|
+
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; }
|
|
1891
1891
|
var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1892
1892
|
var children = _ref.children,
|
|
1893
1893
|
disabled = _ref.disabled,
|
|
@@ -1895,8 +1895,8 @@ var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1895
1895
|
className = _ref.className,
|
|
1896
1896
|
pressed = _ref.pressed,
|
|
1897
1897
|
type = _ref.type,
|
|
1898
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1899
|
-
return jsx("button", _objectSpread$
|
|
1898
|
+
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
1899
|
+
return jsx("button", _objectSpread$I(_objectSpread$I({
|
|
1900
1900
|
ref: ref,
|
|
1901
1901
|
"aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
|
|
1902
1902
|
className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
|
|
@@ -1919,18 +1919,18 @@ LinkButton.displayName = 'LinkButton';
|
|
|
1919
1919
|
*/
|
|
1920
1920
|
insertStyle(css$s);
|
|
1921
1921
|
|
|
1922
|
-
var _excluded$
|
|
1922
|
+
var _excluded$G = ["className", "icon", "children"],
|
|
1923
1923
|
_excluded2$4 = ["children", "icon", "links", "className"];
|
|
1924
|
-
function ownKeys$
|
|
1925
|
-
function _objectSpread$
|
|
1924
|
+
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; }
|
|
1925
|
+
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; }
|
|
1926
1926
|
var LinkListLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1927
1927
|
var className = _ref.className,
|
|
1928
1928
|
icon = _ref.icon,
|
|
1929
1929
|
children = _ref.children,
|
|
1930
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1930
|
+
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
1931
1931
|
return jsx("li", {
|
|
1932
1932
|
className: clsx('utrecht-link-list__item', className),
|
|
1933
|
-
children: jsxs(Link, _objectSpread$
|
|
1933
|
+
children: jsxs(Link, _objectSpread$H(_objectSpread$H({
|
|
1934
1934
|
className: "utrecht-link-list__link"
|
|
1935
1935
|
}, restProps), {}, {
|
|
1936
1936
|
ref: ref,
|
|
@@ -1948,13 +1948,13 @@ var LinkList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
1948
1948
|
links = _ref2.links,
|
|
1949
1949
|
className = _ref2.className,
|
|
1950
1950
|
restProps = _objectWithoutProperties(_ref2, _excluded2$4);
|
|
1951
|
-
return jsxs("ul", _objectSpread$
|
|
1951
|
+
return jsxs("ul", _objectSpread$H(_objectSpread$H({
|
|
1952
1952
|
role: "list",
|
|
1953
1953
|
ref: ref,
|
|
1954
1954
|
className: clsx('utrecht-link-list', 'utrecht-link-list--html-ul', className)
|
|
1955
1955
|
}, restProps), {}, {
|
|
1956
1956
|
children: [children, Array.isArray(links) && links.map(function (linkProps, index) {
|
|
1957
|
-
return jsx(LinkListLink, _objectSpread$
|
|
1957
|
+
return jsx(LinkListLink, _objectSpread$H({
|
|
1958
1958
|
icon: typeof icon === 'function' ? icon() : undefined
|
|
1959
1959
|
}, linkProps), index);
|
|
1960
1960
|
})]
|
|
@@ -1969,15 +1969,15 @@ LinkList.displayName = 'LinkList';
|
|
|
1969
1969
|
*/
|
|
1970
1970
|
insertStyle(css$t);
|
|
1971
1971
|
|
|
1972
|
-
var _excluded$
|
|
1973
|
-
function ownKeys$
|
|
1974
|
-
function _objectSpread$
|
|
1972
|
+
var _excluded$F = ["children", "className", "external"];
|
|
1973
|
+
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; }
|
|
1974
|
+
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; }
|
|
1975
1975
|
var LinkSocial = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1976
1976
|
var children = _ref.children,
|
|
1977
1977
|
className = _ref.className,
|
|
1978
1978
|
external = _ref.external,
|
|
1979
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1980
|
-
return jsx("a", _objectSpread$
|
|
1979
|
+
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
1980
|
+
return jsx("a", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
1981
1981
|
ref: ref,
|
|
1982
1982
|
className: clsx('utrecht-link-social', className),
|
|
1983
1983
|
rel: external !== false ? 'external noopener noreferrer' : undefined,
|
|
@@ -2015,15 +2015,15 @@ var ListSocialItem = function ListSocialItem(_ref2) {
|
|
|
2015
2015
|
*/
|
|
2016
2016
|
insertStyle(css$v);
|
|
2017
2017
|
|
|
2018
|
-
var _excluded$
|
|
2019
|
-
function ownKeys$
|
|
2020
|
-
function _objectSpread$
|
|
2018
|
+
var _excluded$E = ["children", "className", "caption"];
|
|
2019
|
+
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; }
|
|
2020
|
+
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; }
|
|
2021
2021
|
var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2022
2022
|
var children = _ref.children,
|
|
2023
2023
|
className = _ref.className,
|
|
2024
2024
|
caption = _ref.caption,
|
|
2025
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2026
|
-
return jsxs("figure", _objectSpread$
|
|
2025
|
+
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
2026
|
+
return jsxs("figure", _objectSpread$F(_objectSpread$F({
|
|
2027
2027
|
ref: ref,
|
|
2028
2028
|
className: clsx('utrecht-logo', className)
|
|
2029
2029
|
}, restProps), {}, {
|
|
@@ -2042,11 +2042,11 @@ Logo.displayName = 'Logo';
|
|
|
2042
2042
|
*/
|
|
2043
2043
|
insertStyle(css$w);
|
|
2044
2044
|
|
|
2045
|
-
function ownKeys$
|
|
2046
|
-
function _objectSpread$
|
|
2045
|
+
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; }
|
|
2046
|
+
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; }
|
|
2047
2047
|
var LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2048
2048
|
var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
2049
|
-
return jsxs("svg", _objectSpread$
|
|
2049
|
+
return jsxs("svg", _objectSpread$E(_objectSpread$E({
|
|
2050
2050
|
width: "192",
|
|
2051
2051
|
height: "100",
|
|
2052
2052
|
viewBox: "0 0 192 100",
|
|
@@ -2140,14 +2140,14 @@ var LogoImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2140
2140
|
});
|
|
2141
2141
|
LogoImage.displayName = 'LogoImage';
|
|
2142
2142
|
|
|
2143
|
-
var _excluded$
|
|
2144
|
-
function ownKeys$
|
|
2145
|
-
function _objectSpread$
|
|
2143
|
+
var _excluded$D = ["children", "className"];
|
|
2144
|
+
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; }
|
|
2145
|
+
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; }
|
|
2146
2146
|
var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2147
2147
|
var children = _ref.children,
|
|
2148
2148
|
className = _ref.className,
|
|
2149
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2150
|
-
return jsx("mark", _objectSpread$
|
|
2149
|
+
restProps = _objectWithoutProperties(_ref, _excluded$D);
|
|
2150
|
+
return jsx("mark", _objectSpread$D(_objectSpread$D({
|
|
2151
2151
|
ref: ref,
|
|
2152
2152
|
className: clsx('utrecht-mark', className)
|
|
2153
2153
|
}, restProps), {}, {
|
|
@@ -2163,14 +2163,14 @@ Mark.displayName = 'Mark';
|
|
|
2163
2163
|
*/
|
|
2164
2164
|
insertStyle(css$x);
|
|
2165
2165
|
|
|
2166
|
-
var _excluded$
|
|
2167
|
-
function ownKeys$
|
|
2168
|
-
function _objectSpread$
|
|
2166
|
+
var _excluded$C = ["children", "className"];
|
|
2167
|
+
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; }
|
|
2168
|
+
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; }
|
|
2169
2169
|
var MultilineData = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2170
2170
|
var children = _ref.children,
|
|
2171
2171
|
className = _ref.className,
|
|
2172
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2173
|
-
return jsx("pre", _objectSpread$
|
|
2172
|
+
restProps = _objectWithoutProperties(_ref, _excluded$C);
|
|
2173
|
+
return jsx("pre", _objectSpread$C(_objectSpread$C({
|
|
2174
2174
|
ref: ref,
|
|
2175
2175
|
className: clsx('utrecht-multiline-data', 'utrecht-multiline-data--html-pre', className)
|
|
2176
2176
|
}, restProps), {}, {
|
|
@@ -2186,19 +2186,39 @@ MultilineData.displayName = 'MultilineData';
|
|
|
2186
2186
|
*/
|
|
2187
2187
|
insertStyle(css$y);
|
|
2188
2188
|
|
|
2189
|
-
var
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2189
|
+
var _excluded$B = ["appearance", "children", "className", "headingLevel", "label"];
|
|
2190
|
+
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; }
|
|
2191
|
+
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; }
|
|
2192
|
+
var NavBar = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2193
|
+
var _ref$appearance = _ref.appearance,
|
|
2194
|
+
appearance = _ref$appearance === void 0 ? '' : _ref$appearance,
|
|
2195
|
+
children = _ref.children,
|
|
2196
|
+
className = _ref.className,
|
|
2197
|
+
_ref$headingLevel = _ref.headingLevel,
|
|
2198
|
+
headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
|
|
2199
|
+
label = _ref.label,
|
|
2200
|
+
restProps = _objectWithoutProperties(_ref, _excluded$B);
|
|
2201
|
+
var generatedId = useId();
|
|
2202
|
+
var headingId = label ? generatedId : undefined;
|
|
2203
|
+
return jsxs("nav", _objectSpread$B(_objectSpread$B({
|
|
2204
|
+
ref: ref,
|
|
2205
|
+
className: clsx('utrecht-nav-bar', className),
|
|
2206
|
+
"aria-labelledby": headingId
|
|
2207
|
+
}, restProps), {}, {
|
|
2208
|
+
children: [label && jsx(Heading, {
|
|
2209
|
+
id: headingId,
|
|
2210
|
+
className: "utrecht-nav-bar__heading",
|
|
2211
|
+
level: headingLevel,
|
|
2212
|
+
"aria-hidden": "true",
|
|
2213
|
+
children: label
|
|
2214
|
+
}), jsx("div", {
|
|
2195
2215
|
className: clsx('utrecht-nav-bar__content', {
|
|
2196
2216
|
'utrecht-nav-bar__content--center': appearance === 'center'
|
|
2197
2217
|
}),
|
|
2198
2218
|
children: children
|
|
2199
|
-
})
|
|
2200
|
-
});
|
|
2201
|
-
};
|
|
2219
|
+
})]
|
|
2220
|
+
}));
|
|
2221
|
+
});
|
|
2202
2222
|
NavBar.displayName = 'NavBar';
|
|
2203
2223
|
|
|
2204
2224
|
/**
|
|
@@ -2208,7 +2228,7 @@ NavBar.displayName = 'NavBar';
|
|
|
2208
2228
|
*/
|
|
2209
2229
|
insertStyle(css$z);
|
|
2210
2230
|
|
|
2211
|
-
var _excluded$A = ["appearance", "children", "className"],
|
|
2231
|
+
var _excluded$A = ["appearance", "children", "className", "inlineSizeAuto"],
|
|
2212
2232
|
_excluded2$3 = ["center", "children", "className"],
|
|
2213
2233
|
_excluded3$1 = ["center", "children", "className"];
|
|
2214
2234
|
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; }
|
|
@@ -2217,11 +2237,13 @@ var NavList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2217
2237
|
var appearance = _ref.appearance,
|
|
2218
2238
|
children = _ref.children,
|
|
2219
2239
|
className = _ref.className,
|
|
2240
|
+
inlineSizeAuto = _ref.inlineSizeAuto,
|
|
2220
2241
|
restProps = _objectWithoutProperties(_ref, _excluded$A);
|
|
2221
2242
|
return jsx("ul", _objectSpread$A(_objectSpread$A({
|
|
2222
2243
|
role: "list",
|
|
2223
2244
|
className: clsx('utrecht-nav-list', {
|
|
2224
|
-
'utrecht-nav-list--center': appearance === 'center'
|
|
2245
|
+
'utrecht-nav-list--center': appearance === 'center',
|
|
2246
|
+
'utrecht-nav-list--inline-size-auto': inlineSizeAuto
|
|
2225
2247
|
}, className),
|
|
2226
2248
|
ref: ref
|
|
2227
2249
|
}, restProps), {}, {
|