@lumx/vue 4.3.2-alpha.1 → 4.3.2-alpha.2

package/CONTRIBUTING.md

@@ -41,6 +41,18 @@ Before opening a Pull Request, please see the Submission Guidelines below.
 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

package/components/button/Button.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  */
 declare const Button: import('vue').DefineSetupFnComponent<ButtonProps, {
     click: (event: MouseEvent) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {
     onClick?: ((event: MouseEvent) => any) | undefined;

package/components/button/ButtonGroup.d.ts

@@ -7,7 +7,7 @@ export type ButtonGroupProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const ButtonGroup: import('vue').DefineSetupFnComponent<ButtonGroupProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const ButtonGroup: import('vue').DefineSetupFnComponent<ButtonGroupProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default ButtonGroup;

package/components/button/IconButton.d.ts

@@ -12,7 +12,7 @@ export declare const emitSchema: {
  */
 declare const IconButton: import('vue').DefineSetupFnComponent<IconButtonProps, {
     click: (event: MouseEvent) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {
     onClick?: ((event: MouseEvent) => any) | undefined;

package/components/checkbox/Checkbox.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, INTERMEDIATE_STATE };
  */
 declare const Checkbox: import('vue').DefineSetupFnComponent<CheckboxProps, {
     change: (isChecked: boolean, value?: string, name?: string, event?: Event) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange" | "inputRef" | "inputId"> & {
     class?: string;
 } & {
     onChange?: ((isChecked: boolean, value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;

package/components/divider/Divider.d.ts

@@ -8,7 +8,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Divider: import('vue').DefineSetupFnComponent<DividerProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Divider: import('vue').DefineSetupFnComponent<DividerProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Divider;

package/components/flag/Flag.d.ts

@@ -7,7 +7,7 @@ export type FlagProps = VueToJSXProps<UIProps, 'Text'>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Flag: import('vue').DefineSetupFnComponent<FlagProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "Text"> & {
+declare const Flag: import('vue').DefineSetupFnComponent<FlagProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange" | "Text"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Flag;

package/components/flex-box/FlexBox.d.ts

@@ -11,7 +11,7 @@ export { CLASSNAME, COMPONENT_NAME };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const FlexBox: import('vue').DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const FlexBox: import('vue').DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {
     /** Customize the root element. */

package/components/heading/Heading.d.ts

@@ -7,7 +7,7 @@ export type HeadingVueProps = VueToJSXProps<HeadingProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Heading: import('vue').DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Heading: import('vue').DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Heading;

package/components/icon/Icon.d.ts

@@ -7,7 +7,7 @@ export type IconProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Icon: import('vue').DefineSetupFnComponent<IconProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Icon: import('vue').DefineSetupFnComponent<IconProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Icon;

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

@@ -7,7 +7,7 @@ export type InputHelperProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const InputHelper: import('vue').DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const InputHelper: import('vue').DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default InputHelper;

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

@@ -7,7 +7,7 @@ export type InputLabelProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const InputLabel: import('vue').DefineSetupFnComponent<InputLabelProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const InputLabel: import('vue').DefineSetupFnComponent<InputLabelProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default InputLabel;

package/components/link/Link.d.ts

@@ -0,0 +1,21 @@
+import { LinkProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Link';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type LinkProps = VueToJSXProps<UIProps, 'label'>;
+export declare const emitSchema: {
+    click: (event: Event) => boolean;
+};
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * Link component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Link: import('vue').DefineSetupFnComponent<LinkProps, {
+    click: (event: Event) => boolean;
+}, {}, Omit<UIProps, "className" | "label" | "children" | "onClick" | "ref" | "onChange"> & {
+    class?: string;
+} & {
+    onClick?: ((event: Event) => any) | undefined;
+}, import('vue').PublicProps>;
+export default Link;

package/components/link/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Link } from './Link';
+export type { LinkProps } from './Link';

package/components/message/Message.d.ts

@@ -14,7 +14,7 @@ export interface MessageEmits {
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Message: import('vue').DefineSetupFnComponent<MessageProps, "close"[], {}, Omit<Omit<UIProps, "closeButtonProps">, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Message: import('vue').DefineSetupFnComponent<MessageProps, "close"[], {}, Omit<Omit<UIProps, "closeButtonProps">, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {
     /** label to be used for the close button */

package/components/radio-button/RadioButton.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  */
 declare const RadioButton: import('vue').DefineSetupFnComponent<RadioButtonProps, {
     change: (value?: string, name?: string, event?: Event) => event is Event;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange" | "inputRef" | "inputId"> & {
     class?: string;
 } & {
     onChange?: ((value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;

package/components/skeleton/SkeletonCircle.d.ts

@@ -8,7 +8,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const SkeletonCircle: import('vue').DefineSetupFnComponent<SkeletonCircleProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const SkeletonCircle: import('vue').DefineSetupFnComponent<SkeletonCircleProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default SkeletonCircle;

package/components/skeleton/SkeletonRectangle.d.ts

@@ -8,7 +8,7 @@ export { SkeletonRectangleVariant, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const SkeletonRectangle: import('vue').DefineSetupFnComponent<SkeletonRectangleProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const SkeletonRectangle: import('vue').DefineSetupFnComponent<SkeletonRectangleProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default SkeletonRectangle;

package/components/skeleton/SkeletonTypography.d.ts

@@ -8,7 +8,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const SkeletonTypography: import('vue').DefineSetupFnComponent<SkeletonTypographyProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const SkeletonTypography: import('vue').DefineSetupFnComponent<SkeletonTypographyProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default SkeletonTypography;

package/components/skeleton/index.d.ts

@@ -1,10 +1,7 @@
-import { default as SkeletonCircle, SkeletonCircleProps } from './SkeletonCircle';
-import { default as SkeletonRectangle, SkeletonRectangleProps, SkeletonRectangleVariant } from './SkeletonRectangle';
-import { default as SkeletonTypography, SkeletonTypographyProps } from './SkeletonTypography';
-export { SkeletonCircle };
-export type { SkeletonCircleProps };
-export { SkeletonRectangle };
-export type { SkeletonRectangleProps };
-export { SkeletonRectangleVariant };
-export { SkeletonTypography };
-export type { SkeletonTypographyProps };
+export { default as SkeletonCircle } from './SkeletonCircle';
+export type { SkeletonCircleProps } from './SkeletonCircle';
+export { default as SkeletonRectangle } from './SkeletonRectangle';
+export type { SkeletonRectangleProps } from './SkeletonRectangle';
+export { SkeletonRectangleVariant } from './SkeletonRectangle';
+export { default as SkeletonTypography } from './SkeletonTypography';
+export type { SkeletonTypographyProps } from './SkeletonTypography';

package/components/switch/Switch.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  */
 declare const Switch: import('vue').DefineSetupFnComponent<SwitchProps, {
     change: (isChecked: boolean, value?: string, name?: string, event?: Event) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange" | "inputRef" | "inputId"> & {
     class?: string;
 } & {
     onChange?: ((isChecked: boolean, value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;

package/components/text/Text.d.ts

@@ -7,7 +7,7 @@ export type TextProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Text: import('vue').DefineSetupFnComponent<TextProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Text: import('vue').DefineSetupFnComponent<TextProps, {}, {}, Omit<UIProps, "className" | "children" | "onClick" | "ref" | "onChange"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Text;

package/index.d.ts

@@ -1,6 +1,5 @@
 export * from '@lumx/core/js/constants';
 export * from '@lumx/core/js/types';
-export * from './components/badge';
 export * from './components/button';
 export * from './components/checkbox';
 export * from './components/divider';
@@ -10,6 +9,7 @@ export * from './components/heading';
 export * from './components/icon';
 export * from './components/input-helper';
 export * from './components/input-label';
+export * from './components/link';
 export * from './components/message';
 export * from './components/radio-button';
 export * from './components/skeleton';