@bethinkpl/design-system 42.0.0 → 43.0.0

package/dist/lib/js/components/Cards/Card/Card.consts.d.ts

@@ -2,14 +2,28 @@ import { Value } from '../../../utils/type.utils';
 
 export declare const CARD_PADDING_SIZES: {
     readonly SMALL: "small";
+    readonly MEDIUM: "medium";
     readonly LARGE: "large";
 };
 export type CardPaddingSize = Value<typeof CARD_PADDING_SIZES>;
 export declare const CARD_BACKGROUND_COLORS: {
     readonly DEFAULT: "default";
     readonly NEUTRAL: "neutral";
+    readonly NONE: "none";
 };
 export type CardBackgroundColor = Value<typeof CARD_BACKGROUND_COLORS>;
+export declare const CARD_ELEVATIONS: {
+    readonly DEFAULT: "default";
+    readonly TOP: "top";
+    readonly NONE: "none";
+};
+export type CardElevation = Value<typeof CARD_ELEVATIONS>;
+export declare const CARD_RADIUSES: {
+    readonly ALL: "all";
+    readonly TOP: "top";
+    readonly NONE: "none";
+};
+export type CardRadius = Value<typeof CARD_RADIUSES>;
 export declare const CARD_RIBBON_COLORS: {
     readonly NEUTRAL: "neutral";
     readonly NEUTRAL_HEAVY: "neutral-heavy";

package/dist/lib/js/components/Cards/Card/Card.vue.d.ts

@@ -1,5 +1,6 @@
 import { LoadingBarColors } from '../../LoadingBar';
-import { CardBackgroundColor, CardRibbonColors, CardRibbonPositions, CardRibbonSizes, CardPaddingSize } from './Card.consts';
+import { RemovedProp } from '../../../utils/type.utils';
+import { CardBackgroundColor, CardElevation, CardRadius, CardRibbonColors, CardRibbonPositions, CardRibbonSizes, CardPaddingSize } from './Card.consts';
 
 declare function __VLS_template(): Readonly<{
     header?: () => any;
@@ -19,8 +20,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     paddingSize?: CardPaddingSize;
     dividerUnderHeader?: boolean;
     hasRibbon?: boolean;
-    hasRadius?: boolean;
+    elevation?: CardElevation;
+    radius?: CardRadius;
     backgroundColor?: CardBackgroundColor;
+    isFlat?: boolean;
     ribbonPosition?: CardRibbonPositions;
     ribbonSize?: CardRibbonSizes;
     ribbonColor?: CardRibbonColors;
@@ -28,8 +31,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     hasLoadingBar?: boolean;
     loadingBarColor?: LoadingBarColors;
     loadingBarTime?: string;
-    isFlat?: boolean;
     isContentScrollable?: boolean;
+    hasRadius?: RemovedProp<"renamed to radius">;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     contentHasPadding?: boolean;
     headerHasPadding?: boolean;
@@ -37,8 +40,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     paddingSize?: CardPaddingSize;
     dividerUnderHeader?: boolean;
     hasRibbon?: boolean;
-    hasRadius?: boolean;
+    elevation?: CardElevation;
+    radius?: CardRadius;
     backgroundColor?: CardBackgroundColor;
+    isFlat?: boolean;
     ribbonPosition?: CardRibbonPositions;
     ribbonSize?: CardRibbonSizes;
     ribbonColor?: CardRibbonColors;
@@ -46,8 +51,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     hasLoadingBar?: boolean;
     loadingBarColor?: LoadingBarColors;
     loadingBarTime?: string;
-    isFlat?: boolean;
     isContentScrollable?: boolean;
+    hasRadius?: RemovedProp<"renamed to radius">;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts

@@ -385,12 +385,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            hasRadius: {
-                type: import('vue').PropType<boolean>;
+            elevation: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardElevation>;
+            };
+            radius: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRadius>;
             };
             backgroundColor: {
                 type: import('vue').PropType<import('../Card/Card.consts').CardBackgroundColor>;
             };
+            isFlat: {
+                type: import('vue').PropType<boolean>;
+            };
             ribbonPosition: {
                 type: import('vue').PropType<import('../Card/Card.consts').CardRibbonPositions>;
             };
@@ -412,12 +418,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             loadingBarTime: {
                 type: import('vue').PropType<string>;
             };
-            isFlat: {
-                type: import('vue').PropType<boolean>;
-            };
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
+            hasRadius: {
+                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -444,12 +450,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            hasRadius: {
-                type: import('vue').PropType<boolean>;
+            elevation: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardElevation>;
+            };
+            radius: {
+                type: import('vue').PropType<import('../Card/Card.consts').CardRadius>;
             };
             backgroundColor: {
                 type: import('vue').PropType<import('../Card/Card.consts').CardBackgroundColor>;
             };
+            isFlat: {
+                type: import('vue').PropType<boolean>;
+            };
             ribbonPosition: {
                 type: import('vue').PropType<import('../Card/Card.consts').CardRibbonPositions>;
             };
@@ -471,12 +483,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             loadingBarTime: {
                 type: import('vue').PropType<string>;
             };
-            isFlat: {
-                type: import('vue').PropType<boolean>;
-            };
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
+            hasRadius: {
+                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -500,12 +512,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasRibbon: {
             type: import('vue').PropType<boolean>;
         };
-        hasRadius: {
-            type: import('vue').PropType<boolean>;
+        elevation: {
+            type: import('vue').PropType<import('../Card/Card.consts').CardElevation>;
+        };
+        radius: {
+            type: import('vue').PropType<import('../Card/Card.consts').CardRadius>;
         };
         backgroundColor: {
             type: import('vue').PropType<import('../Card/Card.consts').CardBackgroundColor>;
         };
+        isFlat: {
+            type: import('vue').PropType<boolean>;
+        };
         ribbonPosition: {
             type: import('vue').PropType<import('../Card/Card.consts').CardRibbonPositions>;
         };
@@ -527,12 +545,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         loadingBarTime: {
             type: import('vue').PropType<string>;
         };
-        isFlat: {
-            type: import('vue').PropType<boolean>;
-        };
         isContentScrollable: {
             type: import('vue').PropType<boolean>;
         };
+        hasRadius: {
+            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             header?: () => any;

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

@@ -3,6 +3,6 @@ import { MaybeRefOrGetter, Ref } from 'vue';
 export declare function useInputFieldWithinForm(name: MaybeRefOrGetter<string | undefined>, modelValue: Ref<string | undefined>): {
     onBlur: (event: Event) => void;
     onInput: () => void;
-    value: Ref<string | undefined, string | undefined> | Ref<string[], string[]>;
+    value: Ref<string | undefined, string | undefined>;
     errors: Ref<string[], string[]>;
 };

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

@@ -0,0 +1,26 @@
+import { FormFieldProps, FormFieldSlots } from '../FormField';
+import { IconItem } from '../../Icons/Icon';
+
+export type SelectFieldValue = string | number;
+export interface SelectFieldOption {
+    value: SelectFieldValue;
+    label: string;
+    iconLeft?: IconItem | null;
+    eyebrowText?: string;
+    isDisabled?: boolean;
+}
+export interface SelectFieldOptionGroup {
+    label?: string;
+    options: Array<SelectFieldOption>;
+}
+export interface SelectFieldProps extends FormFieldProps {
+    options: Array<SelectFieldOption | SelectFieldOptionGroup>;
+    placeholder?: string;
+    leftIcon?: IconItem | null;
+    ariaLabel?: string;
+    maxHeight?: string | number;
+    name?: string;
+    autocomplete?: string;
+    isGroupLabelUppercase?: boolean;
+}
+export type SelectFieldSlots = Omit<FormFieldSlots, 'field'>;

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

@@ -0,0 +1,7 @@
+import { SelectFieldOption, SelectFieldOptionGroup } from './SelectField.types';
+
+export declare function isSelectFieldOptionGroup(option: SelectFieldOption | SelectFieldOptionGroup): option is SelectFieldOptionGroup;
+export declare function normalizeOptions(options: Array<SelectFieldOption | SelectFieldOptionGroup>): Array<SelectFieldOptionGroup>;
+export declare function assertOptionValues(groups: Array<SelectFieldOptionGroup>): void;
+export declare function toCssLength(value: string | number | undefined): string | undefined;
+export declare function getOptionAccessibleName(option: SelectFieldOption): string;

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

@@ -0,0 +1,107 @@
+import { SelectFieldSlots, SelectFieldValue } from './SelectField.types';
+
+declare function __VLS_template(): Readonly<SelectFieldSlots> & SelectFieldSlots;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<SelectFieldValue>;
+    options: {
+        type: import('vue').PropType<(import('./SelectField.types').SelectFieldOption | import('./SelectField.types').SelectFieldOptionGroup)[]>;
+        required: true;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    leftIcon: import('../../Icons/Icon').IconItem | null;
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    maxHeight: {
+        type: import('vue').PropType<string | number>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    autocomplete: {
+        type: import('vue').PropType<string>;
+    };
+    isGroupLabelUppercase: {
+        type: import('vue').PropType<boolean>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+    };
+    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, {
+    "open-change": (isOpen: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<SelectFieldValue>;
+    options: {
+        type: import('vue').PropType<(import('./SelectField.types').SelectFieldOption | import('./SelectField.types').SelectFieldOptionGroup)[]>;
+        required: true;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
+    leftIcon: import('../../Icons/Icon').IconItem | null;
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    maxHeight: {
+        type: import('vue').PropType<string | number>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    autocomplete: {
+        type: import('vue').PropType<string>;
+    };
+    isGroupLabelUppercase: {
+        type: import('vue').PropType<boolean>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+    };
+    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<{
+    "onOpen-change"?: ((isOpen: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/SelectField/SelectFieldOption.vue.d.ts

@@ -0,0 +1,19 @@
+import { SelectFieldOption as SelectFieldOptionType } from './SelectField.types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    option: SelectFieldOptionType;
+    isSelected?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    option: SelectFieldOptionType;
+    isSelected?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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;
+    };
+};

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

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

package/dist/lib/js/components/Form/SelectField/useSelectFieldWithinForm.d.ts

@@ -0,0 +1,8 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { SelectFieldValue } from './SelectField.types';
+
+export declare function useSelectFieldWithinForm(name: MaybeRefOrGetter<string | undefined>, modelValue: Ref<SelectFieldValue | undefined>): {
+    value: Ref<SelectFieldValue | undefined, SelectFieldValue | undefined>;
+    errors: Ref<string[], string[]>;
+    onClose: (event: Event) => void;
+};

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

@@ -1210,9 +1210,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         $slots: Readonly<{
             accessory?: () => any;
             metadata?: () => any;
+            text?: () => any;
         }> & {
             accessory?: () => any;
             metadata?: () => any;
+            text?: () => any;
         };
     });
     SelectList: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts

@@ -4,9 +4,11 @@ import { IconItem } from '../../Icons/Icon';
 declare function __VLS_template(): Readonly<{
     accessory?: () => any;
     metadata?: () => any;
+    text?: () => any;
 }> & {
     accessory?: () => any;
     metadata?: () => any;
+    text?: () => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     iconLeft?: IconItem | null;

package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts

@@ -176,9 +176,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         $slots: Readonly<{
             accessory?: () => any;
             metadata?: () => any;
+            text?: () => any;
         }> & {
             accessory?: () => any;
             metadata?: () => any;
+            text?: () => any;
         };
     });
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts

@@ -419,12 +419,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            hasRadius: {
-                type: import('vue').PropType<boolean>;
+            elevation: {
+                type: import('vue').PropType<import('../../Cards/Card').CardElevation>;
+            };
+            radius: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRadius>;
             };
             backgroundColor: {
                 type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
             };
+            isFlat: {
+                type: import('vue').PropType<boolean>;
+            };
             ribbonPosition: {
                 type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
             };
@@ -446,12 +452,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             loadingBarTime: {
                 type: import('vue').PropType<string>;
             };
-            isFlat: {
-                type: import('vue').PropType<boolean>;
-            };
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
+            hasRadius: {
+                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -478,12 +484,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            hasRadius: {
-                type: import('vue').PropType<boolean>;
+            elevation: {
+                type: import('vue').PropType<import('../../Cards/Card').CardElevation>;
+            };
+            radius: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRadius>;
             };
             backgroundColor: {
                 type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
             };
+            isFlat: {
+                type: import('vue').PropType<boolean>;
+            };
             ribbonPosition: {
                 type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
             };
@@ -505,12 +517,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             loadingBarTime: {
                 type: import('vue').PropType<string>;
             };
-            isFlat: {
-                type: import('vue').PropType<boolean>;
-            };
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
+            hasRadius: {
+                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -534,12 +546,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasRibbon: {
             type: import('vue').PropType<boolean>;
         };
-        hasRadius: {
-            type: import('vue').PropType<boolean>;
+        elevation: {
+            type: import('vue').PropType<import('../../Cards/Card').CardElevation>;
+        };
+        radius: {
+            type: import('vue').PropType<import('../../Cards/Card').CardRadius>;
         };
         backgroundColor: {
             type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
         };
+        isFlat: {
+            type: import('vue').PropType<boolean>;
+        };
         ribbonPosition: {
             type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
         };
@@ -561,12 +579,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         loadingBarTime: {
             type: import('vue').PropType<string>;
         };
-        isFlat: {
-            type: import('vue').PropType<boolean>;
-        };
         isContentScrollable: {
             type: import('vue').PropType<boolean>;
         };
+        hasRadius: {
+            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             header?: () => any;

package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts

@@ -480,12 +480,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            hasRadius: {
-                type: import('vue').PropType<boolean>;
+            elevation: {
+                type: import('vue').PropType<import('../../Cards/Card').CardElevation>;
+            };
+            radius: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRadius>;
             };
             backgroundColor: {
                 type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
             };
+            isFlat: {
+                type: import('vue').PropType<boolean>;
+            };
             ribbonPosition: {
                 type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
             };
@@ -507,12 +513,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             loadingBarTime: {
                 type: import('vue').PropType<string>;
             };
-            isFlat: {
-                type: import('vue').PropType<boolean>;
-            };
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
+            hasRadius: {
+                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -539,12 +545,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasRibbon: {
                 type: import('vue').PropType<boolean>;
             };
-            hasRadius: {
-                type: import('vue').PropType<boolean>;
+            elevation: {
+                type: import('vue').PropType<import('../../Cards/Card').CardElevation>;
+            };
+            radius: {
+                type: import('vue').PropType<import('../../Cards/Card').CardRadius>;
             };
             backgroundColor: {
                 type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
             };
+            isFlat: {
+                type: import('vue').PropType<boolean>;
+            };
             ribbonPosition: {
                 type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
             };
@@ -566,12 +578,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             loadingBarTime: {
                 type: import('vue').PropType<string>;
             };
-            isFlat: {
-                type: import('vue').PropType<boolean>;
-            };
             isContentScrollable: {
                 type: import('vue').PropType<boolean>;
             };
+            hasRadius: {
+                type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -595,12 +607,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         hasRibbon: {
             type: import('vue').PropType<boolean>;
         };
-        hasRadius: {
-            type: import('vue').PropType<boolean>;
+        elevation: {
+            type: import('vue').PropType<import('../../Cards/Card').CardElevation>;
+        };
+        radius: {
+            type: import('vue').PropType<import('../../Cards/Card').CardRadius>;
         };
         backgroundColor: {
             type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
         };
+        isFlat: {
+            type: import('vue').PropType<boolean>;
+        };
         ribbonPosition: {
             type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
         };
@@ -622,12 +640,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         loadingBarTime: {
             type: import('vue').PropType<string>;
         };
-        isFlat: {
-            type: import('vue').PropType<boolean>;
-        };
         isContentScrollable: {
             type: import('vue').PropType<boolean>;
         };
+        hasRadius: {
+            type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to radius">>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             header?: () => any;