@utrecht/component-library-react 9.0.6 → 10.1.0
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/CHANGELOG.md +130 -0
- package/dist/.jest-test-results.json +1 -1
- package/dist/Accordion.d.ts +2 -3
- package/dist/Accordion.d.ts.map +1 -1
- package/dist/Alert.d.ts +7 -1
- package/dist/Alert.d.ts.map +1 -1
- package/dist/Card.d.ts +8 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/css-module/Accordion.d.ts +2 -3
- package/dist/css-module/Accordion.d.ts.map +1 -1
- package/dist/css-module/Alert.d.ts +7 -1
- package/dist/css-module/Alert.d.ts.map +1 -1
- package/dist/css-module/Card.d.ts +8 -0
- package/dist/css-module/Card.d.ts.map +1 -0
- package/dist/css-module/css-module/Card.d.ts +7 -0
- package/dist/css-module/css-module/Card.d.ts.map +1 -0
- package/dist/css-module/index.mjs +25 -14
- package/dist/css-module/index.mjs.map +1 -1
- package/dist/index.mjs +25 -14
- package/dist/index.mjs.map +1 -1
- package/package.json +102 -100
package/dist/Accordion.d.ts
CHANGED
|
@@ -11,7 +11,6 @@ export interface AccordionSectionProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
11
11
|
onButtonBlur?: Function;
|
|
12
12
|
buttonRef?: RefObject<HTMLButtonElement>;
|
|
13
13
|
icon?: ReactNode;
|
|
14
|
-
appearance?: string;
|
|
15
14
|
}
|
|
16
15
|
export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
17
16
|
export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -41,11 +40,11 @@ export declare const useAccordionSection: ({ defaultExpanded, expanded }: Accord
|
|
|
41
40
|
ref: ForwardedRef<HTMLDivElement>;
|
|
42
41
|
expanded: boolean;
|
|
43
42
|
};
|
|
44
|
-
export interface AccordionProviderProps extends Pick<AccordionProps, 'heading' | 'headingLevel'>, Pick<AccordionSectionProps, 'icon'
|
|
43
|
+
export interface AccordionProviderProps extends Pick<AccordionProps, 'heading' | 'headingLevel'>, Pick<AccordionSectionProps, 'icon'> {
|
|
45
44
|
sections: AccordionSectionProps[];
|
|
46
45
|
}
|
|
47
46
|
export declare const AccordionProvider: {
|
|
48
|
-
({ sections, icon,
|
|
47
|
+
({ sections, icon, heading, headingLevel }: AccordionProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
49
48
|
displayName: string;
|
|
50
49
|
};
|
|
51
50
|
//# sourceMappingURL=Accordion.d.ts.map
|
package/dist/Accordion.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEZ,cAAc,EAGd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AA8Cf,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEZ,cAAc,EAGd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AA8Cf,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,kHA0E5B,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,SAAS;;kDAsBrB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,CAAC,YAAa,CAAC,EAAE,OAAO,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC;;;;;;sCAepD,SAAS,CAAC,cAAc,CAAC;;0CAUrB,SAAS,CAAC,cAAc,CAAC;;CAWlE,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,kCACS,6BAA6B,OAC/D,YAAY,CAAC,cAAc,CAAC;;;CAMlC,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,cAAc,CAAC,EACtD,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IACrC,QAAQ,EAAE,qBAAqB,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB;gDAA+C,sBAAsB;;CA6ElG,CAAC"}
|
package/dist/Alert.d.ts
CHANGED
|
@@ -4,10 +4,16 @@
|
|
|
4
4
|
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
5
5
|
*/
|
|
6
6
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
7
|
-
export
|
|
7
|
+
export declare const ROLES: readonly ["status", "alert"];
|
|
8
|
+
export type AlertRole = (typeof ROLES)[number];
|
|
9
|
+
export declare const isAlertRole: <T>(x: unknown) => x is T;
|
|
10
|
+
export declare const TYPES: readonly ["error", "warning", "info", "ok"];
|
|
11
|
+
export type AlertType = (typeof TYPES)[number];
|
|
12
|
+
export declare const isAlertType: <T>(x: unknown) => x is T;
|
|
8
13
|
export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
|
|
9
14
|
icon?: ReactNode;
|
|
10
15
|
type?: string | AlertType;
|
|
16
|
+
role?: string | AlertRole;
|
|
11
17
|
}
|
|
12
18
|
export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & {
|
|
13
19
|
children?: ReactNode | undefined;
|
package/dist/Alert.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/F,eAAO,MAAM,KAAK,8BAA+B,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,GALrB,CAAC,KAAM,OAAO,KAAG,CAAC,KAKsB,CAAC;AAE5C,eAAO,MAAM,KAAK,6CAA8C,CAAC;AACjE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,GATrB,CAAC,KAAM,OAAO,KAAG,CAAC,KASsB,CAAC;AAS5C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;kDA+BjB,CAAC"}
|
package/dist/Card.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -11,7 +11,6 @@ export interface AccordionSectionProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
11
11
|
onButtonBlur?: Function;
|
|
12
12
|
buttonRef?: RefObject<HTMLButtonElement>;
|
|
13
13
|
icon?: ReactNode;
|
|
14
|
-
appearance?: string;
|
|
15
14
|
}
|
|
16
15
|
export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
17
16
|
export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -41,11 +40,11 @@ export declare const useAccordionSection: ({ defaultExpanded, expanded }: Accord
|
|
|
41
40
|
ref: ForwardedRef<HTMLDivElement>;
|
|
42
41
|
expanded: boolean;
|
|
43
42
|
};
|
|
44
|
-
export interface AccordionProviderProps extends Pick<AccordionProps, 'heading' | 'headingLevel'>, Pick<AccordionSectionProps, 'icon'
|
|
43
|
+
export interface AccordionProviderProps extends Pick<AccordionProps, 'heading' | 'headingLevel'>, Pick<AccordionSectionProps, 'icon'> {
|
|
45
44
|
sections: AccordionSectionProps[];
|
|
46
45
|
}
|
|
47
46
|
export declare const AccordionProvider: {
|
|
48
|
-
({ sections, icon,
|
|
47
|
+
({ sections, icon, heading, headingLevel }: AccordionProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
49
48
|
displayName: string;
|
|
50
49
|
};
|
|
51
50
|
//# sourceMappingURL=Accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEZ,cAAc,EAGd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AA8Cf,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEZ,cAAc,EAGd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AA8Cf,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,kHA0E5B,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,SAAS;;kDAsBrB,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,CAAC,YAAa,CAAC,EAAE,OAAO,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC;;;;;;sCAepD,SAAS,CAAC,cAAc,CAAC;;0CAUrB,SAAS,CAAC,cAAc,CAAC;;CAWlE,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,kCACS,6BAA6B,OAC/D,YAAY,CAAC,cAAc,CAAC;;;CAMlC,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,cAAc,CAAC,EACtD,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IACrC,QAAQ,EAAE,qBAAqB,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB;gDAA+C,sBAAsB;;CA6ElG,CAAC"}
|
|
@@ -4,10 +4,16 @@
|
|
|
4
4
|
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
5
5
|
*/
|
|
6
6
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
7
|
-
export
|
|
7
|
+
export declare const ROLES: readonly ["status", "alert"];
|
|
8
|
+
export type AlertRole = (typeof ROLES)[number];
|
|
9
|
+
export declare const isAlertRole: <T>(x: unknown) => x is T;
|
|
10
|
+
export declare const TYPES: readonly ["error", "warning", "info", "ok"];
|
|
11
|
+
export type AlertType = (typeof TYPES)[number];
|
|
12
|
+
export declare const isAlertType: <T>(x: unknown) => x is T;
|
|
8
13
|
export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
|
|
9
14
|
icon?: ReactNode;
|
|
10
15
|
type?: string | AlertType;
|
|
16
|
+
role?: string | AlertRole;
|
|
11
17
|
}
|
|
12
18
|
export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & {
|
|
13
19
|
children?: ReactNode | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAA4B,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/F,eAAO,MAAM,KAAK,8BAA+B,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,GALrB,CAAC,KAAM,OAAO,KAAG,CAAC,KAKsB,CAAC;AAE5C,eAAO,MAAM,KAAK,6CAA8C,CAAC;AACjE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,GATrB,CAAC,KAAM,OAAO,KAAG,CAAC,KASsB,CAAC;AAS5C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK;;kDA+BjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/css-module/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,cAAc,SAAS,CAAC"}
|
|
@@ -150,7 +150,7 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
150
150
|
});
|
|
151
151
|
Heading.displayName = 'Heading';
|
|
152
152
|
|
|
153
|
-
var _excluded$1f = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon"
|
|
153
|
+
var _excluded$1f = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon"],
|
|
154
154
|
_excluded2$7 = ["children", "group", "headingLevel", "heading"];
|
|
155
155
|
function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
156
156
|
function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -161,6 +161,7 @@ var IconChevronDown = function IconChevronDown() {
|
|
|
161
161
|
width: "14",
|
|
162
162
|
height: "8",
|
|
163
163
|
viewBox: "0 0 14 8",
|
|
164
|
+
fill: "currentColor",
|
|
164
165
|
children: [jsx("defs", {
|
|
165
166
|
children: jsx("clipPath", {
|
|
166
167
|
id: "clippath",
|
|
@@ -228,7 +229,6 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
228
229
|
onButtonBlur = _ref.onButtonBlur,
|
|
229
230
|
onButtonFocus = _ref.onButtonFocus,
|
|
230
231
|
icon = _ref.icon,
|
|
231
|
-
appearance = _ref.appearance,
|
|
232
232
|
props = _objectWithoutProperties(_ref, _excluded$1f);
|
|
233
233
|
var panelAttributes = {
|
|
234
234
|
className: clsx('utrecht-accordion__panel', {
|
|
@@ -241,9 +241,6 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
241
241
|
'aria-hidden': !expanded
|
|
242
242
|
};
|
|
243
243
|
var iconStart = icon ? icon : icon === null ? null : jsx(IconChevronDown, {});
|
|
244
|
-
if (appearance === 'utrecht') {
|
|
245
|
-
iconStart = null;
|
|
246
|
-
}
|
|
247
244
|
var idPrefix = 'utrecht-accordion';
|
|
248
245
|
var idSuffix = id || useId();
|
|
249
246
|
var buttonId = "".concat(idPrefix).concat(idSuffix, "-button");
|
|
@@ -262,7 +259,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
262
259
|
level: headingLevel,
|
|
263
260
|
className: clsx('utrecht-accordion__header'),
|
|
264
261
|
children: jsxs(Button, {
|
|
265
|
-
className: clsx('utrecht-accordion__button'
|
|
262
|
+
className: clsx('utrecht-accordion__button'),
|
|
266
263
|
appearance: "subtle-button",
|
|
267
264
|
"aria-expanded": expanded === true,
|
|
268
265
|
"aria-controls": panelId,
|
|
@@ -366,7 +363,6 @@ var useAccordion = function useAccordion(sections, ref) {
|
|
|
366
363
|
var AccordionProvider = function AccordionProvider(_ref4) {
|
|
367
364
|
var sections = _ref4.sections,
|
|
368
365
|
icon = _ref4.icon,
|
|
369
|
-
appearance = _ref4.appearance,
|
|
370
366
|
heading = _ref4.heading,
|
|
371
367
|
headingLevel = _ref4.headingLevel;
|
|
372
368
|
var ref = useRef(null);
|
|
@@ -435,7 +431,6 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
435
431
|
headingLevel: sectionHeadingLevel
|
|
436
432
|
}, section), {}, {
|
|
437
433
|
icon: icon,
|
|
438
|
-
appearance: appearance,
|
|
439
434
|
ref: refs[index],
|
|
440
435
|
buttonRef: buttonRefs[index],
|
|
441
436
|
key: index,
|
|
@@ -455,22 +450,38 @@ AccordionProvider.displayName = 'AccordionProvider';
|
|
|
455
450
|
*/
|
|
456
451
|
insertStyle(css);
|
|
457
452
|
|
|
458
|
-
var _excluded$1e = ["children", "className", "icon", "type"];
|
|
453
|
+
var _excluded$1e = ["children", "className", "icon", "type", "role"];
|
|
459
454
|
function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
460
455
|
function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
456
|
+
var enumGuard = function enumGuard(values) {
|
|
457
|
+
return function (x) {
|
|
458
|
+
return values.includes(x);
|
|
459
|
+
};
|
|
460
|
+
};
|
|
461
|
+
var TYPES = ['error', 'warning', 'info', 'ok'];
|
|
462
|
+
var isAlertType = enumGuard(TYPES);
|
|
463
|
+
var typeToRole = {
|
|
464
|
+
info: 'status',
|
|
465
|
+
ok: 'status',
|
|
466
|
+
warning: 'alert',
|
|
467
|
+
error: 'alert'
|
|
468
|
+
};
|
|
461
469
|
var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
462
470
|
var children = _ref.children,
|
|
463
471
|
className = _ref.className,
|
|
464
472
|
icon = _ref.icon,
|
|
465
473
|
type = _ref.type,
|
|
474
|
+
role = _ref.role,
|
|
466
475
|
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
476
|
+
var computedType = isAlertType(type) ? type : 'info';
|
|
477
|
+
var computedRole = role || typeToRole[computedType];
|
|
467
478
|
return jsxs("div", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
468
479
|
ref: ref,
|
|
469
480
|
className: clsx('utrecht-alert', {
|
|
470
|
-
'utrecht-alert--error':
|
|
471
|
-
'utrecht-alert--info':
|
|
472
|
-
'utrecht-alert--ok':
|
|
473
|
-
'utrecht-alert--warning':
|
|
481
|
+
'utrecht-alert--error': computedType === 'error',
|
|
482
|
+
'utrecht-alert--info': computedType === 'info',
|
|
483
|
+
'utrecht-alert--ok': computedType === 'ok',
|
|
484
|
+
'utrecht-alert--warning': computedType === 'warning'
|
|
474
485
|
}, className),
|
|
475
486
|
children: [icon && jsx("div", {
|
|
476
487
|
className: "utrecht-alert__icon",
|
|
@@ -479,7 +490,7 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
479
490
|
className: "utrecht-alert__content",
|
|
480
491
|
children: jsx("div", {
|
|
481
492
|
className: "utrecht-alert__message",
|
|
482
|
-
role:
|
|
493
|
+
role: computedRole,
|
|
483
494
|
children: children
|
|
484
495
|
})
|
|
485
496
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.mjs
CHANGED
|
@@ -65,7 +65,7 @@ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
65
65
|
});
|
|
66
66
|
Heading.displayName = 'Heading';
|
|
67
67
|
|
|
68
|
-
var _excluded$1f = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon"
|
|
68
|
+
var _excluded$1f = ["id", "label", "className", "headingLevel", "expanded", "disabled", "section", "children", "buttonRef", "onActivate", "onButtonBlur", "onButtonFocus", "icon"],
|
|
69
69
|
_excluded2$7 = ["children", "group", "headingLevel", "heading"];
|
|
70
70
|
function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
71
71
|
function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -76,6 +76,7 @@ var IconChevronDown = function IconChevronDown() {
|
|
|
76
76
|
width: "14",
|
|
77
77
|
height: "8",
|
|
78
78
|
viewBox: "0 0 14 8",
|
|
79
|
+
fill: "currentColor",
|
|
79
80
|
children: [jsx("defs", {
|
|
80
81
|
children: jsx("clipPath", {
|
|
81
82
|
id: "clippath",
|
|
@@ -143,7 +144,6 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
143
144
|
onButtonBlur = _ref.onButtonBlur,
|
|
144
145
|
onButtonFocus = _ref.onButtonFocus,
|
|
145
146
|
icon = _ref.icon,
|
|
146
|
-
appearance = _ref.appearance,
|
|
147
147
|
props = _objectWithoutProperties(_ref, _excluded$1f);
|
|
148
148
|
var panelAttributes = {
|
|
149
149
|
className: clsx('utrecht-accordion__panel', {
|
|
@@ -156,9 +156,6 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
156
156
|
'aria-hidden': !expanded
|
|
157
157
|
};
|
|
158
158
|
var iconStart = icon ? icon : icon === null ? null : jsx(IconChevronDown, {});
|
|
159
|
-
if (appearance === 'utrecht') {
|
|
160
|
-
iconStart = null;
|
|
161
|
-
}
|
|
162
159
|
var idPrefix = 'utrecht-accordion';
|
|
163
160
|
var idSuffix = id || useId();
|
|
164
161
|
var buttonId = "".concat(idPrefix).concat(idSuffix, "-button");
|
|
@@ -177,7 +174,7 @@ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
177
174
|
level: headingLevel,
|
|
178
175
|
className: clsx('utrecht-accordion__header'),
|
|
179
176
|
children: jsxs(Button, {
|
|
180
|
-
className: clsx('utrecht-accordion__button'
|
|
177
|
+
className: clsx('utrecht-accordion__button'),
|
|
181
178
|
appearance: "subtle-button",
|
|
182
179
|
"aria-expanded": expanded === true,
|
|
183
180
|
"aria-controls": panelId,
|
|
@@ -281,7 +278,6 @@ var useAccordion = function useAccordion(sections, ref) {
|
|
|
281
278
|
var AccordionProvider = function AccordionProvider(_ref4) {
|
|
282
279
|
var sections = _ref4.sections,
|
|
283
280
|
icon = _ref4.icon,
|
|
284
|
-
appearance = _ref4.appearance,
|
|
285
281
|
heading = _ref4.heading,
|
|
286
282
|
headingLevel = _ref4.headingLevel;
|
|
287
283
|
var ref = useRef(null);
|
|
@@ -350,7 +346,6 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
350
346
|
headingLevel: sectionHeadingLevel
|
|
351
347
|
}, section), {}, {
|
|
352
348
|
icon: icon,
|
|
353
|
-
appearance: appearance,
|
|
354
349
|
ref: refs[index],
|
|
355
350
|
buttonRef: buttonRefs[index],
|
|
356
351
|
key: index,
|
|
@@ -363,22 +358,38 @@ var AccordionProvider = function AccordionProvider(_ref4) {
|
|
|
363
358
|
};
|
|
364
359
|
AccordionProvider.displayName = 'AccordionProvider';
|
|
365
360
|
|
|
366
|
-
var _excluded$1e = ["children", "className", "icon", "type"];
|
|
361
|
+
var _excluded$1e = ["children", "className", "icon", "type", "role"];
|
|
367
362
|
function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
368
363
|
function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
364
|
+
var enumGuard = function enumGuard(values) {
|
|
365
|
+
return function (x) {
|
|
366
|
+
return values.includes(x);
|
|
367
|
+
};
|
|
368
|
+
};
|
|
369
|
+
var TYPES = ['error', 'warning', 'info', 'ok'];
|
|
370
|
+
var isAlertType = enumGuard(TYPES);
|
|
371
|
+
var typeToRole = {
|
|
372
|
+
info: 'status',
|
|
373
|
+
ok: 'status',
|
|
374
|
+
warning: 'alert',
|
|
375
|
+
error: 'alert'
|
|
376
|
+
};
|
|
369
377
|
var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
370
378
|
var children = _ref.children,
|
|
371
379
|
className = _ref.className,
|
|
372
380
|
icon = _ref.icon,
|
|
373
381
|
type = _ref.type,
|
|
382
|
+
role = _ref.role,
|
|
374
383
|
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
384
|
+
var computedType = isAlertType(type) ? type : 'info';
|
|
385
|
+
var computedRole = role || typeToRole[computedType];
|
|
375
386
|
return jsxs("div", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
376
387
|
ref: ref,
|
|
377
388
|
className: clsx('utrecht-alert', {
|
|
378
|
-
'utrecht-alert--error':
|
|
379
|
-
'utrecht-alert--info':
|
|
380
|
-
'utrecht-alert--ok':
|
|
381
|
-
'utrecht-alert--warning':
|
|
389
|
+
'utrecht-alert--error': computedType === 'error',
|
|
390
|
+
'utrecht-alert--info': computedType === 'info',
|
|
391
|
+
'utrecht-alert--ok': computedType === 'ok',
|
|
392
|
+
'utrecht-alert--warning': computedType === 'warning'
|
|
382
393
|
}, className),
|
|
383
394
|
children: [icon && jsx("div", {
|
|
384
395
|
className: "utrecht-alert__icon",
|
|
@@ -387,7 +398,7 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
387
398
|
className: "utrecht-alert__content",
|
|
388
399
|
children: jsx("div", {
|
|
389
400
|
className: "utrecht-alert__message",
|
|
390
|
-
role:
|
|
401
|
+
role: computedRole,
|
|
391
402
|
children: children
|
|
392
403
|
})
|
|
393
404
|
})]
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|