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

package/components/button/Button.d.ts

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

package/components/button/ButtonGroup.d.ts

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

package/components/button/IconButton.d.ts

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

package/components/button/index.d.ts

@@ -1,8 +1,7 @@
-import { ButtonProps } from '@lumx/core/js/components/Button/Button';
 import { IconButtonProps } from '@lumx/core/js/components/Button/IconButton';
 import { ButtonGroupProps } from '@lumx/core/js/components/Button/ButtonGroup';
-import { default as Button } from './Button.vue';
-import { default as IconButton } from './IconButton.vue';
-import { default as ButtonGroup } from './ButtonGroup.vue';
+import { default as Button, ButtonProps } from './Button';
+import { default as IconButton } from './IconButton';
+import { default as ButtonGroup } from './ButtonGroup';
 export { Button, ButtonGroup, IconButton };
 export type { ButtonProps, ButtonGroupProps, IconButtonProps };

package/components/flag/Flag.d.ts

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

package/components/flag/index.d.ts

@@ -1,4 +1,4 @@
 import { FlagProps } from '@lumx/core/js/components/Flag';
-import { default as Flag } from './Flag.vue';
+import { default as Flag } from './Flag';
 export { Flag };
 export type { FlagProps };

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

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

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

@@ -1,4 +1,4 @@
-import { default as FlexBox } from './FlexBox.vue';
+import { default as FlexBox } from './FlexBox';
 export { FlexBox };
-export type { FlexBoxProps } from './types';
+export type { FlexBoxProps } from './FlexBox';
 export type { MarginAutoAlignment, GapSize, FlexVerticalAlignment, FlexHorizontalAlignment, } from '@lumx/core/js/components/FlexBox';

package/components/heading/Heading.vue.d.ts

@@ -1,3 +1,4 @@
+import { HeadingProps } from '@lumx/core/js/components/Heading';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -7,7 +8,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<HeadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HeadingProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/icon/Icon.d.ts

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

package/components/icon/index.d.ts

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

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

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

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

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

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

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

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

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

package/components/message/Message.d.ts

@@ -0,0 +1,25 @@
+import { MessageProps as UIProps } from '@lumx/core/js/components/Message';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type MessageProps = VueToJSXProps<Omit<UIProps, 'closeButtonProps'>> & {
+    /** label to be used for the close button */
+    closeButtonLabel?: string;
+};
+export interface MessageEmits {
+    /** event emited when the Message is closed through the Close Button */
+    close: [];
+}
+/**
+ * Message component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const Message: import('vue').DefineSetupFnComponent<MessageProps, "close"[], {}, Omit<Omit<UIProps, "closeButtonProps">, "className" | "children" | "ref"> & {
+    class?: string;
+} & {
+    /** label to be used for the close button */
+    closeButtonLabel?: string;
+} & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, import('vue').PublicProps>;
+export default Message;

package/components/message/index.d.ts

@@ -1,4 +1,3 @@
-import { MessageProps } from '@lumx/core/js/components/Message';
-import { default as Message } from './Message.vue';
+import { default as Message, MessageProps } from './Message';
 export { Message };
 export type { MessageProps };

package/components/text/Text.vue.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+import { TextProps } from '@lumx/core/js/components/Text';
+declare const _default: import('vue').DefineComponent<TextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TextProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     'tooltip-label': unknown;
 }, any>;
 export default _default;

package/composables/useDisableStateProps.d.ts

@@ -1,9 +1,10 @@
 import { ComputedRef } from 'vue';
 import { GenericProps, DisabledState } from '@lumx/core/js/utils/disabledState';
-interface Output {
+interface Output<TProps extends GenericProps> {
     /** Is disabled or aria-disabled */
-    isAnyDisabled: ComputedRef<boolean>;
+    isAnyDisabled: ComputedRef<boolean | undefined>;
     disabledStateProps: ComputedRef<DisabledState>;
+    otherProps: ComputedRef<Omit<TProps, 'disabled' | 'isDisabled' | 'aria-disabled' | 'ariaDisabled'>>;
 }
 /**
  * Resolve disabled state from props.
@@ -11,5 +12,5 @@ interface Output {
  *
  * @params component props
  */
-export declare function useDisableStateProps(props: GenericProps | ComputedRef<GenericProps> | (() => GenericProps)): Output;
+export declare function useDisableStateProps<TProps extends GenericProps>(props: TProps | ComputedRef<TProps> | (() => TProps)): Output<TProps>;
 export {};