@utrecht/component-library-react 1.0.0-alpha.237 → 1.0.0-alpha.239
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/DataBadge.d.ts +13 -0
- package/dist/css-module/DataBadge.d.ts +13 -0
- package/dist/css-module/css-module/DataBadge.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 +134 -105
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +134 -106
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +171 -145
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +171 -146
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -12,16 +12,16 @@ 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$1e = ["children", "className", "icon", "type"];
|
|
16
|
+
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; }
|
|
17
|
+
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; }
|
|
18
18
|
var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
19
19
|
var children = _ref.children,
|
|
20
20
|
className = _ref.className,
|
|
21
21
|
icon = _ref.icon,
|
|
22
22
|
type = _ref.type,
|
|
23
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
24
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
23
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
24
|
+
return jsxRuntime.jsxs("div", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
|
|
25
25
|
ref: ref,
|
|
26
26
|
className: clsx('utrecht-alert', {
|
|
27
27
|
'utrecht-alert--error': type === 'error',
|
|
@@ -40,16 +40,16 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
40
40
|
});
|
|
41
41
|
Alert.displayName = 'Alert';
|
|
42
42
|
|
|
43
|
-
var _excluded$
|
|
44
|
-
function ownKeys$
|
|
45
|
-
function _objectSpread$
|
|
43
|
+
var _excluded$1d = ["children", "className", "icon", "type"];
|
|
44
|
+
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; }
|
|
45
|
+
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; }
|
|
46
46
|
var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
47
47
|
var children = _ref.children,
|
|
48
48
|
className = _ref.className,
|
|
49
49
|
icon = _ref.icon,
|
|
50
50
|
type = _ref.type,
|
|
51
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
52
|
-
return jsxRuntime.jsxs("dialog", _objectSpread$
|
|
51
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
52
|
+
return jsxRuntime.jsxs("dialog", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
53
53
|
ref: ref,
|
|
54
54
|
className: clsx('utrecht-alert-dialog', {
|
|
55
55
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -68,14 +68,14 @@ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
68
68
|
});
|
|
69
69
|
AlertDialog.displayName = 'AlertDialog';
|
|
70
70
|
|
|
71
|
-
var _excluded$
|
|
72
|
-
function ownKeys$
|
|
73
|
-
function _objectSpread$
|
|
71
|
+
var _excluded$1c = ["children", "className"];
|
|
72
|
+
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; }
|
|
73
|
+
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; }
|
|
74
74
|
var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
75
75
|
var children = _ref.children,
|
|
76
76
|
className = _ref.className,
|
|
77
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
78
|
-
return jsxRuntime.jsx("article", _objectSpread$
|
|
77
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
78
|
+
return jsxRuntime.jsx("article", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
79
79
|
ref: ref,
|
|
80
80
|
className: clsx('utrecht-article', className),
|
|
81
81
|
children: children
|
|
@@ -83,14 +83,14 @@ var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
83
83
|
});
|
|
84
84
|
Article.displayName = 'Article';
|
|
85
85
|
|
|
86
|
-
var _excluded$
|
|
87
|
-
function ownKeys$
|
|
88
|
-
function _objectSpread$
|
|
86
|
+
var _excluded$1b = ["children", "className"];
|
|
87
|
+
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; }
|
|
88
|
+
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; }
|
|
89
89
|
var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
90
90
|
var children = _ref.children,
|
|
91
91
|
className = _ref.className,
|
|
92
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
93
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
92
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
93
|
+
return jsxRuntime.jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
94
94
|
ref: ref,
|
|
95
95
|
className: clsx('utrecht-backdrop', className),
|
|
96
96
|
children: children
|
|
@@ -98,18 +98,18 @@ var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
98
98
|
});
|
|
99
99
|
Backdrop.displayName = 'Backdrop';
|
|
100
100
|
|
|
101
|
-
var _excluded$
|
|
102
|
-
function ownKeys$
|
|
103
|
-
function _objectSpread$
|
|
101
|
+
var _excluded$1a = ["appearance", "className", "level"];
|
|
102
|
+
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; }
|
|
103
|
+
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; }
|
|
104
104
|
var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
105
105
|
var appearance = _ref.appearance,
|
|
106
106
|
className = _ref.className,
|
|
107
107
|
level = _ref.level,
|
|
108
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
108
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
109
109
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
110
110
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
111
111
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
112
|
-
return jsxRuntime.jsx(HeadingX, _objectSpread$
|
|
112
|
+
return jsxRuntime.jsx(HeadingX, _objectSpread$1a(_objectSpread$1a({
|
|
113
113
|
className: clsx(headingClassName, className)
|
|
114
114
|
}, restProps), {}, {
|
|
115
115
|
ref: ref
|
|
@@ -117,9 +117,9 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
117
117
|
});
|
|
118
118
|
Heading.displayName = 'Heading';
|
|
119
119
|
|
|
120
|
-
var _excluded$
|
|
121
|
-
function ownKeys$
|
|
122
|
-
function _objectSpread$
|
|
120
|
+
var _excluded$19 = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
121
|
+
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; }
|
|
122
|
+
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; }
|
|
123
123
|
var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
124
124
|
var boxContent = _ref.boxContent,
|
|
125
125
|
children = _ref.children,
|
|
@@ -128,13 +128,13 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
128
128
|
href = _ref.href,
|
|
129
129
|
placeholder = _ref.placeholder,
|
|
130
130
|
role = _ref.role,
|
|
131
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
131
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
132
132
|
return (
|
|
133
133
|
// "utrecht-link--telephone" does not have a corresponding API,
|
|
134
134
|
// since it is primarily a basis for implementing input[href^="tel"].
|
|
135
135
|
// Telephone number rendering in React is best achieved using composition
|
|
136
136
|
// of the TelephoneValue component.
|
|
137
|
-
jsxRuntime.jsx("a", _objectSpread$
|
|
137
|
+
jsxRuntime.jsx("a", _objectSpread$19(_objectSpread$19({
|
|
138
138
|
href: placeholder ? undefined : href,
|
|
139
139
|
ref: ref,
|
|
140
140
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -152,9 +152,9 @@ var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
152
152
|
});
|
|
153
153
|
Link.displayName = 'Link';
|
|
154
154
|
|
|
155
|
-
var _excluded$
|
|
156
|
-
function ownKeys$
|
|
157
|
-
function _objectSpread$
|
|
155
|
+
var _excluded$18 = ["appearance", "children", "className", "headingLevel", "label"];
|
|
156
|
+
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; }
|
|
157
|
+
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; }
|
|
158
158
|
var useMicrodataItem = function useMicrodataItem(_ref) {
|
|
159
159
|
var prop = _ref.prop,
|
|
160
160
|
type = _ref.type;
|
|
@@ -176,9 +176,9 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
176
176
|
_ref2$headingLevel = _ref2.headingLevel,
|
|
177
177
|
headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
|
|
178
178
|
label = _ref2.label,
|
|
179
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
179
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$18);
|
|
180
180
|
var headingId = label ? react.useId() : undefined;
|
|
181
|
-
return jsxRuntime.jsxs("nav", _objectSpread$
|
|
181
|
+
return jsxRuntime.jsxs("nav", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
182
182
|
ref: ref,
|
|
183
183
|
className: clsx('utrecht-breadcrumb', {
|
|
184
184
|
'utrecht-breadcrumb--arrows': appearance === 'arrows'
|
|
@@ -190,7 +190,7 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
190
190
|
level: headingLevel,
|
|
191
191
|
"aria-hidden": "true",
|
|
192
192
|
children: label
|
|
193
|
-
}), jsxRuntime.jsx("ol", _objectSpread$
|
|
193
|
+
}), jsxRuntime.jsx("ol", _objectSpread$18(_objectSpread$18({
|
|
194
194
|
className: "utrecht-breadcrumb__list"
|
|
195
195
|
}, useMicrodataItem({
|
|
196
196
|
type: 'https://schema.org/BreadcrumbList'
|
|
@@ -206,24 +206,24 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
|
206
206
|
href = _ref3.href,
|
|
207
207
|
index = _ref3.index,
|
|
208
208
|
rel = _ref3.rel;
|
|
209
|
-
return jsxRuntime.jsx("li", _objectSpread$
|
|
209
|
+
return jsxRuntime.jsx("li", _objectSpread$18(_objectSpread$18({
|
|
210
210
|
className: "utrecht-breadcrumb__item"
|
|
211
211
|
}, useMicrodataItem({
|
|
212
212
|
type: 'https://schema.org/ListItem',
|
|
213
213
|
prop: 'itemListElement'
|
|
214
214
|
})), {}, {
|
|
215
|
-
children: jsxRuntime.jsxs(Link, _objectSpread$
|
|
215
|
+
children: jsxRuntime.jsxs(Link, _objectSpread$18(_objectSpread$18({
|
|
216
216
|
className: "utrecht-breadcrumb__link",
|
|
217
217
|
href: href,
|
|
218
218
|
rel: rel,
|
|
219
219
|
"aria-current": current && 'location'
|
|
220
220
|
}, useMicrodataProp('item')), {}, {
|
|
221
221
|
ref: ref,
|
|
222
|
-
children: [jsxRuntime.jsx("span", _objectSpread$
|
|
222
|
+
children: [jsxRuntime.jsx("span", _objectSpread$18(_objectSpread$18({
|
|
223
223
|
className: "utrecht-breadcrumb__text"
|
|
224
224
|
}, useMicrodataProp('name')), {}, {
|
|
225
225
|
children: children
|
|
226
|
-
})), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$
|
|
226
|
+
})), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$18(_objectSpread$18({}, useMicrodataProp('position')), {}, {
|
|
227
227
|
content: String(index + 1)
|
|
228
228
|
})) : null]
|
|
229
229
|
}))
|
|
@@ -231,9 +231,9 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
|
|
|
231
231
|
});
|
|
232
232
|
BreadcrumbLink.displayName = 'BreadcrumbLink';
|
|
233
233
|
|
|
234
|
-
var _excluded$
|
|
235
|
-
function ownKeys$
|
|
236
|
-
function _objectSpread$
|
|
234
|
+
var _excluded$17 = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
235
|
+
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; }
|
|
236
|
+
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; }
|
|
237
237
|
var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
238
238
|
var appearance = _ref.appearance,
|
|
239
239
|
busy = _ref.busy,
|
|
@@ -243,8 +243,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
243
243
|
hint = _ref.hint,
|
|
244
244
|
pressed = _ref.pressed,
|
|
245
245
|
type = _ref.type,
|
|
246
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
247
|
-
return jsxRuntime.jsx("button", _objectSpread$
|
|
246
|
+
restProps = _objectWithoutProperties(_ref, _excluded$17);
|
|
247
|
+
return jsxRuntime.jsx("button", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
248
248
|
ref: ref,
|
|
249
249
|
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),
|
|
250
250
|
"aria-busy": busy || undefined,
|
|
@@ -257,34 +257,34 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
257
257
|
Button.displayName = 'Button';
|
|
258
258
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
259
259
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
260
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
260
|
+
return jsxRuntime.jsx(Button, _objectSpread$17(_objectSpread$17({}, args), {}, {
|
|
261
261
|
appearance: "primary-action-button"
|
|
262
262
|
}));
|
|
263
263
|
};
|
|
264
264
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
265
265
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
266
266
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
267
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
267
|
+
return jsxRuntime.jsx(Button, _objectSpread$17(_objectSpread$17({}, args), {}, {
|
|
268
268
|
appearance: "secondary-action-button"
|
|
269
269
|
}));
|
|
270
270
|
};
|
|
271
271
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
272
272
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
273
273
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
274
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
274
|
+
return jsxRuntime.jsx(Button, _objectSpread$17(_objectSpread$17({}, args), {}, {
|
|
275
275
|
appearance: "subtle-button"
|
|
276
276
|
}));
|
|
277
277
|
};
|
|
278
278
|
SubtleButton.displayName = 'SubtleButton';
|
|
279
279
|
|
|
280
|
-
var _excluded$
|
|
281
|
-
function ownKeys$
|
|
282
|
-
function _objectSpread$
|
|
280
|
+
var _excluded$16 = ["children", "className"];
|
|
281
|
+
function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
282
|
+
function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$16(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
283
283
|
var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
284
284
|
var children = _ref.children,
|
|
285
285
|
className = _ref.className,
|
|
286
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
287
|
-
return jsxRuntime.jsx("p", _objectSpread$
|
|
286
|
+
restProps = _objectWithoutProperties(_ref, _excluded$16);
|
|
287
|
+
return jsxRuntime.jsx("p", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
|
|
288
288
|
ref: ref,
|
|
289
289
|
className: clsx('utrecht-button-group', className),
|
|
290
290
|
children: children
|
|
@@ -292,9 +292,9 @@ var ButtonGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
292
292
|
});
|
|
293
293
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
294
294
|
|
|
295
|
-
var _excluded$
|
|
296
|
-
function ownKeys$
|
|
297
|
-
function _objectSpread$
|
|
295
|
+
var _excluded$15 = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
|
|
296
|
+
function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
297
|
+
function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
298
298
|
var onKeyDown = function onKeyDown(evt) {
|
|
299
299
|
var _evt$target;
|
|
300
300
|
if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
|
|
@@ -312,18 +312,18 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
312
312
|
href = _ref.href,
|
|
313
313
|
placeholder = _ref.placeholder,
|
|
314
314
|
role = _ref.role,
|
|
315
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
315
|
+
restProps = _objectWithoutProperties(_ref, _excluded$15);
|
|
316
316
|
var props = restProps;
|
|
317
317
|
if (role === 'button') {
|
|
318
318
|
// When this link is announced as button by accessibility tools,
|
|
319
319
|
// it should also behave like a button. Links are not activated
|
|
320
320
|
// using `Space`, so we need to implement that behaviour here
|
|
321
321
|
// to reach parity with the `button` element.
|
|
322
|
-
props = _objectSpread$
|
|
322
|
+
props = _objectSpread$15(_objectSpread$15({}, restProps), {}, {
|
|
323
323
|
onKeyDown: onKeyDown
|
|
324
324
|
});
|
|
325
325
|
}
|
|
326
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
326
|
+
return jsxRuntime.jsx("a", _objectSpread$15(_objectSpread$15({
|
|
327
327
|
href: placeholder ? undefined : href,
|
|
328
328
|
ref: ref,
|
|
329
329
|
role: role || (placeholder ? 'link' : undefined),
|
|
@@ -342,27 +342,27 @@ var ButtonLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
342
342
|
});
|
|
343
343
|
ButtonLink.displayName = 'ButtonLink';
|
|
344
344
|
|
|
345
|
-
var _excluded$
|
|
346
|
-
function ownKeys$
|
|
347
|
-
function _objectSpread$
|
|
345
|
+
var _excluded$14 = ["children"];
|
|
346
|
+
function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
347
|
+
function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
348
348
|
var CalendarNavigation = function CalendarNavigation(_ref) {
|
|
349
349
|
var children = _ref.children,
|
|
350
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
351
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
350
|
+
props = _objectWithoutProperties(_ref, _excluded$14);
|
|
351
|
+
return jsxRuntime.jsx("div", _objectSpread$14(_objectSpread$14({
|
|
352
352
|
className: "utrecht-calendar__navigation"
|
|
353
353
|
}, props), {}, {
|
|
354
354
|
children: children
|
|
355
355
|
}));
|
|
356
356
|
};
|
|
357
357
|
|
|
358
|
-
var _excluded$
|
|
359
|
-
function ownKeys$
|
|
360
|
-
function _objectSpread$
|
|
358
|
+
var _excluded$13 = ["children", "className"];
|
|
359
|
+
function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
360
|
+
function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
361
361
|
var CalendarButton = function CalendarButton(_ref) {
|
|
362
362
|
var children = _ref.children,
|
|
363
363
|
className = _ref.className,
|
|
364
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
365
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
364
|
+
props = _objectWithoutProperties(_ref, _excluded$13);
|
|
365
|
+
return jsxRuntime.jsx(Button, _objectSpread$13(_objectSpread$13({
|
|
366
366
|
appearance: "subtle-button"
|
|
367
367
|
}, props), {}, {
|
|
368
368
|
className: clsx.clsx('utrecht-calendar__button', className),
|
|
@@ -370,38 +370,38 @@ var CalendarButton = function CalendarButton(_ref) {
|
|
|
370
370
|
}));
|
|
371
371
|
};
|
|
372
372
|
|
|
373
|
-
var _excluded$
|
|
374
|
-
function ownKeys$
|
|
375
|
-
function _objectSpread$
|
|
373
|
+
var _excluded$12 = ["children"];
|
|
374
|
+
function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
375
|
+
function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
376
376
|
var CalendarIcon = function CalendarIcon(_ref) {
|
|
377
377
|
var children = _ref.children,
|
|
378
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
379
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
378
|
+
props = _objectWithoutProperties(_ref, _excluded$12);
|
|
379
|
+
return jsxRuntime.jsx("div", _objectSpread$12(_objectSpread$12({
|
|
380
380
|
className: clsx.clsx('utrecht-calendar__icon')
|
|
381
381
|
}, props), {}, {
|
|
382
382
|
children: children
|
|
383
383
|
}));
|
|
384
384
|
};
|
|
385
385
|
|
|
386
|
-
var _excluded$
|
|
387
|
-
function ownKeys$
|
|
388
|
-
function _objectSpread$
|
|
386
|
+
var _excluded$11 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
|
|
387
|
+
function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
388
|
+
function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
389
389
|
var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
390
390
|
var onPreviousClick = _ref.onPreviousClick,
|
|
391
391
|
onNextClick = _ref.onNextClick,
|
|
392
392
|
previousIcon = _ref.previousIcon,
|
|
393
393
|
nextIcon = _ref.nextIcon,
|
|
394
394
|
children = _ref.children,
|
|
395
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
395
|
+
props = _objectWithoutProperties(_ref, _excluded$11);
|
|
396
396
|
return jsxRuntime.jsxs("div", {
|
|
397
397
|
className: "utrecht-calendar__navigation-buttons",
|
|
398
|
-
children: [jsxRuntime.jsx(CalendarButton, _objectSpread$
|
|
398
|
+
children: [jsxRuntime.jsx(CalendarButton, _objectSpread$11(_objectSpread$11({
|
|
399
399
|
onClick: onPreviousClick
|
|
400
400
|
}, props), {}, {
|
|
401
401
|
children: jsxRuntime.jsx(CalendarIcon, {
|
|
402
402
|
children: previousIcon
|
|
403
403
|
})
|
|
404
|
-
})), children, jsxRuntime.jsx(CalendarButton, _objectSpread$
|
|
404
|
+
})), children, jsxRuntime.jsx(CalendarButton, _objectSpread$11(_objectSpread$11({
|
|
405
405
|
onClick: onNextClick
|
|
406
406
|
}, props), {}, {
|
|
407
407
|
children: jsxRuntime.jsx(CalendarIcon, {
|
|
@@ -411,14 +411,14 @@ var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
|
411
411
|
});
|
|
412
412
|
};
|
|
413
413
|
|
|
414
|
-
var _excluded
|
|
415
|
-
function ownKeys
|
|
416
|
-
function _objectSpread
|
|
414
|
+
var _excluded$10 = ["children", "className"];
|
|
415
|
+
function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
416
|
+
function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
417
417
|
var Heading2 = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
418
418
|
var children = _ref.children,
|
|
419
419
|
className = _ref.className,
|
|
420
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
421
|
-
return jsxRuntime.jsx("h2", _objectSpread
|
|
420
|
+
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
421
|
+
return jsxRuntime.jsx("h2", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
|
|
422
422
|
ref: ref,
|
|
423
423
|
className: clsx('utrecht-heading-2', className),
|
|
424
424
|
children: children
|
|
@@ -434,32 +434,32 @@ var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
|
|
|
434
434
|
});
|
|
435
435
|
};
|
|
436
436
|
|
|
437
|
-
var _excluded
|
|
438
|
-
function ownKeys
|
|
439
|
-
function _objectSpread
|
|
437
|
+
var _excluded$$ = ["children"];
|
|
438
|
+
function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
439
|
+
function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
440
440
|
var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
|
|
441
441
|
var children = _ref.children,
|
|
442
|
-
props = _objectWithoutProperties(_ref, _excluded
|
|
443
|
-
return jsxRuntime.jsx("tbody", _objectSpread
|
|
442
|
+
props = _objectWithoutProperties(_ref, _excluded$$);
|
|
443
|
+
return jsxRuntime.jsx("tbody", _objectSpread$$(_objectSpread$$({}, props), {}, {
|
|
444
444
|
className: "utrecht-calendar__table-days-container",
|
|
445
445
|
children: children
|
|
446
446
|
}));
|
|
447
447
|
};
|
|
448
448
|
|
|
449
|
-
var _excluded$
|
|
450
|
-
function ownKeys$
|
|
451
|
-
function _objectSpread$
|
|
449
|
+
var _excluded$_ = ["children"];
|
|
450
|
+
function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
451
|
+
function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
452
452
|
var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
|
|
453
453
|
var children = _ref.children,
|
|
454
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
455
|
-
return jsxRuntime.jsx("tr", _objectSpread$
|
|
454
|
+
props = _objectWithoutProperties(_ref, _excluded$_);
|
|
455
|
+
return jsxRuntime.jsx("tr", _objectSpread$_(_objectSpread$_({}, props), {}, {
|
|
456
456
|
children: children
|
|
457
457
|
}));
|
|
458
458
|
};
|
|
459
459
|
|
|
460
|
-
var _excluded$
|
|
461
|
-
function ownKeys$
|
|
462
|
-
function _objectSpread$
|
|
460
|
+
var _excluded$Z = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
|
|
461
|
+
function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
462
|
+
function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
463
463
|
var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
464
464
|
var day = _ref.day,
|
|
465
465
|
dayOutOfTheMonth = _ref.dayOutOfTheMonth,
|
|
@@ -467,9 +467,9 @@ var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
|
467
467
|
emphasis = _ref.emphasis,
|
|
468
468
|
selected = _ref.selected,
|
|
469
469
|
disabled = _ref.disabled,
|
|
470
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
470
|
+
props = _objectWithoutProperties(_ref, _excluded$Z);
|
|
471
471
|
return jsxRuntime.jsx("td", {
|
|
472
|
-
children: jsxRuntime.jsx(CalendarButton, _objectSpread$
|
|
472
|
+
children: jsxRuntime.jsx(CalendarButton, _objectSpread$Z(_objectSpread$Z({
|
|
473
473
|
className: clsx('utrecht-calendar__table-days-item-day', {
|
|
474
474
|
'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
|
|
475
475
|
}, {
|
|
@@ -497,26 +497,26 @@ var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
|
|
|
497
497
|
});
|
|
498
498
|
};
|
|
499
499
|
|
|
500
|
-
var _excluded$
|
|
501
|
-
function ownKeys$
|
|
502
|
-
function _objectSpread$
|
|
500
|
+
var _excluded$Y = ["children"];
|
|
501
|
+
function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
502
|
+
function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
503
503
|
var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
|
|
504
504
|
var children = _ref.children,
|
|
505
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
506
|
-
return jsxRuntime.jsx("th", _objectSpread$
|
|
505
|
+
props = _objectWithoutProperties(_ref, _excluded$Y);
|
|
506
|
+
return jsxRuntime.jsx("th", _objectSpread$Y(_objectSpread$Y({}, props), {}, {
|
|
507
507
|
className: "utrecht-calendar__table-weeks-item",
|
|
508
508
|
children: children
|
|
509
509
|
}));
|
|
510
510
|
};
|
|
511
511
|
|
|
512
|
-
var _excluded$
|
|
513
|
-
function ownKeys$
|
|
514
|
-
function _objectSpread$
|
|
512
|
+
var _excluded$X = ["title", "titleId"];
|
|
513
|
+
function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
514
|
+
function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
515
515
|
var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
516
516
|
var title = _ref.title,
|
|
517
517
|
titleId = _ref.titleId,
|
|
518
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
519
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
518
|
+
props = _objectWithoutProperties(_ref, _excluded$X);
|
|
519
|
+
return jsxRuntime.jsxs("svg", _objectSpread$X(_objectSpread$X({
|
|
520
520
|
width: "100%",
|
|
521
521
|
height: "100%",
|
|
522
522
|
fill: "none",
|
|
@@ -533,14 +533,14 @@ var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
|
533
533
|
}));
|
|
534
534
|
};
|
|
535
535
|
|
|
536
|
-
var _excluded$
|
|
537
|
-
function ownKeys$
|
|
538
|
-
function _objectSpread$
|
|
536
|
+
var _excluded$W = ["title", "titleId"];
|
|
537
|
+
function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
538
|
+
function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
539
539
|
var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
540
540
|
var title = _ref.title,
|
|
541
541
|
titleId = _ref.titleId,
|
|
542
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
543
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
542
|
+
props = _objectWithoutProperties(_ref, _excluded$W);
|
|
543
|
+
return jsxRuntime.jsxs("svg", _objectSpread$W(_objectSpread$W({
|
|
544
544
|
width: "100%",
|
|
545
545
|
height: "100%",
|
|
546
546
|
fill: "none",
|
|
@@ -560,14 +560,14 @@ var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
|
560
560
|
}));
|
|
561
561
|
};
|
|
562
562
|
|
|
563
|
-
var _excluded$
|
|
564
|
-
function ownKeys$
|
|
565
|
-
function _objectSpread$
|
|
563
|
+
var _excluded$V = ["title", "titleId"];
|
|
564
|
+
function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
565
|
+
function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
566
566
|
var IconArrowRight = function IconArrowRight(_ref) {
|
|
567
567
|
var title = _ref.title,
|
|
568
568
|
titleId = _ref.titleId,
|
|
569
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
570
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
569
|
+
props = _objectWithoutProperties(_ref, _excluded$V);
|
|
570
|
+
return jsxRuntime.jsxs("svg", _objectSpread$V(_objectSpread$V({
|
|
571
571
|
width: "100%",
|
|
572
572
|
height: "100%",
|
|
573
573
|
fill: "none",
|
|
@@ -584,14 +584,14 @@ var IconArrowRight = function IconArrowRight(_ref) {
|
|
|
584
584
|
}));
|
|
585
585
|
};
|
|
586
586
|
|
|
587
|
-
var _excluded$
|
|
588
|
-
function ownKeys$
|
|
589
|
-
function _objectSpread$
|
|
587
|
+
var _excluded$U = ["title", "titleId"];
|
|
588
|
+
function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
589
|
+
function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
590
590
|
var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
|
|
591
591
|
var title = _ref.title,
|
|
592
592
|
titleId = _ref.titleId,
|
|
593
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
594
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
593
|
+
props = _objectWithoutProperties(_ref, _excluded$U);
|
|
594
|
+
return jsxRuntime.jsxs("svg", _objectSpread$U(_objectSpread$U({
|
|
595
595
|
fill: "none",
|
|
596
596
|
width: "100%",
|
|
597
597
|
height: "100%",
|
|
@@ -762,9 +762,9 @@ var Calendar = function Calendar(_ref) {
|
|
|
762
762
|
});
|
|
763
763
|
};
|
|
764
764
|
|
|
765
|
-
var _excluded$
|
|
766
|
-
function ownKeys$
|
|
767
|
-
function _objectSpread$
|
|
765
|
+
var _excluded$T = ["appearance", "disabled", "invalid", "required", "className"];
|
|
766
|
+
function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
767
|
+
function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
768
768
|
var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
769
769
|
var _ref$appearance = _ref.appearance,
|
|
770
770
|
appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
|
|
@@ -772,8 +772,8 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
772
772
|
invalid = _ref.invalid,
|
|
773
773
|
required = _ref.required,
|
|
774
774
|
className = _ref.className,
|
|
775
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
776
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
775
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
776
|
+
return jsxRuntime.jsx("input", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
777
777
|
ref: ref,
|
|
778
778
|
type: "checkbox",
|
|
779
779
|
className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
|
|
@@ -789,14 +789,14 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
789
789
|
});
|
|
790
790
|
Checkbox.displayName = 'Checkbox';
|
|
791
791
|
|
|
792
|
-
var _excluded$
|
|
793
|
-
function ownKeys$
|
|
794
|
-
function _objectSpread$
|
|
792
|
+
var _excluded$S = ["children", "className"];
|
|
793
|
+
function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
794
|
+
function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
795
795
|
var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
796
796
|
var children = _ref.children,
|
|
797
797
|
className = _ref.className,
|
|
798
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
799
|
-
return jsxRuntime.jsx("code", _objectSpread$
|
|
798
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
799
|
+
return jsxRuntime.jsx("code", _objectSpread$S(_objectSpread$S({
|
|
800
800
|
ref: ref,
|
|
801
801
|
className: clsx('utrecht-code', className)
|
|
802
802
|
}, restProps), {}, {
|
|
@@ -805,14 +805,14 @@ var Code = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
805
805
|
});
|
|
806
806
|
Code.displayName = 'Code';
|
|
807
807
|
|
|
808
|
-
var _excluded$
|
|
809
|
-
function ownKeys$
|
|
810
|
-
function _objectSpread$
|
|
808
|
+
var _excluded$R = ["children", "className"];
|
|
809
|
+
function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
810
|
+
function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
811
811
|
var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
812
812
|
var children = _ref.children,
|
|
813
813
|
className = _ref.className,
|
|
814
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
815
|
-
return jsxRuntime.jsx("pre", _objectSpread$
|
|
814
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
815
|
+
return jsxRuntime.jsx("pre", _objectSpread$R(_objectSpread$R({
|
|
816
816
|
ref: ref,
|
|
817
817
|
className: clsx('utrecht-code-block', className)
|
|
818
818
|
}, restProps), {}, {
|
|
@@ -824,16 +824,16 @@ var CodeBlock = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
824
824
|
});
|
|
825
825
|
CodeBlock.displayName = 'CodeBlock';
|
|
826
826
|
|
|
827
|
-
var _excluded$
|
|
828
|
-
function ownKeys$
|
|
829
|
-
function _objectSpread$
|
|
827
|
+
var _excluded$Q = ["disabled", "required", "className", "invalid"];
|
|
828
|
+
function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
829
|
+
function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
830
830
|
var CustomRadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
831
831
|
var disabled = _ref.disabled,
|
|
832
832
|
required = _ref.required,
|
|
833
833
|
className = _ref.className,
|
|
834
834
|
invalid = _ref.invalid,
|
|
835
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
836
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
835
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
836
|
+
return jsxRuntime.jsx("input", _objectSpread$Q({
|
|
837
837
|
type: "radio",
|
|
838
838
|
"aria-invalid": invalid || undefined,
|
|
839
839
|
disabled: disabled,
|
|
@@ -844,6 +844,31 @@ var CustomRadioButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
844
844
|
});
|
|
845
845
|
CustomRadioButton.displayName = 'CustomRadioButton';
|
|
846
846
|
|
|
847
|
+
var _excluded$P = ["children", "className", "dateTime", "value"];
|
|
848
|
+
function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
849
|
+
function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
850
|
+
var DataBadge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
851
|
+
var children = _ref.children,
|
|
852
|
+
className = _ref.className,
|
|
853
|
+
dateTime = _ref.dateTime,
|
|
854
|
+
value = _ref.value,
|
|
855
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
856
|
+
var props = _objectSpread$P({
|
|
857
|
+
children: children,
|
|
858
|
+
className: clsx('utrecht-badge-data', className)
|
|
859
|
+
}, restProps);
|
|
860
|
+
return typeof dateTime !== 'undefined' ? jsxRuntime.jsx("time", _objectSpread$P(_objectSpread$P({}, props), {}, {
|
|
861
|
+
dateTime: dateTime,
|
|
862
|
+
ref: ref
|
|
863
|
+
})) : typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$P(_objectSpread$P({}, props), {}, {
|
|
864
|
+
value: value,
|
|
865
|
+
ref: ref
|
|
866
|
+
})) : jsxRuntime.jsx("span", _objectSpread$P(_objectSpread$P({}, props), {}, {
|
|
867
|
+
ref: ref
|
|
868
|
+
}));
|
|
869
|
+
});
|
|
870
|
+
DataBadge.displayName = 'DataBadge';
|
|
871
|
+
|
|
847
872
|
var _excluded$O = ["children", "className"];
|
|
848
873
|
function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
849
874
|
function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -1844,6 +1869,7 @@ exports.Checkbox = Checkbox;
|
|
|
1844
1869
|
exports.Code = Code;
|
|
1845
1870
|
exports.CodeBlock = CodeBlock;
|
|
1846
1871
|
exports.CustomRadioButton = CustomRadioButton;
|
|
1872
|
+
exports.DataBadge = DataBadge;
|
|
1847
1873
|
exports.DataList = DataList;
|
|
1848
1874
|
exports.DataListActions = DataListActions;
|
|
1849
1875
|
exports.DataListItem = DataListItem;
|