@opentiny/vue-theme 3.5.0 → 3.6.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/action-menu/index.css +1 -1
  2. package/anchor/index.css +1 -0
  3. package/anchor/index.js +20 -0
  4. package/button/index.css +1 -1
  5. package/dropdown/index.css +1 -1
  6. package/index.css +1 -1
  7. package/lowcode.css +1 -1
  8. package/package.json +4 -1
  9. package/select/index.css +1 -1
  10. package/split/index.css +1 -1
  11. package/theme/infinity-theme/index.js +11 -9
package/action-menu/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-action-menu{--ti-action-menu-text-color:var(--ti-base-color-brand-7);--ti-action-menu-font-size:var(--ti-common-font-size-base);--ti-action-menu-item-line-bg-color:var(--ti-base-color-common-1);--ti-action-menu-item-disabled-text-color:var(--ti-base-color-common-2);--ti-action-menu-item-hover-bg-color:var(--ti-base-color-transparent);--ti-action-menu-item-padding-top:0;--ti-action-menu-item-padding-right:0;--ti-action-menu-item-padding-bottom:0;--ti-action-menu-item-padding-left:0;--ti-action-menu-item-svg-margin-top:-2px;--ti-action-menu-item-svg-margin-right:5px;--ti-action-menu-item-svg-margin-bottom:0;--ti-action-menu-item-svg-margin-left:0;font-size:var(--ti-action-menu-font-size);color:var(--ti-action-menu-text-color)}.tiny-action-menu__wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-action-menu__wrap .tiny-action-menu__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-action-menu__wrap .tiny-action-menu__item .tiny-svg{margin:var(--ti-action-menu-item-svg-margin-top) var(--ti-action-menu-item-svg-margin-right) var(--ti-action-menu-item-svg-margin-bottom) var(--ti-action-menu-item-svg-margin-left)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visable .tiny-dropdown-menu__item{color:var(--ti-action-menu-text-color);padding:var(--ti-action-menu-item-padding-top) var(--ti-action-menu-item-padding-right) var(--ti-action-menu-item-padding-bottom) var(--ti-action-menu-item-padding-left)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visable .tiny-dropdown-menu__item:hover{background-color:var(--ti-action-menu-item-hover-bg-color)}.tiny-action-menu__wrap .tiny-action-menu__item.is-disabled .tiny-dropdown-menu__item{cursor:not-allowed;color:var(--ti-action-menu-item-disabled-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item .tiny-action-menu__item-line{position:relative;width:1px;height:12px;background:var(--ti-action-menu-item-line-bg-color);display:inline-block}
1
+ .tiny-action-menu{--ti-action-menu-text-color:var(--ti-common-color-text-link);--ti-action-menu-font-size:var(--ti-common-font-size-base);--ti-action-menu-item-line-bg-color:var(--ti-common-color-line-dividing);--ti-action-menu-item-disabled-text-color:var(--ti-common-color-text-disabled);--ti-action-menu-item-hover-bg-color:var(--ti-common-color-transparent);--ti-action-menu-item-hover-text-color:var(--ti-common-color-text-link-hover);--ti-action-menu-item-padding-top:0;--ti-action-menu-item-padding-right:0;--ti-action-menu-item-padding-bottom:0;--ti-action-menu-item-padding-left:0;--ti-action-menu-item-svg-margin-top:-2px;--ti-action-menu-item-svg-margin-right:5px;--ti-action-menu-item-svg-margin-bottom:0;--ti-action-menu-item-svg-margin-left:0;font-size:var(--ti-action-menu-font-size);color:var(--ti-action-menu-text-color)}.tiny-action-menu__wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-action-menu__wrap .tiny-action-menu__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-action-menu__wrap .tiny-action-menu__item .tiny-svg{fill:var(--ti-action-menu-text-color);margin:var(--ti-action-menu-item-svg-margin-top) var(--ti-action-menu-item-svg-margin-right) var(--ti-action-menu-item-svg-margin-bottom) var(--ti-action-menu-item-svg-margin-left)}.tiny-action-menu__wrap .tiny-action-menu__item:hover:not(.is-disabled){color:var(--ti-action-menu-item-hover-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item:hover:not(.is-disabled).tiny-action-menu__item-visable .tiny-dropdown-menu__item{color:var(--ti-action-menu-item-hover-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item:hover:not(.is-disabled) .tiny-svg{fill:var(--ti-action-menu-item-hover-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item.is-disabled:hover .tiny-dropdown-menu__item{color:var(--ti-action-menu-item-disabled-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visable .tiny-dropdown-menu__item{color:var(--ti-action-menu-text-color);padding:var(--ti-action-menu-item-padding-top) var(--ti-action-menu-item-padding-right) var(--ti-action-menu-item-padding-bottom) var(--ti-action-menu-item-padding-left)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visable .tiny-dropdown-menu__item:hover{background-color:var(--ti-action-menu-item-hover-bg-color)}.tiny-action-menu__wrap .tiny-action-menu__item.is-disabled .tiny-dropdown-menu__item{cursor:not-allowed;color:var(--ti-action-menu-item-disabled-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item .tiny-action-menu__item-line{position:relative;width:1px;height:12px;background:var(--ti-action-menu-item-line-bg-color);display:inline-block}
package/anchor/index.css ADDED
@@ -0,0 +1 @@
1
+ .tiny-anchor{position:relative;color:var(--ti-anchor-text-color);font-size:var(--ti-anchor-font-size)}.tiny-anchor__wrapper{--ti-anchor-text-color:var(--ti-common-color-info);--ti-anchor-font-size:var(--ti-common-font-size-1);--ti-anchor-link-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-anchor-link-active-text-color:var(--ti-common-color-bg-emphasize);--ti-anchor-orbit-width:var(--ti-common-size-base);--ti-anchor-orbit-bg-color:var(--ti-common-color-line-dividing)}.tiny-anchor__affix{position:fixed;z-index:1}.tiny-anchor-link-mask{position:absolute;max-width:0;border-top-right-radius:10px;border-bottom-right-radius:10px;left:var(--ti-anchor-orbit-width / 2);width:100%;background-color:rgba(80,115,229,.15)}.tiny-anchor-orbit{position:absolute;left:0;top:0;bottom:0;width:var(--ti-anchor-orbit-width);border-radius:calc(var(--ti-anchor-orbit-width / 2));background-color:var(--ti-anchor-orbit-bg-color)}.tiny-anchor-orbit-skid{position:absolute;left:0;width:var(--ti-anchor-orbit-width);background-color:var(--ti-anchor-orbit-bg-color)}.tiny-anchor-orbit-skid--active{background-color:var(--ti-anchor-link-active-bg-color)}.tiny-anchor-link{margin:0 0 0 9px;cursor:pointer}.tiny-anchor-link-title{display:block;max-width:100%;padding:1px 8px 1px 10px;white-space:nowrap;text-overflow:ellipsis;color:var(--ti-anchor-text-color)}.tiny-anchor-link-title--active{color:var(--ti-anchor-link-active-text-color)}.tiny-anchor-scroll-container{scroll-behavior:smooth}
package/anchor/index.js ADDED
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Copyright (c) 2022 - present TinyVue Authors.
3
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
4
+ *
5
+ * Use of this source code is governed by an MIT-style license.
6
+ *
7
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
8
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
9
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
10
+ *
11
+ */
12
+
13
+ export default {
14
+ 'tiny-anchor-text-color': '#252b3a',
15
+ 'tiny-anchor-font-size': '14px',
16
+ 'tiny-anchor-link-active-bg-color': '#5e7ce0',
17
+ 'tiny-anchor-link-active-text-color': '#5e7ce0',
18
+ 'tiny-anchor-orbit-width': '4px',
19
+ 'tiny-anchor-orbit-bg-color': '#dfe1e6'
20
+ }
package/button/index.css CHANGED
@@ -1 +1 @@
1
- .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)}}
1
+ .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-common-color-bg-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-common-color-bg-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-common-color-bg-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-common-color-bg-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-common-color-bg-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)}}
package/dropdown/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-dropdown{display:inline-block;position:relative;font-size:var(--ti-common-font-size-base)}.tiny-dropdown .tiny-button-group{display:block}.tiny-dropdown .tiny-button-group .tiny-button{float:none}.tiny-dropdown .tiny-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none;min-width:24px}.tiny-dropdown .tiny-dropdown__caret-button:before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:#fff}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:before{background:#d9d9d9}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:hover:before{background-color:#1890ff}.tiny-dropdown .tiny-dropdown__caret-button:hover:not(.is-disabled):before{top:0;bottom:0}.tiny-dropdown .tiny-dropdown__caret-button svg{padding-left:0;margin:0 3px}.tiny-dropdown .tiny-dropdown-selfdefine:focus:active,.tiny-dropdown .tiny-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.tiny-dropdown [disabled]{cursor:not-allowed;color:#bbb}
1
+ .tiny-dropdown{display:inline-block;position:relative;font-size:var(--ti-common-font-size-base)}.tiny-dropdown .tiny-button-group{display:block}.tiny-dropdown .tiny-button-group .tiny-button{float:none}.tiny-dropdown .tiny-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none;min-width:24px}.tiny-dropdown .tiny-dropdown__caret-button:before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:#fff}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:before{background:#d9d9d9}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:hover:before{background-color:#1890ff}.tiny-dropdown .tiny-dropdown__caret-button:hover:not(.is-disabled):before{top:0;bottom:0}.tiny-dropdown .tiny-dropdown__caret-button svg{padding-left:0;margin:0 3px}.tiny-dropdown .tiny-dropdown-selfdefine:focus:active,.tiny-dropdown .tiny-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.tiny-dropdown [disabled]{cursor:not-allowed;color:#bbb}.tiny-dropdown:hover{cursor:pointer}.tiny-dropdown-visible{-webkit-transform:rotate(180deg);transform:rotate(180deg)}