@wizleap-inc/wiz-ui-next 0.4.1 → 0.5.0

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

@@ -25,10 +25,26 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    minWidth: {
+        type: StringConstructor;
+        required: false;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        required: false;
+    };
     height: {
         type: StringConstructor;
         required: false;
     };
+    minHeight: {
+        type: StringConstructor;
+        required: false;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        required: false;
+    };
     round: {
         type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
@@ -97,7 +113,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: false;
     };
-    scroll: {
+    snapScroll: {
         type: PropType<"none" | "x" | "y" | "block" | "inline" | "both">;
         required: false;
     };
@@ -129,10 +145,26 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    minWidth: {
+        type: StringConstructor;
+        required: false;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        required: false;
+    };
     height: {
         type: StringConstructor;
         required: false;
     };
+    minHeight: {
+        type: StringConstructor;
+        required: false;
+    };
+    maxHeight: {
+        type: StringConstructor;
+        required: false;
+    };
     round: {
         type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
         required: false;
@@ -201,7 +233,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: false;
     };
-    scroll: {
+    snapScroll: {
         type: PropType<"none" | "x" | "y" | "block" | "inline" | "both">;
         required: false;
     };

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

@@ -48,6 +48,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    gap: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+        default: string;
+    };
 }, {
     readonly cardStyle: string;
     readonly cardFitStyle: string;
@@ -55,8 +60,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     readonly cardShadowStyle: string;
     readonly cardBorderStyle: string;
     readonly cardHeaderStyle: string;
-    readonly cardHeaderMainStyle: string;
-    readonly cardHeaderTitleStyle: string;
     readonly paddingStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
     readonly paddingXStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
     readonly paddingYStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
@@ -528,64 +531,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         reverse: boolean;
         wrap: boolean;
     }>;
-    readonly WizIHelp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    readonly WizIcon: import("vue").DefineComponent<{
-        icon: {
-            type: PropType<import('../../../components').TIcon>;
-            required: true;
-        };
-        color: {
-            type: PropType<ColorKeys>;
-            required: false;
-            default: string;
-        };
-        size: {
-            type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
-            required: false;
-            default: string;
-        };
-    }, {
-        readonly iconStyle: string;
-        readonly iconSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
-        readonly fillStyle: Record<ColorKeys, string>;
-        readonly fontSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "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<{
-        icon: {
-            type: PropType<import('../../../components').TIcon>;
-            required: true;
-        };
-        color: {
-            type: PropType<ColorKeys>;
-            required: false;
-            default: string;
-        };
-        size: {
-            type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
-            required: false;
-            default: string;
-        };
-    }>>, {
-        color: ColorKeys;
-        size: "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6";
-    }>;
-    readonly WizTooltip: import("vue").DefineComponent<{
-        content: {
-            type: StringConstructor;
-            required: false;
-        };
-    }, {
-        slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        readonly tooltipStyle: string;
-        readonly tooltipBlockStyle: string;
-        readonly tooltipContentStyle: string;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        content: {
-            type: StringConstructor;
-            required: false;
-        };
-    }>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
@@ -634,10 +579,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    gap: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+        default: string;
+    };
 }>>, {
     shadow: boolean;
     backgroundColor: ColorKeys;
     border: boolean;
+    gap: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
     align: "stretch" | "center" | "end" | "start";
     p: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
     fit: boolean;

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

@@ -130,6 +130,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: StringConstructor;
             required: false;
         };
+        gap: {
+            type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+            required: false;
+            default: string;
+        };
     }, {
         readonly cardStyle: string;
         readonly cardFitStyle: string;
@@ -137,8 +142,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly cardShadowStyle: string;
         readonly cardBorderStyle: string;
         readonly cardHeaderStyle: string;
-        readonly cardHeaderMainStyle: string;
-        readonly cardHeaderTitleStyle: string;
         readonly paddingStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
         readonly paddingXStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
         readonly paddingYStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
@@ -610,64 +613,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             reverse: boolean;
             wrap: boolean;
         }>;
-        readonly WizIHelp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        readonly WizIcon: import("vue").DefineComponent<{
-            icon: {
-                type: PropType<import('../../../components/icons').TIcon>;
-                required: true;
-            };
-            color: {
-                type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
-                required: false;
-                default: string;
-            };
-            size: {
-                type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
-                required: false;
-                default: string;
-            };
-        }, {
-            readonly iconStyle: string;
-            readonly iconSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6", string>;
-            readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
-            readonly fontSizeStyle: Record<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "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<{
-            icon: {
-                type: PropType<import('../../../components/icons').TIcon>;
-                required: true;
-            };
-            color: {
-                type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
-                required: false;
-                default: string;
-            };
-            size: {
-                type: PropType<"xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6">;
-                required: false;
-                default: string;
-            };
-        }>>, {
-            color: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
-            size: "xs3" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xl5" | "xl6";
-        }>;
-        readonly WizTooltip: import("vue").DefineComponent<{
-            content: {
-                type: StringConstructor;
-                required: false;
-            };
-        }, {
-            slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
-            }>;
-            readonly tooltipStyle: string;
-            readonly tooltipBlockStyle: string;
-            readonly tooltipContentStyle: string;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            content: {
-                type: StringConstructor;
-                required: false;
-            };
-        }>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         title: {
             type: StringConstructor;
@@ -716,10 +661,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: StringConstructor;
             required: false;
         };
+        gap: {
+            type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+            required: false;
+            default: string;
+        };
     }>>, {
         shadow: boolean;
         backgroundColor: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
         border: boolean;
+        gap: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
         align: "stretch" | "center" | "end" | "start";
         p: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
         fit: boolean;

package/dist/components/base/inputs/checkbox/checkbox.vue.d.ts

@@ -34,7 +34,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     readonly checkboxLabelCheckedStyle: string;
     readonly checkboxLabelDisabledStyle: string;
     readonly checkboxLabelCursorStyle: Record<"default" | "disabled", string>;
-    readonly checkboxBlockStyle: string;
+    readonly checkboxIconStyle: string;
     readonly checkboxBlockCheckedStyle: string;
     WizStack: import("vue").DefineComponent<{
         direction: {
@@ -296,6 +296,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         justify: "center" | "end" | "start" | "between" | "around" | "evenly";
         align: "stretch" | "center" | "end" | "start";
     }>;
+    readonly WizICheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: PropType<CheckBoxOption[]>;

package/dist/components/base/inputs/index.d.ts

@@ -7,3 +7,4 @@ export * from "./toggle-switch";
 export * from "./panel-switch";
 export * from "./timepicker";
 export * from "./datepicker";
+export * from "./upload";

package/dist/components/base/inputs/selectbox/selectbox.vue.d.ts

@@ -42,6 +42,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     isError: import("vue").ComputedRef<boolean>;
     computedWidth: import("vue").ComputedRef<string>;
     state: import("vue").ComputedRef<"default" | "active" | "error">;
+    isValueMatched: import("vue").ComputedRef<boolean>;
     readonly selectBoxStyle: string;
     readonly selectBoxDisabledStyle: string;
     readonly selectBoxCursorStyle: Record<"default" | "disabled", string>;

package/dist/components/base/inputs/selectbox/types.d.ts

@@ -1,4 +1,5 @@
 export interface SelectBoxOption {
     label: string;
+    exLabel?: string;
     value: number;
 }

package/dist/components/base/inputs/upload/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WizUpload } from "./upload.vue";
+export { default as WizUploadDisplay } from "./upload-display.vue";