@bethinkpl/design-system 26.0.0 → 26.1.0

package/dist/lib/js/components/IconText/IconText.vue.d.ts

@@ -1,2 +1,113 @@
-declare const _default: import('vue').DefineComponent<unknown, object, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<unknown>, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {
+    ICON_SIZES: Readonly<{
+        XXX_SMALL: string;
+        XX_SMALL: string;
+        X_SMALL: string;
+        SMALL: string;
+        MEDIUM: string;
+        LARGE: string;
+        X_LARGE: string;
+        XX_LARGE: string;
+    }>;
+    ICON_TEXT_COLORS: Readonly<{
+        NEUTRAL_WEAK: string;
+        NEUTRAL: string;
+    }>;
+    ICON_TEXT_SIZES: Readonly<{
+        X_SMALL: string;
+        SMALL: string;
+        MEDIUM: string;
+    }>;
+    ICON_TEXT_STATES: Readonly<{
+        DEFAULT: string;
+        DISABLED: string;
+    }>;
+}, {
+    iconSize(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+    size: string;
+    color: string;
+    state: string;
+    isInteractive: boolean;
+    isLabelBold: boolean;
+}, {}, {
+    Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        rotation: {
+            type: NumberConstructor;
+            default: null;
+            validator(value: number): boolean;
+        };
+        flippedVertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        flippedHorizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        touchable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        spinning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        sizeClassName(): string;
+        isFontawesomeIcon(): boolean;
+        rotationClass(): string | null;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        rotation: {
+            type: NumberConstructor;
+            default: null;
+            validator(value: number): boolean;
+        };
+        flippedVertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        flippedHorizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        touchable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        spinning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        rotation: number;
+        size: string;
+        flippedVertical: boolean;
+        flippedHorizontal: boolean;
+        touchable: boolean;
+        spinning: boolean;
+    }, {}, {
+        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue.d.ts

@@ -1,6 +1,4 @@
-declare const _default: import('vue').DefineComponent<Readonly<import('vue').ComponentPropsOptions<{
-    [x: string]: unknown;
-}>>, unknown, {
+declare const _default: import('vue').DefineComponent<{}, {}, {
     FEATURE_ICON_COLOR: Readonly<{
         DANGER: string;
         INFO: string;
@@ -18,9 +16,88 @@ declare const _default: import('vue').DefineComponent<Readonly<import('vue').Com
     }>;
 }, {
     iconSize(): string;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, readonly string[] | Readonly<import('vue').ExtractPropTypes<Readonly<import('vue').ComponentObjectPropsOptions<{
-    [x: string]: unknown;
-}>>>>, {
-    [x: number]: string;
-} | {}>;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+    icon: Record<string, any>;
+    size: string;
+    doubleBackground: boolean;
+}, {}, {
+    WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        rotation: {
+            type: NumberConstructor;
+            default: null;
+            validator(value: number): boolean;
+        };
+        flippedVertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        flippedHorizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        touchable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        spinning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        sizeClassName(): string;
+        isFontawesomeIcon(): boolean;
+        rotationClass(): string | null;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        rotation: {
+            type: NumberConstructor;
+            default: null;
+            validator(value: number): boolean;
+        };
+        flippedVertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        flippedHorizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        touchable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        spinning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        rotation: number;
+        size: string;
+        flippedVertical: boolean;
+        flippedHorizontal: boolean;
+        touchable: boolean;
+        spinning: boolean;
+    }, {}, {
+        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Icons/Icon/Icon.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     icon: {
         type: ObjectConstructor;
         required: true;
@@ -30,11 +30,11 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {
+}>, {}, {}, {
     sizeClassName(): string;
     isFontawesomeIcon(): boolean;
     rotationClass(): string | null;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     icon: {
         type: ObjectConstructor;
         required: true;
@@ -66,12 +66,14 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     rotation: number;
     size: string;
     flippedVertical: boolean;
     flippedHorizontal: boolean;
     touchable: boolean;
     spinning: boolean;
-}>;
+}, {}, {
+    FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Image/Image.vue.d.ts

@@ -1,10 +1,6 @@
 import { PropType } from 'vue';
 
-declare const _default: import('vue').DefineComponent<{
-    accelerate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     fit: {
         type: PropType<string>;
         default: string;
@@ -13,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, unknown, {
+}>, {}, {
     isLoading: boolean;
     IMAGE_FITS: Readonly<{
         CONTAIN: string;
@@ -24,11 +20,7 @@ declare const _default: import('vue').DefineComponent<{
         MEDIUM: string;
         LARGE: string;
     }>;
-}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-    accelerate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     fit: {
         type: PropType<string>;
         default: string;
@@ -37,8 +29,50 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {
-    accelerate: boolean;
+}>> & Readonly<{}>, {
     fit: string;
-}>;
+}, {}, {
+    DsSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        radius: {
+            type: PropType<string>;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {
+        designTokens: {
+            animation: {
+                background: string;
+            };
+            background: string;
+        };
+    }, {
+        radiusTranslated(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        radius: {
+            type: PropType<string>;
+            default: string;
+        };
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        radius: string;
+        width: string;
+        height: string;
+    }, {}, {
+        PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void, {}>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue.d.ts

@@ -1,17 +1,20 @@
-declare const _default: import('vue').DefineComponent<Readonly<import('vue').ComponentPropsOptions<{
-    [x: string]: unknown;
-}>>, unknown, {
+import { ThreeColumnLayoutRightColumnSize } from './ThreeColumnLayout.consts';
+
+declare const _default: import('vue').DefineComponent<{}, {}, {
     THREE_COLUMN_LAYOUT_RIGHT_COLUMN_SIZE: Readonly<{
         readonly MEDIUM: "medium";
         readonly LARGE: "large";
     }>;
     leftColumnVisibleMobile: boolean;
     rightColumnVisibleMobile: boolean;
-}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "overlay-clicked"[], "overlay-clicked", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<readonly string[] | import('vue').ExtractPropTypes<Readonly<import('vue').ComponentObjectPropsOptions<{
-    [x: string]: unknown;
-}>>>> & {
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "overlay-clicked"[], "overlay-clicked", import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onOverlay-clicked"?: ((...args: any[]) => any) | undefined;
-}, {
-    [x: number]: string;
-} | {}>;
+}>, {
+    rightColumnSize: ThreeColumnLayoutRightColumnSize;
+    rightColumnVisible: boolean;
+    leftColumnVisible: boolean;
+    initialMobileRightColumnVisibleState: boolean;
+    initialMobileLeftColumnVisibleState: boolean;
+    contentWithoutPadding: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/LoadingBar/LoadingBar.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     color: {
         type: PropType<string>;
         default: string;
@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, unknown, {
+}>, {}, {
     intervalId: number;
     width: number;
 }, {
@@ -22,7 +22,7 @@ declare const _default: import('vue').DefineComponent<{
         width: string;
         transition: string;
     };
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     color: {
         type: PropType<string>;
         default: string;
@@ -35,8 +35,8 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     size: string;
     color: string;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Modal/Modal.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, {
+}>, {}, {
     ICONS: Readonly<{
         readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly RIBBON: VueConstructor<Vue>;
@@ -221,7 +221,7 @@ declare const _default: import('vue').DefineComponent<{
         X_LARGE: string;
         XX_LARGE: string;
     }>;
-}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close-modal"[], "close-modal", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close-modal"[], "close-modal", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -230,10 +230,89 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onClose-modal"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     showHeader: boolean;
     animateScrollingContent: boolean;
-}>;
+}, {}, {
+    WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        rotation: {
+            type: NumberConstructor;
+            default: null;
+            validator(value: number): boolean;
+        };
+        flippedVertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        flippedHorizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        touchable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        spinning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        sizeClassName(): string;
+        isFontawesomeIcon(): boolean;
+        rotationClass(): string | null;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: ObjectConstructor;
+            required: true;
+            validator(icon: unknown): boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        rotation: {
+            type: NumberConstructor;
+            default: null;
+            validator(value: number): boolean;
+        };
+        flippedVertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        flippedHorizontal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        touchable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        spinning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        rotation: number;
+        size: string;
+        flippedVertical: boolean;
+        flippedHorizontal: boolean;
+        touchable: boolean;
+        spinning: boolean;
+    }, {}, {
+        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;