@wizleap-inc/wiz-ui-next 0.7.6 → 0.7.8

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

@@ -15,29 +15,34 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    backgroundColor: {
-        type: PropType<"gray" | "white">;
+    width: {
+        type: StringConstructor;
         required: false;
         default: string;
     };
-    width: {
-        type: StringConstructor;
+    bgColor: {
+        type: PropType<ColorKeys | undefined>;
+        required: false;
+    };
+    fontColor: {
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
 }, {
     props: any;
     emit: (e: "toggle") => void;
-    iconColor: import("vue").ComputedRef<ColorKeys>;
     contentRef: import("vue").Ref<HTMLElement | undefined>;
     isAnimating: import("vue").Ref<boolean>;
     onClick: (event: MouseEvent) => void;
-    readonly accordionMessageVariantStyle: Record<"gray" | "white", string>;
-    readonly accordionDetailsStyle: Record<"gray" | "white", string>;
+    readonly accordionMessageStyle: string;
+    readonly accordionDetailsStyle: string;
     readonly accordionContentStyle: string;
     readonly accordionSummaryStyle: string;
     readonly accordionExpandIconStyle: string;
     readonly accordionRotateIconStyle: string;
+    readonly backgroundStyle: Record<ColorKeys, string>;
+    readonly colorStyle: Record<ColorKeys, string>;
     readonly WizHStack: import("vue").DefineComponent<{
         align: {
             type: PropType<"stretch" | "center" | "end" | "start">;
@@ -561,13 +566,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    backgroundColor: {
-        type: PropType<"gray" | "white">;
+    width: {
+        type: StringConstructor;
         required: false;
         default: string;
     };
-    width: {
-        type: StringConstructor;
+    bgColor: {
+        type: PropType<ColorKeys | undefined>;
+        required: false;
+    };
+    fontColor: {
+        type: PropType<ColorKeys>;
         required: false;
         default: string;
     };
@@ -576,7 +585,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     openMessage: string;
     closeMessage: string;
-    backgroundColor: "gray" | "white";
     width: string;
+    fontColor: ColorKeys;
 }>;
 export default _sfc_main;

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

@@ -80,9 +80,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
+    bgColor: ColorKeys;
     color: ColorKeys;
     size: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
-    bgColor: ColorKeys;
     clickable: boolean;
 }>;
 export default _sfc_main;

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

@@ -69,9 +69,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    bgColor: ColorKeys;
     color: ColorKeys;
     size: "sm" | "md" | "lg";
-    bgColor: ColorKeys;
     hidden: boolean;
     offset: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
 }>;

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

@@ -585,8 +585,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    backgroundColor: ColorKeys;
     shadow: boolean;
+    backgroundColor: ColorKeys;
     border: boolean;
     gap: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
     align: "stretch" | "center" | "end" | "start";

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

@@ -667,8 +667,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
     }>>, {
-        backgroundColor: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
         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";

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

@@ -81,6 +81,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         updateBodyPxInfo: () => void;
         containerRef: import("vue").Ref<HTMLElement | undefined>;
+        removeScrollHandler: (() => void) | null;
         observer: ResizeObserver;
         popupRect: import("vue").ComputedRef<{
             width: number;
@@ -163,7 +164,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             updateBodyPxInfo: () => void;
             containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        updateBodyPxInfo: () => void;
         readonly popupContainerStyle: Record<"default" | "expanded", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         expand: {

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

@@ -23,6 +23,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    strikeThrough: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }, {
     props: any;
     emit: (e: "update:modelValue", value: number[]) => void;
@@ -36,6 +41,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     readonly checkboxLabelCursorStyle: Record<"default" | "disabled", string>;
     readonly checkboxIconStyle: string;
     readonly checkboxBlockCheckedStyle: string;
+    readonly checkboxLabelStrikeThrough: string;
     WizStack: import("vue").DefineComponent<{
         direction: {
             type: PropType<"horizontal" | "vertical">;
@@ -320,11 +326,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    strikeThrough: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     direction: "horizontal" | "vertical";
     gap: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
     disabled: boolean;
+    strikeThrough: boolean;
 }>;
 export default _sfc_main;

package/dist/components/base/inputs/date-picker/date-picker.vue.d.ts

@@ -879,6 +879,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         updateBodyPxInfo: () => void;
         containerRef: import("vue").Ref<HTMLElement | undefined>;
+        removeScrollHandler: (() => void) | null;
         observer: ResizeObserver;
         popupRect: import("vue").ComputedRef<{
             width: number;
@@ -961,7 +962,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             updateBodyPxInfo: () => void;
             containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        updateBodyPxInfo: () => void;
         readonly popupContainerStyle: Record<"default" | "expanded", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         expand: {

package/dist/components/base/inputs/date-range-picker/date-range-picker.vue.d.ts

@@ -826,8 +826,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
     }>>, {
-        backgroundColor: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
         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";
@@ -942,6 +942,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         updateBodyPxInfo: () => void;
         containerRef: import("vue").Ref<HTMLElement | undefined>;
+        removeScrollHandler: (() => void) | null;
         observer: ResizeObserver;
         popupRect: import("vue").ComputedRef<{
             width: number;
@@ -1024,7 +1025,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             updateBodyPxInfo: () => void;
             containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        updateBodyPxInfo: () => void;
         readonly popupContainerStyle: Record<"default" | "expanded", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         expand: {

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

@@ -24,6 +24,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    strikeThrough: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }, {
     props: any;
     emit: (e: "update:modelValue", value: number) => void;
@@ -37,6 +42,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     readonly radioLabelDisabledStyle: string;
     readonly radioLabelColorStyle: Record<"default" | "checked", string>;
     readonly radioLabelCursorStyle: Record<"default" | "disabled", string>;
+    readonly radioLabelStrikeThrough: string;
     WizStack: import("vue").DefineComponent<{
         direction: {
             type: PropType<"horizontal" | "vertical">;
@@ -321,11 +327,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    strikeThrough: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     direction: "horizontal" | "vertical";
     gap: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
     disabled: boolean;
+    strikeThrough: boolean;
 }>;
 export default _sfc_main;

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

@@ -609,7 +609,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             updateBodyPxInfo: () => void;
             containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        updateBodyPxInfo: () => void;
         readonly popupContainerStyle: Record<"default" | "expanded", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         expand: {
@@ -682,6 +681,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         updateBodyPxInfo: () => void;
         containerRef: import("vue").Ref<HTMLElement | undefined>;
+        removeScrollHandler: (() => void) | null;
         observer: ResizeObserver;
         popupRect: import("vue").ComputedRef<{
             width: number;

package/dist/components/base/inputs/search-selector/search-selector.vue.d.ts

@@ -120,7 +120,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             updateBodyPxInfo: () => void;
             containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        updateBodyPxInfo: () => void;
         readonly popupContainerStyle: Record<"default" | "expanded", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         expand: {
@@ -193,6 +192,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         updateBodyPxInfo: () => void;
         containerRef: import("vue").Ref<HTMLElement | undefined>;
+        removeScrollHandler: (() => void) | null;
         observer: ResizeObserver;
         popupRect: import("vue").ComputedRef<{
             width: number;

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

@@ -28,6 +28,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    isOpen: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }, {
     props: any;
     openSelectBox: import("vue").Ref<boolean>;
@@ -81,7 +86,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             updateBodyPxInfo: () => void;
             containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        updateBodyPxInfo: () => void;
         readonly popupContainerStyle: Record<"default" | "expanded", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         expand: {
@@ -154,6 +158,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         updateBodyPxInfo: () => void;
         containerRef: import("vue").Ref<HTMLElement | undefined>;
+        removeScrollHandler: (() => void) | null;
         observer: ResizeObserver;
         popupRect: import("vue").ComputedRef<{
             width: number;
@@ -1173,9 +1178,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    isOpen: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    isOpen: boolean;
     width: string;
     disabled: boolean;
     expand: boolean;

package/dist/components/base/inputs/timepicker/time-picker.vue.d.ts

@@ -1130,6 +1130,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         updateBodyPxInfo: () => void;
         containerRef: import("vue").Ref<HTMLElement | undefined>;
+        removeScrollHandler: (() => void) | null;
         observer: ResizeObserver;
         popupRect: import("vue").ComputedRef<{
             width: number;
@@ -1212,7 +1213,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             updateBodyPxInfo: () => void;
             containerRef: import("vue").Ref<HTMLElement | undefined>;
         };
-        updateBodyPxInfo: () => void;
         readonly popupContainerStyle: Record<"default" | "expanded", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         expand: {

package/dist/components/base/popup/popup-container.vue.d.ts

@@ -25,7 +25,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         updateBodyPxInfo: () => void;
         containerRef: import("vue").Ref<HTMLElement | undefined>;
     };
-    updateBodyPxInfo: () => void;
     readonly popupContainerStyle: Record<"default" | "expanded", string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     expand: {

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

@@ -64,6 +64,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     updateBodyPxInfo: () => void;
     containerRef: import("vue").Ref<HTMLElement | undefined>;
+    removeScrollHandler: (() => void) | null;
     observer: ResizeObserver;
     popupRect: import("vue").ComputedRef<{
         width: number;

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

@@ -10,6 +10,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
         required: false;
     };
+    borderRadius: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+        default: string;
+    };
     isLoading: {
         type: PropType<boolean>;
         default: boolean;
@@ -18,6 +23,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     readonly skeletonStyle: string;
     readonly normalSkeletonStyle: string;
+    readonly borderRadiusStyle: Record<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max", string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     width: {
         type: PropType<string>;
@@ -29,6 +35,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
         required: false;
     };
+    borderRadius: {
+        type: PropType<"at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max">;
+        required: false;
+        default: string;
+    };
     isLoading: {
         type: PropType<boolean>;
         default: boolean;
@@ -37,6 +48,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>>, {
     width: string;
     height: string;
+    borderRadius: "at" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "no" | "max";
     isLoading: boolean;
 }>;
 export default _sfc_main;

package/dist/components/custom/chat/card/chat-card.vue.d.ts

@@ -1333,6 +1333,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             align: "stretch" | "center" | "end" | "start";
         }>;
     }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+    updateFloatChatCardHeight: () => void;
     displayMessages: import("vue").ComputedRef<DisplayMessage[]>;
     textValue: import("vue").WritableComputedRef<string>;
     statusValue: import("vue").WritableComputedRef<number>;
@@ -3545,8 +3546,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
     }>>, {
-        backgroundColor: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
         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";
@@ -5879,8 +5880,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: string;
             };
         }>>, {
-            backgroundColor: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
             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";
@@ -6097,6 +6098,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: BooleanConstructor;
             required: false;
         };
+        isOpen: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
     }, {
         props: any;
         openSelectBox: import("vue").Ref<boolean>;
@@ -6150,7 +6156,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 updateBodyPxInfo: () => void;
                 containerRef: import("vue").Ref<HTMLElement | undefined>;
             };
-            updateBodyPxInfo: () => void;
             readonly popupContainerStyle: Record<"default" | "expanded", string>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             expand: {
@@ -6223,6 +6228,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             };
             updateBodyPxInfo: () => void;
             containerRef: import("vue").Ref<HTMLElement | undefined>;
+            removeScrollHandler: (() => void) | null;
             observer: ResizeObserver;
             popupRect: import("vue").ComputedRef<{
                 width: number;
@@ -7242,9 +7248,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: BooleanConstructor;
             required: false;
         };
+        isOpen: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, {
+        isOpen: boolean;
         width: string;
         disabled: boolean;
         expand: boolean;

package/dist/components/custom/chat/item/chat-item.vue.d.ts

@@ -1680,8 +1680,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
     }>>, {
-        backgroundColor: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
         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";

package/dist/hooks/use-scroll.d.ts

@@ -1 +1,10 @@
-export declare const useScroll: (cb: (event: Event) => void) => void;
+/**
+ * スクロールイベントを登録する
+ *
+ * targetを指定した場合、targetが属しているスクロールしうる全ての親要素にスクロールイベントを登録する
+ *
+ * @param cb イベントハンドラ
+ * @param target イベントを登録する要素
+ * @returns スクロールイベントを削除する関数
+ */
+export declare const useScroll: (cb: (event: Event) => void, target?: HTMLElement) => () => void;

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export * from "./components";
 export * from "./hooks/use-snackbar";
 export * from "@wizleap-inc/wiz-ui-constants";
 export declare const install: (app: App) => void;
-export declare const version = "0.7.6";
+export declare const version = "0.7.8";
 declare const _default: {
     install: (app: App<any>) => void;
     version: string;