sprintify-ui 0.6.45 → 0.6.46

package/dist/sprintify-ui.es.js

@@ -3082,41 +3082,41 @@ const H0 = {
   props: {
     title: { default: void 0 },
     color: { default: "info" },
-    icon: { default: "" },
+    icon: { default: void 0 },
     showIcon: { type: Boolean, default: !0 },
     bordered: { type: Boolean, default: !1 },
     class: { default: void 0 }
   },
   setup(n) {
-    const t = n, e = L(() => {
-      const a = "flex w-full items-start rounded-md p-4 gap-2.5", l = t.showIcon ? "pl-3.5" : "";
+    const t = n, e = L(() => ({
+      info: "heroicons:information-circle-16-solid",
+      success: "heroicons:check-circle-16-solid",
+      danger: "heroicons:exclamation-circle-16-solid",
+      warning: "heroicons:exclamation-triangle-16-solid"
+    })[t.color] ?? null ?? t.icon), r = L(() => {
+      const a = "flex w-full items-start rounded-md p-4 gap-2.5", l = t.showIcon && e.value ? "pl-3.5" : "";
       return It(
         a,
         l,
         t.class
       );
-    }), r = L(() => {
+    }), i = L(() => {
       const a = Ma(t.color, !1), l = {
         backgroundColor: a.backgroundColor,
         color: a.textColor
       };
       return t.bordered && (l.borderColor = a.borderColor, l.borderWidth = "1px", l.borderStyle = "solid"), l;
-    }), i = L(() => t.icon + " w-4 h-4 mt-px"), o = L(() => ({
-      info: "heroicons:information-circle-16-solid",
-      success: "heroicons:check-circle-16-solid",
-      danger: "heroicons:exclamation-circle-16-solid",
-      warning: "heroicons:exclamation-triangle-16-solid"
-    })[t.color] ?? null ?? t.icon);
+    }), o = L(() => t.icon + " w-4 h-4 mt-px");
     return (a, l) => {
       const s = tn("BaseIcon");
       return B(), K("div", {
-        class: fe(C(e)),
-        style: it(C(r))
+        class: fe(C(r)),
+        style: it(C(i))
       }, [
         a.showIcon ? (B(), K("div", H0, [
           we(s, {
-            icon: C(o),
-            class: fe(C(i))
+            icon: C(e),
+            class: fe(C(o))
           }, null, 8, ["icon", "class"])
         ])) : ke("", !0),
         j("div", null, [

package/dist/types/src/components/BaseAlert.vue.d.ts

@@ -14,8 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     icon: {
         type: import("vue").PropType<string>;
-        required: true;
-        default: string;
+        default: undefined;
     };
     showIcon: {
         type: import("vue").PropType<boolean>;
@@ -41,8 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     icon: {
         type: import("vue").PropType<string>;
-        required: true;
-        default: string;
+        default: undefined;
     };
     showIcon: {
         type: import("vue").PropType<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.6.45",
+  "version": "0.6.46",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAlert.vue

@@ -8,7 +8,7 @@
       class="shrink-0"
     >
       <BaseIcon
-        :icon="icon"
+        :icon="iconInternal"
         :class="iconClass"
       />
     </div>
@@ -42,22 +42,33 @@ defineOptions({
 const props = withDefaults(defineProps<{
   title?: string;
   color: 'info' | 'success' | 'danger' | 'warning' | string;
-  icon: string;
+  icon?: string;
   showIcon?: boolean;
   bordered?: boolean;
   class?: string | string[];
 }>(), {
   title: undefined,
   color: 'info',
-  icon: '',
+  icon: undefined,
   showIcon: true,
   bordered: false,
   class: undefined,
 });
 
+const iconInternal = computed(() => {
+  const iconName = {
+    info: 'heroicons:information-circle-16-solid',
+    success: 'heroicons:check-circle-16-solid',
+    danger: 'heroicons:exclamation-circle-16-solid',
+    warning: 'heroicons:exclamation-triangle-16-solid',
+  }[props.color as never] ?? null;
+
+  return iconName ?? props.icon;
+});
+
 const classes = computed(() => {
   const base = 'flex w-full items-start rounded-md p-4 gap-2.5';
-  const iconPadding = props.showIcon ? 'pl-3.5' : '';
+  const iconPadding = (props.showIcon && iconInternal.value) ? 'pl-3.5' : '';
 
   return twMerge(
     base,
@@ -87,14 +98,4 @@ const iconClass = computed(() => {
   return props.icon + ' w-4 h-4 mt-px';
 });
 
-const icon = computed(() => {
-  const iconName = {
-    info: 'heroicons:information-circle-16-solid',
-    success: 'heroicons:check-circle-16-solid',
-    danger: 'heroicons:exclamation-circle-16-solid',
-    warning: 'heroicons:exclamation-triangle-16-solid',
-  }[props.color as never] ?? null;
-
-  return iconName ?? props.icon;
-});
 </script>