@gits-id/button - npm Package Compare versions

Comparing version 0.1.17-alpha.0 to 0.1.17-alpha.84

dist/button.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue");const y=e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),h=e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1),x=[y,h],w={props:{xLarge:{type:Boolean,default:!1},large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},xSmall:{type:Boolean,default:!1},color:{type:String,default:""}},emits:[],setup(o,{emit:r}){const t=o,s=e.computed(()=>t.large?"h-8 w-8":t.small?"h-4 w-4":t.xLarge?"h-10 w-10":t.xSmall?"h-3 w-3":"h-5 w-5"),n=e.computed(()=>{switch(t.color){case"primary":return"text-primary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"white":return"text-white-600";default:return t.color||"text-gray-600"}});return(d,u)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["animate-spin inline",[e.unref(s),e.unref(n)]]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},x,2))}};var v=(o,r)=>{const t=o.__vccOpts||o;for(const[s,n]of r)t[s]=n;return t};const m={key:0,class:"ml-2"},_=e.defineComponent({props:{size:{type:String,default:""},color:{type:String,default:""},to:{type:[String,Object],default:""},href:{type:String,default:""},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},ring:{type:Boolean,default:!0},tile:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},block:{type:Boolean,default:!1},type:{type:String,default:"button"},solid:{type:Boolean,default:!1},noRing:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingText:{type:String,default:""},newTab:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(o){const r=o,{disabled:t,ring:s,block:n,solid:d,noRing:u,loading:i,loadingText:c}=e.toRefs(r),b=e.computed(()=>r.to?"router-link":r.href?"a":"button");e.computed(()=>{if(r.icon)switch(r.size){case"xs":return"text-xs p-[6px] w-[30px] h-[30px]";case"sm":return"text-sm p-[6px] w-[36] h-[36]";case"lg":return"text-base p-2 w-[50px] h-[50px]";case"xl":return"text-lg p-2 w-[60px] h-[60px]";case"md":case"base":default:return"text-xs p-2 w-[40px] h-[40px]"}else switch(r.size){case"xs":return"text-xs px-2 py-1 h-[30px]";case"sm":return"text-sm px-3 py-1 h-9";case"lg":return"text-base px-6 py-3 h-[50px]";case"xl":return"text-lg px-8 py-4 h-[60px]";case"md":case"base":default:return"text-sm px-4 py-2 h-10"}}),e.computed(()=>{if(r.text)switch(r.color){case"primary":return"text-primary-600";case"secondary":return"text-secondary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"gray-light":return"text-gray-3";default:return"text-gray-800"}else if(r.outlined)switch(r.color){case"primary":return"text-primary-600 border-primary-600 hover:bg-primary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"secondary":return"text-secondary-600 border-secondary-600 hover:bg-secondary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"info":return"text-info-600 border-info-600 hover:bg-info-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"warning":return"text-warning-600 border-warning-600 hover:bg-warning-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"error":return"text-error-600 border-error-600 hover:bg-error-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"success":return"text-success-600 border-success-600 hover:bg-success-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"gray-light":return"text-gray-3 border-gray-3 hover:bg-gray-300 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";default:return"text-gray-600 border-gray-600 hover:bg-gray-400 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent"}else switch(r.color){case"primary":return"text-white border-primary-600 bg-primary-600 hover:bg-primary-700 hover:border-primary-700";case"secondary":return"text-white border-secondary-600 bg-secondary-600 hover:border-secondary-700 hover:bg-secondary-700";case"info":return"text-white border-info-600 bg-info-600 hover:border-info-700 hover:bg-info-700";case"warning":return"text-white border-warning-600 bg-warning-600 hover:border-warning-700 hover:bg-warning-700";case"error":return"text-white border-error-600 bg-error-600 hover:border-error-700 hover:bg-error-700 focus:ring-error-600";case"success":return"text-white border-success-600 bg-success-600 hover:border-success-700 hover:bg-success-700";case"gray-light":return"text-gray-3 hover:text-gray-200 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400";default:return"text-gray-800 hover:text-gray-900 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400"}}),e.computed(()=>t?"disabled:cursor-not-allowed disabled:text-gray-400 disabled:bg-gray-200 disabled:border-gray-200 disabled:shadow-none":""),e.computed(()=>{switch(r.color){case"primary":return"focus:ring focus:ring-offset-2 focus:ring-primary-600 focus:ring-opacity-50";case"secondary":return"focus:ring focus:ring-offset-2 focus:ring-secondary-600 focus:ring-opacity-50";case"info":return"focus:ring focus:ring-offset-2 focus:ring-info-600 focus:ring-opacity-50";case"warning":return"focus:ring focus:ring-offset-2 focus:ring-warning-600 focus:ring-opacity-50";case"error":return"focus:ring focus:ring-offset-2 focus:ring-error-600 focus:ring-opacity-50";case"success":return"focus:ring focus:ring-offset-2 focus:ring-success-600 focus:ring-opacity-50";default:return"focus:ring focus:ring-offset-2 focus:ring-gray-400 focus:ring-opacity-50"}});const g=e.computed(()=>["btn",`btn-${r.color||"default"}`,`btn-${r.size||"md"}`,{"btn-outlined":r.outlined,[`btn-outlined-${r.color}`]:r.outlined,"btn-text":r.text,[`btn-text-${r.color}`]:r.text,"btn-rounded":r.rounded&&!r.tile,"btn-tile":r.tile&&!r.rounded,"w-full":r.block,shadow:r.shadow,"btn-icon":r.icon,"btn-loading":r.loading}]),p=e.computed(()=>{const a={};return r.to?a.to=r.to:r.href?a.href=r.href:a.type=r.type,a}),f=e.computed(()=>{switch(r.color){case"primary":case"info":case"warning":case"error":case"success":return"white";case"white":return"black";default:return r.color}});return(a,B)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(b)),e.mergeProps({class:e.unref(g),rel:o.newTab?"noopener":"",target:o.newTab?"_blank":"",disabled:e.unref(t)||e.unref(i)},{...e.unref(p),...a.$attrs}),{default:e.withCtx(()=>[e.unref(i)?e.renderSlot(a.$slots,"loading",{key:0},()=>[e.createVNode(e.unref(w),{color:e.unref(f)},null,8,["color"]),e.unref(c)?(e.openBlock(),e.createElementBlock("span",m,e.toDisplayString(e.unref(c)),1)):e.createCommentVNode("",!0)],!0):e.renderSlot(a.$slots,"default",{key:1},void 0,!0)]),_:3},16,["class","rel","target","disabled"]))}});var l=v(_,[["__scopeId","data-v-5bcf54b5"]]);exports.VBtn=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var r=require("vue"),p=require("@gits-id/spinner");function f(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var y=f(p);var h=(t,e)=>{const a=t.__vccOpts||t;for(const[s,n]of e)a[s]=n;return a};const x={key:0,class:"ml-2"},v=r.defineComponent({props:{size:{type:String,default:""},color:{type:String,default:""},to:{type:[String,Object],default:""},href:{type:String,default:""},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},ring:{type:Boolean,default:!0},tile:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},block:{type:Boolean,default:!1},type:{type:String,default:"button"},solid:{type:Boolean,default:!1},noRing:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingText:{type:String,default:""},newTab:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(t){const e=t,{disabled:a,ring:s,block:n,solid:w,noRing:m,loading:i,loadingText:c}=r.toRefs(e),l=r.computed(()=>e.to?"router-link":e.href?"a":"button");r.computed(()=>{if(e.icon)switch(e.size){case"xs":return"text-xs p-[6px] w-[30px] h-[30px]";case"sm":return"text-sm p-[6px] w-[36] h-[36]";case"lg":return"text-base p-2 w-[50px] h-[50px]";case"xl":return"text-lg p-2 w-[60px] h-[60px]";case"md":case"base":default:return"text-xs p-2 w-[40px] h-[40px]"}else switch(e.size){case"xs":return"text-xs px-2 py-1 h-[30px]";case"sm":return"text-sm px-3 py-1 h-9";case"lg":return"text-base px-6 py-3 h-[50px]";case"xl":return"text-lg px-8 py-4 h-[60px]";case"md":case"base":default:return"text-sm px-4 py-2 h-10"}}),r.computed(()=>{if(e.text)switch(e.color){case"primary":return"text-primary-600";case"secondary":return"text-secondary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"gray-light":return"text-gray-3";default:return"text-gray-800"}else if(e.outlined)switch(e.color){case"primary":return"text-primary-600 border-primary-600 hover:bg-primary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"secondary":return"text-secondary-600 border-secondary-600 hover:bg-secondary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"info":return"text-info-600 border-info-600 hover:bg-info-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"warning":return"text-warning-600 border-warning-600 hover:bg-warning-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"error":return"text-error-600 border-error-600 hover:bg-error-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"success":return"text-success-600 border-success-600 hover:bg-success-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"gray-light":return"text-gray-3 border-gray-3 hover:bg-gray-300 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";default:return"text-gray-600 border-gray-600 hover:bg-gray-400 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent"}else switch(e.color){case"primary":return"text-white border-primary-600 bg-primary-600 hover:bg-primary-700 hover:border-primary-700";case"secondary":return"text-white border-secondary-600 bg-secondary-600 hover:border-secondary-700 hover:bg-secondary-700";case"info":return"text-white border-info-600 bg-info-600 hover:border-info-700 hover:bg-info-700";case"warning":return"text-white border-warning-600 bg-warning-600 hover:border-warning-700 hover:bg-warning-700";case"error":return"text-white border-error-600 bg-error-600 hover:border-error-700 hover:bg-error-700 focus:ring-error-600";case"success":return"text-white border-success-600 bg-success-600 hover:border-success-700 hover:bg-success-700";case"gray-light":return"text-gray-3 hover:text-gray-200 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400";default:return"text-gray-800 hover:text-gray-900 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400"}}),r.computed(()=>a?"disabled:cursor-not-allowed disabled:text-gray-400 disabled:bg-gray-200 disabled:border-gray-200 disabled:shadow-none":""),r.computed(()=>{switch(e.color){case"primary":return"focus:ring focus:ring-offset-2 focus:ring-primary-600 focus:ring-opacity-50";case"secondary":return"focus:ring focus:ring-offset-2 focus:ring-secondary-600 focus:ring-opacity-50";case"info":return"focus:ring focus:ring-offset-2 focus:ring-info-600 focus:ring-opacity-50";case"warning":return"focus:ring focus:ring-offset-2 focus:ring-warning-600 focus:ring-opacity-50";case"error":return"focus:ring focus:ring-offset-2 focus:ring-error-600 focus:ring-opacity-50";case"success":return"focus:ring focus:ring-offset-2 focus:ring-success-600 focus:ring-opacity-50";default:return"focus:ring focus:ring-offset-2 focus:ring-gray-400 focus:ring-opacity-50"}});const u=r.computed(()=>["btn",`btn-${e.color||"default"}`,`btn-${e.size||"md"}`,{"btn-outlined":e.outlined,[`btn-outlined-${e.color}`]:e.outlined,"btn-text":e.text,[`btn-text-${e.color}`]:e.text,"btn-rounded":e.rounded&&!e.tile,"btn-tile":e.tile&&!e.rounded,"w-full":e.block,shadow:e.shadow,"btn-icon":e.icon,"btn-loading":e.loading}]),b=r.computed(()=>{const o={};return e.to?o.to=e.to:e.href?o.href=e.href:o.type=e.type,o}),g=r.computed(()=>{switch(e.color){case"primary":case"info":case"warning":case"error":case"success":return"white";case"white":return"black";default:return e.color}});return(o,_)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(r.unref(l)),r.mergeProps({class:r.unref(u),rel:t.newTab?"noopener":"",target:t.newTab?"_blank":"",disabled:r.unref(a)||r.unref(i)},{...r.unref(b),...o.$attrs}),{default:r.withCtx(()=>[r.unref(i)?r.renderSlot(o.$slots,"loading",{key:0},()=>[r.createVNode(r.unref(y.default),{color:r.unref(g)},null,8,["color"]),r.unref(c)?(r.openBlock(),r.createElementBlock("span",x,r.toDisplayString(r.unref(c)),1)):r.createCommentVNode("",!0)],!0):r.renderSlot(o.$slots,"default",{key:1},void 0,!0)]),_:3},16,["class","rel","target","disabled"]))}});var d=h(v,[["__scopeId","data-v-9527f6f2"]]);exports.VBtn=d;exports.default=d;

dist/button.es.js

@@ -1,99 +0,4 @@
-import { computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, defineComponent, toRefs, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot, createVNode, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, toRefs, computed, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot, createVNode, createElementBlock, toDisplayString, createCommentVNode } from 'vue';
+import VSpinner from '@gits-id/spinner';
 
-const _hoisted_1$1 = /*#__PURE__*/createElementVNode("circle", {
-  class: "opacity-25",
-  cx: "12",
-  cy: "12",
-  r: "10",
-  stroke: "currentColor",
-  "stroke-width": "4"
-}, null, -1);
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  class: "opacity-75",
-  fill: "currentColor",
-  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_1$1,
-  _hoisted_2
-];
-
-
-const _sfc_main$1 = {
-  props: {
-  xLarge: {
-    type: Boolean,
-    default: false,
-  },
-  large: {
-    type: Boolean,
-    default: false,
-  },
-  small: {
-    type: Boolean,
-    default: false,
-  },
-  xSmall: {
-    type: Boolean,
-    default: false,
-  },
-  color: {
-    type: String,
-    default: '',
-  },
-},
-  emits: [],
-  setup(__props, { emit }) {
-
-const props = __props;
-
-
-
-
-
-const sizeClass = computed(() => {
-  if (props.large) {
-    return 'h-8 w-8';
-  } else if (props.small) {
-    return 'h-4 w-4';
-  } else if (props.xLarge) {
-    return 'h-10 w-10';
-  } else if (props.xSmall) {
-    return 'h-3 w-3';
-  } else {
-    return 'h-5 w-5';
-  }
-});
-
-const colorClass = computed(() => {
-  switch (props.color) {
-    case 'primary':
-      return 'text-primary-600';
-    case 'info':
-      return 'text-info-600';
-    case 'warning':
-      return 'text-warning-600';
-    case 'error':
-      return 'text-error-600';
-    case 'success':
-      return 'text-success-600';
-    case 'white':
-      return 'text-white-600';
-    default:
-      return props.color || 'text-gray-600';
-  }
-});
-
-return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("svg", {
-    class: normalizeClass(["animate-spin inline", [unref(sizeClass), unref(colorClass)]]),
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24"
-  }, _hoisted_3, 2))
-}
-}
-
-};
-
 var VBtn_vue_vue_type_style_index_0_scoped_true_lang = '';
@@ -369,3 +274,3 @@
           unref(loading) ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
-            createVNode(unref(_sfc_main$1), { color: unref(spinnerColor) }, null, 8, ["color"]),
+            createVNode(unref(VSpinner), { color: unref(spinnerColor) }, null, 8, ["color"]),
             unref(loadingText) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(loadingText)), 1)) : createCommentVNode("", true)
@@ -379,3 +284,3 @@ ], true) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
 });
-var VBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5bcf54b5"]]);
+var VBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9527f6f2"]]);
 
@@ -382,0 +287,0 @@ var tailwind = '';

dist/button.iife.js

@@ -1,1 +0,1 @@
-var VBtn=function(s,e){"use strict";const b=[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1)],g={props:{xLarge:{type:Boolean,default:!1},large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},xSmall:{type:Boolean,default:!1},color:{type:String,default:""}},emits:[],setup(o,{emit:r}){const t=o,n=e.computed(()=>t.large?"h-8 w-8":t.small?"h-4 w-4":t.xLarge?"h-10 w-10":t.xSmall?"h-3 w-3":"h-5 w-5"),i=e.computed(()=>{switch(t.color){case"primary":return"text-primary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"white":return"text-white-600";default:return t.color||"text-gray-600"}});return(f,y)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["animate-spin inline",[e.unref(n),e.unref(i)]]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},b,2))}};var v="",u=(o,r)=>{const t=o.__vccOpts||o;for(const[n,i]of r)t[n]=i;return t};const p={key:0,class:"ml-2"};var c=u(e.defineComponent({props:{size:{type:String,default:""},color:{type:String,default:""},to:{type:[String,Object],default:""},href:{type:String,default:""},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},ring:{type:Boolean,default:!0},tile:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},block:{type:Boolean,default:!1},type:{type:String,default:"button"},solid:{type:Boolean,default:!1},noRing:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingText:{type:String,default:""},newTab:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(o){const r=o,{disabled:t,ring:n,block:i,solid:f,noRing:y,loading:l,loadingText:d}=e.toRefs(r),h=e.computed(()=>r.to?"router-link":r.href?"a":"button");e.computed(()=>{if(r.icon)switch(r.size){case"xs":return"text-xs p-[6px] w-[30px] h-[30px]";case"sm":return"text-sm p-[6px] w-[36] h-[36]";case"lg":return"text-base p-2 w-[50px] h-[50px]";case"xl":return"text-lg p-2 w-[60px] h-[60px]";case"md":case"base":default:return"text-xs p-2 w-[40px] h-[40px]"}else switch(r.size){case"xs":return"text-xs px-2 py-1 h-[30px]";case"sm":return"text-sm px-3 py-1 h-9";case"lg":return"text-base px-6 py-3 h-[50px]";case"xl":return"text-lg px-8 py-4 h-[60px]";case"md":case"base":default:return"text-sm px-4 py-2 h-10"}}),e.computed(()=>{if(r.text)switch(r.color){case"primary":return"text-primary-600";case"secondary":return"text-secondary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"gray-light":return"text-gray-3";default:return"text-gray-800"}else if(r.outlined)switch(r.color){case"primary":return"text-primary-600 border-primary-600 hover:bg-primary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"secondary":return"text-secondary-600 border-secondary-600 hover:bg-secondary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"info":return"text-info-600 border-info-600 hover:bg-info-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"warning":return"text-warning-600 border-warning-600 hover:bg-warning-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"error":return"text-error-600 border-error-600 hover:bg-error-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"success":return"text-success-600 border-success-600 hover:bg-success-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"gray-light":return"text-gray-3 border-gray-3 hover:bg-gray-300 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";default:return"text-gray-600 border-gray-600 hover:bg-gray-400 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent"}else switch(r.color){case"primary":return"text-white border-primary-600 bg-primary-600 hover:bg-primary-700 hover:border-primary-700";case"secondary":return"text-white border-secondary-600 bg-secondary-600 hover:border-secondary-700 hover:bg-secondary-700";case"info":return"text-white border-info-600 bg-info-600 hover:border-info-700 hover:bg-info-700";case"warning":return"text-white border-warning-600 bg-warning-600 hover:border-warning-700 hover:bg-warning-700";case"error":return"text-white border-error-600 bg-error-600 hover:border-error-700 hover:bg-error-700 focus:ring-error-600";case"success":return"text-white border-success-600 bg-success-600 hover:border-success-700 hover:bg-success-700";case"gray-light":return"text-gray-3 hover:text-gray-200 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400";default:return"text-gray-800 hover:text-gray-900 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400"}}),e.computed(()=>t?"disabled:cursor-not-allowed disabled:text-gray-400 disabled:bg-gray-200 disabled:border-gray-200 disabled:shadow-none":""),e.computed(()=>{switch(r.color){case"primary":return"focus:ring focus:ring-offset-2 focus:ring-primary-600 focus:ring-opacity-50";case"secondary":return"focus:ring focus:ring-offset-2 focus:ring-secondary-600 focus:ring-opacity-50";case"info":return"focus:ring focus:ring-offset-2 focus:ring-info-600 focus:ring-opacity-50";case"warning":return"focus:ring focus:ring-offset-2 focus:ring-warning-600 focus:ring-opacity-50";case"error":return"focus:ring focus:ring-offset-2 focus:ring-error-600 focus:ring-opacity-50";case"success":return"focus:ring focus:ring-offset-2 focus:ring-success-600 focus:ring-opacity-50";default:return"focus:ring focus:ring-offset-2 focus:ring-gray-400 focus:ring-opacity-50"}});const x=e.computed(()=>["btn",`btn-${r.color||"default"}`,`btn-${r.size||"md"}`,{"btn-outlined":r.outlined,[`btn-outlined-${r.color}`]:r.outlined,"btn-text":r.text,[`btn-text-${r.color}`]:r.text,"btn-rounded":r.rounded&&!r.tile,"btn-tile":r.tile&&!r.rounded,"w-full":r.block,shadow:r.shadow,"btn-icon":r.icon,"btn-loading":r.loading}]),w=e.computed(()=>{const a={};return r.to?a.to=r.to:r.href?a.href=r.href:a.type=r.type,a}),m=e.computed(()=>{switch(r.color){case"primary":case"info":case"warning":case"error":case"success":return"white";case"white":return"black";default:return r.color}});return(a,C)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(h)),e.mergeProps({class:e.unref(x),rel:o.newTab?"noopener":"",target:o.newTab?"_blank":"",disabled:e.unref(t)||e.unref(l)},{...e.unref(w),...a.$attrs}),{default:e.withCtx(()=>[e.unref(l)?e.renderSlot(a.$slots,"loading",{key:0},()=>[e.createVNode(e.unref(g),{color:e.unref(m)},null,8,["color"]),e.unref(d)?(e.openBlock(),e.createElementBlock("span",p,e.toDisplayString(e.unref(d)),1)):e.createCommentVNode("",!0)],!0):e.renderSlot(a.$slots,"default",{key:1},void 0,!0)]),_:3},16,["class","rel","target","disabled"]))}}),[["__scopeId","data-v-5bcf54b5"]]),S="";return s.VBtn=c,s.default=c,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),s}({},Vue);
+var VBtn=function(s,r,b){"use strict";function g(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var u=g(b),m="",p=(t,e)=>{const a=t.__vccOpts||t;for(const[i,c]of e)a[i]=c;return a};const f={key:0,class:"ml-2"};var n=p(r.defineComponent({props:{size:{type:String,default:""},color:{type:String,default:""},to:{type:[String,Object],default:""},href:{type:String,default:""},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},ring:{type:Boolean,default:!0},tile:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},block:{type:Boolean,default:!1},type:{type:String,default:"button"},solid:{type:Boolean,default:!1},noRing:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingText:{type:String,default:""},newTab:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(t){const e=t,{disabled:a,ring:i,block:c,solid:B,noRing:k,loading:d,loadingText:l}=r.toRefs(e),y=r.computed(()=>e.to?"router-link":e.href?"a":"button");r.computed(()=>{if(e.icon)switch(e.size){case"xs":return"text-xs p-[6px] w-[30px] h-[30px]";case"sm":return"text-sm p-[6px] w-[36] h-[36]";case"lg":return"text-base p-2 w-[50px] h-[50px]";case"xl":return"text-lg p-2 w-[60px] h-[60px]";case"md":case"base":default:return"text-xs p-2 w-[40px] h-[40px]"}else switch(e.size){case"xs":return"text-xs px-2 py-1 h-[30px]";case"sm":return"text-sm px-3 py-1 h-9";case"lg":return"text-base px-6 py-3 h-[50px]";case"xl":return"text-lg px-8 py-4 h-[60px]";case"md":case"base":default:return"text-sm px-4 py-2 h-10"}}),r.computed(()=>{if(e.text)switch(e.color){case"primary":return"text-primary-600";case"secondary":return"text-secondary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"gray-light":return"text-gray-3";default:return"text-gray-800"}else if(e.outlined)switch(e.color){case"primary":return"text-primary-600 border-primary-600 hover:bg-primary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"secondary":return"text-secondary-600 border-secondary-600 hover:bg-secondary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"info":return"text-info-600 border-info-600 hover:bg-info-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"warning":return"text-warning-600 border-warning-600 hover:bg-warning-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"error":return"text-error-600 border-error-600 hover:bg-error-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"success":return"text-success-600 border-success-600 hover:bg-success-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"gray-light":return"text-gray-3 border-gray-3 hover:bg-gray-300 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";default:return"text-gray-600 border-gray-600 hover:bg-gray-400 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent"}else switch(e.color){case"primary":return"text-white border-primary-600 bg-primary-600 hover:bg-primary-700 hover:border-primary-700";case"secondary":return"text-white border-secondary-600 bg-secondary-600 hover:border-secondary-700 hover:bg-secondary-700";case"info":return"text-white border-info-600 bg-info-600 hover:border-info-700 hover:bg-info-700";case"warning":return"text-white border-warning-600 bg-warning-600 hover:border-warning-700 hover:bg-warning-700";case"error":return"text-white border-error-600 bg-error-600 hover:border-error-700 hover:bg-error-700 focus:ring-error-600";case"success":return"text-white border-success-600 bg-success-600 hover:border-success-700 hover:bg-success-700";case"gray-light":return"text-gray-3 hover:text-gray-200 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400";default:return"text-gray-800 hover:text-gray-900 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400"}}),r.computed(()=>a?"disabled:cursor-not-allowed disabled:text-gray-400 disabled:bg-gray-200 disabled:border-gray-200 disabled:shadow-none":""),r.computed(()=>{switch(e.color){case"primary":return"focus:ring focus:ring-offset-2 focus:ring-primary-600 focus:ring-opacity-50";case"secondary":return"focus:ring focus:ring-offset-2 focus:ring-secondary-600 focus:ring-opacity-50";case"info":return"focus:ring focus:ring-offset-2 focus:ring-info-600 focus:ring-opacity-50";case"warning":return"focus:ring focus:ring-offset-2 focus:ring-warning-600 focus:ring-opacity-50";case"error":return"focus:ring focus:ring-offset-2 focus:ring-error-600 focus:ring-opacity-50";case"success":return"focus:ring focus:ring-offset-2 focus:ring-success-600 focus:ring-opacity-50";default:return"focus:ring focus:ring-offset-2 focus:ring-gray-400 focus:ring-opacity-50"}});const h=r.computed(()=>["btn",`btn-${e.color||"default"}`,`btn-${e.size||"md"}`,{"btn-outlined":e.outlined,[`btn-outlined-${e.color}`]:e.outlined,"btn-text":e.text,[`btn-text-${e.color}`]:e.text,"btn-rounded":e.rounded&&!e.tile,"btn-tile":e.tile&&!e.rounded,"w-full":e.block,shadow:e.shadow,"btn-icon":e.icon,"btn-loading":e.loading}]),x=r.computed(()=>{const o={};return e.to?o.to=e.to:e.href?o.href=e.href:o.type=e.type,o}),w=r.computed(()=>{switch(e.color){case"primary":case"info":case"warning":case"error":case"success":return"white";case"white":return"black";default:return e.color}});return(o,S)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(r.unref(y)),r.mergeProps({class:r.unref(h),rel:t.newTab?"noopener":"",target:t.newTab?"_blank":"",disabled:r.unref(a)||r.unref(d)},{...r.unref(x),...o.$attrs}),{default:r.withCtx(()=>[r.unref(d)?r.renderSlot(o.$slots,"loading",{key:0},()=>[r.createVNode(r.unref(u.default),{color:r.unref(w)},null,8,["color"]),r.unref(l)?(r.openBlock(),r.createElementBlock("span",f,r.toDisplayString(r.unref(l)),1)):r.createCommentVNode("",!0)],!0):r.renderSlot(o.$slots,"default",{key:1},void 0,!0)]),_:3},16,["class","rel","target","disabled"]))}}),[["__scopeId","data-v-9527f6f2"]]),_="";return s.VBtn=n,s.default=n,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),s}({},Vue,VSpinner);

dist/button.umd.js

@@ -1,1 +0,1 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.VBtn={},o.Vue))})(this,function(o,e){"use strict";const u=[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1)],b={props:{xLarge:{type:Boolean,default:!1},large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},xSmall:{type:Boolean,default:!1},color:{type:String,default:""}},emits:[],setup(a,{emit:r}){const t=a,n=e.computed(()=>t.large?"h-8 w-8":t.small?"h-4 w-4":t.xLarge?"h-10 w-10":t.xSmall?"h-3 w-3":"h-5 w-5"),i=e.computed(()=>{switch(t.color){case"primary":return"text-primary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"white":return"text-white-600";default:return t.color||"text-gray-600"}});return(f,y)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["animate-spin inline",[e.unref(n),e.unref(i)]]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},u,2))}};var v="",p=(a,r)=>{const t=a.__vccOpts||a;for(const[n,i]of r)t[n]=i;return t};const g={key:0,class:"ml-2"};var c=p(e.defineComponent({props:{size:{type:String,default:""},color:{type:String,default:""},to:{type:[String,Object],default:""},href:{type:String,default:""},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},ring:{type:Boolean,default:!0},tile:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},block:{type:Boolean,default:!1},type:{type:String,default:"button"},solid:{type:Boolean,default:!1},noRing:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingText:{type:String,default:""},newTab:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(a){const r=a,{disabled:t,ring:n,block:i,solid:f,noRing:y,loading:d,loadingText:l}=e.toRefs(r),h=e.computed(()=>r.to?"router-link":r.href?"a":"button");e.computed(()=>{if(r.icon)switch(r.size){case"xs":return"text-xs p-[6px] w-[30px] h-[30px]";case"sm":return"text-sm p-[6px] w-[36] h-[36]";case"lg":return"text-base p-2 w-[50px] h-[50px]";case"xl":return"text-lg p-2 w-[60px] h-[60px]";case"md":case"base":default:return"text-xs p-2 w-[40px] h-[40px]"}else switch(r.size){case"xs":return"text-xs px-2 py-1 h-[30px]";case"sm":return"text-sm px-3 py-1 h-9";case"lg":return"text-base px-6 py-3 h-[50px]";case"xl":return"text-lg px-8 py-4 h-[60px]";case"md":case"base":default:return"text-sm px-4 py-2 h-10"}}),e.computed(()=>{if(r.text)switch(r.color){case"primary":return"text-primary-600";case"secondary":return"text-secondary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"gray-light":return"text-gray-3";default:return"text-gray-800"}else if(r.outlined)switch(r.color){case"primary":return"text-primary-600 border-primary-600 hover:bg-primary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"secondary":return"text-secondary-600 border-secondary-600 hover:bg-secondary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"info":return"text-info-600 border-info-600 hover:bg-info-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"warning":return"text-warning-600 border-warning-600 hover:bg-warning-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"error":return"text-error-600 border-error-600 hover:bg-error-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"success":return"text-success-600 border-success-600 hover:bg-success-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"gray-light":return"text-gray-3 border-gray-3 hover:bg-gray-300 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";default:return"text-gray-600 border-gray-600 hover:bg-gray-400 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent"}else switch(r.color){case"primary":return"text-white border-primary-600 bg-primary-600 hover:bg-primary-700 hover:border-primary-700";case"secondary":return"text-white border-secondary-600 bg-secondary-600 hover:border-secondary-700 hover:bg-secondary-700";case"info":return"text-white border-info-600 bg-info-600 hover:border-info-700 hover:bg-info-700";case"warning":return"text-white border-warning-600 bg-warning-600 hover:border-warning-700 hover:bg-warning-700";case"error":return"text-white border-error-600 bg-error-600 hover:border-error-700 hover:bg-error-700 focus:ring-error-600";case"success":return"text-white border-success-600 bg-success-600 hover:border-success-700 hover:bg-success-700";case"gray-light":return"text-gray-3 hover:text-gray-200 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400";default:return"text-gray-800 hover:text-gray-900 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400"}}),e.computed(()=>t?"disabled:cursor-not-allowed disabled:text-gray-400 disabled:bg-gray-200 disabled:border-gray-200 disabled:shadow-none":""),e.computed(()=>{switch(r.color){case"primary":return"focus:ring focus:ring-offset-2 focus:ring-primary-600 focus:ring-opacity-50";case"secondary":return"focus:ring focus:ring-offset-2 focus:ring-secondary-600 focus:ring-opacity-50";case"info":return"focus:ring focus:ring-offset-2 focus:ring-info-600 focus:ring-opacity-50";case"warning":return"focus:ring focus:ring-offset-2 focus:ring-warning-600 focus:ring-opacity-50";case"error":return"focus:ring focus:ring-offset-2 focus:ring-error-600 focus:ring-opacity-50";case"success":return"focus:ring focus:ring-offset-2 focus:ring-success-600 focus:ring-opacity-50";default:return"focus:ring focus:ring-offset-2 focus:ring-gray-400 focus:ring-opacity-50"}});const x=e.computed(()=>["btn",`btn-${r.color||"default"}`,`btn-${r.size||"md"}`,{"btn-outlined":r.outlined,[`btn-outlined-${r.color}`]:r.outlined,"btn-text":r.text,[`btn-text-${r.color}`]:r.text,"btn-rounded":r.rounded&&!r.tile,"btn-tile":r.tile&&!r.rounded,"w-full":r.block,shadow:r.shadow,"btn-icon":r.icon,"btn-loading":r.loading}]),m=e.computed(()=>{const s={};return r.to?s.to=r.to:r.href?s.href=r.href:s.type=r.type,s}),w=e.computed(()=>{switch(r.color){case"primary":case"info":case"warning":case"error":case"success":return"white";case"white":return"black";default:return r.color}});return(s,C)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(h)),e.mergeProps({class:e.unref(x),rel:a.newTab?"noopener":"",target:a.newTab?"_blank":"",disabled:e.unref(t)||e.unref(d)},{...e.unref(m),...s.$attrs}),{default:e.withCtx(()=>[e.unref(d)?e.renderSlot(s.$slots,"loading",{key:0},()=>[e.createVNode(e.unref(b),{color:e.unref(w)},null,8,["color"]),e.unref(l)?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(e.unref(l)),1)):e.createCommentVNode("",!0)],!0):e.renderSlot(s.$slots,"default",{key:1},void 0,!0)]),_:3},16,["class","rel","target","disabled"]))}}),[["__scopeId","data-v-5bcf54b5"]]),S="";o.VBtn=c,o.default=c,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(o,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@gits-id/spinner")):typeof define=="function"&&define.amd?define(["exports","vue","@gits-id/spinner"],r):(o=typeof globalThis<"u"?globalThis:o||self,r(o.VBtn={},o.Vue,o.VSpinner))})(this,function(o,r,b){"use strict";function u(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var g=u(b),m="",p=(t,e)=>{const s=t.__vccOpts||t;for(const[i,d]of e)s[i]=d;return s};const f={key:0,class:"ml-2"};var n=p(r.defineComponent({props:{size:{type:String,default:""},color:{type:String,default:""},to:{type:[String,Object],default:""},href:{type:String,default:""},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},ring:{type:Boolean,default:!0},tile:{type:Boolean,default:!1},icon:{type:Boolean,default:!1},block:{type:Boolean,default:!1},type:{type:String,default:"button"},solid:{type:Boolean,default:!1},noRing:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingText:{type:String,default:""},newTab:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(t){const e=t,{disabled:s,ring:i,block:d,solid:B,noRing:k,loading:c,loadingText:l}=r.toRefs(e),y=r.computed(()=>e.to?"router-link":e.href?"a":"button");r.computed(()=>{if(e.icon)switch(e.size){case"xs":return"text-xs p-[6px] w-[30px] h-[30px]";case"sm":return"text-sm p-[6px] w-[36] h-[36]";case"lg":return"text-base p-2 w-[50px] h-[50px]";case"xl":return"text-lg p-2 w-[60px] h-[60px]";case"md":case"base":default:return"text-xs p-2 w-[40px] h-[40px]"}else switch(e.size){case"xs":return"text-xs px-2 py-1 h-[30px]";case"sm":return"text-sm px-3 py-1 h-9";case"lg":return"text-base px-6 py-3 h-[50px]";case"xl":return"text-lg px-8 py-4 h-[60px]";case"md":case"base":default:return"text-sm px-4 py-2 h-10"}}),r.computed(()=>{if(e.text)switch(e.color){case"primary":return"text-primary-600";case"secondary":return"text-secondary-600";case"info":return"text-info-600";case"warning":return"text-warning-600";case"error":return"text-error-600";case"success":return"text-success-600";case"gray-light":return"text-gray-3";default:return"text-gray-800"}else if(e.outlined)switch(e.color){case"primary":return"text-primary-600 border-primary-600 hover:bg-primary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"secondary":return"text-secondary-600 border-secondary-600 hover:bg-secondary-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"info":return"text-info-600 border-info-600 hover:bg-info-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"warning":return"text-warning-600 border-warning-600 hover:bg-warning-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"error":return"text-error-600 border-error-600 hover:bg-error-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"success":return"text-success-600 border-success-600 hover:bg-success-600 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";case"gray-light":return"text-gray-3 border-gray-3 hover:bg-gray-300 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent";default:return"text-gray-600 border-gray-600 hover:bg-gray-400 hover:bg-opacity-20 disabled:bg-opacity-50 disabled:border-opacity-50 disabled:bg-opacity-50 disabled:text-opacity-50 hover:disabled:bg-transparent"}else switch(e.color){case"primary":return"text-white border-primary-600 bg-primary-600 hover:bg-primary-700 hover:border-primary-700";case"secondary":return"text-white border-secondary-600 bg-secondary-600 hover:border-secondary-700 hover:bg-secondary-700";case"info":return"text-white border-info-600 bg-info-600 hover:border-info-700 hover:bg-info-700";case"warning":return"text-white border-warning-600 bg-warning-600 hover:border-warning-700 hover:bg-warning-700";case"error":return"text-white border-error-600 bg-error-600 hover:border-error-700 hover:bg-error-700 focus:ring-error-600";case"success":return"text-white border-success-600 bg-success-600 hover:border-success-700 hover:bg-success-700";case"gray-light":return"text-gray-3 hover:text-gray-200 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400";default:return"text-gray-800 hover:text-gray-900 hover:bg-gray-50 bg-white border-gray-300 focus:border-gray-400 hover:border-gray-400"}}),r.computed(()=>s?"disabled:cursor-not-allowed disabled:text-gray-400 disabled:bg-gray-200 disabled:border-gray-200 disabled:shadow-none":""),r.computed(()=>{switch(e.color){case"primary":return"focus:ring focus:ring-offset-2 focus:ring-primary-600 focus:ring-opacity-50";case"secondary":return"focus:ring focus:ring-offset-2 focus:ring-secondary-600 focus:ring-opacity-50";case"info":return"focus:ring focus:ring-offset-2 focus:ring-info-600 focus:ring-opacity-50";case"warning":return"focus:ring focus:ring-offset-2 focus:ring-warning-600 focus:ring-opacity-50";case"error":return"focus:ring focus:ring-offset-2 focus:ring-error-600 focus:ring-opacity-50";case"success":return"focus:ring focus:ring-offset-2 focus:ring-success-600 focus:ring-opacity-50";default:return"focus:ring focus:ring-offset-2 focus:ring-gray-400 focus:ring-opacity-50"}});const h=r.computed(()=>["btn",`btn-${e.color||"default"}`,`btn-${e.size||"md"}`,{"btn-outlined":e.outlined,[`btn-outlined-${e.color}`]:e.outlined,"btn-text":e.text,[`btn-text-${e.color}`]:e.text,"btn-rounded":e.rounded&&!e.tile,"btn-tile":e.tile&&!e.rounded,"w-full":e.block,shadow:e.shadow,"btn-icon":e.icon,"btn-loading":e.loading}]),x=r.computed(()=>{const a={};return e.to?a.to=e.to:e.href?a.href=e.href:a.type=e.type,a}),w=r.computed(()=>{switch(e.color){case"primary":case"info":case"warning":case"error":case"success":return"white";case"white":return"black";default:return e.color}});return(a,S)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(r.unref(y)),r.mergeProps({class:r.unref(h),rel:t.newTab?"noopener":"",target:t.newTab?"_blank":"",disabled:r.unref(s)||r.unref(c)},{...r.unref(x),...a.$attrs}),{default:r.withCtx(()=>[r.unref(c)?r.renderSlot(a.$slots,"loading",{key:0},()=>[r.createVNode(r.unref(g.default),{color:r.unref(w)},null,8,["color"]),r.unref(l)?(r.openBlock(),r.createElementBlock("span",f,r.toDisplayString(r.unref(l)),1)):r.createCommentVNode("",!0)],!0):r.renderSlot(a.$slots,"default",{key:1},void 0,!0)]),_:3},16,["class","rel","target","disabled"]))}}),[["__scopeId","data-v-9527f6f2"]]),_="";o.VBtn=n,o.default=n,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "@gits-id/button",
-  "version": "0.1.17-alpha.0",
+  "version": "0.1.17-alpha.84+d136a34",
   "description": "GITS Button Component",
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "prepublishOnly": "npm run build",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
   "keywords": [
@@ -34,6 +39,3 @@ "button",
   "types": "./dist/types/index.d.ts",
-  "scripts": {
-    "build": "vite build && tsc --emitDeclarationOnly && mv dist/src dist/types",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  }
-}
+  "gitHead": "d136a34f253c2d857aa0866c65a2b10cb8a77c17"
+}

src/VBtn.stories.ts

@@ -264,3 +264,3 @@ import {Meta, Story} from '@storybook/vue3';
   <div>
-    <div class="font-bold text-lg mb-2">{{color}}</div>
+    <div class="font-semibold text-lg mb-2">{{color}}</div>
     <div class="flex items-end gap-2">
@@ -282,3 +282,3 @@ <Button v-for="size in sizes" :key="size" v-bind="args" :color="color" :size="size" icon>
   <div>
-    <div class="font-bold text-lg mb-2">{{color}}</div>
+    <div class="font-semibold text-lg mb-2">{{color}}</div>
     <div class="flex items-end gap-2">
@@ -285,0 +285,0 @@ <Button v-for="size in sizes" :key="size" v-bind="args" :color="color" :size="size">

vite.config.js

@@ -23,3 +23,3 @@ import {defineConfig} from 'vite';
       // into your library
-      external: ['vue'],
+      external: ['vue', '@gits-id/spinner'],
       output: {
@@ -26,0 +26,0 @@ // Provide global variables to use in the UMD build

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

90432

-5.05%

Lines of code

1400

-6.35%

No dependency changes