@opentiny/vue-button - npm Package Compare versions

Comparing version 3.1.0-alpha.0 to 3.5.0-alpha.0

lib/index.js

@@ -110,4 +110,4 @@ import { $prefix, $props, $setup } from '@opentiny/vue-common';
 };
-Button.version = '3.1.0-alpha.0';
+Button.version = '3.5.0-alpha.0';
 
 export { Button as default };

lib/pc.js

 import { renderless, api } from '@opentiny/vue-renderless/button/vue';
 import { setup, props } from '@opentiny/vue-common';
 import { iconLoading } from '@opentiny/vue-icon';
-import '@opentiny/vue-theme/button/index.css';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, createCommentVNode, resolveDynamicComponent, normalizeClass, renderSlot, createElementVNode, toDisplayString } from 'vue';
@@ -33,2 +32,32 @@
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal);--ti-button-font-size:var(--ti-common-font-size-base);--ti-button-plain-disabled-text-color:var(--ti-base-color-common-2);--ti-button-size-normal-min-width:var(--ti-base-size-width-normal);--ti-button-size-normal-max-width:var(--ti-base-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-7x);--ti-button-size-normal-padding:var(--ti-common-space-2x);--ti-button-size-large-min-width:var(--ti-base-size-width-normal);--ti-button-size-large-max-width:var(--ti-base-size-width-large);--ti-button-size-large-height:var(--ti-base-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding:var(--ti-common-space-4x);--ti-button-size-medium-min-width:var(--ti-base-size-width-normal);--ti-button-size-medium-max-width:var(--ti-base-size-width-large);--ti-button-size-medium-height:var(--ti-base-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding:var(--ti-common-space-3x);--ti-button-size-small-min-width:var(--ti-base-size-width-normal);--ti-button-size-small-max-width:var(--ti-base-size-width-medium);--ti-button-size-small-height:var(--ti-base-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding:var(--ti-common-space-10);--ti-button-size-mini-min-width:var(--ti-base-size-width-normal);--ti-button-size-mini-max-width:var(--ti-base-size-width-medium);--ti-button-size-mini-height:var(--ti-base-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding:var(--ti-common-space-2x);--ti-button-normal-text-color:var(--ti-base-color-common-7);--ti-button-normal-border-color:var(--ti-base-color-border);--ti-button-normal-background-color:var(--ti-base-color-light);--ti-button-normal-hover-text-color:var(--ti-base-color-brand-6);--ti-button-normal-hover-border-color:var(--ti-base-color-brand-6);--ti-button-normal-hover-background-color:var(--ti-base-color-light);--ti-button-normal-active-text-color:var(--ti-base-color-brand-6);--ti-button-normal-active-border-color:var(--ti-base-color-brand-6);--ti-button-normal-active-background-color:var(--ti-base-color-hover-background);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled);--ti-button-normal-disabled-background-color:var(--ti-common-color-bg-disabled);--ti-button-text-color:var(--ti-base-color-brand-6);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-color-active:var(--ti-base-color-primary-active);--ti-button-text-color-disabled:var(--ti-base-color-placeholder);--ti-button-primary-normal-bg-color:var(--ti-base-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-base-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-base-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-base-color-primary-disabled);--ti-button-primary-text-color:var(--ti-base-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-primary-disabled-border-color:var(--ti-base-color-primary-disabled-border);--ti-button-primary-plain-bg-color:rgba(24, 144, 255, 0.06);--ti-button-primary-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-button-success-normal-bg-color:var(--ti-base-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-base-color-success-hover);--ti-button-success-active-bg-color:var(--ti-base-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-base-color-success-disabled);--ti-button-success-text-color:var(--ti-base-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-success-disabled-border-color:var(--ti-base-color-success-disabled-border);--ti-button-success-plain-bg-color:rgba(82, 196, 26, 0.06);--ti-button-success-plain-disabled-bg-color:rgba(166, 195, 185, 0.1);--ti-button-warning-normal-bg-color:var(--ti-base-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-base-color-warning-hover);--ti-button-warning-active-bg-color:var(--ti-base-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-base-color-warning-disabled);--ti-button-warning-text-color:var(--ti-base-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-warning-disabled-border-color:var(--ti-base-color-warning-disabled-border);--ti-button-warning-plain-bg-color:rgba(250, 173, 20, 0.06);--ti-button-warning-plain-disabled-bg-color:rgba(211, 198, 162, 0.1);--ti-button-danger-normal-bg-color:var(--ti-base-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-base-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-base-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-base-color-danger-disabled);--ti-button-danger-text-color:var(--ti-base-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-danger-disabled-border-color:var(--ti-base-color-danger-disabled-border);--ti-button-danger-plain-bg-color:rgba(245, 34, 45, 0.06);--ti-button-danger-plain-disabled-bg-color:rgba(216, 186, 181, 0.1);--ti-button-info-normal-bg-color:var(--ti-base-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-base-color-info-hover);--ti-button-info-active-bg-color:var(--ti-base-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-base-color-info-disabled);--ti-button-info-text-color:var(--ti-base-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-info-disabled-border-color:var(--ti-base-color-info-disabled-border);--ti-button-info-plain-bg-color:rgba(51, 51, 51, 0.06);--ti-button-info-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-button-padding-vertical:0;--ti-button-padding-horizontal:var(--ti-common-space-5x);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-size-normal-height);line-height:calc(var(--ti-button-size-normal-height) - 2px);color:var(--ti-button-normal-text-color);fill:var(--ti-button-normal-text-color);font-size:var(--ti-button-font-size);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:1px;border-style:solid;border-color:var(--ti-button-normal-border-color);-o-border-image:initial;border-image:initial;border-radius:var(--ti-button-border-radius);background:var(--ti-button-normal-background-color);padding:var(--ti-button-padding-vertical) var(--ti-button-padding-horizontal);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline:0}.tiny-button .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:var(--ti-button-normal-active-text-color);fill:var(--ti-button-normal-active-text-color);border-color:var(--ti-button-normal-active-border-color);background-color:var(--ti-button-normal-active-background-color)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-info-text-color)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-button.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:8px}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px;margin-top:2px}.tiny-button.is-circle{border-radius:50%;min-width:var(--ti-button-size-normal-height);min-height:var(--ti-button-size-normal-height);line-height:1;padding:var(--ti-button-size-normal-padding)}.tiny-button.is-circle.tiny-button--large{min-width:var(--ti-button-size-large-height);min-height:var(--ti-button-size-large-height);height:auto;line-height:1;padding:var(--ti-button-size-large-padding)}.tiny-button.is-circle.tiny-button--medium{min-width:var(--ti-button-size-medium-height);min-height:var(--ti-button-size-medium-height);height:auto;line-height:1;padding:var(--ti-button-size-medium-padding)}.tiny-button.is-circle.tiny-button--small{min-width:var(--ti-button-size-small-height);min-height:var(--ti-button-size-small-height);height:auto;line-height:1;padding:var(--ti-button-size-small-padding)}.tiny-button.is-circle.tiny-button--mini{min-width:var(--ti-button-size-mini-height);min-height:var(--ti-button-size-mini-height);height:auto;line-height:1;padding:var(--ti-button-size-mini-padding)}.tiny-button.tiny-button--primary{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-hover-bg-color);background-color:var(--ti-button-primary-hover-bg-color)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-disabled-text-color);fill:var(--ti-button-primary-disabled-text-color);border-color:var(--ti-button-primary-disabled-border-color);background-color:var(--ti-button-primary-disabled-bg-color)}.tiny-button.tiny-button--primary.is-plain{color:var(--ti-button-primary-normal-bg-color);fill:var(--ti-button-primary-normal-bg-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-primary-disabled-bg-color);border-color:var(--ti-button-primary-disabled-bg-color);background-color:var(--ti-button-primary-plain-disabled-bg-color)}.tiny-button.tiny-button--success{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-hover-bg-color);background-color:var(--ti-button-success-hover-bg-color)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--ti-button-success-disabled-text-color);fill:var(--ti-button-success-disabled-text-color);border-color:var(--ti-button-success-disabled-border-color);background-color:var(--ti-button-success-disabled-bg-color)}.tiny-button.tiny-button--success.is-plain{color:var(--ti-button-success-normal-bg-color);fill:var(--ti-button-success-normal-bg-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-success-disabled-bg-color);border-color:var(--ti-button-success-disabled-bg-color);background-color:var(--ti-button-success-plain-disabled-bg-color)}.tiny-button.tiny-button--warning{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-hover-bg-color);background-color:var(--ti-button-warning-hover-bg-color)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--ti-button-warning-disabled-text-color);fill:var(--ti-button-warning-disabled-text-color);border-color:var(--ti-button-warning-disabled-border-color);background-color:var(--ti-button-warning-disabled-bg-color)}.tiny-button.tiny-button--warning.is-plain{color:var(--ti-button-warning-normal-bg-color);fill:var(--ti-button-warning-normal-bg-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-warning-disabled-bg-color);border-color:var(--ti-button-warning-disabled-bg-color);background-color:var(--ti-button-warning-plain-disabled-bg-color)}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-hover-bg-color);background-color:var(--ti-button-danger-hover-bg-color)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-disabled-text-color);fill:var(--ti-button-danger-disabled-text-color);border-color:var(--ti-button-danger-disabled-border-color);background-color:var(--ti-button-danger-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-normal-bg-color);fill:var(--ti-button-danger-normal-bg-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-danger-disabled-bg-color);border-color:var(--ti-button-danger-disabled-bg-color);background-color:var(--ti-button-danger-plain-disabled-bg-color)}.tiny-button.tiny-button--info{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-hover-bg-color);background-color:var(--ti-button-info-hover-bg-color)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--ti-button-info-disabled-text-color);fill:var(--ti-button-info-disabled-text-color);border-color:var(--ti-button-info-disabled-border-color);background-color:var(--ti-button-info-disabled-bg-color)}.tiny-button.tiny-button--info.is-plain{color:var(--ti-button-info-normal-bg-color);fill:var(--ti-button-info-normal-bg-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-info-disabled-bg-color);border-color:var(--ti-button-info-disabled-bg-color);background-color:var(--ti-button-info-plain-disabled-bg-color)}.tiny-button.tiny-button--text{color:var(--ti-button-text-color);font-size:var(--ti-common-font-size-1);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--ti-button-text-color-active);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--ti-button-text-color-disabled);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:var(--ti-button-size-large-height);font-size:var(--ti-button-size-large-font-size)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-size-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:var(--ti-button-size-medium-height);font-size:var(--ti-button-size-medium-font-size)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-size-medium-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:var(--ti-button-size-small-height);font-size:var(--ti-button-size-small-font-size)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-size-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:var(--ti-button-size-mini-height);font-size:var(--ti-button-size-mini-font-size)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-size-mini-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}";
+styleInject(css_248z);
+
 var script = {
@@ -35,0 +64,0 @@ emits: ['click', 'hook-updated'],

package.json

 {
   "name": "@opentiny/vue-button",
-  "version": "3.1.0-alpha.0",
+  "version": "3.5.0-alpha.0",
   "description": "",
@@ -12,10 +12,11 @@ "main": "lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~3.1.0-alpha.0",
-    "@opentiny/vue-icon": "~3.1.0-alpha.0",
-    "@opentiny/vue-renderless": "~3.1.0-alpha.0",
-    "@opentiny/vue-theme": "~3.1.0-alpha.0",
-    "@opentiny/vue-theme-mobile": "~3.1.0-alpha.0"
+    "@opentiny/vue-common": "~3.5.0-alpha.0",
+    "@opentiny/vue-icon": "~3.5.0-alpha.0",
+    "@opentiny/vue-renderless": "~3.5.0",
+    "@opentiny/vue-theme": "~3.5.0",
+    "@opentiny/vue-theme-mobile": "~3.5.0"
   },
   "license": "MIT",
+  "types": "index.d.ts",
   "sideEffects": false
 }

New alerts

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

Total package byte prevSize

40846

increased by272.44%

Number of package files

8

increased by100%

Lines of code

510

increased by96.91%

Worsened metrics

Number of low supply chain risk alerts

4

increased by33.33%

Published versions last year

23

decreased by-4.17%

Dependency changes

• + Added@babel/runtime@7.18.3(transitive)

• + Added@opentiny/vue-common@3.5.0(transitive)

• + Added@opentiny/vue-icon@3.5.2(transitive)

• + Added@opentiny/vue-locale@3.5.0(transitive)

• + Added@opentiny/vue-renderless@3.5.0(transitive)

• + Added@opentiny/vue-theme@3.5.0(transitive)

• + Added@opentiny/vue-theme-mobile@3.5.0(transitive)

• + Addedregenerator-runtime@0.13.11(transitive)

• - Removed@babel/runtime@7.25.0(transitive)

• - Removed@opentiny/vue-common@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-icon@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-locale@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-renderless@3.1.0-alpha.0(transitive)

• - Removed@opentiny/vue-theme@3.1.0-alpha.1(transitive)

• - Removed@opentiny/vue-theme-mobile@3.1.0-alpha.0(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• Updated@opentiny/vue-common@~3.5.0-alpha.0

• Updated@opentiny/vue-icon@~3.5.0-alpha.0

• Updated@opentiny/vue-renderless@~3.5.0

• Updated@opentiny/vue-theme@~3.5.0

• Updated@opentiny/vue-theme-mobile@~3.5.0