@bethinkpl/design-system 26.15.1 → 26.16.0

package/dist/lib/js/components/Buttons/HelpButton/HelpButton.vue.d.ts

@@ -0,0 +1,40 @@
+import { ModalSize } from '../../Modals/Modal';
+
+declare function __VLS_template(): Readonly<{
+    modal?: (props: {
+        onClose: () => void;
+    }) => any;
+    modalContent?: () => any;
+}> & {
+    modal?: (props: {
+        onClose: () => void;
+    }) => any;
+    modalContent?: () => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    tooltipText?: string;
+    isDisabled?: boolean;
+    modalTitle?: string;
+    modalSize?: ModalSize;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    tooltipText?: string;
+    isDisabled?: boolean;
+    modalTitle?: string;
+    modalSize?: ModalSize;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/js/components/Buttons/HelpButton/index.d.ts

@@ -0,0 +1,3 @@
+import { default as HelpButton } from './HelpButton.vue';
+
+export default HelpButton;

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

@@ -1,4 +1,3 @@
-import { Value } from '../../utils/type.utils';
 import { BUTTON_ELEVATIONS } from '../Buttons/Button';
 import { ICON_BUTTON_COLORS, ICON_BUTTON_STATES } from '../Buttons/IconButton';
 import { ChipColor, ChipRadius, ChipSize, ChipState } from './Chip.consts';
@@ -490,7 +489,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         state: {
             type: StringConstructor;
             default: "default";
-            validator(value: Value<typeof ICON_BUTTON_STATES>): boolean;
+            validator(value: import('../../utils/type.utils').Value<typeof ICON_BUTTON_STATES>): boolean;
         };
     }>, {
         isHovered: import('vue').Ref<boolean>;
@@ -823,7 +822,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         state: {
             type: StringConstructor;
             default: "default";
-            validator(value: Value<typeof ICON_BUTTON_STATES>): boolean;
+            validator(value: import('../../utils/type.utils').Value<typeof ICON_BUTTON_STATES>): boolean;
         };
     }>> & Readonly<{}>, {
         size: string;
@@ -914,27 +913,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             size: {
                 type: StringConstructor;
                 default: "medium";
-                validator(value: Value<typeof import('../Buttons/Button').BUTTON_SIZES>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_SIZES>): boolean;
             };
             type: {
                 type: StringConstructor;
                 default: "filled";
-                validator(value: Value<typeof import('../Buttons/Button').BUTTON_TYPES>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_TYPES>): boolean;
             };
             color: {
                 type: (StringConstructor | null)[];
                 default: "primary";
-                validator(value: Value<typeof ICON_BUTTON_COLORS>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof ICON_BUTTON_COLORS>): boolean;
             };
             radius: {
                 type: StringConstructor;
                 default: "capsule";
-                validator(value: Value<typeof import('../Buttons/Button').BUTTON_RADIUSES>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_RADIUSES>): boolean;
             };
             state: {
                 type: StringConstructor;
                 default: "default";
-                validator(value: Value<typeof import('../Buttons/Button').BUTTON_STATES>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_STATES>): boolean;
             };
             iconLeft: {
                 type: ObjectConstructor;
@@ -949,7 +948,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             elevation: {
                 type: StringConstructor;
                 default: "none";
-                validator(value: Value<typeof BUTTON_ELEVATIONS>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof BUTTON_ELEVATIONS>): boolean;
             };
         }>, {}, {
             ICONS: Readonly<{
@@ -1227,27 +1226,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             size: {
                 type: StringConstructor;
                 default: "medium";
-                validator(value: Value<typeof import('../Buttons/Button').BUTTON_SIZES>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_SIZES>): boolean;
             };
             type: {
                 type: StringConstructor;
                 default: "filled";
-                validator(value: Value<typeof import('../Buttons/Button').BUTTON_TYPES>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_TYPES>): boolean;
             };
             color: {
                 type: (StringConstructor | null)[];
                 default: "primary";
-                validator(value: Value<typeof ICON_BUTTON_COLORS>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof ICON_BUTTON_COLORS>): boolean;
             };
             radius: {
                 type: StringConstructor;
                 default: "capsule";
-                validator(value: Value<typeof import('../Buttons/Button').BUTTON_RADIUSES>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_RADIUSES>): boolean;
             };
             state: {
                 type: StringConstructor;
                 default: "default";
-                validator(value: Value<typeof import('../Buttons/Button').BUTTON_STATES>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_STATES>): boolean;
             };
             iconLeft: {
                 type: ObjectConstructor;
@@ -1262,7 +1261,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             elevation: {
                 type: StringConstructor;
                 default: "none";
-                validator(value: Value<typeof BUTTON_ELEVATIONS>): boolean;
+                validator(value: import('../../utils/type.utils').Value<typeof BUTTON_ELEVATIONS>): boolean;
             };
         }>> & Readonly<{}>, {
             size: string;

package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts

@@ -342,6 +342,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     color: string;
     state: string;
+    isOpen: boolean;
     isInteractive: boolean;
     placeholder: string;
     startDate: Date;
@@ -349,7 +350,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     startIcon: Record<string, any>;
     endIcon: Record<string, any>;
     areIconsHiddenOnMobile: boolean;
-    isOpen: boolean;
 }, {}, {
     DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         icon: {

package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts

@@ -604,12 +604,12 @@ declare const _default: import('vue').DefineComponent<{
     color: string;
     state: string;
     isIconHiddenOnMobile: boolean;
+    date: Date;
     isLabelUppercase: boolean;
     isInteractive: boolean;
     placeholder: string;
     additionalText: string;
     triggerType: string;
-    date: Date;
     helpMessage: string;
     errorMessage: string;
     calendarPosition: string;
@@ -1421,6 +1421,7 @@ declare const _default: import('vue').DefineComponent<{
     }>> & Readonly<{}>, {
         color: string;
         state: string;
+        isOpen: boolean;
         isInteractive: boolean;
         placeholder: string;
         startDate: Date;
@@ -1428,7 +1429,6 @@ declare const _default: import('vue').DefineComponent<{
         startIcon: Record<string, any>;
         endIcon: Record<string, any>;
         areIconsHiddenOnMobile: boolean;
-        isOpen: boolean;
     }, {}, {
         DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {

package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts

@@ -949,6 +949,7 @@ declare const _default: import('vue').DefineComponent<{
     }>> & Readonly<{}>, {
         color: string;
         state: string;
+        isOpen: boolean;
         isInteractive: boolean;
         placeholder: string;
         startDate: Date;
@@ -956,7 +957,6 @@ declare const _default: import('vue').DefineComponent<{
         startIcon: Record<string, any>;
         endIcon: Record<string, any>;
         areIconsHiddenOnMobile: boolean;
-        isOpen: boolean;
     }, {}, {
         DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {

package/dist/lib/js/components/Form/FormField/FormField.consts.d.ts

@@ -0,0 +1,9 @@
+import { Value } from '../../../utils/type.utils';
+
+export declare const FORM_FIELD_STATES: {
+    readonly DEFAULT: "default";
+    readonly DISABLED: "disabled";
+    readonly ERROR: "error";
+    readonly SUCCESS: "success";
+};
+export type FormFieldState = Value<typeof FORM_FIELD_STATES>;

package/dist/lib/js/components/Form/FormField/FormField.stories.shared.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as FormField } from './FormField.vue';
+
+export declare const argTypes: Meta<typeof FormField>['argTypes'];
+export declare const args: StoryObj<typeof FormField>['args'];

package/dist/lib/js/components/Form/FormField/FormField.types.d.ts

@@ -0,0 +1,21 @@
+export interface FormFieldProps {
+    label?: string;
+    state?: 'default' | 'disabled' | 'error' | 'success';
+    hasRequiredIndicator?: boolean;
+    labelInfo?: string;
+    subLabel?: string;
+    fieldId?: string;
+    messageText?: string;
+}
+export interface FormFieldSlots {
+    labelAside?: () => any;
+    help?: () => any;
+    field: (props: {
+        fieldId: string;
+        messageId: string;
+    }) => any;
+    message?: (props: {
+        messageId: string;
+    }) => any;
+    fieldStatus?: () => any;
+}

package/dist/lib/js/components/Form/FormField/FormField.utils.d.ts

@@ -0,0 +1,11 @@
+import { FormFieldProps } from './FormField.types';
+
+export declare function extractFormFieldProps({ label, state, hasRequiredIndicator, labelInfo, subLabel, fieldId, messageText, }: FormFieldProps): {
+    label: string | undefined;
+    state: "success" | "default" | "disabled" | "error" | undefined;
+    hasRequiredIndicator: boolean | undefined;
+    labelInfo: string | undefined;
+    subLabel: string | undefined;
+    fieldId: string | undefined;
+    messageText: string | undefined;
+};

package/dist/lib/js/components/Form/FormField/FormField.vue.d.ts

@@ -0,0 +1,20 @@
+import { FormFieldProps, FormFieldSlots } from './FormField.types';
+
+declare function __VLS_template(): Readonly<FormFieldSlots> & FormFieldSlots;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormFieldProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormFieldProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/js/components/Form/FormField/FormFieldMessage/FormFieldMessage.vue.d.ts

@@ -0,0 +1,30 @@
+import { FormFieldState } from '../FormField.consts';
+
+declare function __VLS_template(): Readonly<{
+    default: () => any;
+}> & {
+    default: () => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    state?: FormFieldState;
+    messageId: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    state?: FormFieldState;
+    messageId: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/js/components/Form/FormField/FormFieldMessage/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FormFieldMessage } from './FormFieldMessage.vue';
+
+export default FormFieldMessage;

package/dist/lib/js/components/Form/FormField/index.d.ts

@@ -0,0 +1,5 @@
+import { default as FormField } from './FormField.vue';
+
+export * from './FormField.consts';
+export * from './FormField.types';
+export default FormField;

package/dist/lib/js/components/Form/InputField/InputField.types.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'vue';
+import { FormFieldProps, FormFieldSlots } from '../FormField';
+import { IconItem } from '../../Icons/Icon';
+
+export interface InputFieldProps extends FormFieldProps {
+    inputProps?: InputHTMLAttributes;
+    leftIcon?: IconItem | null;
+    suffixText?: string;
+}
+export interface InputFieldSlots extends Omit<FormFieldSlots, 'field'> {
+    action?: () => any;
+}

package/dist/lib/js/components/Form/InputField/InputField.vue.d.ts

@@ -0,0 +1,72 @@
+import { InputHTMLAttributes } from 'vue';
+import { InputFieldSlots } from './InputField.types';
+
+declare function __VLS_template(): Readonly<InputFieldSlots> & InputFieldSlots;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    inputProps: {
+        type: import('vue').PropType<InputHTMLAttributes>;
+    };
+    leftIcon: import('../../Icons/Icon').IconItem | null;
+    suffixText: {
+        type: import('vue').PropType<string>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"success" | "default" | "disabled" | "error">;
+    };
+    hasRequiredIndicator: {
+        type: import('vue').PropType<boolean>;
+    };
+    labelInfo: {
+        type: import('vue').PropType<string>;
+    };
+    subLabel: {
+        type: import('vue').PropType<string>;
+    };
+    fieldId: {
+        type: import('vue').PropType<string>;
+    };
+    messageText: {
+        type: import('vue').PropType<string>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    inputProps: {
+        type: import('vue').PropType<InputHTMLAttributes>;
+    };
+    leftIcon: import('../../Icons/Icon').IconItem | null;
+    suffixText: {
+        type: import('vue').PropType<string>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"success" | "default" | "disabled" | "error">;
+    };
+    hasRequiredIndicator: {
+        type: import('vue').PropType<boolean>;
+    };
+    labelInfo: {
+        type: import('vue').PropType<string>;
+    };
+    subLabel: {
+        type: import('vue').PropType<string>;
+    };
+    fieldId: {
+        type: import('vue').PropType<string>;
+    };
+    messageText: {
+        type: import('vue').PropType<string>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/js/components/Form/InputField/index.d.ts

@@ -0,0 +1,3 @@
+import { default as InputField } from './InputField.vue';
+
+export default InputField;

package/dist/lib/js/components/Form/PasswordField/PasswordField.vue.d.ts

@@ -0,0 +1,70 @@
+import { InputHTMLAttributes } from 'vue';
+import { InputFieldSlots } from '../InputField/InputField.types';
+
+declare function __VLS_template(): Readonly<Omit<InputFieldSlots, "action">> & Omit<InputFieldSlots, "action">;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"success" | "default" | "disabled" | "error">;
+    };
+    hasRequiredIndicator: {
+        type: import('vue').PropType<boolean>;
+    };
+    labelInfo: {
+        type: import('vue').PropType<string>;
+    };
+    subLabel: {
+        type: import('vue').PropType<string>;
+    };
+    fieldId: {
+        type: import('vue').PropType<string>;
+    };
+    messageText: {
+        type: import('vue').PropType<string>;
+    };
+    inputProps: {
+        type: import('vue').PropType<InputHTMLAttributes>;
+    };
+    suffixText: {
+        type: import('vue').PropType<string>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"success" | "default" | "disabled" | "error">;
+    };
+    hasRequiredIndicator: {
+        type: import('vue').PropType<boolean>;
+    };
+    labelInfo: {
+        type: import('vue').PropType<string>;
+    };
+    subLabel: {
+        type: import('vue').PropType<string>;
+    };
+    fieldId: {
+        type: import('vue').PropType<string>;
+    };
+    messageText: {
+        type: import('vue').PropType<string>;
+    };
+    inputProps: {
+        type: import('vue').PropType<InputHTMLAttributes>;
+    };
+    suffixText: {
+        type: import('vue').PropType<string>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/js/components/Form/PasswordField/index.d.ts

@@ -0,0 +1,3 @@
+import { default as PasswordField } from './PasswordField.vue';
+
+export default PasswordField;

package/dist/lib/js/components/Modals/Modal/Modal.consts.d.ts

@@ -1,8 +1,12 @@
+import { Value } from '../../../utils/type.utils';
+
 export declare const MODAL_SIZES: {
-    SMALL: string;
-    MEDIUM: string;
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
 };
+export type ModalSize = Value<typeof MODAL_SIZES>;
 export declare const MODAL_HEADER_TITLE_SIZES: {
-    SMALL: string;
-    MEDIUM: string;
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
 };
+export type ModalHeaderTitleSize = Value<typeof MODAL_HEADER_TITLE_SIZES>;

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

@@ -1,11 +1,12 @@
+import { ModalHeaderTitleSize, ModalSize } from './Modal.consts';
 import { BUTTON_ELEVATIONS, BUTTON_STATES, BUTTON_TYPES, ButtonState } from '../../Buttons/Button';
 import { ICON_BUTTON_COLORS } from '../../Buttons/IconButton';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     size: {
         type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
+        default: "medium";
+        validator: (value: ModalSize) => boolean;
     };
     danger: {
         type: BooleanConstructor;
@@ -13,8 +14,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     headerTitleSize: {
         type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
+        default: "medium";
+        validator: (value: ModalHeaderTitleSize) => boolean;
     };
     headerTitle: {
         type: StringConstructor;
@@ -352,12 +353,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         XX_LARGE: string;
     }>;
     MODAL_SIZES: Readonly<{
-        SMALL: string;
-        MEDIUM: string;
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
     }>;
     MODAL_HEADER_TITLE_SIZES: Readonly<{
-        SMALL: string;
-        MEDIUM: string;
+        readonly SMALL: "small";
+        readonly MEDIUM: "medium";
     }>;
     FEATURE_ICON_SIZES: Readonly<{
         SMALL: string;
@@ -371,11 +372,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     calcFooterSecondaryButtonColor(): "danger" | "neutral";
     calcSingleColumn(): boolean;
     displayFooter(): any;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close-modal" | "tertiary-button-click" | "checkbox-change" | "secondary-button-click" | "primary-button-click")[], "close-modal" | "tertiary-button-click" | "checkbox-change" | "secondary-button-click" | "primary-button-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("tertiary-button-click" | "checkbox-change" | "close-modal" | "secondary-button-click" | "primary-button-click")[], "tertiary-button-click" | "checkbox-change" | "close-modal" | "secondary-button-click" | "primary-button-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     size: {
         type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
+        default: "medium";
+        validator: (value: ModalSize) => boolean;
     };
     danger: {
         type: BooleanConstructor;
@@ -383,8 +384,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     headerTitleSize: {
         type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
+        default: "medium";
+        validator: (value: ModalHeaderTitleSize) => boolean;
     };
     headerTitle: {
         type: StringConstructor;
@@ -459,9 +460,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: null;
     };
 }>> & Readonly<{
-    "onClose-modal"?: ((...args: any[]) => any) | undefined;
     "onTertiary-button-click"?: ((...args: any[]) => any) | undefined;
     "onCheckbox-change"?: ((...args: any[]) => any) | undefined;
+    "onClose-modal"?: ((...args: any[]) => any) | undefined;
     "onSecondary-button-click"?: ((...args: any[]) => any) | undefined;
     "onPrimary-button-click"?: ((...args: any[]) => any) | undefined;
 }>, {