@wizleap-inc/wiz-ui-next 2.1.0 → 2.3.0

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

@@ -16,17 +16,27 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可です。
+     * @param date
+     * @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
+     */
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        required: false;
+        default: () => boolean;
+    };
 }, {
     emits: (e: "click", value: Date) => void;
     props: any;
     calendars: import("vue").ComputedRef<string[][]>;
     isCurrentMonth: (row: number, col: number) => boolean;
-    getDateState: import("vue").ComputedRef<(row: number, col: number) => import("./types").DateState | "outOfCurrentMonth" | "inCurrentMonth">;
+    getDateState: import("vue").ComputedRef<(row: number, col: number) => import("./types").DateState | "outOfCurrentMonth" | "disabledDate" | "inCurrentMonth">;
     updateSelectedDate: (row: number, col: number, day: string) => void;
     readonly WEEK_LIST_JP: string[];
     readonly calendarCellStyle: string;
     readonly calendarItemCommonStyle: string;
-    readonly calendarItemStyle: Record<"primary" | "secondary" | "dayOfWeek" | "inCurrentMonth" | "outOfCurrentMonth", string>;
+    readonly calendarItemStyle: Record<"primary" | "disabledDate" | "secondary" | "dayOfWeek" | "inCurrentMonth" | "outOfCurrentMonth", string>;
     readonly calendarStyle: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     currentMonth: {
@@ -44,11 +54,22 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可です。
+     * @param date
+     * @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
+     */
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        required: false;
+        default: () => boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     currentMonth: Date;
     activeDates: DateStatus[];
     filledWeeks: boolean;
+    disabledDate: (date: Date) => boolean;
 }>;
 export default _sfc_main;

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

@@ -38,6 +38,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
+     * @param date
+     * @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
+     */
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        required: false;
+        default: () => boolean;
+    };
 }, {
     props: any;
     emit: {
@@ -169,17 +179,22 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
             default: boolean;
         };
+        disabledDate: {
+            type: PropType<(date: Date) => boolean>;
+            required: false;
+            default: () => boolean;
+        };
     }, {
         emits: (e: "click", value: Date) => void;
         props: any;
         calendars: import("vue").ComputedRef<string[][]>;
         isCurrentMonth: (row: number, col: number) => boolean;
-        getDateState: import("vue").ComputedRef<(row: number, col: number) => import("../../calendar/types").DateState | "outOfCurrentMonth" | "inCurrentMonth">;
+        getDateState: import("vue").ComputedRef<(row: number, col: number) => import("../../calendar/types").DateState | "outOfCurrentMonth" | "disabledDate" | "inCurrentMonth">;
         updateSelectedDate: (row: number, col: number, day: string) => void;
         readonly WEEK_LIST_JP: string[];
         readonly calendarCellStyle: string;
         readonly calendarItemCommonStyle: string;
-        readonly calendarItemStyle: Record<"primary" | "secondary" | "dayOfWeek" | "inCurrentMonth" | "outOfCurrentMonth", string>;
+        readonly calendarItemStyle: Record<"primary" | "disabledDate" | "secondary" | "dayOfWeek" | "inCurrentMonth" | "outOfCurrentMonth", string>;
         readonly calendarStyle: string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         currentMonth: {
@@ -197,12 +212,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
             default: boolean;
         };
+        disabledDate: {
+            type: PropType<(date: Date) => boolean>;
+            required: false;
+            default: () => boolean;
+        };
     }>> & {
         onClick?: ((...args: any[]) => any) | undefined;
     }, {
         currentMonth: Date;
         activeDates: import("../../calendar/types").DateStatus[];
         filledWeeks: boolean;
+        disabledDate: (date: Date) => boolean;
     }>;
     readonly WizHStack: import("vue").DefineComponent<{
         align: {
@@ -1587,6 +1608,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    /**
+     * @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
+     * @param date
+     * @returns {boolean} `true`: 無効な日付, `false`: 有効な日付
+     */
+    disabledDate: {
+        type: PropType<(date: Date) => boolean>;
+        required: false;
+        default: () => boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
@@ -1594,6 +1625,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     width: string;
     disabled: boolean;
+    disabledDate: (date: Date) => boolean;
     isDirectionFixed: boolean;
     placeholder: string;
 }>;

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

@@ -169,17 +169,22 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
             default: boolean;
         };
+        disabledDate: {
+            type: PropType<(date: Date) => boolean>;
+            required: false;
+            default: () => boolean;
+        };
     }, {
         emits: (e: "click", value: Date) => void;
         props: any;
         calendars: import("vue").ComputedRef<string[][]>;
         isCurrentMonth: (row: number, col: number) => boolean;
-        getDateState: import("vue").ComputedRef<(row: number, col: number) => DateState | "outOfCurrentMonth" | "inCurrentMonth">;
+        getDateState: import("vue").ComputedRef<(row: number, col: number) => DateState | "outOfCurrentMonth" | "disabledDate" | "inCurrentMonth">;
         updateSelectedDate: (row: number, col: number, day: string) => void;
         readonly WEEK_LIST_JP: string[];
         readonly calendarCellStyle: string;
         readonly calendarItemCommonStyle: string;
-        readonly calendarItemStyle: Record<"primary" | "secondary" | "dayOfWeek" | "inCurrentMonth" | "outOfCurrentMonth", string>;
+        readonly calendarItemStyle: Record<"primary" | "disabledDate" | "secondary" | "dayOfWeek" | "inCurrentMonth" | "outOfCurrentMonth", string>;
         readonly calendarStyle: string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         currentMonth: {
@@ -197,12 +202,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
             default: boolean;
         };
+        disabledDate: {
+            type: PropType<(date: Date) => boolean>;
+            required: false;
+            default: () => boolean;
+        };
     }>> & {
         onClick?: ((...args: any[]) => any) | undefined;
     }, {
         currentMonth: Date;
         activeDates: DateStatus[];
         filledWeeks: boolean;
+        disabledDate: (date: Date) => boolean;
     }>;
     readonly WizCard: import("vue").DefineComponent<{
         title: {

package/dist/components/base/show-more-less/show-more-less.vue.d.ts

@@ -1,6 +1,10 @@
-import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
 import { PropType } from "vue";
 declare const _sfc_main: import("vue").DefineComponent<{
+    variant: {
+        type: PropType<"pc" | "mobile">;
+        required: false;
+        default: string;
+    };
     isOpen: {
         type: BooleanConstructor;
         required: true;
@@ -20,29 +24,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    bgColor: {
-        type: PropType<ColorKeys | undefined>;
-        required: false;
-    };
-    fontColor: {
-        type: PropType<ColorKeys>;
-        required: false;
-        default: string;
-    };
 }, {
     emit: (e: "toggle") => void;
     contentRef: import("vue").Ref<HTMLElement | undefined>;
     isAnimating: import("vue").Ref<boolean>;
     toggleHeight: import("vue").ComputedRef<string>;
     onClick: (event: MouseEvent) => void;
-    readonly showMoreLessMessageStyle: string;
-    readonly showMoreLessDetailsStyle: string;
     readonly showMoreLessContentStyle: string;
-    readonly showMoreLessSummaryStyle: string;
+    readonly showMoreLessDetailsStyle: string;
     readonly showMoreLessExpandIconStyle: string;
+    readonly showMoreLessMessageStyle: string;
     readonly showMoreLessRotateIconStyle: string;
-    readonly backgroundStyle: Record<ColorKeys, string>;
-    readonly colorStyle: Record<ColorKeys, string>;
+    readonly showMoreLessSummaryStyle: Record<"pc" | "mobile", string>;
     readonly WizHStack: import("vue").DefineComponent<{
         align: {
             type: PropType<"stretch" | "center" | "end" | "start">;
@@ -510,6 +503,46 @@ declare const _sfc_main: import("vue").DefineComponent<{
         reverse: boolean;
         wrap: boolean;
     }>;
+    readonly WizIcon: import("vue").DefineComponent<{
+        icon: {
+            type: PropType<import('../../../components').TIcon>;
+            required: true;
+        };
+        color: {
+            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
+            required: false;
+            default: string;
+        };
+    }, {
+        readonly iconStyle: string;
+        readonly iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
+        readonly iconDefaultStyle: string;
+        readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
+        readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "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<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
+            required: false;
+            default: string;
+        };
+        size: {
+            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
+            required: false;
+            default: string;
+        };
+    }>>, {
+        color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
+        size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
+    }>;
     readonly WizVStack: import("vue").DefineComponent<{
         align: {
             type: PropType<"stretch" | "center" | "end" | "start">;
@@ -977,48 +1010,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         reverse: boolean;
         wrap: boolean;
     }>;
-    readonly WizIcon: import("vue").DefineComponent<{
-        icon: {
-            type: PropType<import('../../../components').TIcon>;
-            required: true;
-        };
-        color: {
-            type: PropType<ColorKeys | "inherit">;
-            required: false;
-            default: string;
-        };
-        size: {
-            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
-            required: false;
-            default: string;
-        };
-    }, {
-        readonly iconStyle: string;
-        readonly iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
-        readonly iconDefaultStyle: string;
-        readonly fillStyle: Record<ColorKeys, string>;
-        readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "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 | "inherit">;
-            required: false;
-            default: string;
-        };
-        size: {
-            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
-            required: false;
-            default: string;
-        };
-    }>>, {
-        color: ColorKeys | "inherit";
-        size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
-    }>;
     readonly WizIExpandMore: 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, "toggle"[], "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<"pc" | "mobile">;
+        required: false;
+        default: string;
+    };
     isOpen: {
         type: BooleanConstructor;
         required: true;
@@ -1038,21 +1036,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    bgColor: {
-        type: PropType<ColorKeys | undefined>;
-        required: false;
-    };
-    fontColor: {
-        type: PropType<ColorKeys>;
-        required: false;
-        default: string;
-    };
 }>> & {
     onToggle?: ((...args: any[]) => any) | undefined;
 }, {
     openMessage: string;
     closeMessage: string;
     width: string;
-    fontColor: ColorKeys;
+    variant: "pc" | "mobile";
 }>;
 export default _sfc_main;

package/dist/components/custom/notification/list/list.vue.d.ts

@@ -941,12 +941,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<import("../types").TableInfoItem[]>;
             required: false;
         };
+        width: {
+            type: StringConstructor;
+            required: false;
+        };
     }, {
         props: any;
         displayDatetime: import("vue").ComputedRef<string>;
         displayHowPast: import("vue").ComputedRef<string>;
+        isPc: import("vue").ComputedRef<boolean>;
         isHovered: import("vue").Ref<boolean>;
         isPressed: import("vue").Ref<boolean>;
+        setIsHover: (value: boolean) => void;
+        setIsPressed: (value: boolean) => void;
+        panelBgColor: () => import("@wizleap-inc/wiz-ui-constants").ColorKeys;
         emit: (event: "click") => void;
         onClick: () => void;
         readonly WizBox: import("vue").DefineComponent<{
@@ -2336,6 +2344,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<import("../types").TableInfoItem[]>;
             required: false;
         };
+        width: {
+            type: StringConstructor;
+            required: false;
+        };
     }>> & {
         onClick?: ((...args: any[]) => any) | undefined;
     }, {

package/dist/components/custom/notification/notification.vue.d.ts

@@ -1789,12 +1789,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: PropType<import("./types").TableInfoItem[]>;
                 required: false;
             };
+            width: {
+                type: StringConstructor;
+                required: false;
+            };
         }, {
             props: any;
             displayDatetime: import("vue").ComputedRef<string>;
             displayHowPast: import("vue").ComputedRef<string>;
+            isPc: import("vue").ComputedRef<boolean>;
             isHovered: import("vue").Ref<boolean>;
             isPressed: import("vue").Ref<boolean>;
+            setIsHover: (value: boolean) => void;
+            setIsPressed: (value: boolean) => void;
+            panelBgColor: () => import("@wizleap-inc/wiz-ui-constants").ColorKeys;
             emit: (event: "click") => void;
             onClick: () => void;
             readonly WizBox: import("vue").DefineComponent<{
@@ -3184,6 +3192,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 type: PropType<import("./types").TableInfoItem[]>;
                 required: false;
             };
+            width: {
+                type: StringConstructor;
+                required: false;
+            };
         }>> & {
             onClick?: ((...args: any[]) => any) | undefined;
         }, {

package/dist/components/custom/notification/panel/panel.vue.d.ts

@@ -1,3 +1,4 @@
+import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
 import { PropType } from "vue";
 import { PanelVariant } from "./types";
 import type { TableInfoItem } from "../types";
@@ -23,12 +24,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<TableInfoItem[]>;
         required: false;
     };
+    width: {
+        type: StringConstructor;
+        required: false;
+    };
 }, {
     props: any;
     displayDatetime: import("vue").ComputedRef<string>;
     displayHowPast: import("vue").ComputedRef<string>;
+    isPc: import("vue").ComputedRef<boolean>;
     isHovered: import("vue").Ref<boolean>;
     isPressed: import("vue").Ref<boolean>;
+    setIsHover: (value: boolean) => void;
+    setIsPressed: (value: boolean) => void;
+    panelBgColor: () => ColorKeys;
     emit: (event: "click") => void;
     onClick: () => void;
     readonly WizBox: import("vue").DefineComponent<{
@@ -101,7 +110,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
         bgColor: {
-            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
+            type: PropType<ColorKeys>;
             required: false;
         };
         shadow: {
@@ -225,7 +234,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
         bgColor: {
-            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
+            type: PropType<ColorKeys>;
             required: false;
         };
         shadow: {
@@ -750,7 +759,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: true;
         };
         color: {
-            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
+            type: PropType<ColorKeys | "inherit">;
             required: false;
             default: string;
         };
@@ -763,7 +772,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly iconStyle: string;
         readonly iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
         readonly iconDefaultStyle: string;
-        readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
+        readonly fillStyle: Record<ColorKeys, string>;
         readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "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: {
@@ -771,7 +780,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: true;
         };
         color: {
-            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
+            type: PropType<ColorKeys | "inherit">;
             required: false;
             default: string;
         };
@@ -781,7 +790,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: string;
         };
     }>>, {
-        color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
+        color: ColorKeys | "inherit";
         size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
     }>;
     readonly WizVStack: import("vue").DefineComponent<{
@@ -1262,7 +1271,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
         color: {
-            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
+            type: PropType<ColorKeys>;
             required: false;
             default: string;
         };
@@ -1328,7 +1337,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly textLineThroughStyle: string;
         readonly lineHeightStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
         readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
-        readonly colorStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
+        readonly colorStyle: Record<ColorKeys, string>;
         readonly whiteSpaceStyle: Record<"normal" | "nowrap" | "pre" | "preLine" | "preWrap" | "breakSpaces", string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         as: {
@@ -1341,7 +1350,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
         color: {
-            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
+            type: PropType<ColorKeys>;
             required: false;
             default: string;
         };
@@ -1387,7 +1396,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
     }>>, {
         bold: boolean;
-        color: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
+        color: ColorKeys;
         fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
         textAlign: "left" | "right" | "center" | "end" | "start";
         whiteSpace: "normal" | "nowrap" | "pre" | "preLine" | "preWrap" | "breakSpaces";
@@ -1418,6 +1427,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<TableInfoItem[]>;
         required: false;
     };
+    width: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/components/icons/circle.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/dist/components/icons/contract.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/dist/components/icons/index.d.ts

@@ -17,8 +17,10 @@ import { default as WizICheck } from "./check.vue";
 import { default as WizIChevronLeft } from "./chevron-left.vue";
 import { default as WizIChevronRight } from "./chevron-right.vue";
 import { default as WizICircleCheck } from "./circle-check.vue";
+import { default as WizICircle } from "./circle.vue";
 import { default as WizIClose } from "./close.vue";
 import { default as WizIContentCopy } from "./content-copy.vue";
+import { default as WizIContract } from "./contract.vue";
 import { default as WizIDashboard } from "./dashboard.vue";
 import { default as WizIDescription } from "./description.vue";
 import { default as WizIDownload } from "./download.vue";
@@ -31,6 +33,7 @@ import { default as WizIHelp } from "./help.vue";
 import { default as WizIHistory } from "./history.vue";
 import { default as WizIHome } from "./home.vue";
 import { default as WizIInfo } from "./info.vue";
+import { default as WizILocationCity } from "./location-city.vue";
 import { default as WizIManageAccounts } from "./manage-accounts.vue";
 import { default as WizIMenu } from "./menu.vue";
 import { default as WizIMonitoring } from "./monitoring.vue";
@@ -44,11 +47,13 @@ import { default as WizIRemove } from "./remove.vue";
 import { default as WizISchedule } from "./schedule.vue";
 import { default as WizISearch } from "./search.vue";
 import { default as WizISend } from "./send.vue";
+import { default as WizISettings } from "./settings.vue";
+import { default as WizISmartphone } from "./smartphone.vue";
 import { default as WizIStars } from "./stars.vue";
 import { default as WizIStoreFront } from "./store-front.vue";
 import { default as WizITab } from "./tab.vue";
 import { default as WizITask } from "./task.vue";
 import { default as WizIUpload } from "./upload.vue";
 import { default as WizIWarning } from "./warning.vue";
-export type TIcon = typeof WizIAddCircle | typeof WizIAdd | typeof WizIArrowDropDown | typeof WizIArrowDropUp | typeof WizIArrowRight | typeof WizIAssignmentAdd | typeof WizIAssignment | typeof WizIAttachFile | typeof WizIAutoRenew | typeof WizIBusinessCenter | typeof WizICalendar | typeof WizICamera | typeof WizICancel | typeof WizIChangeHistory | typeof WizIChat | typeof WizICheck | typeof WizIChevronLeft | typeof WizIChevronRight | typeof WizICircleCheck | typeof WizIClose | typeof WizIContentCopy | typeof WizIDashboard | typeof WizIDescription | typeof WizIDownload | typeof WizIEditNote | typeof WizIExpandLess | typeof WizIExpandMore | typeof WizIEye | typeof WizIGroups | typeof WizIHelp | typeof WizIHistory | typeof WizIHome | typeof WizIInfo | typeof WizIManageAccounts | typeof WizIMenu | typeof WizIMonitoring | typeof WizIMoreVert | typeof WizINoteAdd | typeof WizINotification | typeof WizIOpenInNew | typeof WizIPinDrop | typeof WizIPublic | typeof WizIRemove | typeof WizISchedule | typeof WizISearch | typeof WizISend | typeof WizIStars | typeof WizIStoreFront | typeof WizITab | typeof WizITask | typeof WizIUpload | typeof WizIWarning;
-export { WizIAddCircle, WizIAdd, WizIArrowDropDown, WizIArrowDropUp, WizIArrowRight, WizIAssignmentAdd, WizIAssignment, WizIAttachFile, WizIAutoRenew, WizIBusinessCenter, WizICalendar, WizICamera, WizICancel, WizIChangeHistory, WizIChat, WizICheck, WizIChevronLeft, WizIChevronRight, WizICircleCheck, WizIClose, WizIContentCopy, WizIDashboard, WizIDescription, WizIDownload, WizIEditNote, WizIExpandLess, WizIExpandMore, WizIEye, WizIGroups, WizIHelp, WizIHistory, WizIHome, WizIInfo, WizIManageAccounts, WizIMenu, WizIMonitoring, WizIMoreVert, WizINoteAdd, WizINotification, WizIOpenInNew, WizIPinDrop, WizIPublic, WizIRemove, WizISchedule, WizISearch, WizISend, WizIStars, WizIStoreFront, WizITab, WizITask, WizIUpload, WizIWarning, };
+export type TIcon = typeof WizIAddCircle | typeof WizIAdd | typeof WizIArrowDropDown | typeof WizIArrowDropUp | typeof WizIArrowRight | typeof WizIAssignmentAdd | typeof WizIAssignment | typeof WizIAttachFile | typeof WizIAutoRenew | typeof WizIBusinessCenter | typeof WizICalendar | typeof WizICamera | typeof WizICancel | typeof WizIChangeHistory | typeof WizIChat | typeof WizICheck | typeof WizIChevronLeft | typeof WizIChevronRight | typeof WizICircleCheck | typeof WizICircle | typeof WizIClose | typeof WizIContentCopy | typeof WizIContract | typeof WizIDashboard | typeof WizIDescription | typeof WizIDownload | typeof WizIEditNote | typeof WizIExpandLess | typeof WizIExpandMore | typeof WizIEye | typeof WizIGroups | typeof WizIHelp | typeof WizIHistory | typeof WizIHome | typeof WizIInfo | typeof WizILocationCity | typeof WizIManageAccounts | typeof WizIMenu | typeof WizIMonitoring | typeof WizIMoreVert | typeof WizINoteAdd | typeof WizINotification | typeof WizIOpenInNew | typeof WizIPinDrop | typeof WizIPublic | typeof WizIRemove | typeof WizISchedule | typeof WizISearch | typeof WizISend | typeof WizISettings | typeof WizISmartphone | typeof WizIStars | typeof WizIStoreFront | typeof WizITab | typeof WizITask | typeof WizIUpload | typeof WizIWarning;
+export { WizIAddCircle, WizIAdd, WizIArrowDropDown, WizIArrowDropUp, WizIArrowRight, WizIAssignmentAdd, WizIAssignment, WizIAttachFile, WizIAutoRenew, WizIBusinessCenter, WizICalendar, WizICamera, WizICancel, WizIChangeHistory, WizIChat, WizICheck, WizIChevronLeft, WizIChevronRight, WizICircleCheck, WizICircle, WizIClose, WizIContentCopy, WizIContract, WizIDashboard, WizIDescription, WizIDownload, WizIEditNote, WizIExpandLess, WizIExpandMore, WizIEye, WizIGroups, WizIHelp, WizIHistory, WizIHome, WizIInfo, WizILocationCity, WizIManageAccounts, WizIMenu, WizIMonitoring, WizIMoreVert, WizINoteAdd, WizINotification, WizIOpenInNew, WizIPinDrop, WizIPublic, WizIRemove, WizISchedule, WizISearch, WizISend, WizISettings, WizISmartphone, WizIStars, WizIStoreFront, WizITab, WizITask, WizIUpload, WizIWarning, };

package/dist/components/icons/location-city.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/dist/components/icons/settings.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/dist/components/icons/smartphone.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;