@utrecht/component-library-react 1.0.0-alpha.274 → 1.0.0-alpha.276
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/BadgeList.d.ts +9 -0
- package/dist/css-module/BadgeList.d.ts +9 -0
- package/dist/css-module/css-module/BadgeList.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 +89 -70
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +89 -71
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +65 -49
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +65 -50
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.cjs.js
CHANGED
|
@@ -12,9 +12,9 @@ var dateFns = require('date-fns');
|
|
|
12
12
|
var locale = require('date-fns/locale');
|
|
13
13
|
var chunk = require('lodash.chunk');
|
|
14
14
|
|
|
15
|
-
var _excluded$
|
|
16
|
-
function ownKeys$
|
|
17
|
-
function _objectSpread$
|
|
15
|
+
var _excluded$1g = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
16
|
+
function ownKeys$1g(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$1g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
18
|
var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
19
19
|
var appearance = _ref.appearance,
|
|
20
20
|
busy = _ref.busy,
|
|
@@ -24,8 +24,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
24
24
|
hint = _ref.hint,
|
|
25
25
|
pressed = _ref.pressed,
|
|
26
26
|
type = _ref.type,
|
|
27
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
28
|
-
return jsxRuntime.jsx("button", _objectSpread$
|
|
27
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
28
|
+
return jsxRuntime.jsx("button", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
29
29
|
ref: ref,
|
|
30
30
|
className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
|
|
31
31
|
"aria-busy": busy || undefined,
|
|
@@ -38,38 +38,38 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
38
38
|
Button.displayName = 'Button';
|
|
39
39
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
40
40
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
41
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
41
|
+
return jsxRuntime.jsx(Button, _objectSpread$1g(_objectSpread$1g({}, args), {}, {
|
|
42
42
|
appearance: "primary-action-button"
|
|
43
43
|
}));
|
|
44
44
|
};
|
|
45
45
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
46
46
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
47
47
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
48
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
48
|
+
return jsxRuntime.jsx(Button, _objectSpread$1g(_objectSpread$1g({}, args), {}, {
|
|
49
49
|
appearance: "secondary-action-button"
|
|
50
50
|
}));
|
|
51
51
|
};
|
|
52
52
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
53
53
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
54
54
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
55
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
55
|
+
return jsxRuntime.jsx(Button, _objectSpread$1g(_objectSpread$1g({}, args), {}, {
|
|
56
56
|
appearance: "subtle-button"
|
|
57
57
|
}));
|
|
58
58
|
};
|
|
59
59
|
SubtleButton.displayName = 'SubtleButton';
|
|
60
60
|
|
|
61
|
-
var _excluded$
|
|
62
|
-
function ownKeys$
|
|
63
|
-
function _objectSpread$
|
|
61
|
+
var _excluded$1f = ["appearance", "className", "level"];
|
|
62
|
+
function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
63
|
+
function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
64
64
|
var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
65
65
|
var appearance = _ref.appearance,
|
|
66
66
|
className = _ref.className,
|
|
67
67
|
level = _ref.level,
|
|
68
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
68
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
69
69
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
70
70
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
71
71
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
72
|
-
return jsxRuntime.jsx(HeadingX, _objectSpread$
|
|
72
|
+
return jsxRuntime.jsx(HeadingX, _objectSpread$1f(_objectSpread$1f({
|
|
73
73
|
className: clsx(headingClassName, className)
|
|
74
74
|
}, restProps), {}, {
|
|
75
75
|
ref: ref
|
|
@@ -77,9 +77,9 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
77
77
|
});
|
|
78
78
|
Heading.displayName = 'Heading';
|
|
79
79
|
|
|
80
|
-
var _excluded$
|
|
81
|
-
function ownKeys$
|
|
82
|
-
function _objectSpread$
|
|
80
|
+
var _excluded$1e = ["children", "group", "headingLevel", "heading"];
|
|
81
|
+
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; }
|
|
82
|
+
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; }
|
|
83
83
|
/**
|
|
84
84
|
* Find the first item in an array
|
|
85
85
|
*/
|
|
@@ -165,12 +165,12 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
165
165
|
ref: buttonRef,
|
|
166
166
|
children: label
|
|
167
167
|
})
|
|
168
|
-
}), section ? jsxRuntime.jsx("section", _objectSpread$
|
|
168
|
+
}), section ? jsxRuntime.jsx("section", _objectSpread$1e(_objectSpread$1e({
|
|
169
169
|
id: panelId,
|
|
170
170
|
"aria-labelledby": buttonId
|
|
171
171
|
}, panelAttributes), {}, {
|
|
172
172
|
children: children
|
|
173
|
-
})) : jsxRuntime.jsx("div", _objectSpread$
|
|
173
|
+
})) : jsxRuntime.jsx("div", _objectSpread$1e(_objectSpread$1e({}, panelAttributes), {}, {
|
|
174
174
|
children: children
|
|
175
175
|
}))]
|
|
176
176
|
});
|
|
@@ -181,13 +181,13 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
181
181
|
group = _ref2.group,
|
|
182
182
|
headingLevel = _ref2.headingLevel,
|
|
183
183
|
heading = _ref2.heading,
|
|
184
|
-
props = _objectWithoutProperties(_ref2, _excluded$
|
|
184
|
+
props = _objectWithoutProperties(_ref2, _excluded$1e);
|
|
185
185
|
var headingId = react.useId();
|
|
186
186
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
187
187
|
children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(Heading, {
|
|
188
188
|
level: headingLevel,
|
|
189
189
|
children: heading
|
|
190
|
-
}), jsxRuntime.jsx("div", _objectSpread$
|
|
190
|
+
}), jsxRuntime.jsx("div", _objectSpread$1e(_objectSpread$1e({
|
|
191
191
|
className: clsx('utrecht-accordion'),
|
|
192
192
|
role: group ? 'group' : undefined,
|
|
193
193
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -295,7 +295,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
295
295
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
296
296
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
297
297
|
if (index === activatedIndex) {
|
|
298
|
-
return _objectSpread$
|
|
298
|
+
return _objectSpread$1e(_objectSpread$1e({}, section), {}, {
|
|
299
299
|
expanded: !section.expanded
|
|
300
300
|
});
|
|
301
301
|
} else {
|
|
@@ -303,7 +303,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
303
303
|
}
|
|
304
304
|
}));
|
|
305
305
|
};
|
|
306
|
-
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$
|
|
306
|
+
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$1e(_objectSpread$1e({}, section), {}, {
|
|
307
307
|
ref: refs[index],
|
|
308
308
|
buttonRef: buttonRefs[index],
|
|
309
309
|
key: index,
|
|
@@ -316,16 +316,16 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
316
316
|
};
|
|
317
317
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
318
318
|
|
|
319
|
-
var _excluded$
|
|
320
|
-
function ownKeys$
|
|
321
|
-
function _objectSpread$
|
|
319
|
+
var _excluded$1d = ["children", "className", "icon", "type"];
|
|
320
|
+
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; }
|
|
321
|
+
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; }
|
|
322
322
|
var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
323
323
|
var children = _ref.children,
|
|
324
324
|
className = _ref.className,
|
|
325
325
|
icon = _ref.icon,
|
|
326
326
|
type = _ref.type,
|
|
327
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
328
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
327
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
328
|
+
return jsxRuntime.jsxs("div", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
329
329
|
ref: ref,
|
|
330
330
|
className: clsx('utrecht-alert', {
|
|
331
331
|
'utrecht-alert--error': type === 'error',
|
|
@@ -344,16 +344,16 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
344
344
|
});
|
|
345
345
|
Alert.displayName = 'Alert';
|
|
346
346
|
|
|
347
|
-
var _excluded$
|
|
348
|
-
function ownKeys$
|
|
349
|
-
function _objectSpread$
|
|
347
|
+
var _excluded$1c = ["children", "className", "icon", "type"];
|
|
348
|
+
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; }
|
|
349
|
+
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; }
|
|
350
350
|
var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
351
351
|
var children = _ref.children,
|
|
352
352
|
className = _ref.className,
|
|
353
353
|
icon = _ref.icon,
|
|
354
354
|
type = _ref.type,
|
|
355
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
356
|
-
return jsxRuntime.jsxs("dialog", _objectSpread$
|
|
355
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
356
|
+
return jsxRuntime.jsxs("dialog", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
357
357
|
ref: ref,
|
|
358
358
|
className: clsx('utrecht-alert-dialog', {
|
|
359
359
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -372,14 +372,14 @@ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
372
372
|
});
|
|
373
373
|
AlertDialog.displayName = 'AlertDialog';
|
|
374
374
|
|
|
375
|
-
var _excluded$
|
|
376
|
-
function ownKeys$
|
|
377
|
-
function _objectSpread$
|
|
375
|
+
var _excluded$1b = ["children", "className"];
|
|
376
|
+
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; }
|
|
377
|
+
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; }
|
|
378
378
|
var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
379
379
|
var children = _ref.children,
|
|
380
380
|
className = _ref.className,
|
|
381
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
382
|
-
return jsxRuntime.jsx("article", _objectSpread$
|
|
381
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
382
|
+
return jsxRuntime.jsx("article", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
383
383
|
ref: ref,
|
|
384
384
|
className: clsx('utrecht-article', className),
|
|
385
385
|
children: children
|
|
@@ -387,14 +387,14 @@ var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
387
387
|
});
|
|
388
388
|
Article.displayName = 'Article';
|
|
389
389
|
|
|
390
|
-
var _excluded$
|
|
391
|
-
function ownKeys$
|
|
392
|
-
function _objectSpread$
|
|
390
|
+
var _excluded$1a = ["children", "className"];
|
|
391
|
+
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; }
|
|
392
|
+
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; }
|
|
393
393
|
var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
394
394
|
var children = _ref.children,
|
|
395
395
|
className = _ref.className,
|
|
396
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
397
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
396
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
397
|
+
return jsxRuntime.jsx("div", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
398
398
|
ref: ref,
|
|
399
399
|
className: clsx('utrecht-backdrop', className),
|
|
400
400
|
children: children
|
|
@@ -402,27 +402,42 @@ var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
402
402
|
});
|
|
403
403
|
Backdrop.displayName = 'Backdrop';
|
|
404
404
|
|
|
405
|
-
var _excluded$
|
|
406
|
-
function ownKeys$
|
|
407
|
-
function _objectSpread$
|
|
405
|
+
var _excluded$19 = ["children", "className", "value"];
|
|
406
|
+
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; }
|
|
407
|
+
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; }
|
|
408
408
|
var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
409
409
|
var children = _ref.children,
|
|
410
410
|
className = _ref.className,
|
|
411
411
|
value = _ref.value,
|
|
412
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
413
|
-
var props = _objectSpread$
|
|
412
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
413
|
+
var props = _objectSpread$19({
|
|
414
414
|
children: children,
|
|
415
415
|
className: clsx('utrecht-badge-counter', className)
|
|
416
416
|
}, restProps);
|
|
417
|
-
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$
|
|
417
|
+
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$19(_objectSpread$19({}, props), {}, {
|
|
418
418
|
value: value,
|
|
419
419
|
ref: ref
|
|
420
|
-
})) : jsxRuntime.jsx("span", _objectSpread$
|
|
420
|
+
})) : jsxRuntime.jsx("span", _objectSpread$19(_objectSpread$19({}, props), {}, {
|
|
421
421
|
ref: ref
|
|
422
422
|
}));
|
|
423
423
|
});
|
|
424
424
|
BadgeCounter.displayName = 'BadgeCounter';
|
|
425
425
|
|
|
426
|
+
var _excluded$18 = ["children", "className"];
|
|
427
|
+
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; }
|
|
428
|
+
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; }
|
|
429
|
+
var BadgeList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
430
|
+
var children = _ref.children,
|
|
431
|
+
className = _ref.className,
|
|
432
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
433
|
+
return jsxRuntime.jsx("div", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
434
|
+
ref: ref,
|
|
435
|
+
className: clsx('utrecht-badge-list', className),
|
|
436
|
+
children: children
|
|
437
|
+
}));
|
|
438
|
+
});
|
|
439
|
+
BadgeList.displayName = 'BadgeList';
|
|
440
|
+
|
|
426
441
|
var _excluded$17 = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
|
|
427
442
|
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; }
|
|
428
443
|
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; }
|
|
@@ -2103,6 +2118,7 @@ exports.AlertDialog = AlertDialog;
|
|
|
2103
2118
|
exports.Article = Article;
|
|
2104
2119
|
exports.Backdrop = Backdrop;
|
|
2105
2120
|
exports.BadgeCounter = BadgeCounter;
|
|
2121
|
+
exports.BadgeList = BadgeList;
|
|
2106
2122
|
exports.BreadcrumbLink = BreadcrumbLink;
|
|
2107
2123
|
exports.BreadcrumbNav = BreadcrumbNav;
|
|
2108
2124
|
exports.Button = Button;
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export { AlertDialog } from './AlertDialog';
|
|
|
8
8
|
export { Article } from './Article';
|
|
9
9
|
export { Backdrop } from './Backdrop';
|
|
10
10
|
export { BadgeCounter } from './BadgeCounter';
|
|
11
|
+
export { BadgeList } from './BadgeList';
|
|
11
12
|
export { BreadcrumbNav, BreadcrumbLink } from './BreadcrumbNav';
|
|
12
13
|
export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
|
|
13
14
|
export { ButtonGroup } from './ButtonGroup';
|