@appmax_npm/ds-prime 1.0.0-alpha.101 → 1.0.0-alpha.102

package/amnotification/index.d.ts

@@ -1,6 +1,6 @@
 import { DefineComponent } from 'vue';
 
-export type AmNotificationVariant = "danger" | "warn" | "success" | "info";
+export type AmNotificationVariant = "danger" | "warn" | "success" | "info" | "neutral";
 
 export interface AmNotificationProps {
   title?: string;
@@ -9,6 +9,7 @@ export interface AmNotificationProps {
   variant?: AmNotificationVariant;
   dataTestPrefix?: string;
   class?: string;
+  card?: boolean;
 }
 
 export interface AmNotificationSlots {}

package/amnotification/index.js

@@ -1,48 +1,56 @@
-import { defineComponent as p, computed as _, openBlock as a, createElementBlock as r, normalizeClass as v, unref as w, createElementVNode as o, createVNode as h, createBlock as c, withCtx as d, createTextVNode as l, toDisplayString as m, createCommentVNode as n, renderSlot as f } from "vue";
+import { defineComponent as g, computed as _, openBlock as a, createElementBlock as n, normalizeClass as v, unref as w, createElementVNode as i, createVNode as b, createBlock as c, withCtx as d, createTextVNode as l, toDisplayString as f, createCommentVNode as r, renderSlot as m } from "vue";
 import { _ as u } from "../AmText.vue_vue_type_script_setup_true_lang-BLpqo8Ry.js";
-import { _ as k } from "../AmIcon.vue_vue_type_script_setup_true_lang-DkJ2sUVG.js";
+import { _ as x } from "../AmIcon.vue_vue_type_script_setup_true_lang-DkJ2sUVG.js";
 import { cva as N } from "class-variance-authority";
-import { twMerge as $ } from "tailwind-merge";
-const x = N("am-notification flex rounded items-center p-4 gap-4", {
+import { twMerge as h } from "tailwind-merge";
+import { _ as k } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const $ = N("am-notification flex rounded-md items-center p-4 gap-4 bg-surface-100 text-color", {
   variants: {
     variant: {
       warn: "bg-warning-100 text-warn-800",
       danger: "bg-danger-100 text-danger-800",
       info: "bg-primary-100 text-primary-800",
-      success: "bg-success-100 text-success-800"
+      success: "bg-success-100 text-success-800",
+      neutral: ""
+    },
+    card: {
+      true: "am-notification--card",
+      false: ""
     }
   }
-}), b = (s, i) => $(x(s), i), y = { class: "pt-1.5 mb-auto" }, P = { class: "sm:flex flex-grow items-center grid gap-4" }, C = { class: "flex-grow" }, T = {
+}), y = (s, o) => h($(s), o), P = { class: "pt-1.5 mb-auto" }, C = { class: "sm:flex flex-grow items-center grid gap-4" }, T = { class: "flex-grow" }, V = {
   key: 0,
   class: "flex-shrink-0"
-}, V = { name: "AmNotification" }, D = /* @__PURE__ */ p({
-  ...V,
+}, B = { name: "AmNotification" }, A = /* @__PURE__ */ g({
+  ...B,
   props: {
     title: {},
     message: {},
     icon: {},
     variant: { default: "warn" },
     dataTestPrefix: { default: "am-notification" },
-    class: {}
+    class: {},
+    card: { type: Boolean }
   },
   setup(s) {
-    const i = {
+    const o = {
       danger: "error",
       warn: "warning",
       success: "check",
-      info: "info"
-    }, e = s, g = _(() => e.icon || i[e.variant] || "warning");
-    return (t, B) => (a(), r("div", {
-      class: v(w(b)(e, e.class))
+      info: "info",
+      neutral: "info"
+    }, e = s, p = _(() => e.icon || o[e.variant] || "warning");
+    return (t, E) => (a(), n("div", {
+      class: v(w(y)(e, e.class))
     }, [
-      o("div", y, [
-        h(k, {
-          icon: g.value,
+      i("div", P, [
+        b(x, {
+          icon: p.value,
           "data-test": `${t.dataTestPrefix}-icon`
         }, null, 8, ["icon", "data-test"])
       ]),
-      o("div", P, [
-        o("div", C, [
+      i("div", C, [
+        i("div", T, [
           t.title ? (a(), c(u, {
             key: 0,
             variant: "subtitle",
@@ -50,28 +58,28 @@ const x = N("am-notification flex rounded items-center p-4 gap-4", {
             "is-strong": ""
           }, {
             default: d(() => [
-              l(m(t.title), 1)
+              l(f(t.title), 1)
             ]),
             _: 1
-          }, 8, ["data-test"])) : n("", !0),
+          }, 8, ["data-test"])) : r("", !0),
           t.message ? (a(), c(u, {
             key: 1,
             "data-test": `${t.dataTestPrefix}-message`
           }, {
             default: d(() => [
-              l(m(t.message), 1)
+              l(f(t.message), 1)
             ]),
             _: 1
-          }, 8, ["data-test"])) : n("", !0),
-          f(t.$slots, "default")
+          }, 8, ["data-test"])) : r("", !0),
+          m(t.$slots, "default", {}, void 0, !0)
         ]),
-        t.$slots.action ? (a(), r("div", T, [
-          f(t.$slots, "action")
-        ])) : n("", !0)
+        t.$slots.action ? (a(), n("div", V, [
+          m(t.$slots, "action", {}, void 0, !0)
+        ])) : r("", !0)
       ])
     ], 2));
   }
-});
+}), R = /* @__PURE__ */ k(A, [["__scopeId", "data-v-813a7dbb"]]);
 export {
-  D as default
+  R as default
 };