@7pmlabs/design-system 0.3.8 → 0.4.0

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

@@ -1,7 +1,4 @@
 import { type ValidationRule } from '@/composables/Validation';
-/**
- * Props
- */
 export interface BOtpFieldProps {
     inputId?: string;
     modelValue?: string;
@@ -76,8 +73,8 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     complete: (value: string) => void;
     change: (value: string) => void;
-    'update:modelValue': (value: string) => void;
-    'update:focusIndex': (index: number) => void;
+    "update:focusIndex": (index: number) => void;
+    "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     required: {
         type: import("vue").PropType<boolean>;

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

@@ -1,6 +1,3 @@
-/**
- * Props
- */
 export interface Props {
     value?: string;
     focus?: boolean;
@@ -22,12 +19,12 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     focus: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'on-change': (value: string) => void;
-    'on-keydown': (keyboardEvent: KeyboardEvent) => void;
-    'on-keyup': (keyboardEvent: KeyboardEvent) => void;
-    'on-paste': (clipboardEvent: ClipboardEvent) => void;
-    'on-focus': () => void;
-    'on-blur': () => void;
+    "on-change": (value: string) => void;
+    "on-keydown": (keyboardEvent: KeyboardEvent) => void;
+    "on-keyup": (keyboardEvent: KeyboardEvent) => void;
+    "on-paste": (clipboardEvent: ClipboardEvent) => void;
+    "on-focus": () => void;
+    "on-blur": () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: import("vue").PropType<string>;

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

@@ -1,7 +1,4 @@
 import { BPaginationSize } from '@/constants/Enums';
-/**
- * Props
- */
 export interface BPaginationProps {
     /**
      * Start by 1.
@@ -41,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: number) => void;
-    'update:modelValue': (value: number) => void;
+    "update:modelValue": (value: number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     transparent: {
         type: import("vue").PropType<boolean>;

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

@@ -1,7 +1,4 @@
 import { type ValidationRule } from '@/composables/Validation';
-/**
- * Props
- */
 export interface BRadioProps {
     inputId?: string;
     modelValue?: string | number | boolean;
@@ -66,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: () => void;
-    'update:modelValue': (value: string | number | boolean) => void;
+    "update:modelValue": (value: string | number | boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     required: {
         type: import("vue").PropType<boolean>;

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

@@ -1,8 +1,5 @@
 import { type ValidationRule } from '@/composables/Validation';
 import type { DisplayItem } from '@/types';
-/**
- * Props
- */
 export interface BSelectProps {
     inputId?: string;
     modelValue: string | number;
@@ -90,8 +87,8 @@ declare const _default: import("vue").DefineComponent<{
     change: (value: string | number) => void;
     open: () => void;
     close: () => void;
-    'change:input': (inputValue: string) => void;
-    'update:modelValue': (value: string | number) => void;
+    "change:input": (inputValue: string) => 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>;

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

@@ -1,7 +1,4 @@
 import type { BTabsHeader } from '@/types';
-/**
- * Props
- */
 export interface BTabsProps {
     /**
      * Array of header objects.
@@ -30,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (value: number) => void;
+    "update:modelValue": (value: number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     headers: {
         type: import("vue").PropType<BTabsHeader[]>;

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

@@ -1,8 +1,8 @@
 import { type ValidationRule } from '@/composables/Validation';
-/**
- * Props
- */
 export interface BTextFieldProps {
+    /**
+     * ID of input element
+     */
     inputId?: string;
     inputCssClass?: string;
     /**
@@ -11,22 +11,6 @@ export interface BTextFieldProps {
     validationRules?: ValidationRule[];
     modelValue: string | number;
     label?: string;
-    /**
-     * FontAwesome v6.1.0 - Solid.
-     */
-    prependIcon?: string;
-    /**
-     * Hide prepended icon.
-     */
-    hidePrependIcon?: boolean;
-    /**
-     * FontAwesome v6.1.0 - Solid.
-     */
-    appendIcon?: string;
-    /**
-     * Hide appended icon.
-     */
-    hideAppendIcon?: boolean;
     placeholder?: string;
     autocomplete?: boolean;
     disabled?: boolean;
@@ -45,6 +29,9 @@ export interface BTextFieldProps {
      * Function is executed on input event.
      */
     inputHandler?: any;
+    /**
+     * Value of input element's inputmode
+     */
     inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
@@ -80,14 +67,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email">;
         default: string;
     };
-    prependIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    appendIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     inputId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -100,14 +79,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | number>;
         required: true;
     };
-    hidePrependIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    hideAppendIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     validationRules: {
         type: import("vue").PropType<ValidationRule[]>;
         default: any;
@@ -131,10 +102,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     focus: () => void;
     blur: () => void;
-    'click:prepend': () => void;
-    'click:append': () => void;
-    'press:enter': () => void;
-    'update:modelValue': (value: string | number) => void;
+    "press:enter": () => 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>;
@@ -168,14 +137,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email">;
         default: string;
     };
-    prependIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    appendIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     inputId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -188,14 +149,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | number>;
         required: true;
     };
-    hidePrependIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    hideAppendIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     validationRules: {
         type: import("vue").PropType<ValidationRule[]>;
         default: any;
@@ -216,8 +169,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onFocus?: () => any;
     onBlur?: () => any;
     "onUpdate:modelValue"?: (value: string | number) => any;
-    "onClick:prepend"?: () => any;
-    "onClick:append"?: () => any;
     "onPress:enter"?: () => any;
 }, {
     required: boolean;
@@ -228,12 +179,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly: boolean;
     placeholder: string;
     inputmode: "search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email";
-    prependIcon: string;
-    appendIcon: string;
     inputId: string;
     inputCssClass: string;
-    hidePrependIcon: boolean;
-    hideAppendIcon: boolean;
     validationRules: ValidationRule[];
     requiredErrorMessage: string;
     hideDetails: boolean;

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

@@ -1,7 +1,4 @@
 import { type ValidationRule } from '@/composables/Validation';
-/**
- * Props
- */
 export interface BTextareaProps {
     inputId?: string;
     inputCssClass?: string;
@@ -85,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     validate: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (value: string) => void;
+    "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     required: {
         type: import("vue").PropType<boolean>;

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

@@ -1,7 +1,4 @@
 import type { BToastItemModel } from '@/types';
-/**
- * Props
- */
 export interface Props {
     modelValue: BToastItemModel[];
 }
@@ -11,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (value: BToastItemModel[]) => void;
+    "update:modelValue": (value: BToastItemModel[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<BToastItemModel[]>;

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

@@ -1,7 +1,4 @@
 import { BToastItemType } from '@/constants/Enums';
-/**
- * Props
- */
 export interface Props {
     text?: string;
     type?: `${BToastItemType}`;

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

@@ -1,7 +1,4 @@
 import { BTooltipOpenEvent, BTooltipPosition } from '@/constants/Enums';
-/**
- * Props
- */
 export interface BTooltipProps {
     modelValue?: boolean;
     /**
@@ -27,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: BTooltipOpenEvent;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (value: boolean) => void;
+    "update:modelValue": (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {
         type: import("vue").PropType<"top" | "bottom">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@7pmlabs/design-system",
-  "version": "0.3.8",
+  "version": "0.4.0",
   "homepage": "https://github.com/ngphanducthinh/design-system",
   "sideEffects": [
     "style.css"
@@ -54,15 +54,15 @@
   "devDependencies": {
     "@intlify/eslint-plugin-vue-i18n": "^2.0.0",
     "@rushstack/eslint-patch": "^1.3.3",
-    "@storybook/addon-essentials": "^7.6.5",
-    "@storybook/addon-interactions": "^7.6.5",
-    "@storybook/addon-links": "^7.6.5",
-    "@storybook/blocks": "^7.6.5",
-    "@storybook/manager-api": "^7.6.5",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/blocks": "^7.6.7",
+    "@storybook/manager-api": "^7.6.7",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.5",
-    "@storybook/vue3": "^7.6.5",
-    "@storybook/vue3-vite": "^7.6.5",
+    "@storybook/theming": "^7.6.7",
+    "@storybook/vue3": "^7.6.7",
+    "@storybook/vue3-vite": "^7.6.7",
     "@types/jsdom": "^20.0.0",
     "@types/lodash-es": "^4.17.7",
     "@types/node": "^16.18.4",
@@ -88,7 +88,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sass": "^1.56.0",
-    "storybook": "^7.6.5",
+    "storybook": "^7.6.7",
     "tailwindcss": "^3.3.1",
     "typescript": "~4.7.4",
     "vite": "^4.3.5",