@wizleap-inc/wiz-ui-next 0.0.1 → 0.4.0

package/dist/components/base/anchor/anchor.vue.d.ts

@@ -39,11 +39,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     props: any;
     isRouterLink: import("vue").ComputedRef<boolean>;
-    readonly getRelativeFontSize: (key: "md" | "xl3" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "xl5" | "xl6", diffIndex: number) => "md" | "xl3" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "xl5" | "xl6";
+    readonly getRelativeFontSize: (key: "md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", diffIndex: number) => "md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6";
     readonly anchorStyle: string;
     readonly anchorNoWrapStyle: string;
     readonly colorStyle: Record<ColorKeys, string>;
-    readonly fontSizeStyle: Record<"md" | "xl3" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "xl5" | "xl6", string>;
+    readonly fontSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
     readonly fontWeightStyle: Record<"normal" | "bold" | "medium" | "thin" | "light" | "extralight" | "semibold", string>;
     readonly WizIcon: import("vue").DefineComponent<{
         size: {
@@ -62,9 +62,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
     }, {
         readonly iconStyle: string;
-        readonly iconSizeStyle: Record<"md" | "xl3" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "xl5" | "xl6", string>;
+        readonly iconSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
         readonly fillStyle: Record<ColorKeys, string>;
-        readonly fontSizeStyle: Record<"md" | "xl3" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "xl5" | "xl6", string>;
+        readonly fontSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: null;

package/dist/components/base/avatar/avatar.vue.d.ts

@@ -42,7 +42,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     readonly avatarFallbackStyle: string;
     readonly avatarClickableStyle: string;
     readonly backgroundStyle: Record<ColorKeys, string>;
-    readonly sizeStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+    readonly sizeStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
     readonly colorStyle: Record<ColorKeys, string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     src: {

package/dist/components/base/badge/badge.vue.d.ts

@@ -30,12 +30,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {
     readonly badgeStyle: string;
-    readonly badgeSizeStyle: Record<"md" | "sm" | "lg", string>;
+    readonly badgeSizeStyle: Record<"md" | "lg" | "sm", string>;
     readonly badgeContainerStyle: string;
     readonly backgroundStyle: Record<ColorKeys, string>;
     readonly colorStyle: Record<ColorKeys, string>;
-    readonly topStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
-    readonly rightStyle: Record<"at" | "md" | "xl3" | "no" | "xl2" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "max", string>;
+    readonly topStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+    readonly rightStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;

package/dist/components/base/buttons/icon/icon.vue.d.ts

@@ -22,11 +22,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
     props: any;
     emits: (event: "click") => void;
     onClick: () => true | void;
-    readonly getRelativeFontSize: (key: "md" | "xl3" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "xl5" | "xl6", diffIndex: number) => "md" | "xl3" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "xl5" | "xl6";
+    readonly getRelativeFontSize: (key: "md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", diffIndex: number) => "md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6";
     readonly iconButtonSVGStyle: Record<"link" | "sub" | "transparent" | "primary", string>;
     readonly iconButtonStyle: Record<"link" | "sub" | "transparent" | "primary", string>;
     readonly iconButtonDisabledStyle: string;
-    readonly fontSizeStyle: Record<"md" | "xl3" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "lg" | "xl" | "xl4" | "xl5" | "xl6", string>;
+    readonly fontSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
         type: null;

package/dist/components/base/buttons/text/text.vue.d.ts

@@ -24,15 +24,532 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    icon: {
+        type: null;
+        required: false;
+    };
+    iconPosition: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
 }, {
     props: any;
     emit: (e: "click") => void;
     onClick: () => true | void;
+    variantColor: import("vue").ComputedRef<"white.800" | "green.800" | undefined>;
+    iconSize: import("vue").ComputedRef<"xl3" | "lg" | "xl" | "xl2" | undefined>;
     readonly textButtonStyle: Record<"sub" | "primary", string>;
     readonly textButtonDisabledStyle: string;
     readonly textButtonRoundStyle: string;
     readonly textButtonExpandStyle: string;
-    readonly textButtonSizeStyle: Record<"md" | "sm" | "lg", string>;
+    readonly textButtonSizeStyle: Record<"md" | "lg" | "xs" | "sm", string>;
+    readonly WizHStack: import("vue").DefineComponent<{
+        align: {
+            type: StringConstructor;
+            required: false;
+        };
+        justify: {
+            type: StringConstructor;
+            required: false;
+        };
+        wrap: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        gap: {
+            type: null;
+            required: false;
+        };
+        gx: {
+            type: null;
+            required: false;
+        };
+        gy: {
+            type: null;
+            required: false;
+        };
+        p: {
+            type: null;
+            required: false;
+        };
+        pt: {
+            type: null;
+            required: false;
+        };
+        pr: {
+            type: null;
+            required: false;
+        };
+        pb: {
+            type: null;
+            required: false;
+        };
+        pl: {
+            type: null;
+            required: false;
+        };
+        px: {
+            type: null;
+            required: false;
+        };
+        py: {
+            type: null;
+            required: false;
+        };
+        m: {
+            type: null;
+            required: false;
+        };
+        mt: {
+            type: null;
+            required: false;
+        };
+        mr: {
+            type: null;
+            required: false;
+        };
+        mb: {
+            type: null;
+            required: false;
+        };
+        ml: {
+            type: null;
+            required: false;
+        };
+        mx: {
+            type: null;
+            required: false;
+        };
+        my: {
+            type: null;
+            required: false;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+        };
+        height: {
+            type: StringConstructor;
+            required: false;
+        };
+        overflow: {
+            type: StringConstructor;
+            required: false;
+        };
+        reverse: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        position: {
+            type: StringConstructor;
+            required: false;
+        };
+    }, {
+        readonly WizStack: import("vue").DefineComponent<{
+            direction: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            wrap: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            gap: {
+                type: null;
+                required: false;
+            };
+            gx: {
+                type: null;
+                required: false;
+            };
+            gy: {
+                type: null;
+                required: false;
+            };
+            p: {
+                type: null;
+                required: false;
+            };
+            pt: {
+                type: null;
+                required: false;
+            };
+            pr: {
+                type: null;
+                required: false;
+            };
+            pb: {
+                type: null;
+                required: false;
+            };
+            pl: {
+                type: null;
+                required: false;
+            };
+            px: {
+                type: null;
+                required: false;
+            };
+            py: {
+                type: null;
+                required: false;
+            };
+            m: {
+                type: null;
+                required: false;
+            };
+            mt: {
+                type: null;
+                required: false;
+            };
+            mr: {
+                type: null;
+                required: false;
+            };
+            mb: {
+                type: null;
+                required: false;
+            };
+            ml: {
+                type: null;
+                required: false;
+            };
+            mx: {
+                type: null;
+                required: false;
+            };
+            my: {
+                type: null;
+                required: false;
+            };
+            width: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            height: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            overflow: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            reverse: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            position: {
+                type: StringConstructor;
+                required: false;
+            };
+        }, {
+            props: any;
+            computedDirection: import("vue").ComputedRef<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse">;
+            readonly stackStyle: string;
+            readonly stackDirectionStyle: Record<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse", string>;
+            readonly stackJustifyStyle: Record<"center" | "end" | "start" | "between" | "around" | "evenly", string>;
+            readonly stackAlignStyle: Record<"stretch" | "center" | "end" | "start", string>;
+            readonly stackWrapStyle: string;
+            readonly stackPositionStyle: Record<"fixed" | "absolute" | "relative" | "static" | "sticky", string>;
+            readonly gapStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly gapXStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly gapYStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly marginStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly marginXStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly marginYStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly marginTopStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly marginRightStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly marginBottomStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly marginLeftStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly paddingStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly paddingXStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly paddingYStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly paddingTopStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly paddingRightStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly paddingBottomStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+            readonly paddingLeftStyle: Record<"at" | "md" | "xl3" | "no" | "lg" | "xl" | "xl2" | "xs2" | "xs" | "sm" | "xl4" | "max", string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            wrap: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            gap: {
+                type: null;
+                required: false;
+            };
+            gx: {
+                type: null;
+                required: false;
+            };
+            gy: {
+                type: null;
+                required: false;
+            };
+            p: {
+                type: null;
+                required: false;
+            };
+            pt: {
+                type: null;
+                required: false;
+            };
+            pr: {
+                type: null;
+                required: false;
+            };
+            pb: {
+                type: null;
+                required: false;
+            };
+            pl: {
+                type: null;
+                required: false;
+            };
+            px: {
+                type: null;
+                required: false;
+            };
+            py: {
+                type: null;
+                required: false;
+            };
+            m: {
+                type: null;
+                required: false;
+            };
+            mt: {
+                type: null;
+                required: false;
+            };
+            mr: {
+                type: null;
+                required: false;
+            };
+            mb: {
+                type: null;
+                required: false;
+            };
+            ml: {
+                type: null;
+                required: false;
+            };
+            mx: {
+                type: null;
+                required: false;
+            };
+            my: {
+                type: null;
+                required: false;
+            };
+            width: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            height: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            overflow: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            reverse: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            position: {
+                type: StringConstructor;
+                required: false;
+            };
+        }>>, {
+            reverse: boolean;
+            width: string;
+            height: string;
+            overflow: string;
+            direction: string;
+            wrap: boolean;
+            justify: string;
+            align: string;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        align: {
+            type: StringConstructor;
+            required: false;
+        };
+        justify: {
+            type: StringConstructor;
+            required: false;
+        };
+        wrap: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        gap: {
+            type: null;
+            required: false;
+        };
+        gx: {
+            type: null;
+            required: false;
+        };
+        gy: {
+            type: null;
+            required: false;
+        };
+        p: {
+            type: null;
+            required: false;
+        };
+        pt: {
+            type: null;
+            required: false;
+        };
+        pr: {
+            type: null;
+            required: false;
+        };
+        pb: {
+            type: null;
+            required: false;
+        };
+        pl: {
+            type: null;
+            required: false;
+        };
+        px: {
+            type: null;
+            required: false;
+        };
+        py: {
+            type: null;
+            required: false;
+        };
+        m: {
+            type: null;
+            required: false;
+        };
+        mt: {
+            type: null;
+            required: false;
+        };
+        mr: {
+            type: null;
+            required: false;
+        };
+        mb: {
+            type: null;
+            required: false;
+        };
+        ml: {
+            type: null;
+            required: false;
+        };
+        mx: {
+            type: null;
+            required: false;
+        };
+        my: {
+            type: null;
+            required: false;
+        };
+        width: {
+            type: StringConstructor;
+            required: false;
+        };
+        height: {
+            type: StringConstructor;
+            required: false;
+        };
+        overflow: {
+            type: StringConstructor;
+            required: false;
+        };
+        reverse: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        position: {
+            type: StringConstructor;
+            required: false;
+        };
+    }>>, {
+        reverse: boolean;
+        wrap: boolean;
+    }>;
+    readonly WizIcon: import("vue").DefineComponent<{
+        size: {
+            type: null;
+            required: false;
+            default: string;
+        };
+        color: {
+            type: null;
+            required: false;
+            default: string;
+        };
+        icon: {
+            type: null;
+            required: true;
+        };
+    }, {
+        readonly iconStyle: string;
+        readonly iconSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
+        readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
+        readonly fontSizeStyle: Record<"md" | "xl3" | "lg" | "xl" | "xl2" | "xs3" | "xs2" | "xs" | "sm" | "xl4" | "xl5" | "xl6", string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: null;
+            required: false;
+            default: string;
+        };
+        color: {
+            type: null;
+            required: false;
+            default: string;
+        };
+        icon: {
+            type: null;
+            required: true;
+        };
+    }>>, {
+        color: any;
+        size: any;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: StringConstructor;
@@ -59,9 +576,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    icon: {
+        type: null;
+        required: false;
+    };
+    iconPosition: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
+    iconPosition: string;
     size: string;
     disabled: boolean;
     variant: string;