@lumx/vue 3.20.1-alpha.9 → 4.0.1-alpha.6

package/CONTRIBUTING.md

@@ -0,0 +1,169 @@
+# Contributing to LumX
+
+We'd love for you to contribute to our source code and to make it even better than it is today!
+
+## Getting the source code
+
+To be able to contribute, you will have to use the global LumX package from our [GitHub repository](https://github.com/lumapps/design-system). You won't be able to contribute from the distributed packages, so be sure to clone the repository before starting contributing:
+
+```bash
+git clone git@github.com:lumapps/design-system.git
+# Or with HTTPS
+git clone https://github.com/lumapps/design-system.git
+```
+
+# Table of contents
+
+Here are the guidelines we'd like you to follow.
+
+-   [Code of Conduct](#code-of-conduct)
+-   [Got a question or a problem?](#got-a-question-or-a-problem-)
+-   [Found an issue?](#found-an-issue-)
+-   [Want a feature?](#want-a-feature-)
+-   [Want to create a new React Component?](#create-a-new-react-component-)
+-   [Submission guidelines](#submission-guidelines)
+-   [Coding rules](#coding-rules)
+-   [Git commit guidelines](#git-commit-guidelines)
+
+## <a name="got-a-question-or-a-problem-"></a> Got a question or a problem?
+
+If you have questions about how to use LumX, please direct these to [StackOverflow](http://stackoverflow.com/questions/tagged/LumX).
+
+## <a name="found-an-issue-"></a> Found an issue?
+
+If you find a bug in the source code or a mistake in the documentation, you can help us by submitting an issue to our [GitHub Repository](https://github.com/lumapps/design-system/issues). Even better you can submit a Pull Request with a fix.
+
+If you are feeling it, you can even fix the issue yourself and submit a Pull Request.
+Before opening a Pull Request, please see the Submission Guidelines below.
+
+## <a name="want-a-feature-"></a> Want a feature?
+
+You can request a new feature by submitting an issue to our [GitHub Repository](https://github.com/lumapps/design-system/issues).
+If you would like to implement a new feature then consider what kind of change it is, discuss it with us before hand in your issue, so that we can better coordinate our efforts, prevent duplication of work, and help you to craft the change so that it is successfully accepted into the project.
+
+## <a name="create-a-new-react-component-"></a> Want to create a new React Component?
+
+The first step to create a new React component is to run:
+
+```
+yarn scaffold
+```
+
+This script will generate a TSX file for the component code, a TSX file for the component tests and an MDX file to demo this component.
+
+To export your component into the `@lumx/react` NPM package, you also have to make sure to update the `src/index.tsx` file.
+
+## <a name="submission-guidelines"></a> Submission guidelines
+
+### Submitting an issue
+
+Before you submit your issue search the archive, maybe your question was already answered.
+
+If your issue appears to be a bug, and hasn't been reported, open a new issue. Help us to maximize the effort by not reporting duplicate issues. Providing the following information will increase the chances of your issue being dealt with quickly:
+
+-   **Motivation for or Use Case** - explain why this is a bug for you
+-   **LumX Version(s)** - is it a regression?
+-   **Browsers and Operating System** - is this a problem with all browsers ?
+-   **Reproduce the Error** - provide a live example (using [Plunker](http://plnkr.co/edit) or [JSFiddle](http://jsfiddle.net/)) or a unambiguous set of steps.
+
+### Submitting a pull request
+
+Before you submit your pull request consider the following guidelines:
+
+-   Search [GitHub](https://github.com/lumapps/design-system/pulls) for an open or closed Pull Request that relates to your submission. You don't want to duplicate effort.
+-   Make your changes in a new git branch
+
+```bash
+git fetch && git checkout -b <feat|fix|...>/<descriptive branch name> origin/master
+```
+
+-   Create your patch.
+-   Follow the [Coding Rules](#rules).
+-   Commit your changes using a descriptive commit message that follows the [commit message conventions](#commit-message-format).
+-   Check and test your changes locally.
+
+*   Push your branch to GitHub:
+
+```bash
+git push origin <full branch name>
+```
+
+-   In GitHub, send a pull request to `design-system:master`.
+
+If we suggest changes to your Pull Request, then:
+
+-   Make the required updates.
+-   Rebase your branch and force push to your GitHub repository (this will update your Pull Request):
+
+```bash
+git fetch && git rebase origin/master && git push --force-with-lease
+```
+
+That's it! Thank you for your contribution!
+
+#### React developpment check list
+
+If you are developping in React please make sure to follow this check list:
+
+-   [ ] Update the `CHANGELOG.md` file
+-   [ ] Create or update component tests
+-   [ ] Keep props JSDoc comment up to date and check they appear on the demo site
+-   [ ] Keep the `lumx-react/src/index.tsx` file up to date
+-   [ ] (if necessary) Create or update the MDX demo file for your component
+
+#### After your pull request is merged
+
+After your pull request is merged, you can safely delete your branch and pull the changes from the main (upstream) repository:
+
+-   Delete the remote branch on GitHub either through the GitHub web UI or your local shell as follows:
+
+```bash
+git push origin --delete <full branch name>
+```
+
+-   Check out the `master` branch:
+
+```bash
+git checkout master -f
+```
+
+-   Delete the local branch:
+
+```bash
+git branch -D <full branch name>
+```
+
+-   Update your `master` branch with the latest upstream version:
+
+```bash
+git pull --ff-only upstream master
+```
+
+## <a name="coding-rules"></a> Coding rules
+
+We're using ES6 JavaScript, TypeScript and [SCSS](http://sass-lang.com/) to build the framework.
+[Webpack](https://webpack.js.org/) is used in the project to launch local development server and build LumX.
+NPM scripts are used to ease the setup, start and build of LumX.
+
+The coding convention is the following:
+
+-   4 spaces for indentation, for JavaScript, TypeScript and SCSS.
+-   Wrap all codes at 120 characters.
+
+For JavaScript and TypeScript:
+
+-   Use camel-case.
+-   Use the [Allman style](http://en.wikipedia.org/wiki/Indent_style#Allman_style).
+
+All submitted JavaScript code must be properly documented. You _must_ at least document all your functions, methods and members using the JSDoc format.
+
+For SCSS:
+
+-   Except for the line wrap, please refer to [the Harry Roberts css guidelines](http://cssguidelin.es/).
+-   For the CSS properties, we follow the [concentric order](http://rhodesmill.org/brandon/2011/concentric-css/)
+
+For the ease of use and contributing, most of the coding styles are enforced with ESLint, TSLint, Prettier and StyleLint. So as long as the pre-commit script let you commit, you should be good.
+
+## <a name="git-commit-guidelines"></a> Git commit guidelines
+
+See https://github.com/lumapps/commit-message-validator

package/LICENSE.md

@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 LumApps
+
+Permission is hereby granted, free of charge, to any person obtaining a copyof this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/components/icon/Icon.stories.d.ts

@@ -0,0 +1,232 @@
+import { IconProps, IconSizes } from '../..';
+declare const _default: {
+    argTypes: {
+        icon: {
+            control: {
+                type: string;
+            };
+            options: {
+                undefined: undefined;
+                mdiAbTesting: string;
+                mdiAbjadArabic: string;
+                mdiAccount: string;
+                mdiAccountBox: string;
+                mdiAlert: string;
+                mdiAlertCircle: string;
+                mdiArrowDown: string;
+                mdiArrowUp: string;
+                mdiAtom: string;
+                mdiBee: string;
+                mdiBell: string;
+                mdiBullhornOutline: string;
+                mdiCheck: string;
+                mdiCheckCircle: string;
+                mdiChevronDown: string;
+                mdiChevronLeft: string;
+                mdiChevronRight: string;
+                mdiChevronUp: string;
+                mdiClose: string;
+                mdiCloseCircle: string;
+                mdiDelete: string;
+                mdiDotsHorizontal: string;
+                mdiDragVertical: string;
+                mdiEarth: string;
+                mdiEmail: string;
+                mdiEye: string;
+                mdiFileEdit: string;
+                mdiFlag: string;
+                mdiFolder: string;
+                mdiFolderGoogleDrive: string;
+                mdiFoodApple: string;
+                mdiGoogleCirclesExtended: string;
+                mdiHeart: string;
+                mdiHome: string;
+                mdiImageBroken: string;
+                mdiInformation: string;
+                mdiLink: string;
+                mdiMagnifyMinusOutline: string;
+                mdiMagnifyPlusOutline: string;
+                mdiMenuDown: string;
+                mdiMessageTextOutline: string;
+                mdiMinus: string;
+                mdiOpenInNew: string;
+                mdiPauseCircleOutline: string;
+                mdiPencil: string;
+                mdiPlay: string;
+                mdiPlayCircleOutline: string;
+                mdiPlus: string;
+                mdiRadioboxBlank: string;
+                mdiRadioboxMarked: string;
+                mdiReply: string;
+                mdiSend: string;
+                mdiStar: string;
+                mdiTextBox: string;
+                mdiTextBoxPlus: string;
+                mdiTram: string;
+                mdiTranslate: string;
+                mdiViewList: string;
+            };
+        };
+        hasShape: {
+            control: string;
+        };
+        color: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined)[];
+            mapping: Record<string, "light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined> | undefined;
+        };
+        colorVariant: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N")[];
+            mapping: Record<string, "D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N"> | undefined;
+        };
+    };
+    component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    args: any;
+    title: string;
+};
+export default _default;
+/**
+ * All combinations of size and shape
+ */
+export declare const SizeAndShape: {
+    render: (args: IconProps) => {
+        components: {
+            Icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+            StoryMatrix: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+                    rows: unknown[];
+                    cols: unknown[];
+                    $props: {
+                        readonly rows?: unknown[] | undefined;
+                        readonly cols?: unknown[] | undefined;
+                    };
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLTableElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{}> & Readonly<{}>, {
+                    rows: unknown[];
+                    cols: unknown[];
+                    $props: {
+                        readonly rows?: unknown[] | undefined;
+                        readonly cols?: unknown[] | undefined;
+                    };
+                }, {}, {}, {}, {}>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+                rows: unknown[];
+                cols: unknown[];
+                $props: {
+                    readonly rows?: unknown[] | undefined;
+                    readonly cols?: unknown[] | undefined;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {
+                        row: unknown;
+                        col: unknown;
+                    }): any;
+                };
+            });
+        };
+        setup(): {
+            sizes: (IconSizes | undefined)[];
+            args: IconProps;
+            shapes: boolean[];
+        };
+        template: string;
+    };
+    args: {
+        icon: string;
+    };
+    argTypes: {
+        hasShape: {
+            control: boolean;
+        };
+        size: {
+            control: boolean;
+        };
+    };
+};
+/**
+ * All combinations of size and shape
+//  */
+export declare const AllColors: {
+    render: (args: IconProps) => {
+        components: {
+            Icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+            StoryMatrix: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+                    rows: unknown[];
+                    cols: unknown[];
+                    $props: {
+                        readonly rows?: unknown[] | undefined;
+                        readonly cols?: unknown[] | undefined;
+                    };
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLTableElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{}> & Readonly<{}>, {
+                    rows: unknown[];
+                    cols: unknown[];
+                    $props: {
+                        readonly rows?: unknown[] | undefined;
+                        readonly cols?: unknown[] | undefined;
+                    };
+                }, {}, {}, {}, {}>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+                rows: unknown[];
+                cols: unknown[];
+                $props: {
+                    readonly rows?: unknown[] | undefined;
+                    readonly cols?: unknown[] | undefined;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {
+                        row: unknown;
+                        col: unknown;
+                    }): any;
+                };
+            });
+        };
+        setup(): {
+            colors: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined)[];
+            args: IconProps;
+            variants: ("D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N" | undefined)[];
+        };
+        template: string;
+    };
+    args: {
+        size: "m";
+        icon: string;
+    };
+    argTypes: {
+        hasShape: {
+            control: boolean;
+        };
+        color: {
+            control: boolean;
+        };
+        colorVariant: {
+            control: boolean;
+        };
+    };
+};

package/components/icon/Icon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/icon/index.d.ts

@@ -0,0 +1,4 @@
+import { IconProps, IconSizes } from '../../../../lumx-core/src/js/components/Icon';
+import { default as Icon } from './Icon.vue';
+export { Icon };
+export type { IconProps, IconSizes };

package/components/input-helper/InputHelper.stories.d.ts

@@ -0,0 +1,112 @@
+import { InputHelperProps, Kind } from '../..';
+declare const _default: {
+    args: {
+        children: string;
+        kind?: Kind | undefined;
+        className?: string | undefined;
+        theme?: import('../..').Theme | undefined;
+    };
+    argTypes: {
+        kind: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("info" | "success" | "warning" | "error")[];
+            mapping: Record<string, "info" | "success" | "warning" | "error"> | undefined;
+        };
+    };
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+};
+export default _default;
+export declare const Default: {};
+export declare const AllKinds: {
+    render: (args: InputHelperProps) => {
+        components: {
+            InputHelper: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
+            StoryMatrix: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+                    rows: unknown[];
+                    cols: unknown[];
+                    $props: {
+                        readonly rows?: unknown[] | undefined;
+                        readonly cols?: unknown[] | undefined;
+                    };
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLTableElement, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{}> & Readonly<{}>, {
+                    rows: unknown[];
+                    cols: unknown[];
+                    $props: {
+                        readonly rows?: unknown[] | undefined;
+                        readonly cols?: unknown[] | undefined;
+                    };
+                }, {}, {}, {}, {}>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+                rows: unknown[];
+                cols: unknown[];
+                $props: {
+                    readonly rows?: unknown[] | undefined;
+                    readonly cols?: unknown[] | undefined;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {
+                        row: unknown;
+                        col: unknown;
+                    }): any;
+                };
+            });
+        };
+        setup(): {
+            kinds: ("info" | "success" | "warning" | "error" | undefined)[];
+            args: InputHelperProps;
+        };
+        template: string;
+    };
+    argTypes: {
+        kind: {
+            control: boolean;
+        };
+    };
+};

package/components/input-helper/InputHelper.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/input-helper/index.d.ts

@@ -0,0 +1,4 @@
+import { InputHelperProps } from '../../../../lumx-core/src/js/components/InputHelper';
+import { default as InputHelper } from './InputHelper.vue';
+export { InputHelper };
+export type { InputHelperProps };

package/components/input-label/InputLabel.stories.d.ts

@@ -0,0 +1,29 @@
+import { Default, IsRequired, WithCustomTypography } from '../../../../lumx-core/src/js/components/InputLabel/Stories';
+declare const _default: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    args: any;
+    argTypes: {
+        isRequired: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export { Default, IsRequired, WithCustomTypography };

package/components/input-label/InputLabel.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/input-label/index.d.ts

@@ -0,0 +1,4 @@
+import { InputLabelProps } from '../../../../lumx-core/src/js/components/InputLabel';
+import { default as InputLabel } from './InputLabel.vue';
+export { InputLabel };
+export type { InputLabelProps };

package/index.d.ts

@@ -0,0 +1,5 @@
+export * from '../../lumx-core/src/js/constants';
+export * from '../../lumx-core/src/js/types';
+export * from './components/input-helper';
+export * from './components/input-label';
+export * from './components/icon';