@oub/fusion 0.1.2 → 0.2.2

package/dist/main.d.ts

@@ -0,0 +1,660 @@
+import { AllowedComponentProps } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { FusionButtonSize } from '../types/components/FusionButton';
+import { FusionButtonVariantStyle } from '../types/components/FusionButton';
+import { FusionButtonVariantType } from '../types/components/FusionButton';
+import { FusionRadioStates } from './components/form/radio/FusionRadio';
+import { FusionTextareaStates } from './components/form/textarea/FusionTextarea';
+import { FusionTextLinkIconPlacement } from './components/link/text/FusionTextLink';
+import { FusionTextLinkStates } from './components/link/text/FusionTextLink';
+import { PropType } from 'vue';
+import { Sizes } from '../types/Global';
+import { Themes } from '../types/Themes';
+import { VariantTypes } from '../types/Global';
+import { VNodeProps } from 'vue';
+
+declare const _default: {
+    FusionButton: DefineComponent<{
+        theme: {
+            type: PropType<keyof Themes>;
+            required: false;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        variantType: {
+            type: PropType<keyof FusionButtonVariantType>;
+            required: false;
+            default: string;
+        };
+        variantStyle: {
+            type: PropType<keyof FusionButtonVariantStyle>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: PropType<keyof FusionButtonSize>;
+            required: false;
+            default: string;
+        };
+        type: {
+            type: PropType<"button" | "submit" | "reset" | undefined>;
+            required: false;
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: true;
+        };
+    }, unknown, {
+        styleVariables: {
+            "--fusion-spinner-color": string;
+        };
+        focus: boolean;
+        hover: boolean;
+    }, {
+        spinnerColour(): string;
+        isDisabled(): boolean;
+        isLoading(): boolean;
+        styleProps(): {
+            variantType: keyof FusionButtonVariantType;
+            variantStyle: keyof FusionButtonVariantStyle;
+            size: keyof FusionButtonSize;
+            theme: keyof Themes;
+            disabled: boolean;
+            interaction: {
+                focus: boolean;
+                hover: boolean;
+            };
+        };
+    }, {
+        loadStyleVariables: () => void;
+        onClick(): void;
+    }, ComponentOptionsMixin, ComponentOptionsMixin, {
+        click: null;
+    }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+        theme: {
+            type: PropType<keyof Themes>;
+            required: false;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        variantType: {
+            type: PropType<keyof FusionButtonVariantType>;
+            required: false;
+            default: string;
+        };
+        variantStyle: {
+            type: PropType<keyof FusionButtonVariantStyle>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: PropType<keyof FusionButtonSize>;
+            required: false;
+            default: string;
+        };
+        type: {
+            type: PropType<"button" | "submit" | "reset" | undefined>;
+            required: false;
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: true;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {
+        theme: keyof Themes;
+        variantType: keyof FusionButtonVariantType;
+        type: "button" | "submit" | "reset" | undefined;
+        variantStyle: keyof FusionButtonVariantStyle;
+        size: keyof FusionButtonSize;
+        loading: boolean;
+    }, {}>;
+    FusionTextarea: DefineComponent<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        ariaDescribedBy: {
+            type: StringConstructor;
+            required: true;
+        };
+        theme: {
+            type: PropType<keyof Themes>;
+            default: string;
+        };
+        rows: {
+            type: StringConstructor;
+            default: string;
+        };
+        cols: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        helperLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        errorLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCharLength: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxLength: {
+            type: NumberConstructor;
+            default: number;
+        };
+        tabIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, unknown, {
+        inputValue: string;
+        styleVariables: {};
+        interactionStates: {
+            focused: boolean;
+            hover: boolean;
+        };
+    }, {
+        inputStates(): {
+            focused: boolean;
+            hover: boolean;
+            disabled: boolean;
+            error: boolean;
+            theme: keyof Themes;
+        };
+    }, {
+        loadStyleVariables(newStates: FusionTextareaStates): void;
+        updateInput: () => void;
+        handleFocus: () => void;
+        handleBlur: () => void;
+        handleKeydownEnter: () => void;
+        handleMouseover: () => void;
+        handleMouseleave: () => void;
+    }, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "input:blur" | "input:focus" | "keydown:enter")[], "update:modelValue" | "input:blur" | "input:focus" | "keydown:enter", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        ariaDescribedBy: {
+            type: StringConstructor;
+            required: true;
+        };
+        theme: {
+            type: PropType<keyof Themes>;
+            default: string;
+        };
+        rows: {
+            type: StringConstructor;
+            default: string;
+        };
+        cols: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        helperLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        errorLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCharLength: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxLength: {
+            type: NumberConstructor;
+            default: number;
+        };
+        tabIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onInput:blur"?: ((...args: any[]) => any) | undefined;
+        "onInput:focus"?: ((...args: any[]) => any) | undefined;
+        "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        theme: keyof Themes;
+        required: boolean;
+        modelValue: string;
+        placeholder: string;
+        helperLabel: string;
+        errorLabel: string;
+        tabIndex: number;
+        autocomplete: string;
+        readonly: boolean;
+        rows: string;
+        cols: string;
+        showCharLength: boolean;
+        maxLength: number;
+    }, {}>;
+    FusionCheckbox: DefineComponent<{
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        helperText: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        defaultValue: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        name: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        value: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        theme: {
+            type: PropType<keyof Themes>;
+            required: false;
+            default: string;
+        };
+    }, unknown, {
+        checked: boolean;
+        styleVariables: {};
+        focus: boolean;
+        hover: boolean;
+    }, {
+        styleProps(): {
+            theme: keyof Themes;
+            disabled: boolean;
+            interaction: {
+                focus: boolean;
+                hover: boolean;
+                checked: boolean;
+            };
+        };
+    }, {
+        loadStyleVariables: () => void;
+        handleChange(e: Event): void;
+    }, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        helperText: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        defaultValue: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        name: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        value: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        theme: {
+            type: PropType<keyof Themes>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        name: string;
+        label: string;
+        theme: keyof Themes;
+        value: string;
+        defaultValue: boolean;
+        helperText: string;
+    }, {}>;
+    FusionRadio: DefineComponent<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        value: {
+            type: StringConstructor;
+            required: true;
+        };
+        theme: {
+            type: PropType<keyof Themes>;
+            default: string;
+        };
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        helperLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, unknown, {
+        inputValue: string;
+        styleVariables: {};
+        interactionStates: {
+            focused: boolean;
+            hover: boolean;
+        };
+    }, {
+        inputStates: () => {
+            focused: boolean;
+            hover: boolean;
+            disabled: boolean;
+            theme: keyof Themes;
+            checked: boolean;
+            error: boolean;
+        };
+        isSelected: () => boolean;
+    }, {
+        handleChange: () => void;
+        loadStyleVariables: (newStates: FusionRadioStates) => void;
+        handleFocus: () => void;
+        handleBlur: () => void;
+        handleMouseover: () => void;
+        handleMouseleave: () => void;
+    }, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "input:blur" | "input:focus")[], "update:modelValue" | "input:blur" | "input:focus", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        value: {
+            type: StringConstructor;
+            required: true;
+        };
+        theme: {
+            type: PropType<keyof Themes>;
+            default: string;
+        };
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        helperLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onInput:blur"?: ((...args: any[]) => any) | undefined;
+        "onInput:focus"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        theme: keyof Themes;
+        required: boolean;
+        modelValue: string;
+        helperLabel: string;
+    }, {}>;
+    FusionTextLink: DefineComponent<{
+        theme: {
+            type: PropType<keyof Themes>;
+            default: string;
+        };
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        href: {
+            type: StringConstructor;
+            required: true;
+        };
+        variantType: {
+            type: PropType<keyof VariantTypes>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: PropType<keyof Sizes>;
+            required: false;
+            default: string;
+        };
+        tabIndex: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPlacement: {
+            type: PropType<keyof FusionTextLinkIconPlacement>;
+            required: false;
+            default: string;
+        };
+    }, unknown, {
+        styleVariables: {};
+        interactionStates: {
+            focused: boolean;
+            hover: boolean;
+        };
+    }, {
+        styleStates(): {
+            focused: boolean;
+            hover: boolean;
+            disabled: boolean;
+            theme: keyof Themes;
+            variantType: keyof VariantTypes;
+            size: keyof Sizes;
+            showIcon: boolean;
+            iconPlacement: keyof FusionTextLinkIconPlacement;
+        };
+    }, {
+        loadStyleVariables: (newStates: FusionTextLinkStates) => void;
+        handleFocus: () => void;
+        handleBlur: () => void;
+        handleMouseover: () => void;
+        handleMouseleave: () => void;
+    }, ComponentOptionsMixin, ComponentOptionsMixin, ("input:blur" | "input:focus")[], "input:blur" | "input:focus", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+        theme: {
+            type: PropType<keyof Themes>;
+            default: string;
+        };
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        href: {
+            type: StringConstructor;
+            required: true;
+        };
+        variantType: {
+            type: PropType<keyof VariantTypes>;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: PropType<keyof Sizes>;
+            required: false;
+            default: string;
+        };
+        tabIndex: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPlacement: {
+            type: PropType<keyof FusionTextLinkIconPlacement>;
+            required: false;
+            default: string;
+        };
+    }>> & {
+        "onInput:blur"?: ((...args: any[]) => any) | undefined;
+        "onInput:focus"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        theme: keyof Themes;
+        variantType: keyof VariantTypes;
+        size: keyof Sizes;
+        tabIndex: string;
+        showIcon: boolean;
+        iconPlacement: keyof FusionTextLinkIconPlacement;
+    }, {}>;
+};
+export default _default;
+
+export { }