@bethinkpl/design-system 43.0.0 → 44.0.0

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/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<"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, {}, 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<"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<{}>, {}, {}, {}, {}, 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/LabelValue/LabelValueItem/LabelValueItem.vue.d.ts

@@ -1,6 +1,11 @@
 import { LabelValueItemSize, LabelValueItemState, LabelValueItemValueColor } from './LabelValueItem.consts';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+declare function __VLS_template(): Readonly<{
+    accessory?: () => any;
+}> & {
+    accessory?: () => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     state?: LabelValueItemState;
     label: string;
     valueText: string;
@@ -15,6 +20,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isLabelStrong?: boolean;
     valueColor?: LabelValueItemValueColor;
 }>>> & 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> = {
@@ -25,3 +31,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -3,20 +3,22 @@ import { Value } from '../../utils/type.utils';
 export declare const TOAST_SIZES: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
+    readonly LARGE: "large";
 };
 export type ToastSizes = Value<typeof TOAST_SIZES>;
 export declare const TOAST_COLORS: {
-    NEUTRAL_HEAVY: string;
-    NEUTRAL_STRONG: string;
-    SUCCESS: string;
-    WARNING: string;
-    DANGER: string;
-    INFO: string;
+    readonly NEUTRAL_HEAVY: "neutralHeavy";
+    readonly NEUTRAL_STRONG: "neutralStrong";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly INFO: "info";
 };
 export type ToastColors = Value<typeof TOAST_COLORS>;
 export declare const TOAST_POSITIONS: {
-    LEFT: string;
-    CENTER: string;
-    RIGHT: string;
+    readonly LEFT: "left";
+    readonly CENTER: "center";
+    readonly RIGHT: "right";
+    readonly NONE: "none";
 };
 export type ToastPositions = Value<typeof TOAST_POSITIONS>;