@finema/core 1.3.8 → 1.3.10

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import { merge } from 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.3.8";
+const version = "1.3.10";
 
 const colors = {
   black: "#20243E",

package/dist/runtime/components/Button/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <UButton v-bind="$attrs">
+  <UButton v-bind="$props">
     <template #leading>
       <slot name="leading" />
     </template>
@@ -11,7 +11,86 @@
   </UButton>
 </template>
 <script lang="ts" setup>
+import { UButton } from '#components'
+import { type PropType } from 'vue'
+
 defineOptions({
   inheritAttrs: true,
 })
+
+defineProps({
+  type: {
+    type: String,
+    default: 'button',
+  },
+  block: {
+    type: Boolean,
+    default: false,
+  },
+  label: {
+    type: String,
+    default: null,
+  },
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  padded: {
+    type: Boolean,
+    default: true,
+  },
+  size: {
+    type: String,
+    validator(value: unknown): boolean {
+      return ['2xs', 'xs', 'sm', 'md', 'lg', 'xl'].includes(value as string)
+    },
+  },
+  color: {
+    type: String,
+  },
+  variant: {
+    type: String,
+  },
+  icon: {
+    type: String,
+    default: null,
+  },
+  loadingIcon: {
+    type: String,
+  },
+  leadingIcon: {
+    type: String,
+    default: null,
+  },
+  trailingIcon: {
+    type: String,
+    default: null,
+  },
+  trailing: {
+    type: Boolean,
+    default: false,
+  },
+  leading: {
+    type: Boolean,
+    default: false,
+  },
+  square: {
+    type: Boolean,
+    default: false,
+  },
+  truncate: {
+    type: Boolean,
+    default: false,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+  },
+  ui: {
+    type: Object,
+  },
+})
 </script>

package/dist/runtime/components/Form/Fields.vue

@@ -40,6 +40,12 @@
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
+        <FormInputCheckbox
+          v-if="option.type === INPUT_TYPES.CHECKBOX"
+          :form="form"
+          v-bind="option.props"
+          v-on="option.on ?? {}"
+        />
       </div>
     </template>
   </div>

package/dist/runtime/components/Form/InputCheckbox/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <FieldWrapper v-bind="wrapperProps" label="">
+    <UCheckbox
+      v-model="value"
+      :disabled="disabled"
+      :name="name"
+      :label="props.label"
+      :color="color"
+      :ui="ui"
+    />
+  </FieldWrapper>
+</template>
+<script lang="ts" setup>
+import { useFieldHOC } from '#core/composables/useForm'
+import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
+import { type ICheckboxFieldProps } from '#core/components/Form/InputCheckbox/types'
+
+const props = withDefaults(defineProps<ICheckboxFieldProps>(), {})
+
+const { value, wrapperProps, disabled, handleChange } = useFieldHOC<boolean>(props)
+</script>

package/dist/runtime/components/Form/InputCheckbox/types.d.ts

@@ -0,0 +1,8 @@
+import { type IFieldProps, type IFormFieldBase, type INPUT_TYPES } from '#core/components/Form/types';
+export interface ICheckboxFieldProps extends IFieldProps {
+    color?: string;
+    ui?: object | any;
+}
+export type ICheckboxField = IFormFieldBase<INPUT_TYPES.CHECKBOX, ICheckboxFieldProps, {
+    change?: (value: string) => void;
+}>;

package/dist/runtime/components/Form/InputToggle/index.vue

@@ -1,6 +1,6 @@
 <template>
   <FieldWrapper v-bind="wrapperProps">
-    <UToggle v-model="value" :disabled="disabled" :name="name" />
+    <UToggle v-model="value" :disabled="disabled" :name="name" :color="color" :ui="ui" />
   </FieldWrapper>
 </template>
 

package/dist/runtime/components/Form/InputToggle/types.d.ts

@@ -1,5 +1,7 @@
 import { type IFieldProps, type IFormFieldBase, type INPUT_TYPES } from '#core/components/Form/types';
 export interface IToggleFieldProps extends IFieldProps {
+    color?: string;
+    ui?: object | any;
 }
 export type IToggleField = IFormFieldBase<INPUT_TYPES.TOGGLE, IToggleFieldProps, {
     change?: (value: string) => void;

package/dist/runtime/components/Form/types.d.ts

@@ -8,7 +8,8 @@ export declare const enum INPUT_TYPES {
     EMAIL = "EMAIL",
     STATIC = "STATIC",
     TOGGLE = "TOGGLE",
-    SELECT = "SELECT"
+    SELECT = "SELECT",
+    CHECKBOX = "CHECKBOX"
 }
 export interface IOption {
     label: string;

package/dist/runtime/components/Form/types.mjs

@@ -5,5 +5,6 @@ export var INPUT_TYPES = /* @__PURE__ */ ((INPUT_TYPES2) => {
   INPUT_TYPES2["STATIC"] = "STATIC";
   INPUT_TYPES2["TOGGLE"] = "TOGGLE";
   INPUT_TYPES2["SELECT"] = "SELECT";
+  INPUT_TYPES2["CHECKBOX"] = "CHECKBOX";
   return INPUT_TYPES2;
 })(INPUT_TYPES || {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Development Team",
@@ -29,7 +29,7 @@
     "lint:fix": "eslint . --fix",
     "test": "vitest run",
     "test:watch": "vitest watch",
-    "release": "release-it",
+    "release": "release-it --ci",
     "prepare": "husky install"
   },
   "dependencies": {