@finema/core 1.4.155 → 1.4.159

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.155",
+  "version": "1.4.159",
   "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.155";
+const version = "1.4.159";
 
 const colors = {
   black: "#20243E",
@@ -18,9 +18,9 @@ const colors = {
     DEFAULT: "#9095A6",
     disabled: "#C1C4D0",
     border: "#E2E4EA",
-    fill: "#F4F5FA"
-    // 50: '#E0E0E0',
-    // 600: '#616161',
+    fill: "#F4F5FA",
+    50: "#E0E0E0",
+    600: "#616161"
   },
   secondary: {
     DEFAULT: "#EE8B36",
@@ -227,6 +227,9 @@ const toggle = {
 
 const badge = {};
 
+const colorModeOptions = {
+  preference: "light"
+};
 const veeValidateNuxtOptions = {
   // disable or enable auto imports
   autoImports: true,
@@ -337,59 +340,52 @@ const module = defineNuxtModule({
     nuxt.options.build.transpile.push(runtimeDir);
     nuxt.options.alias["#core"] = runtimeDir;
     nuxt.options.css.push(resolve(runtimeDir, "ui.css"));
-    await installModule("@nuxt/ui", {
-      safelistColors: ["secondary", "success", "info", "danger", "warning"]
-    });
-    await installModule("nuxt-lodash", {
-      prefix: "_",
-      upperAfterPrefix: false
-    });
     nuxt.hook("tailwindcss:config", (tailwindConfig) => {
       tailwindConfig.content = {
         ...tailwindConfig.content,
         files: [
           ...tailwindConfig.content.files || [],
-          JSON.stringify(resolve(runtimeDir, "components/**/*.{vue,mjs,ts}")),
-          JSON.stringify(resolve(runtimeDir, "ui.config/**/*.{mjs,js,ts}")),
-          JSON.stringify(resolve(runtimeDir, "presets/**/*.{mjs,js,ts}"))
+          resolve(runtimeDir, "components/**/*.{vue,mjs,ts}"),
+          resolve(runtimeDir, "ui.config/**/*.{mjs,js,ts}"),
+          resolve(runtimeDir, "presets/**/*.{mjs,js,ts}")
         ]
       };
       tailwindConfig.theme.extend.colors = {
         ...tailwindConfig.theme.extend.colors,
         ...colors
       };
-      nuxt.options.appConfig.ui = _deepMerge(
-        {
-          table,
-          pagination,
-          alert,
-          button,
-          buttonGroup,
-          formGroup,
-          checkbox,
-          input,
-          select,
-          selectMenu,
-          textarea,
-          toggle,
-          badge,
-          icons: {
-            dynamic: true
-          },
-          colors: [
-            ...nuxt.options.appConfig.ui.colors || [],
-            "secondary",
-            "success",
-            "info",
-            "danger",
-            "warning"
-          ]
-        },
-        nuxt.options.appConfig.ui
-      );
-      nuxt.options.appConfig.ui.strategy = "override";
     });
+    await installModule("@nuxt/ui", {
+      safelistColors: ["secondary", "success", "info", "danger", "warning"]
+    });
+    await installModule("nuxt-lodash", {
+      prefix: "_",
+      upperAfterPrefix: false
+    });
+    nuxt.options.appConfig.ui = _deepMerge(
+      {
+        table,
+        pagination,
+        alert,
+        button,
+        buttonGroup,
+        formGroup,
+        checkbox,
+        input,
+        select,
+        selectMenu,
+        textarea,
+        toggle,
+        badge,
+        icons: {
+          dynamic: true
+        }
+      },
+      nuxt.options.appConfig.ui
+    );
+    nuxt.options.appConfig.ui.strategy = "override";
     nuxt.options.app = _deepMerge({}, nuxtAppOptions, nuxt.options.app);
+    nuxt.options.colorMode = _deepMerge({}, colorModeOptions, nuxt.options.colorMode);
     nuxt.options.devtools = _deepMerge({}, { enabled: true }, nuxt.options.devtools);
     nuxt.options.runtimeConfig = _deepMerge(
       {},

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>