@vuesimple/vs-button 3.0.3 → 3.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -60,7 +60,7 @@ npm i @vuesimple/vs-button
60
60
 
61
61
  ```javascript
62
62
  // Main/Entry file
63
- app.use(VsButton);
63
+ app.use(VsButton.plugin);
64
64
  ```
65
65
 
66
66
  ```html
package/dist/index.esm.js CHANGED
@@ -159,5 +159,6 @@ const z = /* @__PURE__ */ u(k, [["render", L]]), B = {
159
159
  }
160
160
  };
161
161
  export {
162
- B as default
162
+ z as default,
163
+ B as plugin
163
164
  };
package/dist/index.min.js CHANGED
@@ -1 +1 @@
1
- (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();var VsButton=function(e){"use strict";const m="",o=(i,s)=>{const t=i.__vccOpts||i;for(const[a,n]of s)t[a]=n;return t},r={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}},d={class:"vs-loader"};function c(i,s,t,a,n,l){return e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay3])},null,4)])}const u=o(r,[["render",c]]),g="",y={name:"VsButton",components:{VsLoader:u},props:{variant:{type:String,default:"primary"},size:{type:String,default:"medium"},fill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},loaderSize:{type:String,default:"8px"},loaderColor:{type:String,default:"#1f73b7"},disabled:{type:[Boolean,String],default:!1},href:{type:String},target:{type:String},rel:{type:String}},computed:{classList(){return[[this.variant==="link"?"vs-button__link":`vs-button__${this.variant}${this.fill?"-fill":""}`],`vs-button--${this.size}`,{"vs-button--loading":this.isLoading},{"vs-button--round":this.isRound}]},isLink(){return this.variant==="link"||!!this.href?"a":"button"}},methods:{emitClick(){(!this.isLoading||!this.disabled)&&this.$emit("click")}}};function f(i,s,t,a,n,l){const _=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:l.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",l.classList])},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(_,{key:0,size:t.loaderSize,color:t.loaderColor},null,8,["size","color"])):e.renderSlot(i.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class"])}const p=o(y,[["render",f]]);return{install(i){i.component("VsButton",p)}}}(Vue);
1
+ (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();var VsButton=function(l,e){"use strict";const h="",r=(i,s)=>{const t=i.__vccOpts||i;for(const[o,n]of s)t[o]=n;return t},c={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}},u={class:"vs-loader"};function y(i,s,t,o,n,a){return e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay3])},null,4)])}const f=r(c,[["render",y]]),S="",_={name:"VsButton",components:{VsLoader:f},props:{variant:{type:String,default:"primary"},size:{type:String,default:"medium"},fill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},loaderSize:{type:String,default:"8px"},loaderColor:{type:String,default:"#1f73b7"},disabled:{type:[Boolean,String],default:!1},href:{type:String},target:{type:String},rel:{type:String}},computed:{classList(){return[[this.variant==="link"?"vs-button__link":`vs-button__${this.variant}${this.fill?"-fill":""}`],`vs-button--${this.size}`,{"vs-button--loading":this.isLoading},{"vs-button--round":this.isRound}]},isLink(){return this.variant==="link"||!!this.href?"a":"button"}},methods:{emitClick(){(!this.isLoading||!this.disabled)&&this.$emit("click")}}};function m(i,s,t,o,n,a){const g=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:a.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",a.classList])},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(g,{key:0,size:t.loaderSize,color:t.loaderColor},null,8,["size","color"])):e.renderSlot(i.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class"])}const d=r(_,[["render",m]]),p={install(i){i.component("VsButton",d)}};return l.default=d,l.plugin=p,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),l}({},Vue);
package/dist/index.umd.js CHANGED
@@ -1 +1 @@
1
- (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();(function(e,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(e=typeof globalThis<"u"?globalThis:e||self,e.VsButton=l(e.Vue))})(this,function(e){"use strict";const l="",r=(i,o)=>{const t=i.__vccOpts||i;for(const[a,n]of o)t[a]=n;return t},d={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}},c={class:"vs-loader"};function u(i,o,t,a,n,s){return e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay3])},null,4)])}const f=r(d,[["render",u]]),h="",y={name:"VsButton",components:{VsLoader:f},props:{variant:{type:String,default:"primary"},size:{type:String,default:"medium"},fill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},loaderSize:{type:String,default:"8px"},loaderColor:{type:String,default:"#1f73b7"},disabled:{type:[Boolean,String],default:!1},href:{type:String},target:{type:String},rel:{type:String}},computed:{classList(){return[[this.variant==="link"?"vs-button__link":`vs-button__${this.variant}${this.fill?"-fill":""}`],`vs-button--${this.size}`,{"vs-button--loading":this.isLoading},{"vs-button--round":this.isRound}]},isLink(){return this.variant==="link"||!!this.href?"a":"button"}},methods:{emitClick(){(!this.isLoading||!this.disabled)&&this.$emit("click")}}};function p(i,o,t,a,n,s){const _=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:s.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",s.classList])},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(_,{key:0,size:t.loaderSize,color:t.loaderColor},null,8,["size","color"])):e.renderSlot(i.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class"])}const m=r(y,[["render",p]]);return{install(i){i.component("VsButton",m)}}});
1
+ (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.VsButton={},i.Vue))})(this,function(i,e){"use strict";const g="",r=(l,s)=>{const t=l.__vccOpts||l;for(const[a,n]of s)t[a]=n;return t},c={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}},u={class:"vs-loader"};function f(l,s,t,a,n,o){return e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay3])},null,4)])}const y=r(c,[["render",f]]),S="",p={name:"VsButton",components:{VsLoader:y},props:{variant:{type:String,default:"primary"},size:{type:String,default:"medium"},fill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},loaderSize:{type:String,default:"8px"},loaderColor:{type:String,default:"#1f73b7"},disabled:{type:[Boolean,String],default:!1},href:{type:String},target:{type:String},rel:{type:String}},computed:{classList(){return[[this.variant==="link"?"vs-button__link":`vs-button__${this.variant}${this.fill?"-fill":""}`],`vs-button--${this.size}`,{"vs-button--loading":this.isLoading},{"vs-button--round":this.isRound}]},isLink(){return this.variant==="link"||!!this.href?"a":"button"}},methods:{emitClick(){(!this.isLoading||!this.disabled)&&this.$emit("click")}}};function m(l,s,t,a,n,o){const h=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:o.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",o.classList])},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(h,{key:0,size:t.loaderSize,color:t.loaderColor},null,8,["size","color"])):e.renderSlot(l.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class"])}const d=r(p,[["render",m]]),_={install(l){l.component("VsButton",d)}};i.default=d,i.plugin=_,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vuesimple/vs-button",
3
- "version": "3.0.3",
3
+ "version": "3.0.5",
4
4
  "description": "A simple vue button. Perfect for all your button scenarios.",
5
5
  "main": "dist/index.umd.js",
6
6
  "module": "dist/index.esm.js",
@@ -43,5 +43,5 @@
43
43
  "url": "https://github.com/ashwinkshenoy/vue-simple/issues"
44
44
  },
45
45
  "homepage": "https://github.com/ashwinkshenoy/vue-simple/tree/master/packages/vs-button",
46
- "gitHead": "33c90c26145883e79c6b501764b36b4873394c03"
46
+ "gitHead": "427c4ee2584ef27e496b3a5d8ae8cae49f73f318"
47
47
  }
package/src/index.js CHANGED
@@ -6,4 +6,5 @@ const plugin = {
6
6
  },
7
7
  };
8
8
 
9
- export default plugin;
9
+ export default VsButton;
10
+ export { plugin };