@finema/core 1.3.39 → 1.3.40

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.39",
+  "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.39";
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.39",
+  "version": "1.3.40",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",