@finema/core 1.4.159 → 1.4.161

package/README.md

@@ -1,60 +1,60 @@
-# @finema/core Nuxt Module
-
-[✨  Release Notes](/CHANGELOG.md)
-
-## Starter template
-https://gitlab.finema.co/finema/nuxt3-template-with-uikit
-
-## Remark
-- Temporary use resolutions for vue 3.3.13 instead of ^3.4.0 due to [this issue](https://github.com/nuxt/ui/issues/1171) and planned to be fixed in the next vue 3.5 version.
-
-## Quick Setup
-
-1. Add `@finema/core` dependency to your project
-
-```bash
-# Using pnpm
-pnpm add -D @finema/core
-
-# Using yarn
-yarn add --dev @finema/core
-
-```
-
-1. Add `@finema/core` to the `modules` section of `nuxt.config.ts`
-
-```js
-export default defineNuxtConfig({
-  modules: [
-    '@finema/core'
-  ]
-})
-```
-
-That's it! You can now use @finema/core in your Nuxt app ✨
-
-## Development
-
-```bash
-# Install dependencies
-pnpm install
-
-# Generate type stubs
-pnpm dev:prepare
-
-# Develop with the playground
-pnpm dev
-
-# Build the playground
-pnpm dev:build
-
-# Run ESLint
-pnpm lint
-
-# Run Vitest
-pnpm test
-pnpm test:watch
-
-# Release new version
-pnpm release
-```
+# @finema/core Nuxt Module
+
+[✨  Release Notes](/CHANGELOG.md)
+
+## Starter template
+https://gitlab.finema.co/finema/nuxt3-template-with-uikit
+
+## Remark
+- Temporary use resolutions for vue 3.3.13 instead of ^3.4.0 due to [this issue](https://github.com/nuxt/ui/issues/1171) and planned to be fixed in the next vue 3.5 version.
+
+## Quick Setup
+
+1. Add `@finema/core` dependency to your project
+
+```bash
+# Using pnpm
+pnpm add -D @finema/core
+
+# Using yarn
+yarn add --dev @finema/core
+
+```
+
+1. Add `@finema/core` to the `modules` section of `nuxt.config.ts`
+
+```js
+export default defineNuxtConfig({
+  modules: [
+    '@finema/core'
+  ]
+})
+```
+
+That's it! You can now use @finema/core in your Nuxt app ✨
+
+## Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Generate type stubs
+pnpm dev:prepare
+
+# Develop with the playground
+pnpm dev
+
+# Build the playground
+pnpm dev:build
+
+# Run ESLint
+pnpm lint
+
+# Run Vitest
+pnpm test
+pnpm test:watch
+
+# Release new version
+pnpm release
+```

package/dist/module.json

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

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { defineNuxtModule, createResolver, installModule, addPlugin, addComponentsDir, addImportsDir } from '@nuxt/kit';
 
 const name = "@finema/core";
-const version = "1.4.159";
+const version = "1.4.161";
 
 const colors = {
   black: "#20243E",
@@ -37,35 +37,55 @@ const colors = {
   },
   info: {
     DEFAULT: "#0D8CEE",
-    50: "#EBF6FF",
-    100: "#EBF6FF",
-    400: "#0D8CEE",
+    50: "#F3F9FE",
+    100: "#E7F4FD",
+    200: "#C3E2FB",
+    300: "#9ED1F8",
+    400: "#56AFF3",
     500: "#0D8CEE",
-    600: "#0D8CEE"
+    600: "#0C7ED6",
+    700: "#08548F",
+    800: "#063F6B",
+    900: "#042A47"
   },
   danger: {
     DEFAULT: "#F25555",
-    50: "#FEF2F2",
-    100: "#FF808E",
-    400: "#FF808E",
+    50: "#FEF7F7",
+    100: "#FEEEEE",
+    200: "#FCD5D5",
+    300: "#FABBBB",
+    400: "#F68888",
     500: "#F25555",
-    600: "#DC4040"
+    600: "#DA4D4D",
+    700: "#913333",
+    800: "#6D2626",
+    900: "#491A1A"
   },
   success: {
     DEFAULT: "#3FB061",
-    50: "#DAEEE0",
-    100: "#C6F2D3",
-    400: "#C6F2D3",
+    50: "#F5FBF7",
+    100: "#ECF7EF",
+    200: "#CFEBD8",
+    300: "#B2DFC0",
+    400: "#79C890",
     500: "#3FB061",
-    600: "#139539"
+    600: "#399E57",
+    700: "#266A3A",
+    800: "#1C4F2C",
+    900: "#13351D"
   },
   warning: {
     DEFAULT: "#FF9A35",
-    50: "#FEF1CC",
-    100: "#FFC061",
-    400: "#FFC061",
+    50: "#FFFAF5",
+    100: "#FFF5EB",
+    200: "#FFE6CD",
+    300: "#FFD7AE",
+    400: "#FFB872",
     500: "#FF9A35",
-    600: "#F47A00"
+    600: "#E68B30",
+    700: "#995C20",
+    800: "#734518",
+    900: "#4D2E10"
   }
 };
 
@@ -227,6 +247,20 @@ const toggle = {
 
 const badge = {};
 
+const notification = {
+  ring: "ring-0",
+  progress: {
+    base: "hidden"
+  },
+  actionGroup: {
+    wrapper: "mt-5 flex justify-end space-x-4",
+    cancelColor: "primary",
+    cancelVariant: "outline",
+    confirmColor: "primary",
+    confirmVariant: "solid"
+  }
+};
+
 const colorModeOptions = {
   preference: "light"
 };
@@ -341,11 +375,18 @@ const module = defineNuxtModule({
     nuxt.options.alias["#core"] = runtimeDir;
     nuxt.options.css.push(resolve(runtimeDir, "ui.css"));
     nuxt.hook("tailwindcss:config", (tailwindConfig) => {
+      tailwindConfig.safelist = [
+        ...tailwindConfig.safelist || [],
+        {
+          pattern: /bg-(primary|info|warning|success|danger)-(200)/
+        }
+      ];
       tailwindConfig.content = {
         ...tailwindConfig.content,
         files: [
           ...tailwindConfig.content.files || [],
           resolve(runtimeDir, "components/**/*.{vue,mjs,ts}"),
+          resolve(runtimeDir, "composables/**/*.{vue,mjs,ts}"),
           resolve(runtimeDir, "ui.config/**/*.{mjs,js,ts}"),
           resolve(runtimeDir, "presets/**/*.{mjs,js,ts}")
         ]
@@ -377,6 +418,7 @@ const module = defineNuxtModule({
         textarea,
         toggle,
         badge,
+        notification,
         icons: {
           dynamic: true
         }

package/dist/runtime/components/Alert.vue

@@ -1,48 +1,48 @@
-<template>
-  <UAlert v-bind="$props">
-    <template #title><slot name="title" :title="title" /></template>
-    <template #description><slot name="description" :description="description" /></template>
-  </UAlert>
-</template>
-<script lang="ts" setup>
-import { type PropType } from 'vue'
-import { type alert } from '#ui/ui.config'
-import type { AlertColor, AlertVariant, Avatar, Button, Strategy } from '#ui/types'
-
-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>,
-  },
-  variant: {
-    type: String as PropType<AlertVariant>,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof alert> & { strategy?: Strategy }>,
-  },
-})
-</script>
+<template>
+  <UAlert v-bind="$props">
+    <template #title><slot name="title" :title="title" /></template>
+    <template #description><slot name="description" :description="description" /></template>
+  </UAlert>
+</template>
+<script lang="ts" setup>
+import { type PropType } from 'vue'
+import { type alert } from '#ui/ui.config'
+import type { AlertColor, AlertVariant, Avatar, Button, Strategy } from '#ui/types'
+
+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>,
+  },
+  variant: {
+    type: String as PropType<AlertVariant>,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof alert> & { strategy?: Strategy }>,
+  },
+})
+</script>

package/dist/runtime/components/Avatar.vue

@@ -1,27 +1,27 @@
-<template>
-  <UAvatar v-bind="$attrs" :src="src" :alt="alt" :size="size" />
-</template>
-
-<script lang="ts" setup>
-import type { AvatarSize } from '#ui/types'
-import type { PropType } from 'vue'
-
-defineOptions({
-  inheritAttrs: true,
-})
-
-defineProps({
-  src: {
-    type: String,
-    required: true,
-  },
-  alt: {
-    type: String,
-    required: true,
-  },
-  size: {
-    type: String as PropType<AvatarSize>,
-    default: 'sm',
-  },
-})
-</script>
+<template>
+  <UAvatar v-bind="$attrs" :src="src" :alt="alt" :size="size" />
+</template>
+
+<script lang="ts" setup>
+import type { AvatarSize } from '#ui/types'
+import type { PropType } from 'vue'
+
+defineOptions({
+  inheritAttrs: true,
+})
+
+defineProps({
+  src: {
+    type: String,
+    required: true,
+  },
+  alt: {
+    type: String,
+    required: true,
+  },
+  size: {
+    type: String as PropType<AvatarSize>,
+    default: 'sm',
+  },
+})
+</script>

package/dist/runtime/components/Badge.vue

@@ -1,11 +1,11 @@
-<template>
-  <UBadge v-bind="$props">
-    <slot />
-  </UBadge>
-</template>
-
-<script setup lang="ts">
-import type { Badge } from '#ui/types/badge'
-
-defineProps<Badge>()
-</script>
+<template>
+  <UBadge v-bind="$props">
+    <slot />
+  </UBadge>
+</template>
+
+<script setup lang="ts">
+import type { Badge } from '#ui/types/badge'
+
+defineProps<Badge>()
+</script>

package/dist/runtime/components/Breadcrumb.vue

@@ -1,44 +1,44 @@
-<template>
-  <UBreadcrumb v-bind="attrs" :class="$props.class" :links="links" :divider="divider" :ui="ui">
-    <template #default="{ link, isActive, index }">
-      <slot name="default" :link="link" :is-active="isActive" :index="index" />
-    </template>
-
-    <template #icon="{ link, index, isActive }">
-      <slot name="icon" :link="link" :is-active="isActive" :index="index" />
-    </template>
-
-    <template #divider>
-      <slot name="divider" />
-    </template>
-  </UBreadcrumb>
-</template>
-
-<script setup lang="ts">
-import { useUiConfig, type PropType, useUI, toRef } from '#imports'
-import { breadcrumb } from '#core/ui.config'
-import type { BreadcrumbLink, Strategy } from '#ui/types'
-
-const config = useUiConfig<typeof breadcrumb>(breadcrumb, 'breadcrumb')
-
-const props = defineProps({
-  links: {
-    type: Array as PropType<BreadcrumbLink[]>,
-    default: () => [],
-  },
-  divider: {
-    type: String,
-    default: () => breadcrumb.default.divider,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-
-const { ui, attrs } = useUI('breadcrumb', toRef(props, 'ui'), config, toRef(props, 'class'))
-</script>
+<template>
+  <UBreadcrumb v-bind="attrs" :class="$props.class" :links="links" :divider="divider" :ui="ui">
+    <template #default="{ link, isActive, index }">
+      <slot name="default" :link="link" :is-active="isActive" :index="index" />
+    </template>
+
+    <template #icon="{ link, index, isActive }">
+      <slot name="icon" :link="link" :is-active="isActive" :index="index" />
+    </template>
+
+    <template #divider>
+      <slot name="divider" />
+    </template>
+  </UBreadcrumb>
+</template>
+
+<script setup lang="ts">
+import { useUiConfig, type PropType, useUI, toRef } from '#imports'
+import { breadcrumb } from '#core/ui.config'
+import type { BreadcrumbLink, Strategy } from '#ui/types'
+
+const config = useUiConfig<typeof breadcrumb>(breadcrumb, 'breadcrumb')
+
+const props = defineProps({
+  links: {
+    type: Array as PropType<BreadcrumbLink[]>,
+    default: () => [],
+  },
+  divider: {
+    type: String,
+    default: () => breadcrumb.default.divider,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: () => '',
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+    default: () => ({}),
+  },
+})
+
+const { ui, attrs } = useUI('breadcrumb', toRef(props, 'ui'), config, toRef(props, 'class'))
+</script>

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

@@ -1,37 +1,37 @@
-<template>
-  <UButtonGroup v-bind="$props">
-    <slot />
-  </UButtonGroup>
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from 'vue'
-import type { ButtonSize } from '#ui/types/button'
-import { button, type buttonGroup } from '#ui/ui.config'
-import type { Strategy } from '#ui/types'
-
-defineProps({
-  size: {
-    type: String as PropType<ButtonSize>,
-    default: () => button.default.size,
-    validator(value: string) {
-      return Object.keys(button.size).includes(value)
-    },
-  },
-  orientation: {
-    type: String as PropType<'horizontal' | 'vertical'>,
-    default: 'horizontal',
-    validator(value: string) {
-      return ['horizontal', 'vertical'].includes(value)
-    },
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: undefined,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof buttonGroup> & { strategy?: Strategy }>,
-    default: undefined,
-  },
-})
-</script>
+<template>
+  <UButtonGroup v-bind="$props">
+    <slot />
+  </UButtonGroup>
+</template>
+
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import type { ButtonSize } from '#ui/types/button'
+import { button, type buttonGroup } from '#ui/ui.config'
+import type { Strategy } from '#ui/types'
+
+defineProps({
+  size: {
+    type: String as PropType<ButtonSize>,
+    default: () => button.default.size,
+    validator(value: string) {
+      return Object.keys(button.size).includes(value)
+    },
+  },
+  orientation: {
+    type: String as PropType<'horizontal' | 'vertical'>,
+    default: 'horizontal',
+    validator(value: string) {
+      return ['horizontal', 'vertical'].includes(value)
+    },
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: undefined,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof buttonGroup> & { strategy?: Strategy }>,
+    default: undefined,
+  },
+})
+</script>