@finema/core 1.3.38 → 1.3.40

package/README.md

@@ -2,34 +2,6 @@
 
 [✨  Release Notes](/CHANGELOG.md)
 
-## Todos
-
-- [ ] Loader
-- [ ] Button
-- [ ] Table
-- [ ] Icon
-- [ ] Badge
-- [ ] Status
-- Form
-  - [ ] Static
-  - [ ] Input
-  - [ ] Textarea
-  - [ ] Select
-  - [ ] Select multi
-  - [ ] Checkbox
-  - [ ] radio
-  - [ ] toggle
-  - [ ] datetime
-  - [ ] upload
-  - [ ] upload multi
-- [ ] Modal
-- [ ] Notification
-- [ ] Card
-- [ ] Tab
-- [ ] Alert
-- [ ] Container
-- [ ] Dropdown
-
 ## Features
 
 - UI components
@@ -65,24 +37,24 @@ That's it! You can now use @finema/core in your Nuxt app ✨
 
 ```bash
 # Install dependencies
-npm install
+pnpm install
 
 # Generate type stubs
-npm run dev:prepare
+pnpm dev:prepare
 
 # Develop with the playground
-npm run dev
+pnpm dev
 
 # Build the playground
-npm run dev:build
+pnpm dev:build
 
 # Run ESLint
-npm run lint
+pnpm lint
 
 # Run Vitest
-npm run test
-npm run test:watch
+pnpm test
+pnpm test:watch
 
 # Release new version
-npm run release
+pnpm release
 ```

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.38",
+  "version": "1.3.40",
   "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.38";
+const version = "1.3.40";
 
 const colors = {
   black: "#20243E",
@@ -43,7 +43,7 @@ const colors = {
   },
   danger: {
     DEFAULT: "#F25555",
-    50: "#FEF2F2",
+    50: "#FF808E",
     100: "#FF808E",
     400: "#FF808E",
     500: "#F25555",
@@ -51,7 +51,7 @@ const colors = {
   },
   success: {
     DEFAULT: "#3FB061",
-    50: "#F0FDF4",
+    50: "#E7F8D7",
     100: "#C6F2D3",
     400: "#C6F2D3",
     500: "#3FB061",
@@ -59,7 +59,7 @@ const colors = {
   },
   warning: {
     DEFAULT: "#FF9A35",
-    50: "#FFF3D2",
+    50: "#FFC061",
     100: "#FFC061",
     400: "#FFC061",
     500: "#FF9A35",
@@ -164,6 +164,13 @@ const table = {
   }
 };
 
+const alert = {
+  default: {
+    variant: "soft",
+    color: "primary"
+  }
+};
+
 const module = defineNuxtModule({
   meta: {
     name,
@@ -195,10 +202,13 @@ const module = defineNuxtModule({
         ...colors
       };
     });
-    await installModule("@nuxt/ui");
+    await installModule("@nuxt/ui", {
+      safelistColors: ["success", "secondary", "info", "danger", "warning"]
+    });
     nuxt.options.appConfig.ui = _merge(nuxt.options.appConfig.ui || {}, {
       table,
-      pagination
+      pagination,
+      alert
     });
     nuxt.options.appConfig.ui.strategy = "override";
     nuxt.options.runtimeConfig = _deepMerge(
@@ -265,6 +275,14 @@ const module = defineNuxtModule({
       },
       nuxt.options.app
     );
+    nuxt.options.colorMode = _deepMerge(
+      {},
+      {
+        preference: "light"
+      },
+      nuxt.options.colorMode
+    );
+    nuxt.options.devtools = _deepMerge({}, { enabled: true }, nuxt.options.devtools);
     await installModule("@pinia/nuxt");
     await installModule("@vee-validate/nuxt", {
       // disable or enable auto imports

package/dist/runtime/components/Alert.vue

@@ -0,0 +1,61 @@
+<template>
+  <UAlert v-bind="$props">
+    <template #title><slot name="title" /></template>
+    <template #description><slot name="description" /></template>
+  </UAlert>
+</template>
+<script lang="ts" setup>
+import { type PropType } from 'vue'
+import { type AlertColor, type AlertVariant, type Avatar, type Button } from '#ui/types'
+import type { Strategy } from '#core/types/utils'
+import { alert } from '#ui/ui.config'
+// @ts-expect-error
+import appConfig from '#build/app.config'
+
+defineProps({
+  title: {
+    type: String,
+    required: true,
+  },
+  description: {
+    type: String,
+    default: null,
+  },
+  icon: {
+    type: String,
+  },
+  avatar: {
+    type: Object as PropType<Avatar>,
+    default: null,
+  },
+  closeButton: {
+    type: Object as PropType<Button>,
+  },
+  actions: {
+    // eslint-disable-next-line @typescript-eslint/ban-types
+    type: Array as PropType<Array<Button & { click?: Function }>>,
+  },
+  color: {
+    type: String as PropType<AlertColor>,
+    validator(value: string) {
+      return [...appConfig.ui.colors, ...Object.keys(alert.color)].includes(value)
+    },
+  },
+  variant: {
+    type: String as PropType<AlertVariant>,
+    validator(value: string) {
+      return [
+        ...Object.keys(alert.variant),
+        ...Object.values(alert.color).flatMap((value) => Object.keys(value)),
+      ].includes(value)
+    },
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof alert> & { strategy?: Strategy }>,
+    default: () => ({}),
+  },
+})
+</script>

package/dist/runtime/ui.config/alert.d.ts

@@ -0,0 +1,3 @@
+import type * as config from '#ui/ui.config';
+import type { DeepPartial } from '#ui/types';
+export declare const alert: DeepPartial<(typeof config)['alert']>;

package/dist/runtime/ui.config/alert.mjs

@@ -0,0 +1,6 @@
+export const alert = {
+  default: {
+    variant: "soft",
+    color: "primary"
+  }
+};

package/dist/types.d.mts

@@ -1,5 +1,6 @@
 
-import { ModuleOptions } from './module'
+import type { ModuleOptions } from './module'
+
 
 declare module '@nuxt/schema' {
   interface NuxtConfig { ['core']?: Partial<ModuleOptions> }
@@ -12,4 +13,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export { core } from './module'
+export type { core } from './module'

package/dist/types.d.ts

@@ -1,5 +1,6 @@
 
-import { ModuleOptions } from './module'
+import type { ModuleOptions } from './module'
+
 
 declare module '@nuxt/schema' {
   interface NuxtConfig { ['core']?: Partial<ModuleOptions> }
@@ -12,4 +13,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export { core } from './module'
+export type { core } from './module'

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@finema/core",
-  "version": "1.3.38",
+  "version": "1.3.40",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
-  "author": "Finema Development Team",
+  "author": "Finema Dev Core Team",
   "type": "module",
   "exports": {
     ".": {
@@ -33,21 +33,18 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@headlessui/vue": "^1.7.16",
-    "@iconify-json/mdi": "^1.1.54",
-    "@iconify-json/simple-icons": "^1.1.76",
     "@nuxt/kit": "^3.7.4",
     "@nuxt/ui": "^2.11.1",
-    "@pinia/nuxt": "^0.4.11",
-    "@vee-validate/nuxt": "^4.11.8",
-    "@vee-validate/zod": "^4.11.8",
+    "@pinia/nuxt": "^0.5.1",
+    "@vee-validate/nuxt": "^4.12.3",
+    "@vee-validate/zod": "^4.12.3",
     "@vuepic/vue-datepicker": "^7.4.0",
     "axios": "^1.5.1",
-    "date-fns": "^3.0.0",
+    "date-fns": "^3.0.6",
     "i18next": "^23.7.11",
     "lodash-es": "^4.17.21",
-    "nuxt-security": "^0.14.4",
-    "pinia": "^2.1.6",
+    "nuxt-security": "^1.0.0",
+    "pinia": "^2.1.7",
     "url-join": "^5.0.0",
     "zod": "^3.22.4",
     "zod-i18n-map": "^2.23.0"
@@ -56,24 +53,24 @@
     "@finema/eslint-config": "^1.2.0",
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/module-builder": "^0.5.2",
+    "@nuxt/module-builder": "^0.5.4",
     "@nuxt/schema": "^3.7.4",
-    "@nuxt/test-utils": "^3.7.4",
-    "@release-it/conventional-changelog": "^7.0.2",
+    "@nuxt/test-utils": "^3.9.0",
+    "@release-it/conventional-changelog": "^8.0.1",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^18.18.1",
     "changelogen": "^0.5.5",
-    "eslint": "^8.50.0",
+    "eslint": "^8.56.0",
     "husky": "^8.0.3",
-    "lint-staged": "^14.0.1",
+    "lint-staged": "^15.2.0",
     "nuxt": "^3.7.4",
-    "prettier": "^3.0.3",
-    "release-it": "^16.2.1",
+    "prettier": "^3.1.1",
+    "release-it": "^17.0.1",
     "sass": "^1.69.5",
-    "stylelint": "^15.10.3",
+    "stylelint": "^16.0.2",
     "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^11.0.0",
-    "vitest": "^0.33.0"
+    "stylelint-config-standard-scss": "^12.0.0",
+    "vitest": "^1.1.0"
   },
   "lint-staged": {
     "*.{ts,vue,tsx,js}": "eslint --fix",