sprintify-ui 0.6.19 → 0.6.21

package/dist/sprintify-ui.es.js

@@ -8756,9 +8756,10 @@ const Dd = /* @__PURE__ */ _e({
     icon: { default: "" },
     iconPosition: { default: "start" },
     size: { default: "md" },
-    color: { default: "primary" },
+    color: { default: "" },
     to: { default: void 0 }
   },
+  emits: ["click"],
   setup(n) {
     const t = n, e = {
       xs: "btn-xs",
@@ -8767,6 +8768,7 @@ const Dd = /* @__PURE__ */ _e({
       lg: "btn-lg",
       xl: "btn-xl"
     }, r = {
+      "": "",
       primary: "btn-primary",
       secondary: "btn-secondary",
       "secondary-outline": "btn-secondary-outline",
@@ -8797,7 +8799,8 @@ const Dd = /* @__PURE__ */ _e({
     return (l, s) => (P(), Re(Hr(l.as), {
       ref: "button",
       class: fe(T(i)),
-      to: l.to
+      to: l.to,
+      onClick: s[0] || (s[0] = (c) => l.$emit("click"))
     }, {
       default: we(() => [
         B("div", {

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

@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     color: {
-        type: import("vue").PropType<"danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline">;
+        type: import("vue").PropType<"" | "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline">;
         default: string;
     };
     icon: {
@@ -33,7 +33,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"start" | "end">;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
         default: string;
@@ -43,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     color: {
-        type: import("vue").PropType<"danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline">;
+        type: import("vue").PropType<"" | "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline">;
         default: string;
     };
     icon: {
@@ -66,10 +68,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"start" | "end">;
         default: string;
     };
-}>>, {
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
     class: string | false | 0 | ClassNameValue[] | null;
     to: RouteLocationRaw;
-    color: "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline";
+    color: "" | "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline";
     icon: string;
     loading: boolean;
     size: "xs" | "sm" | "lg" | "xl" | "md";

package/package.json

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

package/src/components/BaseButton.vue

@@ -4,6 +4,7 @@
     ref="button"
     :class="classes"
     :to="to"
+    @click="$emit('click')"
   >
     <div
       :class="containerClass"
@@ -44,7 +45,6 @@ import { ClassNameValue, twMerge } from 'tailwind-merge';
 import { RouteLocationRaw } from 'vue-router';
 import { BaseIcon } from '.';
 
-
 defineOptions({
   inheritAttrs: false,
 });
@@ -58,6 +58,7 @@ const sizes = {
 };
 
 const colors = {
+  '': '',
   'primary': 'btn-primary',
   'secondary': 'btn-secondary',
   'secondary-outline': 'btn-secondary-outline',
@@ -93,10 +94,12 @@ const props = withDefaults(defineProps<{
   icon: '',
   iconPosition: 'start',
   size: 'md',
-  color: 'primary',
+  color: '',
   to: undefined,
 });
 
+defineEmits(['click']);
+
 const classes = computed(() => {
   const classes = ['btn'];