@utrecht/component-library-react 1.0.0-alpha.273 → 1.0.0-alpha.274
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.jest-test-results.json +1 -1
- package/dist/BadgeCounter.d.ts +12 -0
- package/dist/css-module/BadgeCounter.d.ts +12 -0
- package/dist/css-module/css-module/BadgeCounter.d.ts +6 -0
- package/dist/css-module/css-module/index.d.ts +1 -0
- package/dist/css-module/index.d.ts +1 -0
- package/dist/css-module/index.js +76 -51
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +76 -52
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +64 -42
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +64 -43
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -12,9 +12,9 @@ var dateFns = require('date-fns');
|
|
|
12
12
|
var locale = require('date-fns/locale');
|
|
13
13
|
var chunk = require('lodash.chunk');
|
|
14
14
|
|
|
15
|
-
var _excluded$
|
|
16
|
-
function ownKeys$
|
|
17
|
-
function _objectSpread$
|
|
15
|
+
var _excluded$1f = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
16
|
+
function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
+
function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
18
|
var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
19
19
|
var appearance = _ref.appearance,
|
|
20
20
|
busy = _ref.busy,
|
|
@@ -24,8 +24,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
24
24
|
hint = _ref.hint,
|
|
25
25
|
pressed = _ref.pressed,
|
|
26
26
|
type = _ref.type,
|
|
27
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
28
|
-
return jsxRuntime.jsx("button", _objectSpread$
|
|
27
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
28
|
+
return jsxRuntime.jsx("button", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
29
29
|
ref: ref,
|
|
30
30
|
className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
|
|
31
31
|
"aria-busy": busy || undefined,
|
|
@@ -38,38 +38,38 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
38
38
|
Button.displayName = 'Button';
|
|
39
39
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
40
40
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
41
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
41
|
+
return jsxRuntime.jsx(Button, _objectSpread$1f(_objectSpread$1f({}, args), {}, {
|
|
42
42
|
appearance: "primary-action-button"
|
|
43
43
|
}));
|
|
44
44
|
};
|
|
45
45
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
46
46
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
47
47
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
48
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
48
|
+
return jsxRuntime.jsx(Button, _objectSpread$1f(_objectSpread$1f({}, args), {}, {
|
|
49
49
|
appearance: "secondary-action-button"
|
|
50
50
|
}));
|
|
51
51
|
};
|
|
52
52
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
53
53
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
54
54
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
55
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
55
|
+
return jsxRuntime.jsx(Button, _objectSpread$1f(_objectSpread$1f({}, args), {}, {
|
|
56
56
|
appearance: "subtle-button"
|
|
57
57
|
}));
|
|
58
58
|
};
|
|
59
59
|
SubtleButton.displayName = 'SubtleButton';
|
|
60
60
|
|
|
61
|
-
var _excluded$
|
|
62
|
-
function ownKeys$
|
|
63
|
-
function _objectSpread$
|
|
61
|
+
var _excluded$1e = ["appearance", "className", "level"];
|
|
62
|
+
function ownKeys$1e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
63
|
+
function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
64
64
|
var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
65
65
|
var appearance = _ref.appearance,
|
|
66
66
|
className = _ref.className,
|
|
67
67
|
level = _ref.level,
|
|
68
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
68
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
69
69
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
70
70
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
71
71
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
72
|
-
return jsxRuntime.jsx(HeadingX, _objectSpread$
|
|
72
|
+
return jsxRuntime.jsx(HeadingX, _objectSpread$1e(_objectSpread$1e({
|
|
73
73
|
className: clsx(headingClassName, className)
|
|
74
74
|
}, restProps), {}, {
|
|
75
75
|
ref: ref
|
|
@@ -77,9 +77,9 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
77
77
|
});
|
|
78
78
|
Heading.displayName = 'Heading';
|
|
79
79
|
|
|
80
|
-
var _excluded$
|
|
81
|
-
function ownKeys$
|
|
82
|
-
function _objectSpread$
|
|
80
|
+
var _excluded$1d = ["children", "group", "headingLevel", "heading"];
|
|
81
|
+
function ownKeys$1d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
82
|
+
function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
83
83
|
/**
|
|
84
84
|
* Find the first item in an array
|
|
85
85
|
*/
|
|
@@ -165,12 +165,12 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
165
165
|
ref: buttonRef,
|
|
166
166
|
children: label
|
|
167
167
|
})
|
|
168
|
-
}), section ? jsxRuntime.jsx("section", _objectSpread$
|
|
168
|
+
}), section ? jsxRuntime.jsx("section", _objectSpread$1d(_objectSpread$1d({
|
|
169
169
|
id: panelId,
|
|
170
170
|
"aria-labelledby": buttonId
|
|
171
171
|
}, panelAttributes), {}, {
|
|
172
172
|
children: children
|
|
173
|
-
})) : jsxRuntime.jsx("div", _objectSpread$
|
|
173
|
+
})) : jsxRuntime.jsx("div", _objectSpread$1d(_objectSpread$1d({}, panelAttributes), {}, {
|
|
174
174
|
children: children
|
|
175
175
|
}))]
|
|
176
176
|
});
|
|
@@ -181,13 +181,13 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
181
181
|
group = _ref2.group,
|
|
182
182
|
headingLevel = _ref2.headingLevel,
|
|
183
183
|
heading = _ref2.heading,
|
|
184
|
-
props = _objectWithoutProperties(_ref2, _excluded$
|
|
184
|
+
props = _objectWithoutProperties(_ref2, _excluded$1d);
|
|
185
185
|
var headingId = react.useId();
|
|
186
186
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
187
187
|
children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(Heading, {
|
|
188
188
|
level: headingLevel,
|
|
189
189
|
children: heading
|
|
190
|
-
}), jsxRuntime.jsx("div", _objectSpread$
|
|
190
|
+
}), jsxRuntime.jsx("div", _objectSpread$1d(_objectSpread$1d({
|
|
191
191
|
className: clsx('utrecht-accordion'),
|
|
192
192
|
role: group ? 'group' : undefined,
|
|
193
193
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -295,7 +295,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
295
295
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
296
296
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
297
297
|
if (index === activatedIndex) {
|
|
298
|
-
return _objectSpread$
|
|
298
|
+
return _objectSpread$1d(_objectSpread$1d({}, section), {}, {
|
|
299
299
|
expanded: !section.expanded
|
|
300
300
|
});
|
|
301
301
|
} else {
|
|
@@ -303,7 +303,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
303
303
|
}
|
|
304
304
|
}));
|
|
305
305
|
};
|
|
306
|
-
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$
|
|
306
|
+
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1d(_objectSpread$1d({}, section), {}, {
|
|
307
307
|
ref: refs[index],
|
|
308
308
|
buttonRef: buttonRefs[index],
|
|
309
309
|
key: index,
|
|
@@ -316,16 +316,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
316
316
|
};
|
|
317
317
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
318
318
|
|
|
319
|
-
var _excluded$
|
|
320
|
-
function ownKeys$
|
|
321
|
-
function _objectSpread$
|
|
319
|
+
var _excluded$1c = ["children", "className", "icon", "type"];
|
|
320
|
+
function ownKeys$1c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
321
|
+
function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
322
322
|
var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
323
323
|
var children = _ref.children,
|
|
324
324
|
className = _ref.className,
|
|
325
325
|
icon = _ref.icon,
|
|
326
326
|
type = _ref.type,
|
|
327
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
328
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
327
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
328
|
+
return jsxRuntime.jsxs("div", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
329
329
|
ref: ref,
|
|
330
330
|
className: clsx('utrecht-alert', {
|
|
331
331
|
'utrecht-alert--error': type === 'error',
|
|
@@ -344,16 +344,16 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
344
344
|
});
|
|
345
345
|
Alert.displayName = 'Alert';
|
|
346
346
|
|
|
347
|
-
var _excluded$
|
|
348
|
-
function ownKeys$
|
|
349
|
-
function _objectSpread$
|
|
347
|
+
var _excluded$1b = ["children", "className", "icon", "type"];
|
|
348
|
+
function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
349
|
+
function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
350
350
|
var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
351
351
|
var children = _ref.children,
|
|
352
352
|
className = _ref.className,
|
|
353
353
|
icon = _ref.icon,
|
|
354
354
|
type = _ref.type,
|
|
355
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
356
|
-
return jsxRuntime.jsxs("dialog", _objectSpread$
|
|
355
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
356
|
+
return jsxRuntime.jsxs("dialog", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
357
357
|
ref: ref,
|
|
358
358
|
className: clsx('utrecht-alert-dialog', {
|
|
359
359
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -372,14 +372,14 @@ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
372
372
|
});
|
|
373
373
|
AlertDialog.displayName = 'AlertDialog';
|
|
374
374
|
|
|
375
|
-
var _excluded$
|
|
376
|
-
function ownKeys$
|
|
377
|
-
function _objectSpread$
|
|
375
|
+
var _excluded$1a = ["children", "className"];
|
|
376
|
+
function ownKeys$1a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
377
|
+
function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
378
378
|
var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
379
379
|
var children = _ref.children,
|
|
380
380
|
className = _ref.className,
|
|
381
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
382
|
-
return jsxRuntime.jsx("article", _objectSpread$
|
|
381
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
382
|
+
return jsxRuntime.jsx("article", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
383
383
|
ref: ref,
|
|
384
384
|
className: clsx('utrecht-article', className),
|
|
385
385
|
children: children
|
|
@@ -387,14 +387,14 @@ var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
387
387
|
});
|
|
388
388
|
Article.displayName = 'Article';
|
|
389
389
|
|
|
390
|
-
var _excluded$
|
|
391
|
-
function ownKeys$
|
|
392
|
-
function _objectSpread$
|
|
390
|
+
var _excluded$19 = ["children", "className"];
|
|
391
|
+
function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
392
|
+
function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
393
393
|
var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
394
394
|
var children = _ref.children,
|
|
395
395
|
className = _ref.className,
|
|
396
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
397
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
396
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
397
|
+
return jsxRuntime.jsx("div", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
398
398
|
ref: ref,
|
|
399
399
|
className: clsx('utrecht-backdrop', className),
|
|
400
400
|
children: children
|
|
@@ -402,6 +402,27 @@ var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
402
402
|
});
|
|
403
403
|
Backdrop.displayName = 'Backdrop';
|
|
404
404
|
|
|
405
|
+
var _excluded$18 = ["children", "className", "value"];
|
|
406
|
+
function ownKeys$18(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
407
|
+
function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$18(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
408
|
+
var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
409
|
+
var children = _ref.children,
|
|
410
|
+
className = _ref.className,
|
|
411
|
+
value = _ref.value,
|
|
412
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
413
|
+
var props = _objectSpread$18({
|
|
414
|
+
children: children,
|
|
415
|
+
className: clsx('utrecht-badge-counter', className)
|
|
416
|
+
}, restProps);
|
|
417
|
+
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$18(_objectSpread$18({}, props), {}, {
|
|
418
|
+
value: value,
|
|
419
|
+
ref: ref
|
|
420
|
+
})) : jsxRuntime.jsx("span", _objectSpread$18(_objectSpread$18({}, props), {}, {
|
|
421
|
+
ref: ref
|
|
422
|
+
}));
|
|
423
|
+
});
|
|
424
|
+
BadgeCounter.displayName = 'BadgeCounter';
|
|
425
|
+
|
|
405
426
|
var _excluded$17 = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
406
427
|
function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
407
428
|
function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$17(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -2081,6 +2102,7 @@ exports.Alert = Alert;
|
|
|
2081
2102
|
exports.AlertDialog = AlertDialog;
|
|
2082
2103
|
exports.Article = Article;
|
|
2083
2104
|
exports.Backdrop = Backdrop;
|
|
2105
|
+
exports.BadgeCounter = BadgeCounter;
|
|
2084
2106
|
exports.BreadcrumbLink = BreadcrumbLink;
|
|
2085
2107
|
exports.BreadcrumbNav = BreadcrumbNav;
|
|
2086
2108
|
exports.Button = Button;
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export { Alert } from './Alert';
|
|
|
7
7
|
export { AlertDialog } from './AlertDialog';
|
|
8
8
|
export { Article } from './Article';
|
|
9
9
|
export { Backdrop } from './Backdrop';
|
|
10
|
+
export { BadgeCounter } from './BadgeCounter';
|
|
10
11
|
export { BreadcrumbNav, BreadcrumbLink } from './BreadcrumbNav';
|
|
11
12
|
export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
|
|
12
13
|
export { ButtonGroup } from './ButtonGroup';
|
package/dist/index.esm.js
CHANGED
|
@@ -10,9 +10,9 @@ import { startOfWeek, endOfWeek, eachDayOfInterval, isSameDay, endOfDay, parseIS
|
|
|
10
10
|
import { enUS } from 'date-fns/locale';
|
|
11
11
|
import chunk from 'lodash.chunk';
|
|
12
12
|
|
|
13
|
-
var _excluded$
|
|
14
|
-
function ownKeys$
|
|
15
|
-
function _objectSpread$
|
|
13
|
+
var _excluded$1f = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
14
|
+
function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
+
function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16
16
|
var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
17
17
|
var appearance = _ref.appearance,
|
|
18
18
|
busy = _ref.busy,
|
|
@@ -22,8 +22,8 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22
22
|
hint = _ref.hint,
|
|
23
23
|
pressed = _ref.pressed,
|
|
24
24
|
type = _ref.type,
|
|
25
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
26
|
-
return jsx("button", _objectSpread$
|
|
25
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
26
|
+
return jsx("button", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
27
27
|
ref: ref,
|
|
28
28
|
className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
|
|
29
29
|
"aria-busy": busy || undefined,
|
|
@@ -36,38 +36,38 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
36
36
|
Button.displayName = 'Button';
|
|
37
37
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
38
38
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
39
|
-
return jsx(Button, _objectSpread$
|
|
39
|
+
return jsx(Button, _objectSpread$1f(_objectSpread$1f({}, args), {}, {
|
|
40
40
|
appearance: "primary-action-button"
|
|
41
41
|
}));
|
|
42
42
|
};
|
|
43
43
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
44
44
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
45
45
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
46
|
-
return jsx(Button, _objectSpread$
|
|
46
|
+
return jsx(Button, _objectSpread$1f(_objectSpread$1f({}, args), {}, {
|
|
47
47
|
appearance: "secondary-action-button"
|
|
48
48
|
}));
|
|
49
49
|
};
|
|
50
50
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
51
51
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
52
52
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
53
|
-
return jsx(Button, _objectSpread$
|
|
53
|
+
return jsx(Button, _objectSpread$1f(_objectSpread$1f({}, args), {}, {
|
|
54
54
|
appearance: "subtle-button"
|
|
55
55
|
}));
|
|
56
56
|
};
|
|
57
57
|
SubtleButton.displayName = 'SubtleButton';
|
|
58
58
|
|
|
59
|
-
var _excluded$
|
|
60
|
-
function ownKeys$
|
|
61
|
-
function _objectSpread$
|
|
59
|
+
var _excluded$1e = ["appearance", "className", "level"];
|
|
60
|
+
function ownKeys$1e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
61
|
+
function _objectSpread$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
62
62
|
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
63
63
|
var appearance = _ref.appearance,
|
|
64
64
|
className = _ref.className,
|
|
65
65
|
level = _ref.level,
|
|
66
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
66
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
67
67
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
68
68
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
69
69
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
70
|
-
return jsx(HeadingX, _objectSpread$
|
|
70
|
+
return jsx(HeadingX, _objectSpread$1e(_objectSpread$1e({
|
|
71
71
|
className: clsx(headingClassName, className)
|
|
72
72
|
}, restProps), {}, {
|
|
73
73
|
ref: ref
|
|
@@ -75,9 +75,9 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
75
75
|
});
|
|
76
76
|
Heading.displayName = 'Heading';
|
|
77
77
|
|
|
78
|
-
var _excluded$
|
|
79
|
-
function ownKeys$
|
|
80
|
-
function _objectSpread$
|
|
78
|
+
var _excluded$1d = ["children", "group", "headingLevel", "heading"];
|
|
79
|
+
function ownKeys$1d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
80
|
+
function _objectSpread$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
81
81
|
/**
|
|
82
82
|
* Find the first item in an array
|
|
83
83
|
*/
|
|
@@ -163,12 +163,12 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
163
163
|
ref: buttonRef,
|
|
164
164
|
children: label
|
|
165
165
|
})
|
|
166
|
-
}), section ? jsx("section", _objectSpread$
|
|
166
|
+
}), section ? jsx("section", _objectSpread$1d(_objectSpread$1d({
|
|
167
167
|
id: panelId,
|
|
168
168
|
"aria-labelledby": buttonId
|
|
169
169
|
}, panelAttributes), {}, {
|
|
170
170
|
children: children
|
|
171
|
-
})) : jsx("div", _objectSpread$
|
|
171
|
+
})) : jsx("div", _objectSpread$1d(_objectSpread$1d({}, panelAttributes), {}, {
|
|
172
172
|
children: children
|
|
173
173
|
}))]
|
|
174
174
|
});
|
|
@@ -179,13 +179,13 @@ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
179
179
|
group = _ref2.group,
|
|
180
180
|
headingLevel = _ref2.headingLevel,
|
|
181
181
|
heading = _ref2.heading,
|
|
182
|
-
props = _objectWithoutProperties(_ref2, _excluded$
|
|
182
|
+
props = _objectWithoutProperties(_ref2, _excluded$1d);
|
|
183
183
|
var headingId = useId();
|
|
184
184
|
return jsxs(Fragment, {
|
|
185
185
|
children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
|
|
186
186
|
level: headingLevel,
|
|
187
187
|
children: heading
|
|
188
|
-
}), jsx("div", _objectSpread$
|
|
188
|
+
}), jsx("div", _objectSpread$1d(_objectSpread$1d({
|
|
189
189
|
className: clsx('utrecht-accordion'),
|
|
190
190
|
role: group ? 'group' : undefined,
|
|
191
191
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -293,7 +293,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
293
293
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
294
294
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
295
295
|
if (index === activatedIndex) {
|
|
296
|
-
return _objectSpread$
|
|
296
|
+
return _objectSpread$1d(_objectSpread$1d({}, section), {}, {
|
|
297
297
|
expanded: !section.expanded
|
|
298
298
|
});
|
|
299
299
|
} else {
|
|
@@ -301,7 +301,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
301
301
|
}
|
|
302
302
|
}));
|
|
303
303
|
};
|
|
304
|
-
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$
|
|
304
|
+
return /*#__PURE__*/createElement(AccordionSection, _objectSpread$1d(_objectSpread$1d({}, section), {}, {
|
|
305
305
|
ref: refs[index],
|
|
306
306
|
buttonRef: buttonRefs[index],
|
|
307
307
|
key: index,
|
|
@@ -314,16 +314,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
314
314
|
};
|
|
315
315
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
316
316
|
|
|
317
|
-
var _excluded$
|
|
318
|
-
function ownKeys$
|
|
319
|
-
function _objectSpread$
|
|
317
|
+
var _excluded$1c = ["children", "className", "icon", "type"];
|
|
318
|
+
function ownKeys$1c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
319
|
+
function _objectSpread$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
320
320
|
var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
321
321
|
var children = _ref.children,
|
|
322
322
|
className = _ref.className,
|
|
323
323
|
icon = _ref.icon,
|
|
324
324
|
type = _ref.type,
|
|
325
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
326
|
-
return jsxs("div", _objectSpread$
|
|
325
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
326
|
+
return jsxs("div", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
327
327
|
ref: ref,
|
|
328
328
|
className: clsx('utrecht-alert', {
|
|
329
329
|
'utrecht-alert--error': type === 'error',
|
|
@@ -342,16 +342,16 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
342
342
|
});
|
|
343
343
|
Alert.displayName = 'Alert';
|
|
344
344
|
|
|
345
|
-
var _excluded$
|
|
346
|
-
function ownKeys$
|
|
347
|
-
function _objectSpread$
|
|
345
|
+
var _excluded$1b = ["children", "className", "icon", "type"];
|
|
346
|
+
function ownKeys$1b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
347
|
+
function _objectSpread$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
348
348
|
var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
349
349
|
var children = _ref.children,
|
|
350
350
|
className = _ref.className,
|
|
351
351
|
icon = _ref.icon,
|
|
352
352
|
type = _ref.type,
|
|
353
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
354
|
-
return jsxs("dialog", _objectSpread$
|
|
353
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
354
|
+
return jsxs("dialog", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
355
355
|
ref: ref,
|
|
356
356
|
className: clsx('utrecht-alert-dialog', {
|
|
357
357
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -370,14 +370,14 @@ var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
370
370
|
});
|
|
371
371
|
AlertDialog.displayName = 'AlertDialog';
|
|
372
372
|
|
|
373
|
-
var _excluded$
|
|
374
|
-
function ownKeys$
|
|
375
|
-
function _objectSpread$
|
|
373
|
+
var _excluded$1a = ["children", "className"];
|
|
374
|
+
function ownKeys$1a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
375
|
+
function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
376
376
|
var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
377
377
|
var children = _ref.children,
|
|
378
378
|
className = _ref.className,
|
|
379
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
380
|
-
return jsx("article", _objectSpread$
|
|
379
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
380
|
+
return jsx("article", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
381
381
|
ref: ref,
|
|
382
382
|
className: clsx('utrecht-article', className),
|
|
383
383
|
children: children
|
|
@@ -385,14 +385,14 @@ var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
385
385
|
});
|
|
386
386
|
Article.displayName = 'Article';
|
|
387
387
|
|
|
388
|
-
var _excluded$
|
|
389
|
-
function ownKeys$
|
|
390
|
-
function _objectSpread$
|
|
388
|
+
var _excluded$19 = ["children", "className"];
|
|
389
|
+
function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
390
|
+
function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
391
391
|
var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
392
392
|
var children = _ref.children,
|
|
393
393
|
className = _ref.className,
|
|
394
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
395
|
-
return jsx("div", _objectSpread$
|
|
394
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
395
|
+
return jsx("div", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
396
396
|
ref: ref,
|
|
397
397
|
className: clsx('utrecht-backdrop', className),
|
|
398
398
|
children: children
|
|
@@ -400,6 +400,27 @@ var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
400
400
|
});
|
|
401
401
|
Backdrop.displayName = 'Backdrop';
|
|
402
402
|
|
|
403
|
+
var _excluded$18 = ["children", "className", "value"];
|
|
404
|
+
function ownKeys$18(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
405
|
+
function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$18(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
406
|
+
var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
407
|
+
var children = _ref.children,
|
|
408
|
+
className = _ref.className,
|
|
409
|
+
value = _ref.value,
|
|
410
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
411
|
+
var props = _objectSpread$18({
|
|
412
|
+
children: children,
|
|
413
|
+
className: clsx('utrecht-badge-counter', className)
|
|
414
|
+
}, restProps);
|
|
415
|
+
return typeof value !== 'undefined' ? jsx("data", _objectSpread$18(_objectSpread$18({}, props), {}, {
|
|
416
|
+
value: value,
|
|
417
|
+
ref: ref
|
|
418
|
+
})) : jsx("span", _objectSpread$18(_objectSpread$18({}, props), {}, {
|
|
419
|
+
ref: ref
|
|
420
|
+
}));
|
|
421
|
+
});
|
|
422
|
+
BadgeCounter.displayName = 'BadgeCounter';
|
|
423
|
+
|
|
403
424
|
var _excluded$17 = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
404
425
|
function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
405
426
|
function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$17(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -2072,5 +2093,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2072
2093
|
});
|
|
2073
2094
|
UnorderedListItem.displayName = 'UnorderedListItem';
|
|
2074
2095
|
|
|
2075
|
-
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BreadcrumbLink, BreadcrumbNav, Button, ButtonGroup, ButtonLink, Calendar, Checkbox, Code, CodeBlock, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, Icon, Image, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Mark, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
|
|
2096
|
+
export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BreadcrumbLink, BreadcrumbNav, Button, ButtonGroup, ButtonLink, Calendar, Checkbox, Code, CodeBlock, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, Icon, Image, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Mark, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
|
|
2076
2097
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.274",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
"react": "16 - 18",
|
|
81
81
|
"react-dom": "16 - 18"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "0a1a8f203f3a3a17d6daaf84fbecb1c4dbbcac0d"
|
|
84
84
|
}
|