@opentiny/vue-theme 3.8.4 → 3.9.0

package/README.md

@@ -1,11 +1 @@
-# @opentiny/vue-theme
-
-### 调试技巧：
-- 1、安装 `onchange` 依赖：
-```bash
-npm i onchange -g
-```
-- 2、执行如下命令，实现保存文件自动编译后更新到 `opentiny-vue` 工程 `node_modules/@opentiny/vue-theme` 依赖
-```bash
-onchange -k '**/*.less' -- npm run build:copy-remote
-```
+# @opentiny/vue-theme

package/action-menu/aurora-theme.js

@@ -0,0 +1,4 @@
+export const tinyActionMenuAuroraTheme = {
+  'ti-action-menu-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-action-menu-item-hover-text-color': 'var(--ti-common-color-text-link-hover)'
+}

package/alert/aurora-theme.js

@@ -1,5 +1,4 @@
 export const tinyAlertAuroraTheme = {
-  'ti-alert-normal-height': 'var(--ti-common-size-9x)',
   'ti-alert-normal-padding-top': 'var(--ti-common-space-2x)',
   'ti-alert-normal-padding-right': 'var(--ti-common-space-3x)',
   'ti-alert-normal-padding-left': 'var(--ti-common-space-3x)',

package/alert/index.css

@@ -1 +1 @@
-.tiny-transition-alert-fade-enter,.tiny-transition-alert-fade-enter-from,.tiny-transition-alert-fade-leave-active{opacity:0}.tiny-transition-alert-fade-leave-active{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.tiny-alert{--ti-alert-font-family:var(--ti-common-font-family);--ti-alert-description-font-size:var(--ti-common-font-size-base);--ti-alert-close-font-size:var(--ti-common-font-size-base);--ti-alert-close-text-font-size:var(--ti-common-font-size-base);--ti-alert-border-radius:var(--ti-common-border-radius-normal);--ti-alert-normal-height:calc(var(--ti-common-size-base) * 10.5);--ti-alert-title-text-color:var(--ti-common-color-text-primary);--ti-alert-title-font-size:var(--ti-common-font-size-1);--ti-alert-icon-font-size:var(--ti-common-font-size-2);--ti-alert-description-line-height:var(--ti-common-line-height-number);--ti-alert-normal-content-padding-vertical:var(--ti-common-space-0);--ti-alert-normal-content-padding-horizontal:var(--ti-common-space-2x);--ti-alert-description-margin-top:var(--ti-common-space-base);--ti-alert-description-margin-bottom:var(--ti-common-space-base);--ti-alert-description-text-color:var(--ti-common-color-text-secondary);--ti-alert-normal-padding-top:var(--ti-common-space-3x);--ti-alert-normal-padding-right:var(--ti-common-space-4x);--ti-alert-normal-padding-bottom:var(--ti-common-space-3x);--ti-alert-normal-padding-left:var(--ti-common-space-4x);--ti-alert-normal-margin-vertical:var(--ti-common-space-2x);--ti-alert-normal-margin-horizontal:var(--ti-common-space-0);--ti-alert-large-padding-top:calc(var(--ti-common-space-base) * 3.5);--ti-alert-large-padding-bottom:var(--ti-common-space-3x);--ti-alert-large-padding-left:var(--ti-common-space-4x);--ti-alert-large-padding-right:calc(var(--ti-common-space-base) * 10.5);--ti-alert-opration-text-color:var(--ti-common-color-text-highlight);--ti-alert-opration-font-size:var(--ti-common-font-size-base);--ti-alert-large-icon-font-size:var(--ti-common-font-size-5);--ti-alert-large-icon-margin-top:calc(var(--ti-common-space-base) - 2px);--ti-alert-large-content-padding-left:var(--ti-common-space-4x);--ti-alert-large-close-font-size:var(--ti-alert-close-font-size);--ti-alert-warning-border-color:var(--ti-common-color-warn-border);--ti-alert-warning-icon-color:var(--ti-common-color-warn);--ti-alert-warning-link-text-color:var(--ti-common-color-warn-text);--ti-alert-warning-bg-color:var(--ti-common-color-warn-bg);--ti-alert-warning-close-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-warning-close-hover-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-error-border-color:var(--ti-common-color-error-border-secondary);--ti-alert-error-icon-color:var(--ti-common-color-error);--ti-alert-error-link-text-color:var(--ti-common-color-error-text);--ti-alert-error-bg-color:var(--ti-common-color-error-bg);--ti-alert-error-close-icon-color:var(--ti-alert-error-icon-color);--ti-alert-error-close-hover-icon-color:var(--ti-alert-error-icon-color);--ti-alert-success-border-color:var(--ti-common-color-success-border);--ti-alert-success-icon-color:var(--ti-common-color-success);--ti-alert-success-link-text-color:var(--ti-common-color-text-success);--ti-alert-success-bg-color:var(--ti-common-color-success-bg);--ti-alert-success-close-icon-color:var(--ti-alert-success-icon-color);--ti-alert-success-close-hover-icon-color:var(--ti-alert-success-icon-color);--ti-alert-info-border-color:var(--ti-common-color-prompt-border);--ti-alert-info-icon-color:var(--ti-common-color-prompt);--ti-alert-info-link-text-color:var(--ti-common-color-prompt-text);--ti-alert-info-bg-color:var(--ti-common-color-prompt-bg);--ti-alert-info-close-icon-color:var(--ti-alert-info-icon-color);--ti-alert-info-close-hover-icon-color:var(--ti-alert-info-icon-color);position:relative;border:1px solid;border-radius:var(--ti-alert-border-radius);font-family:var(--ti-alert-font-family)}.tiny-alert.tiny-alert--normal{height:var(--ti-alert-normal-height);padding:var(--ti-alert-normal-padding-top) var(--ti-alert-normal-padding-right) var(--ti-alert-normal-padding-bottom) var(--ti-alert-normal-padding-left);margin:var(--ti-alert-normal-margin-vertical) var(--ti-alert-normal-margin-horizontal);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-alert.tiny-alert--normal .tiny-alert__content{padding:var(--ti-alert-normal-content-padding-vertical) var(--ti-alert-normal-content-padding-horizontal);display:table-cell;max-width:calc(100% - 30px)}.tiny-alert.tiny-alert--large{padding:var(--ti-alert-large-padding-top) var(--ti-alert-large-padding-right) var(--ti-alert-large-padding-bottom) var(--ti-alert-large-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-alert.tiny-alert--large .tiny-alert__content{padding-left:var(--ti-alert-large-content-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-alert.tiny-alert--large .tiny-alert__description{margin-bottom:var(--ti-alert-description-margin-bottom);margin-top:var(--ti-alert-description-margin-top);color:var(--ti-alert-description-text-color)}.tiny-alert.tiny-alert--large .tiny-alert__description.is-hide{margin:0}.tiny-alert.tiny-alert--large .tiny-alert__icon{font-size:var(--ti-alert-large-icon-font-size);margin-top:var(--ti-alert-large-icon-margin-top);vertical-align:top;-ms-flex-negative:0;flex-shrink:0}.tiny-alert.tiny-alert--large .tiny-alert__close{font-size:var(--ti-alert-large-close-font-size);top:12px;right:12px;-webkit-transform:none;transform:none;margin-top:0}.tiny-alert.tiny-alert--success{background:var(--ti-alert-success-bg-color);border-color:var(--ti-alert-success-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--success hr{border-top-color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .alert-link{color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .tiny-alert__icon{fill:var(--ti-alert-success-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close{fill:var(--ti-alert-success-close-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close:hover{fill:var(--ti-alert-success-close-hover-icon-color)}.tiny-alert.tiny-alert--info{background:var(--ti-alert-info-bg-color);border-color:var(--ti-alert-info-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--info hr{border-top-color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .alert-link{color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .tiny-alert__icon{fill:var(--ti-alert-info-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close{fill:var(--ti-alert-info-close-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close:hover{fill:var(--ti-alert-info-close-hover-icon-color)}.tiny-alert.tiny-alert--warning{background:var(--ti-alert-warning-bg-color);border-color:var(--ti-alert-warning-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--warning hr{border-top-color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .alert-link{color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .tiny-alert__icon{fill:var(--ti-alert-warning-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close{fill:var(--ti-alert-warning-close-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close:hover{fill:var(--ti-alert-warning-close-hover-icon-color)}.tiny-alert.tiny-alert--error{background:var(--ti-alert-error-bg-color);border-color:var(--ti-alert-error-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--error hr{border-top-color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .alert-link{color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .tiny-alert__icon{fill:var(--ti-alert-error-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close{fill:var(--ti-alert-error-close-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close:hover{fill:var(--ti-alert-error-close-hover-icon-color)}.tiny-alert__icon{font-size:var(--ti-alert-icon-font-size)}.tiny-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.tiny-alert .is-custom{position:absolute;font-size:var(--ti-alert-close-text-font-size);top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.tiny-alert .tiny-alert__close{font-size:var(--ti-alert-close-font-size);position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.tiny-alert .tiny-alert__content .tiny-alert__opration{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color);line-height:1}.tiny-alert .tiny-alert__content .tiny-alert__opration a{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color)}.tiny-alert .tiny-alert__content .tiny-alert__opration a:not(:last-child){margin-right:16px}.tiny-alert .tiny-alert__title{font-size:var(--ti-alert-title-font-size);color:var(--ti-alert-title-text-color);font-weight:700}.tiny-alert .tiny-alert__description{font-size:var(--ti-alert-description-font-size);line-height:var(--ti-alert-description-line-height)}
+.tiny-transition-alert-fade-enter,.tiny-transition-alert-fade-enter-from,.tiny-transition-alert-fade-leave-active{opacity:0}.tiny-transition-alert-fade-leave-active{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.tiny-alert{--ti-alert-font-family:var(--ti-common-font-family);--ti-alert-description-font-size:var(--ti-common-font-size-base);--ti-alert-close-font-size:var(--ti-common-font-size-base);--ti-alert-close-text-font-size:var(--ti-common-font-size-base);--ti-alert-border-radius:var(--ti-common-border-radius-normal);--ti-alert-title-text-color:var(--ti-common-color-text-primary);--ti-alert-title-font-size:var(--ti-common-font-size-1);--ti-alert-icon-font-size:var(--ti-common-font-size-1);--ti-alert-description-line-height:var(--ti-common-line-height-number);--ti-alert-normal-content-padding-vertical:var(--ti-common-space-0);--ti-alert-normal-content-padding-horizontal:var(--ti-common-space-2x);--ti-alert-description-margin-top:var(--ti-common-space-base);--ti-alert-description-margin-bottom:var(--ti-common-space-base);--ti-alert-description-text-color:var(--ti-common-color-text-secondary);--ti-alert-normal-padding-top:var(--ti-common-space-3x);--ti-alert-normal-padding-right:var(--ti-common-space-4x);--ti-alert-normal-padding-bottom:var(--ti-common-space-3x);--ti-alert-normal-padding-left:var(--ti-common-space-4x);--ti-alert-normal-margin-vertical:var(--ti-common-space-2x);--ti-alert-normal-margin-horizontal:var(--ti-common-space-0);--ti-alert-large-padding-top:calc(var(--ti-common-space-base) * 3.5);--ti-alert-large-padding-bottom:var(--ti-common-space-3x);--ti-alert-large-padding-left:var(--ti-common-space-4x);--ti-alert-large-padding-right:calc(var(--ti-common-space-base) * 10.5);--ti-alert-opration-text-color:var(--ti-common-color-text-highlight);--ti-alert-opration-font-size:var(--ti-common-font-size-base);--ti-alert-large-icon-font-size:21px;--ti-alert-large-icon-margin-top:calc(var(--ti-common-space-base) - 2px);--ti-alert-large-content-padding-left:var(--ti-common-space-4x);--ti-alert-large-close-font-size:var(--ti-alert-close-font-size);--ti-alert-warning-border-color:var(--ti-common-color-warn-border);--ti-alert-warning-icon-color:var(--ti-common-color-warn);--ti-alert-warning-link-text-color:var(--ti-common-color-warn-text);--ti-alert-warning-bg-color:var(--ti-common-color-warn-bg);--ti-alert-warning-close-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-warning-close-hover-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-error-border-color:var(--ti-common-color-error-border-secondary);--ti-alert-error-icon-color:var(--ti-common-color-error);--ti-alert-error-link-text-color:var(--ti-common-color-error-text);--ti-alert-error-bg-color:var(--ti-common-color-error-bg);--ti-alert-error-close-icon-color:var(--ti-alert-error-icon-color);--ti-alert-error-close-hover-icon-color:var(--ti-alert-error-icon-color);--ti-alert-success-border-color:var(--ti-common-color-success-border);--ti-alert-success-icon-color:var(--ti-common-color-success);--ti-alert-success-link-text-color:var(--ti-common-color-text-success);--ti-alert-success-bg-color:var(--ti-common-color-success-bg);--ti-alert-success-close-icon-color:var(--ti-alert-success-icon-color);--ti-alert-success-close-hover-icon-color:var(--ti-alert-success-icon-color);--ti-alert-info-border-color:var(--ti-common-color-prompt-border);--ti-alert-info-icon-color:var(--ti-common-color-prompt);--ti-alert-info-link-text-color:var(--ti-common-color-prompt-text);--ti-alert-info-bg-color:var(--ti-common-color-prompt-bg);--ti-alert-info-close-icon-color:var(--ti-alert-info-icon-color);--ti-alert-info-close-hover-icon-color:var(--ti-alert-info-icon-color);position:relative;border:1px solid;border-radius:var(--ti-alert-border-radius);font-family:var(--ti-alert-font-family)}.tiny-alert.tiny-alert--normal{padding:var(--ti-alert-normal-padding-top) var(--ti-alert-normal-padding-right) var(--ti-alert-normal-padding-bottom) var(--ti-alert-normal-padding-left);margin:var(--ti-alert-normal-margin-vertical) var(--ti-alert-normal-margin-horizontal);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-alert.tiny-alert--normal .tiny-alert__content{padding:var(--ti-alert-normal-content-padding-vertical) var(--ti-alert-normal-content-padding-horizontal);display:table-cell;max-width:calc(100% - 30px)}.tiny-alert.tiny-alert--large{padding:var(--ti-alert-large-padding-top) var(--ti-alert-large-padding-right) var(--ti-alert-large-padding-bottom) var(--ti-alert-large-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-alert.tiny-alert--large .tiny-alert__content{padding-left:var(--ti-alert-large-content-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-alert.tiny-alert--large .tiny-alert__description{margin-bottom:var(--ti-alert-description-margin-bottom);margin-top:var(--ti-alert-description-margin-top);color:var(--ti-alert-description-text-color)}.tiny-alert.tiny-alert--large .tiny-alert__description.is-hide{margin:0}.tiny-alert.tiny-alert--large .tiny-alert__icon{font-size:var(--ti-alert-large-icon-font-size);margin-top:var(--ti-alert-large-icon-margin-top);vertical-align:top;-ms-flex-negative:0;flex-shrink:0}.tiny-alert.tiny-alert--large .tiny-alert__close{font-size:var(--ti-alert-large-close-font-size);top:12px;right:12px;-webkit-transform:none;transform:none;margin-top:0}.tiny-alert.tiny-alert--success{background:var(--ti-alert-success-bg-color);border-color:var(--ti-alert-success-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--success hr{border-top-color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .alert-link{color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .tiny-alert__icon{fill:var(--ti-alert-success-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close{fill:var(--ti-alert-success-close-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close:hover{fill:var(--ti-alert-success-close-hover-icon-color)}.tiny-alert.tiny-alert--info{background:var(--ti-alert-info-bg-color);border-color:var(--ti-alert-info-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--info hr{border-top-color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .alert-link{color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .tiny-alert__icon{fill:var(--ti-alert-info-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close{fill:var(--ti-alert-info-close-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close:hover{fill:var(--ti-alert-info-close-hover-icon-color)}.tiny-alert.tiny-alert--warning{background:var(--ti-alert-warning-bg-color);border-color:var(--ti-alert-warning-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--warning hr{border-top-color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .alert-link{color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .tiny-alert__icon{fill:var(--ti-alert-warning-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close{fill:var(--ti-alert-warning-close-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close:hover{fill:var(--ti-alert-warning-close-hover-icon-color)}.tiny-alert.tiny-alert--error{background:var(--ti-alert-error-bg-color);border-color:var(--ti-alert-error-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--error hr{border-top-color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .alert-link{color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .tiny-alert__icon{fill:var(--ti-alert-error-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close{fill:var(--ti-alert-error-close-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close:hover{fill:var(--ti-alert-error-close-hover-icon-color)}.tiny-alert__icon{font-size:var(--ti-alert-icon-font-size)}.tiny-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.tiny-alert .is-custom{position:absolute;font-size:var(--ti-alert-close-text-font-size);top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.tiny-alert .tiny-alert__close{font-size:var(--ti-alert-close-font-size);position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.tiny-alert .tiny-alert__content .tiny-alert__opration{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color);line-height:1}.tiny-alert .tiny-alert__content .tiny-alert__opration a{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color)}.tiny-alert .tiny-alert__content .tiny-alert__opration a:not(:last-child){margin-right:16px}.tiny-alert .tiny-alert__title{font-size:var(--ti-alert-title-font-size);color:var(--ti-alert-title-text-color);font-weight:700}.tiny-alert .tiny-alert__description{font-size:var(--ti-alert-description-font-size);line-height:var(--ti-alert-description-line-height)}

package/alert/smb-theme.js

@@ -1,5 +1,4 @@
 export const tinyAlertSmbTheme = {
-  'ti-alert-normal-height': 'var(--ti-common-space-10x)',
   'ti-alert-border-radius': 'var(--ti-common-border-radius-4)',
   'ti-alert-description-font-size': 'var(--ti-common-font-size-1)',
   'ti-alert-warning-border-color': 'transparent',
@@ -25,8 +24,8 @@ export const tinyAlertSmbTheme = {
   'ti-alert-normal-padding-left': 'var(--ti-common-space-4x)',
   'ti-alert-normal-padding-right': 'var(--ti-common-space-3x)',
   'ti-alert-title-font-size': 'var(--ti-common-font-size-4)',
-  'ti-alert-icon-font-size': 'var(--ti-common-font-size-2)',
-  'ti-alert-large-icon-font-size': 'var(--ti-common-font-size-5)',
+  'ti-alert-icon-font-size': 'var(--ti-common-font-size-base)',
+  'ti-alert-large-icon-font-size': '21px',
   'ti-alert-large-icon-margin-top': '3px',
   'ti-alert-large-padding-top': 'var(--ti-common-space-4x)',
   'ti-alert-large-padding-bottom': 'var(--ti-common-space-4x)',

package/anchor/index.css

@@ -1 +1 @@
-.tiny-anchor{position:relative;color:var(--ti-anchor-text-color);font-size:var(--ti-anchor-font-size)}.tiny-anchor__wrapper{--ti-anchor-bg-color:var(--ti-common-color-bg-white-normal);--ti-anchor-text-color:var(--ti-common-color-text-primary);--ti-anchor-font-size:var(--ti-common-font-size-1);--ti-anchor-link-active-bg-color:var(--ti-common-color-selected-background);--ti-anchor-orbit-skid-width:var(--ti-common-size-base);--ti-anchor-orbit-width:var(--ti-common-size-base);--ti-anchor-link-active-text-color:var(--ti-common-color-primary-active);--ti-anchor-link-mask-bg-color:var(--ti-common-color-info-plain-disabled-bg-color);--ti-anchor-link-hover-text-color:var(--ti-common-color-primary-active);--ti-anchor-orbit-bg-color:var(--ti-common-color-line-disabled);--ti-anchor-link-margin-left:var(--ti-common-space-2x);--ti-anchor-link-title-padding-vertical:var(--ti-common-space-1);--ti-anchor-link-title-padding-right:var(--ti-common-space-2x);--ti-anchor-link-title-padding-left:var(--ti-common-space-10);background-color:var(--ti-anchor-bg-color)}.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:var(--ti-anchor-link-mask-bg-color)}.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-skid-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-title:hover{color:var(--ti-anchor-link-hover-text-color)}.tiny-anchor-link{margin:0 0 0 var(--ti-anchor-link-margin-left);cursor:pointer}.tiny-anchor-link-title{display:block;max-width:100%;padding:var(--ti-anchor-link-title-padding-vertical) var(--ti-anchor-link-title-padding-right) var(--ti-anchor-link-title-padding-vertical) var(--ti-anchor-link-title-padding-left);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}
+.tiny-anchor{position:relative;color:var(--ti-anchor-text-color);font-size:var(--ti-anchor-font-size)}.tiny-anchor__wrapper{--ti-anchor-bg-color:var(--ti-common-color-bg-white-normal);--ti-anchor-text-color:var(--ti-common-color-text-primary);--ti-anchor-font-size:var(--ti-common-font-size-1);--ti-anchor-link-active-bg-color:var(--ti-common-color-selected-background);--ti-anchor-orbit-skid-width:var(--ti-common-size-base);--ti-anchor-orbit-width:var(--ti-common-size-base);--ti-anchor-link-active-text-color:var(--ti-common-color-primary-active);--ti-anchor-link-mask-bg-color:rgba(80, 115, 229, 0.15);--ti-anchor-link-hover-text-color:var(--ti-common-color-primary-active);--ti-anchor-orbit-bg-color:var(--ti-common-color-line-disabled);--ti-anchor-link-margin-left:var(--ti-common-space-2x);--ti-anchor-link-title-padding-vertical:var(--ti-common-space-1);--ti-anchor-link-title-padding-right:var(--ti-common-space-2x);--ti-anchor-link-title-padding-left:var(--ti-common-space-10);background-color:var(--ti-anchor-bg-color)}.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:var(--ti-anchor-link-mask-bg-color)}.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-skid-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-title:hover{color:var(--ti-anchor-link-hover-text-color)}.tiny-anchor-link{margin:0 0 0 var(--ti-anchor-link-margin-left);cursor:pointer}.tiny-anchor-link-title{display:block;max-width:100%;padding:var(--ti-anchor-link-title-padding-vertical) var(--ti-anchor-link-title-padding-right) var(--ti-anchor-link-title-padding-vertical) var(--ti-anchor-link-title-padding-left);white-space:nowrap;text-overflow:ellipsis;color:var(--ti-anchor-text-color)}.tiny-anchor-link-title.tiny-anchor-link-title--active{color:var(--ti-anchor-link-active-text-color)}

package/breadcrumb/aurora-theme.js

@@ -1,3 +1,4 @@
 export const tinyBreadcrumbAuroraTheme = {
-  'ti-breadcrumb-text-color': '#333'
+  'ti-breadcrumb-text-color': '#333',
+  'ti-breadcrumb-selected-hover-text-color': '#1890ff'
 }

package/breadcrumb/index.css

@@ -1 +1 @@
-.tiny-breadcrumb{--ti-breadcrumb-font-size:var(--ti-common-font-size-base);--ti-breadcrumb-text-line-height:var(--ti-common-line-height-3);--ti-breadcrumb-text-color:var(--ti-common-color-text-weaken);--ti-breadcrumb-font-family:var(--ti-common-font-family);--ti-breadcrumb-separator-text-color:var(--ti-common-color-placeholder);--ti-breadcrumb-separator-width:calc(var(--ti-common-size-base) + 2px);--ti-breadcrumb-separator-margin-vertical:var(--ti-common-space-0);--ti-breadcrumb-separator-margin-horizontal:var(--ti-common-space-base);--ti-breadcrumb-hover-text-color:var(--ti-common-color-primary-normal);--ti-breadcrumb-hover-text-decoration:none;--ti-breadcrumb-text-font-weight:var(--ti-common-font-weight-7);--ti-breadcrumb-selected-text-color:var(--ti-common-color-text-primary);font-size:var(--ti-breadcrumb-font-size);line-height:var(--ti-breadcrumb-text-line-height);font-family:var(--ti-breadcrumb-font-family)}.tiny-breadcrumb:after,.tiny-breadcrumb:before{content:'';display:table}.tiny-breadcrumb:after{clear:both}.tiny-breadcrumb .tiny-breadcrumb__item{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner{font-weight:var(--ti-breadcrumb-text-font-weight);color:var(--ti-breadcrumb-selected-text-color);text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner a{cursor:text;color:var(--ti-breadcrumb-selected-text-color);text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator,.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator-cls{display:none}.tiny-breadcrumb .tiny-breadcrumb__inner{vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__inner,.tiny-breadcrumb .tiny-breadcrumb__inner a{color:var(--ti-breadcrumb-text-color)}.tiny-breadcrumb .tiny-breadcrumb__inner:hover{color:var(--ti-breadcrumb-hover-text-color);-webkit-text-decoration:var(--ti-breadcrumb-hover-text-decoration);text-decoration:var(--ti-breadcrumb-hover-text-decoration)}.tiny-breadcrumb .tiny-breadcrumb__inner:hover a:hover{cursor:pointer;color:var(--ti-breadcrumb-hover-text-color);-webkit-text-decoration:var(--ti-breadcrumb-hover-text-decoration);text-decoration:var(--ti-breadcrumb-hover-text-decoration)}.tiny-breadcrumb .tiny-breadcrumb__separator{font-family:var(--ti-breadcrumb-font-family);color:var(--ti-breadcrumb-separator-text-color);margin:var(--ti-breadcrumb-separator-margin-vertical) var(--ti-breadcrumb-separator-margin-horizontal);vertical-align:middle;text-align:center;width:var(--ti-breadcrumb-separator-width)}.tiny-breadcrumb .tiny-breadcrumb__separator-cls{font-size:var(--ti-breadcrumb-font-size);fill:var(--ti-breadcrumb-separator-text-color);margin:var(--ti-breadcrumb-separator-margin-vertical) var(--ti-breadcrumb-separator-margin-horizontal);vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover{cursor:text;color:var(--ti-breadcrumb-hover-text-color);text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover a{cursor:text;color:var(--ti-breadcrumb-selected-text-color);text-decoration:none}
+.tiny-breadcrumb{--ti-breadcrumb-font-size:var(--ti-common-font-size-base);--ti-breadcrumb-text-line-height:var(--ti-common-line-height-3);--ti-breadcrumb-text-color:var(--ti-common-color-text-weaken);--ti-breadcrumb-font-family:var(--ti-common-font-family);--ti-breadcrumb-separator-text-color:var(--ti-common-color-placeholder);--ti-breadcrumb-separator-width:calc(var(--ti-common-size-base) + 2px);--ti-breadcrumb-separator-margin-vertical:var(--ti-common-space-0);--ti-breadcrumb-separator-margin-horizontal:var(--ti-common-space-base);--ti-breadcrumb-hover-text-color:var(--ti-common-color-primary-normal);--ti-breadcrumb-hover-text-decoration:none;--ti-breadcrumb-text-font-weight:var(--ti-common-font-weight-7);--ti-breadcrumb-selected-text-color:var(--ti-common-color-text-primary);--ti-breadcrumb-selected-hover-text-color:var(--ti-breadcrumb-selected-text-color);font-size:var(--ti-breadcrumb-font-size);line-height:var(--ti-breadcrumb-text-line-height);font-family:var(--ti-breadcrumb-font-family)}.tiny-breadcrumb:after,.tiny-breadcrumb:before{content:'';display:table}.tiny-breadcrumb:after{clear:both}.tiny-breadcrumb .tiny-breadcrumb__item{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner{font-weight:var(--ti-breadcrumb-text-font-weight);color:var(--ti-breadcrumb-selected-text-color);text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner a{cursor:text;color:var(--ti-breadcrumb-selected-text-color);text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator,.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator-cls{display:none}.tiny-breadcrumb .tiny-breadcrumb__inner{vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__inner,.tiny-breadcrumb .tiny-breadcrumb__inner a{color:var(--ti-breadcrumb-text-color)}.tiny-breadcrumb .tiny-breadcrumb__inner:hover{color:var(--ti-breadcrumb-hover-text-color);-webkit-text-decoration:var(--ti-breadcrumb-hover-text-decoration);text-decoration:var(--ti-breadcrumb-hover-text-decoration)}.tiny-breadcrumb .tiny-breadcrumb__inner:hover a:hover{cursor:pointer;color:var(--ti-breadcrumb-hover-text-color);-webkit-text-decoration:var(--ti-breadcrumb-hover-text-decoration);text-decoration:var(--ti-breadcrumb-hover-text-decoration)}.tiny-breadcrumb .tiny-breadcrumb__separator{font-family:var(--ti-breadcrumb-font-family);color:var(--ti-breadcrumb-separator-text-color);margin:var(--ti-breadcrumb-separator-margin-vertical) var(--ti-breadcrumb-separator-margin-horizontal);vertical-align:middle;text-align:center;width:var(--ti-breadcrumb-separator-width)}.tiny-breadcrumb .tiny-breadcrumb__separator-cls{font-size:var(--ti-breadcrumb-font-size);fill:var(--ti-breadcrumb-separator-text-color);margin:var(--ti-breadcrumb-separator-margin-vertical) var(--ti-breadcrumb-separator-margin-horizontal);vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover{cursor:text;text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover .tiny-breadcrumb__inner{color:var(--ti-breadcrumb-selected-hover-text-color)}.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover a{cursor:text;color:var(--ti-breadcrumb-selected-hover-text-color);text-decoration:none}

package/button/index.css

@@ -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-common-color-text-disabled);--ti-button-border-width:var(--ti-common-border-weight-normal);--ti-button-border-style:var(--ti-common-border-style-solid);--ti-button-loading-bg-color:rgba(255, 255, 255, 0.35);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-height-normal);--ti-button-size-normal-padding-horizontal:var(--ti-common-size-5x);--ti-button-size-normal-mini-width:var(--ti-common-size-20x);--ti-button-size-large-min-width:var(--ti-common-size-width-normal);--ti-button-size-large-max-width:var(--ti-common-size-width-large);--ti-button-size-large-height:var(--ti-common-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding-horizontal:var(--ti-common-size-8x);--ti-button-size-large-mini-width:var(--ti-common-size-24x);--ti-button-size-large-margin-left:8px;--ti-button-size-medium-min-width:var(--ti-common-size-width-normal);--ti-button-size-medium-max-width:var(--ti-common-size-width-large);--ti-button-size-medium-height:var(--ti-common-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding-horizontal:var(--ti-common-size-7x);--ti-button-size-medium-mini-width:var(--ti-common-size-22x);--ti-button-size-medium-margin-left:8px;--ti-button-size-small-min-width:var(--ti-common-size-width-normal);--ti-button-size-small-max-width:var(--ti-common-size-width-medium);--ti-button-size-small-height:var(--ti-common-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding-horizontal:var(--ti-common-size-3x);--ti-button-size-small-mini-width:var(--ti-common-size-18x);--ti-button-size-small-margin-left:8px;--ti-button-size-mini-min-width:var(--ti-common-size-width-normal);--ti-button-size-mini-max-width:var(--ti-common-size-width-medium);--ti-button-size-mini-height:var(--ti-common-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding-horizontal:var(--ti-common-size-2x);--ti-button-size-mini-mini-width:var(--ti-common-size-16x);--ti-button-normal-text-color:var(--ti-common-color-text-primary);--ti-button-normal-border-color:var(--ti-common-color-border);--ti-button-normal-background-color:var(--ti-common-color-light);--ti-button-normal-hover-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-background-color:var(--ti-common-color-light);--ti-button-normal-active-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-background-color:var(--ti-common-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-common-color-primary-normal);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-hover-weight:var(--ti-common-font-weight-4);--ti-button-text-color-active:var(--ti-common-color-primary-active);--ti-button-text-color-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-width:1em;--ti-button-text-svg-height:1em;--ti-button-text-hover-bg-color:transparent;--ti-button-text-hover-border-radius:0px;--ti-button-text-svg-fill:var(--ti-button-text-color);--ti-button-text-svg-hover-fill:var(--ti-button-text-color-hover);--ti-button-text-svg-fill-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-padding-horizontal:var(--ti-common-size-2x);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-normal-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-primary-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-common-color-primary-disabled-bgcolor);--ti-button-primary-text-color:var(--ti-common-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-primary-disabled-text);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border);--ti-button-primary-plain-text-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-text-color:var(--ti-common-color-light);--ti-button-primary-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-primary-plain-hover-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-disabled-bg-color:var(--ti-common-color-primary-plain-disabled-bg-color);--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal);--ti-button-success-normal-border-color:var(--ti-common-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover);--ti-button-success-active-bg-color:var(--ti-common-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-common-color-success-disabled-bgcolor);--ti-button-success-text-color:var(--ti-common-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-success-disabled-text);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border);--ti-button-success-plain-text-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-text-color:var(--ti-common-color-light);--ti-button-success-plain-bg-color:var(--ti-common-color-success-bg);--ti-button-success-plain-hover-bg-color:var(--ti-common-color-success-normal);--ti-button-success-plain-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-disabled-bg-color:var(--ti-common-color-success-plain-disabled-bg-color);--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-normal-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover);--ti-button-success-hover-border-color:var(--ti-common-color-success-hover);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-common-color-warning-disabled-bgcolor);--ti-button-warning-text-color:var(--ti-common-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-warning-disabled-text);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border);--ti-button-warning-plain-text-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-text-color:var(--ti-common-color-light);--ti-button-warning-plain-bg-color:var(--ti-common-color-warn-bg);--ti-button-warning-plain-hover-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-disabled-bg-color:var(--ti-common-color-warning-plain-disabled-bg-color);--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-normal-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover);--ti-button-danger-hover-border-color:var(--ti-common-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-text-color:var(--ti-common-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-danger-disabled-text);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border);--ti-button-danger-plain-text-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-text-color:var(--ti-common-color-light);--ti-button-danger-plain-bg-color:var(--ti-common-color-error-bg);--ti-button-danger-plain-hover-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-plain-disabled-border-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal);--ti-button-info-normal-border-color:var(--ti-common-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover);--ti-button-info-hover-border-color:var(--ti-common-color-info-hover);--ti-button-info-active-bg-color:var(--ti-common-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-common-color-info-disabled-bgcolor);--ti-button-info-text-color:var(--ti-common-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-info-disabled-text);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border);--ti-button-info-plain-text-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-text-color:var(--ti-common-color-light);--ti-button-info-plain-bg-color:var(--ti-common-color-info-bg);--ti-button-info-plain-hover-bg-color:var(--ti-common-color-info-normal);--ti-button-info-plain-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-disabled-bg-color:var(--ti-common-color-info-plain-disabled-bg-color);--ti-button-padding-vertical:var(--ti-common-space-0);--ti-button-padding-horizontal:var(--ti-common-space-5x);--ti-button-size-normal-padding:var(--ti-common-space-2x);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);min-width:var(--ti-button-size-normal-mini-width);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:var(--ti-button-border-width);border-style:var(--ti-button-border-style);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-size-normal-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;vertical-align:middle}.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:var(--ti-button-loading-bg-color)}.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:1px}.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.is-hide-boder{border:none}.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-border-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-border-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-plain-text-color);fill:var(--ti-button-primary-plain-text-color);border-color:var(--ti-button-primary-plain-border-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-plain-hover-text-color);fill:var(--ti-button-primary-plain-hover-text-color);border-color:var(--ti-button-primary-plain-hover-border-color);background-color:var(--ti-button-primary-plain-hover-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-border-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-border-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-plain-text-color);fill:var(--ti-button-success-plain-text-color);border-color:var(--ti-button-success-plain-border-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-plain-hover-text-color);fill:var(--ti-button-success-plain-hover-text-color);border-color:var(--ti-button-success-plain-hover-border-color);background-color:var(--ti-button-success-plain-hover-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-border-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-border-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-plain-text-color);fill:var(--ti-button-warning-plain-text-color);border-color:var(--ti-button-warning-plain-border-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-plain-hover-text-color);fill:var(--ti-button-warning-plain-hover-text-color);border-color:var(--ti-button-warning-plain-hover-border-color);background-color:var(--ti-button-warning-plain-hover-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-border-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-border-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-plain-text-color);fill:var(--ti-button-danger-plain-text-color);border-color:var(--ti-button-danger-plain-border-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-plain-hover-text-color);fill:var(--ti-button-danger-plain-hover-text-color);border-color:var(--ti-button-danger-plain-hover-border-color);background-color:var(--ti-button-danger-plain-hover-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--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{border-color:var(--ti-button-danger-plain-disabled-border-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-border-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-border-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-plain-text-color);fill:var(--ti-button-info-plain-text-color);border-color:var(--ti-button-info-plain-border-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-plain-hover-text-color);fill:var(--ti-button-info-plain-hover-text-color);border-color:var(--ti-button-info-plain-hover-border-color);background-color:var(--ti-button-info-plain-hover-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;border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);font-weight:var(--ti-button-text-hover-weight);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;font-weight:400}.tiny-button.tiny-button--text .tiny-svg{width:var(--ti-button-text-svg-width);height:var(--ti-button-text-svg-height);fill:var(--ti-button-text-svg-fill)}.tiny-button.tiny-button--text:has(.tiny-svg):hover{background:var(--ti-button-text-hover-bg-color);border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:has(.tiny-svg):hover .tiny-svg{fill:var(--ti-button-text-svg-hover-fill)}.tiny-button.tiny-button--text:has(.tiny-svg){padding:0 var(--ti-button-text-svg-padding-horizontal)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled{background:0 0;fill:var(--ti-button-text-svg-fill-disabled)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled .tiny-svg{fill:var(--ti-button-text-svg-fill-disabled)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled:hover{fill:var(--ti-button-text-svg-fill-disabled);background:0 0}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:calc(var(--ti-button-size-large-height) - 2px);font-size:var(--ti-button-size-large-font-size);padding:0 var(--ti-button-size-large-padding-horizontal);min-width:var(--ti-button-size-large-mini-width)}.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--large+.tiny-button.tiny-button--large{margin-left:var(--ti-button-size-large-margin-left)}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:calc(var(--ti-button-size-medium-height) - 2px);font-size:var(--ti-button-size-medium-font-size);padding:0 var(--ti-button-size-medium-padding-horizontal);min-width:var(--ti-button-size-medium-mini-width)}.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--medium+.tiny-button.tiny-button--medium{margin-left:var(--ti-button-size-medium-margin-left)}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:calc(var(--ti-button-size-small-height) - 2px);font-size:var(--ti-button-size-small-font-size);padding:0 var(--ti-button-size-small-padding-horizontal);min-width:var(--ti-button-size-small-mini-width)}.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--small+.tiny-button.tiny-button--small{margin-left:var(--ti-button-size-small-margin-left)}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:calc(var(--ti-button-size-mini-height) - 2px);font-size:var(--ti-button-size-mini-font-size);padding:0 var(--ti-button-size-mini-padding-horizontal);min-width:var(--ti-button-size-mini-mini-width)}.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)}}
+.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-common-color-text-disabled);--ti-button-border-width:var(--ti-common-border-weight-normal);--ti-button-border-style:var(--ti-common-border-style-solid);--ti-button-loading-bg-color:rgba(255, 255, 255, 0.35);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-height-normal);--ti-button-size-normal-padding-horizontal:var(--ti-common-size-5x);--ti-button-size-normal-mini-width:var(--ti-common-size-20x);--ti-button-size-large-min-width:var(--ti-common-size-width-normal);--ti-button-size-large-max-width:var(--ti-common-size-width-large);--ti-button-size-large-height:var(--ti-common-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding-horizontal:var(--ti-common-size-8x);--ti-button-size-large-mini-width:var(--ti-common-size-24x);--ti-button-size-large-margin-left:8px;--ti-button-size-medium-min-width:var(--ti-common-size-width-normal);--ti-button-size-medium-max-width:var(--ti-common-size-width-large);--ti-button-size-medium-height:var(--ti-common-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding-horizontal:var(--ti-common-size-7x);--ti-button-size-medium-mini-width:var(--ti-common-size-22x);--ti-button-size-medium-margin-left:8px;--ti-button-size-small-min-width:var(--ti-common-size-width-normal);--ti-button-size-small-max-width:var(--ti-common-size-width-medium);--ti-button-size-small-height:var(--ti-common-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding-horizontal:var(--ti-common-size-3x);--ti-button-size-small-mini-width:var(--ti-common-size-18x);--ti-button-size-small-margin-left:8px;--ti-button-size-mini-min-width:var(--ti-common-size-width-normal);--ti-button-size-mini-max-width:var(--ti-common-size-width-medium);--ti-button-size-mini-height:var(--ti-common-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding-horizontal:var(--ti-common-size-2x);--ti-button-size-mini-mini-width:var(--ti-common-size-16x);--ti-button-normal-text-color:var(--ti-common-color-text-primary);--ti-button-normal-border-color:var(--ti-common-color-border);--ti-button-normal-background-color:var(--ti-common-color-light);--ti-button-normal-hover-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-background-color:var(--ti-common-color-light);--ti-button-normal-active-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-background-color:var(--ti-common-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-common-color-primary-normal);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-hover-weight:var(--ti-common-font-weight-4);--ti-button-text-color-active:var(--ti-common-color-primary-active);--ti-button-text-color-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-width:1em;--ti-button-text-svg-height:1em;--ti-button-text-size-mini-svg-width:1em;--ti-button-text-hover-bg-color:transparent;--ti-button-text-hover-border-radius:0px;--ti-button-text-svg-fill:var(--ti-button-text-color);--ti-button-text-svg-hover-fill:var(--ti-button-text-color-hover);--ti-button-text-svg-fill-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-padding-horizontal:var(--ti-common-size-2x);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-normal-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-primary-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-common-color-primary-disabled-bgcolor);--ti-button-primary-text-color:var(--ti-common-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-primary-disabled-text);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border);--ti-button-primary-plain-text-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-text-color:var(--ti-common-color-light);--ti-button-primary-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-primary-plain-hover-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-disabled-bg-color:var(--ti-common-color-primary-plain-disabled-bg-color);--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal);--ti-button-success-normal-border-color:var(--ti-common-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover);--ti-button-success-active-bg-color:var(--ti-common-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-common-color-success-disabled-bgcolor);--ti-button-success-text-color:var(--ti-common-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-success-disabled-text);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border);--ti-button-success-plain-text-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-text-color:var(--ti-common-color-light);--ti-button-success-plain-bg-color:var(--ti-common-color-success-bg);--ti-button-success-plain-hover-bg-color:var(--ti-common-color-success-normal);--ti-button-success-plain-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-disabled-bg-color:var(--ti-common-color-success-plain-disabled-bg-color);--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-normal-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover);--ti-button-success-hover-border-color:var(--ti-common-color-success-hover);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-common-color-warning-disabled-bgcolor);--ti-button-warning-text-color:var(--ti-common-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-warning-disabled-text);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border);--ti-button-warning-plain-text-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-text-color:var(--ti-common-color-light);--ti-button-warning-plain-bg-color:var(--ti-common-color-warn-bg);--ti-button-warning-plain-hover-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-disabled-bg-color:var(--ti-common-color-warning-plain-disabled-bg-color);--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-normal-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover);--ti-button-danger-hover-border-color:var(--ti-common-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-text-color:var(--ti-common-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-danger-disabled-text);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border);--ti-button-danger-plain-text-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-text-color:var(--ti-common-color-light);--ti-button-danger-plain-bg-color:var(--ti-common-color-error-bg);--ti-button-danger-plain-hover-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-plain-disabled-border-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal);--ti-button-info-normal-border-color:var(--ti-common-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover);--ti-button-info-hover-border-color:var(--ti-common-color-info-hover);--ti-button-info-active-bg-color:var(--ti-common-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-common-color-info-disabled-bgcolor);--ti-button-info-text-color:var(--ti-common-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-info-disabled-text);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border);--ti-button-info-plain-text-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-text-color:var(--ti-common-color-light);--ti-button-info-plain-bg-color:var(--ti-common-color-info-bg);--ti-button-info-plain-hover-bg-color:var(--ti-common-color-info-normal);--ti-button-info-plain-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-disabled-bg-color:var(--ti-common-color-info-plain-disabled-bg-color);--ti-button-padding-vertical:var(--ti-common-space-0);--ti-button-padding-horizontal:var(--ti-common-space-5x);--ti-button-size-normal-padding:var(--ti-common-space-2x);--ti-button-text-size-large-min-width:var(--ti-common-size-24x);--ti-button-text-size-large-height:var(--ti-common-size-height-large);--ti-button-text-size-large-svg-width:1em;--ti-button-text-size-large-svg-height:1em;--ti-button-text-size-medium-min-width:var(--ti-common-size-22x);--ti-button-text-size-medium-height:var(--ti-common-size-height-medium);--ti-button-text-size-medium-svg-width:1em;--ti-button-text-size-medium-svg-height:1em;--ti-button-text-size-default-min-width:var(--ti-common-size-20x);--ti-button-text-size-default-height:var(--ti-common-size-height-normal);--ti-button-text-size-default-svg-width:1em;--ti-button-text-size-default-svg-height:1em;--ti-button-text-size-small-min-width:var(--ti-common-size-18x);--ti-button-text-size-small-height:var(--ti-common-size-height-small);--ti-button-text-size-small-min-width:var(--ti-common-size-16x);--ti-button-text-size-small-height:var(--ti-common-size-height-mini);--ti-button-text-size-small-svg-width:1em;--ti-button-text-size-small-svg-height:1em;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);min-width:var(--ti-button-size-normal-mini-width);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:var(--ti-button-border-width);border-style:var(--ti-button-border-style);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-size-normal-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;vertical-align:middle}.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:var(--ti-button-loading-bg-color)}.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:1px}.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.is-hide-boder{border:none}.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-border-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-border-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-plain-text-color);fill:var(--ti-button-primary-plain-text-color);border-color:var(--ti-button-primary-plain-border-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-plain-hover-text-color);fill:var(--ti-button-primary-plain-hover-text-color);border-color:var(--ti-button-primary-plain-hover-border-color);background-color:var(--ti-button-primary-plain-hover-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-border-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-border-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-plain-text-color);fill:var(--ti-button-success-plain-text-color);border-color:var(--ti-button-success-plain-border-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-plain-hover-text-color);fill:var(--ti-button-success-plain-hover-text-color);border-color:var(--ti-button-success-plain-hover-border-color);background-color:var(--ti-button-success-plain-hover-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-border-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-border-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-plain-text-color);fill:var(--ti-button-warning-plain-text-color);border-color:var(--ti-button-warning-plain-border-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-plain-hover-text-color);fill:var(--ti-button-warning-plain-hover-text-color);border-color:var(--ti-button-warning-plain-hover-border-color);background-color:var(--ti-button-warning-plain-hover-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-border-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-border-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-plain-text-color);fill:var(--ti-button-danger-plain-text-color);border-color:var(--ti-button-danger-plain-border-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-plain-hover-text-color);fill:var(--ti-button-danger-plain-hover-text-color);border-color:var(--ti-button-danger-plain-hover-border-color);background-color:var(--ti-button-danger-plain-hover-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--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{border-color:var(--ti-button-danger-plain-disabled-border-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-border-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-border-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-plain-text-color);fill:var(--ti-button-info-plain-text-color);border-color:var(--ti-button-info-plain-border-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-plain-hover-text-color);fill:var(--ti-button-info-plain-hover-text-color);border-color:var(--ti-button-info-plain-hover-border-color);background-color:var(--ti-button-info-plain-hover-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;border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);font-weight:var(--ti-button-text-hover-weight);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;font-weight:400}.tiny-button.tiny-button--text:has(.tiny-svg){padding:0 var(--ti-button-text-svg-padding-horizontal)}.tiny-button.tiny-button--text:has(.tiny-svg):hover{background:var(--ti-button-text-hover-bg-color);border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:has(.tiny-svg):hover .tiny-svg{fill:var(--ti-button-text-svg-hover-fill)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled{background:0 0;fill:var(--ti-button-text-svg-fill-disabled)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled .tiny-svg{fill:var(--ti-button-text-svg-fill-disabled)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled:hover{fill:var(--ti-button-text-svg-fill-disabled);background:0 0}.tiny-button.tiny-button--text .tiny-svg{vertical-align:middle;fill:var(--ti-button-text-svg-fill)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large{min-width:var(--ti-button-text-size-large-min-width);height:var(--ti-button-text-size-large-height);line-height:calc(var(--ti-button-text-size-large-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large svg{width:var(--ti-button-text-size-large-svg-width);height:var(--ti-button-text-size-large-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium{min-width:var(--ti-button-text-size-medium-min-width);height:var(--ti-button-text-size-medium-height);line-height:calc(var(--ti-button-text-size-medium-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium svg{width:var(--ti-button-text-size-medium-svg-width);height:var(--ti-button-text-size-medium-svg-height)}.tiny-button.tiny-button--text.tiny-button{min-width:var(--ti-button-text-size-default-min-width);height:var(--ti-button-text-size-default-height);line-height:calc(var(--ti-button-text-size-default-height) - 2px)}.tiny-button.tiny-button--text.tiny-button svg{width:var(--ti-button-text-size-default-svg-width);height:var(--ti-button-text-size-default-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small{min-width:var(--ti-button-text-size-small-min-width);height:var(--ti-button-text-size-small-height);line-height:calc(var(--ti-button-text-size-small-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small svg{width:var(--ti-button-text-size-small-svg-width);height:var(--ti-button-text-size-small-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini{min-width:var(--ti-button-text-size-mini-min-width);height:var(--ti-button-text-size-mini-height);line-height:calc(var(--ti-button-text-size-mini-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini svg{width:var(--ti-button-text-size-mini-svg-width);height:var(--ti-button-text-size-mini-svg-height)}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:calc(var(--ti-button-size-large-height) - 2px);font-size:var(--ti-button-size-large-font-size);padding:0 var(--ti-button-size-large-padding-horizontal);min-width:var(--ti-button-size-large-mini-width)}.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--large+.tiny-button.tiny-button--large{margin-left:var(--ti-button-size-large-margin-left)}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:calc(var(--ti-button-size-medium-height) - 2px);font-size:var(--ti-button-size-medium-font-size);padding:0 var(--ti-button-size-medium-padding-horizontal);min-width:var(--ti-button-size-medium-mini-width)}.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--medium+.tiny-button.tiny-button--medium{margin-left:var(--ti-button-size-medium-margin-left)}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:calc(var(--ti-button-size-small-height) - 2px);font-size:var(--ti-button-size-small-font-size);padding:0 var(--ti-button-size-small-padding-horizontal);min-width:var(--ti-button-size-small-mini-width)}.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--small+.tiny-button.tiny-button--small{margin-left:var(--ti-button-size-small-margin-left)}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:calc(var(--ti-button-size-mini-height) - 2px);font-size:var(--ti-button-size-mini-font-size);padding:0 var(--ti-button-size-mini-padding-horizontal);min-width:var(--ti-button-size-mini-mini-width)}.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/button/smb-theme.js

@@ -42,4 +42,24 @@ export const tinyButtonSmbTheme = {
   'ti-button-size-large-margin-left': '16px',
   'ti-button-size-medium-margin-left': '16px',
   'ti-button-size-small-margin-left': '8px',
+  'ti-button-text-size-large-min-width': '56px',
+  'ti-button-text-size-large-height': '56px',
+  'ti-button-text-size-large-svg-width': '48px',
+  'ti-button-text-size-large-svg-height': '48px',
+  'ti-button-text-size-medium-min-width': '40px',
+  'ti-button-text-size-medium-height': '40px',
+  'ti-button-text-size-medium-svg-width': '32px',
+  'ti-button-text-size-medium-svg-height': '32px',
+  'ti-button-text-size-default-min-width': '32px',
+  'ti-button-text-size-default-height': '32px',
+  'ti-button-text-size-default-svg-width': '24px',
+  'ti-button-text-size-default-svg-height': '24px',
+  'ti-button-text-size-small-min-width': '24px',
+  'ti-button-text-size-small-height': '24px',
+  'ti-button-text-size-small-svg-width': '16px',
+  'ti-button-text-size-small-svg-height': '16px',
+  'ti-button-text-size-mini-min-width': '24px',
+  'ti-button-text-size-mini-height': '24px',
+  'ti-button-text-size-mini-svg-width': '16px',
+  'ti-button-text-size-mini-svg-height': '16px',
 }

package/button-group/aurora-theme.js

@@ -0,0 +1,13 @@
+export const tinyButtonGroupAuroraTheme = {
+  'ti-button-group-item-li-margin-bottom': 'var(--ti-common-space-base)',
+  'ti-button-group-btn-padding-horizontal': 'var(--ti-common-space-2x)',
+  'ti-button-group-item-bg-color': 'var(--ti-common-color-bg-white-normal)',
+  'ti-button-group-item-li-margin-right': '-1px',
+  'ti-button-group-border-weight': 'var(--ti-common-border-weight-normal)',
+  'ti-button-group-mini-padding-horizontal': '6px',
+  'ti-button-group-mini-margin-right': '0',
+  'ti-button-group-item-active-disabled-bg-color': 'var(--ti-common-color-bg-disabled)',
+  'ti-button-group-item-btn-hover-bg-color': 'var(--ti-common-color-primary-hover)',
+  'ti-button-group-item-btn-hover-text-color': 'var(--ti-common-color-light)',
+  'ti-button-group-no-border-hover-bg-color': 'var(--ti-common-color-primary-hover)',
+}

package/button-group/index.css

@@ -1 +1 @@
-.tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal);--ti-button-group-border-radius:var(--ti-common-border-radius-normal);--ti-button-group-right-border-radius:0px;--ti-button-group-middle-border-radius:0px;--ti-button-group-left-border-radius:0px;--ti-button-group-hover-border-color:var(--ti-common-color-line-active);--ti-button-group-info-border-color:var(--ti-common-color-light);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-bg-color:var(--ti-common-color-bg-white-normal);--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-btn-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-text-color:var(--ti-common-color-light);--ti-button-group-item-btn-plain-text-color:var(--ti-common-color-text-link-hover);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg:);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-text-color:var(--ti-common-color-light);--ti-button-group-item-li-margin-right:-1px;--ti-button-group-item-active-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-active-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-btn-padding-horizontal:8px;--ti-button-group-item-active-font-size:14px;--ti-button-group-margin-top:-8px;--ti-button-group-item-margin-top:0;--ti-button-group-mini-margin-right:0px;--ti-button-group-mini-font-size:12px;--ti-button-group-no-border-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-no-border-active-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-no-border-disabled-bg-color:#FFFFFF;--ti-button-group-mini-padding-horizontal:16px;--ti-button-group-mini-border-radius:0px;--ti-button-group-no-border-hover-border-color:transparent;--ti-button-group-no-border-border-color:transparent;display:inline-block;vertical-align:middle;margin-top:var(--ti-button-group-margin-top)}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;background:var(--ti-button-group-item-bg-color);float:left;position:relative;margin-top:var(--ti-button-group-item-margin-top)}.tiny-button-group .tiny-group-item li button{border:1px solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0 var(--ti-button-group-btn-padding-horizontal);text-decoration:none;font-size:var(--ti-button-group-item-btn-font-size);outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border-radius:var(--ti-button-group-middle-border-radius)}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-item-btn-disabled-bg-color);border-color:var(--ti-button-group-item-btn-disabled-border-color);cursor:not-allowed;color:var(--ti-button-group-item-btn-disabled-text-color)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);color:var(--ti-button-group-item-btn-hover-text-color);border-color:var(--ti-button-group-item-btn-hover-border-color);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-item-btn-plain-text-color);background-color:var(--ti-button-group-item-btn-plain-bg-color);border-color:var(--ti-button-group-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);border-color:var(--ti-button-group-active-hover-border-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:var(--ti-button-group-item-btn-plain-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-item-active-bg-color);color:var(--ti-button-group-item-active-text-color);border-color:var(--ti-button-group-item-active-border-color);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-item-active-bg-color);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:var(--ti-button-group-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-border-radius)}.tiny-button-group .tiny-group-item li:last-child button{border-radius:var(--ti-button-group-left-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-left-border-radius)}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:var(--ti-button-group-item-li-margin-right)}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:var(--ti-button-group-border-radius)}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--ti-button-group-info-border-color);border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:var(--ti-button-group-border-color);border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group.tiny-button-group--mini li:not(:last-child){margin-right:var(--ti-button-group-mini-margin-right)}.tiny-button-group.tiny-button-group--mini li button{font-size:var(--ti-button-group-mini-font-size);padding:0 var(--ti-button-group-mini-padding-horizontal);border-radius:var(--ti-button-group-mini-border-radius)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button{border:1px solid transparent}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-hover-bg-color);border-color:var(--ti-button-group-no-border-hover-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li.active:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-active-hover-bg-color);border-color:var(--ti-button-group-no-border-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button.disabled{background-color:var(--ti-button-group-no-border-disabled-bg-color)}
+.tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal);--ti-button-group-border-weight:0;--ti-button-group-border-radius:var(--ti-common-border-radius-normal);--ti-button-group-right-border-radius:0px;--ti-button-group-middle-border-radius:0px;--ti-button-group-left-border-radius:0px;--ti-button-group-hover-border-color:var(--ti-common-color-line-active);--ti-button-group-info-border-color:var(--ti-common-color-light);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-bg-color:#E9EDFA;--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-btn-hover-bg-color:#BECCFA;--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-text-color:var(--ti-button-group-item-btn-text-color);--ti-button-group-item-btn-plain-text-color:var(--ti-common-color-text-link-hover);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-button-group-plain-active-text-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-disabled-bg-color:#DFE1E6;--ti-button-group-item-active-text-color:var(--ti-common-color-light);--ti-button-group-item-li-margin-right:2px;--ti-button-group-item-li-margin-bottom:var(--ti-common-space-base);--ti-button-group-item-active-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-active-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-btn-padding-horizontal:30px;--ti-button-group-item-active-font-size:14px;--ti-button-group-margin-top:var(--ti-common-space-0);--ti-button-group-item-margin-top:0;--ti-button-group-mini-margin-right:2px;--ti-button-group-mini-font-size:12px;--ti-button-group-no-border-hover-bg-color:#BECCFA;--ti-button-group-no-border-active-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-no-border-disabled-bg-color:#FFFFFF;--ti-button-group-mini-padding-horizontal:var(--ti-common-space-3x);--ti-button-group-mini-border-radius:0px;--ti-button-group-no-border-hover-border-color:transparent;--ti-button-group-no-border-border-color:transparent;--ti-button-group-item-sup-height:var(--ti-common-size-4x);--ti-button-group-item-sup-font-color:var(--ti-common-color-text-white);--ti-button-group-item-sup-font-size:var(--ti-common-font-size-base);display:inline-block;vertical-align:middle;margin-top:var(--ti-button-group-margin-top)}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;float:left;position:relative;margin-top:var(--ti-button-group-item-margin-top)}.tiny-button-group .tiny-group-item li button{border:var(--ti-button-group-border-weight) solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0 var(--ti-button-group-btn-padding-horizontal);text-decoration:none;font-size:var(--ti-button-group-item-btn-font-size);outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border-radius:var(--ti-button-group-middle-border-radius)}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-item-btn-disabled-bg-color);border-color:var(--ti-button-group-item-btn-disabled-border-color);cursor:not-allowed;color:var(--ti-button-group-item-btn-disabled-text-color)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);color:var(--ti-button-group-item-btn-hover-text-color);border-color:var(--ti-button-group-item-btn-hover-border-color);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-item-btn-plain-text-color);background-color:var(--ti-button-group-item-btn-plain-bg-color);border-color:var(--ti-button-group-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);border-color:var(--ti-button-group-active-hover-border-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:var(--ti-button-group-item-btn-plain-bg-color)}.tiny-button-group .tiny-group-item li.active button.disabled{background:var(--ti-button-group-item-active-disabled-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-item-active-bg-color);color:var(--ti-button-group-item-active-text-color);border-color:var(--ti-button-group-item-active-border-color);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-plain-active-text-color);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:var(--ti-button-group-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-border-radius)}.tiny-button-group .tiny-group-item li:last-child button{border-radius:var(--ti-button-group-left-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-left-border-radius)}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:var(--ti-button-group-item-li-margin-right);margin-bottom:var(--ti-button-group-item-li-margin-bottom)}.tiny-button-group .tiny-group-item__sup{position:absolute;min-width:var(--ti-button-group-item-sup-height);height:var(--ti-button-group-item-sup-height);top:calc(-1 * var(--ti-button-group-item-sup-height)/ 2);color:var(--ti-button-group-item-sup-font-color);right:0;font-size:var(--ti-common-font-size-base);line-height:var(--ti-button-group-item-sup-height);text-align:center;background-color:#fa9841}.tiny-button-group .tiny-group-item__sup .tiny-svg{vertical-align:unset}.tiny-button-group .tiny-group-item__sup-icon{background-color:#fa9841;border-radius:2px;fill:#fff}.tiny-button-group .tiny-group-item__sup-text{background-color:#fa9841;padding:0 4px;border-top-left-radius:4px;border-bottom-right-radius:4px}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:var(--ti-button-group-border-radius)}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--ti-button-group-info-border-color);border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:var(--ti-button-group-border-color);border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group.tiny-button-group--mini li:not(:last-child){margin-right:var(--ti-button-group-mini-margin-right)}.tiny-button-group.tiny-button-group--mini li button{font-size:var(--ti-button-group-mini-font-size);padding:0 var(--ti-button-group-mini-padding-horizontal);border-radius:var(--ti-button-group-mini-border-radius)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button{border:1px solid transparent;background:0 0}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-hover-bg-color);border-color:var(--ti-button-group-no-border-hover-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li.active:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-active-hover-bg-color);border-color:var(--ti-button-group-no-border-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button.disabled{background-color:var(--ti-button-group-no-border-disabled-bg-color)}

package/button-group/smb-theme.js

@@ -1,29 +1,33 @@
 export const tinyButtonGroupTheme = {
-    'ti-button-group-item-li-margin-right': '8px',
-    'ti-button-group-item-active-bg-color': 'transparent',
-    'ti-button-group-item-active-text-color': '#191919',
-    'ti-button-group-item-active-border-color': '#191919',
-    'ti-button-group-right-border-radius': 'var(--ti-common-border-radius-normal)',
-    'ti-button-group-middle-border-radius': 'var(--ti-common-border-radius-normal)',
-    'ti-button-group-left-border-radius': 'var(--ti-common-border-radius-normal)',
-    'ti-button-group-item-btn-text-color': '#595959',
-    'ti-button-group-item-active-bg-color': '#FFFFFF',
-    'ti-button-group-item-btn-hover-bg-color': 'transparent',
-    'ti-button-group-item-btn-hover-text-color': '#191919',
-    'ti-button-group-item-active-font-size': '12px',
-    'ti-button-group-item-active-text-color': '#191919',
-    'ti-button-group-item-margin-top': '8px',
-    'ti-button-group-mini-margin-right': '4px',
-    'ti-button-group-mini-font-size': '12px',
-    'ti-button-group-item-btn-disabled-bg-color': 'rgba(0,0,0,0.05)',
-    'ti-button-group-item-btn-hover-border-color': '#c2c2c2',
-    'ti-button-group-active-hover-border-color': '#191919',
-    'ti-button-group-btn-padding-horizontal': '24px',
-    'ti-button-group-mini-padding-horizontal': '16px',
-    'ti-button-group-item-btn-disabled-border-color': '#dbdbdb',
-    'ti-button-group-mini-border-radius': '4px',
-    'ti-button-group-no-border-hover-border-color': 'transparent',
-    'ti-button-group-no-border-hover-bg-color': ' rgba(0,0,0,0.05)',
-    'ti-button-group-no-border-active-hover-bg-color': '#FFFFFF',
-    'ti-button-group-no-border-border-color': '#191919',
-}
+  'ti-button-group-item-li-margin-right': 'var(--ti-common-space-2x)',
+  'ti-button-group-item-li-margin-bottom': 'var(--ti-common-space-2x)',
+  'ti-button-group-item-active-text-color': '#191919',
+  'ti-button-group-item-active-border-color': '#191919',
+  'ti-button-group-right-border-radius': 'var(--ti-common-border-radius-normal)',
+  'ti-button-group-middle-border-radius': 'var(--ti-common-border-radius-normal)',
+  'ti-button-group-left-border-radius': 'var(--ti-common-border-radius-normal)',
+  'ti-button-group-item-btn-text-color': '#595959',
+  'ti-button-group-item-active-bg-color': '#FFFFFF',
+  'ti-button-group-item-btn-plain-bg-color': 'transparent',
+  'ti-button-group-plain-active-text-color': '#191919',
+  'ti-button-group-item-btn-hover-bg-color': 'transparent',
+  'ti-button-group-item-btn-hover-text-color': '#191919',
+  'ti-button-group-item-active-font-size': '12px',
+  'ti-button-group-item-margin-top': 'var(--ti-common-space-0)',
+  'ti-button-group-mini-margin-right': '4px',
+  'ti-button-group-mini-font-size': '12px',
+  'ti-button-group-item-btn-disabled-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-button-group-item-active-disabled-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-button-group-item-btn-hover-border-color': '#c2c2c2',
+  'ti-button-group-active-hover-border-color': '#191919',
+  'ti-button-group-btn-padding-horizontal': '24px',
+  'ti-button-group-mini-padding-horizontal': '16px',
+  'ti-button-group-item-btn-disabled-border-color': '#dbdbdb',
+  'ti-button-group-mini-border-radius': '4px',
+  'ti-button-group-no-border-hover-border-color': 'transparent',
+  'ti-button-group-no-border-hover-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-button-group-no-border-active-hover-bg-color': '#FFFFFF',
+  'ti-button-group-no-border-border-color': '#191919',
+  'ti-button-group-item-bg-color': 'var(--ti-common-color-bg-white-normal)',
+  'ti-button-group-border-weight': 'var(--ti-common-border-weight-normal)'
+}

package/cascader/index.css

@@ -1 +1 @@
-.tiny-cascader{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-common-color-line-hover);--ti-cascader-focus-border-color:var(--ti-common-color-line-active);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:var(--ti-common-font-size-bas);--ti-cascader-mini-font-size:var(--ti-common-font-size-base);--ti-cascader-disabled-text-color:var(--ti-common-color-text-disabled);--ti-cascader-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-cascader-tag-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-cascader-tag-icon-bg-color:var(--ti-common-color-icon-graybg-disabled);--ti-cascader-tag-icon-color:var(--ti-common-color-icon-white);--ti-cascader-tag-icon-hover-bg-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-list-text-color:var(--ti-common-color-text-secondary);--ti-cascader-item-height:var(--ti-common-size-height-normal);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-primary-active);--ti-cascader-empty-text-color:var(--ti-common-color-text-weaken);--ti-cascader-search-input-text-color:var(--ti-common-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-cascader-dropdown-box-shadow:var(--ti-common-box-shadow);--ti-cascader-width:'100%';--ti-cascader-dropdown-margin-left:var(--ti-common-space-0);--ti-cascader-dropdown-margin-right:var(--ti-common-space-0);--ti-cascader-dropdown-margin-top:calc(var(--ti-common-space-6) - 1px);--ti-cascader-dropdown-margin-bottom:calc(var(--ti-common-space-6) - 1px);--ti-cascader-tag-margin-left:var(--ti-common-space-6);--ti-cascader-tag-margin-right:var(--ti-common-space-0);--ti-cascader-tag-margin-top:calc(var(--ti-common-space-1) + 1px);--ti-cascader-tag-margin-bottom:calc(var(--ti-common-space-1) + 1px);--ti-cascader-list-margin-left:var(--ti-common-space-0);--ti-cascader-list-margin-right:var(--ti-common-space-0);--ti-cascader-list-margin-top:var(--ti-common-space-0);--ti-cascader-list-margin-bottom:var(--ti-common-space-0);--ti-cascader-list-padding-left:var(--ti-common-space-0);--ti-cascader-list-padding-right:var(--ti-common-space-0);--ti-cascader-list-padding-top:var(--ti-common-space-6);--ti-cascader-list-padding-bottom:var(--ti-common-space-6);--ti-cascader-empty-margin-left:var(--ti-common-space-0);--ti-cascader-empty-margin-right:var(--ti-common-space-0);--ti-cascader-empty-margin-top:var(--ti-common-space-10);--ti-cascader-empty-margin-bottom:var(--ti-common-space-10);--ti-cascader-search-input-margin-left:calc(var(--ti-common-space-1) + 1px);--ti-cascader-search-input-padding-left:var(--ti-common-space-2x);--ti-cascader-item-font-size:var(--ti-common-font-size-base);--ti-cascader-search-input-font-size:var(--ti-common-font-size-base);display:inline-block;position:relative;font-size:var(--ti-cascader-font-size)}.tiny-cascader:not(.is-disabled):hover .tiny-input__inner{cursor:pointer;border-color:var(--ti-cascader-hover-border-color)}.tiny-cascader .tiny-input{cursor:pointer}.tiny-cascader .tiny-input .tiny-input__inner{text-overflow:ellipsis}.tiny-cascader .tiny-input .tiny-input__inner:focus{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input.is-focus .tiny-input__inner{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input .tiny-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:var(--ti-cascader-font-size)}.tiny-cascader .tiny-input .tiny-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.tiny-cascader .tiny-input .tiny-icon-circle-close:hover{color:var(--ti-cascader-icon-color)}.tiny-cascader--medium{font-size:var(--ti-cascader-medium-font-size);line-height:var(--ti-cascader-medium-line-height)}.tiny-cascader--small{font-size:var(--ti-cascader-small-font-size);line-height:var(--ti-cascader-small-line-height)}.tiny-cascader--mini{font-size:var(--ti-cascader-mini-font-size);line-height:var(--ti-cascader-mini-line-height)}.tiny-cascader.is-disabled .tiny-cascader__label{z-index:2;color:var(--ti-cascader-disabled-text-color)}.tiny-cascader__dropdown{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-common-color-line-hover);--ti-cascader-focus-border-color:var(--ti-common-color-line-active);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:var(--ti-common-font-size-bas);--ti-cascader-mini-font-size:var(--ti-common-font-size-base);--ti-cascader-disabled-text-color:var(--ti-common-color-text-disabled);--ti-cascader-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-cascader-tag-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-cascader-tag-icon-bg-color:var(--ti-common-color-icon-graybg-disabled);--ti-cascader-tag-icon-color:var(--ti-common-color-icon-white);--ti-cascader-tag-icon-hover-bg-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-list-text-color:var(--ti-common-color-text-secondary);--ti-cascader-item-height:var(--ti-common-size-height-normal);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-primary-active);--ti-cascader-empty-text-color:var(--ti-common-color-text-weaken);--ti-cascader-search-input-text-color:var(--ti-common-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-cascader-dropdown-box-shadow:var(--ti-common-box-shadow);--ti-cascader-width:'100%';--ti-cascader-dropdown-margin-left:var(--ti-common-space-0);--ti-cascader-dropdown-margin-right:var(--ti-common-space-0);--ti-cascader-dropdown-margin-top:calc(var(--ti-common-space-6) - 1px);--ti-cascader-dropdown-margin-bottom:calc(var(--ti-common-space-6) - 1px);--ti-cascader-tag-margin-left:var(--ti-common-space-6);--ti-cascader-tag-margin-right:var(--ti-common-space-0);--ti-cascader-tag-margin-top:calc(var(--ti-common-space-1) + 1px);--ti-cascader-tag-margin-bottom:calc(var(--ti-common-space-1) + 1px);--ti-cascader-list-margin-left:var(--ti-common-space-0);--ti-cascader-list-margin-right:var(--ti-common-space-0);--ti-cascader-list-margin-top:var(--ti-common-space-0);--ti-cascader-list-margin-bottom:var(--ti-common-space-0);--ti-cascader-list-padding-left:var(--ti-common-space-0);--ti-cascader-list-padding-right:var(--ti-common-space-0);--ti-cascader-list-padding-top:var(--ti-common-space-6);--ti-cascader-list-padding-bottom:var(--ti-common-space-6);--ti-cascader-empty-margin-left:var(--ti-common-space-0);--ti-cascader-empty-margin-right:var(--ti-common-space-0);--ti-cascader-empty-margin-top:var(--ti-common-space-10);--ti-cascader-empty-margin-bottom:var(--ti-common-space-10);--ti-cascader-search-input-margin-left:calc(var(--ti-common-space-1) + 1px);--ti-cascader-search-input-padding-left:var(--ti-common-space-2x);--ti-cascader-item-font-size:var(--ti-common-font-size-base);--ti-cascader-search-input-font-size:var(--ti-common-font-size-base);margin-left:var(--ti-cascader-dropdown-margin-left);margin-right:var(--ti-cascader-dropdown-margin-right);margin-top:var(--ti-cascader-dropdown-margin-top);margin-bottom:var(--ti-cascader-dropdown-margin-bottom);font-size:var(--ti-cascader-font-size);background:var(--ti-cascader-dropdown-bg-color);border-radius:var(--ti-cascader-border-radius);-webkit-box-shadow:var(--ti-cascader-dropdown-box-shadow);box-shadow:var(--ti-cascader-dropdown-box-shadow)}.tiny-cascader__dropdown.is-auto-size{background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-panel{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu{border:1px solid #e4e7ed;background:#fff}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu:not(:first-child){margin-left:-1px}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu .tiny-cascader-menu__wrap{height:auto;padding-bottom:6px;max-height:220px}.tiny-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__tags .tiny-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin-left:var(--ti-cascader-tag-margin-left);margin-right:var(--ti-cascader-tag-margin-right);margin-top:var(--ti-cascader-tag-margin-top);margin-bottom:var(--ti-cascader-tag-margin-bottom);text-overflow:ellipsis;background:var(--ti-cascader-tag-bg-color)}.tiny-cascader__tags .tiny-tag:not(.is-hit){border-color:transparent}.tiny-cascader__tags .tiny-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag>span{-ms-flex-preferred-size:auto;flex-basis:auto}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag .tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}}.tiny-cascader__tags .tiny-tag .tiny-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--ti-cascader-tag-icon-bg-color);color:var(--ti-cascader-tag-icon-color)}.tiny-cascader__tags .tiny-tag .tiny-icon-close:hover{background-color:var(--ti-cascader-tag-icon-hover-bg-color)}.tiny-cascader__suggestion-panel{border-radius:var(--ti-cascader-border-radius)}.tiny-cascader__suggestion-list{max-height:204px;margin-left:var(--ti-cascader-list-margin-left);margin-right:var(--ti-cascader-list-margin-right);margin-top:var(--ti-cascader-list-margin-top);margin-bottom:var(--ti-cascader-list-margin-bottom);padding-left:var(--ti-cascader-list-padding-left);padding-right:var(--ti-cascader-list-padding-right);padding-top:var(--ti-cascader-list-padding-top);padding-bottom:var(--ti-cascader-list-padding-bottom);font-size:var(--ti-cascader-font-size);color:var(--ti-cascader-list-text-color);text-align:center}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-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;height:var(--ti-cascader-item-height);padding:0 8px;font-size:var(--ti-cascader-item-font-size);color:var(--ti-cascader-search-input-text-color);text-align:left;outline:0;cursor:pointer}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:focus,.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:hover{background:var(--ti-cascader-item-hover-bg-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked{color:var(--ti-cascader-item-checked-text-color);font-weight:700}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked .icon-check{fill:var(--ti-cascader-item-checked-text-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item>span{margin-right:10px}.tiny-cascader__empty-text{margin-left:var(--ti-cascader-empty-margin-left);margin-right:var(--ti-cascader-empty-margin-right);margin-top:var(--ti-cascader-empty-margin-top);margin-bottom:var(--ti-cascader-empty-margin-bottom);color:var(--ti-cascader-empty-text-color)}.tiny-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin-left:var(--ti-cascader-search-input-margin-left);padding-left:var(--ti-cascader-search-input-padding-left);color:var(--ti-cascader-search-input-text-color);font-size:var(--ti-cascader-search-input-font-size);border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__search-input::-moz-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color);opacity:1}.tiny-cascader__search-input:-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-webkit-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader-multiple{width:var(--ti-cascader-width)}
+.tiny-cascader{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-common-color-line-hover);--ti-cascader-focus-border-color:var(--ti-common-color-line-active);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:var(--ti-common-font-size-bas);--ti-cascader-mini-font-size:var(--ti-common-font-size-base);--ti-cascader-disabled-text-color:var(--ti-common-color-text-disabled);--ti-cascader-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-cascader-tag-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-cascader-tag-icon-bg-color:var(--ti-common-color-icon-graybg-disabled);--ti-cascader-tag-icon-color:var(--ti-common-color-icon-white);--ti-cascader-tag-icon-hover-bg-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-list-text-color:var(--ti-common-color-text-secondary);--ti-cascader-item-height:var(--ti-common-size-height-normal);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-primary-active);--ti-cascader-empty-text-color:var(--ti-common-color-text-weaken);--ti-cascader-search-input-text-color:var(--ti-common-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-cascader-dropdown-box-shadow:var(--ti-common-box-shadow);--ti-cascader-width:'100%';--ti-cascader-dropdown-margin-left:var(--ti-common-space-0);--ti-cascader-dropdown-margin-right:var(--ti-common-space-0);--ti-cascader-dropdown-margin-top:calc(var(--ti-common-space-6) - 1px);--ti-cascader-dropdown-margin-bottom:calc(var(--ti-common-space-6) - 1px);--ti-cascader-tag-margin-left:var(--ti-common-space-6);--ti-cascader-tag-margin-right:var(--ti-common-space-0);--ti-cascader-tag-margin-top:calc(var(--ti-common-space-1) + 1px);--ti-cascader-tag-margin-bottom:calc(var(--ti-common-space-1) + 1px);--ti-cascader-list-margin-left:var(--ti-common-space-0);--ti-cascader-list-margin-right:var(--ti-common-space-0);--ti-cascader-list-margin-top:var(--ti-common-space-0);--ti-cascader-list-margin-bottom:var(--ti-common-space-0);--ti-cascader-list-padding-left:var(--ti-common-space-0);--ti-cascader-list-padding-right:var(--ti-common-space-0);--ti-cascader-list-padding-top:var(--ti-common-space-6);--ti-cascader-list-padding-bottom:var(--ti-common-space-6);--ti-cascader-empty-margin-left:var(--ti-common-space-0);--ti-cascader-empty-margin-right:var(--ti-common-space-0);--ti-cascader-empty-margin-top:var(--ti-common-space-10);--ti-cascader-empty-margin-bottom:var(--ti-common-space-10);--ti-cascader-search-input-margin-left:calc(var(--ti-common-space-1) + 1px);--ti-cascader-search-input-padding-left:var(--ti-common-space-2x);--ti-cascader-item-font-size:var(--ti-common-font-size-base);--ti-cascader-search-input-font-size:var(--ti-common-font-size-base);display:inline-block;position:relative;font-size:var(--ti-cascader-font-size)}.tiny-cascader:not(.is-disabled):hover .tiny-input__inner{cursor:pointer;border-color:var(--ti-cascader-hover-border-color)}.tiny-cascader .tiny-input{cursor:pointer}.tiny-cascader .tiny-input .tiny-input__inner{text-overflow:ellipsis}.tiny-cascader .tiny-input .tiny-input__inner:focus{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input .tiny-input__icon{font-size:calc(var(--ti-cascader-font-size) - 4px)}.tiny-cascader .tiny-input.is-focus .tiny-input__inner{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input .tiny-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:var(--ti-cascader-font-size)}.tiny-cascader .tiny-input .tiny-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.tiny-cascader .tiny-input .tiny-icon-circle-close:hover{color:var(--ti-cascader-icon-color)}.tiny-cascader--medium{font-size:var(--ti-cascader-medium-font-size);line-height:var(--ti-cascader-medium-line-height)}.tiny-cascader--small{font-size:var(--ti-cascader-small-font-size);line-height:var(--ti-cascader-small-line-height)}.tiny-cascader--mini{font-size:var(--ti-cascader-mini-font-size);line-height:var(--ti-cascader-mini-line-height)}.tiny-cascader.is-disabled .tiny-cascader__label{z-index:2;color:var(--ti-cascader-disabled-text-color)}.tiny-cascader.show-auto-width{width:100%}.tiny-cascader__dropdown{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-common-color-line-hover);--ti-cascader-focus-border-color:var(--ti-common-color-line-active);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:var(--ti-common-font-size-bas);--ti-cascader-mini-font-size:var(--ti-common-font-size-base);--ti-cascader-disabled-text-color:var(--ti-common-color-text-disabled);--ti-cascader-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-cascader-tag-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-cascader-tag-icon-bg-color:var(--ti-common-color-icon-graybg-disabled);--ti-cascader-tag-icon-color:var(--ti-common-color-icon-white);--ti-cascader-tag-icon-hover-bg-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-list-text-color:var(--ti-common-color-text-secondary);--ti-cascader-item-height:var(--ti-common-size-height-normal);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-primary-active);--ti-cascader-empty-text-color:var(--ti-common-color-text-weaken);--ti-cascader-search-input-text-color:var(--ti-common-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-cascader-dropdown-box-shadow:var(--ti-common-box-shadow);--ti-cascader-width:'100%';--ti-cascader-dropdown-margin-left:var(--ti-common-space-0);--ti-cascader-dropdown-margin-right:var(--ti-common-space-0);--ti-cascader-dropdown-margin-top:calc(var(--ti-common-space-6) - 1px);--ti-cascader-dropdown-margin-bottom:calc(var(--ti-common-space-6) - 1px);--ti-cascader-tag-margin-left:var(--ti-common-space-6);--ti-cascader-tag-margin-right:var(--ti-common-space-0);--ti-cascader-tag-margin-top:calc(var(--ti-common-space-1) + 1px);--ti-cascader-tag-margin-bottom:calc(var(--ti-common-space-1) + 1px);--ti-cascader-list-margin-left:var(--ti-common-space-0);--ti-cascader-list-margin-right:var(--ti-common-space-0);--ti-cascader-list-margin-top:var(--ti-common-space-0);--ti-cascader-list-margin-bottom:var(--ti-common-space-0);--ti-cascader-list-padding-left:var(--ti-common-space-0);--ti-cascader-list-padding-right:var(--ti-common-space-0);--ti-cascader-list-padding-top:var(--ti-common-space-6);--ti-cascader-list-padding-bottom:var(--ti-common-space-6);--ti-cascader-empty-margin-left:var(--ti-common-space-0);--ti-cascader-empty-margin-right:var(--ti-common-space-0);--ti-cascader-empty-margin-top:var(--ti-common-space-10);--ti-cascader-empty-margin-bottom:var(--ti-common-space-10);--ti-cascader-search-input-margin-left:calc(var(--ti-common-space-1) + 1px);--ti-cascader-search-input-padding-left:var(--ti-common-space-2x);--ti-cascader-item-font-size:var(--ti-common-font-size-base);--ti-cascader-search-input-font-size:var(--ti-common-font-size-base);margin-left:var(--ti-cascader-dropdown-margin-left);margin-right:var(--ti-cascader-dropdown-margin-right);margin-top:var(--ti-cascader-dropdown-margin-top);margin-bottom:var(--ti-cascader-dropdown-margin-bottom);font-size:var(--ti-cascader-font-size);background:var(--ti-cascader-dropdown-bg-color);border-radius:var(--ti-cascader-border-radius);-webkit-box-shadow:var(--ti-cascader-dropdown-box-shadow);box-shadow:var(--ti-cascader-dropdown-box-shadow)}.tiny-cascader__dropdown.is-auto-size{background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-panel{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu{border:1px solid #e4e7ed;background:#fff}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu:not(:first-child){margin-left:-1px}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu .tiny-cascader-menu__wrap{height:auto;padding-bottom:6px;max-height:220px}.tiny-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__tags .tiny-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin-left:var(--ti-cascader-tag-margin-left);margin-right:var(--ti-cascader-tag-margin-right);margin-top:var(--ti-cascader-tag-margin-top);margin-bottom:var(--ti-cascader-tag-margin-bottom);text-overflow:ellipsis;background:var(--ti-cascader-tag-bg-color)}.tiny-cascader__tags .tiny-tag:not(.is-hit){border-color:transparent}.tiny-cascader__tags .tiny-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag>span{-ms-flex-preferred-size:auto;flex-basis:auto}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag .tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}}.tiny-cascader__tags .tiny-tag .tiny-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--ti-cascader-tag-icon-bg-color);color:var(--ti-cascader-tag-icon-color)}.tiny-cascader__tags .tiny-tag .tiny-icon-close:hover{background-color:var(--ti-cascader-tag-icon-hover-bg-color)}.tiny-cascader.is-hover-expand{height:30px;vertical-align:top}.tiny-cascader.is-hover-expand .tiny-cascader-content{position:relative}.tiny-cascader.is-hover-expand .tiny-cascader__tags{height:26px;overflow:hidden}.tiny-cascader.is-hover-expand .tiny-cascader__tags .tiny-tag{max-width:180px}.tiny-cascader.is-hover-expand .tiny-cascader__tags-collapse{visibility:visible;position:static}.tiny-cascader.is-hover-expand .tiny-cascader__tags-collapse.is-hidden{visibility:hidden;position:absolute}.tiny-cascader.is-hover-expand.tiny-cascader--medium,.tiny-cascader.is-hover-expand.tiny-cascader--mini,.tiny-cascader.is-hover-expand.tiny-cascader--small{height:inherit}.tiny-cascader.is-hover-expand.tiny-cascader--small .tiny-cascader__tags{height:20px}.tiny-cascader.is-hover-expand.tiny-cascader--mini .tiny-cascader__tags{height:16px}.tiny-cascader.is-hover-expand .tiny-cascader__tags.is-expand-content{height:auto;max-height:96px;overflow:auto}.tiny-cascader__suggestion-panel{border-radius:var(--ti-cascader-border-radius)}.tiny-cascader__suggestion-list{max-height:204px;margin-left:var(--ti-cascader-list-margin-left);margin-right:var(--ti-cascader-list-margin-right);margin-top:var(--ti-cascader-list-margin-top);margin-bottom:var(--ti-cascader-list-margin-bottom);padding-left:var(--ti-cascader-list-padding-left);padding-right:var(--ti-cascader-list-padding-right);padding-top:var(--ti-cascader-list-padding-top);padding-bottom:var(--ti-cascader-list-padding-bottom);font-size:var(--ti-cascader-font-size);color:var(--ti-cascader-list-text-color);text-align:center}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-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;height:var(--ti-cascader-item-height);padding:0 8px;font-size:var(--ti-cascader-item-font-size);color:var(--ti-cascader-search-input-text-color);text-align:left;outline:0;cursor:pointer}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:focus,.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:hover{background:var(--ti-cascader-item-hover-bg-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked{color:var(--ti-cascader-item-checked-text-color);font-weight:700}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked .icon-check{fill:var(--ti-cascader-item-checked-text-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item>span{margin-right:10px}.tiny-cascader__empty-text{margin-left:var(--ti-cascader-empty-margin-left);margin-right:var(--ti-cascader-empty-margin-right);margin-top:var(--ti-cascader-empty-margin-top);margin-bottom:var(--ti-cascader-empty-margin-bottom);color:var(--ti-cascader-empty-text-color)}.tiny-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin-left:var(--ti-cascader-search-input-margin-left);padding-left:var(--ti-cascader-search-input-padding-left);color:var(--ti-cascader-search-input-text-color);font-size:var(--ti-cascader-search-input-font-size);border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__search-input::-moz-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color);opacity:1}.tiny-cascader__search-input:-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-webkit-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader-multiple{width:var(--ti-cascader-width)}

package/cascader-node/aurora-theme.js

@@ -3,6 +3,6 @@ export const tinyCascaderNodeAuroraTheme = {
   'ti-cascader-node-selectable-active-bg-color': '#f5f5f5',
   'ti-cascader-node-hover-bg-color': '#e6f7ff',
   'ti-cascader-node-hover-text-color': '#333',
-  'ti-cascader-node-icon-color': '#bfbfbf'
-  // 'ti-cascader-menu-border-color': '#e4e7ed'
+  'ti-cascader-node-icon-color': '#bfbfbf',
+  'ti-cascader-node-active-icon-color': '#bfbfbf'
 }

package/cascader-node/index.css

@@ -1 +1 @@
-.tiny-cascader-node{--ti-cascader-node-hover-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-cascader-node-hover-text-color:var(--ti-common-color-text-highlight);--ti-cascader-node-text-color:var(--ti-common-color-text-white);--ti-cascader-node-selectable-hover-bg-color:var(--ti-common-color-selected-background);--ti-cascader-node-selectable-text-color:var(--ti-common-color-selected-text-color);--ti-cascader-node-disabled-text-color:var(--ti-common-color-text-disabled);--ti-cascader-node-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-cascader-node-icon-font-size:var(--ti-common-font-size-1);--ti-cascader-node-icon-color:var(--ti-common-color-icon-normal);--ti-cascader-node-prefix-display:'inline-block';--ti-cascader-node-label-padding-vertical:var(--ti-common-space-0);--ti-cascader-node-label-padding-horizontal:var(--ti-common-space-10);--ti-cascader-node-radio-margin-right:var(--ti-common-space-base);--ti-cascader-node-selectable-active-bg-color:var(--ti-common-color-selected-background)}.tiny-cascader-node.is-selectable.in-active-path{color:var(--ti-cascader-node-text-color)}.tiny-cascader-node.in-active-path,.tiny-cascader-node.is-active{background:var(--ti-cascader-node-selectable-active-bg-color);color:var(--ti-cascader-node-selectable-text-color)}.tiny-cascader-node.in-active-path:hover,.tiny-cascader-node.is-active:hover{background:var(--ti-cascader-node-selectable-hover-bg-color)}.tiny-cascader-node.in-active-path:hover{background:var(--ti-cascader-node-selectable-hover-bg-color)}.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):focus,.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):hover{background:var(--ti-cascader-node-hover-bg-color);color:var(--ti-cascader-node-hover-text-color)}.tiny-cascader-node:not(.is-disabled){cursor:pointer}.tiny-cascader-node.is-disabled{color:var(--ti-cascader-node-disabled-text-color);fill:var(--ti-cascader-node-disabled-text-color);background-color:var(--ti-cascader-node-disabled-bg-color);cursor:not-allowed}.tiny-cascader-node__postfix,.tiny-cascader-node__prefix{font-size:var(--ti-cascader-node-icon-font-size);fill:var(--ti-cascader-node-icon-color)}.tiny-cascader-node__prefix{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:var(--ti-cascader-node-prefix-display)!important}.tiny-cascader-node__postfix{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-cascader-node__label{max-width:360px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:var(--ti-cascader-node-label-padding-vertical) var(--ti-cascader-node-label-padding-horizontal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader-node__label{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-cascader-node>.tiny-radio{margin-right:var(--ti-cascader-node-radio-margin-right)}.tiny-cascader-node>.tiny-radio .tiny-radio__label{padding-left:0}.tiny-cascader-node>.tiny-checkbox{margin-right:var(--ti-cascader-node-radio-margin-right)}
+.tiny-cascader-node{--ti-cascader-node-hover-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-cascader-node-hover-text-color:var(--ti-common-color-text-highlight);--ti-cascader-node-text-color:var(--ti-common-color-text-white);--ti-cascader-node-selectable-hover-bg-color:var(--ti-common-color-selected-background);--ti-cascader-node-selectable-text-color:var(--ti-common-color-selected-text-color);--ti-cascader-node-disabled-text-color:var(--ti-common-color-text-disabled);--ti-cascader-node-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-cascader-node-icon-font-size:calc(var(--ti-common-font-size-1) - 4px);--ti-cascader-node-icon-color:var(--ti-common-color-icon-normal);--ti-cascader-node-active-icon-color:var(--ti-common-color-icon-white);--ti-cascader-node-prefix-display:'inline-block';--ti-cascader-node-label-padding-vertical:var(--ti-common-space-0);--ti-cascader-node-label-padding-horizontal:var(--ti-common-space-10);--ti-cascader-node-radio-margin-right:var(--ti-common-space-base);--ti-cascader-node-selectable-active-bg-color:var(--ti-common-color-selected-background)}.tiny-cascader-node.is-selectable.in-active-path{color:var(--ti-cascader-node-text-color)}.tiny-cascader-node.in-active-path,.tiny-cascader-node.is-active{background:var(--ti-cascader-node-selectable-active-bg-color);color:var(--ti-cascader-node-selectable-text-color)}.tiny-cascader-node.in-active-path:hover,.tiny-cascader-node.is-active:hover{background:var(--ti-cascader-node-selectable-hover-bg-color)}.tiny-cascader-node.in-active-path:hover{background:var(--ti-cascader-node-selectable-hover-bg-color)}.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):focus,.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):hover{background:var(--ti-cascader-node-hover-bg-color);color:var(--ti-cascader-node-hover-text-color)}.tiny-cascader-node:not(.is-disabled){cursor:pointer}.tiny-cascader-node.is-disabled{color:var(--ti-cascader-node-disabled-text-color);fill:var(--ti-cascader-node-disabled-text-color);background-color:var(--ti-cascader-node-disabled-bg-color);cursor:not-allowed}.tiny-cascader-node__postfix,.tiny-cascader-node__prefix{font-size:var(--ti-cascader-node-icon-font-size);fill:var(--ti-cascader-node-icon-color)}.tiny-cascader-node.in-active-path .tiny-cascader-node__postfix{fill:var(--ti-cascader-node-active-icon-color)}.tiny-cascader-node__prefix{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:var(--ti-cascader-node-prefix-display)!important}.tiny-cascader-node__postfix{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-cascader-node__label{max-width:360px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:var(--ti-cascader-node-label-padding-vertical) var(--ti-cascader-node-label-padding-horizontal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader-node__label{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-cascader-node>.tiny-radio{margin-right:var(--ti-cascader-node-radio-margin-right)}.tiny-cascader-node>.tiny-radio .tiny-radio__label{padding-left:0}.tiny-cascader-node>.tiny-checkbox{margin-right:var(--ti-cascader-node-radio-margin-right)}

package/checkbox/aurora-theme.js

@@ -1,5 +1,9 @@
 export const tinyCheckboxAuroraTheme = {
   'ti-checkbox-bg-color-checked-disabled': '#999',
   'ti-checkbox-border-color-checked-disabled': '#999',
-  'ti-checkbox-icon-color-disabled': '#fff'
+  'ti-checkbox-icon-color-disabled': '#fff',
+  'ti-checkbox-width': 'calc(var(--ti-common-size-3x) + 2px)',
+  'ti-checkbox-height': 'calc(var(--ti-common-size-3x) + 2px)',
+  'ti-checkbox-icon-margin-left': '3px',
+  'ti-checkbox-icon-margin-top': '-1px',
 }