@featherds/button - npm Package Compare versions

Comparing version 0.2.9 to 0.2.10

dist/app.es.js

@@ -20,8 +20,5 @@ var __defProp = Object.defineProperty;
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 import { h } from "vue";
 import { FeatherRipple } from "@featherds/ripple";
-var FeatherButton_vue_vue_type_style_index_0_scoped_true_lang = ".btn[data-v-57dbb284] {\n  height: 36px;\n  padding: 0 16px;\n  border-radius: 4px;\n  margin-top: 24px;\n  margin-bottom: 24px;\n  display: inline-block;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-family: var(--feather-font-family);\n  font-size: 0.875rem;\n  line-height: 2.375rem;\n  font-weight: var(--feather-font-semibold);\n  letter-spacing: 0.08928571em;\n  color: var(--feather-primary-text-on-surface);\n  text-transform: uppercase;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  line-height: 32px;\n  vertical-align: middle;\n  min-width: 64px;\n  white-space: nowrap;\n}\n.btn[data-v-57dbb284]:hover {\n  text-decoration: none;\n}\n.btn[data-v-57dbb284]:focus {\n  outline: none !important;\n}\n.btn[data-v-57dbb284]::-moz-focus-inner {\n  outline: none;\n  border-color: transparent;\n}\n.btn[data-v-57dbb284] svg {\n  position: relative;\n}\n.btn + .btn[data-v-57dbb284] {\n  margin-left: 8px;\n}\n.btn-content[data-v-57dbb284] {\n  position: relative;\n}\n.btn-primary[data-v-57dbb284] {\n  background-color: var(--feather-primary);\n  color: var(--feather-primary-text-on-color);\n  box-shadow: var(--feather-shadow-2);\n  border: 2px solid transparent;\n}\n.btn-primary .ripple[data-v-57dbb284] {\n  background-color: var(--feather-state-color-on-color);\n  opacity: var(--feather-state-opacity-pressed-on-color);\n}\n.btn-primary.selected[data-v-57dbb284],\n.btn-primary .selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(var(--feather-primary), var(--feather-primary));\n}\n.btn-primary.hover[data-v-57dbb284]:hover, .btn-primary:hover .hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(var(--feather-primary), var(--feather-primary));\n}\n.btn-primary.hover:hover.selected[data-v-57dbb284], .btn-primary:hover .hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(var(--feather-primary), var(--feather-primary));\n}\n.btn-primary:focus.focus[data-v-57dbb284], .btn-primary:focus .focus[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(var(--feather-primary), var(--feather-primary));\n}\n.btn-primary:focus.focus.selected[data-v-57dbb284], .btn-primary:focus .focus.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(var(--feather-primary), var(--feather-primary));\n}\n.btn-primary:hover:focus .focus.hover[data-v-57dbb284], .btn-primary:hover:focus.focus.hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(var(--feather-primary), var(--feather-primary));\n}\n.btn-primary:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-primary:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(var(--feather-primary), var(--feather-primary));\n}\n.btn-primary[data-v-57dbb284]:hover {\n  box-shadow: var(--feather-shadow-4);\n}\n.btn-primary[data-v-57dbb284]:hover:focus {\n  box-shadow: var(--feather-shadow-4), inset 0 0 1px 0 var(--feather-state-inner-border-color-focus-on-color);\n}\n.btn-primary[data-v-57dbb284]:focus {\n  border: var(--feather-state-border-focus-on-color);\n  box-shadow: inset 0 0 0 1px var(--feather-state-inner-border-color-focus-on-color);\n}\n.btn-primary[aria-disabled=true][data-v-57dbb284] {\n  cursor: default;\n  color: var(--feather-shade-2);\n  border-color: transparent;\n  box-shadow: none;\n}\n.btn-primary[aria-disabled=true].selected[data-v-57dbb284],\n.btn-primary[aria-disabled=true] .selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-primary[aria-disabled=true].hover[data-v-57dbb284]:hover, .btn-primary[aria-disabled=true]:hover .hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-primary[aria-disabled=true].hover:hover.selected[data-v-57dbb284], .btn-primary[aria-disabled=true]:hover .hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-primary[aria-disabled=true]:focus.focus[data-v-57dbb284], .btn-primary[aria-disabled=true]:focus .focus[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-primary[aria-disabled=true]:focus.focus.selected[data-v-57dbb284], .btn-primary[aria-disabled=true]:focus .focus.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-primary[aria-disabled=true]:hover:focus .focus.hover[data-v-57dbb284], .btn-primary[aria-disabled=true]:hover:focus.focus.hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-primary[aria-disabled=true]:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-primary[aria-disabled=true]:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-primary[aria-disabled=true][data-v-57dbb284]:focus, .btn-primary[aria-disabled=true][data-v-57dbb284]:hover, .btn-primary[aria-disabled=true][data-v-57dbb284]:active, .btn-primary[aria-disabled=true][data-v-57dbb284]:visited {\n  cursor: default;\n  color: var(--feather-shade-2);\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: none;\n}\n.btn-primary[data-v-57dbb284]:visited {\n  color: var(--feather-primary-text-on-color);\n}\n.btn-primary[aria-disabled=true][data-v-57dbb284] {\n  background-color: var(--feather-shade-4);\n}\n.btn-primary[aria-disabled=true].selected[data-v-57dbb284],\n.btn-primary[aria-disabled=true] .selected[data-v-57dbb284] {\n  background: var(--feather-shade-4);\n}\n.btn-primary[aria-disabled=true].hover[data-v-57dbb284]:hover, .btn-primary[aria-disabled=true]:hover .hover[data-v-57dbb284] {\n  background: var(--feather-shade-4);\n}\n.btn-primary[aria-disabled=true].hover:hover.selected[data-v-57dbb284], .btn-primary[aria-disabled=true]:hover .hover.selected[data-v-57dbb284] {\n  background: var(--feather-shade-4);\n}\n.btn-primary[aria-disabled=true]:focus.focus[data-v-57dbb284], .btn-primary[aria-disabled=true]:focus .focus[data-v-57dbb284] {\n  background: var(--feather-shade-4);\n}\n.btn-primary[aria-disabled=true]:focus.focus.selected[data-v-57dbb284], .btn-primary[aria-disabled=true]:focus .focus.selected[data-v-57dbb284] {\n  background: var(--feather-shade-4);\n}\n.btn-primary[aria-disabled=true]:hover:focus .focus.hover[data-v-57dbb284], .btn-primary[aria-disabled=true]:hover:focus.focus.hover[data-v-57dbb284] {\n  background: var(--feather-shade-4);\n}\n.btn-primary[aria-disabled=true]:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-primary[aria-disabled=true]:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: var(--feather-shade-4);\n}\n.btn-primary[aria-disabled=true][data-v-57dbb284]:focus, .btn-primary[aria-disabled=true][data-v-57dbb284]:hover, .btn-primary[aria-disabled=true][data-v-57dbb284]:active, .btn-primary[aria-disabled=true][data-v-57dbb284]:visited {\n  background-color: var(--feather-shade-4);\n}\n.btn-primary + .btn-primary[data-v-57dbb284],\n.btn-primary + .btn-secondary[data-v-57dbb284] {\n  margin-left: 16px;\n}\n.btn-secondary[data-v-57dbb284] {\n  background-color: transparent;\n  color: var(--feather-primary);\n  border: 2px solid var(--feather-border-on-surface);\n}\n.btn-secondary .ripple[data-v-57dbb284] {\n  background-color: var(--feather-state-color-on-surface);\n  opacity: var(--feather-state-opacity-pressed-on-surface);\n}\n.btn-secondary.selected[data-v-57dbb284],\n.btn-secondary .selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary.hover[data-v-57dbb284]:hover, .btn-secondary:hover .hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary.hover:hover.selected[data-v-57dbb284], .btn-secondary:hover .hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary:focus.focus[data-v-57dbb284], .btn-secondary:focus .focus[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary:focus.focus.selected[data-v-57dbb284], .btn-secondary:focus .focus.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary:hover:focus .focus.hover[data-v-57dbb284], .btn-secondary:hover:focus.focus.hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-secondary:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary[aria-disabled=true][data-v-57dbb284] {\n  cursor: default;\n  color: var(--feather-shade-2);\n  border-color: transparent;\n  box-shadow: none;\n}\n.btn-secondary[aria-disabled=true].selected[data-v-57dbb284],\n.btn-secondary[aria-disabled=true] .selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true].hover[data-v-57dbb284]:hover, .btn-secondary[aria-disabled=true]:hover .hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true].hover:hover.selected[data-v-57dbb284], .btn-secondary[aria-disabled=true]:hover .hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true]:focus.focus[data-v-57dbb284], .btn-secondary[aria-disabled=true]:focus .focus[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true]:focus.focus.selected[data-v-57dbb284], .btn-secondary[aria-disabled=true]:focus .focus.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true]:hover:focus .focus.hover[data-v-57dbb284], .btn-secondary[aria-disabled=true]:hover:focus.focus.hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true]:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-secondary[aria-disabled=true]:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true][data-v-57dbb284]:focus, .btn-secondary[aria-disabled=true][data-v-57dbb284]:hover, .btn-secondary[aria-disabled=true][data-v-57dbb284]:active, .btn-secondary[aria-disabled=true][data-v-57dbb284]:visited {\n  cursor: default;\n  color: var(--feather-shade-2);\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: none;\n}\n.btn-secondary[data-v-57dbb284]:focus {\n  border-color: var(--feather-primary);\n}\n.btn-secondary[data-v-57dbb284]:visited {\n  color: var(--feather-primary);\n}\n.btn-secondary[aria-disabled=true][data-v-57dbb284] {\n  border-color: var(--feather-shade-4);\n}\n.btn-secondary[aria-disabled=true].selected[data-v-57dbb284],\n.btn-secondary[aria-disabled=true] .selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true].hover[data-v-57dbb284]:hover, .btn-secondary[aria-disabled=true]:hover .hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true].hover:hover.selected[data-v-57dbb284], .btn-secondary[aria-disabled=true]:hover .hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true]:focus.focus[data-v-57dbb284], .btn-secondary[aria-disabled=true]:focus .focus[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true]:focus.focus.selected[data-v-57dbb284], .btn-secondary[aria-disabled=true]:focus .focus.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true]:hover:focus .focus.hover[data-v-57dbb284], .btn-secondary[aria-disabled=true]:hover:focus.focus.hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true]:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-secondary[aria-disabled=true]:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary[aria-disabled=true][data-v-57dbb284]:focus, .btn-secondary[aria-disabled=true][data-v-57dbb284]:hover, .btn-secondary[aria-disabled=true][data-v-57dbb284]:active, .btn-secondary[aria-disabled=true][data-v-57dbb284]:visited {\n  border-color: var(--feather-shade-4);\n}\n.btn-secondary.on-color[data-v-57dbb284] {\n  color: var(--feather-state-color-on-color);\n  border: 2px solid var(--feather-state-color-on-color);\n}\n.btn-secondary.on-color .ripple[data-v-57dbb284] {\n  background-color: var(--feather-state-color-on-color);\n  opacity: var(--feather-state-opacity-pressed-on-color);\n}\n.btn-secondary.on-color.selected[data-v-57dbb284],\n.btn-secondary.on-color .selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary.on-color.hover[data-v-57dbb284]:hover, .btn-secondary.on-color:hover .hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary.on-color.hover:hover.selected[data-v-57dbb284], .btn-secondary.on-color:hover .hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary.on-color:focus.focus[data-v-57dbb284], .btn-secondary.on-color:focus .focus[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary.on-color:focus.focus.selected[data-v-57dbb284], .btn-secondary.on-color:focus .focus.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary.on-color:hover:focus .focus.hover[data-v-57dbb284], .btn-secondary.on-color:hover:focus.focus.hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary.on-color:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-secondary.on-color:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-secondary.on-color[data-v-57dbb284]:focus {\n  border-color: var(--feather-state-color-on-color);\n}\n.btn-secondary.on-color[data-v-57dbb284]:visited {\n  color: var(--feather-state-color-on-color);\n}\n.btn-secondary.on-color[aria-disabled=true][data-v-57dbb284] {\n  border-color: var(--feather-state-color-on-color);\n}\n.btn-secondary.on-color[aria-disabled=true][aria-disabled=true][data-v-57dbb284] {\n  color: var(--feather-state-color-on-color);\n  opacity: 0.5;\n}\n.btn-secondary.on-color[aria-disabled=true][aria-disabled=true].selected[data-v-57dbb284],\n.btn-secondary.on-color[aria-disabled=true][aria-disabled=true] .selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary.on-color[aria-disabled=true][aria-disabled=true].hover[data-v-57dbb284]:hover, .btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:hover .hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary.on-color[aria-disabled=true][aria-disabled=true].hover:hover.selected[data-v-57dbb284], .btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:hover .hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:focus.focus[data-v-57dbb284], .btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:focus .focus[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:focus.focus.selected[data-v-57dbb284], .btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:focus .focus.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:hover:focus .focus.hover[data-v-57dbb284], .btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:hover:focus.focus.hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-secondary.on-color[aria-disabled=true][aria-disabled=true]:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-secondary.on-color[aria-disabled=true][data-v-57dbb284]:focus, .btn-secondary.on-color[aria-disabled=true][data-v-57dbb284]:hover, .btn-secondary.on-color[aria-disabled=true][data-v-57dbb284]:active, .btn-secondary.on-color[aria-disabled=true][data-v-57dbb284]:visited {\n  border-color: var(--feather-state-color-on-color);\n}\n.btn-secondary + .btn-primary[data-v-57dbb284],\n.btn-secondary + .btn-secondary[data-v-57dbb284] {\n  margin-left: 16px;\n}\n.btn-text[data-v-57dbb284] {\n  color: var(--feather-primary);\n  background-color: transparent;\n  border: 2px solid transparent;\n  padding: 0 8px;\n}\n.btn-text .ripple[data-v-57dbb284] {\n  background-color: var(--feather-state-color-on-surface);\n  opacity: var(--feather-state-opacity-pressed-on-surface);\n}\n.btn-text.selected[data-v-57dbb284],\n.btn-text .selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text.hover[data-v-57dbb284]:hover, .btn-text:hover .hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text.hover:hover.selected[data-v-57dbb284], .btn-text:hover .hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text:focus.focus[data-v-57dbb284], .btn-text:focus .focus[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text:focus.focus.selected[data-v-57dbb284], .btn-text:focus .focus.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text:hover:focus .focus.hover[data-v-57dbb284], .btn-text:hover:focus.focus.hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-text:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-selected-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface))), linear-gradient(rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface)), rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-focus-on-surface))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text[aria-disabled=true][data-v-57dbb284] {\n  cursor: default;\n  color: var(--feather-shade-2);\n  border-color: transparent;\n  box-shadow: none;\n}\n.btn-text[aria-disabled=true].selected[data-v-57dbb284],\n.btn-text[aria-disabled=true] .selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text[aria-disabled=true].hover[data-v-57dbb284]:hover, .btn-text[aria-disabled=true]:hover .hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text[aria-disabled=true].hover:hover.selected[data-v-57dbb284], .btn-text[aria-disabled=true]:hover .hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text[aria-disabled=true]:focus.focus[data-v-57dbb284], .btn-text[aria-disabled=true]:focus .focus[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text[aria-disabled=true]:focus.focus.selected[data-v-57dbb284], .btn-text[aria-disabled=true]:focus .focus.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text[aria-disabled=true]:hover:focus .focus.hover[data-v-57dbb284], .btn-text[aria-disabled=true]:hover:focus.focus.hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text[aria-disabled=true]:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-text[aria-disabled=true]:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text[aria-disabled=true][data-v-57dbb284]:focus, .btn-text[aria-disabled=true][data-v-57dbb284]:hover, .btn-text[aria-disabled=true][data-v-57dbb284]:active, .btn-text[aria-disabled=true][data-v-57dbb284]:visited {\n  cursor: default;\n  color: var(--feather-shade-2);\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: none;\n}\n.btn-text[data-v-57dbb284]:hover {\n  border-color: rgba(var(--feather-state-color-on-surface-r), var(--feather-state-color-on-surface-g), var(--feather-state-color-on-surface-b), var(--feather-state-opacity-hover-on-surface));\n}\n.btn-text[data-v-57dbb284]:focus {\n  border-color: var(--feather-primary);\n}\n.btn-text[data-v-57dbb284]:visited {\n  color: var(--feather-primary);\n}\n.btn-text.on-color[data-v-57dbb284] {\n  color: var(--feather-state-color-on-color);\n}\n.btn-text.on-color .ripple[data-v-57dbb284] {\n  background-color: var(--feather-state-color-on-color);\n  opacity: var(--feather-state-opacity-pressed-on-color);\n}\n.btn-text.on-color.selected[data-v-57dbb284],\n.btn-text.on-color .selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text.on-color.hover[data-v-57dbb284]:hover, .btn-text.on-color:hover .hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text.on-color.hover:hover.selected[data-v-57dbb284], .btn-text.on-color:hover .hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text.on-color:focus.focus[data-v-57dbb284], .btn-text.on-color:focus .focus[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text.on-color:focus.focus.selected[data-v-57dbb284], .btn-text.on-color:focus .focus.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text.on-color:hover:focus .focus.hover[data-v-57dbb284], .btn-text.on-color:hover:focus.focus.hover[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text.on-color:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-text.on-color:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-selected-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color))), linear-gradient(rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color)), rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-focus-on-color))), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));\n}\n.btn-text.on-color[data-v-57dbb284]:hover {\n  border-color: rgba(var(--feather-state-color-on-color-r), var(--feather-state-color-on-color-g), var(--feather-state-color-on-color-b), var(--feather-state-opacity-hover-on-color));\n}\n.btn-text.on-color[data-v-57dbb284]:focus {\n  border-color: var(--feather-state-color-on-color);\n}\n.btn-text.on-color[data-v-57dbb284]:visited {\n  color: var(--feather-state-color-on-color);\n}\n.btn-text.on-color[aria-disabled=true][data-v-57dbb284] {\n  border-color: transparent;\n}\n.btn-text.on-color[aria-disabled=true][aria-disabled=true][data-v-57dbb284] {\n  color: var(--feather-state-color-on-color);\n  opacity: 0.5;\n}\n.btn-text.on-color[aria-disabled=true][aria-disabled=true].selected[data-v-57dbb284],\n.btn-text.on-color[aria-disabled=true][aria-disabled=true] .selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text.on-color[aria-disabled=true][aria-disabled=true].hover[data-v-57dbb284]:hover, .btn-text.on-color[aria-disabled=true][aria-disabled=true]:hover .hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text.on-color[aria-disabled=true][aria-disabled=true].hover:hover.selected[data-v-57dbb284], .btn-text.on-color[aria-disabled=true][aria-disabled=true]:hover .hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text.on-color[aria-disabled=true][aria-disabled=true]:focus.focus[data-v-57dbb284], .btn-text.on-color[aria-disabled=true][aria-disabled=true]:focus .focus[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text.on-color[aria-disabled=true][aria-disabled=true]:focus.focus.selected[data-v-57dbb284], .btn-text.on-color[aria-disabled=true][aria-disabled=true]:focus .focus.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text.on-color[aria-disabled=true][aria-disabled=true]:hover:focus .focus.hover[data-v-57dbb284], .btn-text.on-color[aria-disabled=true][aria-disabled=true]:hover:focus.focus.hover[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn-text.on-color[aria-disabled=true][aria-disabled=true]:hover:focus .focus.hover.selected[data-v-57dbb284], .btn-text.on-color[aria-disabled=true][aria-disabled=true]:hover:focus.focus.hover.selected[data-v-57dbb284] {\n  background: rgba(0, 0, 0, 0);\n}\n.btn.btn-icon[data-v-57dbb284] {\n  padding: 0;\n  display: inline-flex;\n  height: 36px;\n  width: 36px;\n  min-width: 36px;\n  border-radius: 100%;\n  align-items: center;\n  justify-content: center;\n}\n.btn.btn-icon[data-v-57dbb284] svg {\n  width: 24px;\n  font-size: 24px;\n  vertical-align: middle;\n}\n.btn.has-icon[data-v-57dbb284] {\n  padding: 0 16px 0 12px;\n  display: inline-flex;\n  align-items: center;\n}\n.btn.has-icon.btn-text[data-v-57dbb284] {\n  padding: 0 8px;\n}\n.btn.has-icon[data-v-57dbb284] svg {\n  width: 18px;\n  height: 18px;\n  font-size: 18px;\n  display: inline-block;\n  margin-right: 8px;\n}";
+var FeatherButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
@@ -28,0 +25,0 @@ for (const [key, val] of props) {

package.json

 {
   "name": "@featherds/button",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "publishConfig": {
@@ -13,4 +13,4 @@ "access": "public"
   "dependencies": {
-    "@featherds/ripple": "^0.2.9",
-    "@featherds/styles": "^0.2.9",
+    "@featherds/ripple": "^0.2.10",
+    "@featherds/styles": "^0.2.10",
     "vue": "^3.1.0-0"
@@ -23,3 +23,3 @@ },
   "types": "./src/index.d.ts",
-  "gitHead": "28578b1da72bd2bf1f56dded784e513fa34333d8"
+  "gitHead": "945b2b349bd8bab6b37b573ae2bb7fb70e170f4d"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

75943

decreased by-37.79%

Lines of code

935

decreased by-15.77%

Dependency changes

• + Addedmagic-string@0.30.14(transitive)

• + Addednanoid@3.3.8(transitive)

• - Removedmagic-string@0.30.13(transitive)

• - Removednanoid@3.3.7(transitive)

• Updated@featherds/ripple@^0.2.10

• Updated@featherds/styles@^0.2.10