@lumx/vue 4.3.1 → 4.3.2-alpha.1

package/CONTRIBUTING.md

@@ -41,18 +41,6 @@ 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/badge/Badge.d.ts

@@ -0,0 +1,13 @@
+import { BadgeProps as UIProps } from '@lumx/core/js/components/Badge';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type BadgeProps = VueToJSXProps<UIProps>;
+/**
+ * Badge component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Badge: import('vue').DefineSetupFnComponent<BadgeProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default Badge;

package/components/badge/BadgeWrapper.d.ts

@@ -0,0 +1,8 @@
+import { BadgeWrapperProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Badge/BadgeWrapper';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type BadgeWrapperProps = VueToJSXProps<UIProps>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+declare const BadgeWrapper: import('vue').DefineSetupFnComponent<BadgeWrapperProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default BadgeWrapper;

package/components/badge/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Badge, BadgeProps } from './Badge';
+import { default as BadgeWrapper, BadgeWrapperProps } from './BadgeWrapper';
+export { Badge, BadgeWrapper };
+export type { BadgeProps, BadgeWrapperProps };

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" | "ref" | "children" | "onClick" | "onChange"> & {
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     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" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const ButtonGroup: import('vue').DefineSetupFnComponent<ButtonGroupProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     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" | "ref" | "children" | "onClick" | "onChange"> & {
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     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" | "ref" | "children" | "onClick" | "onChange" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
     class?: string;
 } & {
     onChange?: ((isChecked: boolean, value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;

package/components/divider/Divider.d.ts

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

package/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Divider } from './Divider';
+export type { DividerProps } from './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" | "ref" | "children" | "onClick" | "onChange" | "Text"> & {
+declare const Flag: import('vue').DefineSetupFnComponent<FlagProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "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" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const FlexBox: import('vue').DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     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" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const Heading: import('vue').DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     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" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const Icon: import('vue').DefineSetupFnComponent<IconProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     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" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const InputHelper: import('vue').DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     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" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const InputLabel: import('vue').DefineSetupFnComponent<InputLabelProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default InputLabel;

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" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const Message: import('vue').DefineSetupFnComponent<MessageProps, "close"[], {}, Omit<Omit<UIProps, "closeButtonProps">, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     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" | "ref" | "children" | "onClick" | "onChange" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
     class?: string;
 } & {
     onChange?: ((value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;

package/components/skeleton/SkeletonCircle.d.ts

@@ -0,0 +1,14 @@
+import { SkeletonCircleProps as UIProps, SKELETON_CIRCLE_CLASSNAME as CLASSNAME, SKELETON_CIRCLE_COMPONENT_NAME as COMPONENT_NAME, SKELETON_CIRCLE_DEFAULT_PROPS as DEFAULT_PROPS } from '@lumx/core/js/components/Skeleton';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type SkeletonCircleProps = VueToJSXProps<UIProps>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * SkeletonCircle component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const SkeletonCircle: import('vue').DefineSetupFnComponent<SkeletonCircleProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default SkeletonCircle;

package/components/skeleton/SkeletonRectangle.d.ts

@@ -0,0 +1,14 @@
+import { SkeletonRectangleProps as UIProps, SkeletonRectangleVariant, SKELETON_RECTANGLE_CLASSNAME as CLASSNAME, SKELETON_RECTANGLE_COMPONENT_NAME as COMPONENT_NAME, SKELETON_RECTANGLE_DEFAULT_PROPS as DEFAULT_PROPS } from '@lumx/core/js/components/Skeleton';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type SkeletonRectangleProps = VueToJSXProps<UIProps>;
+export { SkeletonRectangleVariant, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * SkeletonRectangle component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const SkeletonRectangle: import('vue').DefineSetupFnComponent<SkeletonRectangleProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default SkeletonRectangle;

package/components/skeleton/SkeletonTypography.d.ts

@@ -0,0 +1,14 @@
+import { SkeletonTypographyProps as UIProps, SKELETON_TYPOGRAPHY_CLASSNAME as CLASSNAME, SKELETON_TYPOGRAPHY_COMPONENT_NAME as COMPONENT_NAME, SKELETON_TYPOGRAPHY_DEFAULT_PROPS as DEFAULT_PROPS } from '@lumx/core/js/components/Skeleton';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type SkeletonTypographyProps = VueToJSXProps<UIProps>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * SkeletonTypography component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const SkeletonTypography: import('vue').DefineSetupFnComponent<SkeletonTypographyProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default SkeletonTypography;

package/components/skeleton/index.d.ts

@@ -0,0 +1,10 @@
+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 };

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" | "ref" | "children" | "onClick" | "onChange" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "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" | "ref" | "children" | "onClick" | "onChange"> & {
+declare const Text: import('vue').DefineSetupFnComponent<TextProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Text;

package/index.d.ts

@@ -1,7 +1,9 @@
 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';
 export * from './components/flag';
 export * from './components/flex-box';
 export * from './components/heading';
@@ -9,6 +11,7 @@ export * from './components/icon';
 export * from './components/input-helper';
 export * from './components/input-label';
 export * from './components/message';
-export * from './components/switch';
 export * from './components/radio-button';
+export * from './components/skeleton';
+export * from './components/switch';
 export * from './components/text';