@7pmlabs/design-system 0.4.1 → 0.4.3

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

@@ -1,8 +1,12 @@
 import type { ValidationRule } from '@/composables/Validation';
+import { SupportedLocale } from '@/constants/Enums';
 export interface BCurrencyFieldProps {
     inputId?: string;
     inputCssClass?: string;
-    modelValue: number;
+    /**
+     * Value can be number or string
+     */
+    modelValue: number | string;
     label?: string;
     validationRules?: ValidationRule[];
     placeholder?: string;
@@ -13,10 +17,15 @@ export interface BCurrencyFieldProps {
     required?: boolean;
     requiredErrorMessage?: string;
     disabled?: boolean;
+    readonly?: boolean;
     /**
      * Hide the validation error message.
      */
     hideDetails?: boolean;
+    /**
+     * Locale of the currency
+     */
+    locale?: `${SupportedLocale}`;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: {
@@ -35,6 +44,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -48,9 +61,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: import("vue").PropType<number>;
+        type: import("vue").PropType<string | number>;
         required: true;
     };
+    locale: {
+        type: import("vue").PropType<"en-US" | "vi-VN">;
+        default: SupportedLocale;
+    };
     validationRules: {
         type: import("vue").PropType<ValidationRule[]>;
         default: any;
@@ -65,7 +82,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "press:enter": () => void;
-    "update:modelValue": (value: number) => void;
+    "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     required: {
         type: import("vue").PropType<boolean>;
@@ -83,6 +100,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -96,9 +117,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: import("vue").PropType<number>;
+        type: import("vue").PropType<string | number>;
         required: true;
     };
+    locale: {
+        type: import("vue").PropType<"en-US" | "vi-VN">;
+        default: SupportedLocale;
+    };
     validationRules: {
         type: import("vue").PropType<ValidationRule[]>;
         default: any;
@@ -112,16 +137,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (value: number) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
     "onPress:enter"?: () => any;
 }, {
     required: boolean;
     label: string;
     autocomplete: boolean;
     disabled: boolean;
+    readonly: boolean;
     placeholder: string;
     inputId: string;
     inputCssClass: string;
+    locale: "en-US" | "vi-VN";
     validationRules: ValidationRule[];
     requiredErrorMessage: string;
     hideDetails: boolean;

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

@@ -1,7 +1,7 @@
 import { type ValidationRule } from '@/composables/Validation';
 export interface BOtpFieldProps {
     inputId?: string;
-    modelValue?: string;
+    modelValue: string;
     /**
      * Number of input boxes.
      */
@@ -45,6 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: {
         type: import("vue").PropType<string>;
+        required: true;
         default: string;
     };
     validationRules: {
@@ -94,6 +95,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: {
         type: import("vue").PropType<string>;
+        required: true;
         default: string;
     };
     validationRules: {

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

@@ -1,7 +1,7 @@
 import { type ValidationRule } from '@/composables/Validation';
 export interface BRadioProps {
     inputId?: string;
-    modelValue?: string | number | boolean;
+    modelValue: string | number | boolean;
     inputName?: string;
     label?: string;
     disabled?: boolean;
@@ -39,6 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: {
         type: import("vue").PropType<string | number | boolean>;
+        required: true;
         default: string;
     };
     validationRules: {
@@ -83,6 +84,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: {
         type: import("vue").PropType<string | number | boolean>;
+        required: true;
         default: string;
     };
     validationRules: {

package/dist/types/constants/Enums.d.ts

@@ -104,3 +104,7 @@ export declare enum BDatePickerView {
     Months = "months",
     Years = "years"
 }
+export declare enum SupportedLocale {
+    'vi-VN' = "vi-VN",
+    'en-US' = "en-US"
+}

package/package.json

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