@vuesimple/vs-button 3.0.9 → 3.1.1
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 +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.umd.js +1 -1
- package/package.json +2 -2
- package/src/vs-button.vue +43 -0
package/README.md
CHANGED
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
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);} })();import { openBlock as r, createElementBlock as y, createElementVNode as a, normalizeStyle as o, resolveComponent as f, createBlock as d, resolveDynamicComponent as _, normalizeClass as p, withCtx as m, renderSlot as g } from "vue";
|
|
1
|
+
(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";@-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}html[data-theme=dark] .vs-button.vs-button__primary:hover,html.dark .vs-button.vs-button__primary:hover{background:#092134;border-color:#2d8edc;color:#2d8edc}html[data-theme=dark] .vs-button.vs-button__success:hover,html.dark .vs-button.vs-button__success:hover{background:#0a2c12;border-color:#34ce57;color:#34ce57}html[data-theme=dark] .vs-button.vs-button__danger:hover,html.dark .vs-button.vs-button__danger:hover{background:#140506;border-color:#d65c66;color:#d65c66}html[data-theme=dark] .vs-button.vs-button__warning:hover,html.dark .vs-button.vs-button__warning:hover{background:#3e2100;border-color:#ffc88a;color:#ffc88a}html[data-theme=dark] .vs-button.vs-button__secondary:hover,html.dark .vs-button.vs-button__secondary:hover{background:black;border-color:#868e96;color:#868e96}html[data-theme=dark] .vs-button.vs-button__light:hover,html.dark .vs-button.vs-button__light:hover{background:#9fadba;border-color:#fff;color:#fff}html[data-theme=dark] .vs-button:disabled,html[data-theme=dark] .vs-button.vs-button--loading,html.dark .vs-button:disabled,html.dark .vs-button.vs-button--loading{background:rgba(255,255,255,.0784313725);border-color:transparent;color:#5c6970;cursor:no-drop}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { openBlock as r, createElementBlock as y, createElementVNode as a, normalizeStyle as o, resolveComponent as f, createBlock as d, resolveDynamicComponent as _, normalizeClass as p, withCtx as m, renderSlot as g } from "vue";
|
|
2
2
|
const u = (n, s) => {
|
|
3
3
|
const e = n.__vccOpts || n;
|
|
4
4
|
for (const [l, t] of s)
|
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(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);
|
|
1
|
+
(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";@-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}html[data-theme=dark] .vs-button.vs-button__primary:hover,html.dark .vs-button.vs-button__primary:hover{background:#092134;border-color:#2d8edc;color:#2d8edc}html[data-theme=dark] .vs-button.vs-button__success:hover,html.dark .vs-button.vs-button__success:hover{background:#0a2c12;border-color:#34ce57;color:#34ce57}html[data-theme=dark] .vs-button.vs-button__danger:hover,html.dark .vs-button.vs-button__danger:hover{background:#140506;border-color:#d65c66;color:#d65c66}html[data-theme=dark] .vs-button.vs-button__warning:hover,html.dark .vs-button.vs-button__warning:hover{background:#3e2100;border-color:#ffc88a;color:#ffc88a}html[data-theme=dark] .vs-button.vs-button__secondary:hover,html.dark .vs-button.vs-button__secondary:hover{background:black;border-color:#868e96;color:#868e96}html[data-theme=dark] .vs-button.vs-button__light:hover,html.dark .vs-button.vs-button__light:hover{background:#9fadba;border-color:#fff;color:#fff}html[data-theme=dark] .vs-button:disabled,html[data-theme=dark] .vs-button.vs-button--loading,html.dark .vs-button:disabled,html.dark .vs-button.vs-button--loading{background:rgba(255,255,255,.0784313725);border-color:transparent;color:#5c6970;cursor:no-drop}")); 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(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"}})});
|
|
1
|
+
(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";@-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}html[data-theme=dark] .vs-button.vs-button__primary:hover,html.dark .vs-button.vs-button__primary:hover{background:#092134;border-color:#2d8edc;color:#2d8edc}html[data-theme=dark] .vs-button.vs-button__success:hover,html.dark .vs-button.vs-button__success:hover{background:#0a2c12;border-color:#34ce57;color:#34ce57}html[data-theme=dark] .vs-button.vs-button__danger:hover,html.dark .vs-button.vs-button__danger:hover{background:#140506;border-color:#d65c66;color:#d65c66}html[data-theme=dark] .vs-button.vs-button__warning:hover,html.dark .vs-button.vs-button__warning:hover{background:#3e2100;border-color:#ffc88a;color:#ffc88a}html[data-theme=dark] .vs-button.vs-button__secondary:hover,html.dark .vs-button.vs-button__secondary:hover{background:black;border-color:#868e96;color:#868e96}html[data-theme=dark] .vs-button.vs-button__light:hover,html.dark .vs-button.vs-button__light:hover{background:#9fadba;border-color:#fff;color:#fff}html[data-theme=dark] .vs-button:disabled,html[data-theme=dark] .vs-button.vs-button--loading,html.dark .vs-button:disabled,html.dark .vs-button.vs-button--loading{background:rgba(255,255,255,.0784313725);border-color:transparent;color:#5c6970;cursor:no-drop}")); 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.
|
|
3
|
+
"version": "3.1.1",
|
|
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",
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "dbda7c423a550ef9aa42b3f82f92bb38d76a6948"
|
|
47
47
|
}
|
package/src/vs-button.vue
CHANGED
|
@@ -242,4 +242,47 @@
|
|
|
242
242
|
}
|
|
243
243
|
}
|
|
244
244
|
}
|
|
245
|
+
|
|
246
|
+
/* 🌙 Dark mode support */
|
|
247
|
+
html[data-theme='dark'],
|
|
248
|
+
html.dark {
|
|
249
|
+
#{$el} {
|
|
250
|
+
$color-primary: #1f73b7;
|
|
251
|
+
$color-secondary: #6c757d;
|
|
252
|
+
$color-light: #f8f9fa;
|
|
253
|
+
$color-success: #28a745;
|
|
254
|
+
$color-danger: #cc3340;
|
|
255
|
+
$color-warning: #ffb057;
|
|
256
|
+
$color-disabled-bg: #ffffff14;
|
|
257
|
+
$color-disabled-text: #5c6970;
|
|
258
|
+
|
|
259
|
+
$theme: (primary $color-primary #ffffff), (success $color-success #ffffff), (danger $color-danger #ffffff),
|
|
260
|
+
(warning $color-warning #703815), (secondary $color-secondary #ffffff), (light $color-light #212529);
|
|
261
|
+
|
|
262
|
+
@each $button in $theme {
|
|
263
|
+
&#{$el}__#{nth($button, 1)} {
|
|
264
|
+
&:hover {
|
|
265
|
+
@if nth($button, 1) == warning {
|
|
266
|
+
background: darken(nth($button, 2), 55%);
|
|
267
|
+
} @else if nth($button, 1) == danger {
|
|
268
|
+
background: darken(nth($button, 2), 45%);
|
|
269
|
+
} @else if nth($button, 1) == secondary {
|
|
270
|
+
background: darken(nth($button, 2), 50%);
|
|
271
|
+
} @else {
|
|
272
|
+
background: darken(nth($button, 2), 30%);
|
|
273
|
+
}
|
|
274
|
+
border-color: lighten(nth($button, 2), 10%);
|
|
275
|
+
color: lighten(nth($button, 2), 10%);
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
|
+
&:disabled,
|
|
279
|
+
&#{$el}--loading {
|
|
280
|
+
background: $color-disabled-bg;
|
|
281
|
+
border-color: transparent;
|
|
282
|
+
color: $color-disabled-text;
|
|
283
|
+
cursor: no-drop;
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
}
|
|
245
288
|
</style>
|