@cypress-design/vue-alert 0.5.3 → 0.5.4

package/.turbo/turbo-build.log

@@ -6,8 +6,8 @@ transforming...
 ✓ 5 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.es.mjs  10.56 kB │ gzip: 2.87 kB │ map: 270.36 kB
-dist/index.umd.js  8.82 kB │ gzip: 2.72 kB │ map: 269.68 kB
-✓ built in 9.30s
+dist/index.es.mjs  10.97 kB │ gzip: 2.89 kB │ map: 295.13 kB
+dist/index.umd.js  9.03 kB │ gzip: 2.72 kB │ map: 294.33 kB
+✓ built in 13.67s
 $ yarn vue-tsc --project ./tsconfig.build.json
 $ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vue-tsc --project ./tsconfig.build.json

package/Alert.vue

@@ -88,7 +88,7 @@ let timeout: number | undefined
 
 onMounted(() => {
   if (props.duration) {
-    timeout = setTimeout(dismiss, props.duration) as any
+    timeout = setTimeout(dismiss, props.duration)
   }
 })
 

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @cypress-design/vue-alert
 
+## 0.5.4
+
+### Patch Changes
+
+- [#219](https://github.com/cypress-io/cypress-design/pull/219) [`0a4ce3b`](https://github.com/cypress-io/cypress-design/commit/0a4ce3bb55b9ab0510f7fb9ba207d5fdc3cb723f) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor some typings so eslint passes without warning
+
+- Updated dependencies [[`0a4ce3b`](https://github.com/cypress-io/cypress-design/commit/0a4ce3bb55b9ab0510f7fb9ba207d5fdc3cb723f)]:
+  - @cypress-design/vue-icon@0.22.3
+
 ## 0.5.3
 
 ### Patch Changes

package/dist/Alert.vue.d.ts

@@ -86,7 +86,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: AlertVariant;
     detailsTitle: string;
     size: "xs" | "sm" | "md" | "lg";
-}>, {
+}, {}>, {
     icon?(_: {
         strokeColor: import("@cypress-design/vue-icon").WindiColor | undefined;
         class: string;

package/dist/Alert.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../Alert.vue.ts"],"names":[],"mappings":"AAWA,OAAO,EAGL,YAAY,EAKb,MAAM,iCAAiC,CAAA;;IAkIpC;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;IA/BH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;AAiQP,wBAA8G;AAE9G,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AAWN,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC;AACJ,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../Alert.vue.ts"],"names":[],"mappings":"AAWA,OAAO,EAGL,YAAY,EAKb,MAAM,iCAAiC,CAAA;;IAmIpC;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;IA/BH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;AAiQP,wBAA8G;AAE9G,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AAWN,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC;AACJ,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.es.mjs

@@ -1,79 +1,96 @@
-import { h as n, defineComponent as R, ref as z, useSlots as H, computed as b, onMounted as A, onUnmounted as I, openBlock as c, createElementBlock as f, normalizeClass as u, unref as r, createElementVNode as y, renderSlot as v, normalizeProps as $, guardReactiveProps as T, createBlock as B, resolveDynamicComponent as E, mergeProps as N, createCommentVNode as C, createVNode as S, createTextVNode as O, toDisplayString as P } from "vue";
-import * as x from "@cypress-design/icon-registry";
-import { ICON_COLOR_PROP_NAMES as V } from "@cypress-design/icon-registry";
-import { DetailsAnimation as Z } from "@cypress-design/details-animation";
+import { h as c, defineComponent as R, ref as z, useSlots as D, computed as g, onMounted as A, onUnmounted as G, openBlock as C, createElementBlock as b, normalizeClass as p, createElementVNode as f, renderSlot as y, normalizeProps as O, guardReactiveProps as H, createBlock as I, resolveDynamicComponent as T, mergeProps as B, createCommentVNode as m, createVNode as $, unref as x, createTextVNode as E, toDisplayString as N } from "vue";
+import * as h from "@cypress-design/icon-registry";
+import { ICON_COLOR_PROP_NAMES as P } from "@cypress-design/icon-registry";
+import { DetailsAnimation as V } from "@cypress-design/details-animation";
 const k = ({
-  body: s,
-  compiledClasses: o,
-  size: e,
-  class: t,
-  interactiveColorsOnGroup: h,
-  ...p
+  body: l,
+  compiledClasses: a,
+  size: r,
+  ...s
 }) => {
-  const m = Object.keys(p).reduce(
-    (l, a) => (!V.includes(a) && a !== "name" && (l[a] = p[a]), l),
+  const e = Object.keys(s).reduce(
+    (o, i) => (!P.includes(
+      i
+    ) && i !== "name" && (o[i] = s[i]), o),
     {}
-  ), i = {
-    width: e,
-    height: e,
-    viewBox: `0 0 ${e} ${e}`,
+  ), t = {
+    width: r,
+    height: r,
+    viewBox: `0 0 ${r} ${r}`,
     fill: "none",
-    innerHTML: s,
-    ...m
+    innerHTML: l,
+    class: void 0,
+    ...e
     // add all standard attributes back to the svg tag
   };
-  return o.length && (i.class = o.join(" ")), i;
-}, _ = (s) => {
-  const { sizeWithDefault: o, compiledClasses: e } = x.getComponentAttributes({ ...s, availableSizes: ["16", "24"] }), t = {
+  return a.length && (t.class = a.join(" ")), t;
+}, _ = (l) => {
+  const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = h.getComponentAttributes({
+    ...s,
+    availableSizes: ["16", "24"],
+    interactiveColorsOnGroup: a
+  }), o = {
     16: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13 13 3M3 3l10 10" class="icon-dark"/>',
     24: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 20 20 4M4 4l16 16" class="icon-dark"/>'
-  }[o];
-  if (!t)
-    throw Error(`Icon "action-delete-large" is not available in size ${o}`);
-  return n("svg", k({
+  }[e];
+  if (!o)
+    throw Error(`Icon "action-delete-large" is not available in size ${e}`);
+  return c("svg", k({
     ...s,
-    size: o,
-    body: t,
-    compiledClasses: e
+    size: e,
+    body: o,
+    compiledClasses: t
   }));
-}, W = (s) => {
-  const { sizeWithDefault: o, compiledClasses: e } = x.getComponentAttributes({ ...s, availableSizes: ["16"] }), t = {
+}, Z = (l) => {
+  const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = h.getComponentAttributes({
+    ...s,
+    availableSizes: ["16"],
+    interactiveColorsOnGroup: a
+  }), o = {
     16: '<path stroke="currentColor" stroke-width="2" d="M12.95 12.95a7 7 0 1 1-9.9-9.9 7 7 0 0 1 9.9 9.9Z" class="icon-dark"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 8 1.5 2L10 6" class="icon-dark"/>'
-  }[o];
-  if (!t)
-    throw Error(`Icon "checkmark-outline" is not available in size ${o}`);
-  return n("svg", k({
+  }[e];
+  if (!o)
+    throw Error(`Icon "checkmark-outline" is not available in size ${e}`);
+  return c("svg", k({
     ...s,
-    size: o,
-    body: t,
-    compiledClasses: e
+    size: e,
+    body: o,
+    compiledClasses: t
   }));
-}, L = (s) => {
-  const { sizeWithDefault: o, compiledClasses: e } = x.getComponentAttributes({ ...s, availableSizes: ["8", "16"] }), t = {
+}, W = (l) => {
+  const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = h.getComponentAttributes({
+    ...s,
+    availableSizes: ["8", "16"],
+    interactiveColorsOnGroup: a
+  }), o = {
     8: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 2.5 3 3 3-3" class="icon-dark"/>',
     16: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 6 4 4 4-4" class="icon-dark"/>'
-  }[o];
-  if (!t)
-    throw Error(`Icon "chevron-down-small" is not available in size ${o}`);
-  return n("svg", k({
+  }[e];
+  if (!o)
+    throw Error(`Icon "chevron-down-small" is not available in size ${e}`);
+  return c("svg", k({
     ...s,
-    size: o,
-    body: t,
-    compiledClasses: e
+    size: e,
+    body: o,
+    compiledClasses: t
   }));
-}, D = (s) => {
-  const { sizeWithDefault: o, compiledClasses: e } = x.getComponentAttributes({ ...s, availableSizes: ["16"] }), t = {
+}, S = (l) => {
+  const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = h.getComponentAttributes({
+    ...s,
+    availableSizes: ["16"],
+    interactiveColorsOnGroup: a
+  }), o = {
     16: '<path fill="currentColor" fill-rule="evenodd" d="M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Zm6-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 5a1 1 0 0 0-2 0v3a1 1 0 0 0 2 0V5Zm-1 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" class="icon-dark" clip-rule="evenodd"/>'
-  }[o];
-  if (!t)
-    throw Error(`Icon "warning-circle" is not available in size ${o}`);
-  return n("svg", k({
+  }[e];
+  if (!o)
+    throw Error(`Icon "warning-circle" is not available in size ${e}`);
+  return c("svg", k({
     ...s,
-    size: o,
-    body: t,
-    compiledClasses: e
+    size: e,
+    body: o,
+    compiledClasses: t
   }));
-}, G = {
+}, L = {
   xs: "py-[4px] px-[8px] leading-[22px] text-[14px]",
   sm: "py-[8px] px-[12px] leading-[22px] text-[14px]",
   md: "py-[12px] px-[16px] leading-[24px] text-[16px]",
@@ -161,100 +178,100 @@ const k = ({
     dismissible: { type: Boolean },
     noIcon: { type: Boolean },
     notRounded: { type: Boolean },
-    duration: null,
+    duration: {},
     size: { default: U }
   },
   emits: ["dismiss"],
-  setup(s, { emit: o }) {
-    const e = s, t = z(!1), h = H(), p = b(() => e.variant ?? e.type), m = z(null), i = z(null), l = b(() => q[p.value] ?? {});
-    let a;
+  setup(l, { emit: a }) {
+    const r = l, s = z(!1), e = D(), t = g(() => r.variant ?? r.type), o = z(null), i = z(null), n = g(() => q[t.value] ?? {});
+    let u;
     A(() => {
-      e.duration && (a = setTimeout(w, e.duration));
+      r.duration && (u = setTimeout(w, r.duration));
     }), A(() => {
-      m.value && i.value && new Z(m.value, i.value);
-    }), I(() => {
-      a && clearTimeout(a);
+      o.value && i.value && new V(o.value, i.value);
+    }), G(() => {
+      u && clearTimeout(u);
     });
     function w() {
-      t.value = !0, o("dismiss"), a && (clearTimeout(a), a = void 0);
+      s.value = !0, a("dismiss"), u && (clearTimeout(u), u = void 0);
     }
-    const g = b(() => ({
-      strokeColor: l.value.iconColor,
+    const v = g(() => ({
+      strokeColor: n.value.iconColor,
       class: "my-[4px] mr-[8px]"
-    })), j = b(() => {
-      switch (p.value) {
+    })), j = g(() => {
+      switch (t.value) {
         case "info":
           return null;
         case "success":
-          return () => n(W, g.value);
+          return () => c(Z, v.value);
         case "warning":
-          return () => n(D, g.value);
+          return () => c(S, v.value);
         case "error":
-          return () => n(D, g.value);
+          return () => c(S, v.value);
         default:
           return null;
       }
-    }), M = b(() => G[e.size] ?? {});
-    return (d, Q) => t.value ? C("", !0) : (c(), f("div", {
+    }), M = g(() => L[r.size] ?? {});
+    return (d, Q) => s.value ? m("", !0) : (C(), b("div", {
       key: 0,
-      class: u(["overflow-hidden text-left", [r(l).wrapperClass, { rounded: !e.notRounded }]])
+      class: p(["overflow-hidden text-left", [n.value.wrapperClass, { rounded: !r.notRounded }]])
     }, [
-      y("div", {
-        class: u(["flex", [r(l).headerClass, r(M)]])
+      f("div", {
+        class: p(["flex", [n.value.headerClass, M.value]])
       }, [
-        v(d.$slots, "icon", $(T(r(g))), () => [
-          !e.noIcon && r(j) ? (c(), B(E(r(j)), $(N({ key: 0 }, r(g))), null, 16)) : C("", !0)
+        y(d.$slots, "icon", O(H(v.value)), () => [
+          !r.noIcon && j.value ? (C(), I(T(j.value), O(B({ key: 0 }, v.value)), null, 16)) : m("", !0)
         ]),
-        y("div", K, [
-          v(d.$slots, "default")
+        f("div", K, [
+          y(d.$slots, "default")
         ]),
-        s.dismissible ? (c(), f("button", {
+        d.dismissible ? (C(), b("button", {
           key: 0,
           class: "m-[4px] ml-[8px] h-[16px]",
           onClick: w,
           "aria-label": "Dismiss"
         }, [
-          S(r(_), {
-            "stroke-color": r(l).iconCloseColor
+          $(x(_), {
+            "stroke-color": n.value.iconCloseColor
           }, null, 8, ["stroke-color"])
-        ])) : C("", !0)
+        ])) : m("", !0)
       ], 2),
-      r(h).body ? (c(), f("div", {
+      x(e).body ? (C(), b("div", {
         key: 0,
-        class: u(["p-[16px]", r(l).bodyClass])
+        class: p(["p-[16px]", n.value.bodyClass])
       }, [
-        v(d.$slots, "body")
-      ], 2)) : C("", !0),
-      r(h).details ? (c(), f("details", {
+        y(d.$slots, "body")
+      ], 2)) : m("", !0),
+      x(e).details ? (C(), b("details", {
         key: 1,
-        class: u(["p-[16px] border-t border-t-1", [r(l).bodyClass, r(l).borderClass]]),
+        class: p(["p-[16px] border-t border-t-1", [n.value.bodyClass, n.value.borderClass]]),
         ref_key: "detailsRef",
-        ref: m
+        ref: o
       }, [
-        y("summary", {
-          class: u(["flex font-medium cursor-pointer details-none", r(l).detailsHeaderClass])
+        f("summary", {
+          class: p(["flex font-medium cursor-pointer details-none", n.value.detailsHeaderClass])
         }, [
-          S(r(L), {
-            strokeColor: r(l).iconChevronColor,
+          $(x(W), {
+            strokeColor: n.value.iconChevronColor,
             class: "icon my-[4px] mr-[8px] transition transform -rotate-90 open:rotate-0"
           }, null, 8, ["strokeColor"]),
-          O(" " + P(e.detailsTitle), 1)
+          E(" " + N(r.detailsTitle), 1)
         ], 2),
-        y("div", {
+        f("div", {
           ref_key: "contentRef",
           ref: i
         }, [
-          y("div", null, [
-            v(d.$slots, "details")
+          f("div", null, [
+            y(d.$slots, "details")
           ])
         ], 512)
-      ], 2)) : C("", !0),
-      d.$slots.footer ? (c(), f("div", {
+      ], 2)) : m("", !0),
+      d.$slots.footer ? (C(), b("div", {
         key: 2,
-        class: u(r(l).bodyClass)
+        class: p(n.value.bodyClass)
       }, [
-        v(d.$slots, "footer")
-      ], 2)) : C("", !0)
+        y(d.$slots, "footer")
+      ], 2)) : m("", !0)
     ], 2));
   }
 });