@dnax/ui 0.0.5 → 0.0.6

package/components/QNotifyProvider.vue

@@ -3,6 +3,7 @@
 // Intégré dans QConfigProvider (rendu automatiquement par le plus externe),
 // mais utilisable aussi en autonome : <q-notify-provider />.
 import { Toaster } from "vue-sonner"
+import "vue-sonner/style.css" // styles du Toaster (sinon les toasts sont rendus mais invisibles)
 
 interface Props {
   /** Position des toasts (défaut : bottom-right) */

package/lib/q.ts

@@ -189,8 +189,9 @@ export interface NotifyOptions {
   icon?: string
   /** Couleur de fond : token (primary, negative…) ou hex */
   color?: string
-  /** Type → couleur riche sonner (success, error, warning, info) */
-  type?: "default" | "success" | "error" | "warning" | "info"
+  /** Type → couleur riche sonner. Tokens Quasar acceptés : positive = success,
+   *  negative = error, warning, info (success/error aussi acceptés). */
+  type?: "default" | "success" | "error" | "warning" | "info" | "positive" | "negative"
   /** Position (défaut : bottom-right, celle du QNotifyProvider) */
   position?: ExternalToast["position"]
   /** Durée d'affichage en ms (défaut : 4000) */
@@ -214,9 +215,13 @@ function notify(opts: NotifyOptions): NotifyController {
     icon: icon ? h(icon) : undefined,
   }
 
+  // Tokens Quasar → types sonner : positive = success, negative = error
+  const sonnerType =
+    type === "positive" ? "success" : type === "negative" ? "error" : type
+
   let id: string | number | undefined
 
-  if (color && type === "default") {
+  if (color && sonnerType === "default") {
     // Couleur Quasar custom → rendu custom (QNotifyToast)
     id = toast.custom(QNotifyToast, {
       ...data,
@@ -239,7 +244,7 @@ function notify(opts: NotifyOptions): NotifyController {
       info: toast.info,
       default: toast,
     } as const
-    id = toasts[type](message, {
+    id = toasts[sonnerType](message, {
       ...data,
       action: action ? { label: action.label, onClick: () => action.handler() } : undefined,
     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnax/ui",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "module": "index.ts",
   "description": "UI design System",
   "type": "module",