@opentiny/vue-theme 3.6.7 → 3.8.2

package/input/aurora-theme.js

@@ -0,0 +1,4 @@
+export const tinyInputAuroraTheme = {
+  'ti-input-border-color': '#d9d9d9',
+  'ti-input-hover-border-color': '#1890ff'
+}

package/input/index.css

@@ -1 +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-input-text-color:var(--ti-common-color-info-normal);--ti-input-bg-color:var(--ti-common-color-light);--ti-input-font-size:var(--ti-common-font-size-base);--ti-input-height:var(--ti-common-size-height-normal);--ti-input-border-radius:var(--ti-common-border-radius-normal);--ti-input-border-color:var(--ti-common-color-border);--ti-input-hover-border-color:var(--ti-common-color-border-hover);--ti-input-active-border-color:var(--ti-base-color-brand-5);--ti-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-input-disabled-text-color:var(--ti-common-color-placeholder);--ti-input-medium-height:var(--ti-common-size-height-medium);--ti-input-small-height:var(--ti-common-size-height-small);--ti-input-mini-height:var(--ti-common-size-height-mini);--ti-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-input-disabled-border-color:var(--ti-common-color-line-disabled);--ti-input-exceed-text-color:var(--ti-base-color-bg-8);--ti-input-clear-text-color:#c0c4cc;--ti-input-icon-font-size:var(--ti-common-font-size-1);--ti-input-icon-close-text-color:#bfbfbf;--ti-input-clear-text-color-hover:var(--ti-base-color-brand-6);position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--ti-input-font-size)}.tiny-textarea.is-disabled .tiny-textarea__inner{background-color:var(--ti-input-disabled-bg-color);border-color:var(--ti-input-border-color);color:var(--ti-input-disabled-text-color);cursor:not-allowed}.tiny-textarea.is-disabled .tiny-textarea__inner::-moz-placeholder{color:var(--ti-input-placeholder-text-color);opacity:1}.tiny-textarea.is-disabled .tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea.is-exceed .tiny-textarea__inner{border-color:var(--ti-input-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count{color:var(--ti-input-exceed-text-color)}.tiny-textarea .tiny-input__count{color:#909399;background:var(--ti-input-bg-color);font-size:var(--ti-input-font-size);position:absolute;bottom:5px;right:16px}.tiny-textarea__inner{display:block;width:100%;min-height:60px;min-height:calc(var(--ti-input-height,30px) * 2);color:var(--ti-input-text-color);border:1px solid var(--ti-input-border-color);border-radius:var(--ti-input-border-radius);background:var(--ti-input-bg-color);padding:8px;line-height:1.5;font-size:inherit;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-input-placeholder-text-color);opacity:1}.tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea__inner::placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-textarea__inner:hover{border-color:var(--ti-input-hover-border-color)}.tiny-textarea__inner:focus{border-color:var(--ti-input-active-border-color)}.tiny-textarea__inner:focus,.tiny-textarea__inner:hover{outline:0}.tiny-input{--ti-input-text-color:var(--ti-common-color-info-normal);--ti-input-bg-color:var(--ti-common-color-light);--ti-input-font-size:var(--ti-common-font-size-base);--ti-input-height:var(--ti-common-size-height-normal);--ti-input-border-radius:var(--ti-common-border-radius-normal);--ti-input-border-color:var(--ti-common-color-border);--ti-input-hover-border-color:var(--ti-common-color-border-hover);--ti-input-active-border-color:var(--ti-base-color-brand-5);--ti-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-input-disabled-text-color:var(--ti-common-color-placeholder);--ti-input-medium-height:var(--ti-common-size-height-medium);--ti-input-small-height:var(--ti-common-size-height-small);--ti-input-mini-height:var(--ti-common-size-height-mini);--ti-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-input-disabled-border-color:var(--ti-common-color-line-disabled);--ti-input-exceed-text-color:var(--ti-base-color-bg-8);--ti-input-clear-text-color:#c0c4cc;--ti-input-icon-font-size:var(--ti-common-font-size-1);--ti-input-icon-close-text-color:#bfbfbf;--ti-input-clear-text-color-hover:var(--ti-base-color-brand-6);position:relative;font-size:var(--ti-input-font-size);display:inline-table;width:100%}.tiny-input::-webkit-scrollbar{z-index:11;width:6px}.tiny-input::-webkit-scrollbar:horizontal{height:6px}.tiny-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.tiny-input::-webkit-scrollbar-corner{background:#fff}.tiny-input::-webkit-scrollbar-track{background:#fff}.tiny-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.tiny-input.is-exceed .tiny-input__suffix .tiny-input__count{color:var(--ti-input-exceed-text-color)}.tiny-input.is-disabled .tiny-input__inner{cursor:not-allowed;border:1px solid var(--ti-input-disabled-border-color);color:var(--ti-input-disabled-text-color);background:var(--ti-input-disabled-bg-color)}.tiny-input.is-disabled .tiny-input__inner::-moz-placeholder{color:#999;opacity:1}.tiny-input.is-disabled .tiny-input__inner:-ms-input-placeholder{color:#999}.tiny-input.is-disabled .tiny-input__inner::-webkit-input-placeholder{color:#999}.tiny-input.is-disabled .tiny-input__inner::-ms-input-placeholder{color:#999}.tiny-input.is-disabled .tiny-input__inner::placeholder{color:#999}.tiny-input.is-disabled .tiny-input__icon{cursor:not-allowed}.tiny-input.is-disabled .tiny-input__icon.tiny-svg,.tiny-input.is-disabled .tiny-input__icon.tiny-svg:hover{fill:var(--ti-input-disabled-text-color)}.tiny-input.is-disabled .tiny-input__prefix .tiny-svg,.tiny-input.is-disabled .tiny-input__prefix .tiny-svg:hover,.tiny-input.is-disabled .tiny-input__suffix .tiny-svg,.tiny-input.is-disabled .tiny-input__suffix .tiny-svg:hover{fill:var(--ti-input-disabled-text-color)}.tiny-input.is-exceed .tiny-input__inner{border-color:var(--ti-input-exceed-text-color)}.tiny-input .tiny-input__clear{font-size:var(--ti-input-icon-font-size);cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.tiny-input .tiny-input__clear,.tiny-input .tiny-input__clear:hover{fill:var(--ti-input-icon-close-text-color)}.tiny-input .tiny-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:var(--ti-input-font-size)}.tiny-input .tiny-input__count .tiny-input__count-inner{background:var(--ti-input-bg-color);line-height:initial;display:inline-block}.tiny-input__inner{width:100%;border:1px solid var(--ti-input-border-color);border-radius:var(--ti-input-border-radius);color:var(--ti-input-text-color);background:var(--ti-input-bg-color);font-size:inherit;height:var(--ti-input-height);line-height:var(--ti-input-height);padding:0 8px;outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-input__inner::-moz-placeholder{color:var(--ti-input-placeholder-text-color);opacity:1}.tiny-input__inner:-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner::-webkit-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner::-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner::placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner:active,.tiny-input__inner:focus,.tiny-input__inner:hover{outline:0;border-color:var(--ti-input-hover-border-color)}.tiny-input__inner::-ms-clear{display:none;width:0;height:0}.tiny-input__prefix,.tiny-input__suffix{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s;transition:all .3s;text-align:center;color:var(--ti-input-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-input.is-active .tiny-input__inner,.tiny-input__inner:focus{border-color:var(--ti-input-active-border-color);outline:0}.tiny-input__suffix{right:8px;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.tiny-input__suffix:hover{cursor:pointer}.tiny-input__suffix-inner{pointer-events:all;font-size:var(--ti-common-font-size-1);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-input__prefix{left:8px;-webkit-transition:all .3s;transition:all .3s;font-size:var(--ti-input-icon-font-size)}.tiny-input__prefix>div{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-input__icon{height:100%;line-height:var(--ti-input-height);text-align:center;-webkit-transition:all .3s;transition:all .3s;font-size:var(--ti-input-icon-font-size);fill:var(--ti-input-hover-border-color)}.tiny-input__icon:hover{fill:var(--ti-input-active-border-color)}.tiny-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.tiny-input__icon .svg-operationfaild,.tiny-input__icon .svg-operationfaild:hover{fill:var(--ti-input-icon-close-text-color)}.tiny-input__validateIcon{pointer-events:none}.tiny-input-suffix .tiny-input__inner{padding-right:30px;padding-left:8px}.tiny-input-prefix .tiny-input__inner{padding-left:30px;padding-right:28px}.tiny-input-medium .tiny-input__inner{height:var(--ti-input-medium-height);line-height:var(--ti-input-medium-height)}.tiny-input-medium .tiny-input__suffix{line-height:calc(var(--ti-input-medium-height) - 2px)}.tiny-input-small .tiny-input__inner{height:var(--ti-input-small-height);line-height:var(--ti-input-small-height)}.tiny-input-small .tiny-input__suffix{line-height:calc(var(--ti-input-small-height) - 2px)}.tiny-input-mini .tiny-input__inner{height:var(--ti-input-mini-height);line-height:var(--ti-input-mini-height)}.tiny-input-mini .tiny-input__suffix{line-height:calc(var(--ti-input-mini-height) - 2px)}.tiny-input-group{--ti-input-text-color:var(--ti-common-color-info-normal);--ti-input-bg-color:var(--ti-common-color-light);--ti-input-font-size:var(--ti-common-font-size-base);--ti-input-height:var(--ti-common-size-height-normal);--ti-input-border-radius:var(--ti-common-border-radius-normal);--ti-input-border-color:var(--ti-common-color-border);--ti-input-hover-border-color:var(--ti-common-color-border-hover);--ti-input-active-border-color:var(--ti-base-color-brand-5);--ti-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-input-disabled-text-color:var(--ti-common-color-placeholder);--ti-input-medium-height:var(--ti-common-size-height-medium);--ti-input-small-height:var(--ti-common-size-height-small);--ti-input-mini-height:var(--ti-common-size-height-mini);--ti-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-input-disabled-border-color:var(--ti-common-color-line-disabled);--ti-input-exceed-text-color:var(--ti-base-color-bg-8);--ti-input-clear-text-color:#c0c4cc;--ti-input-icon-font-size:var(--ti-common-font-size-1);--ti-input-icon-close-text-color:#bfbfbf;--ti-input-clear-text-color-hover:var(--ti-base-color-brand-6);line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.tiny-input-group>.tiny-input__inner{vertical-align:middle;display:table-cell}.tiny-input-group__append,.tiny-input-group__prepend{background-color:var(--ti-input-disabled-bg-color);color:var(--ti-input-placeholder-text-color);border:1px solid var(--ti-input-border-color);border-radius:var(--ti-input-border-radius);padding:0 20px;width:1px;vertical-align:middle;display:table-cell;position:relative;white-space:nowrap}.tiny-input-group__append:focus,.tiny-input-group__prepend:focus{outline:0}.tiny-input-group__append .tiny-button,.tiny-input-group__append .tiny-select,.tiny-input-group__prepend .tiny-button,.tiny-input-group__prepend .tiny-select{display:inline-block;margin:-10px -20px}.tiny-input-group__append .tiny-button,.tiny-input-group__append .tiny-input,.tiny-input-group__prepend .tiny-button,.tiny-input-group__prepend .tiny-input{font-size:inherit}.tiny-input-group__append button.tiny-button,.tiny-input-group__append div.tiny-select .tiny-input__inner,.tiny-input-group__append div.tiny-select:hover .tiny-input__inner,.tiny-input-group__prepend button.tiny-button,.tiny-input-group__prepend div.tiny-select .tiny-input__inner,.tiny-input-group__prepend div.tiny-select:hover .tiny-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.tiny-input-group__append .tiny-select .tiny-input.is-focus .tiny-input__inner,.tiny-input-group__prepend .tiny-select .tiny-input.is-focus .tiny-input__inner{border-color:transparent}.tiny-input-group-prepend .tiny-input__inner,.tiny-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.tiny-input-group-append .tiny-input__suffix{top:calc(50% - 7px)}.tiny-input-group-append .tiny-input__inner,.tiny-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.tiny-input-group__prepend{border-right:0}.tiny-input-group__append{border-left:0}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;vertical-align:text-top;-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-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-input{--ti-input-text-color:var(--ti-common-color-text-primary);--ti-input-bg-color:var(--ti-common-color-icon-white);--ti-input-font-size:var(--ti-common-font-size-base);--ti-input-count-font-size:var(--ti-common-font-size-base);--ti-input-height:var(--ti-common-size-height-normal);--ti-input-border-radius:var(--ti-common-border-radius-normal);--ti-input-border-color:var(--ti-common-color-border);--ti-input-hover-border-color:var(--ti-common-color-border-hover);--ti-input-active-border-color:var(--ti-common-color-line-active);--ti-input-icon-color:var(--ti-common-color-border-hover);--ti-input-focus-icon-color:var(--ti-common-color-border-hover);--ti-input-suffix-icon-color:var(--ti-common-color-border-hover);--ti-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-input-disabled-text-color:var(--ti-common-color-text-disabled);--ti-input-medium-height:var(--ti-common-size-height-medium);--ti-input-small-height:var(--ti-common-size-height-small);--ti-input-mini-height:var(--ti-common-size-height-mini);--ti-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-input-disabled-border-color:var(--ti-common-color-line-disabled);--ti-input-exceed-text-color:var(--ti-common-bg-primary);--ti-input-clear-text-color:var(--ti-common-color-icon-graybg-normal);--ti-input-icon-font-size:var(--ti-common-font-size-1);--ti-input-icon-close-text-color:var(--ti-common-color-icon-graybg-active);--ti-input-clear-text-color-hover:var(--ti-common-color-icon-hover);--ti-input-textarea-count-color:var(--ti-common-color-text-weaken);--ti-input-textarea-padding-vertical:var(--ti-common-space-2x);--ti-input-textarea-padding-horizontal:var(--ti-common-space-2x);--ti-input-count-color:var(--ti-common-color-text-weaken);--ti-input-padding-vertical:var(--ti-common-space-0);--ti-input-padding-horizontal:var(--ti-common-space-2x);--ti-input-suffix-padding-right:calc(var(--ti-common-space-8x) - 2px);--ti-input-suffix-padding-left:var(--ti-common-space-2x);--ti-input-prefix-padding-right:calc(var(--ti-common-space-8x) - 4px);--ti-input-prefix-padding-left:calc(var(--ti-common-space-8x) - 2px);--ti-input-suffix-right:var(--ti-common-space-2x);--ti-input-count-textlength-color:var(--ti-common-color-text-weaken);--ti-input-suffix-icon-width:1em;--ti-input-suffix-icon-height:1em;--ti-input-placeholder-color:var(--ti-common-color-placeholder);position:relative;font-size:var(--ti-input-font-size);display:inline-table;width:100%}.tiny-input::-webkit-scrollbar{z-index:11;width:6px}.tiny-input::-webkit-scrollbar:horizontal{height:6px}.tiny-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.tiny-input::-webkit-scrollbar-corner{background:#fff}.tiny-input::-webkit-scrollbar-track{background:#fff}.tiny-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.tiny-input.is-exceed .tiny-input__suffix .tiny-input__count{color:var(--ti-input-exceed-text-color)}.tiny-input.is-exceed .tiny-input__suffix .tiny-input__count-text-length{color:var(--ti-input-exceed-text-color)}.tiny-input.is-disabled .tiny-input__inner{cursor:not-allowed;border:1px solid var(--ti-input-disabled-border-color);color:var(--ti-input-disabled-text-color);background:var(--ti-input-disabled-bg-color)}.tiny-input.is-disabled .tiny-input__inner::-moz-placeholder{color:var(--ti-input-placeholder-color);opacity:1}.tiny-input.is-disabled .tiny-input__inner:-ms-input-placeholder{color:var(--ti-input-placeholder-color)}.tiny-input.is-disabled .tiny-input__inner::-webkit-input-placeholder{color:var(--ti-input-placeholder-color)}.tiny-input.is-disabled .tiny-input__inner::-ms-input-placeholder{color:var(--ti-input-placeholder-color)}.tiny-input.is-disabled .tiny-input__inner::placeholder{color:var(--ti-input-placeholder-color)}.tiny-input.is-disabled .tiny-input__icon{cursor:not-allowed}.tiny-input.is-disabled .tiny-input__icon.tiny-svg,.tiny-input.is-disabled .tiny-input__icon.tiny-svg:hover{fill:var(--ti-input-disabled-text-color)}.tiny-input.is-disabled .tiny-input__prefix .tiny-svg,.tiny-input.is-disabled .tiny-input__prefix .tiny-svg:hover,.tiny-input.is-disabled .tiny-input__suffix .tiny-svg,.tiny-input.is-disabled .tiny-input__suffix .tiny-svg:hover{fill:var(--ti-input-disabled-text-color)}.tiny-input.is-exceed .tiny-input__inner{border-color:var(--ti-input-exceed-text-color)}.tiny-input .tiny-input__clear{font-size:var(--ti-input-icon-font-size);cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.tiny-input .tiny-input__clear,.tiny-input .tiny-input__clear:hover{fill:var(--ti-input-icon-close-text-color)}.tiny-input .tiny-input__count{height:100%;position:absolute;right:-1px;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-input-count-color);font-size:var(--ti-input-count-font-size)}.tiny-input .tiny-input__count .tiny-input__count-inner{background:var(--ti-input-bg-color);line-height:initial;display:inline-block}.tiny-input .tiny-input__count-text-length{color:var(--ti-input-count-textlength-color)}.tiny-input__inner{width:100%;border:1px solid var(--ti-input-border-color);border-radius:var(--ti-input-border-radius);color:var(--ti-input-text-color);background:var(--ti-input-bg-color);font-size:var(--ti-input-font-size);height:var(--ti-input-height);line-height:var(--ti-input-height);padding:var(--ti-input-padding-vertical) var(--ti-input-padding-horizontal);outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-input__inner::-moz-placeholder{color:var(--ti-input-placeholder-text-color);opacity:1}.tiny-input__inner:-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner::-webkit-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner::-ms-input-placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner::placeholder{color:var(--ti-input-placeholder-text-color)}.tiny-input__inner:active,.tiny-input__inner:focus,.tiny-input__inner:hover{outline:0;border-color:var(--ti-input-hover-border-color)}.tiny-input__inner:focus~.tiny-input__suffix svg{fill:var(--ti-input-focus-icon-color)}.tiny-input__inner::-ms-clear{display:none;width:0;height:0}.tiny-input__prefix,.tiny-input__suffix{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s;transition:all .3s;text-align:center;color:var(--ti-input-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-input__prefix svg,.tiny-input__suffix svg{fill:var(--ti-input-suffix-icon-color)}.tiny-input.is-active .tiny-input__inner,.tiny-input__inner:focus{border-color:var(--ti-input-active-border-color);outline:0}.tiny-input__suffix{right:var(--ti-input-suffix-right);-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.tiny-input__suffix:hover{cursor:pointer}.tiny-input__suffix-inner{pointer-events:all;font-size:var(--ti-common-font-size-1);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-input__suffix-inner:hover svg{fill:var(--ti-input-focus-icon-color)}.tiny-input__prefix{left:8px;-webkit-transition:all .3s;transition:all .3s;font-size:var(--ti-input-icon-font-size)}.tiny-input__prefix>div{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-input__icon{height:100%;line-height:var(--ti-input-height);text-align:center;-webkit-transition:all .3s;transition:all .3s;font-size:var(--ti-input-icon-font-size);fill:var(--ti-input-icon-color);width:var(--ti-input-suffix-icon-width);height:var(--ti-input-suffix-icon-height)}.tiny-input__icon:hover{fill:var(--ti-input-icon-active-border-color)}.tiny-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.tiny-input__icon .svg-operationfaild,.tiny-input__icon .svg-operationfaild:hover{fill:var(--ti-input-icon-close-text-color)}.tiny-input__validateIcon{pointer-events:none}.tiny-input-suffix .tiny-input__inner{padding-right:var(--ti-input-suffix-padding-right);padding-left:var(--ti-input-suffix-padding-left)}.tiny-input-prefix .tiny-input__inner{padding-left:var(--ti-input-prefix-padding-left);padding-right:var(--ti-input-prefix-padding-right)}.tiny-input-medium .tiny-input__inner{height:var(--ti-input-medium-height);line-height:var(--ti-input-medium-height)}.tiny-input-medium .tiny-input__suffix{line-height:calc(var(--ti-input-medium-height) - 2px)}.tiny-input-small .tiny-input__inner{height:var(--ti-input-small-height);line-height:var(--ti-input-small-height)}.tiny-input-small .tiny-input__suffix{line-height:calc(var(--ti-input-small-height) - 2px)}.tiny-input-mini .tiny-input__inner{height:var(--ti-input-mini-height);line-height:var(--ti-input-mini-height)}.tiny-input-mini .tiny-input__suffix{line-height:calc(var(--ti-input-mini-height) - 2px)}.tiny-input-group{--ti-input-text-color:var(--ti-common-color-text-primary);--ti-input-bg-color:var(--ti-common-color-icon-white);--ti-input-font-size:var(--ti-common-font-size-base);--ti-input-count-font-size:var(--ti-common-font-size-base);--ti-input-height:var(--ti-common-size-height-normal);--ti-input-border-radius:var(--ti-common-border-radius-normal);--ti-input-border-color:var(--ti-common-color-border);--ti-input-hover-border-color:var(--ti-common-color-border-hover);--ti-input-active-border-color:var(--ti-common-color-line-active);--ti-input-icon-color:var(--ti-common-color-border-hover);--ti-input-focus-icon-color:var(--ti-common-color-border-hover);--ti-input-suffix-icon-color:var(--ti-common-color-border-hover);--ti-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-input-disabled-text-color:var(--ti-common-color-text-disabled);--ti-input-medium-height:var(--ti-common-size-height-medium);--ti-input-small-height:var(--ti-common-size-height-small);--ti-input-mini-height:var(--ti-common-size-height-mini);--ti-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-input-disabled-border-color:var(--ti-common-color-line-disabled);--ti-input-exceed-text-color:var(--ti-common-bg-primary);--ti-input-clear-text-color:var(--ti-common-color-icon-graybg-normal);--ti-input-icon-font-size:var(--ti-common-font-size-1);--ti-input-icon-close-text-color:var(--ti-common-color-icon-graybg-active);--ti-input-clear-text-color-hover:var(--ti-common-color-icon-hover);--ti-input-textarea-count-color:var(--ti-common-color-text-weaken);--ti-input-textarea-padding-vertical:var(--ti-common-space-2x);--ti-input-textarea-padding-horizontal:var(--ti-common-space-2x);--ti-input-count-color:var(--ti-common-color-text-weaken);--ti-input-padding-vertical:var(--ti-common-space-0);--ti-input-padding-horizontal:var(--ti-common-space-2x);--ti-input-suffix-padding-right:calc(var(--ti-common-space-8x) - 2px);--ti-input-suffix-padding-left:var(--ti-common-space-2x);--ti-input-prefix-padding-right:calc(var(--ti-common-space-8x) - 4px);--ti-input-prefix-padding-left:calc(var(--ti-common-space-8x) - 2px);--ti-input-suffix-right:var(--ti-common-space-2x);--ti-input-count-textlength-color:var(--ti-common-color-text-weaken);--ti-input-suffix-icon-width:1em;--ti-input-suffix-icon-height:1em;--ti-input-placeholder-color:var(--ti-common-color-placeholder);line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.tiny-input-group>.tiny-input__inner{vertical-align:middle;display:table-cell}.tiny-input-group__append,.tiny-input-group__prepend{background-color:var(--ti-input-disabled-bg-color);color:var(--ti-input-placeholder-text-color);border:1px solid var(--ti-input-border-color);border-radius:var(--ti-input-border-radius);padding:0 20px;width:1px;vertical-align:middle;display:table-cell;position:relative;white-space:nowrap}.tiny-input-group__append:focus,.tiny-input-group__prepend:focus{outline:0}.tiny-input-group__append .tiny-button,.tiny-input-group__append .tiny-select,.tiny-input-group__prepend .tiny-button,.tiny-input-group__prepend .tiny-select{display:inline-block;margin:-10px -20px}.tiny-input-group__append .tiny-button,.tiny-input-group__append .tiny-input,.tiny-input-group__prepend .tiny-button,.tiny-input-group__prepend .tiny-input{font-size:inherit}.tiny-input-group__append button.tiny-button,.tiny-input-group__append div.tiny-select .tiny-input__inner,.tiny-input-group__append div.tiny-select:hover .tiny-input__inner,.tiny-input-group__prepend button.tiny-button,.tiny-input-group__prepend div.tiny-select .tiny-input__inner,.tiny-input-group__prepend div.tiny-select:hover .tiny-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.tiny-input-group__append .tiny-select .tiny-input.is-focus .tiny-input__inner,.tiny-input-group__prepend .tiny-select .tiny-input.is-focus .tiny-input__inner{border-color:transparent}.tiny-input-group-prepend .tiny-input__inner,.tiny-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.tiny-input-group-append .tiny-input__suffix{top:calc(50% - 7px)}.tiny-input-group-append .tiny-input__inner,.tiny-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.tiny-input-group__prepend{border-right:0}.tiny-input-group__append{border-left:0}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;vertical-align:text-top;-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/input/smb-theme.js

@@ -0,0 +1,19 @@
+export const tinyInputSmbTheme = {
+  'ti-input-border-color': 'var(--ti-common-color-line-normal)',
+  'ti-input-hover-border-color': 'var(--ti-common-color-line-hover)',
+  'ti-input-border-radius': 'var(--ti-common-border-radius-3)',
+  'ti-input-padding-horizontal': 'var(--ti-common-space-3x)',
+  'ti-input-icon-color': '#808080',
+  'ti-input-focus-icon-color': 'var(--ti-common-color-icon-normal)',
+  'ti-input-count-font-size': 'var(--ti-common-font-size-0)',
+  'ti-input-suffix-right': '12px',
+  'ti-input-suffix-icon-color': '#808080',
+  'ti-input-count-textlength-color': 'var(--ti-common-color-text-primary)',
+  'ti-input-suffix-padding-left': 'var(--ti-common-space-3x)',
+  'ti-input-disabled-text-color': 'var(--ti-common-color-text-disabled)',
+  'ti-input-disabled-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-input-suffix-icon-width': '16px',
+  'ti-input-suffix-icon-height': '16px',
+  'ti-input-font-size': 'var(--ti-common-font-size-1)',
+  'ti-input-placeholder-color': '#808080'
+}

package/ip-address/aurora-theme.js

@@ -0,0 +1,4 @@
+export const tinyIpAddressAuroraTheme = {
+  'ti-ip-address-normal-height': 'calc(var(--ti-common-size-base) * 7.5)',
+  'ti-ip-address-input-width': 'var(--ti-common-size-16x)'
+}

package/ip-address/index.css

@@ -1 +1 @@
-.tiny-ip-address{--ti-ip-address-normal-height:var(--ti-common-size-height-normal);--ti-ip-address-normal-text-color:var(--ti-common-color-info-normal);--ti-ip-address-icon-color:var(--ti-common-color-info-normal);--ti-ip-address-normal-disabled-text-color:var(--ti-common-color-placeholder);--ti-ip-address-normal-border-color:var(--ti-common-color-border);--ti-ip-address-normal-bg-color:var(--ti-common-color-light);--ti-ip-address-border-radius:var(--ti-common-border-radius-normal);--ti-ip-address-font-size:var(--ti-common-font-size-base);--ti-ip-address-border-color-hover:var(--ti-base-color-brand-6);--ti-ip-address-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-ip-address-disabled-border-color:var(--ti-common-color-line-disabled);width:270px;max-width:100%;outline:0;display:inline-table;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-ip-address__input{position:relative;padding:0;width:100%;height:var(--ti-ip-address-normal-height);border:1px solid var(--ti-ip-address-normal-border-color);color:var(--ti-ip-address-normal-text-color);border-radius:var(--ti-ip-address-border-radius);background:var(--ti-ip-address-normal-bg-color);font-size:var(--ti-ip-address-font-size);padding:0 8px;display:block;white-space:nowrap;background-image:none;-ms-user-select:auto;-webkit-user-select:auto;-o-user-select:auto;-moz-user-select:auto;user-select:auto;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-ip-address__input.readonly,.tiny-ip-address__input[readonly]{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}.tiny-ip-address__input.readonly.active,.tiny-ip-address__input.readonly:active,.tiny-ip-address__input.readonly:focus,.tiny-ip-address__input.readonly:hover,.tiny-ip-address__input.readonly[active],.tiny-ip-address__input[readonly].active,.tiny-ip-address__input[readonly]:active,.tiny-ip-address__input[readonly]:focus,.tiny-ip-address__input[readonly]:hover,.tiny-ip-address__input[readonly][active]{border-color:var(--ti-ip-address-border-color-hover)}.tiny-ip-address__input::-moz-placeholder{color:var(--ti-ip-address-normal-disabled-text-color);opacity:1}.tiny-ip-address__input:-ms-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input::-webkit-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input::-ms-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input::placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input:hover{border:1px solid var(--ti-ip-address-border-color-hover);color:var(--ti-ip-address-normal-text-color)}.tiny-ip-address__input:hover::-moz-placeholder{color:var(--ti-ip-address-normal-disabled-text-color);opacity:1}.tiny-ip-address__input:hover:-ms-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input:hover::-webkit-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input:hover::-ms-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input:hover::placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input.active,.tiny-ip-address__input:active,.tiny-ip-address__input:focus,.tiny-ip-address__input[active]{border:1px solid var(--ti-ip-address-border-color-hover);color:var(--ti-ip-address-normal-text-color)}.tiny-ip-address__input:focus::-moz-placeholder{color:#d9d9d9;opacity:1}.tiny-ip-address__input:focus:-ms-input-placeholder{color:#d9d9d9}.tiny-ip-address__input:focus::-webkit-input-placeholder{color:#d9d9d9}.tiny-ip-address__input:focus::-ms-input-placeholder{color:#d9d9d9}.tiny-ip-address__input:focus::placeholder{color:#d9d9d9}.tiny-ip-address__input.disabled,.tiny-ip-address__input[disabled]{cursor:not-allowed;pointer-events:none;border:1px solid var(--ti-ip-address-disabled-border-color);color:var(--ti-ip-address-normal-disabled-text-color);background:var(--ti-ip-address-disabled-bg-color);-webkit-box-shadow:none;box-shadow:none}.tiny-ip-address__input.disabled .tiny-svg,.tiny-ip-address__input[disabled] .tiny-svg{fill:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input li{float:left;overflow:hidden;width:25%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-ip-address__input li>input{border:none;text-align:center;outline:0;background:0 0;color:var(--ti-ip-address-normal-text-color);width:calc(100% - 12px);float:left;height:calc(var(--ti-ip-address-normal-height) - 2px);line-height:calc(var(--ti-ip-address-normal-height) - 2px);padding:0}.tiny-ip-address__input li>input.active,.tiny-ip-address__input li>input:active,.tiny-ip-address__input li>input:focus,.tiny-ip-address__input li>input[active]{color:var(--ti-ip-address-normal-text-color)}.tiny-ip-address__input li>input:hover{color:var(--ti-ip-address-normal-text-color)}.tiny-ip-address__input li>input.disabled,.tiny-ip-address__input li>input[disabled]{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input li svg{vertical-align:middle;fill:var(--ti-ip-address-icon-color)}.tiny-ip-address__input li:last-child>svg{display:none}.tiny-ip-address__input li:last-child>input{width:100%}.tiny-ip-address__input li:only-child{width:100%}.tiny-ip-address__input li:only-child>input{width:100%;text-align:left;padding:0 8px}
+.tiny-ip-address{--ti-ip-address-normal-height:var(--ti-common-size-7x);--ti-ip-address-normal-width:calc(var(--ti-common-size-base) * 40);--ti-ip-address-only-child-padding-vertical:var(--ti-common-space-0);--ti-ip-address-only-child-padding-horizontal:var(--ti-common-space-2x);--ti-ip-address-normal-text-color:var(--ti-common-color-info-normal);--ti-ip-address-icon-color:var(--ti-common-color-info-normal);--ti-ip-address-icon-width:calc(var(--ti-common-size-base) * 2.5);--ti-ip-address-icon-height:var(--ti-ip-address-icon-width);--ti-ip-address-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-ip-address-normal-border-color:var(--ti-common-color-border);--ti-ip-address-normal-bg-color:var(--ti-common-color-light);--ti-ip-address-border-radius:var(--ti-common-border-radius-normal);--ti-ip-address-font-size:var(--ti-common-font-size-base);--ti-ip-address-normal-font-family:var(--ti-common-font-family);--ti-ip-address-line-height:var(--ti-common-line-height-2);--ti-ip-address-border-color-focus:var(--ti-common-color-line-active);--ti-ip-address-border-color-hover:var(--ti-common-color-line-hover);--ti-ip-address-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-ip-address-disabled-border-color:var(--ti-common-color-line-disabled);--ti-ip-address-input-width:var(--ti-common-size-8x);width:var(--ti-ip-address-normal-width);max-width:100%;outline:0;display:inline-table;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-ip-address__input{position:relative;width:100%;height:var(--ti-ip-address-normal-height);line-height:var(--ti-ip-address-line-height);border:1px solid var(--ti-ip-address-normal-border-color);color:var(--ti-ip-address-normal-text-color);border-radius:var(--ti-ip-address-border-radius);background:var(--ti-ip-address-normal-bg-color);font-size:var(--ti-ip-address-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;background-image:none;-ms-user-select:auto;-webkit-user-select:auto;-o-user-select:auto;-moz-user-select:auto;user-select:auto;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-ip-address__input.readonly,.tiny-ip-address__input[readonly]{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}.tiny-ip-address__input.readonly.active,.tiny-ip-address__input.readonly:active,.tiny-ip-address__input.readonly:focus,.tiny-ip-address__input.readonly:hover,.tiny-ip-address__input.readonly[active],.tiny-ip-address__input[readonly].active,.tiny-ip-address__input[readonly]:active,.tiny-ip-address__input[readonly]:focus,.tiny-ip-address__input[readonly]:hover,.tiny-ip-address__input[readonly][active]{border-color:var(--ti-ip-address-border-color-hover)}.tiny-ip-address__input::-moz-placeholder{color:var(--ti-ip-address-normal-disabled-text-color);opacity:1}.tiny-ip-address__input:-ms-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input::-webkit-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input::-ms-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input::placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input:hover{cursor:pointer;border:1px solid var(--ti-ip-address-border-color-hover);color:var(--ti-ip-address-normal-text-color)}.tiny-ip-address__input:hover::-moz-placeholder{color:var(--ti-ip-address-normal-disabled-text-color);opacity:1}.tiny-ip-address__input:hover:-ms-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input:hover::-webkit-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input:hover::-ms-input-placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input:hover::placeholder{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input.active,.tiny-ip-address__input:active,.tiny-ip-address__input:focus,.tiny-ip-address__input[active]{border:1px solid var(--ti-ip-address-border-color-focus);color:var(--ti-ip-address-normal-text-color)}.tiny-ip-address__input:focus::-moz-placeholder{color:#d9d9d9;opacity:1}.tiny-ip-address__input:focus:-ms-input-placeholder{color:#d9d9d9}.tiny-ip-address__input:focus::-webkit-input-placeholder{color:#d9d9d9}.tiny-ip-address__input:focus::-ms-input-placeholder{color:#d9d9d9}.tiny-ip-address__input:focus::placeholder{color:#d9d9d9}.tiny-ip-address__input.disabled,.tiny-ip-address__input[disabled]{cursor:not-allowed;pointer-events:none;border:1px solid var(--ti-ip-address-disabled-border-color);color:var(--ti-ip-address-normal-disabled-text-color);background:var(--ti-ip-address-disabled-bg-color);-webkit-box-shadow:none;box-shadow:none}.tiny-ip-address__input.disabled .tiny-svg,.tiny-ip-address__input[disabled] .tiny-svg{fill:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input li{float:left;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-ip-address__input li>input{border:none;text-align:center;outline:0;background:0 0;color:var(--ti-ip-address-normal-text-color);font-family:var(--ti-ip-address-normal-font-family);width:var(--ti-ip-address-input-width);float:left;height:calc(var(--ti-ip-address-normal-height) - 2px);line-height:var(--ti-ip-address-line-height);padding:0}.tiny-ip-address__input li>input.active,.tiny-ip-address__input li>input:active,.tiny-ip-address__input li>input:focus,.tiny-ip-address__input li>input[active]{color:var(--ti-ip-address-normal-text-color)}.tiny-ip-address__input li>input:hover{cursor:pointer;color:var(--ti-ip-address-normal-text-color)}.tiny-ip-address__input li>input.disabled,.tiny-ip-address__input li>input[disabled]{color:var(--ti-ip-address-normal-disabled-text-color)}.tiny-ip-address__input li svg{vertical-align:middle;fill:var(--ti-ip-address-icon-color);width:var(--ti-ip-address-icon-width);height:var(--ti-ip-address-icon-height)}.tiny-ip-address__input li:last-child>svg{display:none}.tiny-ip-address__input li:only-child{width:100%}.tiny-ip-address__input li:only-child>input{width:100%;text-align:left;padding:var(--ti-ip-address-only-child-padding-vertical) var(--ti-ip-address-only-child-padding-horizontal)}

package/ip-address/smb-theme.js

@@ -0,0 +1,10 @@
+export const tinyIpAddressSmbTheme = {
+  'ti-ip-address-normal-width': 'calc(var(--ti-common-size-base) * 45.5)',
+  'ti-ip-address-normal-height': 'var(--ti-common-size-8x)',
+  'ti-ip-address-font-size': 'var(--ti-common-font-size-1)',
+  'ti-ip-address-line-height': 'var(--ti-common-line-height-1)',
+  'ti-ip-address-input-width': 'var(--ti-common-size-8x)',
+  'ti-ip-address-disabled-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-ip-address-normal-font-family': '"Manrop","Manrope-Medium"',
+  'ti-ip-address-normal-border-color': 'var(--ti-common-color-line-normal)'
+}

package/link/index.css

@@ -1 +1 @@
-.tiny-link{--ti-link-font-size:var(--ti-common-font-size-1);--ti-link-font-weight:var(--ti-common-font-weight-5);--ti-link-border-color:var(--ti-base-color-brand-6);--ti-link-default-text-color:#606266;--ti-link-default-border-color:var(--ti-base-color-brand-6);--ti-link-default-hover-text-color:var(--ti-base-color-brand-7);--ti-link-default-disabled-text-color:#c0c4cc;--ti-link-primary-text-color:var(--ti-base-color-brand-6);--ti-link-primary-border-color:var(--ti-base-color-brand-6);--ti-link-primary-hover-text-color:var(--ti-base-color-brand-5);--ti-link-primary-disabled-text-color:var(--ti-common-color-primary-disabled, #a0cfff);--ti-link-danger-text-color:var(--ti-base-color-bg-8);--ti-link-danger-border-color:var(--ti-base-color-bg-8);--ti-link-danger-hover-text-color:var(--ti-base-color-bg-7);--ti-link-danger-disabled-text-color:var(--ti-common-color-danger-disabled, #d8bab5);--ti-link-success-text-color:var(--ti-common-color-success-normal);--ti-link-success-border-color:var(--ti-common-color-success-normal);--ti-link-success-hover-text-color:var(--ti-common-color-success-hover);--ti-link-success-disabled-text-color:var(--ti-common-color-success-disabled, #a6c3b9);--ti-link-warning-text-color:var(--ti-common-color-warning-normal);--ti-link-warning-border-color:var(--ti-common-color-warning-normal);--ti-link-warning-hover-text-color:var(--ti-common-color-warning-hover);--ti-link-warning-disabled-text-color:var(--ti-common-color-warning-disabled, #d3c6a2);--ti-link-info-text-color:var(--ti-common-color-info-normal);--ti-link-info-border-color:var(--ti-common-color-info-normal);--ti-link-info-hover-text-color:var(--ti-common-color-info-hover);--ti-link-info-disabled-text-color:var(--ti-common-color-info-disabled, #bfbfbf);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--ti-link-font-size);font-weight:var(--ti-link-font-weight)}.tiny-link.is-underline:hover:after{content:'';position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--ti-link-border-color)}.tiny-link.is-disabled{cursor:not-allowed}.tiny-link.tiny-link--default{color:var(--ti-link-default-text-color);fill:var(--ti-link-default-text-color)}.tiny-link.tiny-link--default.is-underline:hover:after,.tiny-link.tiny-link--default:after{border-color:var(--ti-link-default-border-color)}.tiny-link.tiny-link--default:hover{color:var(--ti-link-default-hover-text-color);fill:var(--ti-link-default-hover-text-color);text-decoration:none}.tiny-link.tiny-link--default.is-disabled{color:var(--ti-link-default-disabled-text-color);fill:var(--ti-link-default-disabled-text-color)}.tiny-link.tiny-link--primary{color:var(--ti-link-primary-text-color);fill:var(--ti-link-primary-text-color)}.tiny-link.tiny-link--primary.is-underline:hover:after,.tiny-link.tiny-link--primary:after{border-color:var(--ti-link-primary-border-color)}.tiny-link.tiny-link--primary:hover{color:var(--ti-link-primary-hover-text-color);fill:var(--ti-link-primary-hover-text-color);text-decoration:none}.tiny-link.tiny-link--primary.is-disabled{color:var(--ti-link-primary-disabled-text-color);fill:var(--ti-link-primary-disabled-text-color)}.tiny-link.tiny-link--danger{color:var(--ti-link-danger-text-color);fill:var(--ti-link-danger-text-color)}.tiny-link.tiny-link--danger.is-underline:hover:after,.tiny-link.tiny-link--danger:after{border-color:var(--ti-link-danger-border-color)}.tiny-link.tiny-link--danger:hover{color:var(--ti-link-danger-hover-text-color);fill:var(--ti-link-danger-hover-text-color);text-decoration:none}.tiny-link.tiny-link--danger.is-disabled{color:var(--ti-link-danger-disabled-text-color);fill:var(--ti-link-danger-disabled-text-color)}.tiny-link.tiny-link--success{color:var(--ti-link-success-text-color);fill:var(--ti-link-success-text-color)}.tiny-link.tiny-link--success.is-underline:hover:after,.tiny-link.tiny-link--success:after{border-color:var(--ti-link-success-border-color)}.tiny-link.tiny-link--success:hover{color:var(--ti-link-success-hover-text-color);fill:var(--ti-link-success-hover-text-color);text-decoration:none}.tiny-link.tiny-link--success.is-disabled{color:var(--ti-link-success-disabled-text-color);fill:var(--ti-link-success-disabled-text-color)}.tiny-link.tiny-link--warning{color:var(--ti-link-warning-text-color);fill:var(--ti-link-warning-text-color)}.tiny-link.tiny-link--warning.is-underline:hover:after,.tiny-link.tiny-link--warning:after{border-color:var(--ti-link-warning-border-color)}.tiny-link.tiny-link--warning:hover{color:var(--ti-link-warning-hover-text-color);fill:var(--ti-link-warning-hover-text-color);text-decoration:none}.tiny-link.tiny-link--warning.is-disabled{color:var(--ti-link-warning-disabled-text-color);fill:var(--ti-link-warning-disabled-text-color)}.tiny-link.tiny-link--info{color:var(--ti-link-info-text-color);fill:var(--ti-link-info-text-color)}.tiny-link.tiny-link--info.is-underline:hover:after,.tiny-link.tiny-link--info:after{border-color:var(--ti-link-info-border-color)}.tiny-link.tiny-link--info:hover{color:var(--ti-link-info-hover-text-color);fill:var(--ti-link-info-hover-text-color);text-decoration:none}.tiny-link.tiny-link--info.is-disabled{color:var(--ti-link-info-disabled-text-color);fill:var(--ti-link-info-disabled-text-color)}
+.tiny-link{--ti-link-font-size:var(--ti-common-font-size-1);--ti-link-font-weight:var(--ti-common-font-weight-5);--ti-link-border-color:var(--ti-common-color-line-active);--ti-link-display:inline;--ti-link-svg-width:1em;--ti-link-svg-height:1em;--ti-link-svg-margin-right:0px;--ti-link-icon-hover-text-weight:var(--ti-common-font-weight-5);--ti-link-default-border-display:none;--ti-link-default-text-color:var(--ti-common-color-info-text);--ti-link-default-border-color:var(--ti-common-color-line-active);--ti-link-default-hover-text-color:var(--ti-common-color-text-link);--ti-link-default-disabled-text-color:var(--ti-common-color-info-disabled);--ti-link-default-hover-border-color:var(--ti-link-default-hover-text-color);--ti-link-primary-text-color:var(--ti-common-color-primary-normal);--ti-link-primary-border-color:var(--ti-common-color-line-active);--ti-link-primary-hover-text-color:var(--ti-common-color-primary-hover);--ti-link-primary-disabled-text-color:var(--ti-common-color-primary-disabled);--ti-link-danger-text-color:var(--ti-common-bg-primary);--ti-link-danger-border-color:var(--ti-common-bg-primary);--ti-link-danger-hover-text-color:var(--ti-common-bg-primary-hover);--ti-link-danger-disabled-text-color:var(--ti-common-color-danger-disabled);--ti-link-success-text-color:var(--ti-common-color-success-normal);--ti-link-success-border-color:var(--ti-common-color-success-normal);--ti-link-success-hover-text-color:var(--ti-common-color-success-hover);--ti-link-success-disabled-text-color:var(--ti-common-color-success-disabled);--ti-link-warning-text-color:var(--ti-common-color-warning-normal);--ti-link-warning-border-color:var(--ti-common-color-warning-normal);--ti-link-warning-hover-text-color:var(--ti-common-color-warning-hover);--ti-link-warning-disabled-text-color:var(--ti-common-color-warning-disabled);--ti-link-info-text-color:var(--ti-common-color-info-normal);--ti-link-info-border-color:var(--ti-common-color-info-normal);--ti-link-info-hover-text-color:var(--ti-common-color-info-hover);--ti-link-info-disabled-text-color:var(--ti-common-color-info-disabled);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--ti-link-font-size);font-weight:var(--ti-link-font-weight)}.tiny-link .tiny-svg{width:var(--ti-link-svg-width);height:var(--ti-link-svg-height);margin-right:0;margin-left:var(--ti-link-svg-margin-right)}.tiny-link .tiny-link-svg{margin-right:var(--ti-link-svg-margin-right);margin-left:0}.tiny-link .tiny-link__inner .tiny-svg{margin-right:0;margin-left:var(--ti-link-svg-margin-right)}.tiny-link.tiny-link--additional:after{content:'';position:absolute;left:0;right:0;height:0;bottom:1px;display:var(--ti-link-default-border-display);border-bottom:1px;border-bottom-style:solid;border-bottom-color:var(--ti-link-default-border-color)}.tiny-link.tiny-link--additional:hover{color:var(--ti-link-default-hover-text-color);fill:var(--ti-link-default-hover-text-color)}.tiny-link.tiny-link--additional:hover:after{border-bottom-color:var(--ti-link-default-hover-border-color)}.tiny-link.tiny-link--additional.is-disabled:hover{color:var(--ti-link-default-disabled-text-color);fill:var(--ti-link-default-disabled-text-color)}.tiny-link.tiny-link--additional.is-disabled:after{border-bottom-color:var(--ti-link-default-disabled-text-color)}.tiny-link.tiny-link--additional:has(.tiny-svg):after{display:none}.tiny-link.tiny-link--additional:has(.tiny-svg):hover{font-weight:var(--ti-link-icon-hover-text-weight);color:var(--ti-link-default-text-color);fill:var(--ti-link-default-text-color)}.tiny-link.tiny-link--additional:has(.tiny-svg).is-disabled:hover{font-weight:var(--ti-common-font-weight-4);color:var(--ti-link-default-disabled-text-color);fill:var(--ti-link-default-disabled-text-color)}.tiny-link.is-underline:hover:after{content:'';position:absolute;left:0;right:0;height:0;bottom:0;display:block;border-bottom:1px solid var(--ti-link-border-color)}.tiny-link.is-disabled{cursor:not-allowed}.tiny-link.tiny-link--default{color:var(--ti-link-default-text-color);fill:var(--ti-link-default-text-color)}.tiny-link.tiny-link--default.is-underline:hover:after,.tiny-link.tiny-link--default:after{border-color:var(--ti-link-default-border-color)}.tiny-link.tiny-link--default:hover{color:var(--ti-link-default-hover-text-color);fill:var(--ti-link-default-hover-text-color);text-decoration:none}.tiny-link.tiny-link--default.is-disabled{color:var(--ti-link-default-disabled-text-color);fill:var(--ti-link-default-disabled-text-color)}.tiny-link.tiny-link--primary{color:var(--ti-link-primary-text-color);fill:var(--ti-link-primary-text-color);display:var(--ti-link-display)}.tiny-link.tiny-link--primary.is-underline:hover:after,.tiny-link.tiny-link--primary:after{border-color:var(--ti-link-primary-border-color)}.tiny-link.tiny-link--primary:hover{color:var(--ti-link-primary-hover-text-color);fill:var(--ti-link-primary-hover-text-color);text-decoration:none}.tiny-link.tiny-link--primary.is-disabled{color:var(--ti-link-primary-disabled-text-color);fill:var(--ti-link-primary-disabled-text-color)}.tiny-link.tiny-link--danger{color:var(--ti-link-danger-text-color);fill:var(--ti-link-danger-text-color);display:var(--ti-link-display)}.tiny-link.tiny-link--danger.is-underline:hover:after,.tiny-link.tiny-link--danger:after{border-color:var(--ti-link-danger-border-color)}.tiny-link.tiny-link--danger:hover{color:var(--ti-link-danger-hover-text-color);fill:var(--ti-link-danger-hover-text-color);text-decoration:none}.tiny-link.tiny-link--danger.is-disabled{color:var(--ti-link-danger-disabled-text-color);fill:var(--ti-link-danger-disabled-text-color)}.tiny-link.tiny-link--success{color:var(--ti-link-success-text-color);fill:var(--ti-link-success-text-color);display:var(--ti-link-display)}.tiny-link.tiny-link--success.is-underline:hover:after,.tiny-link.tiny-link--success:after{border-color:var(--ti-link-success-border-color)}.tiny-link.tiny-link--success:hover{color:var(--ti-link-success-hover-text-color);fill:var(--ti-link-success-hover-text-color);text-decoration:none}.tiny-link.tiny-link--success.is-disabled{color:var(--ti-link-success-disabled-text-color);fill:var(--ti-link-success-disabled-text-color)}.tiny-link.tiny-link--warning{color:var(--ti-link-warning-text-color);fill:var(--ti-link-warning-text-color);display:var(--ti-link-display)}.tiny-link.tiny-link--warning.is-underline:hover:after,.tiny-link.tiny-link--warning:after{border-color:var(--ti-link-warning-border-color)}.tiny-link.tiny-link--warning:hover{color:var(--ti-link-warning-hover-text-color);fill:var(--ti-link-warning-hover-text-color);text-decoration:none}.tiny-link.tiny-link--warning.is-disabled{color:var(--ti-link-warning-disabled-text-color);fill:var(--ti-link-warning-disabled-text-color)}.tiny-link.tiny-link--info{color:var(--ti-link-info-text-color);fill:var(--ti-link-info-text-color);display:var(--ti-link-display)}.tiny-link.tiny-link--info.is-underline:hover:after,.tiny-link.tiny-link--info:after{border-color:var(--ti-link-info-border-color)}.tiny-link.tiny-link--info:hover{color:var(--ti-link-info-hover-text-color);fill:var(--ti-link-info-hover-text-color);text-decoration:none}.tiny-link.tiny-link--info.is-disabled{color:var(--ti-link-info-disabled-text-color);fill:var(--ti-link-info-disabled-text-color)}

package/link/smb-theme.js

@@ -0,0 +1,13 @@
+export const tinyLinkSmbTheme = {
+    'ti-link-display': 'none',
+    'ti-link-svg-width': '16px',
+    'ti-link-svg-height': '16px',
+    'ti-link-svg-margin-right': '4px',
+    'ti-link-font-weight': 'var(--ti-common-font-weight-4)',
+    'ti-link-default-border-display': 'block',
+    'ti-link-default-hover-border-color': '#595959',
+    'ti-link-default-hover-text-color': '#595959',
+    'ti-link-default-text-color': 'var(--ti-common-color-line-active)',
+    'ti-link-default-disabled-text-color': '#C2C2C2',
+    'ti-link-icon-hover-text-weight': 'var(--ti-common-font-weight-6)',
+}

package/loading/index.css

@@ -1 +1 @@
-.tiny-loading{--ti-loading-text-color:var(--ti-base-color-brand-6);--ti-loading-mask-bg-color:rgba(255, 255, 255, 0.9);--ti-loading-text-font-size:var(--ti-common-font-size-1);--ti-loading-spinner-height:42px;--ti-loading-spinner-width:42px;--ti-loading-fullscreen-height:50px;--ti-loading-fullscreen-width:50px}.tiny-loading__mask{position:absolute;z-index:2000;background-color:var(--ti-loading-mask-bg-color);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-loading__mask.is-fullscreen{position:fixed}.tiny-loading__mask.is-fullscreen .tiny-loading__spinner{margin-top:-25px}.tiny-loading__mask.is-fullscreen .tiny-loading__spinner .circular{height:var(--ti-loading-fullscreen-height);width:var(--ti-loading-fullscreen-width)}.tiny-loading__spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.tiny-loading__spinner .tiny-loading__text{color:var(--ti-loading-text-color);margin:3px 0;font-size:var(--ti-loading-text-font-size)}.tiny-loading__spinner .circular{height:var(--ti-loading-spinner-height);width:var(--ti-loading-spinner-width);-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.tiny-loading__spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--ti-loading-text-color);stroke-linecap:round}.tiny-loading__spinner svg{fill:var(--ti-loading-text-color)}.tiny-loading__parent-relative{position:relative!important}.tiny-loading__parent-hidden{overflow:hidden!important}.tiny-loading-fade-enter,.tiny-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;vertical-align:text-top;-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-loading{--ti-loading-text-color:var(--ti-common-color-icon-active);--ti-loading-mask-bg-color:var(--ti-common-bg-minor);--ti-loading-text-font-size:var(--ti-common-font-size-1);--ti-loading-spinner-margin-top:calc(var(--ti-common-space-0) - 21px);--ti-loading-text-margin-vertical:calc(var(--ti-common-space-base) - 1px);--ti-loading-text-margin-horizontal:var(--ti-common-space-0);--ti-loading-fullscreen-small-width:var(--ti-common-size-4x);--ti-loading-fullscreen-medium-width:var(--ti-common-size-8x);--ti-loading-fullscreen-large-width:var(--ti-common-size-10x);--ti-loading-fullscreen-small-height:var(--ti-common-size-4x);--ti-loading-fullscreen-medium-height:var(--ti-common-size-8x);--ti-loading-fullscreen-large-height:var(--ti-common-size-10x);--ti-loading-spinner-small-height:var(--ti-common-size-4x);--ti-loading-spinner-medium-height:var(--ti-common-size-8x);--ti-loading-spinner-large-height:var(--ti-common-size-10x);--ti-loading-spinner-small-width:var(--ti-common-size-4x);--ti-loading-spinner-medium-width:var(--ti-common-size-8x);--ti-loading-spinner-large-width:var(--ti-common-size-10x)}.tiny-loading__mask{position:absolute;z-index:2000;background-color:var(--ti-loading-mask-bg-color);margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-loading__mask.is-fullscreen{position:fixed}.tiny-loading__mask.is-fullscreen .tiny-loading__spinner{margin-top:-25px}.tiny-loading__mask.is-fullscreen .tiny-loading__spinner-small svg{height:var(--ti-loading-fullscreen-small-height);width:var(--ti-loading-fullscreen-small-width)}.tiny-loading__mask.is-fullscreen .tiny-loading__spinner-medium svg{height:var(--ti-loading-fullscreen-medium-height);width:var(--ti-loading-fullscreen-medium-width)}.tiny-loading__mask.is-fullscreen .tiny-loading__spinner-large svg{height:var(--ti-loading-fullscreen-large-height);width:var(--ti-loading-fullscreen-large-width)}.tiny-loading__spinner{top:50%;margin-top:var(--ti-loading-spinner-margin-top);width:100%;text-align:center;position:absolute}.tiny-loading__spinner .tiny-loading__text{color:var(--ti-loading-text-color);margin:var(--ti-loading-text-margin-vertical) var(--ti-loading-text-margin-horizontal);font-size:var(--ti-loading-text-font-size)}.tiny-loading__spinner-small svg{height:var(--ti-loading-spinner-small-height);width:var(--ti-loading-spinner-small-width)}.tiny-loading__spinner-medium svg{height:var(--ti-loading-spinner-medium-height);width:var(--ti-loading-spinner-medium-width)}.tiny-loading__spinner-large svg{height:var(--ti-loading-spinner-large-height);width:var(--ti-loading-spinner-large-width)}.tiny-loading__spinner .circular{-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.tiny-loading__spinner .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--ti-loading-text-color);stroke-linecap:round}.tiny-loading__spinner svg{fill:var(--ti-loading-text-color)}.tiny-loading__parent-relative{position:relative!important}.tiny-loading__parent-hidden{overflow:hidden!important}.tiny-loading-fade-enter,.tiny-loading-fade-leave-active{opacity:0}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;vertical-align:text-top;-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/loading/smb-theme.js

@@ -0,0 +1,19 @@
+export const tinyLoadingSmbTheme = {
+  'ti-loading-text-color': 'var(--ti-common-color-text-primary)',
+  'ti-loading-spinner-width': '16px',
+  'ti-loading-spinner-height': '16px',
+  'ti-loading-fullscreen-height': '16px',
+  'ti-loading-fullscreen-width': '16px',
+  'ti-loading-fullscreen-small-width': '16px',
+  'ti-loading-fullscreen-medium-width': '24px',
+  'ti-loading-fullscreen-large-width': '32px',
+  'ti-loading-fullscreen-small-height': '16px',
+  'ti-loading-fullscreen-medium-height': '24px',
+  'ti-loading-fullscreen-large-height': '32px',
+  'ti-loading-spinner-small-height': '16px',
+  'ti-loading-spinner-medium-height': '24px',
+  'ti-loading-spinner-large-height': '32px',
+  'ti-loading-spinner-small-width': '16px',
+  'ti-loading-spinner-medium-width': '24px',
+  'ti-loading-spinner-large-width': '32px'
+}