@utrecht/component-library-react 1.0.0-alpha.273 → 1.0.0-alpha.274
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.jest-test-results.json +1 -1
- package/dist/BadgeCounter.d.ts +12 -0
- package/dist/css-module/BadgeCounter.d.ts +12 -0
- package/dist/css-module/css-module/BadgeCounter.d.ts +6 -0
- package/dist/css-module/css-module/index.d.ts +1 -0
- package/dist/css-module/index.d.ts +1 -0
- package/dist/css-module/index.js +76 -51
- package/dist/css-module/index.js.map +1 -1
- package/dist/css-module/index.mjs +76 -52
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.cjs.js +64 -42
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +64 -43
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2
|
|
3
|
+
* Copyright (c) 2023 Gemeente Utrecht
|
|
4
|
+
* Copyright (c) 2023 Frameless B.V.
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLAttributes } from 'react';
|
|
7
|
+
export interface BadgeCounterProps extends HTMLAttributes<HTMLElement> {
|
|
8
|
+
value?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const BadgeCounter: import("react").ForwardRefExoticComponent<BadgeCounterProps & {
|
|
11
|
+
children?: import("react").ReactNode;
|
|
12
|
+
} & import("react").RefAttributes<HTMLElement | HTMLDataElement>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2
|
|
3
|
+
* Copyright (c) 2023 Gemeente Utrecht
|
|
4
|
+
* Copyright (c) 2023 Frameless B.V.
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLAttributes } from 'react';
|
|
7
|
+
export interface BadgeCounterProps extends HTMLAttributes<HTMLElement> {
|
|
8
|
+
value?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const BadgeCounter: import("react").ForwardRefExoticComponent<BadgeCounterProps & {
|
|
11
|
+
children?: import("react").ReactNode;
|
|
12
|
+
} & import("react").RefAttributes<HTMLElement | HTMLDataElement>>;
|
|
@@ -7,6 +7,7 @@ export { Alert } from './Alert';
|
|
|
7
7
|
export { AlertDialog } from './AlertDialog';
|
|
8
8
|
export { Article } from './Article';
|
|
9
9
|
export { Backdrop } from './Backdrop';
|
|
10
|
+
export { BadgeCounter } from './BadgeCounter';
|
|
10
11
|
export { BreadcrumbNav, BreadcrumbLink } from './BreadcrumbNav';
|
|
11
12
|
export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
|
|
12
13
|
export { ButtonGroup } from './ButtonGroup';
|
|
@@ -7,6 +7,7 @@ export { Alert } from './Alert';
|
|
|
7
7
|
export { AlertDialog } from './AlertDialog';
|
|
8
8
|
export { Article } from './Article';
|
|
9
9
|
export { Backdrop } from './Backdrop';
|
|
10
|
+
export { BadgeCounter } from './BadgeCounter';
|
|
10
11
|
export { BreadcrumbNav, BreadcrumbLink } from './BreadcrumbNav';
|
|
11
12
|
export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
|
|
12
13
|
export { ButtonGroup } from './ButtonGroup';
|
package/dist/css-module/index.js
CHANGED
|
@@ -36,12 +36,12 @@ function styleInject(css, ref) {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
var css_248z$
|
|
40
|
-
styleInject(css_248z$
|
|
39
|
+
var css_248z$U = ".utrecht-accordion__button{--utrecht-button-focus-scale:1;--utrecht-button-hover-scale:1;--utrecht-button-inline-size:100%;--utrecht-button-subtle-background-color:var(--utrecht-accordion-button-background-color);--utrecht-button-subtle-color:var(--utrecht-accordion-button-color);--utrecht-button-subtle-hover-background-color:var(--utrecht-accordion-button-hover-background-color);--utrecht-button-subtle-hover-border-color:var(--utrecht-accordion-button-hover-border-color);--utrecht-button-subtle-border-color:var(--utrecht-accordion-button-border-color);--utrecht-button-subtle-border-width:var(--utrecht-accordion-button-border-width);justify-content:start!important;padding-inline-end:var(--utrecht-accordion-button-padding-inline-end);position:relative}.utrecht-accordion__button[aria-expanded]:after{background-color:var(--utrecht-accordion-button-icon-background-color);background-position:50%;background-repeat:no-repeat;content:\"\";height:var(--utrecht-accordion-button-icon-size);inset-block-start:0;inset-inline-end:0;position:absolute;width:var(--utrecht-accordion-button-icon-size)}.utrecht-accordion__button[aria-expanded=false]:after{background-image:var(--utrecht-accordion-icon-arrow-down,url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m15.866 4.135-5.32 5.322-5.322-5.322'/%3E%3C/svg%3E\"))}.utrecht-accordion__button[aria-expanded=true]:after{background-image:var(--utrecht-accordion-icon-arrow-up,url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m5.223 9.457 5.32-5.322 5.322 5.322'/%3E%3C/svg%3E\"));background-position:50%;background-repeat:no-repeat;content:\"\"}.utrecht-accordion__body{border-color:var(--utrecht-accordion-body-border-color);border-style:solid;border-top:none;border-width:var(--utrecht-accordion-body-border-width);padding-block-end:var(--utrecht-accordion-body-padding-block-end);padding-block-start:var(--utrecht-accordion-body-padding-block-start);padding-inline-end:var(--utrecht-accordion-body-padding-inline-end);padding-inline-start:var(--utrecht-accordion-body-padding-inline-start)}";
|
|
40
|
+
styleInject(css_248z$U);
|
|
41
41
|
|
|
42
|
-
var _excluded$
|
|
43
|
-
function ownKeys$
|
|
44
|
-
function _objectSpread$
|
|
42
|
+
var _excluded$13 = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
|
|
43
|
+
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; }
|
|
44
|
+
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; }
|
|
45
45
|
var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
46
46
|
var appearance = _ref.appearance,
|
|
47
47
|
busy = _ref.busy,
|
|
@@ -51,8 +51,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
51
51
|
hint = _ref.hint,
|
|
52
52
|
pressed = _ref.pressed,
|
|
53
53
|
type = _ref.type,
|
|
54
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
55
|
-
return jsxRuntime.jsx("button", _objectSpread$
|
|
54
|
+
restProps = _objectWithoutProperties(_ref, _excluded$13);
|
|
55
|
+
return jsxRuntime.jsx("button", _objectSpread$13(_objectSpread$13({}, restProps), {}, {
|
|
56
56
|
ref: ref,
|
|
57
57
|
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),
|
|
58
58
|
"aria-busy": busy || undefined,
|
|
@@ -65,38 +65,38 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
65
65
|
Button.displayName = 'Button';
|
|
66
66
|
var PrimaryActionButton = function PrimaryActionButton(_ref2) {
|
|
67
67
|
var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
68
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
68
|
+
return jsxRuntime.jsx(Button, _objectSpread$13(_objectSpread$13({}, args), {}, {
|
|
69
69
|
appearance: "primary-action-button"
|
|
70
70
|
}));
|
|
71
71
|
};
|
|
72
72
|
PrimaryActionButton.displayName = 'PrimaryActionButton';
|
|
73
73
|
var SecondaryActionButton = function SecondaryActionButton(_ref3) {
|
|
74
74
|
var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
|
|
75
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
75
|
+
return jsxRuntime.jsx(Button, _objectSpread$13(_objectSpread$13({}, args), {}, {
|
|
76
76
|
appearance: "secondary-action-button"
|
|
77
77
|
}));
|
|
78
78
|
};
|
|
79
79
|
SecondaryActionButton.displayName = 'SecondaryActionButton';
|
|
80
80
|
var SubtleButton = function SubtleButton(_ref4) {
|
|
81
81
|
var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
|
|
82
|
-
return jsxRuntime.jsx(Button, _objectSpread$
|
|
82
|
+
return jsxRuntime.jsx(Button, _objectSpread$13(_objectSpread$13({}, args), {}, {
|
|
83
83
|
appearance: "subtle-button"
|
|
84
84
|
}));
|
|
85
85
|
};
|
|
86
86
|
SubtleButton.displayName = 'SubtleButton';
|
|
87
87
|
|
|
88
|
-
var _excluded$
|
|
89
|
-
function ownKeys$
|
|
90
|
-
function _objectSpread$
|
|
88
|
+
var _excluded$12 = ["appearance", "className", "level"];
|
|
89
|
+
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; }
|
|
90
|
+
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; }
|
|
91
91
|
var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
92
92
|
var appearance = _ref.appearance,
|
|
93
93
|
className = _ref.className,
|
|
94
94
|
level = _ref.level,
|
|
95
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
95
|
+
restProps = _objectWithoutProperties(_ref, _excluded$12);
|
|
96
96
|
var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
|
|
97
97
|
var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
|
|
98
98
|
var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
|
|
99
|
-
return jsxRuntime.jsx(HeadingX, _objectSpread$
|
|
99
|
+
return jsxRuntime.jsx(HeadingX, _objectSpread$12(_objectSpread$12({
|
|
100
100
|
className: clsx(headingClassName, className)
|
|
101
101
|
}, restProps), {}, {
|
|
102
102
|
ref: ref
|
|
@@ -104,9 +104,9 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
104
104
|
});
|
|
105
105
|
Heading.displayName = 'Heading';
|
|
106
106
|
|
|
107
|
-
var _excluded$
|
|
108
|
-
function ownKeys$
|
|
109
|
-
function _objectSpread$
|
|
107
|
+
var _excluded$11 = ["children", "group", "headingLevel", "heading"];
|
|
108
|
+
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; }
|
|
109
|
+
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; }
|
|
110
110
|
/**
|
|
111
111
|
* Find the first item in an array
|
|
112
112
|
*/
|
|
@@ -192,12 +192,12 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
192
192
|
ref: buttonRef,
|
|
193
193
|
children: label
|
|
194
194
|
})
|
|
195
|
-
}), section ? jsxRuntime.jsx("section", _objectSpread$
|
|
195
|
+
}), section ? jsxRuntime.jsx("section", _objectSpread$11(_objectSpread$11({
|
|
196
196
|
id: panelId,
|
|
197
197
|
"aria-labelledby": buttonId
|
|
198
198
|
}, panelAttributes), {}, {
|
|
199
199
|
children: children
|
|
200
|
-
})) : jsxRuntime.jsx("div", _objectSpread$
|
|
200
|
+
})) : jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({}, panelAttributes), {}, {
|
|
201
201
|
children: children
|
|
202
202
|
}))]
|
|
203
203
|
});
|
|
@@ -208,13 +208,13 @@ var Accordion = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
208
208
|
group = _ref2.group,
|
|
209
209
|
headingLevel = _ref2.headingLevel,
|
|
210
210
|
heading = _ref2.heading,
|
|
211
|
-
props = _objectWithoutProperties(_ref2, _excluded$
|
|
211
|
+
props = _objectWithoutProperties(_ref2, _excluded$11);
|
|
212
212
|
var headingId = react.useId();
|
|
213
213
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
214
214
|
children: [!!heading && typeof headingLevel === 'number' && jsxRuntime.jsx(Heading, {
|
|
215
215
|
level: headingLevel,
|
|
216
216
|
children: heading
|
|
217
|
-
}), jsxRuntime.jsx("div", _objectSpread$
|
|
217
|
+
}), jsxRuntime.jsx("div", _objectSpread$11(_objectSpread$11({
|
|
218
218
|
className: clsx('utrecht-accordion'),
|
|
219
219
|
role: group ? 'group' : undefined,
|
|
220
220
|
"aria-labelledby": group ? headingId : undefined
|
|
@@ -322,7 +322,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
322
322
|
// const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
|
|
323
323
|
setSectionsState(sectionsState.map(function (section, index) {
|
|
324
324
|
if (index === activatedIndex) {
|
|
325
|
-
return _objectSpread$
|
|
325
|
+
return _objectSpread$11(_objectSpread$11({}, section), {}, {
|
|
326
326
|
expanded: !section.expanded
|
|
327
327
|
});
|
|
328
328
|
} else {
|
|
@@ -330,7 +330,7 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
330
330
|
}
|
|
331
331
|
}));
|
|
332
332
|
};
|
|
333
|
-
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$
|
|
333
|
+
return /*#__PURE__*/react.createElement(AccordionSection, _objectSpread$11(_objectSpread$11({}, section), {}, {
|
|
334
334
|
ref: refs[index],
|
|
335
335
|
buttonRef: buttonRefs[index],
|
|
336
336
|
key: index,
|
|
@@ -343,19 +343,19 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
343
343
|
};
|
|
344
344
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
345
345
|
|
|
346
|
-
var css_248z$
|
|
347
|
-
styleInject(css_248z$
|
|
346
|
+
var css_248z$T = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color,var(--utrecht-alert-border-color));border-style:solid;border-width:var(--_utrecht-alert-border-width,var(--utrecht-alert-border-width,0));color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}";
|
|
347
|
+
styleInject(css_248z$T);
|
|
348
348
|
|
|
349
|
-
var _excluded
|
|
350
|
-
function ownKeys
|
|
351
|
-
function _objectSpread
|
|
349
|
+
var _excluded$10 = ["children", "className", "icon", "type"];
|
|
350
|
+
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; }
|
|
351
|
+
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; }
|
|
352
352
|
var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
353
353
|
var children = _ref.children,
|
|
354
354
|
className = _ref.className,
|
|
355
355
|
icon = _ref.icon,
|
|
356
356
|
type = _ref.type,
|
|
357
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
358
|
-
return jsxRuntime.jsxs("div", _objectSpread
|
|
357
|
+
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
358
|
+
return jsxRuntime.jsxs("div", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
|
|
359
359
|
ref: ref,
|
|
360
360
|
className: clsx('utrecht-alert', {
|
|
361
361
|
'utrecht-alert--error': type === 'error',
|
|
@@ -374,19 +374,19 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
374
374
|
});
|
|
375
375
|
Alert.displayName = 'Alert';
|
|
376
376
|
|
|
377
|
-
var css_248z$
|
|
378
|
-
styleInject(css_248z$
|
|
377
|
+
var css_248z$S = ".utrecht-alert-dialog:not(dialog:not([open])){--utrecht-alert-dialog-margin-block-start:auto;--utrecht-alert-dialog-margin-block-end:auto;background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--utrecht-alert-dialog-border-color);border-radius:var(--utrecht-alert-dialog-border-radius,0);border-style:solid;border-width:var(--utrecht-alert-dialog-border-width,0);box-shadow:var(--utrecht-alert-dialog-box-shadow);color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));max-block-size:var(--utrecht-alert-dialog-max-block-size);max-inline-size:var(--utrecht-alert-dialog-max-inline-size);min-block-size:var(--utrecht-alert-dialog-min-block-size);min-inline-size:var(--utrecht-alert-dialog-min-inline-size);padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);user-select:none}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-alert-dialog__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert-dialog__message{grid-area:message}.utrecht-alert-dialog--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}.utrecht-alert-dialog--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert-dialog--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}";
|
|
378
|
+
styleInject(css_248z$S);
|
|
379
379
|
|
|
380
|
-
var _excluded
|
|
381
|
-
function ownKeys
|
|
382
|
-
function _objectSpread
|
|
380
|
+
var _excluded$$ = ["children", "className", "icon", "type"];
|
|
381
|
+
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; }
|
|
382
|
+
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; }
|
|
383
383
|
var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
384
384
|
var children = _ref.children,
|
|
385
385
|
className = _ref.className,
|
|
386
386
|
icon = _ref.icon,
|
|
387
387
|
type = _ref.type,
|
|
388
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
389
|
-
return jsxRuntime.jsxs("dialog", _objectSpread
|
|
388
|
+
restProps = _objectWithoutProperties(_ref, _excluded$$);
|
|
389
|
+
return jsxRuntime.jsxs("dialog", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
|
|
390
390
|
ref: ref,
|
|
391
391
|
className: clsx('utrecht-alert-dialog', {
|
|
392
392
|
'utrecht-alert-dialog--error': type === 'error',
|
|
@@ -405,41 +405,65 @@ var AlertDialog = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
405
405
|
});
|
|
406
406
|
AlertDialog.displayName = 'AlertDialog';
|
|
407
407
|
|
|
408
|
-
var css_248z$
|
|
408
|
+
var css_248z$R = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}";
|
|
409
|
+
styleInject(css_248z$R);
|
|
410
|
+
|
|
411
|
+
var _excluded$_ = ["children", "className"];
|
|
412
|
+
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; }
|
|
413
|
+
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; }
|
|
414
|
+
var Article = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
415
|
+
var children = _ref.children,
|
|
416
|
+
className = _ref.className,
|
|
417
|
+
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
418
|
+
return jsxRuntime.jsx("article", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
|
|
419
|
+
ref: ref,
|
|
420
|
+
className: clsx('utrecht-article', className),
|
|
421
|
+
children: children
|
|
422
|
+
}));
|
|
423
|
+
});
|
|
424
|
+
Article.displayName = 'Article';
|
|
425
|
+
|
|
426
|
+
var css_248z$Q = ".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--_utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}.utrecht-backdrop--viewport{position:fixed}";
|
|
409
427
|
styleInject(css_248z$Q);
|
|
410
428
|
|
|
411
429
|
var _excluded$Z = ["children", "className"];
|
|
412
430
|
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; }
|
|
413
431
|
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; }
|
|
414
|
-
var
|
|
432
|
+
var Backdrop = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
415
433
|
var children = _ref.children,
|
|
416
434
|
className = _ref.className,
|
|
417
435
|
restProps = _objectWithoutProperties(_ref, _excluded$Z);
|
|
418
|
-
return jsxRuntime.jsx("
|
|
436
|
+
return jsxRuntime.jsx("div", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
|
|
419
437
|
ref: ref,
|
|
420
|
-
className: clsx('utrecht-
|
|
438
|
+
className: clsx('utrecht-backdrop', className),
|
|
421
439
|
children: children
|
|
422
440
|
}));
|
|
423
441
|
});
|
|
424
|
-
|
|
442
|
+
Backdrop.displayName = 'Backdrop';
|
|
425
443
|
|
|
426
|
-
var css_248z$P = ".utrecht-
|
|
444
|
+
var css_248z$P = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color,var(--utrecht-badge-background-color,#000));border-radius:var(--utrecht-badge-counter-border-radius,var(--utrecht-badge-border-radius,.5ch));color:var(--utrecht-badge-counter-color,var(--utrecht-badge-color,#fff));display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-style:var(--utrecht-badge-counter-font-style,normal);font-weight:var(--utrecht-badge-counter-font-weight,var(--utrecht-badge-font-weight,bold));padding-block-end:var(--utrecht-badge-counter-padding-block,var(--utrecht-badge-padding-block,.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block,var(--utrecht-badge-padding-block,.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline,var(--utrecht-badge-padding-inline,.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline,var(--utrecht-badge-padding-inline,.5ch));text-decoration:none}";
|
|
427
445
|
styleInject(css_248z$P);
|
|
428
446
|
|
|
429
|
-
var _excluded$Y = ["children", "className"];
|
|
447
|
+
var _excluded$Y = ["children", "className", "value"];
|
|
430
448
|
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; }
|
|
431
449
|
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; }
|
|
432
|
-
var
|
|
450
|
+
var BadgeCounter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
433
451
|
var children = _ref.children,
|
|
434
452
|
className = _ref.className,
|
|
453
|
+
value = _ref.value,
|
|
435
454
|
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
className: clsx('utrecht-
|
|
439
|
-
|
|
455
|
+
var props = _objectSpread$Y({
|
|
456
|
+
children: children,
|
|
457
|
+
className: clsx('utrecht-badge-counter', className)
|
|
458
|
+
}, restProps);
|
|
459
|
+
return typeof value !== 'undefined' ? jsxRuntime.jsx("data", _objectSpread$Y(_objectSpread$Y({}, props), {}, {
|
|
460
|
+
value: value,
|
|
461
|
+
ref: ref
|
|
462
|
+
})) : jsxRuntime.jsx("span", _objectSpread$Y(_objectSpread$Y({}, props), {}, {
|
|
463
|
+
ref: ref
|
|
440
464
|
}));
|
|
441
465
|
});
|
|
442
|
-
|
|
466
|
+
BadgeCounter.displayName = 'BadgeCounter';
|
|
443
467
|
|
|
444
468
|
var css_248z$O = ".utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{block-size:0;inline-size:0;inset-block-start:50%;inset-inline-start:100%}.utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color,var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform,inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end,8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start,8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end,8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start,8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus:after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}";
|
|
445
469
|
styleInject(css_248z$O);
|
|
@@ -1868,6 +1892,7 @@ exports.Alert = Alert;
|
|
|
1868
1892
|
exports.AlertDialog = AlertDialog;
|
|
1869
1893
|
exports.Article = Article;
|
|
1870
1894
|
exports.Backdrop = Backdrop;
|
|
1895
|
+
exports.BadgeCounter = BadgeCounter;
|
|
1871
1896
|
exports.BreadcrumbLink = BreadcrumbLink;
|
|
1872
1897
|
exports.BreadcrumbNav = BreadcrumbNav;
|
|
1873
1898
|
exports.Button = Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","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.js","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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|