sprintify-ui 0.12.21 → 0.12.22

package/dist/sprintify-ui.es.js

@@ -9133,16 +9133,19 @@ const _2 = {
       const w = ["btn"];
       return o.color && (o.color in r ? w.push(r[o.color]) : w.push("hover:enabled:opacity-80")), s.value && w.push((T = on[s.value]) == null ? void 0 : T.buttonClass), l.value && w.push("p-0 aspect-1 justify-center"), Qe(w, o.class);
     }), u = S(() => {
-      if (o.color && !(o.color in r)) {
-        const w = Sl(o.color);
-        return {
-          backgroundColor: w.backgroundColor,
-          color: w.textColor,
-          borderColor: w.borderColor,
-          borderWidth: "1px",
-          borderStyle: "solid"
-        };
-      }
+      if (o.color && !(o.color in r))
+        try {
+          const w = Sl(o.color);
+          return {
+            backgroundColor: w.backgroundColor,
+            color: w.textColor,
+            borderColor: w.borderColor,
+            borderWidth: "1px",
+            borderStyle: "solid"
+          };
+        } catch {
+          console.warn(`[BaseButton] "${o.color}" is not a valid color.`);
+        }
       return {};
     }), c = S(() => {
       const w = ["flex items-center w-full"];
@@ -11718,11 +11721,15 @@ const YM = ["src"], GM = ["fill"], JM = ["font-size"], XM = { class: "truncate"
   },
   setup(n) {
     const t = n, e = S(() => {
-      const a = Sl(t.color, t.contrast == "high"), u = {
-        backgroundColor: a.backgroundColor,
-        color: a.textColor
-      };
-      return t.bordered && (u.borderColor = a.borderColor, u.borderWidth = "1px", u.borderStyle = "solid"), u;
+      try {
+        const a = Sl(t.color, t.contrast == "high"), u = {
+          backgroundColor: a.backgroundColor,
+          color: a.textColor
+        };
+        return t.bordered && (u.borderColor = a.borderColor, u.borderWidth = "1px", u.borderStyle = "solid"), u;
+      } catch {
+        return console.warn(`[BaseBadge] "${t.color}" is not a valid color.`), {};
+      }
     }), r = S(() => Object.keys(on).includes(t.size) ? t.size : "md"), o = mf(), i = S(() => !!o.default), s = S(() => {
       const a = "inline-flex items-center rounded leading-tight", u = {
         xs: "text-[9px]",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.12.21",
+  "version": "0.12.22",
   "type": "module",
   "scripts": {
     "generate-llm-txt": "node scripts/generate-llm-txt.js",

package/src/components/BaseBadge.vue

@@ -43,20 +43,25 @@ const props = withDefaults(
 );
 
 const colorStyle = computed((): Record<string, string> => {
-  const config = getColorConfig(props.color, props.contrast == 'high');
-
-  const styles: Record<string, string> = {
-    backgroundColor: config.backgroundColor,
-    color: config.textColor,
-  };
-
-  if (props.bordered) {
-    styles.borderColor = config.borderColor;
-    styles.borderWidth = '1px';
-    styles.borderStyle = 'solid';
+  try {
+    const config = getColorConfig(props.color, props.contrast == 'high');
+
+    const styles: Record<string, string> = {
+      backgroundColor: config.backgroundColor,
+      color: config.textColor,
+    };
+
+    if (props.bordered) {
+      styles.borderColor = config.borderColor;
+      styles.borderWidth = '1px';
+      styles.borderStyle = 'solid';
+    }
+
+    return styles;
+  } catch {
+    console.warn(`[BaseBadge] "${props.color}" is not a valid color.`);
+    return {};
   }
-
-  return styles;
 });
 
 const sizeInternal = computed(() => {

package/src/components/BaseButton.vue

@@ -207,15 +207,19 @@ const classes = computed(() => {
 
 const styles = computed(() => {
   if (props.color && !(props.color in colors)) {
-    const config = getColorConfig(props.color);
-
-    return {
-      backgroundColor: config.backgroundColor,
-      color: config.textColor,
-      borderColor: config.borderColor,
-      borderWidth: '1px',
-      borderStyle: 'solid',
-    };
+    try {
+      const config = getColorConfig(props.color);
+
+      return {
+        backgroundColor: config.backgroundColor,
+        color: config.textColor,
+        borderColor: config.borderColor,
+        borderWidth: '1px',
+        borderStyle: 'solid',
+      };
+    } catch {
+      console.warn(`[BaseButton] "${props.color}" is not a valid color.`);
+    }
   }
 
   return {};