@7pmlabs/design-system 0.8.2 → 1.0.1

package/dist/types/components/BCheckbox.vue.d.ts

@@ -1,4 +1,5 @@
 import { BCheckboxSize } from '@/constants/Enums';
+import { type ValidationRule } from '@/composables/Validation';
 export interface BCheckboxProps {
     inputId?: string;
     modelValue: boolean | Array<string | number>;
@@ -9,6 +10,19 @@ export interface BCheckboxProps {
     labelOrphan?: boolean;
     disabled?: boolean;
     size?: `${BCheckboxSize}`;
+    /**
+     * Hide the validation error message.
+     */
+    hideDetails?: boolean;
+    /**
+     * Array of custom validation rules.
+     */
+    validationRules?: ValidationRule[];
+    /**
+     * Validate if the field is left empty.
+     */
+    required?: boolean;
+    requiredErrorMessage?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BCheckboxProps>, {
     inputId: string;
@@ -17,7 +31,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     labelOrphan: boolean;
     disabled: boolean;
     size: BCheckboxSize;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hideDetails: boolean;
+    validationRules: any;
+    required: boolean;
+    requiredErrorMessage: string;
+}>>, {
+    validate: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: () => void;
     "update:modelValue": (value: boolean | (string | number)[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BCheckboxProps>, {
     inputId: string;
@@ -26,15 +47,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     labelOrphan: boolean;
     disabled: boolean;
     size: BCheckboxSize;
+    hideDetails: boolean;
+    validationRules: any;
+    required: boolean;
+    requiredErrorMessage: string;
 }>>> & Readonly<{
+    onChange?: () => any;
     "onUpdate:modelValue"?: (value: boolean | (string | number)[]) => any;
 }>, {
     size: "sm" | "md";
     disabled: boolean;
+    required: boolean;
     label: string;
     inputId: string;
     modelValue: boolean | (string | number)[];
     labelOrphan: boolean;
+    hideDetails: boolean;
+    validationRules: ValidationRule[];
+    requiredErrorMessage: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/types/components/BCurrencyField.vue.d.ts

@@ -64,14 +64,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     required: boolean;
     label: string;
     inputId: string;
-    inputCssClass: string;
+    hideDetails: boolean;
     validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    locale: "vi-VN" | "en-US";
+    inputCssClass: string;
     placeholder: string;
     autocomplete: boolean;
-    requiredErrorMessage: string;
     readonly: boolean;
-    hideDetails: boolean;
-    locale: "vi-VN" | "en-US";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     prependIcon?(_: {}): any;
     appendIcon?(_: {}): any;

package/dist/types/components/BDatePicker/BDatePicker.vue.d.ts

@@ -99,12 +99,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     view: "months" | "dates" | "years";
     inputId: string;
     modelValue: string | Date | (string | Date)[];
+    hideDetails: boolean;
+    validationRules: ValidationRule[];
+    requiredErrorMessage: string;
     range: boolean;
     inputCssClass: string;
-    validationRules: ValidationRule[];
     placeholder: string;
-    requiredErrorMessage: string;
-    hideDetails: boolean;
     minDate: string | Date;
     maxDate: string | Date;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/BImagePicker/BImagePicker.vue.d.ts

@@ -50,9 +50,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     required: boolean;
     label: string;
     inputId: string;
+    hideDetails: boolean;
     validationRules: ValidationRule[];
     requiredErrorMessage: string;
-    hideDetails: boolean;
     multiple: boolean;
     maxFileSize: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/BMultiSelect.vue.d.ts

@@ -77,10 +77,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     required: boolean;
     label: string;
     inputId: string;
+    hideDetails: boolean;
     validationRules: ValidationRule[];
-    placeholder: string;
     requiredErrorMessage: string;
-    hideDetails: boolean;
+    placeholder: string;
     valueCssClass: string;
     menuCssClass: string;
     showSelectedItemCount: boolean;

package/dist/types/components/BOtpField/BOtpField.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     required: boolean;
     inputId: string;
     modelValue: string;
-    inputCssClass: string;
+    hideDetails: boolean;
     validationRules: ValidationRule[];
     requiredErrorMessage: string;
-    hideDetails: boolean;
+    inputCssClass: string;
     numInputs: number;
     focusIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/BRadio.vue.d.ts

@@ -61,9 +61,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     inputId: string;
     modelValue: string | number | boolean;
     labelOrphan: boolean;
+    hideDetails: boolean;
     validationRules: ValidationRule[];
     requiredErrorMessage: string;
-    hideDetails: boolean;
     inputName: string;
     labelCssClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {

package/dist/types/components/BSelect.vue.d.ts

@@ -71,10 +71,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     required: boolean;
     label: string;
     inputId: string;
+    hideDetails: boolean;
     validationRules: ValidationRule[];
-    placeholder: string;
     requiredErrorMessage: string;
-    hideDetails: boolean;
+    placeholder: string;
     valueCssClass: string;
     menuCssClass: string;
     allowInput: boolean;

package/dist/types/components/BTextField.vue.d.ts

@@ -84,13 +84,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     required: boolean;
     label: string;
     inputId: string;
-    inputCssClass: string;
+    hideDetails: boolean;
     validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    inputCssClass: string;
     placeholder: string;
     autocomplete: boolean;
-    requiredErrorMessage: string;
     readonly: boolean;
-    hideDetails: boolean;
     inputHandler: any;
     inputmode: "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {

package/dist/types/components/BTextarea.vue.d.ts

@@ -63,13 +63,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     required: boolean;
     label: string;
     inputId: string;
-    inputCssClass: string;
+    hideDetails: boolean;
     validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    inputCssClass: string;
     placeholder: string;
     autocomplete: boolean;
-    requiredErrorMessage: string;
     readonly: boolean;
-    hideDetails: boolean;
     rows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/BToast/BToastItem.vue.d.ts

@@ -1,17 +1,20 @@
 import { BToastItemType } from '@/constants/Enums';
 export interface Props {
     text?: string;
+    message?: string;
     type?: `${BToastItemType}`;
     hideClose?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     text: string;
+    message: string;
     type: BToastItemType;
     hideClose: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     text: string;
+    message: string;
     type: BToastItemType;
     hideClose: boolean;
 }>>> & Readonly<{
@@ -19,9 +22,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
 }>, {
     type: "default" | "error" | "success";
     text: string;
+    message: string;
     hideClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
+    text?(_: {}): any;
+    message?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/types/components/BTooltip.vue.d.ts

@@ -11,13 +11,13 @@ export interface BTooltipProps {
     openEvent?: `${BTooltipOpenEvent}`;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTooltipProps>, {
-    modelValue: boolean;
+    modelValue: any;
     position: BTooltipPosition;
     openEvent: BTooltipOpenEvent;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BTooltipProps>, {
-    modelValue: boolean;
+    modelValue: any;
     position: BTooltipPosition;
     openEvent: BTooltipOpenEvent;
 }>>> & Readonly<{

package/dist/types/types/components/BToast.d.ts

@@ -2,6 +2,7 @@ import type { BToastItemType } from '@/constants/Enums';
 export interface BToastItemModel {
     id?: string;
     text: string;
+    message?: string;
     icon?: string;
     duration?: number;
     type?: `${BToastItemType}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@7pmlabs/design-system",
-  "version": "0.8.2",
+  "version": "1.0.1",
   "homepage": "https://github.com/ngphanducthinh/design-system",
   "sideEffects": [
     "style.css"