@bethinkpl/design-system 43.0.0 → 45.0.0

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

@@ -450,9 +450,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     type: string;
     touchableDeprecated: boolean;
     color: string;
+    elevation: string;
     radius: string;
     state: string;
-    elevation: string;
     colorScheme: string;
 }, {}, {
     WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/lib/js/components/Callout/Callout.consts.d.ts

@@ -0,0 +1,32 @@
+import { Value } from '../../utils/type.utils';
+import { FeatureIconColor } from '../Icons/FeatureIcon/FeatureIcon.consts';
+import { TextGroupMainTextColor } from '../TextGroup/TextGroup.consts';
+
+export declare const CALLOUT_LAYOUTS: {
+    readonly VERTICAL: "vertical";
+    readonly HORIZONTAL: "horizontal";
+};
+export type CalloutLayout = Value<typeof CALLOUT_LAYOUTS>;
+export declare const CALLOUT_SIZES: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export type CalloutSize = Value<typeof CALLOUT_SIZES>;
+export declare const CALLOUT_ICON_COLORS: {
+    readonly DANGER: "danger";
+    readonly INFO: "info";
+    readonly NEUTRAL: "neutral";
+    readonly NEUTRAL_WEAK: "neutralWeak";
+    readonly PRIMARY: "primary";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly FAIL: "fail";
+    readonly ACCENT: "accent";
+};
+export type CalloutIconColor = FeatureIconColor;
+export declare const CALLOUT_MAIN_TEXT_COLORS: {
+    readonly NEUTRAL: "neutral";
+    readonly PRIMARY: "primary";
+};
+export type CalloutMainTextColor = TextGroupMainTextColor;

package/dist/lib/js/components/{ActionContent/ActionContent.vue.d.ts → Callout/Callout.vue.d.ts}

@@ -1,4 +1,5 @@
 import { IconItem } from '../Icons/Icon';
+import { CalloutIconColor, CalloutLayout, CalloutMainTextColor, CalloutSize } from './Callout.consts';
 
 declare function __VLS_template(): Readonly<{
     actions?: () => any;
@@ -6,23 +7,33 @@ declare function __VLS_template(): Readonly<{
     actions?: () => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    icon?: IconItem | null;
+    icon: IconItem;
+    layout?: CalloutLayout;
+    size?: CalloutSize;
+    iconColor?: CalloutIconColor;
+    eyebrowText?: string | null;
     mainText?: string | null;
     supportingText?: string | null;
-    buttonLabel?: string;
+    mainTextColor?: CalloutMainTextColor;
+    buttonLabel?: string | null;
     buttonIcon?: IconItem | null;
     isActionVertical?: boolean;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "button-clicked": () => void;
+    "button-clicked": (e: Event) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    icon?: IconItem | null;
+    icon: IconItem;
+    layout?: CalloutLayout;
+    size?: CalloutSize;
+    iconColor?: CalloutIconColor;
+    eyebrowText?: string | null;
     mainText?: string | null;
     supportingText?: string | null;
-    buttonLabel?: string;
+    mainTextColor?: CalloutMainTextColor;
+    buttonLabel?: string | null;
     buttonIcon?: IconItem | null;
     isActionVertical?: boolean;
 }>>> & Readonly<{
-    "onButton-clicked"?: (() => any) | undefined;
+    "onButton-clicked"?: ((e: Event) => any) | undefined;
 }>, {}, {}, {}, {}, 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/Callout/index.d.ts

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

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

@@ -405,9 +405,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     color: string;
-    isInteractive: boolean;
     state: string;
     isOpen: boolean;
+    isInteractive: boolean;
     placeholder: string;
     startDate: Date;
     endDate: Date;

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

@@ -580,7 +580,7 @@ declare const _default: import('vue').DefineComponent<{
         readonly ICON_RIGHT_ONLY: "iconRightOnly";
     };
 }, {}, {
-    borderColor(): "danger" | "neutralWeak" | "primary" | "warning" | "dangerWeak" | "warningWeak";
+    borderColor(): "primary" | "danger" | "neutralWeak" | "warning" | "dangerWeak" | "warningWeak";
     resolvedPlaceholder(): any;
     eyebrowText(): string;
     text(): any;
@@ -611,10 +611,10 @@ declare const _default: import('vue').DefineComponent<{
     icon: any;
     label: string;
     color: string;
-    isInteractive: boolean;
     state: string;
     isIconHiddenOnMobile: boolean;
     date: Date;
+    isInteractive: boolean;
     isLabelUppercase: boolean;
     placeholder: string;
     additionalText: string;
@@ -755,11 +755,11 @@ declare const _default: import('vue').DefineComponent<{
         };
     }>> & Readonly<{}>, {
         color: TileColor;
-        eyebrowText: string;
-        isEyebrowTextUppercase: boolean;
         state: TileState;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
+        eyebrowText: string;
+        isEyebrowTextUppercase: boolean;
         interactive: boolean;
         additionalText: string;
         eyebrowEllipsis: boolean;
@@ -1172,9 +1172,9 @@ declare const _default: import('vue').DefineComponent<{
         };
     }>> & Readonly<{}>, {
         color: string;
-        isInteractive: boolean;
         state: string;
         isOpen: boolean;
+        isInteractive: boolean;
         placeholder: string;
         startDate: Date;
         endDate: Date;

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

@@ -597,8 +597,8 @@ declare const _default: import('vue').DefineComponent<{
     }) => any) | undefined;
 }>, {
     color: string;
-    isInteractive: boolean;
     state: string;
+    isInteractive: boolean;
     placeholder: string;
     startDate: Date;
     endDate: Date;
@@ -1016,9 +1016,9 @@ declare const _default: import('vue').DefineComponent<{
         };
     }>> & Readonly<{}>, {
         color: string;
-        isInteractive: boolean;
         state: string;
         isOpen: boolean;
+        isInteractive: boolean;
         placeholder: string;
         startDate: Date;
         endDate: Date;

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

@@ -38,7 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     size: string;
-    prominence: string;
     isVertical: boolean;
+    prominence: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue.d.ts

@@ -64,8 +64,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts

@@ -439,10 +439,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     info: boolean;
     size: string;
     title: string;
-    supportingText: string;
     iconLeft: any;
     iconRight: any;
     isExpanded: boolean;
+    supportingText: string;
     titleEllipsis: boolean;
     hasDivider: boolean;
     isExpandable: boolean;
@@ -919,10 +919,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {
         info: boolean;
         size: string;
-        supportingText: string;
         iconLeft: any;
         iconRight: any;
         isExpanded: boolean;
+        supportingText: string;
         titleEllipsis: boolean;
         hasDivider: boolean;
         isExpandable: boolean;
@@ -1455,9 +1455,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: string;
             touchableDeprecated: boolean;
             color: string;
+            elevation: string;
             radius: string;
             state: string;
-            elevation: string;
             colorScheme: string;
         }, {}, {
             WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1665,8 +1665,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         }>> & Readonly<{}>, {
             size: string;
-            prominence: string;
             isVertical: boolean;
+            prominence: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts

@@ -130,11 +130,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClick?: (() => any) | undefined;
 }>, {
     color: import('../../Tile').TileColor;
-    eyebrowText: string;
-    isEyebrowTextUppercase: boolean;
     state: import('../../Tile').TileState;
     iconLeft: Record<string, any>;
     iconRight: Record<string, any>;
+    eyebrowText: string;
+    isEyebrowTextUppercase: boolean;
     interactive: boolean;
     additionalText: string;
     eyebrowEllipsis: boolean;
@@ -271,11 +271,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         color: import('../../Tile').TileColor;
-        eyebrowText: string;
-        isEyebrowTextUppercase: boolean;
         state: import('../../Tile').TileState;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
+        eyebrowText: string;
+        isEyebrowTextUppercase: boolean;
         interactive: boolean;
         additionalText: string;
         eyebrowEllipsis: boolean;

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

@@ -85,8 +85,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onHide?: ((...args: any[]) => any) | undefined;
     "onDocument-click"?: ((...args: any[]) => any) | undefined;
 }>, {
-    radius: string;
     placement: string;
+    radius: string;
     boundariesSelector: string;
     forceShow: boolean;
     sameWidth: boolean;

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

@@ -2,7 +2,7 @@ import { FormFieldProps } from './FormField.types';
 
 export declare function extractFormFieldProps({ label, state, hasRequiredIndicator, labelInfo, subLabel, fieldId, messageText, }: FormFieldProps, errors?: Array<string>): {
     label: string | undefined;
-    state: "default" | "success" | "error" | "disabled" | undefined;
+    state: "success" | "default" | "error" | "disabled" | undefined;
     hasRequiredIndicator: boolean | undefined;
     labelInfo: string | undefined;
     subLabel: string | undefined;

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

@@ -18,7 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;
@@ -51,7 +51,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;

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

@@ -11,7 +11,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;
@@ -43,7 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;

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

@@ -0,0 +1,14 @@
+import { Value } from '../../../utils/type.utils';
+
+export declare const PIN_INPUT_FIELD_STATES: {
+    readonly DEFAULT: "default";
+    readonly ERROR: "error";
+    readonly LOADING: "loading";
+};
+export type PinInputFieldState = Value<typeof PIN_INPUT_FIELD_STATES>;
+export declare const PIN_INPUT_FIELD_TYPES: {
+    readonly TEXT: "text";
+    readonly NUMBER: "number";
+};
+export type PinInputFieldType = Value<typeof PIN_INPUT_FIELD_TYPES>;
+export declare const PIN_INPUT_FIELD_DEFAULT_LENGTH = 6;

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

@@ -0,0 +1,12 @@
+import { FormFieldProps, FormFieldSlots } from '../FormField';
+import { PinInputFieldState, PinInputFieldType } from './PinInputField.consts';
+
+export interface PinInputFieldProps extends Omit<FormFieldProps, 'state'> {
+    state?: PinInputFieldState;
+    length?: number;
+    otp?: boolean;
+    type?: PinInputFieldType;
+    name?: string;
+    ariaLabel?: string;
+}
+export type PinInputFieldSlots = Omit<FormFieldSlots, 'field'>;

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

@@ -0,0 +1,2 @@
+export type PinChars = Array<string | number>;
+export declare function toPinChars(value: string | undefined, length: number): PinChars;

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

@@ -0,0 +1,91 @@
+import { PinInputFieldSlots } from './PinInputField.types';
+
+declare function __VLS_template(): Readonly<PinInputFieldSlots> & PinInputFieldSlots;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    state: {
+        type: import('vue').PropType<import('./PinInputField.consts').PinInputFieldState>;
+    };
+    length: {
+        type: import('vue').PropType<number>;
+    };
+    otp: {
+        type: import('vue').PropType<boolean>;
+    };
+    type: {
+        type: import('vue').PropType<import('./PinInputField.consts').PinInputFieldType>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    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, {
+    complete: (value: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    state: {
+        type: import('vue').PropType<import('./PinInputField.consts').PinInputFieldState>;
+    };
+    length: {
+        type: import('vue').PropType<number>;
+    };
+    otp: {
+        type: import('vue').PropType<boolean>;
+    };
+    type: {
+        type: import('vue').PropType<import('./PinInputField.consts').PinInputFieldType>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    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<{
+    onComplete?: ((value: string) => 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/PinInputField/index.d.ts

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

package/dist/lib/js/components/Form/PinInputField/usePinInputFieldWithinForm.d.ts

@@ -0,0 +1,8 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+
+export declare function usePinInputFieldWithinForm(name: MaybeRefOrGetter<string | undefined>, modelValue: Ref<string | undefined>): {
+    value: Ref<string | undefined, string | undefined>;
+    errors: import('vue').ComputedRef<string[]>;
+    onComplete: (event: Event) => void;
+    onBlur: (event: Event) => void;
+};

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

@@ -30,7 +30,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;
@@ -78,7 +78,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     state: {
-        type: import('vue').PropType<"default" | "success" | "error" | "disabled">;
+        type: import('vue').PropType<"success" | "default" | "error" | "disabled">;
     };
     hasRequiredIndicator: {
         type: import('vue').PropType<boolean>;

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

@@ -0,0 +1,9 @@
+import { TextareaHTMLAttributes } from 'vue';
+import { FormFieldProps, FormFieldSlots } from '../FormField';
+
+export interface TextAreaFieldProps extends FormFieldProps {
+    inputProps?: TextareaHTMLAttributes;
+    isAutoresizing?: boolean;
+    name?: string;
+}
+export type TextAreaFieldSlots = Omit<FormFieldSlots, 'field'>;

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

@@ -0,0 +1,76 @@
+import { TextareaHTMLAttributes } from 'vue';
+import { TextAreaFieldSlots } from './TextAreaField.types';
+
+declare function __VLS_template(): Readonly<TextAreaFieldSlots> & TextAreaFieldSlots;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    inputProps: {
+        type: import('vue').PropType<TextareaHTMLAttributes>;
+    };
+    isAutoresizing: {
+        type: import('vue').PropType<boolean>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"success" | "default" | "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, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    inputProps: {
+        type: import('vue').PropType<TextareaHTMLAttributes>;
+    };
+    isAutoresizing: {
+        type: import('vue').PropType<boolean>;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+    };
+    state: {
+        type: import('vue').PropType<"success" | "default" | "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<{}>, {}, {}, {}, {}, 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/TextAreaField/TextAreaFieldAutosized.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts

@@ -428,8 +428,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClose?: (() => any) | undefined;
     onTitleClick?: (() => any) | undefined;
 }>, {
-    eyebrowText: string;
     state: string;
+    eyebrowText: string;
     borderColor: string;
     shortTitle: string;
     isTitleInteractive: boolean;
@@ -884,9 +884,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: string;
         touchableDeprecated: boolean;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
-        elevation: string;
         colorScheme: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1094,8 +1094,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DsDropdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         boundariesSelector: {
@@ -1182,8 +1182,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onHide?: ((...args: any[]) => any) | undefined;
         "onDocument-click"?: ((...args: any[]) => any) | undefined;
     }>, {
-        radius: string;
         placement: string;
+        radius: string;
         boundariesSelector: string;
         forceShow: boolean;
         sameWidth: boolean;
@@ -1228,8 +1228,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
     }>> & Readonly<{}>, {
-        height: string;
         radius: string;
+        height: string;
         width: string;
     }, {}, {
         PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void>;

package/dist/lib/js/components/Headers/PageHeader/PageHeader.vue.d.ts

@@ -86,8 +86,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & Readonly<{}>, {
         size: string;
-        prominence: string;
         isVertical: boolean;
+        prominence: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;