@lumx/vue 4.2.1-alpha.0 → 4.2.1-alpha.10

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>;
+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" | "onChange" | "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" | "onChange" | "onClick"> & {
+    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>;
+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" | "onChange" | "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" | "onChange" | "onClick" | "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" | "onChange" | "onClick"> & {
+    class?: string;
+} & {
+    /** Customize the root element. */
+    as?: string;
+} & {}, import('vue').PublicProps>;
+export default FlexBox;

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

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

package/components/heading/Heading.d.ts

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

package/components/heading/HeadingLevelProvider.d.ts

@@ -0,0 +1,12 @@
+export interface HeadingLevelProviderProps {
+    /** The heading level to start at. If left undefined, the parent context will be used, if any. */
+    level?: number;
+}
+/**
+ * HeadingLevelProvider component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const HeadingLevelProvider: import('vue').DefineSetupFnComponent<HeadingLevelProviderProps, {}, {}, HeadingLevelProviderProps & {}, import('vue').PublicProps>;
+export default HeadingLevelProvider;

package/components/heading/index.d.ts

@@ -1,6 +1,6 @@
 import { HeadingProps } from '@lumx/core/js/components/Heading';
-import { default as Heading } from './Heading.vue';
-import { default as HeadingLevelProvider } from './HeadingLevelProvider.vue';
+import { default as Heading } from './Heading';
+import { default as HeadingLevelProvider } from './HeadingLevelProvider';
 import { useHeadingLevel } from './useHeadingLevel';
 export { Heading, HeadingLevelProvider, useHeadingLevel };
 export type { HeadingProps };

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" | "onChange" | "onClick"> & {
+    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" | "onChange" | "onClick"> & {
+    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" | "onChange" | "onClick"> & {
+    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" | "onChange" | "onClick"> & {
+    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.d.ts

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

package/components/text/index.d.ts

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

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 {};

package/index.d.ts

@@ -8,3 +8,4 @@ export * from './components/text';
 export * from './components/heading';
 export * from './components/message';
 export * from './components/flag';
+export * from './components/flex-box';