@opentiny/vue-theme 3.6.7 → 3.8.2

package/tag/index.css

@@ -1 +1 @@
-.tiny-tag{--ti-tag-height:22px;--ti-tag-medium-height:var(--ti-common-size-6x);--ti-tag-small-height:var(--ti-common-size-5x);--ti-tag-mini-height:var(--ti-common-size-4x);--ti-tag-border-color:var(--ti-common-color-border);--ti-tag-border-radius:var(--ti-common-radius-medium);--ti-tag-font-size:var(--ti-common-font-size);--ti-tag-close-font-size:var(--ti-common-font-size-1);--ti-tag-primary-text-color:var(--ti-base-color-common-5);--ti-tag-primary-border-color:var(--ti-base-color-bg-6);--ti-tag-primary-background-color:var(--ti-base-color-bg-6);--ti-tag-warning-text-color:var(--ti-common-color-warn-text);--ti-tag-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-warning-background-color:var(--ti-common-color-warn-bg);--ti-tag-danger-text-color:var(--ti-common-color-error-text);--ti-tag-danger-border-color:var(--ti-common-color-error-border-secondary);--ti-tag-danger-background-color:var(--ti-common-color-error-bg);--ti-tag-success-text-color:var(--ti-common-color-text-success);--ti-tag-success-border-color:var(--ti-common-color-success-border);--ti-tag-success-background-color:var(--ti-common-color-success-bg);--ti-tag-info-text-color:var(--ti-common-color-info-text);--ti-tag-info-border-color:var(--ti-common-color-info-border);--ti-tag-info-background-color:var(--ti-common-color-info-bg);--ti-tag-dark-text-color:var(--ti-common-color-light);--ti-tag-dark-bg-color:var(--ti-common-color-prompt);--ti-tag-dark-success-bg-color:var(--ti-common-color-success);--ti-tag-dark-warning-bg-color:var(--ti-common-color-warn);--ti-tag-dark-danger-bg-color:var(--ti-common-color-error);--ti-tag-dark-info-bg-color:var(--ti-common-color-info);--ti-tag-plain-text-color:var(--ti-common-color-prompt);--ti-tag-plain-border-color:var(--ti-common-color-prompt-border);--ti-tag-plain-background-color:var(--ti-common-color-light);--ti-tag-plain-info-text-color:var(--ti-common-color-info);--ti-tag-plain-info-border-color:var(--ti-common-color-info-border);--ti-tag-plain-success-text-color:var(--ti-common-color-success);--ti-tag-plain-success-border-color:var(--ti-common-color-success-border);--ti-tag-plain-warning-text-color:var(--ti-common-color-warn);--ti-tag-plain-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-plain-danger-text-color:var(--ti-common-color-error);--ti-tag-plain-danger-border-color:var(--ti-common-color-error-border-secondary);height:var(--ti-tag-height);line-height:var(--ti-tag-height);padding:0 8px;font-size:var(--ti-tag-font-size);border-width:1px;border-radius:var(--ti-tag-border-radius);border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-tag-primary-text-color);border-color:var(--ti-tag-primary-border-color);background-color:var(--ti-tag-primary-background-color)}.tiny-tag.is-hit{border-color:var(--ti-tag-primary-text-color)}.tiny-tag .tiny-tag__close{fill:var(--ti-tag-primary-text-color);opacity:.5}.tiny-tag .tiny-tag__close:hover{opacity:1}.tiny-tag .tiny-tag__text:hover{cursor:pointer;color:#526ecc}.tiny-tag .tiny-tag__close{font-size:var(--ti-tag-close-font-size);margin-left:6px}.tiny-tag .tiny-tag__close:hover{cursor:pointer;fill:#5e7ce0}.tiny-tag.tiny-tag--info{color:var(--ti-tag-info-text-color);border-color:var(--ti-tag-info-border-color);background-color:var(--ti-tag-info-background-color)}.tiny-tag.tiny-tag--info.is-hit{border-color:var(--ti-tag-info-text-color)}.tiny-tag.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-info-text-color);opacity:.5}.tiny-tag.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--success{color:var(--ti-tag-success-text-color);border-color:var(--ti-tag-success-border-color);background-color:var(--ti-tag-success-background-color)}.tiny-tag.tiny-tag--success.is-hit{border-color:var(--ti-tag-success-text-color)}.tiny-tag.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-success-text-color);opacity:.5}.tiny-tag.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--warning{color:var(--ti-tag-warning-text-color);border-color:var(--ti-tag-warning-border-color);background-color:var(--ti-tag-warning-background-color)}.tiny-tag.tiny-tag--warning.is-hit{border-color:var(--ti-tag-warning-text-color)}.tiny-tag.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-warning-text-color);opacity:.5}.tiny-tag.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--danger{color:var(--ti-tag-danger-text-color);border-color:var(--ti-tag-danger-border-color);background-color:var(--ti-tag-danger-background-color)}.tiny-tag.tiny-tag--danger.is-hit{border-color:var(--ti-tag-danger-text-color)}.tiny-tag.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-danger-text-color);opacity:.5}.tiny-tag.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--dark{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-bg-color);background-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark.is-hit{border-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--info{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-info-bg-color);background-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info.is-hit{border-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--success{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-success-bg-color);background-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success.is-hit{border-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--warning{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-warning-bg-color);background-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning.is-hit{border-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--danger{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-danger-bg-color);background-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger.is-hit{border-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--plain{color:var(--ti-tag-plain-text-color);border-color:var(--ti-tag-plain-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.is-hit{border-color:var(--ti-tag-plain-text-color)}.tiny-tag--plain .tiny-tag__close{fill:var(--ti-tag-plain-text-color);opacity:.5}.tiny-tag--plain .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--info{color:var(--ti-tag-plain-info-text-color);border-color:var(--ti-tag-plain-info-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--info.is-hit{border-color:var(--ti-tag-plain-info-text-color)}.tiny-tag--plain.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-plain-info-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--success{color:var(--ti-tag-plain-success-text-color);border-color:var(--ti-tag-plain-success-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--success.is-hit{border-color:var(--ti-tag-plain-success-text-color)}.tiny-tag--plain.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-plain-success-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--warning{color:var(--ti-tag-plain-warning-text-color);border-color:var(--ti-tag-plain-warning-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--warning.is-hit{border-color:var(--ti-tag-plain-warning-text-color)}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-plain-warning-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--danger{color:var(--ti-tag-plain-danger-text-color);border-color:var(--ti-tag-plain-danger-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--danger.is-hit{border-color:var(--ti-tag-plain-danger-text-color)}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-plain-danger-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--medium{height:var(--ti-tag-medium-height);line-height:calc(var(--ti-tag-medium-height) - 2px)}.tiny-tag--small{height:var(--ti-tag-small-height);line-height:calc(var(--ti-tag-small-height) - 2px)}.tiny-tag--mini{height:var(--ti-tag-mini-height);line-height:calc(var(--ti-tag-mini-height) - 2px)}
+.tiny-tag{--ti-tag-height:calc(var(--ti-common-size-base) * 5.5);--ti-tag-medium-height:var(--ti-common-size-6x);--ti-tag-medium-padding-horizontal:var(--ti-common-space-2x);--ti-tag-medium-border-radius:var(--ti-common-border-radius-normal);--ti-tag-small-height:var(--ti-common-line-height-4);--ti-tag-small-padding-horizontal:var(--ti-common-space-2x);--ti-tag-mini-height:var(--ti-common-size-4x);--ti-tag-border-weight:var(--ti-common-border-weight-normal);--ti-tag-border-radius:var(--ti-common-border-radius-normal);--ti-tag-small-border-radius:var(--ti-common-border-radius-normal);--ti-tag-font-size:var(--ti-common-font-size-base);--ti-tag-close-font-size:var(--ti-common-font-size-1);--ti-tag-close-margin-left:var(--ti-common-space-6);--ti-tag-close-margin-right:var(--ti-common-space-0);--ti-tag-close-medium-margin-left:var(--ti-common-space-6);--ti-tag-close-medium-margin-right:var(--ti-common-space-0);--ti-tag-close-small-margin-left:var(--ti-common-space-6);--ti-tag-close-small-margin-right:var(--ti-common-space-0);--ti-tag-primary-text-color:var(--ti-common-color-text-secondary);--ti-tag-primary-close-icon-color:var(--ti-common-color-text-secondary);--ti-tag-primary-close-hover-icon-color:var(--ti-common-color-text-secondary);--ti-tag-primary-close-opacity:0.5;--ti-tag-primary-border-color:var(--ti-common-color-bg-normal);--ti-tag-primary-background-color:var(--ti-common-color-bg-normal);--ti-tag-warning-text-color:var(--ti-common-color-warn-text);--ti-tag-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-warning-background-color:var(--ti-common-color-warn-bg);--ti-tag-danger-text-color:var(--ti-common-color-error-text);--ti-tag-danger-border-color:var(--ti-common-color-error-border-secondary);--ti-tag-danger-background-color:var(--ti-common-color-error-bg);--ti-tag-success-text-color:var(--ti-common-color-text-success);--ti-tag-success-border-color:var(--ti-common-color-success-border);--ti-tag-success-background-color:var(--ti-common-color-success-bg);--ti-tag-info-text-color:var(--ti-common-color-text-primary);--ti-tag-info-border-color:var(--ti-common-color-info-border);--ti-tag-info-background-color:var(--ti-common-color-info-bg);--ti-tag-dark-text-color:var(--ti-common-color-light);--ti-tag-dark-bg-color:var(--ti-common-color-prompt);--ti-tag-dark-success-bg-color:var(--ti-common-color-success);--ti-tag-dark-warning-bg-color:var(--ti-common-color-warn);--ti-tag-dark-danger-bg-color:var(--ti-common-color-error);--ti-tag-dark-info-bg-color:var(--ti-common-color-info);--ti-tag-plain-text-color:var(--ti-common-color-prompt);--ti-tag-plain-border-color:var(--ti-common-color-prompt-border);--ti-tag-plain-background-color:var(--ti-common-color-light);--ti-tag-plain-info-text-color:var(--ti-common-color-info);--ti-tag-plain-info-border-color:var(--ti-common-color-info-border);--ti-tag-plain-success-text-color:var(--ti-common-color-success);--ti-tag-plain-success-border-color:var(--ti-common-color-success-border);--ti-tag-plain-warning-text-color:var(--ti-common-color-warn);--ti-tag-plain-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-plain-danger-text-color:var(--ti-common-color-error);--ti-tag-plain-danger-border-color:var(--ti-common-color-error-border-secondary);height:var(--ti-tag-height);line-height:var(--ti-tag-height);padding:0 8px;font-size:var(--ti-tag-font-size);border-width:var(--ti-tag-border-weight);border-radius:var(--ti-tag-border-radius);border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-tag-primary-text-color);border-color:var(--ti-tag-primary-border-color);background-color:var(--ti-tag-primary-background-color)}.tiny-tag.is-hit{border-color:var(--ti-tag-primary-text-color)}.tiny-tag .tiny-tag__close{fill:var(--ti-tag-primary-text-color);opacity:.5}.tiny-tag .tiny-tag__close:hover{opacity:1}.tiny-tag .tiny-tag__close{font-size:var(--ti-tag-close-font-size);margin-left:var(--ti-tag-close-margin-left);margin-right:var(--ti-tag-close-margin-right);cursor:pointer;opacity:var(--ti-tag-primary-close-opacity);fill:var(--ti-tag-primary-close-icon-color)}.tiny-tag .tiny-tag__close:hover{fill:var(--ti-tag-primary-close-hover-icon-color)}.tiny-tag.tiny-tag--info{color:var(--ti-tag-info-text-color);border-color:var(--ti-tag-info-border-color);background-color:var(--ti-tag-info-background-color)}.tiny-tag.tiny-tag--info.is-hit{border-color:var(--ti-tag-info-text-color)}.tiny-tag.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-info-text-color);opacity:.5}.tiny-tag.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--success{color:var(--ti-tag-success-text-color);border-color:var(--ti-tag-success-border-color);background-color:var(--ti-tag-success-background-color)}.tiny-tag.tiny-tag--success.is-hit{border-color:var(--ti-tag-success-text-color)}.tiny-tag.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-success-text-color);opacity:.5}.tiny-tag.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--warning{color:var(--ti-tag-warning-text-color);border-color:var(--ti-tag-warning-border-color);background-color:var(--ti-tag-warning-background-color)}.tiny-tag.tiny-tag--warning.is-hit{border-color:var(--ti-tag-warning-text-color)}.tiny-tag.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-warning-text-color);opacity:.5}.tiny-tag.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--danger{color:var(--ti-tag-danger-text-color);border-color:var(--ti-tag-danger-border-color);background-color:var(--ti-tag-danger-background-color)}.tiny-tag.tiny-tag--danger.is-hit{border-color:var(--ti-tag-danger-text-color)}.tiny-tag.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-danger-text-color);opacity:.5}.tiny-tag.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--dark{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-bg-color);background-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark.is-hit{border-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--info{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-info-bg-color);background-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info.is-hit{border-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--success{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-success-bg-color);background-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success.is-hit{border-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--warning{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-warning-bg-color);background-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning.is-hit{border-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--danger{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-danger-bg-color);background-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger.is-hit{border-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--plain{color:var(--ti-tag-plain-text-color);border-color:var(--ti-tag-plain-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.is-hit{border-color:var(--ti-tag-plain-text-color)}.tiny-tag--plain .tiny-tag__close{fill:var(--ti-tag-plain-text-color);opacity:.5}.tiny-tag--plain .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--info{color:var(--ti-tag-plain-info-text-color);border-color:var(--ti-tag-plain-info-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--info.is-hit{border-color:var(--ti-tag-plain-info-text-color)}.tiny-tag--plain.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-plain-info-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--success{color:var(--ti-tag-plain-success-text-color);border-color:var(--ti-tag-plain-success-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--success.is-hit{border-color:var(--ti-tag-plain-success-text-color)}.tiny-tag--plain.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-plain-success-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--warning{color:var(--ti-tag-plain-warning-text-color);border-color:var(--ti-tag-plain-warning-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--warning.is-hit{border-color:var(--ti-tag-plain-warning-text-color)}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-plain-warning-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--danger{color:var(--ti-tag-plain-danger-text-color);border-color:var(--ti-tag-plain-danger-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--danger.is-hit{border-color:var(--ti-tag-plain-danger-text-color)}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-plain-danger-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--medium{height:var(--ti-tag-medium-height);line-height:var(--ti-tag-medium-height);padding:0 var(--ti-tag-medium-padding-horizontal);border-radius:var(--ti-tag-medium-border-radius)}.tiny-tag--medium .tiny-tag__close{margin-left:var(--ti-tag-close-medium-margin-left);margin-right:var(--ti-tag-close-medium-margin-right)}.tiny-tag--small{height:var(--ti-tag-small-height);line-height:var(--ti-tag-small-height);padding:0 var(--ti-tag-small-padding-horizontal);font-size:12px;border-radius:var(--ti-tag-small-border-radius)}.tiny-tag--small .tiny-tag__close{margin-left:var(--ti-tag-close-small-margin-left);margin-right:var(--ti-tag-close-small-margin-right)}.tiny-tag--mini{height:var(--ti-tag-mini-height);line-height:var(--ti-tag-mini-height);padding:0 var(--ti-tag-small-padding-horizontal);font-size:12px;border-radius:var(--ti-tag-small-border-radius)}.tiny-tag--mini .tiny-tag__close{margin-left:var(--ti-tag-close-small-margin-left);margin-right:var(--ti-tag-close-small-margin-right)}.tiny-tag.is-disabled,.tiny-tag.is-disabled:focus,.tiny-tag.is-disabled:hover{cursor:not-allowed;color:#c2c2c2;background-color:rgba(0,0,0,.05)}.tiny-tag.is-disabled .tiny-tag__close,.tiny-tag.is-disabled svg,.tiny-tag.is-disabled svg:hover,.tiny-tag.is-disabled:focus .tiny-tag__close,.tiny-tag.is-disabled:focus svg,.tiny-tag.is-disabled:focus svg:hover,.tiny-tag.is-disabled:hover .tiny-tag__close,.tiny-tag.is-disabled:hover svg,.tiny-tag.is-disabled:hover svg:hover{cursor:not-allowed;fill:#c2c2c2}

package/tag/smb-theme.js

@@ -0,0 +1,22 @@
+export const tinyTagSMBTheme = {
+  'ti-tag-primary-close-icon-color': 'var(--ti-common-color-bg-secondary)',
+  'ti-tag-font-size': 'var(--ti-common-font-size-1)',
+  'ti-tag-small-height': 'var(--ti-common-line-height-base)',
+  'ti-tag-height': 'var(--ti-common-line-height-2)',
+  'ti-tag-medium-height': 'var(--ti-common-size-height-normal)',
+  'ti-tag-medium-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-tag-small-padding-horizontal': 'var(--ti-common-space-base)',
+  'ti-tag-small-border-radius': 'var(--ti-common-border-radius-1)',
+  'ti-tag-primary-background-color': 'var(--ti-base-color-bg-6)',
+  'ti-tag-border-weight': '0',
+  'ti-tag-border-radius': 'var(--ti-common-border-radius-2)',
+  'ti-tag-close-font-size': 'var(--ti-common-font-size-2)',
+  'ti-tag-close-margin-left': 'var(--ti-common-space-base)',
+  'ti-tag-close-margin-right': 'calc(var(--ti-common-space-base) * -1)',
+  'ti-tag-close-medium-margin-left': 'var(--ti-common-space-2x)',
+  'ti-tag-close-medium-margin-right': 'calc(var(--ti-common-space-base) * -1)',
+  'ti-tag-close-small-margin-left': 'var(--ti-common-space-2)',
+  'ti-tag-close-small-margin-right': 'calc(var(--ti-common-space-2) * -1)',
+  'ti-tag-primary-close-opacity': '1',
+  'ti-tag-primary-close-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)'
+}

package/tall-storage/index.css

@@ -1 +1 @@
-.tiny-tall-storage{--ti-tall-storage-bg-color:var(--ti-common-color-light);--ti-tall-storage-border-radius:var(--ti-common-border-radius-normal);--ti-tall-storage-item-height:var(--ti-common-size-height-minor);--ti-tall-storage-item-bg-color:var(--ti-common-color-hover-background);position:relative;margin-top:2px}.tiny-tall-storage .tiny-storage-list-style{position:absolute;background-color:var(--ti-tall-storage-bg-color);-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow);border-radius:var(--ti-tall-storage-border-radius);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list{padding:0;list-style:none}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item{height:var(--ti-tall-storage-item-height);line-height:var(--ti-tall-storage-item-height);padding:0 8px;white-space:nowrap}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item.item-hover,.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item:hover{cursor:pointer;background-color:var(--ti-tall-storage-item-bg-color)}
+.tiny-tall-storage{--ti-tall-storage-bg-color:var(--ti-common-color-light);--ti-tall-storage-border-radius:var(--ti-common-border-radius-normal);--ti-tall-storage-item-height:var(--ti-common-size-height-normal);--ti-tall-storage-item-bg-color:var(--ti-common-color-hover-background);position:relative;margin-top:2px}.tiny-tall-storage .tiny-storage-list-style{position:absolute;background-color:var(--ti-tall-storage-bg-color);-webkit-box-shadow:var(--ti-common-shadow-2-down);box-shadow:var(--ti-common-shadow-2-down);border-radius:var(--ti-tall-storage-border-radius);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list{padding:0;list-style:none}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item{height:var(--ti-tall-storage-item-height);line-height:var(--ti-tall-storage-item-height);padding:0 8px;white-space:nowrap}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item.item-hover,.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item:hover{cursor:pointer;background-color:var(--ti-tall-storage-item-bg-color)}

package/text-popup/aurora-theme.js

@@ -0,0 +1,5 @@
+export const tinyTextPopupAuroraTheme = {
+  'ti-text-popup-padding-horizontal': 'var(--ti-common-space-2x)',
+  'ti-text-popup-padding-vertical': 'var(--ti-common-space-2x)',
+  'ti-text-popup-height': '30px'
+}

package/text-popup/index.css

@@ -1 +1 @@
-.tiny-text-popup{--ti-text-popup-border-radius:var(--ti-common-border-radius-normal);--ti-text-popup-border-color:var(--ti-common-color-border);--ti-text-popup-box-shadow:0 0 1px 1px rgba(175, 175, 175, 0.3);--ti-text-popup-hover-border-color:var(--ti-base-color-brand-6);display:inline-block}.tiny-text-popup .area{padding:6px;width:100%;border-radius:var(--ti-text-popup-border-radius,2px);outline:0}.tiny-text-popup .text{border:1px solid var(--ti-text-popup-border-color);line-height:1}.tiny-text-popup .text:hover{border-color:var(--ti-text-popup-hover-border-color)}.tiny-text-popup .popup{resize:none;-webkit-box-shadow:var(--ti-text-popup-box-shadow);box-shadow:var(--ti-text-popup-box-shadow);border:1px solid var(--ti-text-popup-border-color)}
+.tiny-text-popup{--ti-text-popup-border-radius:var(--ti-common-border-radius-normal);--ti-text-popup-height:var(--ti-common-size-7x);--ti-text-popup-font-size:var(--ti-common-font-size-base);--ti-text-popup-font-family:var(--ti-common-font-family);--ti-text-popup-border-color:var(--ti-common-color-border);--ti-text-popup-box-shadow:0 0 1px 1px rgba(175, 175, 175, 0.3);--ti-text-popup-hover-border-color:var(--ti-common-color-line-hover);--ti-text-popup-focus-border-color:var(--ti-common-color-line-active);--ti-text-popup-padding-vertical:calc(var(--ti-common-space-2x) - 2px);--ti-text-popup-padding-horizontal:calc(var(--ti-common-space-2x) + 2px);display:inline-block}.tiny-text-popup .area{font-size:var(--ti-text-popup-font-size);font-family:var(--ti-text-popup-font-family);padding:var(--ti-text-popup-padding-vertical) var(--ti-text-popup-padding-horizontal);width:100%;border-radius:var(--ti-text-popup-border-radius,2px);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-text-popup .text{border:1px solid var(--ti-text-popup-border-color);line-height:1;height:var(--ti-text-popup-height)}.tiny-text-popup .text:hover{border-color:var(--ti-text-popup-hover-border-color)}.tiny-text-popup .popup{resize:none;-webkit-box-shadow:var(--ti-text-popup-box-shadow);box-shadow:var(--ti-text-popup-box-shadow);border:1px solid var(--ti-text-popup-focus-border-color)}

package/text-popup/smb-theme.js

@@ -0,0 +1,7 @@
+export const tinyTextPopupSmbTheme = {
+  'ti-text-popup-padding-vertical': '5px',
+  'ti-text-popup-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-text-popup-font-size': 'var(--ti-common-font-size-1)',
+  'ti-text-popup-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-text-popup-height': '32px'
+}

package/textarea/index.css

@@ -0,0 +1 @@
+.tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-textarea{--ti-textarea-text-color:var(--ti-common-color-text-primary);--ti-textarea-bg-color:var(--ti-common-color-icon-white);--ti-textarea-font-size:var(--ti-common-font-size-base);--ti-textarea-count-font-size:var(--ti-common-font-size-base);--ti-textarea-height:var(--ti-common-size-height-normal);--ti-textarea-border-radius:var(--ti-common-border-radius-normal);--ti-textarea-border-color:var(--ti-common-color-border);--ti-textarea-inner-hover-border-color:var(--ti-common-color-border-hover);--ti-textarea-inner-active-border-color:var(--ti-common-color-line-active);--ti-textarea-placeholder-text-color:var(--ti-common-color-placeholder);--ti-textarea-disabled-text-color:var(--ti-common-color-text-disabled);--ti-textarea-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-textarea-exceed-text-color:var(--ti-common-bg-primary);--ti-textarea-count-color:var(--ti-common-color-text-weaken);--ti-textarea-padding-vertical:var(--ti-common-space-2x);--ti-textarea-padding-horizontal:var(--ti-common-space-2x);--ti-textarea-padding-right:var(--ti-common-space-2x);--ti-textarea-padding-bottom:var(--ti-common-space-2x);--ti-textarea-count-bottom:5px;--ti-textarea-count-right:16px;--ti-textarea-hover-border-color:var(--ti-common-color-border-hover);--ti-textarea-active-border-color:var(--ti-common-color-line-active);--ti-textarea-count-width:auto;--ti-textarea-inner-width:100%;--ti-textarea-count-border-radius:0;--ti-textarea-count-text-length-color:var(--ti-common-color-text-weaken);--ti-textarea-count-padding-right:var(--ti-common-space-0);--ti-textarea-font-family:var(--ti-common-font-family);position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--ti-textarea-font-size);border:1px solid var(--ti-textarea-border-color);border-radius:var(--ti-textarea-border-radius)}.tiny-textarea:hover{border-color:var(--ti-textarea-hover-border-color)}.tiny-textarea.is-disabled .tiny-textarea__inner{background-color:var(--ti-textarea-disabled-bg-color);border-color:var(--ti-textarea-border-color);color:var(--ti-textarea-disabled-text-color);cursor:not-allowed}.tiny-textarea.is-disabled .tiny-textarea__inner::-moz-placeholder{color:var(--ti-textarea-placeholder-text-color);opacity:1}.tiny-textarea.is-disabled .tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-exceed .tiny-textarea__inner{border-color:var(--ti-textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count{color:var(--ti-textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count-text-length{color:var(--ti-textarea-exceed-text-color)}.tiny-textarea .tiny-input__count{color:var(--ti-textarea-count-color);background:var(--ti-textarea-bg-color);font-size:var(--ti-textarea-count-font-size);text-align:right;position:absolute;bottom:var(--ti-textarea-count-bottom);right:var(--ti-textarea-count-right);width:var(--ti-textarea-count-width);border-bottom-left-radius:var(--ti-textarea-count-border-radius);padding-right:var(--ti-textarea-count-padding-right)}.tiny-textarea .tiny-input__count-text-length{color:var(--ti-textarea-count-text-length-color)}.tiny-textarea__inner{display:block;width:var(--ti-textarea-inner-width);min-height:60px;min-height:calc(var(--ti-textarea-height,30px) * 2);color:var(--ti-textarea-text-color);border:none;border-radius:var(--ti-textarea-border-radius);background:var(--ti-textarea-bg-color);padding:var(--ti-textarea-padding-vertical) var(--ti-textarea-padding-horizontal);padding-right:var(--ti-textarea-padding-right);padding-bottom:var(--ti-textarea-padding-bottom);line-height:1.5;font-size:var(--ti-textarea-font-size);font-family:var(--ti-textarea-font-family);resize:vertical;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-textarea__inner::-moz-placeholder{color:var(--ti-textarea-placeholder-text-color);opacity:1}.tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner:hover{border-color:var(--ti-textarea-inner-hover-border-color)}.tiny-textarea__inner:focus{border-color:var(--ti-textarea-inner-active-border-color)}.tiny-textarea:has(.tiny-textarea__inner:focus){border-color:var(--ti-textarea-active-border-color)}.tiny-textarea__inner:focus,.tiny-textarea__inner:hover{outline:0}

package/textarea/smb-theme.js

@@ -0,0 +1,24 @@
+export const tinyTextareaSmbTheme = {
+  'ti-textarea-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-textarea-count-font-size': 'var(--ti-common-font-size-0)',
+  'ti-textarea-hover-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-textarea-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-textarea-padding-right': 'var(--ti-common-space-base)',
+  'ti-textarea-hover-border-color': 'var(--ti-common-color-line-hover)',
+  'ti-textarea-active-border-color': 'var(--ti-common-color-line-active)',
+  'ti-textarea-count-width': 'calc(100% - 16px)',
+  'ti-textarea-count-bottom': '0',
+  'ti-textarea-inner-width': 'calc(100% - 4px)',
+  'ti-textarea-count-right': '12px',
+  'ti-textarea-padding-vertical': 'var(--ti-common-space-2x)',
+  'ti-textarea-count-border-radius': 'var(--ti-common-border-radius-3)',
+  'ti-textarea-count-text-length-color': 'var(--ti-common-color-text-primary)',
+  'ti-textarea-placeholder-text-color': 'var(--ti-common-color-text-weaken)',
+  'ti-textarea-scrollbar-width': '8px',
+  'ti-textarea-scrollbar-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
+  'ti-textarea-scrollbar-border-radius': 'var(--ti-common-border-radius-2)',
+  'ti-textarea-scrollbar-track-piece-bg-color': '#fff',
+  'ti-textarea-scrollbar-hover-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
+  'ti-textarea-count-padding-right': 'var(--ti-common-space-base)',
+  'ti-textarea-padding-bottom': 'var(--ti-common-space-4x)'
+}

package/theme/aurora-theme/component.js

@@ -0,0 +1,25 @@
+export * from '../../alert/aurora-theme'
+export * from '../../breadcrumb/aurora-theme'
+export * from '../../button/aurora-theme'
+export * from '../../cascader/aurora-theme'
+export * from '../../cascader-menu/aurora-theme'
+export * from '../../cascader-node/aurora-theme'
+export * from '../../cascader-panel/aurora-theme'
+export * from '../../checkbox/aurora-theme'
+export * from '../../checkbox-button/aurora-theme'
+export * from '../../collapse-item/aurora-theme'
+export * from '../../file-upload/aurora-theme'
+export * from '../../grid/aurora-theme'
+export * from '../../input/aurora-theme'
+export * from '../../ip-address/aurora-theme'
+export * from '../../progress/aurora-theme'
+export * from '../../radio/aurora-theme'
+export * from '../../search/aurora-theme'
+export * from '../../slider/aurora-theme'
+export * from '../../split/aurora-theme'
+export * from '../../switch/aurora-theme'
+export * from '../../tabs/aurora-theme'
+export * from '../../tag/aurora-theme'
+export * from '../../text-popup/aurora-theme'
+export * from '../../tooltip/aurora-theme'
+export * from '../../transfer/aurora-theme'

package/theme/aurora-theme/index.js

@@ -0,0 +1,430 @@
+export const tinyBaseAuroraTheme = {
+  /* 1.1品牌色 */
+  /* 品牌主色 */
+  'ti-base-color-brand-6': '#1890ff' /* 主色蓝 */,
+  /* 主色衍生色 */
+  'ti-base-color-brand-8': '#096dd9', // 品牌色-8  active
+  'ti-base-color-brand-7': '#0c82f0', // 品牌色-7
+  'ti-base-color-brand-5': '#40a9ff', // 品牌色-5 // hover active
+  'ti-base-color-brand-4': '#000', // 品牌色-4
+  'ti-base-color-brand-3': '#8cc7f7', // 品牌色-3
+  'ti-base-color-brand-2': '#e6f7ff', // 品牌色-2
+  'ti-base-color-brand-1': '#f2f5fc', // 品牌色-1
+
+  /* 1.2中立色 */
+  /* 公用灰色系，用于文本、图标、线条、背景色 */
+  'ti-base-color-common-9': '#181818', // 中立色-9
+  'ti-base-color-common-8': '#2e3243', // 中立色-8 导航条背景
+  'ti-base-color-common-7': '#333', // 中立色-7 默认文本色
+  'ti-base-color-common-6': '#464c59', // 中立色-6
+  'ti-base-color-common-5': '#666', // 中立色-5  次要文本
+  'ti-base-color-common-4': '#54657e', // 中立色-4
+  'ti-base-color-common-3': '#8a8e99', // 中立色-3
+  'ti-base-color-common-2': '#666', // 中立色-2  文本禁用使用
+  'ti-base-color-common-1': '#d9d9d9', // 中立色-1  分隔线，disabled
+
+  /* 1.3背景色 */
+  // 不变，前3个用不到， 后面的看不太出来。
+  'ti-base-color-bg-9': '#cf1322', // 背景-9
+  'ti-base-color-bg-8': '#f5222d', // 背景-8
+  'ti-base-color-bg-7': '#ff4d4f', // 背景-7
+  'ti-base-color-bg-6': '#eef0f5', // 背景-6
+  'ti-base-color-bg-5': '#f5f5f5', // 背景-5
+  'ti-base-color-bg-4': '#fafafa', // 背景-4
+  'ti-base-color-bg-3': '#ffffff', // 背景-3
+  'ti-base-color-bg-2': '#ffffff', // 背景-2
+  'ti-base-color-bg-1': '#ffffff', // 背景-1
+
+  /* 1.4功能色 */
+  'ti-base-color-error-4': '#cf1322', // 错误-4
+  'ti-base-color-error-3': '#f5222d', // 错误-3
+  'ti-base-color-error-2': '#ff4d4f', // 错误-2
+  'ti-base-color-error-1': '#d8bab5', // 错误-1
+
+  'ti-base-color-success-4': '#389e0d', // 成功-4
+  'ti-base-color-success-3': '#52c41a', // 成功-3
+  'ti-base-color-success-2': '#73d13d', // 成功-2
+  'ti-base-color-success-1': '#a6c3b9', // 成功-1
+
+  'ti-base-color-warn-5': '#ffc53d', // 告警-5  文本色使用
+  'ti-base-color-warn-4': '#faad14', // 告警-4  图标色使用
+  'ti-base-color-warn-3': '#ffc53d', // 告警-3  未使用到, 补一个色
+  'ti-base-color-warn-2': '#ffc53d', //  告警-2  border使用
+  'ti-base-color-warn-1': '#d3c6a2', // 告警-1  背景使用
+
+  /* 2.公共色：此处颜色为组件场景色，根据使用场景分为以下几大类，具体组件引用以下颜色，如在使用过程中有问题，请自行按类别添加 */
+  /**
+   * 2.1 基础色
+   **/
+  'ti-common-color-transparent': 'var(--ti-base-color-transparent)',
+  'ti-common-color-light': '#fff',
+  'ti-common-color-dark': '#000',
+
+  /**
+   * 2.2 提示类型颜色
+   * 用于 alert组件、Modal（message）组件、Tag 标签组件、Notify 通知组件涉及功能提示的背景、文字、图标等的颜色使用
+   **/
+  'ti-common-color-text-success': '#333', // 成功-文字色
+  'ti-common-color-success-bg': '#f6ffed', // 成功-背景色
+  'ti-common-color-success-border': '#95de64', // 成功-边框色
+
+  'ti-common-color-error-text': '#333', // 错误-文字色
+  'ti-common-color-error-bg': '#fff1f0', // 错误-背景色/校验背景色
+  'ti-common-color-error-border': '#ff7875', // 错误-校验边框色
+
+  'ti-common-color-info': '#909399', // 信息-图标色/状态图标-信息
+  'ti-common-color-info-text': '#909399', // 信息-文字色
+  'ti-common-color-info-bg': 'rgba(51, 51, 51, 0.06)', // 信息-背景色
+  'ti-common-color-info-border': 'rgba(51,51,51,.15)', // 信息-边框色
+
+  'ti-common-color-warn-text': '#333', // 告警-文字色
+  'ti-common-color-warn-bg': '#fffbe6', // 告警-背景色
+  'ti-common-color-warn-border': '#ffd666', // 告警-边框色
+
+  'ti-common-color-prompt-text': '#333', // 提示-图标色
+  'ti-common-color-prompt-bg': '#e6f7ff', // 提示-背景色
+  'ti-common-color-prompt-border': '#91d5ff', // 提示-边框色
+
+  /**
+   * 2.3 交互类型颜色
+   * 用于涉及 primary / success / warning / danger / info 类型区分，拥有状态或交互的组件（没有边框）
+   * 例如：Button组件、Badge 标记、Link 文字链接，需要标识一些交互的状态颜色：hover、active、disabled
+   **/
+  'ti-common-color-primary-active': 'var(--ti-base-color-brand-8)',
+  'ti-common-color-primary-disabled': '#bfbfbf',
+  'ti-common-color-primary-disabled-bgcolor': '#d9d9d9',
+  'ti-common-color-primary-disabled-border': '#bfbfbf',
+  'ti-common-color-primary-disabled-text': '#fff',
+
+  'ti-common-color-success-disabled-bgcolor': '#a6c3b9',
+  'ti-common-color-success-active': 'var(--ti-base-color-success-4)',
+  'ti-common-color-success-disabled': 'var(--ti-base-color-success-1)', // 禁用背景色
+  'ti-common-color-success-disabled-border': 'var(--ti-base-color-success-1)', // 禁用边框色
+  'ti-common-color-success-disabled-text': '#fff', // 禁用文本色
+
+  'ti-common-color-warning-disabled': '#d3c6a2',
+  'ti-common-color-warning-disabled-bgcolor': '#d3c6a2',
+  'ti-common-color-warning-disabled-border': '#d3c6a2',
+  'ti-common-color-warning-disabled-text': '#fff',
+
+  'ti-common-color-danger-disabled': '#d8bab5',
+  'ti-common-color-danger-disabled-bgcolor': '#d8bab5',
+  'ti-common-color-danger-disabled-border': '#d8bab5',
+  'ti-common-color-danger-disabled-text': '#fff',
+
+  'ti-common-color-info-disabled': '#bfbfbf',
+  'ti-common-color-info-disabled-bgcolor': '#bfbfbf',
+  'ti-common-color-info-disabled-border': '#bfbfbf',
+  'ti-common-color-info-disabled-text': '#fff',
+
+  /**
+   * 2.4 文本色
+   **/
+  'ti-common-color-text-primary': 'var(--ti-base-color-common-7)', // 一级文本色-重要信息/标题颜色/输入类文本颜色
+  'ti-common-color-text-secondary': '#666', // 二级文本色-次要信息
+  'ti-common-color-text-weaken': 'var(--ti-base-color-common-3)', // 三级文本色-弱化信息/说明文字 未使用
+  'ti-common-color-text-disabled': '#999', // 文本禁用信息
+  'ti-common-color-text-darkbg': 'var(--ti-base-color-common-2)', // 深色背景下文本信息 未使用
+  'ti-common-color-text-darkbg-disabled': 'var(--ti-base-color-common-5)', // 深色背景下文本信息禁用色 未使用
+  'ti-common-color-text-link': '#606266', // 链接色
+  'ti-common-color-text-link-hover': '#40a9ff', // 链接悬浮色
+  'ti-common-color-text-link-darkbg': 'var(--ti-base-color-brand-4)', // 深色背景链接色
+  'ti-common-color-text-link-darkbg-hover': 'var(--ti-base-color-brand-3)', // 深色背景链接悬浮色
+  'ti-common-color-text-highlight': '#333', // 文本高亮色
+  'ti-common-color-text-white': 'var(--ti-base-color-white)', // 深色背景或图标上文字色
+  'ti-common-color-text-gray': 'var(--ti-base-color-white)', // 深色背景下的文本色，用于tip
+  'ti-common-color-text-gray-disabled': 'var(--ti-base-color-common-4)', // 深色背景下的灰色文本禁用色，用于tab页签中
+  'ti-common-color-text-important': 'var(--ti-base-color-error-4)', // 文本_金额
+  'ti-common-color-placeholder': '#999', // NewCssVar 占位/禁用文本颜色
+  'ti-common-color-selected-text-color': '#333', // 默认/选中时的文本颜色
+
+  /**
+   * 2.5 图标色
+   **/
+
+  // 浅底背景图标色
+  'ti-common-color-icon-normal': 'var(--ti-base-color-brand-6)',
+  'ti-common-color-icon-hover': 'var(--ti-base-color-brand-6)',
+  'ti-common-color-icon-active': 'var(--ti-base-color-brand-6)',
+  'ti-common-color-icon-disabled': '#999', // 图标禁用色/状态图标-禁用、停止
+  'ti-common-color-icon-white': 'var(--ti-base-color-white)',
+
+  // 灰色背景下图标色
+  'ti-common-color-icon-graybg-normal': '#999',
+  'ti-common-color-icon-graybg-hover': '#999',
+  'ti-common-color-icon-graybg-active': 'var(--ti-base-color-brand-6)',
+  'ti-common-color-icon-graybg-disabled': '#999',
+
+  // 深底背景图标色
+  'ti-common-color-icon-darkbg-normal': 'var(--ti-base-color-common-2)',
+  'ti-common-color-icon-darkbg-hover': 'var(--ti-base-color-brand-5)',
+  'ti-common-color-icon-darkbg-active': 'var(--ti-base-color-brand-5)',
+  'ti-common-color-icon-darkbg-disabled': 'var(--ti-base-color-common-5)',
+
+  // 状态图标背景色
+  'ti-common-color-icon-info': 'var(--ti-base-color-icon-info)', // 状态图标-常规、信息提示
+
+  /**
+   * 2.6 背景色
+   **/
+  /* 基础背景色 各状态色 */
+  'ti-common-color-bg-normal': 'var(--ti-base-color-bg-6)', // 通用背景-页面背景色/下拉搜索框背景色/标签背景色
+  'ti-common-color-bg-emphasize': 'var(--ti-base-color-brand-6)', // 背景高亮色
+  'ti-common-color-bg-disabled': '#f5f5f5',
+  'ti-common-color-bg-hover': 'var(--ti-base-color-brand-8)', // 主色背景悬浮色
+  'ti-common-color-bg-gray': 'var(--ti-base-color-bg-4)', // 新区域组件-悬浮背景色
+  'ti-common-color-bg-secondary': 'var(--ti-base-color-common-2)', // 开关组件-关闭状态-背景色
+
+  /* 重要背景色，主要用于重要按钮场景。仅用于NG的button组件 */
+  'ti-common-bg-primary': 'var(--ti-base-color-bg-8)', // 重要按钮背景色
+  'ti-common-bg-primary-hover': 'var(--ti-base-color-bg-7)', // 重要按钮背景悬浮、focus色
+  'ti-common-bg-primary-active': 'var(--ti-base-color-bg-9)', // 重要按钮背景色按下色
+
+  /* 次要背景色，主要用于次要按钮场景 */
+  'ti-common-bg-minor': 'var(--ti-base-color-bg-2)', // 次要按钮背景色
+  'ti-common-bg-minor-hover': 'var(--ti-base-color-bg-1)', // 次要按钮背景悬浮、focus色
+  'ti-common-bg-minor-active': 'var(--ti-base-color-bg-3)', // 次要按钮背景色按下色
+
+  /* 白底背景状态色 */
+  'ti-common-color-bg-white-normal': 'var(--ti-base-color-white)', // 白色背景，用于输入框背景
+  'ti-common-color-bg-white-emphasize': 'var(--ti-base-color-brand-1)', // 白色hover或强调色，如表头背景、表格悬浮、下拉选项悬浮背景
+
+  /* 浅底背景状态色 */
+  'ti-common-color-bg-light-normal': 'var(--ti-base-color-brand-2)', // 滑块slider-背景色/多选快buttongroup-默认背景色/树组件选中背景色
+  'ti-common-color-bg-light-emphasize': 'var(--ti-base-color-brand-3)', // 浅背景hover或强调色，开关组件“开”禁用背景色
+
+  /* 深色底背景状态色 */
+  'ti-common-color-bg-dark-normal': 'var(--ti-base-color-common-6)', // 一级tab页签背景色
+  'ti-common-color-bg-dark-emphasize': 'var(--ti-base-color-common-4)', // 一级tab页签背景-悬浮色
+  'ti-common-color-bg-dark-active': 'var(--ti-common-color-bg-normal)', // 一级tab页签背景-激活/focus状态背景色
+  'ti-common-color-bg-dark-deep': 'var(--ti-base-color-common-6)', // tip、alert提示背景色
+  'ti-common-color-bg-dark-disabled': 'var(--ti-base-color-common-1)', // 深色背景禁用色，开关组件“关”禁用背景色
+
+  /* 顶部导航背景色,用于navMenu */
+  'ti-common-color-bg-navigation': '#2e3243', // 深色导航背景色
+  'ti-common-color-bg-dark-select': 'var(--ti-base-color-common-9)', // 顶部导航下拉背景色
+
+  /**
+   * 这里类选择组件都使用这里的状态颜色：Select、Autocomplete、Cascader、DatePicker、DropTimes、Search、TimePicker、Roles
+   * TimeSelect、Amount、Area、Company、Country、Currency、Dept、DropRoles、Hrapprover、User、Calendar
+   **/
+  'ti-common-color-selected-background': '#f5f5f5', // 选中高亮背景色
+  'ti-common-color-hover-background': '#e6f7ff', //  NewCssVar 组件或者组件下拉选项hover时的背景色
+
+  /**
+   * 2.7 图表色
+   **/
+  'ti-common-color-data-1': 'var(--ti-base-color-success-3)', // 图表数据色-1
+  'ti-common-color-data-2': 'var(--ti-base-color-icon-info)', // 图表数据色-2
+  'ti-common-color-data-3': 'var(--ti-base-color-data-3)', // 图表数据色-3
+  'ti-common-color-data-4': 'var(--ti-base-color-data-4)', // 图表数据色-4
+  'ti-common-color-data-5': 'var(--ti-base-color-data-5)', // 图表数据色-5
+  'ti-common-color-data-6': 'var(--ti-base-color-warn-3)', // 图表数据色-6
+  'ti-common-color-data-7': 'var(--ti-base-color-warn-4)', // 图表数据色-7
+  'ti-common-color-data-8': 'var(--ti-base-color-error-3)', // 图表数据色-8
+
+  /**
+   * 2.8 行高
+   * TinyNG只有一个1.5倍的行高,其余行高抽出来是为了适配AUI，但是全局都是1.5倍行高可以保持风格统一
+   */
+
+  'ti-common-line-height-number': '1.5', // 文字行高倍数，建议组件中设置行高使用该变量，如有特殊情况，请自行定义
+  'ti-common-line-height-base': '12px', // NewCssVar 跟字号保持一致
+  'ti-common-line-height-1': '14px', // NewCssVar
+  'ti-common-line-height-2': '16px', // NewCssVar
+  'ti-common-line-height-3': '18px', // NewCssVar
+  'ti-common-line-height-4': '20px', // NewCssVar
+  'ti-common-line-height-5': '24px', // NewCssVar
+  'ti-common-line-height-6': '32px', // NewCssVar
+  'ti-common-line-height-7': '36px', // NewCssVar
+
+  /**
+   * 2.9 间距
+   * 适用于组件中的margin、padding
+   **/
+
+  /* 基础间距 */
+  'ti-common-space-base': '4px',
+  'ti-common-space-2x': 'calc(var(--ti-common-space-base) * 2)', // 间距-2
+  'ti-common-space-3x': 'calc(var(--ti-common-space-base) * 3)', // 间距-3
+  'ti-common-space-4x': 'calc(var(--ti-common-space-base) * 4)', // 间距-4
+  'ti-common-space-5x': 'calc(var(--ti-common-space-base) * 5)', // 间距-5
+  'ti-common-space-6x': 'calc(var(--ti-common-space-base) * 6)', // 间距-6
+  'ti-common-space-8x': 'calc(var(--ti-common-space-base) * 8)', // 间距-7
+  'ti-common-space-10x': 'calc(var(--ti-common-space-base) * 10)', // 间距-8
+
+  /* 其他间距 */
+  'ti-common-space-0': '0px', // 其他间距-1
+  'ti-common-space-1': '1px', // 其他间距-2
+  'ti-common-space-6': '6px', // 其他间距-3
+  'ti-common-space-10': '10px', // 其他间距-4
+  'ti-common-dropdown-gap': '2px', // NewCssVar 下拉面板距离上部输入框的间距
+
+  /**
+   * 2.10 阴影
+   **/
+  'ti-common-shadow-1-up': '0 -1px 4px 0 rgba(0, 0, 0, 0.1)', // 阴影-1 上
+  'ti-common-shadow-1-down': '0 1px 4px 0 rgba(0, 0, 0, 0.1)', // 阴影-1 下
+  'ti-common-shadow-1-left': '-1px 0px 4px 0 rgba(0, 0, 0, 0.1)', // 阴影-1 左
+  'ti-common-shadow-1-right': '1px 0px 4px 0 rgba(0, 0, 0, 0.1)', // 阴影-1 右
+  'ti-common-shadow-2-up': '0 -2px 8px 0 rgba(0, 0, 0, 0.2)', // 阴影-2 上
+  'ti-common-shadow-2-down': '0 0 4px rgba(0, 0, 0, 0.3)', // 阴影-2 下 select 等下拉弹框的阴影
+  'ti-common-shadow-2-left': '-2px 0 8px 0 rgba(238, 10, 10, 0.2)', // 阴影-2 左
+  'ti-common-shadow-2-right': '2px 0 8px 0 rgba(252, 5, 5, 0.2)', // 阴影-2 右
+  'ti-common-shadow-3-up': '0 -4px 16px 0 rgba(0, 0, 0, 0.2)', // 阴影-3 上
+  'ti-common-shadow-3-down': '0 4px 16px 0 rgba(0, 0, 0, 0.2)', // 阴影-3 下
+  'ti-common-shadow-3-left': '-4px 0 16px 0 rgba(0, 0, 0, 0.2)', // 阴影-3 左
+  'ti-common-shadow-3-right': '4px 0 16px 0 rgba(0, 0, 0, 0.2)', // 阴影-3 右
+  'ti-common-shadow-4-up': '0 -8px 40px 0 rgba(0, 0, 0, 0.2)', // 阴影-4 上
+  'ti-common-shadow-4-down': '0 8px 40px 0 rgba(0, 0, 0, 0.2)', // 阴影-4 下
+  'ti-common-shadow-4-left': '-8px 0 40px 0 rgba(0, 0, 0, 0.2)', // 阴影-4 左
+  'ti-common-shadow-4-right': '0 0 10px 0 rgba(0, 0, 0, 0.2)', // 阴影-4 右  modal等弹窗的阴影
+
+  /* 提示类阴影 */
+  'ti-common-shadow-error': '0 1px 3px 0 rgba(199, 54, 54, 0.25)', // 错误
+  'ti-common-shadow-warn': '0 1px 3px 0 rgba(204, 100, 20, 0.25)', // 告警
+  'ti-common-shadow-prompt': '0 1px 3px 0 rgba(70, 94, 184, 0.25)', // 提示
+  'ti-common-shadow-success': '0 1px 3px 0 rgba(39, 176, 128, 0.25)', // 成功
+
+  /**
+   * 2.11 字体
+   **/
+  'ti-common-font-family': 'Helvetica, Arial, microsoft yahei',
+
+  /**
+   * 2.12 字号
+   **/
+  'ti-common-font-size-base': '12px', // NewCssVar 正文-常规
+  'ti-common-font-size-1': '14px', // NewCssVar 标题-小
+  'ti-common-font-size-2': '16px', // NewCssVar 标题-中
+  'ti-common-font-size-3': '18px', // NewCssVar 标题-大
+  'ti-common-font-size-4': '20px', // NewCssVar 字号-4
+  'ti-common-font-size-5': '24px', // NewCssVar 字号-5
+  'ti-common-font-size-6': '32px', // NewCssVar 字号-6
+  'ti-common-font-size-7': '36px', // NewCssVar 字号-7
+
+  /**
+   * 2.13 字重
+   **/
+  'ti-common-font-weight-1': '100', // 极细
+  'ti-common-font-weight-2': '200', // 纤细
+  'ti-common-font-weight-3': '300', // 细体
+  'ti-common-font-weight-4': 'normal', // 常规
+  'ti-common-font-weight-5': '500', // 中等
+  'ti-common-font-weight-6': '600', // 半粗
+  'ti-common-font-weight-7': 'bold', // 粗体
+  'ti-common-font-weight-8': '800', // 中黑
+  'ti-common-font-weight-9': '900', // 黑体
+  'ti-common-font-weight-bold': '700', // NewCssVar
+
+  /**
+   * 2.14 线颜色
+   * 用于边框，分割线等的颜色使用
+   **/
+  'ti-common-color-line-normal': 'var(--ti-base-color-common-1)', // 边框默认色
+  'ti-common-color-line-hover': 'var(--ti-base-color-brand-6)', // 边框悬浮色
+  'ti-common-color-line-active': 'var(--ti-base-color-brand-6)',
+  'ti-common-color-line-disabled': 'var(--ti-base-color-common-1)', // 边框禁用色
+  'ti-common-color-line-dividing': 'var(--ti-base-color-common-1)', // 分割线颜色
+  /* 虚线 */
+  'ti-common-color-dash-line-normal': 'var(--ti-base-color-common-5)',
+  'ti-common-color-dash-line-hover': 'var(--ti-base-color-brand-7)',
+  /* 待整改后删除 */
+  'ti-common-color-border': 'var(--ti-base-color-common-1)', // 边框默认色
+  'ti-common-color-border-hover': 'var(--ti-base-color-brand-6)', // 边框悬浮色
+
+  /**
+   * 2.15 线粗细
+   **/
+  'ti-common-border-weight-normal': '1px', // 常规
+  'ti-common-border-weight-1': '2px', // 较粗
+  'ti-common-border-weight-2': '3px', // 粗
+
+  /**
+   * 2.16 线样式
+   **/
+  'ti-common-border-style-dashed': 'dasehd', // 虚线
+  'ti-common-border-style-dotted': 'dotted', // 点线
+  'ti-common-border-style-solid': 'solid', // 实线
+
+  /**
+   * 2.17 圆角
+   **/
+  'ti-common-border-radius-normal': '2px', // 常规
+  'ti-common-border-radius-0': '0px', // 直角 未使用
+  'ti-common-border-radius-1': '4px', // 圆角-1
+  'ti-common-border-radius-2': '8px', // 圆角-2
+  'ti-common-border-radius-3': '50%', // 圆形
+
+  /**
+   * 2.18 尺寸
+   **/
+  'ti-common-size-base': '4px', // 基础尺寸
+  'ti-common-size-2x': 'calc(var(--ti-common-size-base) * 2)', // 尺寸-2
+  'ti-common-size-3x': 'calc(var(--ti-common-size-base) * 3)', // 尺寸-3
+  'ti-common-size-4x': 'calc(var(--ti-common-size-base) * 4)', // 尺寸-4
+  'ti-common-size-5x': 'calc(var(--ti-common-size-base) * 5)', // 尺寸-5
+  'ti-common-size-6x': 'calc(var(--ti-common-size-base) * 6)', // 尺寸-6
+  'ti-common-size-7x': 'calc(var(--ti-common-size-base) * 7)', // 尺寸-7
+  'ti-common-size-8x': 'calc(var(--ti-common-size-base) * 8)', // 尺寸-8
+  'ti-common-size-9x': 'calc(var(--ti-common-size-base) * 9)', // 尺寸-9
+  'ti-common-size-10x': 'calc(var(--ti-common-size-base) * 10)', // 尺寸-10
+  'ti-common-size-11x': 'calc(var(--ti-common-size-base) * 11)', // 尺寸-11
+  'ti-common-size-12x': 'calc(var(--ti-common-size-base) * 12)', // 尺寸-12
+  'ti-common-size-13x': 'calc(var(--ti-common-size-base) * 13)', // 尺寸-13
+  'ti-common-size-14x': 'calc(var(--ti-common-size-base) * 14)', // 尺寸-14
+  'ti-common-size-15x': 'calc(var(--ti-common-size-base) * 15)', // 尺寸-15
+  'ti-common-size-16x': 'calc(var(--ti-common-size-base) * 16)', // 尺寸-16
+  'ti-common-size-17x': 'calc(var(--ti-common-size-base) * 17)', // 尺寸-17
+  'ti-common-size-18x': 'calc(var(--ti-common-size-base) * 18)', // 尺寸-18
+  'ti-common-size-19x': 'calc(var(--ti-common-size-base) * 19)', // 尺寸-19
+  'ti-common-size-20x': 'calc(var(--ti-common-size-base) * 20)', // 尺寸-20
+  'ti-common-size-21x': 'calc(var(--ti-common-size-base) * 21)', // 尺寸-21
+  'ti-common-size-22x': 'calc(var(--ti-common-size-base) * 22)', // 尺寸-22
+  'ti-common-size-23x': 'calc(var(--ti-common-size-base) * 23)', // 尺寸-23
+  'ti-common-size-24x': 'calc(var(--ti-common-size-base) * 24)', // 尺寸-24
+  'ti-common-size-25x': 'calc(var(--ti-common-size-base) * 25)', // 尺寸-25
+  'ti-common-size-26x': 'calc(var(--ti-common-size-base) * 26)', // 尺寸-26
+  'ti-common-size-27x': 'calc(var(--ti-common-size-base) * 27)', // 尺寸-27
+  'ti-common-size-28x': 'calc(var(--ti-common-size-base) * 28)', // 尺寸-28
+  'ti-common-size-29x': 'calc(var(--ti-common-size-base) * 29)', // 尺寸-29
+  'ti-common-size-30x': 'calc(var(--ti-common-size-base) * 30)', // 尺寸-30
+  'ti-common-size-31x': 'calc(var(--ti-common-size-base) * 31)', // 尺寸-31
+  'ti-common-size-32x': 'calc(var(--ti-common-size-base) * 32)', // 尺寸-32
+  'ti-common-size-33x': 'calc(var(--ti-common-size-base) * 33)', // 尺寸-33
+  'ti-common-size-34x': 'calc(var(--ti-common-size-base) * 34)', // 尺寸-34
+  'ti-common-size-35x': 'calc(var(--ti-common-size-base) * 35)', // 尺寸-35
+  'ti-common-size-36x': 'calc(var(--ti-common-size-base) * 36)', // 尺寸-36
+  'ti-common-size-37x': 'calc(var(--ti-common-size-base) * 37)', // 尺寸-37
+  'ti-common-size-38x': 'calc(var(--ti-common-size-base) * 38)', // 尺寸-38
+  'ti-common-size-39x': 'calc(var(--ti-common-size-base) * 39)', // 尺寸-39
+  'ti-common-size-40x': 'calc(var(--ti-common-size-base) * 40)', // 尺寸-40
+  'ti-common-size-41x': 'calc(var(--ti-common-size-base) * 41)', // 尺寸-41
+  'ti-common-size-42x': 'calc(var(--ti-common-size-base) * 42)', // 尺寸-42
+  'ti-common-size-43x': 'calc(var(--ti-common-size-base) * 43)', // 尺寸-43
+  'ti-common-size-44x': 'calc(var(--ti-common-size-base) * 44)', // 尺寸-44
+  'ti-common-size-45x': 'calc(var(--ti-common-size-base) * 45)', // 尺寸-45
+  'ti-common-size-46x': 'calc(var(--ti-common-size-base) * 46)', // 尺寸-46
+  'ti-common-size-47x': 'calc(var(--ti-common-size-base) * 47)', // 尺寸-47
+  'ti-common-size-48x': 'calc(var(--ti-common-size-base) * 48)', // 尺寸-48
+  'ti-common-size-49x': 'calc(var(--ti-common-size-base) * 49)', // 尺寸-49
+  'ti-common-size-50x': 'calc(var(--ti-common-size-base) * 50)', // 尺寸-50
+
+  /*  其他尺寸 */
+  'ti-common-size-0': '0px', // 其他尺寸-1
+  'ti-common-size-auto': 'auto', // 其他尺寸-2
+
+  /* 以下变量是因为AUI拥有大量的large、medium、normal、minor、samll、mini尺寸， 所以下方是一些抽象尺寸、为了更好的适配AUI (button、tag、alert组件) */
+  'ti-common-size-width-large': 'var(--ti-common-size-33x)', // NewCssVar
+  'ti-common-size-width-medium': 'var(--ti-common-size-30x)', // NewCssVar
+  'ti-common-size-width-normal': 'var(--ti-common-size-20x)', // NewCssVar
+  'ti-common-size-width-minor': '30px', // NewCssVar 待删除
+
+  'ti-common-size-height-large': 'var(--ti-common-size-12x)', // NewCssVar
+  'ti-common-size-height-medium': 'var(--ti-common-size-10x)', // NewCssVar
+  'ti-common-size-height-small': 'var(--ti-common-size-8x)', // NewCssVar
+  'ti-common-size-height-normal': '30px', // NewCssVar 基本高度值（Button、Input）
+  'ti-common-size-height-mini': 'var(--ti-common-size-6x)' // NewCssVar
+}
+
+export * from './component'