@vuesimple/vs-button 1.4.8 → 1.4.10

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.
Files changed (4) hide show
  1. package/dist/vs-button.esm.js +2 -2
  2. package/dist/vs-button.min.js +1 -1
  3. package/dist/vs-button.umd.js +2 -2
  4. package/package.json +2 -2
package/dist/vs-button.esm.js CHANGED
@@ -205,7 +205,7 @@ __vue_render__._withStripped = true;
205
205
  /* style */
206
206
  var __vue_inject_styles__ = function (inject) {
207
207
  if (!inject) { return }
208
- inject("data-v-4af1bfa1_0", { source: "@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}", map: undefined, media: undefined });
208
+ inject("data-v-815feb5a_0", { source: "@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}", map: undefined, media: undefined });
209
209
 
210
210
  };
211
211
  /* scoped */
@@ -349,7 +349,7 @@ __vue_render__$1._withStripped = true;
349
349
  /* style */
350
350
  var __vue_inject_styles__$1 = function (inject) {
351
351
  if (!inject) { return }
352
- inject("data-v-f82cb9a8_0", { source: ".vs-button {\n border-radius: 4px;\n font-weight: 400;\n box-sizing: border-box;\n user-select: none;\n padding: 0 1.07143em;\n display: inline-flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;\n margin: 0px;\n cursor: pointer;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.vs-button .vs-loader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-button.vs-button--small {\n height: 32px;\n line-height: 30px;\n font-size: 12px;\n}\n.vs-button.vs-button--medium {\n height: 40px;\n line-height: 38px;\n font-size: 14px;\n}\n.vs-button.vs-button--large {\n height: 48px;\n line-height: 46px;\n font-size: 14px;\n}\n.vs-button.vs-button--round {\n border-radius: 50px;\n}\n.vs-button.vs-button__primary, .vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:focus {\n background: transparent;\n color: #1f73b7;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:hover:hover, .vs-button.vs-button__primary:focus:hover {\n border-color: #18588b;\n background: #f2f8fd;\n color: #18588b;\n}\n.vs-button.vs-button__primary:active, .vs-button.vs-button__primary:hover:active, .vs-button.vs-button__primary:focus:active {\n border-color: #103c60;\n background: #dcecf9;\n color: #103c60;\n}\n.vs-button.vs-button__primary:focus-visible, .vs-button.vs-button__primary:hover:focus-visible, .vs-button.vs-button__primary:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__primary-fill, .vs-button.vs-button__primary-fill:focus {\n background: #1f73b7;\n color: #ffffff;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary-fill:hover, .vs-button.vs-button__primary-fill:focus:hover {\n border-color: #18588b;\n background: #18588b;\n}\n.vs-button.vs-button__primary-fill:active, .vs-button.vs-button__primary-fill:focus:active {\n border-color: #103c60;\n background: #144a76;\n}\n.vs-button.vs-button__primary-fill:focus-visible, .vs-button.vs-button__primary-fill:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success, .vs-button.vs-button__success:hover, .vs-button.vs-button__success:focus {\n background: transparent;\n color: #28a745;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success:hover, .vs-button.vs-button__success:hover:hover, .vs-button.vs-button__success:focus:hover {\n border-color: #1e7e34;\n background: #edfbf0;\n color: #1e7e34;\n}\n.vs-button.vs-button__success:active, .vs-button.vs-button__success:hover:active, .vs-button.vs-button__success:focus:active {\n border-color: #145523;\n background: #d8f6df;\n color: #145523;\n}\n.vs-button.vs-button__success:focus-visible, .vs-button.vs-button__success:hover:focus-visible, .vs-button.vs-button__success:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success-fill, .vs-button.vs-button__success-fill:focus {\n background: #28a745;\n color: #ffffff;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success-fill:hover, .vs-button.vs-button__success-fill:focus:hover {\n border-color: #1e7e34;\n background: #1e7e34;\n}\n.vs-button.vs-button__success-fill:active, .vs-button.vs-button__success-fill:focus:active {\n border-color: #145523;\n background: #19692c;\n}\n.vs-button.vs-button__success-fill:focus-visible, .vs-button.vs-button__success-fill:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger, .vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:focus {\n background: transparent;\n color: #cc3340;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:hover:hover, .vs-button.vs-button__danger:focus:hover {\n border-color: #a32933;\n background: #faebec;\n color: #a32933;\n}\n.vs-button.vs-button__danger:active, .vs-button.vs-button__danger:hover:active, .vs-button.vs-button__danger:focus:active {\n border-color: #7a1f26;\n background: white;\n color: #7a1f26;\n}\n.vs-button.vs-button__danger:focus-visible, .vs-button.vs-button__danger:hover:focus-visible, .vs-button.vs-button__danger:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger-fill, .vs-button.vs-button__danger-fill:focus {\n background: #cc3340;\n color: #ffffff;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger-fill:hover, .vs-button.vs-button__danger-fill:focus:hover {\n border-color: #a32933;\n background: #a32933;\n}\n.vs-button.vs-button__danger-fill:active, .vs-button.vs-button__danger-fill:focus:active {\n border-color: #7a1f26;\n background: #8f242d;\n}\n.vs-button.vs-button__danger-fill:focus-visible, .vs-button.vs-button__danger-fill:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning, .vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:focus {\n background: transparent;\n color: #ffb057;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:hover:hover, .vs-button.vs-button__warning:focus:hover {\n border-color: #ff9824;\n background: #fff8f0;\n color: #ff9824;\n}\n.vs-button.vs-button__warning:active, .vs-button.vs-button__warning:hover:active, .vs-button.vs-button__warning:focus:active {\n border-color: #f07f00;\n background: white;\n color: #f07f00;\n}\n.vs-button.vs-button__warning:focus-visible, .vs-button.vs-button__warning:hover:focus-visible, .vs-button.vs-button__warning:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning-fill, .vs-button.vs-button__warning-fill:focus {\n background: #ffb057;\n color: #703815;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning-fill:hover, .vs-button.vs-button__warning-fill:focus:hover {\n border-color: #ff9824;\n background: #ff9824;\n}\n.vs-button.vs-button__warning-fill:active, .vs-button.vs-button__warning-fill:focus:active {\n border-color: #f07f00;\n background: #ff8c0b;\n}\n.vs-button.vs-button__warning-fill:focus-visible, .vs-button.vs-button__warning-fill:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary, .vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:focus {\n background: transparent;\n color: #6c757d;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:hover:hover, .vs-button.vs-button__secondary:focus:hover {\n border-color: #545b62;\n background: #f3f4f5;\n color: #545b62;\n}\n.vs-button.vs-button__secondary:active, .vs-button.vs-button__secondary:hover:active, .vs-button.vs-button__secondary:focus:active {\n border-color: #3d4246;\n background: #f3f4f5;\n color: #3d4246;\n}\n.vs-button.vs-button__secondary:focus-visible, .vs-button.vs-button__secondary:hover:focus-visible, .vs-button.vs-button__secondary:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary-fill, .vs-button.vs-button__secondary-fill:focus {\n background: #6c757d;\n color: #ffffff;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary-fill:hover, .vs-button.vs-button__secondary-fill:focus:hover {\n border-color: #545b62;\n background: #545b62;\n}\n.vs-button.vs-button__secondary-fill:active, .vs-button.vs-button__secondary-fill:focus:active {\n border-color: #3d4246;\n background: #494f54;\n}\n.vs-button.vs-button__secondary-fill:focus-visible, .vs-button.vs-button__secondary-fill:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light, .vs-button.vs-button__light:hover, .vs-button.vs-button__light:focus {\n background: transparent;\n color: #f8f9fa;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light:hover, .vs-button.vs-button__light:hover:hover, .vs-button.vs-button__light:focus:hover {\n border-color: #dae0e5;\n background: white;\n color: #dae0e5;\n}\n.vs-button.vs-button__light:active, .vs-button.vs-button__light:hover:active, .vs-button.vs-button__light:focus:active {\n border-color: #bdc6d0;\n background: white;\n color: #bdc6d0;\n}\n.vs-button.vs-button__light:focus-visible, .vs-button.vs-button__light:hover:focus-visible, .vs-button.vs-button__light:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light-fill, .vs-button.vs-button__light-fill:focus {\n background: #f8f9fa;\n color: #212529;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light-fill:hover, .vs-button.vs-button__light-fill:focus:hover {\n border-color: #dae0e5;\n background: #dae0e5;\n}\n.vs-button.vs-button__light-fill:active, .vs-button.vs-button__light-fill:focus:active {\n border-color: #bdc6d0;\n background: #cbd3da;\n}\n.vs-button.vs-button__light-fill:focus-visible, .vs-button.vs-button__light-fill:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__link {\n background: transparent;\n color: #1f73b7;\n border: none;\n padding: 0;\n}\n.vs-button.vs-button__link:hover {\n text-decoration: underline;\n}", map: undefined, media: undefined });
352
+ inject("data-v-bc6d4844_0", { source: ".vs-button {\n border-radius: 4px;\n font-weight: 400;\n box-sizing: border-box;\n user-select: none;\n padding: 0 1.07143em;\n display: inline-flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;\n margin: 0px;\n cursor: pointer;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.vs-button .vs-loader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-button.vs-button--small {\n height: 32px;\n line-height: 30px;\n font-size: 12px;\n}\n.vs-button.vs-button--medium {\n height: 40px;\n line-height: 38px;\n font-size: 14px;\n}\n.vs-button.vs-button--large {\n height: 48px;\n line-height: 46px;\n font-size: 14px;\n}\n.vs-button.vs-button--round {\n border-radius: 50px;\n}\n.vs-button.vs-button__primary, .vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:focus {\n background: transparent;\n color: #1f73b7;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:hover:hover, .vs-button.vs-button__primary:focus:hover {\n border-color: #18588b;\n background: #f2f8fd;\n color: #18588b;\n}\n.vs-button.vs-button__primary:active, .vs-button.vs-button__primary:hover:active, .vs-button.vs-button__primary:focus:active {\n border-color: #103c60;\n background: #dcecf9;\n color: #103c60;\n}\n.vs-button.vs-button__primary:focus-visible, .vs-button.vs-button__primary:hover:focus-visible, .vs-button.vs-button__primary:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__primary-fill, .vs-button.vs-button__primary-fill:focus {\n background: #1f73b7;\n color: #ffffff;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary-fill:hover, .vs-button.vs-button__primary-fill:focus:hover {\n border-color: #18588b;\n background: #18588b;\n}\n.vs-button.vs-button__primary-fill:active, .vs-button.vs-button__primary-fill:focus:active {\n border-color: #103c60;\n background: #144a76;\n}\n.vs-button.vs-button__primary-fill:focus-visible, .vs-button.vs-button__primary-fill:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success, .vs-button.vs-button__success:hover, .vs-button.vs-button__success:focus {\n background: transparent;\n color: #28a745;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success:hover, .vs-button.vs-button__success:hover:hover, .vs-button.vs-button__success:focus:hover {\n border-color: #1e7e34;\n background: #edfbf0;\n color: #1e7e34;\n}\n.vs-button.vs-button__success:active, .vs-button.vs-button__success:hover:active, .vs-button.vs-button__success:focus:active {\n border-color: #145523;\n background: #d8f6df;\n color: #145523;\n}\n.vs-button.vs-button__success:focus-visible, .vs-button.vs-button__success:hover:focus-visible, .vs-button.vs-button__success:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success-fill, .vs-button.vs-button__success-fill:focus {\n background: #28a745;\n color: #ffffff;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success-fill:hover, .vs-button.vs-button__success-fill:focus:hover {\n border-color: #1e7e34;\n background: #1e7e34;\n}\n.vs-button.vs-button__success-fill:active, .vs-button.vs-button__success-fill:focus:active {\n border-color: #145523;\n background: #19692c;\n}\n.vs-button.vs-button__success-fill:focus-visible, .vs-button.vs-button__success-fill:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger, .vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:focus {\n background: transparent;\n color: #cc3340;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:hover:hover, .vs-button.vs-button__danger:focus:hover {\n border-color: #a32933;\n background: #faebec;\n color: #a32933;\n}\n.vs-button.vs-button__danger:active, .vs-button.vs-button__danger:hover:active, .vs-button.vs-button__danger:focus:active {\n border-color: #7a1f26;\n background: white;\n color: #7a1f26;\n}\n.vs-button.vs-button__danger:focus-visible, .vs-button.vs-button__danger:hover:focus-visible, .vs-button.vs-button__danger:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger-fill, .vs-button.vs-button__danger-fill:focus {\n background: #cc3340;\n color: #ffffff;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger-fill:hover, .vs-button.vs-button__danger-fill:focus:hover {\n border-color: #a32933;\n background: #a32933;\n}\n.vs-button.vs-button__danger-fill:active, .vs-button.vs-button__danger-fill:focus:active {\n border-color: #7a1f26;\n background: #8f242d;\n}\n.vs-button.vs-button__danger-fill:focus-visible, .vs-button.vs-button__danger-fill:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning, .vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:focus {\n background: transparent;\n color: #ffb057;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:hover:hover, .vs-button.vs-button__warning:focus:hover {\n border-color: #ff9824;\n background: #fff8f0;\n color: #ff9824;\n}\n.vs-button.vs-button__warning:active, .vs-button.vs-button__warning:hover:active, .vs-button.vs-button__warning:focus:active {\n border-color: #f07f00;\n background: white;\n color: #f07f00;\n}\n.vs-button.vs-button__warning:focus-visible, .vs-button.vs-button__warning:hover:focus-visible, .vs-button.vs-button__warning:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning-fill, .vs-button.vs-button__warning-fill:focus {\n background: #ffb057;\n color: #703815;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning-fill:hover, .vs-button.vs-button__warning-fill:focus:hover {\n border-color: #ff9824;\n background: #ff9824;\n}\n.vs-button.vs-button__warning-fill:active, .vs-button.vs-button__warning-fill:focus:active {\n border-color: #f07f00;\n background: #ff8c0b;\n}\n.vs-button.vs-button__warning-fill:focus-visible, .vs-button.vs-button__warning-fill:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary, .vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:focus {\n background: transparent;\n color: #6c757d;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:hover:hover, .vs-button.vs-button__secondary:focus:hover {\n border-color: #545b62;\n background: #f3f4f5;\n color: #545b62;\n}\n.vs-button.vs-button__secondary:active, .vs-button.vs-button__secondary:hover:active, .vs-button.vs-button__secondary:focus:active {\n border-color: #3d4246;\n background: #f3f4f5;\n color: #3d4246;\n}\n.vs-button.vs-button__secondary:focus-visible, .vs-button.vs-button__secondary:hover:focus-visible, .vs-button.vs-button__secondary:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary-fill, .vs-button.vs-button__secondary-fill:focus {\n background: #6c757d;\n color: #ffffff;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary-fill:hover, .vs-button.vs-button__secondary-fill:focus:hover {\n border-color: #545b62;\n background: #545b62;\n}\n.vs-button.vs-button__secondary-fill:active, .vs-button.vs-button__secondary-fill:focus:active {\n border-color: #3d4246;\n background: #494f54;\n}\n.vs-button.vs-button__secondary-fill:focus-visible, .vs-button.vs-button__secondary-fill:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light, .vs-button.vs-button__light:hover, .vs-button.vs-button__light:focus {\n background: transparent;\n color: #f8f9fa;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light:hover, .vs-button.vs-button__light:hover:hover, .vs-button.vs-button__light:focus:hover {\n border-color: #dae0e5;\n background: white;\n color: #dae0e5;\n}\n.vs-button.vs-button__light:active, .vs-button.vs-button__light:hover:active, .vs-button.vs-button__light:focus:active {\n border-color: #bdc6d0;\n background: white;\n color: #bdc6d0;\n}\n.vs-button.vs-button__light:focus-visible, .vs-button.vs-button__light:hover:focus-visible, .vs-button.vs-button__light:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light-fill, .vs-button.vs-button__light-fill:focus {\n background: #f8f9fa;\n color: #212529;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light-fill:hover, .vs-button.vs-button__light-fill:focus:hover {\n border-color: #dae0e5;\n background: #dae0e5;\n}\n.vs-button.vs-button__light-fill:active, .vs-button.vs-button__light-fill:focus:active {\n border-color: #bdc6d0;\n background: #cbd3da;\n}\n.vs-button.vs-button__light-fill:focus-visible, .vs-button.vs-button__light-fill:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__link {\n background: transparent;\n color: #1f73b7;\n border: none;\n padding: 0;\n}\n.vs-button.vs-button__link:hover {\n text-decoration: underline;\n}", map: undefined, media: undefined });
353
353
 
354
354
  };
355
355
  /* scoped */
package/dist/vs-button.min.js CHANGED
@@ -1 +1 @@
1
- var VsButton=function(n){"use strict";var t={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data:function(){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"}}}};function o(n,t,o,s,e,r,u,b,i,v){"boolean"!=typeof u&&(i=b,b=u,u=!1);var a,c="function"==typeof o?o.options:o;if(n&&n.render&&(c.render=n.render,c.staticRenderFns=n.staticRenderFns,c._compiled=!0,e&&(c.functional=!0)),s&&(c._scopeId=s),r?(a=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),t&&t.call(this,i(n)),n&&n._registeredComponents&&n._registeredComponents.add(r)},c._ssrRegister=a):t&&(a=u?function(n){t.call(this,v(n,this.$root.$options.shadowRoot))}:function(n){t.call(this,b(n))}),a)if(c.functional){var l=c.render;c.render=function(n,t){return a.call(t),l(n,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,a):[a]}return o}var s,e="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function r(n){return function(n,t){return function(n,t){var o=e?t.media||"default":n,r=u[o]||(u[o]={ids:new Set,styles:[]});if(!r.ids.has(n)){r.ids.add(n);var b=t.source;if(t.map&&(b+="\n/*# sourceURL="+t.map.sources[0]+" */",b+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",t.media&&r.element.setAttribute("media",t.media),void 0===s&&(s=document.head||document.getElementsByTagName("head")[0]),s.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(b),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{var i=r.ids.size-1,v=document.createTextNode(b),a=r.element.childNodes;a[i]&&r.element.removeChild(a[i]),a.length?r.element.insertBefore(v,a[i]):r.element.appendChild(v)}}}(n,t)}}var u={};var b=t,i=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"vs-loader"},[o("div",{style:[n.spinnerStyle,n.spinnerDelay1]}),n._v(" "),o("div",{style:[n.spinnerStyle,n.spinnerDelay2]}),n._v(" "),o("div",{style:[n.spinnerStyle,n.spinnerDelay3]})])};i._withStripped=!0;var v={name:"VsButton",components:{VsLoader:o({render:i,staticRenderFns:[]},(function(n){n&&n("data-v-4af1bfa1_0",{source:"@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}",map:void 0,media:void 0})}),b,void 0,!1,void 0,!1,r,void 0,void 0)},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:function(){return[["link"===this.variant?"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:function(){return"link"===this.variant||this.href?"a":"button"}},methods:{emitClick:function(){this.isLoading&&this.disabled||this.$emit("click")}}},a=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o(n.isLink,{tag:"component",class:["vs-button",n.classList],attrs:{role:!!n.href&&"button",href:n.href,target:n.target,rel:n.rel,type:!!n.isLink&&"button",disabled:n.disabled||n.isLoading},on:{click:n.emitClick}},[n.isLoading?o("vs-loader",{attrs:{size:n.loaderSize,color:n.loaderColor}}):n._t("default")],2)};a._withStripped=!0;var c=o({render:a,staticRenderFns:[]},(function(n){n&&n("data-v-f82cb9a8_0",{source:".vs-button {\n border-radius: 4px;\n font-weight: 400;\n box-sizing: border-box;\n user-select: none;\n padding: 0 1.07143em;\n display: inline-flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;\n margin: 0px;\n cursor: pointer;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.vs-button .vs-loader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-button.vs-button--small {\n height: 32px;\n line-height: 30px;\n font-size: 12px;\n}\n.vs-button.vs-button--medium {\n height: 40px;\n line-height: 38px;\n font-size: 14px;\n}\n.vs-button.vs-button--large {\n height: 48px;\n line-height: 46px;\n font-size: 14px;\n}\n.vs-button.vs-button--round {\n border-radius: 50px;\n}\n.vs-button.vs-button__primary, .vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:focus {\n background: transparent;\n color: #1f73b7;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:hover:hover, .vs-button.vs-button__primary:focus:hover {\n border-color: #18588b;\n background: #f2f8fd;\n color: #18588b;\n}\n.vs-button.vs-button__primary:active, .vs-button.vs-button__primary:hover:active, .vs-button.vs-button__primary:focus:active {\n border-color: #103c60;\n background: #dcecf9;\n color: #103c60;\n}\n.vs-button.vs-button__primary:focus-visible, .vs-button.vs-button__primary:hover:focus-visible, .vs-button.vs-button__primary:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__primary-fill, .vs-button.vs-button__primary-fill:focus {\n background: #1f73b7;\n color: #ffffff;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary-fill:hover, .vs-button.vs-button__primary-fill:focus:hover {\n border-color: #18588b;\n background: #18588b;\n}\n.vs-button.vs-button__primary-fill:active, .vs-button.vs-button__primary-fill:focus:active {\n border-color: #103c60;\n background: #144a76;\n}\n.vs-button.vs-button__primary-fill:focus-visible, .vs-button.vs-button__primary-fill:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success, .vs-button.vs-button__success:hover, .vs-button.vs-button__success:focus {\n background: transparent;\n color: #28a745;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success:hover, .vs-button.vs-button__success:hover:hover, .vs-button.vs-button__success:focus:hover {\n border-color: #1e7e34;\n background: #edfbf0;\n color: #1e7e34;\n}\n.vs-button.vs-button__success:active, .vs-button.vs-button__success:hover:active, .vs-button.vs-button__success:focus:active {\n border-color: #145523;\n background: #d8f6df;\n color: #145523;\n}\n.vs-button.vs-button__success:focus-visible, .vs-button.vs-button__success:hover:focus-visible, .vs-button.vs-button__success:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success-fill, .vs-button.vs-button__success-fill:focus {\n background: #28a745;\n color: #ffffff;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success-fill:hover, .vs-button.vs-button__success-fill:focus:hover {\n border-color: #1e7e34;\n background: #1e7e34;\n}\n.vs-button.vs-button__success-fill:active, .vs-button.vs-button__success-fill:focus:active {\n border-color: #145523;\n background: #19692c;\n}\n.vs-button.vs-button__success-fill:focus-visible, .vs-button.vs-button__success-fill:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger, .vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:focus {\n background: transparent;\n color: #cc3340;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:hover:hover, .vs-button.vs-button__danger:focus:hover {\n border-color: #a32933;\n background: #faebec;\n color: #a32933;\n}\n.vs-button.vs-button__danger:active, .vs-button.vs-button__danger:hover:active, .vs-button.vs-button__danger:focus:active {\n border-color: #7a1f26;\n background: white;\n color: #7a1f26;\n}\n.vs-button.vs-button__danger:focus-visible, .vs-button.vs-button__danger:hover:focus-visible, .vs-button.vs-button__danger:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger-fill, .vs-button.vs-button__danger-fill:focus {\n background: #cc3340;\n color: #ffffff;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger-fill:hover, .vs-button.vs-button__danger-fill:focus:hover {\n border-color: #a32933;\n background: #a32933;\n}\n.vs-button.vs-button__danger-fill:active, .vs-button.vs-button__danger-fill:focus:active {\n border-color: #7a1f26;\n background: #8f242d;\n}\n.vs-button.vs-button__danger-fill:focus-visible, .vs-button.vs-button__danger-fill:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning, .vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:focus {\n background: transparent;\n color: #ffb057;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:hover:hover, .vs-button.vs-button__warning:focus:hover {\n border-color: #ff9824;\n background: #fff8f0;\n color: #ff9824;\n}\n.vs-button.vs-button__warning:active, .vs-button.vs-button__warning:hover:active, .vs-button.vs-button__warning:focus:active {\n border-color: #f07f00;\n background: white;\n color: #f07f00;\n}\n.vs-button.vs-button__warning:focus-visible, .vs-button.vs-button__warning:hover:focus-visible, .vs-button.vs-button__warning:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning-fill, .vs-button.vs-button__warning-fill:focus {\n background: #ffb057;\n color: #703815;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning-fill:hover, .vs-button.vs-button__warning-fill:focus:hover {\n border-color: #ff9824;\n background: #ff9824;\n}\n.vs-button.vs-button__warning-fill:active, .vs-button.vs-button__warning-fill:focus:active {\n border-color: #f07f00;\n background: #ff8c0b;\n}\n.vs-button.vs-button__warning-fill:focus-visible, .vs-button.vs-button__warning-fill:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary, .vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:focus {\n background: transparent;\n color: #6c757d;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:hover:hover, .vs-button.vs-button__secondary:focus:hover {\n border-color: #545b62;\n background: #f3f4f5;\n color: #545b62;\n}\n.vs-button.vs-button__secondary:active, .vs-button.vs-button__secondary:hover:active, .vs-button.vs-button__secondary:focus:active {\n border-color: #3d4246;\n background: #f3f4f5;\n color: #3d4246;\n}\n.vs-button.vs-button__secondary:focus-visible, .vs-button.vs-button__secondary:hover:focus-visible, .vs-button.vs-button__secondary:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary-fill, .vs-button.vs-button__secondary-fill:focus {\n background: #6c757d;\n color: #ffffff;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary-fill:hover, .vs-button.vs-button__secondary-fill:focus:hover {\n border-color: #545b62;\n background: #545b62;\n}\n.vs-button.vs-button__secondary-fill:active, .vs-button.vs-button__secondary-fill:focus:active {\n border-color: #3d4246;\n background: #494f54;\n}\n.vs-button.vs-button__secondary-fill:focus-visible, .vs-button.vs-button__secondary-fill:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light, .vs-button.vs-button__light:hover, .vs-button.vs-button__light:focus {\n background: transparent;\n color: #f8f9fa;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light:hover, .vs-button.vs-button__light:hover:hover, .vs-button.vs-button__light:focus:hover {\n border-color: #dae0e5;\n background: white;\n color: #dae0e5;\n}\n.vs-button.vs-button__light:active, .vs-button.vs-button__light:hover:active, .vs-button.vs-button__light:focus:active {\n border-color: #bdc6d0;\n background: white;\n color: #bdc6d0;\n}\n.vs-button.vs-button__light:focus-visible, .vs-button.vs-button__light:hover:focus-visible, .vs-button.vs-button__light:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light-fill, .vs-button.vs-button__light-fill:focus {\n background: #f8f9fa;\n color: #212529;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light-fill:hover, .vs-button.vs-button__light-fill:focus:hover {\n border-color: #dae0e5;\n background: #dae0e5;\n}\n.vs-button.vs-button__light-fill:active, .vs-button.vs-button__light-fill:focus:active {\n border-color: #bdc6d0;\n background: #cbd3da;\n}\n.vs-button.vs-button__light-fill:focus-visible, .vs-button.vs-button__light-fill:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__link {\n background: transparent;\n color: #1f73b7;\n border: none;\n padding: 0;\n}\n.vs-button.vs-button__link:hover {\n text-decoration: underline;\n}",map:void 0,media:void 0})}),v,void 0,!1,void 0,!1,r,void 0,void 0);function l(n){l.installed||(l.installed=!0,n.component("VsButton",c))}var d={install:l},_=null;return"undefined"!=typeof window?_=window.Vue:"undefined"!=typeof global&&(_=global.Vue),_&&_.use(d),n.default=c,n.install=l,n}({});
1
+ var VsButton=function(n){"use strict";var t={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data:function(){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"}}}};function o(n,t,o,s,e,r,u,b,i,v){"boolean"!=typeof u&&(i=b,b=u,u=!1);var a,c="function"==typeof o?o.options:o;if(n&&n.render&&(c.render=n.render,c.staticRenderFns=n.staticRenderFns,c._compiled=!0,e&&(c.functional=!0)),s&&(c._scopeId=s),r?(a=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),t&&t.call(this,i(n)),n&&n._registeredComponents&&n._registeredComponents.add(r)},c._ssrRegister=a):t&&(a=u?function(n){t.call(this,v(n,this.$root.$options.shadowRoot))}:function(n){t.call(this,b(n))}),a)if(c.functional){var l=c.render;c.render=function(n,t){return a.call(t),l(n,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,a):[a]}return o}var s,e="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function r(n){return function(n,t){return function(n,t){var o=e?t.media||"default":n,r=u[o]||(u[o]={ids:new Set,styles:[]});if(!r.ids.has(n)){r.ids.add(n);var b=t.source;if(t.map&&(b+="\n/*# sourceURL="+t.map.sources[0]+" */",b+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",t.media&&r.element.setAttribute("media",t.media),void 0===s&&(s=document.head||document.getElementsByTagName("head")[0]),s.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(b),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{var i=r.ids.size-1,v=document.createTextNode(b),a=r.element.childNodes;a[i]&&r.element.removeChild(a[i]),a.length?r.element.insertBefore(v,a[i]):r.element.appendChild(v)}}}(n,t)}}var u={};var b=t,i=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",{staticClass:"vs-loader"},[o("div",{style:[n.spinnerStyle,n.spinnerDelay1]}),n._v(" "),o("div",{style:[n.spinnerStyle,n.spinnerDelay2]}),n._v(" "),o("div",{style:[n.spinnerStyle,n.spinnerDelay3]})])};i._withStripped=!0;var v={name:"VsButton",components:{VsLoader:o({render:i,staticRenderFns:[]},(function(n){n&&n("data-v-815feb5a_0",{source:"@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}",map:void 0,media:void 0})}),b,void 0,!1,void 0,!1,r,void 0,void 0)},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:function(){return[["link"===this.variant?"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:function(){return"link"===this.variant||this.href?"a":"button"}},methods:{emitClick:function(){this.isLoading&&this.disabled||this.$emit("click")}}},a=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o(n.isLink,{tag:"component",class:["vs-button",n.classList],attrs:{role:!!n.href&&"button",href:n.href,target:n.target,rel:n.rel,type:!!n.isLink&&"button",disabled:n.disabled||n.isLoading},on:{click:n.emitClick}},[n.isLoading?o("vs-loader",{attrs:{size:n.loaderSize,color:n.loaderColor}}):n._t("default")],2)};a._withStripped=!0;var c=o({render:a,staticRenderFns:[]},(function(n){n&&n("data-v-bc6d4844_0",{source:".vs-button {\n border-radius: 4px;\n font-weight: 400;\n box-sizing: border-box;\n user-select: none;\n padding: 0 1.07143em;\n display: inline-flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;\n margin: 0px;\n cursor: pointer;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.vs-button .vs-loader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-button.vs-button--small {\n height: 32px;\n line-height: 30px;\n font-size: 12px;\n}\n.vs-button.vs-button--medium {\n height: 40px;\n line-height: 38px;\n font-size: 14px;\n}\n.vs-button.vs-button--large {\n height: 48px;\n line-height: 46px;\n font-size: 14px;\n}\n.vs-button.vs-button--round {\n border-radius: 50px;\n}\n.vs-button.vs-button__primary, .vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:focus {\n background: transparent;\n color: #1f73b7;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:hover:hover, .vs-button.vs-button__primary:focus:hover {\n border-color: #18588b;\n background: #f2f8fd;\n color: #18588b;\n}\n.vs-button.vs-button__primary:active, .vs-button.vs-button__primary:hover:active, .vs-button.vs-button__primary:focus:active {\n border-color: #103c60;\n background: #dcecf9;\n color: #103c60;\n}\n.vs-button.vs-button__primary:focus-visible, .vs-button.vs-button__primary:hover:focus-visible, .vs-button.vs-button__primary:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__primary-fill, .vs-button.vs-button__primary-fill:focus {\n background: #1f73b7;\n color: #ffffff;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary-fill:hover, .vs-button.vs-button__primary-fill:focus:hover {\n border-color: #18588b;\n background: #18588b;\n}\n.vs-button.vs-button__primary-fill:active, .vs-button.vs-button__primary-fill:focus:active {\n border-color: #103c60;\n background: #144a76;\n}\n.vs-button.vs-button__primary-fill:focus-visible, .vs-button.vs-button__primary-fill:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success, .vs-button.vs-button__success:hover, .vs-button.vs-button__success:focus {\n background: transparent;\n color: #28a745;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success:hover, .vs-button.vs-button__success:hover:hover, .vs-button.vs-button__success:focus:hover {\n border-color: #1e7e34;\n background: #edfbf0;\n color: #1e7e34;\n}\n.vs-button.vs-button__success:active, .vs-button.vs-button__success:hover:active, .vs-button.vs-button__success:focus:active {\n border-color: #145523;\n background: #d8f6df;\n color: #145523;\n}\n.vs-button.vs-button__success:focus-visible, .vs-button.vs-button__success:hover:focus-visible, .vs-button.vs-button__success:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success-fill, .vs-button.vs-button__success-fill:focus {\n background: #28a745;\n color: #ffffff;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success-fill:hover, .vs-button.vs-button__success-fill:focus:hover {\n border-color: #1e7e34;\n background: #1e7e34;\n}\n.vs-button.vs-button__success-fill:active, .vs-button.vs-button__success-fill:focus:active {\n border-color: #145523;\n background: #19692c;\n}\n.vs-button.vs-button__success-fill:focus-visible, .vs-button.vs-button__success-fill:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger, .vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:focus {\n background: transparent;\n color: #cc3340;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:hover:hover, .vs-button.vs-button__danger:focus:hover {\n border-color: #a32933;\n background: #faebec;\n color: #a32933;\n}\n.vs-button.vs-button__danger:active, .vs-button.vs-button__danger:hover:active, .vs-button.vs-button__danger:focus:active {\n border-color: #7a1f26;\n background: white;\n color: #7a1f26;\n}\n.vs-button.vs-button__danger:focus-visible, .vs-button.vs-button__danger:hover:focus-visible, .vs-button.vs-button__danger:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger-fill, .vs-button.vs-button__danger-fill:focus {\n background: #cc3340;\n color: #ffffff;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger-fill:hover, .vs-button.vs-button__danger-fill:focus:hover {\n border-color: #a32933;\n background: #a32933;\n}\n.vs-button.vs-button__danger-fill:active, .vs-button.vs-button__danger-fill:focus:active {\n border-color: #7a1f26;\n background: #8f242d;\n}\n.vs-button.vs-button__danger-fill:focus-visible, .vs-button.vs-button__danger-fill:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning, .vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:focus {\n background: transparent;\n color: #ffb057;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:hover:hover, .vs-button.vs-button__warning:focus:hover {\n border-color: #ff9824;\n background: #fff8f0;\n color: #ff9824;\n}\n.vs-button.vs-button__warning:active, .vs-button.vs-button__warning:hover:active, .vs-button.vs-button__warning:focus:active {\n border-color: #f07f00;\n background: white;\n color: #f07f00;\n}\n.vs-button.vs-button__warning:focus-visible, .vs-button.vs-button__warning:hover:focus-visible, .vs-button.vs-button__warning:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning-fill, .vs-button.vs-button__warning-fill:focus {\n background: #ffb057;\n color: #703815;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning-fill:hover, .vs-button.vs-button__warning-fill:focus:hover {\n border-color: #ff9824;\n background: #ff9824;\n}\n.vs-button.vs-button__warning-fill:active, .vs-button.vs-button__warning-fill:focus:active {\n border-color: #f07f00;\n background: #ff8c0b;\n}\n.vs-button.vs-button__warning-fill:focus-visible, .vs-button.vs-button__warning-fill:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary, .vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:focus {\n background: transparent;\n color: #6c757d;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:hover:hover, .vs-button.vs-button__secondary:focus:hover {\n border-color: #545b62;\n background: #f3f4f5;\n color: #545b62;\n}\n.vs-button.vs-button__secondary:active, .vs-button.vs-button__secondary:hover:active, .vs-button.vs-button__secondary:focus:active {\n border-color: #3d4246;\n background: #f3f4f5;\n color: #3d4246;\n}\n.vs-button.vs-button__secondary:focus-visible, .vs-button.vs-button__secondary:hover:focus-visible, .vs-button.vs-button__secondary:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary-fill, .vs-button.vs-button__secondary-fill:focus {\n background: #6c757d;\n color: #ffffff;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary-fill:hover, .vs-button.vs-button__secondary-fill:focus:hover {\n border-color: #545b62;\n background: #545b62;\n}\n.vs-button.vs-button__secondary-fill:active, .vs-button.vs-button__secondary-fill:focus:active {\n border-color: #3d4246;\n background: #494f54;\n}\n.vs-button.vs-button__secondary-fill:focus-visible, .vs-button.vs-button__secondary-fill:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light, .vs-button.vs-button__light:hover, .vs-button.vs-button__light:focus {\n background: transparent;\n color: #f8f9fa;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light:hover, .vs-button.vs-button__light:hover:hover, .vs-button.vs-button__light:focus:hover {\n border-color: #dae0e5;\n background: white;\n color: #dae0e5;\n}\n.vs-button.vs-button__light:active, .vs-button.vs-button__light:hover:active, .vs-button.vs-button__light:focus:active {\n border-color: #bdc6d0;\n background: white;\n color: #bdc6d0;\n}\n.vs-button.vs-button__light:focus-visible, .vs-button.vs-button__light:hover:focus-visible, .vs-button.vs-button__light:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light-fill, .vs-button.vs-button__light-fill:focus {\n background: #f8f9fa;\n color: #212529;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light-fill:hover, .vs-button.vs-button__light-fill:focus:hover {\n border-color: #dae0e5;\n background: #dae0e5;\n}\n.vs-button.vs-button__light-fill:active, .vs-button.vs-button__light-fill:focus:active {\n border-color: #bdc6d0;\n background: #cbd3da;\n}\n.vs-button.vs-button__light-fill:focus-visible, .vs-button.vs-button__light-fill:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__link {\n background: transparent;\n color: #1f73b7;\n border: none;\n padding: 0;\n}\n.vs-button.vs-button__link:hover {\n text-decoration: underline;\n}",map:void 0,media:void 0})}),v,void 0,!1,void 0,!1,r,void 0,void 0);function l(n){l.installed||(l.installed=!0,n.component("VsButton",c))}var d={install:l},_=null;return"undefined"!=typeof window?_=window.Vue:"undefined"!=typeof global&&(_=global.Vue),_&&_.use(d),n.default=c,n.install=l,n}({});
package/dist/vs-button.umd.js CHANGED
@@ -211,7 +211,7 @@
211
211
  /* style */
212
212
  var __vue_inject_styles__ = function (inject) {
213
213
  if (!inject) { return }
214
- inject("data-v-4af1bfa1_0", { source: "@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}", map: undefined, media: undefined });
214
+ inject("data-v-815feb5a_0", { source: "@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}", map: undefined, media: undefined });
215
215
 
216
216
  };
217
217
  /* scoped */
@@ -355,7 +355,7 @@
355
355
  /* style */
356
356
  var __vue_inject_styles__$1 = function (inject) {
357
357
  if (!inject) { return }
358
- inject("data-v-f82cb9a8_0", { source: ".vs-button {\n border-radius: 4px;\n font-weight: 400;\n box-sizing: border-box;\n user-select: none;\n padding: 0 1.07143em;\n display: inline-flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;\n margin: 0px;\n cursor: pointer;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.vs-button .vs-loader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-button.vs-button--small {\n height: 32px;\n line-height: 30px;\n font-size: 12px;\n}\n.vs-button.vs-button--medium {\n height: 40px;\n line-height: 38px;\n font-size: 14px;\n}\n.vs-button.vs-button--large {\n height: 48px;\n line-height: 46px;\n font-size: 14px;\n}\n.vs-button.vs-button--round {\n border-radius: 50px;\n}\n.vs-button.vs-button__primary, .vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:focus {\n background: transparent;\n color: #1f73b7;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:hover:hover, .vs-button.vs-button__primary:focus:hover {\n border-color: #18588b;\n background: #f2f8fd;\n color: #18588b;\n}\n.vs-button.vs-button__primary:active, .vs-button.vs-button__primary:hover:active, .vs-button.vs-button__primary:focus:active {\n border-color: #103c60;\n background: #dcecf9;\n color: #103c60;\n}\n.vs-button.vs-button__primary:focus-visible, .vs-button.vs-button__primary:hover:focus-visible, .vs-button.vs-button__primary:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__primary-fill, .vs-button.vs-button__primary-fill:focus {\n background: #1f73b7;\n color: #ffffff;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary-fill:hover, .vs-button.vs-button__primary-fill:focus:hover {\n border-color: #18588b;\n background: #18588b;\n}\n.vs-button.vs-button__primary-fill:active, .vs-button.vs-button__primary-fill:focus:active {\n border-color: #103c60;\n background: #144a76;\n}\n.vs-button.vs-button__primary-fill:focus-visible, .vs-button.vs-button__primary-fill:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success, .vs-button.vs-button__success:hover, .vs-button.vs-button__success:focus {\n background: transparent;\n color: #28a745;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success:hover, .vs-button.vs-button__success:hover:hover, .vs-button.vs-button__success:focus:hover {\n border-color: #1e7e34;\n background: #edfbf0;\n color: #1e7e34;\n}\n.vs-button.vs-button__success:active, .vs-button.vs-button__success:hover:active, .vs-button.vs-button__success:focus:active {\n border-color: #145523;\n background: #d8f6df;\n color: #145523;\n}\n.vs-button.vs-button__success:focus-visible, .vs-button.vs-button__success:hover:focus-visible, .vs-button.vs-button__success:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success-fill, .vs-button.vs-button__success-fill:focus {\n background: #28a745;\n color: #ffffff;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success-fill:hover, .vs-button.vs-button__success-fill:focus:hover {\n border-color: #1e7e34;\n background: #1e7e34;\n}\n.vs-button.vs-button__success-fill:active, .vs-button.vs-button__success-fill:focus:active {\n border-color: #145523;\n background: #19692c;\n}\n.vs-button.vs-button__success-fill:focus-visible, .vs-button.vs-button__success-fill:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger, .vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:focus {\n background: transparent;\n color: #cc3340;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:hover:hover, .vs-button.vs-button__danger:focus:hover {\n border-color: #a32933;\n background: #faebec;\n color: #a32933;\n}\n.vs-button.vs-button__danger:active, .vs-button.vs-button__danger:hover:active, .vs-button.vs-button__danger:focus:active {\n border-color: #7a1f26;\n background: white;\n color: #7a1f26;\n}\n.vs-button.vs-button__danger:focus-visible, .vs-button.vs-button__danger:hover:focus-visible, .vs-button.vs-button__danger:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger-fill, .vs-button.vs-button__danger-fill:focus {\n background: #cc3340;\n color: #ffffff;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger-fill:hover, .vs-button.vs-button__danger-fill:focus:hover {\n border-color: #a32933;\n background: #a32933;\n}\n.vs-button.vs-button__danger-fill:active, .vs-button.vs-button__danger-fill:focus:active {\n border-color: #7a1f26;\n background: #8f242d;\n}\n.vs-button.vs-button__danger-fill:focus-visible, .vs-button.vs-button__danger-fill:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning, .vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:focus {\n background: transparent;\n color: #ffb057;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:hover:hover, .vs-button.vs-button__warning:focus:hover {\n border-color: #ff9824;\n background: #fff8f0;\n color: #ff9824;\n}\n.vs-button.vs-button__warning:active, .vs-button.vs-button__warning:hover:active, .vs-button.vs-button__warning:focus:active {\n border-color: #f07f00;\n background: white;\n color: #f07f00;\n}\n.vs-button.vs-button__warning:focus-visible, .vs-button.vs-button__warning:hover:focus-visible, .vs-button.vs-button__warning:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning-fill, .vs-button.vs-button__warning-fill:focus {\n background: #ffb057;\n color: #703815;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning-fill:hover, .vs-button.vs-button__warning-fill:focus:hover {\n border-color: #ff9824;\n background: #ff9824;\n}\n.vs-button.vs-button__warning-fill:active, .vs-button.vs-button__warning-fill:focus:active {\n border-color: #f07f00;\n background: #ff8c0b;\n}\n.vs-button.vs-button__warning-fill:focus-visible, .vs-button.vs-button__warning-fill:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary, .vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:focus {\n background: transparent;\n color: #6c757d;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:hover:hover, .vs-button.vs-button__secondary:focus:hover {\n border-color: #545b62;\n background: #f3f4f5;\n color: #545b62;\n}\n.vs-button.vs-button__secondary:active, .vs-button.vs-button__secondary:hover:active, .vs-button.vs-button__secondary:focus:active {\n border-color: #3d4246;\n background: #f3f4f5;\n color: #3d4246;\n}\n.vs-button.vs-button__secondary:focus-visible, .vs-button.vs-button__secondary:hover:focus-visible, .vs-button.vs-button__secondary:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary-fill, .vs-button.vs-button__secondary-fill:focus {\n background: #6c757d;\n color: #ffffff;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary-fill:hover, .vs-button.vs-button__secondary-fill:focus:hover {\n border-color: #545b62;\n background: #545b62;\n}\n.vs-button.vs-button__secondary-fill:active, .vs-button.vs-button__secondary-fill:focus:active {\n border-color: #3d4246;\n background: #494f54;\n}\n.vs-button.vs-button__secondary-fill:focus-visible, .vs-button.vs-button__secondary-fill:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light, .vs-button.vs-button__light:hover, .vs-button.vs-button__light:focus {\n background: transparent;\n color: #f8f9fa;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light:hover, .vs-button.vs-button__light:hover:hover, .vs-button.vs-button__light:focus:hover {\n border-color: #dae0e5;\n background: white;\n color: #dae0e5;\n}\n.vs-button.vs-button__light:active, .vs-button.vs-button__light:hover:active, .vs-button.vs-button__light:focus:active {\n border-color: #bdc6d0;\n background: white;\n color: #bdc6d0;\n}\n.vs-button.vs-button__light:focus-visible, .vs-button.vs-button__light:hover:focus-visible, .vs-button.vs-button__light:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light-fill, .vs-button.vs-button__light-fill:focus {\n background: #f8f9fa;\n color: #212529;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light-fill:hover, .vs-button.vs-button__light-fill:focus:hover {\n border-color: #dae0e5;\n background: #dae0e5;\n}\n.vs-button.vs-button__light-fill:active, .vs-button.vs-button__light-fill:focus:active {\n border-color: #bdc6d0;\n background: #cbd3da;\n}\n.vs-button.vs-button__light-fill:focus-visible, .vs-button.vs-button__light-fill:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__link {\n background: transparent;\n color: #1f73b7;\n border: none;\n padding: 0;\n}\n.vs-button.vs-button__link:hover {\n text-decoration: underline;\n}", map: undefined, media: undefined });
358
+ inject("data-v-bc6d4844_0", { source: ".vs-button {\n border-radius: 4px;\n font-weight: 400;\n box-sizing: border-box;\n user-select: none;\n padding: 0 1.07143em;\n display: inline-flex;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;\n margin: 0px;\n cursor: pointer;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.vs-button .vs-loader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-button.vs-button--small {\n height: 32px;\n line-height: 30px;\n font-size: 12px;\n}\n.vs-button.vs-button--medium {\n height: 40px;\n line-height: 38px;\n font-size: 14px;\n}\n.vs-button.vs-button--large {\n height: 48px;\n line-height: 46px;\n font-size: 14px;\n}\n.vs-button.vs-button--round {\n border-radius: 50px;\n}\n.vs-button.vs-button__primary, .vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:focus {\n background: transparent;\n color: #1f73b7;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary:hover, .vs-button.vs-button__primary:hover:hover, .vs-button.vs-button__primary:focus:hover {\n border-color: #18588b;\n background: #f2f8fd;\n color: #18588b;\n}\n.vs-button.vs-button__primary:active, .vs-button.vs-button__primary:hover:active, .vs-button.vs-button__primary:focus:active {\n border-color: #103c60;\n background: #dcecf9;\n color: #103c60;\n}\n.vs-button.vs-button__primary:focus-visible, .vs-button.vs-button__primary:hover:focus-visible, .vs-button.vs-button__primary:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__primary-fill, .vs-button.vs-button__primary-fill:focus {\n background: #1f73b7;\n color: #ffffff;\n border: solid 1px #1f73b7;\n}\n.vs-button.vs-button__primary-fill:hover, .vs-button.vs-button__primary-fill:focus:hover {\n border-color: #18588b;\n background: #18588b;\n}\n.vs-button.vs-button__primary-fill:active, .vs-button.vs-button__primary-fill:focus:active {\n border-color: #103c60;\n background: #144a76;\n}\n.vs-button.vs-button__primary-fill:focus-visible, .vs-button.vs-button__primary-fill:focus:focus-visible {\n border-color: #18588b;\n box-shadow: 0 0 0 0.2rem #85bdea;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success, .vs-button.vs-button__success:hover, .vs-button.vs-button__success:focus {\n background: transparent;\n color: #28a745;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success:hover, .vs-button.vs-button__success:hover:hover, .vs-button.vs-button__success:focus:hover {\n border-color: #1e7e34;\n background: #edfbf0;\n color: #1e7e34;\n}\n.vs-button.vs-button__success:active, .vs-button.vs-button__success:hover:active, .vs-button.vs-button__success:focus:active {\n border-color: #145523;\n background: #d8f6df;\n color: #145523;\n}\n.vs-button.vs-button__success:focus-visible, .vs-button.vs-button__success:hover:focus-visible, .vs-button.vs-button__success:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__success-fill, .vs-button.vs-button__success-fill:focus {\n background: #28a745;\n color: #ffffff;\n border: solid 1px #28a745;\n}\n.vs-button.vs-button__success-fill:hover, .vs-button.vs-button__success-fill:focus:hover {\n border-color: #1e7e34;\n background: #1e7e34;\n}\n.vs-button.vs-button__success-fill:active, .vs-button.vs-button__success-fill:focus:active {\n border-color: #145523;\n background: #19692c;\n}\n.vs-button.vs-button__success-fill:focus-visible, .vs-button.vs-button__success-fill:focus:focus-visible {\n border-color: #1e7e34;\n box-shadow: 0 0 0 0.2rem #86e29b;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger, .vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:focus {\n background: transparent;\n color: #cc3340;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger:hover, .vs-button.vs-button__danger:hover:hover, .vs-button.vs-button__danger:focus:hover {\n border-color: #a32933;\n background: #faebec;\n color: #a32933;\n}\n.vs-button.vs-button__danger:active, .vs-button.vs-button__danger:hover:active, .vs-button.vs-button__danger:focus:active {\n border-color: #7a1f26;\n background: white;\n color: #7a1f26;\n}\n.vs-button.vs-button__danger:focus-visible, .vs-button.vs-button__danger:hover:focus-visible, .vs-button.vs-button__danger:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__danger-fill, .vs-button.vs-button__danger-fill:focus {\n background: #cc3340;\n color: #ffffff;\n border: solid 1px #cc3340;\n}\n.vs-button.vs-button__danger-fill:hover, .vs-button.vs-button__danger-fill:focus:hover {\n border-color: #a32933;\n background: #a32933;\n}\n.vs-button.vs-button__danger-fill:active, .vs-button.vs-button__danger-fill:focus:active {\n border-color: #7a1f26;\n background: #8f242d;\n}\n.vs-button.vs-button__danger-fill:focus-visible, .vs-button.vs-button__danger-fill:focus:focus-visible {\n border-color: #a32933;\n box-shadow: 0 0 0 0.2rem #ebadb3;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning, .vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:focus {\n background: transparent;\n color: #ffb057;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning:hover, .vs-button.vs-button__warning:hover:hover, .vs-button.vs-button__warning:focus:hover {\n border-color: #ff9824;\n background: #fff8f0;\n color: #ff9824;\n}\n.vs-button.vs-button__warning:active, .vs-button.vs-button__warning:hover:active, .vs-button.vs-button__warning:focus:active {\n border-color: #f07f00;\n background: white;\n color: #f07f00;\n}\n.vs-button.vs-button__warning:focus-visible, .vs-button.vs-button__warning:hover:focus-visible, .vs-button.vs-button__warning:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__warning-fill, .vs-button.vs-button__warning-fill:focus {\n background: #ffb057;\n color: #703815;\n border: solid 1px #ffb057;\n}\n.vs-button.vs-button__warning-fill:hover, .vs-button.vs-button__warning-fill:focus:hover {\n border-color: #ff9824;\n background: #ff9824;\n}\n.vs-button.vs-button__warning-fill:active, .vs-button.vs-button__warning-fill:focus:active {\n border-color: #f07f00;\n background: #ff8c0b;\n}\n.vs-button.vs-button__warning-fill:focus-visible, .vs-button.vs-button__warning-fill:focus:focus-visible {\n border-color: #ff9824;\n box-shadow: 0 0 0 0.2rem #fff8f0;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary, .vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:focus {\n background: transparent;\n color: #6c757d;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary:hover, .vs-button.vs-button__secondary:hover:hover, .vs-button.vs-button__secondary:focus:hover {\n border-color: #545b62;\n background: #f3f4f5;\n color: #545b62;\n}\n.vs-button.vs-button__secondary:active, .vs-button.vs-button__secondary:hover:active, .vs-button.vs-button__secondary:focus:active {\n border-color: #3d4246;\n background: #f3f4f5;\n color: #3d4246;\n}\n.vs-button.vs-button__secondary:focus-visible, .vs-button.vs-button__secondary:hover:focus-visible, .vs-button.vs-button__secondary:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__secondary-fill, .vs-button.vs-button__secondary-fill:focus {\n background: #6c757d;\n color: #ffffff;\n border: solid 1px #6c757d;\n}\n.vs-button.vs-button__secondary-fill:hover, .vs-button.vs-button__secondary-fill:focus:hover {\n border-color: #545b62;\n background: #545b62;\n}\n.vs-button.vs-button__secondary-fill:active, .vs-button.vs-button__secondary-fill:focus:active {\n border-color: #3d4246;\n background: #494f54;\n}\n.vs-button.vs-button__secondary-fill:focus-visible, .vs-button.vs-button__secondary-fill:focus:focus-visible {\n border-color: #545b62;\n box-shadow: 0 0 0 0.2rem #bcc1c6;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light, .vs-button.vs-button__light:hover, .vs-button.vs-button__light:focus {\n background: transparent;\n color: #f8f9fa;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light:hover, .vs-button.vs-button__light:hover:hover, .vs-button.vs-button__light:focus:hover {\n border-color: #dae0e5;\n background: white;\n color: #dae0e5;\n}\n.vs-button.vs-button__light:active, .vs-button.vs-button__light:hover:active, .vs-button.vs-button__light:focus:active {\n border-color: #bdc6d0;\n background: white;\n color: #bdc6d0;\n}\n.vs-button.vs-button__light:focus-visible, .vs-button.vs-button__light:hover:focus-visible, .vs-button.vs-button__light:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__light-fill, .vs-button.vs-button__light-fill:focus {\n background: #f8f9fa;\n color: #212529;\n border: solid 1px #f8f9fa;\n}\n.vs-button.vs-button__light-fill:hover, .vs-button.vs-button__light-fill:focus:hover {\n border-color: #dae0e5;\n background: #dae0e5;\n}\n.vs-button.vs-button__light-fill:active, .vs-button.vs-button__light-fill:focus:active {\n border-color: #bdc6d0;\n background: #cbd3da;\n}\n.vs-button.vs-button__light-fill:focus-visible, .vs-button.vs-button__light-fill:focus:focus-visible {\n border-color: #dae0e5;\n box-shadow: 0 0 0 0.2rem white;\n outline: 0;\n}\n.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 {\n background: #e9ebed;\n border-color: transparent;\n color: #c2c8cc;\n cursor: no-drop;\n}\n.vs-button.vs-button__link {\n background: transparent;\n color: #1f73b7;\n border: none;\n padding: 0;\n}\n.vs-button.vs-button__link:hover {\n text-decoration: underline;\n}", map: undefined, media: undefined });
359
359
 
360
360
  };
361
361
  /* scoped */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vuesimple/vs-button",
3
- "version": "1.4.8",
3
+ "version": "1.4.10",
4
4
  "description": "A simple vue button. Perfect for all your button scenarios.",
5
5
  "main": "dist/vs-button.umd.js",
6
6
  "module": "dist/vs-button.esm.js",
@@ -52,5 +52,5 @@
52
52
  "url": "https://github.com/ashwinkshenoy/vue-simple/issues"
53
53
  },
54
54
  "homepage": "https://github.com/ashwinkshenoy/vue-simple/tree/master/packages/vs-button",
55
- "gitHead": "5a57825d7dcb4b09c4c547ea65316c77f857bddf"
55
+ "gitHead": "b15c3d50886fc1914fbbc462bebf5e2ac9e6fb18"
56
56
  }