@leaflink/stash 44.0.0-beta.6 → 44.0.0-beta.8

package/dist/Toast.js

@@ -1,12 +1,12 @@
-import { defineComponent as c, useCssModule as l, computed as o, openBlock as _, createElementBlock as i, normalizeClass as p, unref as e, createVNode as m, createElementVNode as f, toDisplayString as d } from "vue";
-import y from "lodash-es/capitalize";
-import { S as a, b as q } from "./statusLevels-a8b041f4.js";
-import x from "./Icon.js";
-import { _ as S } from "./_plugin-vue_export-helper-dad06003.js";
+import { defineComponent as c, useCssModule as l, computed as o, openBlock as _, createElementBlock as i, normalizeClass as m, unref as e, createVNode as p, createElementVNode as d, toDisplayString as f } from "vue";
+import x from "lodash-es/capitalize";
+import { S as a, b as S } from "./statusLevels-a8b041f4.js";
+import h from "./Icon.js";
+import { _ as I } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-const h = ["role"], I = /* @__PURE__ */ c({
+const g = ["role"], v = /* @__PURE__ */ c({
   __name: "Toast",
   props: {
     text: {},
@@ -14,27 +14,27 @@ const h = ["role"], I = /* @__PURE__ */ c({
   },
   setup(r) {
     const t = r, s = l(), n = o(
-      () => t.status ? a[y(t.status)] : a.Info
-    ), u = o(() => t.status === q.Error ? "alert" : "status");
-    return (E, M) => (_(), i("li", {
+      () => t.status ? a[x(t.status)] : a.Info
+    ), u = o(() => t.status === S.Error ? "alert" : "status");
+    return (M, k) => (_(), i("li", {
       role: u.value,
-      class: p([[e(s).root, e(s)[`status--${t.status}`]], "stash-toast"]),
+      class: m([[e(s).root, e(s)[`status--${t.status}`]], "stash-toast"]),
       "data-test": "stash-toast"
     }, [
-      m(x, { name: n.value }, null, 8, ["name"]),
-      f("p", null, d(t.text), 1)
-    ], 10, h));
+      p(h, { name: n.value }, null, 8, ["name"]),
+      d("p", null, f(t.text), 1)
+    ], 10, g));
   }
-}), g = "_root_spyoq_2", v = {
-  root: g,
-  "status--success": "_status--success_spyoq_22",
-  "status--error": "_status--error_spyoq_31",
-  "status--info": "_status--info_spyoq_40",
-  "status--warning": "_status--warning_spyoq_49"
-}, C = {
-  $style: v
-}, b = /* @__PURE__ */ S(I, [["__cssModules", C]]);
+}), y = "_root_19dn9_2", C = {
+  root: y,
+  "status--success": "_status--success_19dn9_22",
+  "status--error": "_status--error_19dn9_31",
+  "status--info": "_status--info_19dn9_40",
+  "status--warning": "_status--warning_19dn9_49"
+}, E = {
+  $style: C
+}, D = /* @__PURE__ */ I(v, [["__cssModules", E]]);
 export {
-  b as default
+  D as default
 };
 //# sourceMappingURL=Toast.js.map

package/dist/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../src/components/Toast/Toast.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import capitalize from 'lodash-es/capitalize';\n  import { computed, useCssModule } from 'vue';\n\n  import { StatusIcon, StatusIcons, StatusSeverities, StatusSeverity } from '../../../types/statusLevels';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface ToastProps {\n    /**\n     * The toast text.\n     */\n    text: string;\n    /**\n     * The toast status.\n     */\n    status?: StatusSeverity;\n  }\n\n  const classes = useCssModule();\n\n  const props = withDefaults(defineProps<ToastProps>(), {\n    status: 'info',\n  });\n\n  const statusIcon = computed<StatusIcon>(() =>\n    props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n  );\n\n  const ariaRole = computed<string>(() => {\n    if (props.status === StatusSeverities.Error) {\n      return 'alert';\n    } else {\n      return 'status';\n    }\n  });\n</script>\n\n<template>\n  <li\n    :role=\"ariaRole\"\n    :class=\"[classes.root, classes[`status--${props.status}`]]\"\n    class=\"stash-toast\"\n    data-test=\"stash-toast\"\n  >\n    <Icon :name=\"statusIcon\" />\n    <p>{{ props.text }}</p>\n  </li>\n</template>\n\n<style module>\n  .root {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    border-width: 1px var(--ll-space-1) 1px 1px;\n    border-radius: var(--border-radius);\n    padding: calc(var(--ll-space-1) * 3) var(--ll-space-2);\n    cursor: pointer;\n  }\n\n  .root > * + * {\n    margin-left: var(--ll-space-2);\n  }\n\n  .root p {\n    margin-bottom: 0;\n    color: var(--color-ice-900);\n    font-size: 1rem;\n  }\n\n  .status--success {\n    background-color: var(--color-green-100);\n    border-color: var(--color-green-500);\n  }\n\n  .status--success svg {\n    color: var(--color-green-500);\n  }\n\n  .status--error {\n    background-color: var(--color-red-100);\n    border-color: var(--color-red-500);\n  }\n\n  .status--error svg {\n    color: var(--color-red-500);\n  }\n\n  .status--info {\n    background-color: var(--color-blue-100);\n    border-color: var(--color-blue-500);\n  }\n\n  .status--info svg {\n    color: var(--color-blue-500);\n  }\n\n  .status--warning {\n    background-color: var(--color-orange-100);\n    border-color: var(--color-orange-500);\n  }\n\n  .status--warning svg {\n    color: var(--color-orange-500);\n  }\n</style>\n"],"names":["classes","useCssModule","statusIcon","computed","props","StatusIcons","capitalize","ariaRole","StatusSeverities"],"mappings":";;;;;;;;;;;;;;;iBAkBQA,IAAUC,KAMVC,IAAaC;AAAA,MAAqB,MACtCC,EAAM,SAASC,EAAYC,EAAWF,EAAM,MAAM,CAAC,IAAIC,EAAY;AAAA,IAAA,GAG/DE,IAAWJ,EAAiB,MAC5BC,EAAM,WAAWI,EAAiB,QAC7B,UAEA,QAEV;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Toast.js","sources":["../src/components/Toast/Toast.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import capitalize from 'lodash-es/capitalize';\n  import { computed, useCssModule } from 'vue';\n\n  import { StatusIcon, StatusIcons, StatusSeverities, StatusSeverity } from '../../../types/statusLevels';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface ToastProps {\n    /**\n     * The toast text.\n     */\n    text: string;\n    /**\n     * The toast status.\n     */\n    status?: StatusSeverity;\n  }\n\n  const classes = useCssModule();\n\n  const props = withDefaults(defineProps<ToastProps>(), {\n    status: 'info',\n  });\n\n  const statusIcon = computed<StatusIcon>(() =>\n    props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n  );\n\n  const ariaRole = computed<string>(() => {\n    if (props.status === StatusSeverities.Error) {\n      return 'alert';\n    } else {\n      return 'status';\n    }\n  });\n</script>\n\n<template>\n  <li\n    :role=\"ariaRole\"\n    :class=\"[classes.root, classes[`status--${props.status}`]]\"\n    class=\"stash-toast\"\n    data-test=\"stash-toast\"\n  >\n    <Icon :name=\"statusIcon\" />\n    <p>{{ props.text }}</p>\n  </li>\n</template>\n\n<style module>\n  .root {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    border-width: 1px theme('spacing[1.5]') 1px 1px;\n    border-radius: theme('borderRadius.DEFAULT');\n    padding: calc(theme('spacing[1.5]') * 3) theme('spacing.3');\n    cursor: pointer;\n  }\n\n  .root > * + * {\n    margin-left: theme('spacing.3');\n  }\n\n  .root p {\n    margin-bottom: 0;\n    color: var(--color-ice-900);\n    font-size: 1rem;\n  }\n\n  .status--success {\n    background-color: var(--color-green-100);\n    border-color: var(--color-green-500);\n  }\n\n  .status--success svg {\n    color: var(--color-green-500);\n  }\n\n  .status--error {\n    background-color: var(--color-red-100);\n    border-color: var(--color-red-500);\n  }\n\n  .status--error svg {\n    color: var(--color-red-500);\n  }\n\n  .status--info {\n    background-color: var(--color-blue-100);\n    border-color: var(--color-blue-500);\n  }\n\n  .status--info svg {\n    color: var(--color-blue-500);\n  }\n\n  .status--warning {\n    background-color: var(--color-orange-100);\n    border-color: var(--color-orange-500);\n  }\n\n  .status--warning svg {\n    color: var(--color-orange-500);\n  }\n</style>\n"],"names":["classes","useCssModule","statusIcon","computed","props","StatusIcons","capitalize","ariaRole","StatusSeverities"],"mappings":";;;;;;;;;;;;;;;iBAkBQA,IAAUC,KAMVC,IAAaC;AAAA,MAAqB,MACtCC,EAAM,SAASC,EAAYC,EAAWF,EAAM,MAAM,CAAC,IAAIC,EAAY;AAAA,IAAA,GAG/DE,IAAWJ,EAAiB,MAC5BC,EAAM,WAAWI,EAAiB,QAC7B,UAEA,QAEV;;;;;;;;;;;;;;;;;;;"}