@uxf/ui 11.55.0 → 11.56.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.
Files changed (16) hide show
  1. package/accordion/README.md +23 -0
  2. package/accordion/accordion.d.ts +33 -0
  3. package/accordion/accordion.js +78 -0
  4. package/accordion/accordion.spec.d.ts +1 -0
  5. package/accordion/accordion.spec.js +9 -0
  6. package/accordion/accordion.stories.d.ts +2 -0
  7. package/accordion/accordion.stories.js +20 -0
  8. package/accordion/index.d.ts +2 -0
  9. package/accordion/index.js +5 -0
  10. package/components.d.ts +5 -0
  11. package/components.js +5 -0
  12. package/css/accordion.css +51 -0
  13. package/icons-config.js +5 -0
  14. package/package.json +1 -1
  15. package/readmes.d.ts +63 -62
  16. package/readmes.js +124 -122
package/accordion/README.md ADDED
@@ -0,0 +1,23 @@
1
+ # Accordion
2
+
3
+ ## CSS dependencies
4
+
5
+ ```css
6
+ @import url("@uxf/ui/icon/icon.css");
7
+ @import url("@uxf/ui/accordion/accordion.css");
8
+ ```
9
+
10
+ ```tsx
11
+ <Accordion
12
+ closeIconName="minus"
13
+ itemOpenBehavior="multiple"
14
+ openIconName="plus"
15
+ >
16
+ <Accordion.Item id="item1" isOpen title="Item 1">
17
+ Item 1 content
18
+ </Accordion.Item>
19
+ <Accordion.Item id="item2" title="Item 2">
20
+ Item 2 content
21
+ </Accordion.Item>
22
+ </Accordion>
23
+ ```
package/accordion/accordion.d.ts ADDED
@@ -0,0 +1,33 @@
1
+ import React, { ReactNode } from "react";
2
+ import { IconName } from "../icon/types";
3
+ export type AccordionItemOpenBehaviour = "single" | "multiple";
4
+ export interface AccordionItemProps {
5
+ children: ReactNode;
6
+ className?: string;
7
+ closeIconName?: IconName;
8
+ id: string;
9
+ iconSize?: number;
10
+ isOpen?: boolean;
11
+ name?: string;
12
+ openIconName?: IconName;
13
+ title: ReactNode;
14
+ }
15
+ declare function Item(props: AccordionItemProps): React.JSX.Element;
16
+ declare namespace Item {
17
+ var displayName: string;
18
+ }
19
+ export interface AccordionProps {
20
+ children: ReactNode;
21
+ className?: string;
22
+ closeIconName?: AccordionItemProps["closeIconName"];
23
+ itemOpenBehavior?: AccordionItemOpenBehaviour;
24
+ openIconName?: AccordionItemProps["openIconName"];
25
+ }
26
+ declare function Root(props: AccordionProps): React.JSX.Element;
27
+ declare namespace Root {
28
+ var displayName: string;
29
+ }
30
+ export declare const Accordion: typeof Root & {
31
+ Item: typeof Item;
32
+ };
33
+ export {};
package/accordion/accordion.js ADDED
@@ -0,0 +1,78 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.Accordion = void 0;
27
+ const is_nil_1 = require("@uxf/core/utils/is-nil");
28
+ const react_1 = __importStar(require("react"));
29
+ const icon_1 = require("../icon");
30
+ function isExclusiveAccordionSupported() {
31
+ const details = document.createElement("details");
32
+ const uniqueTestValue = Date.now().toString();
33
+ details.name = uniqueTestValue;
34
+ const isSupported = details.getAttribute("name") === uniqueTestValue;
35
+ details.remove();
36
+ return isSupported;
37
+ }
38
+ function Item(props) {
39
+ var _a, _b, _c, _d;
40
+ const innerRef = (0, react_1.useRef)(null);
41
+ const itemClickHandler = () => {
42
+ const node = innerRef.current;
43
+ if (isExclusiveAccordionSupported() || (0, is_nil_1.isNil)(props.name) || (0, is_nil_1.isNil)(node)) {
44
+ return;
45
+ }
46
+ document.querySelectorAll("details").forEach((child) => {
47
+ if (child !== node && child.getAttribute("name") === props.name) {
48
+ child.open = false;
49
+ }
50
+ });
51
+ };
52
+ const iconSize = (_a = props.iconSize) !== null && _a !== void 0 ? _a : 16;
53
+ return (react_1.default.createElement("details", { className: `uxf-accordion__item ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`, id: props.id, name: props.name, open: props.isOpen, ref: innerRef },
54
+ react_1.default.createElement("summary", { className: "uxf-accordion__item-button", onClick: itemClickHandler },
55
+ react_1.default.createElement("span", { className: "uxf-accordion__item-title" }, props.title),
56
+ react_1.default.createElement(icon_1.Icon, { className: "uxf-accordion__item-icon uxf-accordion__item-icon-close", name: (_c = props.closeIconName) !== null && _c !== void 0 ? _c : "chevronUp", size: iconSize }),
57
+ react_1.default.createElement(icon_1.Icon, { className: "uxf-accordion__item-icon uxf-accordion__item-icon-open", name: (_d = props.openIconName) !== null && _d !== void 0 ? _d : "chevronDown", size: iconSize })),
58
+ react_1.default.createElement("div", { className: "uxf-accordion__item-content" },
59
+ react_1.default.createElement("div", { className: "uxf-accordion__item-content-inner" }, props.children))));
60
+ }
61
+ const ACCORDION_ITEM_DISPLAY_NAME = "UxfUiAccordionItem";
62
+ Item.displayName = ACCORDION_ITEM_DISPLAY_NAME;
63
+ function Root(props) {
64
+ var _a;
65
+ const id = (0, react_1.useId)();
66
+ const accordionItems = react_1.Children.toArray(props.children).filter((child) => (0, react_1.isValidElement)(child) && child.type.displayName === ACCORDION_ITEM_DISPLAY_NAME);
67
+ return (react_1.default.createElement("div", { className: `uxf-accordion ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` }, accordionItems.map((child) => {
68
+ var _a, _b;
69
+ return (0, react_1.cloneElement)(child, {
70
+ closeIconName: (_a = child.props.closeIconName) !== null && _a !== void 0 ? _a : props.closeIconName,
71
+ key: child.props.id,
72
+ name: props.itemOpenBehavior === "multiple" ? id : child.props.name,
73
+ openIconName: (_b = child.props.openIconName) !== null && _b !== void 0 ? _b : props.openIconName,
74
+ });
75
+ })));
76
+ }
77
+ Root.displayName = "UxfUiAccordion";
78
+ exports.Accordion = Object.assign(Root, { Item });
package/accordion/accordion.spec.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/accordion/accordion.spec.js ADDED
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const react_1 = __importDefault(require("react"));
7
+ const snap_test_1 = require("../utils/snap-test");
8
+ const accordion_stories_1 = require("./accordion.stories");
9
+ (0, snap_test_1.snapTest)("render stories", react_1.default.createElement(accordion_stories_1.Default, null));
package/accordion/accordion.stories.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare function Default(): React.JSX.Element;
package/accordion/accordion.stories.js ADDED
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Default = Default;
7
+ const react_1 = __importDefault(require("react"));
8
+ const accordion_1 = require("./accordion");
9
+ function Default() {
10
+ return (react_1.default.createElement("div", { className: "w-full max-w-[600px] p-10" },
11
+ react_1.default.createElement("p", { className: "mb-4" }, "Default Accordion"),
12
+ react_1.default.createElement(accordion_1.Accordion, null,
13
+ react_1.default.createElement(accordion_1.Accordion.Item, { id: "item1", title: "Co je to razdvat\u0159i?" }, "Opr\u00E1vn\u011Bn\u00E9 ani\u017E i odstoupil o snadno osoby vede grafikou osobami \u00FAmyslu 60 % poskytovat, d\u011Bl\u00ED zp\u016Fsobem, \u00A7 36 veletrhu pov\u011B\u0159it spravuj\u00ED z\u0159ejm\u00E9m, k p\u0159ed platb\u011B st\u00E1tu"),
14
+ react_1.default.createElement(accordion_1.Accordion.Item, { id: "item2", title: "Hodn\u011B dobr\u00FD dotaz" }, "P\u0159evedl spr\u00E1vn\u00ED, kter\u00FDmi v\u00FDkonn\u00E9mu st\u00E1tn\u00EDho a \u00FA\u010Deln\u00FD tuto org\u00E1nu, mohlo k zdr\u017Eet n\u011Bho\u017E prok\u00E1z\u00E1n 1950 i n\u011Bm\u017E p\u00EDsmenny a velk\u00E9 v\u00FDznamn\u00E9 p\u0159\u00EDpady, kter\u00E9 se neboj\u00ED v\u00FDznamn\u00E9 p\u0159\u00EDpady, kter\u00E9 se"),
15
+ react_1.default.createElement(accordion_1.Accordion.Item, { id: "item3", title: "Kdo v\u00ED kde se skr\u00FDv\u00E1 v\u0161ev\u011Bdouc\u00ED..." }, "Spr\u00E1vn\u00ED, kter\u00FDmi v\u00FDkonn\u00E9mu st\u00E1tn\u00EDho a \u00FA\u010Deln\u00FD tuto org\u00E1nu, mohlo k zdr\u017Eet n\u011Bho\u017E prok\u00E1z\u00E1n 1950 i n\u011Bm\u017E p\u00EDsmenny a velk\u00E9 v\u00FDznamn\u00E9 p\u0159\u00EDpady, kter\u00E9 se neboj\u00ED v\u00FDznamn\u00E9 p\u0159\u00EDpady, kter\u00E9 se")),
16
+ react_1.default.createElement("p", { className: "mb-4 mt-10" }, "Accordion - itemOpenBehavior multiple, custom icons, default open"),
17
+ react_1.default.createElement(accordion_1.Accordion, { closeIconName: "minus", itemOpenBehavior: "multiple", openIconName: "plus" },
18
+ react_1.default.createElement(accordion_1.Accordion.Item, { id: "item1", isOpen: true, title: "Item 1" }, "Opr\u00E1vn\u011Bn\u00E9 ani\u017E i odstoupil o snadno osoby vede kter\u00FDmi v\u00FDkonn\u00E9mu st\u00E1tn\u00EDho a \u00FA\u010Deln\u00FD tuto org\u00E1nu"),
19
+ react_1.default.createElement(accordion_1.Accordion.Item, { id: "item2", title: "Item 2" }, "P\u0159evedl spr\u00E1vn\u00ED, kter\u00FDmi v\u00FDkonn\u00E9mu st\u00E1tn\u00EDho a \u00FA\u010Deln\u00FD tuto org\u00E1nu, mohlo k zdr\u017Eet n\u011Bho\u017E prok\u00E1z\u00E1n 1950 i n\u011Bm\u017E p\u00EDsmenny a velk\u00E9 v\u00FDznamn\u00E9 p\u0159\u00EDpady, kter\u00E9 se neboj\u00ED v\u00FDznamn\u00E9 p\u0159\u00EDpady, kter\u00E9 se"))));
20
+ }
package/accordion/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { Accordion } from "./accordion";
2
+ export type { AccordionItemOpenBehaviour, AccordionItemProps, AccordionProps } from "./accordion";
package/accordion/index.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Accordion = void 0;
4
+ var accordion_1 = require("./accordion");
5
+ Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
package/components.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as accordionStories from "./accordion/accordion.stories";
1
2
  import * as alertBubbleStories from "./alert-bubble/alert-bubble.stories";
2
3
  import * as announcementBarStories from "./announcement-bar/announcement-bar.stories";
3
4
  import * as avatarStories from "./avatar/avatar.stories";
@@ -60,6 +61,10 @@ import * as toggleStories from "./toggle/toggle.stories";
60
61
  import * as tooltipStories from "./tooltip/tooltip.stories";
61
62
  import * as typographyStories from "./typography/typography.stories";
62
63
  export declare const components: {
64
+ readonly accordion: {
65
+ readonly title: "Accordion";
66
+ readonly stories: typeof accordionStories;
67
+ };
63
68
  readonly "alert-bubble": {
64
69
  readonly title: "AlertBubble";
65
70
  readonly stories: typeof alertBubbleStories;
package/components.js CHANGED
@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.components = void 0;
27
27
  // generated file
28
+ const accordionStories = __importStar(require("./accordion/accordion.stories"));
28
29
  const alertBubbleStories = __importStar(require("./alert-bubble/alert-bubble.stories"));
29
30
  const announcementBarStories = __importStar(require("./announcement-bar/announcement-bar.stories"));
30
31
  const avatarStories = __importStar(require("./avatar/avatar.stories"));
@@ -87,6 +88,10 @@ const toggleStories = __importStar(require("./toggle/toggle.stories"));
87
88
  const tooltipStories = __importStar(require("./tooltip/tooltip.stories"));
88
89
  const typographyStories = __importStar(require("./typography/typography.stories"));
89
90
  exports.components = {
91
+ "accordion": {
92
+ title: "Accordion",
93
+ stories: accordionStories
94
+ },
90
95
  "alert-bubble": {
91
96
  title: "AlertBubble",
92
97
  stories: alertBubbleStories
package/css/accordion.css ADDED
@@ -0,0 +1,51 @@
1
+ .uxf-accordion {
2
+ width: 100%;
3
+
4
+ &__item {
5
+ border-bottom: 1px solid theme("colors.base_border_border");
6
+
7
+ &[open] {
8
+ .uxf-accordion__item-icon-close {
9
+ display: block;
10
+ }
11
+
12
+ .uxf-accordion__item-icon-open {
13
+ display: none;
14
+ }
15
+ }
16
+ }
17
+
18
+ &__item-button {
19
+ align-items: center;
20
+ cursor: pointer;
21
+ display: flex;
22
+ gap: theme("spacing.2");
23
+ justify-content: space-between;
24
+ padding: theme("spacing.3") 0;
25
+ text-align: left;
26
+ width: 100%;
27
+
28
+ &::marker,
29
+ &::-webkit-details-marker {
30
+ display: none;
31
+ }
32
+ }
33
+
34
+ &__item-title {
35
+ @apply uxf-typo-body;
36
+
37
+ font-weight: theme("fontWeight.medium");
38
+ }
39
+
40
+ &__item-icon {
41
+ opacity: 0.6;
42
+ }
43
+
44
+ &__item-icon-close {
45
+ display: none;
46
+ }
47
+
48
+ &__item-content-inner {
49
+ padding-bottom: theme("spacing.2");
50
+ }
51
+ }
package/icons-config.js CHANGED
@@ -110,6 +110,11 @@ module.exports = {
110
110
  height: 512,
111
111
  data: `<path d="m365.3 93.38-74.63-74.64C278.6 6.742 262.3 0 245.4 0H64C28.65 0 0 28.65 0 64l.0065 384c0 35.34 28.65 64 64 64H320c35.2 0 64-28.8 64-64V138.6c0-16.9-6.7-33.2-18.7-45.22zM336 448c0 8.836-7.164 16-16 16H64.02c-8.838 0-16-7.164-16-16L48 64.13c0-8.836 7.164-16 16-16h160V128c0 17.67 14.33 32 32 32h79.1v288zM215.3 292c-4.68 0-9.051 2.34-11.65 6.234L164 357.8l-11.68-17.53c-2.62-3.97-7.02-6.27-11.62-6.27-4.682 0-9.053 2.34-11.65 6.234l-46.67 70c-2.865 4.297-3.131 9.82-.6953 14.37C84.09 429.2 88.84 432 93.1 432h196c5.163 0 9.907-2.844 12.34-7.395 2.436-4.551 2.17-10.07-.6953-14.37l-74.67-112C224.4 294.3 220 292 215.3 292zm-87.3-4c17.67 0 32-14.33 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32z" fill="currentColor" />`,
112
112
  },
113
+ minus: {
114
+ width: 24,
115
+ height: 24,
116
+ data: `<path fill="currentColor" d="M22.875 10.833c.623 0 1.125.544 1.125 1.125 0 .666-.502 1.125-1.125 1.125H1.083c-.58 0-1.083-.46-1.083-1.125 0-.581.503-1.125 1.083-1.125h21.792Z"/>`,
117
+ },
113
118
  "triangle-exclamation": {
114
119
  width: 512,
115
120
  height: 512,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/ui",
3
- "version": "11.55.0",
3
+ "version": "11.56.0",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/readmes.d.ts CHANGED
@@ -1,64 +1,65 @@
1
- import alertBubbleReadme from "./alert-bubble/README.md";
1
+ import accordionReadme from "./accordion/README.md";
2
2
  export declare const readmes: {
3
- readonly "alert-bubble": typeof alertBubbleReadme;
4
- readonly "announcement-bar": typeof alertBubbleReadme;
5
- readonly avatar: typeof alertBubbleReadme;
6
- readonly "avatar-file-input": typeof alertBubbleReadme;
7
- readonly badge: typeof alertBubbleReadme;
8
- readonly button: typeof alertBubbleReadme;
9
- readonly "button-group": typeof alertBubbleReadme;
10
- readonly "button-list": typeof alertBubbleReadme;
11
- readonly calendar: typeof alertBubbleReadme;
12
- readonly checkbox: typeof alertBubbleReadme;
13
- readonly "checkbox-button": typeof alertBubbleReadme;
14
- readonly "checkbox-input": typeof alertBubbleReadme;
15
- readonly "checkbox-list": typeof alertBubbleReadme;
16
- readonly chip: typeof alertBubbleReadme;
17
- readonly "color-radio": typeof alertBubbleReadme;
18
- readonly "color-radio-group": typeof alertBubbleReadme;
19
- readonly combobox: typeof alertBubbleReadme;
20
- readonly "date-picker": typeof alertBubbleReadme;
21
- readonly "date-picker-input": typeof alertBubbleReadme;
22
- readonly "date-range-picker": typeof alertBubbleReadme;
23
- readonly "date-range-picker-input": typeof alertBubbleReadme;
24
- readonly "datetime-picker": typeof alertBubbleReadme;
25
- readonly "datetime-picker-input": typeof alertBubbleReadme;
26
- readonly dialog: typeof alertBubbleReadme;
27
- readonly dropdown: typeof alertBubbleReadme;
28
- readonly dropzone: typeof alertBubbleReadme;
29
- readonly "error-message": typeof alertBubbleReadme;
30
- readonly "file-input": typeof alertBubbleReadme;
31
- readonly "flash-messages": typeof alertBubbleReadme;
32
- readonly "form-component": typeof alertBubbleReadme;
33
- readonly icon: typeof alertBubbleReadme;
34
- readonly "icon-button": typeof alertBubbleReadme;
35
- readonly "image-gallery": typeof alertBubbleReadme;
36
- readonly "info-box": typeof alertBubbleReadme;
37
- readonly input: typeof alertBubbleReadme;
38
- readonly label: typeof alertBubbleReadme;
39
- readonly layout: typeof alertBubbleReadme;
40
- readonly "list-item": typeof alertBubbleReadme;
41
- readonly loader: typeof alertBubbleReadme;
42
- readonly lozenge: typeof alertBubbleReadme;
43
- readonly message: typeof alertBubbleReadme;
44
- readonly modal: typeof alertBubbleReadme;
45
- readonly "modal-dialog": typeof alertBubbleReadme;
46
- readonly "modal-header": typeof alertBubbleReadme;
47
- readonly "multi-combobox": typeof alertBubbleReadme;
48
- readonly "multi-select": typeof alertBubbleReadme;
49
- readonly pagination: typeof alertBubbleReadme;
50
- readonly paper: typeof alertBubbleReadme;
51
- readonly radio: typeof alertBubbleReadme;
52
- readonly "radio-group": typeof alertBubbleReadme;
53
- readonly "raster-image": typeof alertBubbleReadme;
54
- readonly select: typeof alertBubbleReadme;
55
- readonly tabs: typeof alertBubbleReadme;
56
- readonly "text-input": typeof alertBubbleReadme;
57
- readonly "text-link": typeof alertBubbleReadme;
58
- readonly textarea: typeof alertBubbleReadme;
59
- readonly "time-picker": typeof alertBubbleReadme;
60
- readonly "time-picker-input": typeof alertBubbleReadme;
61
- readonly toggle: typeof alertBubbleReadme;
62
- readonly tooltip: typeof alertBubbleReadme;
63
- readonly typography: typeof alertBubbleReadme;
3
+ readonly accordion: typeof accordionReadme;
4
+ readonly "alert-bubble": typeof accordionReadme;
5
+ readonly "announcement-bar": typeof accordionReadme;
6
+ readonly avatar: typeof accordionReadme;
7
+ readonly "avatar-file-input": typeof accordionReadme;
8
+ readonly badge: typeof accordionReadme;
9
+ readonly button: typeof accordionReadme;
10
+ readonly "button-group": typeof accordionReadme;
11
+ readonly "button-list": typeof accordionReadme;
12
+ readonly calendar: typeof accordionReadme;
13
+ readonly checkbox: typeof accordionReadme;
14
+ readonly "checkbox-button": typeof accordionReadme;
15
+ readonly "checkbox-input": typeof accordionReadme;
16
+ readonly "checkbox-list": typeof accordionReadme;
17
+ readonly chip: typeof accordionReadme;
18
+ readonly "color-radio": typeof accordionReadme;
19
+ readonly "color-radio-group": typeof accordionReadme;
20
+ readonly combobox: typeof accordionReadme;
21
+ readonly "date-picker": typeof accordionReadme;
22
+ readonly "date-picker-input": typeof accordionReadme;
23
+ readonly "date-range-picker": typeof accordionReadme;
24
+ readonly "date-range-picker-input": typeof accordionReadme;
25
+ readonly "datetime-picker": typeof accordionReadme;
26
+ readonly "datetime-picker-input": typeof accordionReadme;
27
+ readonly dialog: typeof accordionReadme;
28
+ readonly dropdown: typeof accordionReadme;
29
+ readonly dropzone: typeof accordionReadme;
30
+ readonly "error-message": typeof accordionReadme;
31
+ readonly "file-input": typeof accordionReadme;
32
+ readonly "flash-messages": typeof accordionReadme;
33
+ readonly "form-component": typeof accordionReadme;
34
+ readonly icon: typeof accordionReadme;
35
+ readonly "icon-button": typeof accordionReadme;
36
+ readonly "image-gallery": typeof accordionReadme;
37
+ readonly "info-box": typeof accordionReadme;
38
+ readonly input: typeof accordionReadme;
39
+ readonly label: typeof accordionReadme;
40
+ readonly layout: typeof accordionReadme;
41
+ readonly "list-item": typeof accordionReadme;
42
+ readonly loader: typeof accordionReadme;
43
+ readonly lozenge: typeof accordionReadme;
44
+ readonly message: typeof accordionReadme;
45
+ readonly modal: typeof accordionReadme;
46
+ readonly "modal-dialog": typeof accordionReadme;
47
+ readonly "modal-header": typeof accordionReadme;
48
+ readonly "multi-combobox": typeof accordionReadme;
49
+ readonly "multi-select": typeof accordionReadme;
50
+ readonly pagination: typeof accordionReadme;
51
+ readonly paper: typeof accordionReadme;
52
+ readonly radio: typeof accordionReadme;
53
+ readonly "radio-group": typeof accordionReadme;
54
+ readonly "raster-image": typeof accordionReadme;
55
+ readonly select: typeof accordionReadme;
56
+ readonly tabs: typeof accordionReadme;
57
+ readonly "text-input": typeof accordionReadme;
58
+ readonly "text-link": typeof accordionReadme;
59
+ readonly textarea: typeof accordionReadme;
60
+ readonly "time-picker": typeof accordionReadme;
61
+ readonly "time-picker-input": typeof accordionReadme;
62
+ readonly toggle: typeof accordionReadme;
63
+ readonly tooltip: typeof accordionReadme;
64
+ readonly typography: typeof accordionReadme;
64
65
  };
package/readmes.js CHANGED
@@ -5,127 +5,129 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.readmes = void 0;
7
7
  // generated file
8
- const README_md_1 = __importDefault(require("./alert-bubble/README.md"));
9
- const README_md_2 = __importDefault(require("./announcement-bar/README.md"));
10
- const README_md_3 = __importDefault(require("./avatar/README.md"));
11
- const README_md_4 = __importDefault(require("./avatar-file-input/README.md"));
12
- const README_md_5 = __importDefault(require("./badge/README.md"));
13
- const README_md_6 = __importDefault(require("./button/README.md"));
14
- const README_md_7 = __importDefault(require("./button-group/README.md"));
15
- const README_md_8 = __importDefault(require("./button-list/README.md"));
16
- const README_md_9 = __importDefault(require("./calendar/README.md"));
17
- const README_md_10 = __importDefault(require("./checkbox/README.md"));
18
- const README_md_11 = __importDefault(require("./checkbox-button/README.md"));
19
- const README_md_12 = __importDefault(require("./checkbox-input/README.md"));
20
- const README_md_13 = __importDefault(require("./checkbox-list/README.md"));
21
- const README_md_14 = __importDefault(require("./chip/README.md"));
22
- const README_md_15 = __importDefault(require("./color-radio/README.md"));
23
- const README_md_16 = __importDefault(require("./color-radio-group/README.md"));
24
- const README_md_17 = __importDefault(require("./combobox/README.md"));
25
- const README_md_18 = __importDefault(require("./date-picker/README.md"));
26
- const README_md_19 = __importDefault(require("./date-picker-input/README.md"));
27
- const README_md_20 = __importDefault(require("./date-range-picker/README.md"));
28
- const README_md_21 = __importDefault(require("./date-range-picker-input/README.md"));
29
- const README_md_22 = __importDefault(require("./datetime-picker/README.md"));
30
- const README_md_23 = __importDefault(require("./datetime-picker-input/README.md"));
31
- const README_md_24 = __importDefault(require("./dialog/README.md"));
32
- const README_md_25 = __importDefault(require("./dropdown/README.md"));
33
- const README_md_26 = __importDefault(require("./dropzone/README.md"));
34
- const README_md_27 = __importDefault(require("./error-message/README.md"));
35
- const README_md_28 = __importDefault(require("./file-input/README.md"));
36
- const README_md_29 = __importDefault(require("./flash-messages/README.md"));
37
- const README_md_30 = __importDefault(require("./form-component/README.md"));
38
- const README_md_31 = __importDefault(require("./icon/README.md"));
39
- const README_md_32 = __importDefault(require("./icon-button/README.md"));
40
- const README_md_33 = __importDefault(require("./image-gallery/README.md"));
41
- const README_md_34 = __importDefault(require("./info-box/README.md"));
42
- const README_md_35 = __importDefault(require("./input/README.md"));
43
- const README_md_36 = __importDefault(require("./label/README.md"));
44
- const README_md_37 = __importDefault(require("./layout/README.md"));
45
- const README_md_38 = __importDefault(require("./list-item/README.md"));
46
- const README_md_39 = __importDefault(require("./loader/README.md"));
47
- const README_md_40 = __importDefault(require("./lozenge/README.md"));
48
- const README_md_41 = __importDefault(require("./message/README.md"));
49
- const README_md_42 = __importDefault(require("./modal/README.md"));
50
- const README_md_43 = __importDefault(require("./modal-dialog/README.md"));
51
- const README_md_44 = __importDefault(require("./modal-header/README.md"));
52
- const README_md_45 = __importDefault(require("./multi-combobox/README.md"));
53
- const README_md_46 = __importDefault(require("./multi-select/README.md"));
54
- const README_md_47 = __importDefault(require("./pagination/README.md"));
55
- const README_md_48 = __importDefault(require("./paper/README.md"));
56
- const README_md_49 = __importDefault(require("./radio/README.md"));
57
- const README_md_50 = __importDefault(require("./radio-group/README.md"));
58
- const README_md_51 = __importDefault(require("./raster-image/README.md"));
59
- const README_md_52 = __importDefault(require("./select/README.md"));
60
- const README_md_53 = __importDefault(require("./tabs/README.md"));
61
- const README_md_54 = __importDefault(require("./text-input/README.md"));
62
- const README_md_55 = __importDefault(require("./text-link/README.md"));
63
- const README_md_56 = __importDefault(require("./textarea/README.md"));
64
- const README_md_57 = __importDefault(require("./time-picker/README.md"));
65
- const README_md_58 = __importDefault(require("./time-picker-input/README.md"));
66
- const README_md_59 = __importDefault(require("./toggle/README.md"));
67
- const README_md_60 = __importDefault(require("./tooltip/README.md"));
68
- const README_md_61 = __importDefault(require("./typography/README.md"));
8
+ const README_md_1 = __importDefault(require("./accordion/README.md"));
9
+ const README_md_2 = __importDefault(require("./alert-bubble/README.md"));
10
+ const README_md_3 = __importDefault(require("./announcement-bar/README.md"));
11
+ const README_md_4 = __importDefault(require("./avatar/README.md"));
12
+ const README_md_5 = __importDefault(require("./avatar-file-input/README.md"));
13
+ const README_md_6 = __importDefault(require("./badge/README.md"));
14
+ const README_md_7 = __importDefault(require("./button/README.md"));
15
+ const README_md_8 = __importDefault(require("./button-group/README.md"));
16
+ const README_md_9 = __importDefault(require("./button-list/README.md"));
17
+ const README_md_10 = __importDefault(require("./calendar/README.md"));
18
+ const README_md_11 = __importDefault(require("./checkbox/README.md"));
19
+ const README_md_12 = __importDefault(require("./checkbox-button/README.md"));
20
+ const README_md_13 = __importDefault(require("./checkbox-input/README.md"));
21
+ const README_md_14 = __importDefault(require("./checkbox-list/README.md"));
22
+ const README_md_15 = __importDefault(require("./chip/README.md"));
23
+ const README_md_16 = __importDefault(require("./color-radio/README.md"));
24
+ const README_md_17 = __importDefault(require("./color-radio-group/README.md"));
25
+ const README_md_18 = __importDefault(require("./combobox/README.md"));
26
+ const README_md_19 = __importDefault(require("./date-picker/README.md"));
27
+ const README_md_20 = __importDefault(require("./date-picker-input/README.md"));
28
+ const README_md_21 = __importDefault(require("./date-range-picker/README.md"));
29
+ const README_md_22 = __importDefault(require("./date-range-picker-input/README.md"));
30
+ const README_md_23 = __importDefault(require("./datetime-picker/README.md"));
31
+ const README_md_24 = __importDefault(require("./datetime-picker-input/README.md"));
32
+ const README_md_25 = __importDefault(require("./dialog/README.md"));
33
+ const README_md_26 = __importDefault(require("./dropdown/README.md"));
34
+ const README_md_27 = __importDefault(require("./dropzone/README.md"));
35
+ const README_md_28 = __importDefault(require("./error-message/README.md"));
36
+ const README_md_29 = __importDefault(require("./file-input/README.md"));
37
+ const README_md_30 = __importDefault(require("./flash-messages/README.md"));
38
+ const README_md_31 = __importDefault(require("./form-component/README.md"));
39
+ const README_md_32 = __importDefault(require("./icon/README.md"));
40
+ const README_md_33 = __importDefault(require("./icon-button/README.md"));
41
+ const README_md_34 = __importDefault(require("./image-gallery/README.md"));
42
+ const README_md_35 = __importDefault(require("./info-box/README.md"));
43
+ const README_md_36 = __importDefault(require("./input/README.md"));
44
+ const README_md_37 = __importDefault(require("./label/README.md"));
45
+ const README_md_38 = __importDefault(require("./layout/README.md"));
46
+ const README_md_39 = __importDefault(require("./list-item/README.md"));
47
+ const README_md_40 = __importDefault(require("./loader/README.md"));
48
+ const README_md_41 = __importDefault(require("./lozenge/README.md"));
49
+ const README_md_42 = __importDefault(require("./message/README.md"));
50
+ const README_md_43 = __importDefault(require("./modal/README.md"));
51
+ const README_md_44 = __importDefault(require("./modal-dialog/README.md"));
52
+ const README_md_45 = __importDefault(require("./modal-header/README.md"));
53
+ const README_md_46 = __importDefault(require("./multi-combobox/README.md"));
54
+ const README_md_47 = __importDefault(require("./multi-select/README.md"));
55
+ const README_md_48 = __importDefault(require("./pagination/README.md"));
56
+ const README_md_49 = __importDefault(require("./paper/README.md"));
57
+ const README_md_50 = __importDefault(require("./radio/README.md"));
58
+ const README_md_51 = __importDefault(require("./radio-group/README.md"));
59
+ const README_md_52 = __importDefault(require("./raster-image/README.md"));
60
+ const README_md_53 = __importDefault(require("./select/README.md"));
61
+ const README_md_54 = __importDefault(require("./tabs/README.md"));
62
+ const README_md_55 = __importDefault(require("./text-input/README.md"));
63
+ const README_md_56 = __importDefault(require("./text-link/README.md"));
64
+ const README_md_57 = __importDefault(require("./textarea/README.md"));
65
+ const README_md_58 = __importDefault(require("./time-picker/README.md"));
66
+ const README_md_59 = __importDefault(require("./time-picker-input/README.md"));
67
+ const README_md_60 = __importDefault(require("./toggle/README.md"));
68
+ const README_md_61 = __importDefault(require("./tooltip/README.md"));
69
+ const README_md_62 = __importDefault(require("./typography/README.md"));
69
70
  exports.readmes = {
70
- "alert-bubble": README_md_1.default,
71
- "announcement-bar": README_md_2.default,
72
- "avatar": README_md_3.default,
73
- "avatar-file-input": README_md_4.default,
74
- "badge": README_md_5.default,
75
- "button": README_md_6.default,
76
- "button-group": README_md_7.default,
77
- "button-list": README_md_8.default,
78
- "calendar": README_md_9.default,
79
- "checkbox": README_md_10.default,
80
- "checkbox-button": README_md_11.default,
81
- "checkbox-input": README_md_12.default,
82
- "checkbox-list": README_md_13.default,
83
- "chip": README_md_14.default,
84
- "color-radio": README_md_15.default,
85
- "color-radio-group": README_md_16.default,
86
- "combobox": README_md_17.default,
87
- "date-picker": README_md_18.default,
88
- "date-picker-input": README_md_19.default,
89
- "date-range-picker": README_md_20.default,
90
- "date-range-picker-input": README_md_21.default,
91
- "datetime-picker": README_md_22.default,
92
- "datetime-picker-input": README_md_23.default,
93
- "dialog": README_md_24.default,
94
- "dropdown": README_md_25.default,
95
- "dropzone": README_md_26.default,
96
- "error-message": README_md_27.default,
97
- "file-input": README_md_28.default,
98
- "flash-messages": README_md_29.default,
99
- "form-component": README_md_30.default,
100
- "icon": README_md_31.default,
101
- "icon-button": README_md_32.default,
102
- "image-gallery": README_md_33.default,
103
- "info-box": README_md_34.default,
104
- "input": README_md_35.default,
105
- "label": README_md_36.default,
106
- "layout": README_md_37.default,
107
- "list-item": README_md_38.default,
108
- "loader": README_md_39.default,
109
- "lozenge": README_md_40.default,
110
- "message": README_md_41.default,
111
- "modal": README_md_42.default,
112
- "modal-dialog": README_md_43.default,
113
- "modal-header": README_md_44.default,
114
- "multi-combobox": README_md_45.default,
115
- "multi-select": README_md_46.default,
116
- "pagination": README_md_47.default,
117
- "paper": README_md_48.default,
118
- "radio": README_md_49.default,
119
- "radio-group": README_md_50.default,
120
- "raster-image": README_md_51.default,
121
- "select": README_md_52.default,
122
- "tabs": README_md_53.default,
123
- "text-input": README_md_54.default,
124
- "text-link": README_md_55.default,
125
- "textarea": README_md_56.default,
126
- "time-picker": README_md_57.default,
127
- "time-picker-input": README_md_58.default,
128
- "toggle": README_md_59.default,
129
- "tooltip": README_md_60.default,
130
- "typography": README_md_61.default,
71
+ "accordion": README_md_1.default,
72
+ "alert-bubble": README_md_2.default,
73
+ "announcement-bar": README_md_3.default,
74
+ "avatar": README_md_4.default,
75
+ "avatar-file-input": README_md_5.default,
76
+ "badge": README_md_6.default,
77
+ "button": README_md_7.default,
78
+ "button-group": README_md_8.default,
79
+ "button-list": README_md_9.default,
80
+ "calendar": README_md_10.default,
81
+ "checkbox": README_md_11.default,
82
+ "checkbox-button": README_md_12.default,
83
+ "checkbox-input": README_md_13.default,
84
+ "checkbox-list": README_md_14.default,
85
+ "chip": README_md_15.default,
86
+ "color-radio": README_md_16.default,
87
+ "color-radio-group": README_md_17.default,
88
+ "combobox": README_md_18.default,
89
+ "date-picker": README_md_19.default,
90
+ "date-picker-input": README_md_20.default,
91
+ "date-range-picker": README_md_21.default,
92
+ "date-range-picker-input": README_md_22.default,
93
+ "datetime-picker": README_md_23.default,
94
+ "datetime-picker-input": README_md_24.default,
95
+ "dialog": README_md_25.default,
96
+ "dropdown": README_md_26.default,
97
+ "dropzone": README_md_27.default,
98
+ "error-message": README_md_28.default,
99
+ "file-input": README_md_29.default,
100
+ "flash-messages": README_md_30.default,
101
+ "form-component": README_md_31.default,
102
+ "icon": README_md_32.default,
103
+ "icon-button": README_md_33.default,
104
+ "image-gallery": README_md_34.default,
105
+ "info-box": README_md_35.default,
106
+ "input": README_md_36.default,
107
+ "label": README_md_37.default,
108
+ "layout": README_md_38.default,
109
+ "list-item": README_md_39.default,
110
+ "loader": README_md_40.default,
111
+ "lozenge": README_md_41.default,
112
+ "message": README_md_42.default,
113
+ "modal": README_md_43.default,
114
+ "modal-dialog": README_md_44.default,
115
+ "modal-header": README_md_45.default,
116
+ "multi-combobox": README_md_46.default,
117
+ "multi-select": README_md_47.default,
118
+ "pagination": README_md_48.default,
119
+ "paper": README_md_49.default,
120
+ "radio": README_md_50.default,
121
+ "radio-group": README_md_51.default,
122
+ "raster-image": README_md_52.default,
123
+ "select": README_md_53.default,
124
+ "tabs": README_md_54.default,
125
+ "text-input": README_md_55.default,
126
+ "text-link": README_md_56.default,
127
+ "textarea": README_md_57.default,
128
+ "time-picker": README_md_58.default,
129
+ "time-picker-input": README_md_59.default,
130
+ "toggle": README_md_60.default,
131
+ "tooltip": README_md_61.default,
132
+ "typography": README_md_62.default,
131
133
  };