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