@uxf/ui 11.47.1 → 11.48.0

package/avatar-file-input/avatar-file-input.js

@@ -45,7 +45,7 @@ exports.AvatarFileInput = (0, react_1.forwardRef)((props, ref) => {
     const input = (0, use_input_focus_1.useInputFocus)(innerRef, props.onBlur, props.onFocus);
     const errorId = props.isInvalid && props.id ? `${props.id}--errormessage` : undefined;
     const stateClassName = (0, cx_1.cx)(((_a = props.isFocused) !== null && _a !== void 0 ? _a : input.focused) && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isRequired && classes_1.CLASSES.IS_REQUIRED);
-    const rootClassName = (0, cx_1.cx)(`uxf-avatar-file-input uxf-avatar-file-input--variant-${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`, stateClassName, props.className);
+    const rootClassName = (0, cx_1.cx)("uxf-avatar-file-input", `uxf-avatar-file-input--variant-${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`, stateClassName, props.className);
     const onSelectFile = () => { var _a; return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
     const onRemoveFile = () => {
         props.onChange(null);

package/checkbox-input/checkbox-input.stories.js

@@ -28,14 +28,13 @@ const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
 const checkbox_input_1 = require("./checkbox-input");
 function Default() {
-    const [checked, setChecked] = (0, react_1.useState)(true);
-    const onChange = (0, action_1.action)("onChange", () => setChecked((prev) => !prev));
-    const checkboxes = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "Opravdu?", name: "checkbox-input", onChange: onChange, value: checked }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { isDisabled: true, label: "Opravdu?", name: "checkbox-input-disabled", onChange: onChange, value: checked }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { isInvalid: true, label: "Opravdu?", name: "checkbox-input-invalid", onChange: onChange, value: checked }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "Opravdu? (size lg)", name: "checkbox-input-lg", onChange: onChange, size: "lg", value: checked }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { hiddenLabel: true, label: "hidden label", name: "checkbox-input-hidden-label-lg", onChange: onChange, size: "lg", value: checked })));
+    const [isChecked, setIsChecked] = (0, react_1.useState)(true);
+    const onChange = (0, action_1.action)("onChange", () => setIsChecked((prev) => !prev));
     return (react_1.default.createElement("div", { className: "flex" },
-        react_1.default.createElement("div", { className: "flex flex-col gap-4 p-20" }, checkboxes)));
+        react_1.default.createElement("div", { className: "flex flex-col gap-4 p-20" },
+            react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "Opravdu?", name: "checkbox-input", onChange: onChange, value: isChecked }),
+            react_1.default.createElement(checkbox_input_1.CheckboxInput, { isDisabled: true, label: "Opravdu?", name: "checkbox-input-disabled", onChange: onChange, value: isChecked }),
+            react_1.default.createElement(checkbox_input_1.CheckboxInput, { isInvalid: true, label: "Opravdu?", name: "checkbox-input-invalid", onChange: onChange, value: isChecked }),
+            react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "Opravdu? (size lg)", name: "checkbox-input-lg", onChange: onChange, size: "lg", value: isChecked }),
+            react_1.default.createElement(checkbox_input_1.CheckboxInput, { hiddenLabel: true, label: "hidden label", name: "checkbox-input-hidden-label-lg", onChange: onChange, size: "lg", value: isChecked }))));
 }

package/checkbox-list/README.md

@@ -0,0 +1,9 @@
+# CheckboxList
+
+## Css dependencies
+
+```css
+@import url("@uxf/ui/checkbox-list/checkbox-list.css");
+@import url("@uxf/ui/checkbox-input/checkbox-input.css");
+@import url("@uxf/ui/checkbox/checkbox.css");
+```

package/checkbox-list/checkbox-list.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { CheckboxListProps } from "./types";
+export declare const CheckboxList: {
+    (props: CheckboxListProps): React.JSX.Element;
+    displayName: string;
+};

package/checkbox-list/checkbox-list.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxList = void 0;
+const classes_1 = require("@uxf/core/constants/classes");
+const cx_1 = require("@uxf/core/utils/cx");
+const react_1 = __importStar(require("react"));
+const checkbox_input_1 = require("../checkbox-input");
+const form_component_1 = require("../form-component");
+const CheckboxList = (props) => {
+    const generatedId = (0, react_1.useId)();
+    const id = props.id || generatedId;
+    const errorId = props.isInvalid && props.id ? `${props.id}--errormessage` : undefined;
+    const onChange = (optionId, checked) => {
+        var _a, _b, _c;
+        const newValue = checked
+            ? [...((_a = props.value) !== null && _a !== void 0 ? _a : []), optionId]
+            : ((_c = (_b = props.value) === null || _b === void 0 ? void 0 : _b.filter((i) => i !== optionId)) !== null && _c !== void 0 ? _c : []);
+        props.onChange(newValue);
+    };
+    const rootClassName = (0, cx_1.cx)("uxf-checkbox-list", props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.className);
+    return (react_1.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: errorId, helperText: props.helperText, hiddenLabel: props.hasHiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label, name: props.name },
+        react_1.default.createElement("ul", { className: "uxf-checkbox-list__grid" }, props.options.map((option) => {
+            var _a;
+            return (react_1.default.createElement("li", { key: option.id },
+                react_1.default.createElement(checkbox_input_1.CheckboxInput, { id: `${id}-${option.id}`, isDisabled: option.isDisabled || props.isDisabled, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, key: option.id, label: option.label, name: props.name, onBlur: props.onBlur, onChange: (value) => onChange(option.id, value || false), onFocus: props.onFocus, value: (_a = props.value) === null || _a === void 0 ? void 0 : _a.includes(option.id) })));
+        }))));
+};
+exports.CheckboxList = CheckboxList;
+exports.CheckboxList.displayName = "UxfUiCheckboxList";

package/checkbox-list/checkbox-list.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/checkbox-list/checkbox-list.spec.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const snap_test_1 = require("../utils/snap-test");
+const checkbox_list_stories_1 = require("./checkbox-list.stories");
+(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(checkbox_list_stories_1.Default, null));

package/checkbox-list/checkbox-list.stories.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

package/checkbox-list/checkbox-list.stories.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const react_1 = __importStar(require("react"));
+const checkbox_list_1 = require("./checkbox-list");
+const CHECKBOX_LIST_OPTIONS = [
+    { id: "1", label: "Option1" },
+    { id: "2", label: "Option2" },
+    { id: "3", label: "Option3" },
+];
+function Default() {
+    const [checkboxListValues, setCheckboxListValues] = (0, react_1.useState)([]);
+    return (react_1.default.createElement("div", { className: "space-y-2 p-20" },
+        react_1.default.createElement(checkbox_list_1.CheckboxList, { label: "Default UI checkbox list", name: "checkbox-input", onChange: setCheckboxListValues, options: CHECKBOX_LIST_OPTIONS, value: checkboxListValues }),
+        react_1.default.createElement(checkbox_list_1.CheckboxList, { isDisabled: true, label: "Disabled UI checkbox list", name: "checkbox-input-disabled", onChange: setCheckboxListValues, options: CHECKBOX_LIST_OPTIONS, value: checkboxListValues }),
+        react_1.default.createElement(checkbox_list_1.CheckboxList, { isInvalid: true, isRequired: true, label: "Invalid UI checkbox list", name: "checkbox-input-invalid", onChange: setCheckboxListValues, options: CHECKBOX_LIST_OPTIONS, value: checkboxListValues })));
+}

package/checkbox-list/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxList } from "./checkbox-list";
+export type { CheckboxListProps } from "./types";

package/checkbox-list/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxList = void 0;
+var checkbox_list_1 = require("./checkbox-list");
+Object.defineProperty(exports, "CheckboxList", { enumerable: true, get: function () { return checkbox_list_1.CheckboxList; } });

package/checkbox-list/types.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { FormControlProps } from "../types";
+export type CheckboxListValueId = number | string;
+export type CheckboxListOption<T = CheckboxListValueId> = {
+    isDisabled?: boolean;
+    id: T;
+    label: ReactNode;
+};
+export interface CheckboxListProps<ValueId = CheckboxListValueId, Option = CheckboxListOption<ValueId>> extends FormControlProps<ValueId[] | null> {
+    className?: string;
+    label: ReactNode;
+    hasHiddenLabel?: boolean;
+    id?: string;
+    helperText?: ReactNode;
+    options: Option[];
+}

package/checkbox-list/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/components.d.ts

@@ -9,6 +9,7 @@ import * as calendarStories from "./calendar/calendar.stories";
 import * as checkboxStories from "./checkbox/checkbox.stories";
 import * as checkboxButtonStories from "./checkbox-button/checkbox-button.stories";
 import * as checkboxInputStories from "./checkbox-input/checkbox-input.stories";
+import * as checkboxListStories from "./checkbox-list/checkbox-list.stories";
 import * as chipStories from "./chip/chip.stories";
 import * as colorRadioStories from "./color-radio/color-radio.stories";
 import * as colorRadioGroupStories from "./color-radio-group/color-radio-group.stories";
@@ -102,6 +103,10 @@ export declare const components: {
         readonly title: "CheckboxInput";
         readonly stories: typeof checkboxInputStories;
     };
+    readonly "checkbox-list": {
+        readonly title: "CheckboxList";
+        readonly stories: typeof checkboxListStories;
+    };
     readonly chip: {
         readonly title: "Chip";
         readonly stories: typeof chipStories;

package/components.js

@@ -36,6 +36,7 @@ const calendarStories = __importStar(require("./calendar/calendar.stories"));
 const checkboxStories = __importStar(require("./checkbox/checkbox.stories"));
 const checkboxButtonStories = __importStar(require("./checkbox-button/checkbox-button.stories"));
 const checkboxInputStories = __importStar(require("./checkbox-input/checkbox-input.stories"));
+const checkboxListStories = __importStar(require("./checkbox-list/checkbox-list.stories"));
 const chipStories = __importStar(require("./chip/chip.stories"));
 const colorRadioStories = __importStar(require("./color-radio/color-radio.stories"));
 const colorRadioGroupStories = __importStar(require("./color-radio-group/color-radio-group.stories"));
@@ -129,6 +130,10 @@ exports.components = {
         title: "CheckboxInput",
         stories: checkboxInputStories
     },
+    "checkbox-list": {
+        title: "CheckboxList",
+        stories: checkboxListStories
+    },
     "chip": {
         title: "Chip",
         stories: chipStories

package/css/checkbox-list.css

@@ -0,0 +1,22 @@
+.uxf-checkbox-list {
+    &__grid {
+        display: grid;
+        gap: 0.25rem 0.75rem;
+        grid-template-columns: 1fr;
+        justify-content: end;
+    }
+
+    &__label {
+        color: theme("colors.base_text_high_emphasis");
+
+        &--hidden {
+            @apply sr-only;
+        }
+    }
+
+    @media (width >= 540px) {
+        .grid {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+}

package/css/dropzone.css

@@ -96,11 +96,15 @@
             }
 
             &__file-name {
-                @apply truncate;
+                white-space: pre-wrap;
+
+                @apply line-clamp-1;
             }
 
             &__file-name-link {
-                @apply truncate;
+                white-space: pre-wrap;
+
+                @apply line-clamp-1;
 
                 &:hover {
                     text-decoration: underline;

package/css/file-input.css

@@ -53,11 +53,15 @@
             }
 
             &__file-name {
-                @apply truncate;
+                white-space: pre-wrap;
+
+                @apply line-clamp-1;
             }
 
             &__file-name-link {
-                @apply truncate hover:underline hover:underline-offset-2;
+                white-space: pre-wrap;
+
+                @apply line-clamp-1 hover:underline hover:underline-offset-2;
             }
         }
     }

package/file-input/file-input.js

@@ -61,9 +61,10 @@ exports.FileInput = (0, react_1.forwardRef)((props, ref) => {
         }
         props.onChange(value, event);
     };
-    return (react_1.default.createElement(form_component_1.FormComponent, { className: (0, cx_1.cx)(input.focused && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY), errorId: errorId, form: props.form, helperText: props.helperText, hiddenLabel: props.hiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label, name: props.name },
+    const rootClassName = (0, cx_1.cx)("uxf-file-input", ((_a = props.isFocused) !== null && _a !== void 0 ? _a : input.focused) && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.className);
+    return (react_1.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: errorId, form: props.form, helperText: props.helperText, hiddenLabel: props.hiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label, name: props.name },
         react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(_file_input_base_1._FileInputBase, { accept: props.accept, "aria-describedby": errorId, "aria-invalid": props.isInvalid, className: `uxf-file-input__input ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, form: props.form, id: id, isDisabled: props.isDisabled || isUploading, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, maxFileSize: props.maxFileSize, name: props.name, onBlur: input.onBlur, onChange: onChange, onFocus: input.onFocus, onUploadError: props.onUploadError, onUploadFile: onUploadFile, ref: (0, compose_refs_1.composeRefs)(ref, innerRef), value: props.value }),
+            react_1.default.createElement(_file_input_base_1._FileInputBase, { accept: props.accept, "aria-describedby": errorId, "aria-invalid": props.isInvalid, className: "uxf-file-input__input", form: props.form, id: id, isDisabled: props.isDisabled || isUploading, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, maxFileSize: props.maxFileSize, name: props.name, onBlur: input.onBlur, onChange: onChange, onFocus: input.onFocus, onUploadError: props.onUploadError, onUploadFile: onUploadFile, ref: (0, compose_refs_1.composeRefs)(ref, innerRef), value: props.value }),
             react_1.default.createElement("label", { className: (0, cx_1.cx)("uxf-input", "uxf-file-input__label", input.focused && classes_1.CLASSES.IS_FOCUSED, (props.isDisabled || props.isReadOnly) && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, isUploading && classes_1.CLASSES.IS_LOADING, isUploading && "uxf-file-input__label--has-right-addon", `uxf-input--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, `uxf-input--variant-${(_c = props.variant) !== null && _c !== void 0 ? _c : "default"}`), htmlFor: id },
                 react_1.default.createElement("div", { className: "uxf-input__left-addon uxf-file-input__label__button" }, !isUploading ? (((_d = props.uploadButtonLabel) !== null && _d !== void 0 ? _d : "Vyberte soubor")) : (react_1.default.createElement(loader_1.Loader, { className: "uxf-file-input__label__loader", size: "sm" }))),
                 react_1.default.createElement("div", { className: "uxf-file-input__label__wrapper" },

package/message/message.js

@@ -32,7 +32,7 @@ const getMessageContent = (newMessage, closeDialog) => (react_1.default.createEl
 exports.Message = (0, react_1.forwardRef)((props, ref) => {
     var _a;
     const [content, setContent] = (0, react_1.useState)();
-    const { openDialog, DialogProvider, closeDialog } = (0, dialog_1.useDialog)();
+    const { openDialog, DialogProvider, closeDialog } = (0, dialog_1.useDialog)({ isBackdropCloseDisabled: true });
     const openMessage = (newMessage) => {
         openDialog(getMessageContent(newMessage, closeDialog));
         setContent(newMessage);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.47.1",
+    "version": "11.48.0",
     "description": "",
     "publishConfig": {
         "access": "public"

package/readmes.d.ts

@@ -11,6 +11,7 @@ export declare const readmes: {
     readonly checkbox: typeof alertBubbleReadme;
     readonly "checkbox-button": typeof alertBubbleReadme;
     readonly "checkbox-input": typeof alertBubbleReadme;
+    readonly "checkbox-list": typeof alertBubbleReadme;
     readonly chip: typeof alertBubbleReadme;
     readonly "color-radio": typeof alertBubbleReadme;
     readonly "color-radio-group": typeof alertBubbleReadme;

package/readmes.js

@@ -16,54 +16,55 @@ const README_md_8 = __importDefault(require("./calendar/README.md"));
 const README_md_9 = __importDefault(require("./checkbox/README.md"));
 const README_md_10 = __importDefault(require("./checkbox-button/README.md"));
 const README_md_11 = __importDefault(require("./checkbox-input/README.md"));
-const README_md_12 = __importDefault(require("./chip/README.md"));
-const README_md_13 = __importDefault(require("./color-radio/README.md"));
-const README_md_14 = __importDefault(require("./color-radio-group/README.md"));
-const README_md_15 = __importDefault(require("./combobox/README.md"));
-const README_md_16 = __importDefault(require("./date-picker/README.md"));
-const README_md_17 = __importDefault(require("./date-picker-input/README.md"));
-const README_md_18 = __importDefault(require("./date-range-picker/README.md"));
-const README_md_19 = __importDefault(require("./date-range-picker-input/README.md"));
-const README_md_20 = __importDefault(require("./datetime-picker/README.md"));
-const README_md_21 = __importDefault(require("./datetime-picker-input/README.md"));
-const README_md_22 = __importDefault(require("./dialog/README.md"));
-const README_md_23 = __importDefault(require("./dropdown/README.md"));
-const README_md_24 = __importDefault(require("./dropzone/README.md"));
-const README_md_25 = __importDefault(require("./error-message/README.md"));
-const README_md_26 = __importDefault(require("./file-input/README.md"));
-const README_md_27 = __importDefault(require("./flash-messages/README.md"));
-const README_md_28 = __importDefault(require("./form-component/README.md"));
-const README_md_29 = __importDefault(require("./icon/README.md"));
-const README_md_30 = __importDefault(require("./icon-button/README.md"));
-const README_md_31 = __importDefault(require("./image-gallery/README.md"));
-const README_md_32 = __importDefault(require("./info-box/README.md"));
-const README_md_33 = __importDefault(require("./input/README.md"));
-const README_md_34 = __importDefault(require("./label/README.md"));
-const README_md_35 = __importDefault(require("./layout/README.md"));
-const README_md_36 = __importDefault(require("./list-item/README.md"));
-const README_md_37 = __importDefault(require("./loader/README.md"));
-const README_md_38 = __importDefault(require("./lozenge/README.md"));
-const README_md_39 = __importDefault(require("./message/README.md"));
-const README_md_40 = __importDefault(require("./modal/README.md"));
-const README_md_41 = __importDefault(require("./modal-dialog/README.md"));
-const README_md_42 = __importDefault(require("./modal-header/README.md"));
-const README_md_43 = __importDefault(require("./multi-combobox/README.md"));
-const README_md_44 = __importDefault(require("./multi-select/README.md"));
-const README_md_45 = __importDefault(require("./pagination/README.md"));
-const README_md_46 = __importDefault(require("./paper/README.md"));
-const README_md_47 = __importDefault(require("./radio/README.md"));
-const README_md_48 = __importDefault(require("./radio-group/README.md"));
-const README_md_49 = __importDefault(require("./raster-image/README.md"));
-const README_md_50 = __importDefault(require("./select/README.md"));
-const README_md_51 = __importDefault(require("./tabs/README.md"));
-const README_md_52 = __importDefault(require("./text-input/README.md"));
-const README_md_53 = __importDefault(require("./text-link/README.md"));
-const README_md_54 = __importDefault(require("./textarea/README.md"));
-const README_md_55 = __importDefault(require("./time-picker/README.md"));
-const README_md_56 = __importDefault(require("./time-picker-input/README.md"));
-const README_md_57 = __importDefault(require("./toggle/README.md"));
-const README_md_58 = __importDefault(require("./tooltip/README.md"));
-const README_md_59 = __importDefault(require("./typography/README.md"));
+const README_md_12 = __importDefault(require("./checkbox-list/README.md"));
+const README_md_13 = __importDefault(require("./chip/README.md"));
+const README_md_14 = __importDefault(require("./color-radio/README.md"));
+const README_md_15 = __importDefault(require("./color-radio-group/README.md"));
+const README_md_16 = __importDefault(require("./combobox/README.md"));
+const README_md_17 = __importDefault(require("./date-picker/README.md"));
+const README_md_18 = __importDefault(require("./date-picker-input/README.md"));
+const README_md_19 = __importDefault(require("./date-range-picker/README.md"));
+const README_md_20 = __importDefault(require("./date-range-picker-input/README.md"));
+const README_md_21 = __importDefault(require("./datetime-picker/README.md"));
+const README_md_22 = __importDefault(require("./datetime-picker-input/README.md"));
+const README_md_23 = __importDefault(require("./dialog/README.md"));
+const README_md_24 = __importDefault(require("./dropdown/README.md"));
+const README_md_25 = __importDefault(require("./dropzone/README.md"));
+const README_md_26 = __importDefault(require("./error-message/README.md"));
+const README_md_27 = __importDefault(require("./file-input/README.md"));
+const README_md_28 = __importDefault(require("./flash-messages/README.md"));
+const README_md_29 = __importDefault(require("./form-component/README.md"));
+const README_md_30 = __importDefault(require("./icon/README.md"));
+const README_md_31 = __importDefault(require("./icon-button/README.md"));
+const README_md_32 = __importDefault(require("./image-gallery/README.md"));
+const README_md_33 = __importDefault(require("./info-box/README.md"));
+const README_md_34 = __importDefault(require("./input/README.md"));
+const README_md_35 = __importDefault(require("./label/README.md"));
+const README_md_36 = __importDefault(require("./layout/README.md"));
+const README_md_37 = __importDefault(require("./list-item/README.md"));
+const README_md_38 = __importDefault(require("./loader/README.md"));
+const README_md_39 = __importDefault(require("./lozenge/README.md"));
+const README_md_40 = __importDefault(require("./message/README.md"));
+const README_md_41 = __importDefault(require("./modal/README.md"));
+const README_md_42 = __importDefault(require("./modal-dialog/README.md"));
+const README_md_43 = __importDefault(require("./modal-header/README.md"));
+const README_md_44 = __importDefault(require("./multi-combobox/README.md"));
+const README_md_45 = __importDefault(require("./multi-select/README.md"));
+const README_md_46 = __importDefault(require("./pagination/README.md"));
+const README_md_47 = __importDefault(require("./paper/README.md"));
+const README_md_48 = __importDefault(require("./radio/README.md"));
+const README_md_49 = __importDefault(require("./radio-group/README.md"));
+const README_md_50 = __importDefault(require("./raster-image/README.md"));
+const README_md_51 = __importDefault(require("./select/README.md"));
+const README_md_52 = __importDefault(require("./tabs/README.md"));
+const README_md_53 = __importDefault(require("./text-input/README.md"));
+const README_md_54 = __importDefault(require("./text-link/README.md"));
+const README_md_55 = __importDefault(require("./textarea/README.md"));
+const README_md_56 = __importDefault(require("./time-picker/README.md"));
+const README_md_57 = __importDefault(require("./time-picker-input/README.md"));
+const README_md_58 = __importDefault(require("./toggle/README.md"));
+const README_md_59 = __importDefault(require("./tooltip/README.md"));
+const README_md_60 = __importDefault(require("./typography/README.md"));
 exports.readmes = {
     "alert-bubble": README_md_1.default,
     "avatar": README_md_2.default,
@@ -76,52 +77,53 @@ exports.readmes = {
     "checkbox": README_md_9.default,
     "checkbox-button": README_md_10.default,
     "checkbox-input": README_md_11.default,
-    "chip": README_md_12.default,
-    "color-radio": README_md_13.default,
-    "color-radio-group": README_md_14.default,
-    "combobox": README_md_15.default,
-    "date-picker": README_md_16.default,
-    "date-picker-input": README_md_17.default,
-    "date-range-picker": README_md_18.default,
-    "date-range-picker-input": README_md_19.default,
-    "datetime-picker": README_md_20.default,
-    "datetime-picker-input": README_md_21.default,
-    "dialog": README_md_22.default,
-    "dropdown": README_md_23.default,
-    "dropzone": README_md_24.default,
-    "error-message": README_md_25.default,
-    "file-input": README_md_26.default,
-    "flash-messages": README_md_27.default,
-    "form-component": README_md_28.default,
-    "icon": README_md_29.default,
-    "icon-button": README_md_30.default,
-    "image-gallery": README_md_31.default,
-    "infobox": README_md_32.default,
-    "input": README_md_33.default,
-    "label": README_md_34.default,
-    "layout": README_md_35.default,
-    "list-item": README_md_36.default,
-    "loader": README_md_37.default,
-    "lozenge": README_md_38.default,
-    "message": README_md_39.default,
-    "modal": README_md_40.default,
-    "modal-dialog": README_md_41.default,
-    "modal-header": README_md_42.default,
-    "multi-combobox": README_md_43.default,
-    "multi-select": README_md_44.default,
-    "pagination": README_md_45.default,
-    "paper": README_md_46.default,
-    "radio": README_md_47.default,
-    "radio-group": README_md_48.default,
-    "raster-image": README_md_49.default,
-    "select": README_md_50.default,
-    "tabs": README_md_51.default,
-    "text-input": README_md_52.default,
-    "text-link": README_md_53.default,
-    "textarea": README_md_54.default,
-    "time-picker": README_md_55.default,
-    "time-picker-input": README_md_56.default,
-    "toggle": README_md_57.default,
-    "tooltip": README_md_58.default,
-    "typography": README_md_59.default,
+    "checkbox-list": README_md_12.default,
+    "chip": README_md_13.default,
+    "color-radio": README_md_14.default,
+    "color-radio-group": README_md_15.default,
+    "combobox": README_md_16.default,
+    "date-picker": README_md_17.default,
+    "date-picker-input": README_md_18.default,
+    "date-range-picker": README_md_19.default,
+    "date-range-picker-input": README_md_20.default,
+    "datetime-picker": README_md_21.default,
+    "datetime-picker-input": README_md_22.default,
+    "dialog": README_md_23.default,
+    "dropdown": README_md_24.default,
+    "dropzone": README_md_25.default,
+    "error-message": README_md_26.default,
+    "file-input": README_md_27.default,
+    "flash-messages": README_md_28.default,
+    "form-component": README_md_29.default,
+    "icon": README_md_30.default,
+    "icon-button": README_md_31.default,
+    "image-gallery": README_md_32.default,
+    "infobox": README_md_33.default,
+    "input": README_md_34.default,
+    "label": README_md_35.default,
+    "layout": README_md_36.default,
+    "list-item": README_md_37.default,
+    "loader": README_md_38.default,
+    "lozenge": README_md_39.default,
+    "message": README_md_40.default,
+    "modal": README_md_41.default,
+    "modal-dialog": README_md_42.default,
+    "modal-header": README_md_43.default,
+    "multi-combobox": README_md_44.default,
+    "multi-select": README_md_45.default,
+    "pagination": README_md_46.default,
+    "paper": README_md_47.default,
+    "radio": README_md_48.default,
+    "radio-group": README_md_49.default,
+    "raster-image": README_md_50.default,
+    "select": README_md_51.default,
+    "tabs": README_md_52.default,
+    "text-input": README_md_53.default,
+    "text-link": README_md_54.default,
+    "textarea": README_md_55.default,
+    "time-picker": README_md_56.default,
+    "time-picker-input": README_md_57.default,
+    "toggle": README_md_58.default,
+    "tooltip": README_md_59.default,
+    "typography": README_md_60.default,
 };