@opentiny/vue-theme 3.13.2 → 3.14.0

package/checkbox/index.css

@@ -1 +1 @@
-.tiny-checkbox{--ti-checkbox-width:var(--ti-common-size-4x, 16px);--ti-checkbox-height:var(--ti-common-size-4x, 16px);--ti-checkbox-text-font-family:var(--ti-common-font-family, 'Helvetica', 'Arial', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei');--ti-checkbox-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-checkbox-font-size:var(--ti-common-font-size-base, 12px);--ti-checkbox-bg-color:var(--ti-common-color-transparent, transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active, #5e7ce0);--ti-checkbox-border-color:var(--ti-common-color-line-normal, #adb0b8);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover, #344899);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover, #344899);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active, #5e7ce0);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base, 12px);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3, 18px);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2, 16px);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base, 12px);--ti-checkbox-icon-height:var(--ti-common-size-2x, 8px);--ti-checkbox-icon-width:var(--ti-common-size-base, 4px);--ti-checkbox-icon-margin-left:var(--ti-common-space-base, 4px);--ti-checkbox-icon-margin-top:var(--ti-common-space-0, 0px);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled, #dfe1e6);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled, #dfe1e6);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1, 2px);--ti-checkbox-label-margin-right:var(--ti-common-space-5x, 20px);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal, #e9edfa);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-font-size:var(--ti-common-font-size-base, 12px);--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-white, #fff);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white, #fff);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-checkbox-button-bg-color-hover:var(--ti-common-color-bg-hover, #344899);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#c2c2c2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-disabled-border-color:#dbdbdb;--ti-checkbox-button-padding-vertical:5px;--ti-checkbox-button-height:24px;--ti-checkbox-button-margin-horizontal:2px;--ti-checkbox-button-mini-margin-horizontal:2px;--ti-checkbox-button-size-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-checkbox-button-size-mini-border-radius:0px;--ti-checkbox-button-size-small-padding-horizontal:15px;--ti-checkbox-button-size-small-height:30px;--ti-checkbox-button-checked-display:none;--ti-checkbox-button-margin-top:8px;--ti-checkbox-button-mini-padding-horizontal:12px;--ti-checkbox-button-mini-left-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-checkbox-button-mini-right-border-radius:0px;--ti-checkbox-button-mini-last-left-border-radius:0px;--ti-checkbox-button-mini-last-right-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-checkbox-button-right-border-radius:0px;--ti-checkbox-button-left-border-radius:0px;position:relative;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-checkbox-text-color);font-weight:500;font-size:0;font-family:var(--ti-checkbox-text-font-family);white-space:nowrap;margin-right:var(--ti-checkbox-label-margin-right);outline:0;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox:last-of-type{margin-right:0}.tiny-checkbox .tiny-checkbox__inner{display:inline-block;position:relative;border:1px solid var(--ti-checkbox-border-color);border-radius:var(--ti-checkbox-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--ti-checkbox-width);height:var(--ti-checkbox-height);background-color:var(--ti-checkbox-bg-color);outline:0;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-hover)}.tiny-checkbox .tiny-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:1px solid #fff;border-width:0 var(--ti-checkbox-checkline-width) var(--ti-checkbox-checkline-width) 0;border-left:0;border-top:0;height:var(--ti-checkbox-icon-height);width:var(--ti-checkbox-icon-width);position:absolute;margin-left:var(--ti-checkbox-icon-margin-left);margin-top:var(--ti-checkbox-icon-margin-top);-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);-webkit-transition:-webkit-transform .15s ease-in 50ms;transition:-webkit-transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center}.tiny-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:2px;border:1px solid var(--ti-checkbox-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-checkbox-font-normal-line-height);height:40px}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:10px}.tiny-checkbox.is-bordered.is-checked{border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--ti-checkbox-border-color-unchecked-disabled);color:var(--ti-checkbox-bg-color-disable);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-border-color-unchecked-disabled)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:var(--ti-checkbox-font-medium-line-height);font-size:var(--ti-common-font-size-1)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:14px;width:14px}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:var(--ti-checkbox-font-small-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:var(--ti-checkbox-font-mini-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox__input{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input .tiny-checkbox__inner svg{fill:var(--ti-checkbox-border-color)}.tiny-checkbox__input .tiny-checkbox__inner:hover svg{fill:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner svg{fill:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner::before,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover::before{background-color:var(--ti-checkbox-icon-color-disabled);border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--ti-checkbox-label-text-color-disabled);cursor:not-allowed}.tiny-checkbox__input.is-checked .tiny-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::before{content:'';position:absolute;display:block;border-radius:1px;background-color:#fff;height:6px;width:6px;left:0;right:0;top:0;bottom:0;margin:auto}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::after{display:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__input.is-checked .tiny-checkbox__inner:hover,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-hover-checked);border-color:var(--ti-checkbox-border-color-hover-checked)}.tiny-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.tiny-checkbox__label{padding-left:8px;font-size:var(--ti-checkbox-font-size)}.tiny-checkbox.is-display-only .tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:#161e26}.tiny-checkbox.is-group-display-only{margin:0;padding:0;display:none}.tiny-checkbox.is-group-display-only.is-checked{display:inline-block}.tiny-checkbox.is-group-display-only .tiny-checkbox__input{display:none}.tiny-checkbox.is-group-display-only .tiny-checkbox__label::after{display:inline-block;content:';'}.tiny-checkbox.is-group-display-only .tiny-checkbox__label{margin:0;padding:0}
+.tiny-checkbox{--ti-checkbox-width:var(--ti-common-size-4x, 16px);--ti-checkbox-height:var(--ti-common-size-4x, 16px);--ti-checkbox-text-font-family:var(--ti-common-font-family, 'Helvetica', 'Arial', 'PingFangSC-Regular', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei');--ti-checkbox-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-checkbox-font-size:var(--ti-common-font-size-base, 12px);--ti-checkbox-bg-color:var(--ti-common-color-transparent, transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active, #5e7ce0);--ti-checkbox-border-color:var(--ti-common-color-line-normal, #adb0b8);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover, #344899);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover, #344899);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active, #5e7ce0);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base, 12px);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3, 18px);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2, 16px);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base, 12px);--ti-checkbox-icon-height:var(--ti-common-size-2x, 8px);--ti-checkbox-icon-width:var(--ti-common-size-base, 4px);--ti-checkbox-icon-margin-left:var(--ti-common-space-base, 4px);--ti-checkbox-icon-margin-top:var(--ti-common-space-0, 0px);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled, #dfe1e6);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled, #dfe1e6);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1, 2px);--ti-checkbox-label-margin-right:var(--ti-common-space-5x, 20px);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal, #e9edfa);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-font-size:var(--ti-common-font-size-base, 12px);--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-white, #fff);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white, #fff);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-checkbox-button-bg-color-hover:var(--ti-common-color-bg-hover, #344899);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#c2c2c2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-disabled-border-color:#dbdbdb;--ti-checkbox-button-padding-vertical:5px;--ti-checkbox-button-height:24px;--ti-checkbox-button-margin-horizontal:2px;--ti-checkbox-button-mini-margin-horizontal:2px;--ti-checkbox-button-size-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-checkbox-button-size-mini-border-radius:0px;--ti-checkbox-button-size-small-padding-horizontal:15px;--ti-checkbox-button-size-small-height:30px;--ti-checkbox-button-checked-display:none;--ti-checkbox-button-margin-top:8px;--ti-checkbox-button-mini-padding-horizontal:12px;--ti-checkbox-button-mini-left-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-checkbox-button-mini-right-border-radius:0px;--ti-checkbox-button-mini-last-left-border-radius:0px;--ti-checkbox-button-mini-last-right-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-checkbox-button-right-border-radius:0px;--ti-checkbox-button-left-border-radius:0px;position:relative;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-checkbox-text-color);font-weight:500;font-size:0;font-family:var(--ti-checkbox-text-font-family);white-space:nowrap;margin-right:var(--ti-checkbox-label-margin-right);outline:0;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox:last-of-type{margin-right:0}.tiny-checkbox .tiny-checkbox__inner{display:inline-block;position:relative;border:1px solid var(--ti-checkbox-border-color);border-radius:var(--ti-checkbox-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--ti-checkbox-width);height:var(--ti-checkbox-height);background-color:var(--ti-checkbox-bg-color);outline:0;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-hover)}.tiny-checkbox .tiny-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:1px solid #fff;border-width:0 var(--ti-checkbox-checkline-width) var(--ti-checkbox-checkline-width) 0;border-left:0;border-top:0;height:var(--ti-checkbox-icon-height);width:var(--ti-checkbox-icon-width);position:absolute;margin-left:var(--ti-checkbox-icon-margin-left);margin-top:var(--ti-checkbox-icon-margin-top);-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);-webkit-transition:-webkit-transform .15s ease-in 50ms;transition:-webkit-transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center}.tiny-checkbox.is-filter{background-color:#f5f6f8;padding:0 10px;border-radius:2px;max-width:192px}.tiny-checkbox.is-filter .tiny-checkbox__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:28px}.tiny-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:2px;border:1px solid var(--ti-checkbox-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-checkbox-font-normal-line-height);height:40px}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:10px}.tiny-checkbox.is-bordered.is-checked{border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--ti-checkbox-border-color-unchecked-disabled);color:var(--ti-checkbox-bg-color-disable);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-border-color-unchecked-disabled)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:var(--ti-checkbox-font-medium-line-height);font-size:var(--ti-common-font-size-1)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:14px;width:14px}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:var(--ti-checkbox-font-small-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:var(--ti-checkbox-font-mini-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox__input{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input .tiny-checkbox__inner svg{fill:var(--ti-checkbox-border-color)}.tiny-checkbox__input .tiny-checkbox__inner:hover svg{fill:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner svg{fill:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner::before,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover::before{background-color:var(--ti-checkbox-icon-color-disabled);border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--ti-checkbox-label-text-color-disabled);cursor:not-allowed}.tiny-checkbox__input.is-checked .tiny-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::before{content:'';position:absolute;display:block;border-radius:1px;background-color:#fff;height:6px;width:6px;left:0;right:0;top:0;bottom:0;margin:auto}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::after{display:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__input.is-checked .tiny-checkbox__inner:hover,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-hover-checked);border-color:var(--ti-checkbox-border-color-hover-checked)}.tiny-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.tiny-checkbox__label{padding-left:8px;font-size:var(--ti-checkbox-font-size)}.tiny-checkbox.is-display-only .tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:#161e26}.tiny-checkbox.is-group-display-only{margin:0;padding:0;display:none}.tiny-checkbox.is-group-display-only.is-checked{display:inline-block}.tiny-checkbox.is-group-display-only .tiny-checkbox__input{display:none}.tiny-checkbox.is-group-display-only .tiny-checkbox__label::after{display:inline-block;content:';'}.tiny-checkbox.is-group-display-only .tiny-checkbox__label{margin:0;padding:0}

package/collapse/index.css

@@ -0,0 +1 @@
+.tiny-collapse{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}

package/collapse-item/aurora-theme.js

@@ -11,7 +11,7 @@ export const tinyCollapseitemAuroraTheme = {
   'ti-collapse-item-disabled-border-color-top': 'transparent',
   'ti-collapse-item-disabled-border-color-left': 'transparent',
   'ti-collapse-item-disabled-border-color-right': 'transparent',
-  'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-6x)',
+  'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-0)',
   'ti-collapse-item-header-font-size': 'var(--ti-common-font-size-1)',
   'ti-collapse-item-icon-font-size': 'var(--ti-common-font-size-1)',
   'ti-collapse-item-margin-top': 'var(--ti-common-space-0)',

package/collapse-item/index.css

@@ -1 +1 @@
-.tiny-collapse-item{--ti-collapse-item-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-collapse-item-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-collapse-item-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-collapse-item-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-collapse-item-margin-top:var(--ti-common-space-2x, 8px);--ti-collapse-item-header-min-height:var(--ti-common-size-8x, 32px);--ti-collapse-item-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-collapse-item-wrap-bg-color:var(--ti-common-color-light, #fff);--ti-collapse-item-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-collapse-item-disabled-header-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-collapse-item-header-font-size:var(--ti-common-font-size-base, 12px);--ti-collapse-item-header-font-weight:var(--ti-common-font-weight-4, normal);--ti-collapse-item-header-focus-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-collapse-item-arrow-font-size:var(--ti-common-font-size-base, 12px);--ti-collapse-item-arrow-margin-right:var(--ti-common-space-3x, 12px);--ti-collapse-item-arrow-hover-text-color:var(--ti-common-color-info, #252b3a);--ti-collapse-item-icon-font-size:var(--ti-common-font-size-2, 16px);--ti-collapse-item-arrow-transform:rotate(90deg);--ti-collapse-item-is-active-arrow-transform:rotate(-90deg);--ti-collapse-item-is-active-arrow-text-color:var(--ti-collapse-item-icon-color);--ti-collapse-item-header-padding-vertical:var(--ti-common-space-0, 0px);--ti-collapse-item-header-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-collapse-item-header-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-collapse-item-header-border-color:var(--ti-common-color-transparent, transparent);--ti-collapse-item-header-border-color-left:var(--ti-collapse-item-header-border-color);--ti-collapse-item-header-border-color-right:var(--ti-collapse-item-header-border-color);--ti-collapse-item-content-border-color:var(--ti-common-color-transparent, transparent);--ti-collapse-item-content-border-color-left:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-right:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-content-padding-top:var(--ti-common-space-3x, 12px);--ti-collapse-item-content-padding-left:var(--ti-common-space-4x, 16px);--ti-collapse-item-content-padding-right:var(--ti-common-space-4x, 16px);--ti-collapse-item-content-padding-bottom:var(--ti-common-space-3x, 12px);--ti-collapse-item-content-font-size:var(--ti-common-font-size-base, 12px);margin-top:var(--ti-collapse-item-margin-top);background-color:var(--ti-collapse-item-bg-color);border:1px solid var(--ti-collapse-item-border-color);border-left-color:var(--ti-collapse-item-border-color-left);border-right-color:var(--ti-collapse-item-border-color-right);border-top-color:var(--ti-collapse-item-border-color-top);border-radius:var(--ti-collapse-item-border-radius)}.tiny-collapse-item:last-child{margin-bottom:-1px}.tiny-collapse-item.is-disabled{border-left-color:var(--ti-collapse-item-disabled-border-color-left);border-right-color:var(--ti-collapse-item-disabled-border-color-right);border-top-color:var(--ti-collapse-item-disabled-border-color-top)}.tiny-collapse-item.is-disabled .tiny-collapse-item__header{color:var(--ti-collapse-item-disabled-text-color);background-color:var(--ti-collapse-item-disabled-header-bg-color);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-disabled-text-color)}.tiny-collapse-item.is-disabled .tiny-collapse-item__word-overflow{cursor:not-allowed}.tiny-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid var(--ti-collapse-item-header-border-color);border-left-color:var(--ti-collapse-item-header-border-color-left);border-right-color:var(--ti-collapse-item-header-border-color-right);font-weight:var(--ti-collapse-item-header-font-weight);-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--ti-collapse-item-header-min-height);background-color:var(--ti-collapse-item-header-bg-color);color:var(--ti-collapse-item-text-color);font-size:var(--ti-collapse-item-header-font-size);outline:0;cursor:pointer;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;border-radius:var(--ti-collapse-item-border-radius);padding:var(--ti-collapse-item-header-padding-vertical) var(--ti-collapse-item-header-padding-horizontal)}.tiny-collapse-item__header.focusing:focus:not(:hover){color:var(--ti-collapse-item-header-focus-text-color)}.tiny-collapse-item__header .tiny-collapse-item__word-overflow{white-space:nowrap;overflow:hidden;line-height:1.5;text-overflow:ellipsis;display:inline-block;cursor:pointer}.tiny-collapse-item__header .tiny-collapse-item__arrow{margin-right:var(--ti-collapse-item-arrow-margin-right);font-size:var(--ti-collapse-item-arrow-font-size);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:var(--ti-collapse-item-arrow-transform);transform:var(--ti-collapse-item-arrow-transform)}.tiny-collapse-item__header .tiny-collapse-item__arrow svg{font-size:var(--ti-collapse-item-icon-font-size);fill:var(--ti-collapse-item-icon-color)}.tiny-collapse-item__header .tiny-collapse-item__title__right{margin-left:auto}.tiny-collapse-item__header.is-active{border-bottom-color:transparent}.tiny-collapse-item__header.is-active .tiny-collapse-item__arrow{-webkit-transform:var(--ti-collapse-item-is-active-arrow-transform);transform:var(--ti-collapse-item-is-active-arrow-transform)}.tiny-collapse-item__header.is-active .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-is-active-arrow-text-color)}.tiny-collapse-item:hover:not(.is-disabled) .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-arrow-hover-text-color)}.tiny-collapse-item__wrap{will-change:height;background-color:var(--ti-collapse-item-wrap-bg-color);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-collapse-item__content{padding-top:var(--ti-collapse-item-content-padding-top);padding-right:var(--ti-collapse-item-content-padding-right);padding-bottom:var(--ti-collapse-item-content-padding-bottom);padding-left:var(--ti-collapse-item-content-padding-left);font-size:var(--ti-collapse-item-content-font-size);color:var(--ti-collapse-item-text-color);border:1px solid var(--ti-collapse-item-content-border-color);border-right-color:var(--ti-collapse-item-content-border-color-right);border-left-color:var(--ti-collapse-item-content-border-color-left);border-top-color:var(--ti-collapse-item-content-border-color-top);line-height:var(--ti-collapse-item-content-line-height)}
+.tiny-collapse-item{--ti-collapse-item-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-collapse-item-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-collapse-item-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-collapse-item-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-collapse-item-margin-top:var(--ti-common-space-2x, 8px);--ti-collapse-item-header-min-height:var(--ti-common-size-8x, 32px);--ti-collapse-item-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-collapse-item-wrap-bg-color:var(--ti-common-color-light, #fff);--ti-collapse-item-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-collapse-item-disabled-header-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-collapse-item-header-font-size:var(--ti-common-font-size-base, 12px);--ti-collapse-item-header-font-weight:var(--ti-common-font-weight-4, normal);--ti-collapse-item-header-focus-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-collapse-item-arrow-font-size:var(--ti-common-font-size-base, 12px);--ti-collapse-item-arrow-margin-right:var(--ti-common-space-3x, 12px);--ti-collapse-item-arrow-hover-text-color:var(--ti-common-color-info, #252b3a);--ti-collapse-item-icon-font-size:var(--ti-common-font-size-2, 16px);--ti-collapse-item-arrow-transform:rotate(90deg);--ti-collapse-item-is-active-arrow-transform:rotate(-90deg);--ti-collapse-item-is-active-arrow-text-color:var(--ti-collapse-item-icon-color);--ti-collapse-item-header-padding-vertical:var(--ti-common-space-0, 0px);--ti-collapse-item-header-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-collapse-item-header-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-collapse-item-header-border-color:var(--ti-common-color-transparent, transparent);--ti-collapse-item-header-border-color-left:var(--ti-collapse-item-header-border-color);--ti-collapse-item-header-border-color-right:var(--ti-collapse-item-header-border-color);--ti-collapse-item-content-border-color:var(--ti-common-color-transparent, transparent);--ti-collapse-item-content-border-color-left:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-right:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-content-padding-top:var(--ti-common-space-3x, 12px);--ti-collapse-item-content-padding-left:var(--ti-common-space-4x, 16px);--ti-collapse-item-content-padding-right:var(--ti-common-space-4x, 16px);--ti-collapse-item-content-padding-bottom:var(--ti-common-space-3x, 12px);--ti-collapse-item-content-font-size:var(--ti-common-font-size-base, 12px);--ti-collapse-item-title-right-color:var(--ti-common-color-text-primary, #252b3a);--ti-collapse-item-title-right-fill:var(--ti-common-color-text-primary, #252b3a);margin-top:var(--ti-collapse-item-margin-top);background-color:var(--ti-collapse-item-bg-color);border:1px solid var(--ti-collapse-item-border-color);border-left-color:var(--ti-collapse-item-border-color-left);border-right-color:var(--ti-collapse-item-border-color-right);border-top-color:var(--ti-collapse-item-border-color-top);border-radius:var(--ti-collapse-item-border-radius)}.tiny-collapse-item:last-child{margin-bottom:-1px}.tiny-collapse-item.is-disabled{border-left-color:var(--ti-collapse-item-disabled-border-color-left);border-right-color:var(--ti-collapse-item-disabled-border-color-right);border-top-color:var(--ti-collapse-item-disabled-border-color-top)}.tiny-collapse-item.is-disabled .tiny-collapse-item__header{color:var(--ti-collapse-item-disabled-text-color);background-color:var(--ti-collapse-item-disabled-header-bg-color);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-disabled-text-color)}.tiny-collapse-item.is-disabled .tiny-collapse-item__word-overflow{cursor:not-allowed}.tiny-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid var(--ti-collapse-item-header-border-color);border-left-color:var(--ti-collapse-item-header-border-color-left);border-right-color:var(--ti-collapse-item-header-border-color-right);font-weight:var(--ti-collapse-item-header-font-weight);-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--ti-collapse-item-header-min-height);background-color:var(--ti-collapse-item-header-bg-color);color:var(--ti-collapse-item-text-color);font-size:var(--ti-collapse-item-header-font-size);outline:0;cursor:pointer;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;border-radius:var(--ti-collapse-item-border-radius);padding:var(--ti-collapse-item-header-padding-vertical) var(--ti-collapse-item-header-padding-horizontal)}.tiny-collapse-item__header.focusing:focus:not(:hover){color:var(--ti-collapse-item-header-focus-text-color)}.tiny-collapse-item__header .tiny-collapse-item__word-overflow{white-space:nowrap;overflow:hidden;line-height:1.5;text-overflow:ellipsis;display:inline-block;cursor:pointer}.tiny-collapse-item__header .tiny-collapse-item__arrow{margin-right:var(--ti-collapse-item-arrow-margin-right);font-size:var(--ti-collapse-item-arrow-font-size);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:var(--ti-collapse-item-arrow-transform);transform:var(--ti-collapse-item-arrow-transform)}.tiny-collapse-item__header .tiny-collapse-item__arrow svg{font-size:var(--ti-collapse-item-icon-font-size);fill:var(--ti-collapse-item-icon-color)}.tiny-collapse-item__header .tiny-collapse-item__title__right{margin-left:auto;color:var(--ti-collapse-item-title-right-color);fill:var(--ti-collapse-item-title-right-fill)}.tiny-collapse-item__header.is-active{border-bottom-color:transparent}.tiny-collapse-item__header.is-active .tiny-collapse-item__arrow{-webkit-transform:var(--ti-collapse-item-is-active-arrow-transform);transform:var(--ti-collapse-item-is-active-arrow-transform)}.tiny-collapse-item__header.is-active .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-is-active-arrow-text-color)}.tiny-collapse-item:hover:not(.is-disabled) .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-arrow-hover-text-color)}.tiny-collapse-item__wrap{will-change:height;background-color:var(--ti-collapse-item-wrap-bg-color);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-collapse-item__content{padding-top:var(--ti-collapse-item-content-padding-top);padding-left:var(--ti-collapse-item-content-padding-left);padding-right:var(--ti-collapse-item-content-padding-right);padding-bottom:var(--ti-collapse-item-content-padding-bottom);font-size:var(--ti-collapse-item-content-font-size);color:var(--ti-collapse-item-text-color);border:1px solid var(--ti-collapse-item-content-border-color);border-right-color:var(--ti-collapse-item-content-border-color-right);border-left-color:var(--ti-collapse-item-content-border-color-left);border-top-color:var(--ti-collapse-item-content-border-color-top);line-height:var(--ti-collapse-item-content-line-height)}

package/collapse-item/smb-theme.js

@@ -1,6 +1,6 @@
 export const tinyCollapseItemSmbTheme = {
   'ti-collapse-item-border-radius': '0',
-  'ti-collapse-item-header-padding-vertical': '9px',
+  'ti-collapse-item-header-padding-vertical': 'var(--ti-common-size-3x)',
   'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-5x)',
   'ti-collapse-item-header-min-height': 'var(--ti-common-size-height-medium)',
   'ti-collapse-item-icon-color': '#808080',
@@ -11,6 +11,9 @@ export const tinyCollapseItemSmbTheme = {
   'ti-collapse-item-content-padding-right': 'var(--ti-common-space-5x)',
   'ti-collapse-item-content-padding-bottom': 'var(--ti-common-space-6x)',
   'ti-collapse-item-content-padding-left': 'var(--ti-common-space-5x)',
-  'ti-collapse-item-arrow-hover-text-color': '#191919',
-  'ti-collapse-item-arrow-margin-right': 'var(--ti-common-space-2x)'
+  'ti-collapse-item-arrow-hover-text-color': 'var(--ti-base-color-brand)',
+  'ti-collapse-item-header-border-color': 'var(--ti-base-color-common-5)',
+  'ti-collapse-item-title-right-color': '#1476ff',
+  'ti-collapse-item-title-right-fill': '#1476ff',
+  'ti-collapse-item-arrow-margin-right': 'var(--ti-common-space-3x)'
 }

package/currency/index.css

@@ -0,0 +1 @@
+.tiny-currency-option.set-default{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-currency-option.set-default .tiny-currency-option-label{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-currency-option.set-default .tiny-currency-option-set{display:none;padding-left:12px;color:#333}.tiny-currency-option.set-default .tiny-currency-option-set .tiny-svg{font-size:14px;margin-top:0;margin-right:4px}.tiny-currency-option.set-default.is-active .tiny-currency-option-set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-currency-option.set-default.is-active .tiny-currency-option-set .tiny-svg{fill:#1890ff}.tiny-currency-option.set-default:not(.is-active):hover .tiny-currency-option-set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-currency-option.set-default:not(.is-active):hover .tiny-currency-option-set .tiny-svg{fill:#d9d9d9}

package/date-panel/index.css

@@ -1 +1 @@
-.tiny-picker-panel{--ti-picker-panel-line-height:var(--ti-common-size-height-normal, 28px);--ti-picker-panel-shortcut-font-size:var(--ti-common-font-size-1, 14px);--ti-picker-panel-icon-color-btn:var(--ti-common-color-icon-normal, #575d6c);--ti-picker-panel-icon-color-btn-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-picker-panel-icon-color-btn-disabled:var(--ti-common-color-icon-disabled, #adb0b8);--ti-picker-panel-box-shadow:2px 3px 7px rgba(0, 0, 0, 0.15);--ti-picker-panel-font-size:var(--ti-common-font-size-base, 12px);--ti-picker-panel-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-picker-panel-bg-color:var(--ti-common-color-light, #fff);--ti-picker-panel-selected-bg-color:#f2f2f3;--ti-picker-panel-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-picker-panel-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-picker-panel-hover-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-picker-panel-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-picker-panel-shortcut-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-picker-panel-shortcut-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);color:var(--ti-picker-panel-text-color);font-size:var(--ti-picker-panel-font-size);border:1px solid var(--ti-picker-panel-border-color);-webkit-box-shadow:var(--ti-picker-panel-box-shadow);box-shadow:var(--ti-picker-panel-box-shadow);background:var(--ti-picker-panel-bg-color);border-radius:var(--ti-common-border-radius-normal);line-height:var(--ti-picker-panel-line-height);margin:var(--ti-common-dropdown-gap) 0}.tiny-picker-panel__body-wrapper::after,.tiny-picker-panel__body::after{content:'';display:table;clear:both}.tiny-picker-panel__body{padding-bottom:8px}.tiny-picker-panel__content{position:relative}.tiny-picker-panel__footer{border-top:1px solid var(--ti-picker-panel-border-color);padding:6px 16px;background-color:var(--ti-picker-panel-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-picker-panel__footer .tiny-button{min-width:60px}.tiny-picker-panel__footer .tiny-button:only-child{float:right}.tiny-picker-panel__footer .tiny-button--text{text-align:left}.tiny-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:var(--ti-picker-panel-shortcut-font-size);color:var(--ti-picker-panel-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.tiny-picker-panel__shortcut:hover{background-color:var(--ti-picker-panel-hover-bg-color)}.tiny-picker-panel__shortcut.active{background-color:var(--ti-picker-panel-selected-bg-color)}.tiny-picker-panel__shortcut-selected[type=button]{color:var(--ti-picker-panel-shortcut-selected-text-color);background-color:var(--ti-picker-panel-shortcut-selected-bg-color)}.tiny-picker-panel__btn{color:var(--ti-picker-panel-text-color);border:1px solid var(--ti-picker-panel-border-color);font-size:var(--ti-picker-panel-font-size);line-height:24px;border-radius:var(--ti-picker-panel-border-radius);padding:0 20px;cursor:pointer;outline:0;background-color:transparent}.tiny-picker-panel__btn [disabled]{color:var(--ti-picker-panel-disabled-text-color);cursor:not-allowed}.tiny-picker-panel__icon-btn{font-size:var(--ti-picker-panel-font-size);line-height:30px;fill:var(--ti-picker-panel-icon-color-btn);border:0;background:0 0;cursor:pointer;outline:0}.tiny-picker-panel__icon-btn:hover{fill:var(--ti-picker-panel-icon-color-btn-hover)}.tiny-picker-panel__icon-btn.is-disabled{color:var(--ti-picker-panel-icon-color-btn-disabled)}.tiny-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.tiny-picker-panel__link-btn{vertical-align:middle}.tiny-picker-panel [slot=sidebar],.tiny-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--ti-picker-panel-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:var(--ti-picker-panel-bg-color);overflow:auto}.tiny-picker-panel [slot=sidebar]+.tiny-picker-panel__body,.tiny-picker-panel__sidebar+.tiny-picker-panel__body{margin-left:110px}.tiny-picker-panel__timezone{margin-bottom:10px}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist{z-index:10;overflow-y:hidden}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist-li{height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;border:1px solid #f4f0f0;cursor:pointer}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist .tiny-popup{position:absolute;width:238px;bottom:77px;max-height:260px;-webkit-box-shadow:0 -1px 2px 0 rgba(53,29,29,.5);box-shadow:0 -1px 2px 0 rgba(53,29,29,.5)}.tiny-picker-panel__timezone .tiny-input{position:relative}
+.tiny-picker-panel{--ti-picker-panel-line-height:var(--ti-common-size-height-normal, 28px);--ti-picker-panel-shortcut-font-size:var(--ti-common-font-size-1, 14px);--ti-picker-panel-icon-color-btn:var(--ti-common-color-icon-normal, #575d6c);--ti-picker-panel-icon-color-btn-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-picker-panel-icon-color-btn-disabled:var(--ti-common-color-icon-disabled, #adb0b8);--ti-picker-panel-box-shadow:2px 3px 7px rgba(0, 0, 0, 0.15);--ti-picker-panel-font-size:var(--ti-common-font-size-base, 12px);--ti-picker-panel-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-picker-panel-bg-color:var(--ti-common-color-light, #fff);--ti-picker-panel-selected-bg-color:#f2f2f3;--ti-picker-panel-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-picker-panel-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-picker-panel-hover-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-picker-panel-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-picker-panel-content-border-color:transparent;--ti-picker-panel-content-padding-top:0;--ti-picker-panel-content-padding-left:0;--ti-picker-panel-content-padding-right:0;--ti-picker-panel-icon-btn-line-height:30px;--ti-picker-panel-shortcut-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-picker-panel-shortcut-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);color:var(--ti-picker-panel-text-color);font-size:var(--ti-picker-panel-font-size);border:1px solid var(--ti-picker-panel-border-color);-webkit-box-shadow:var(--ti-picker-panel-box-shadow);box-shadow:var(--ti-picker-panel-box-shadow);background:var(--ti-picker-panel-bg-color);border-radius:var(--ti-common-border-radius-normal);line-height:var(--ti-picker-panel-line-height);margin:var(--ti-common-dropdown-gap) 0}.tiny-picker-panel__body-wrapper::after,.tiny-picker-panel__body::after{content:'';display:table;clear:both}.tiny-picker-panel__body{padding-bottom:8px}.tiny-picker-panel__content{position:relative;border-top:solid 1px var(--ti-picker-panel-content-border-color);padding-top:var(--ti-picker-panel-content-padding-top);padding-left:var(--ti-picker-panel-content-padding-left);padding-right:var(--ti-picker-panel-content-padding-right)}.tiny-picker-panel__footer{border-top:1px solid var(--ti-picker-panel-border-color);padding:6px 16px;background-color:var(--ti-picker-panel-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-picker-panel__footer .tiny-button{min-width:60px}.tiny-picker-panel__footer .tiny-button:only-child{float:right}.tiny-picker-panel__footer .tiny-button--text{text-align:left}.tiny-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:var(--ti-picker-panel-shortcut-font-size);color:var(--ti-picker-panel-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.tiny-picker-panel__shortcut:hover{background-color:var(--ti-picker-panel-hover-bg-color)}.tiny-picker-panel__shortcut.active{background-color:var(--ti-picker-panel-selected-bg-color)}.tiny-picker-panel__shortcut-selected[type=button]{color:var(--ti-picker-panel-shortcut-selected-text-color);background-color:var(--ti-picker-panel-shortcut-selected-bg-color)}.tiny-picker-panel__btn{color:var(--ti-picker-panel-text-color);border:1px solid var(--ti-picker-panel-border-color);font-size:var(--ti-picker-panel-font-size);line-height:24px;border-radius:var(--ti-picker-panel-border-radius);padding:0 20px;cursor:pointer;outline:0;background-color:transparent}.tiny-picker-panel__btn [disabled]{color:var(--ti-picker-panel-disabled-text-color);cursor:not-allowed}.tiny-picker-panel__icon-btn{font-size:var(--ti-picker-panel-font-size);line-height:var(--ti-picker-panel-icon-btn-line-height);fill:var(--ti-picker-panel-icon-color-btn);border:0;background:0 0;cursor:pointer;outline:0}.tiny-picker-panel__icon-btn:hover{fill:var(--ti-picker-panel-icon-color-btn-hover)}.tiny-picker-panel__icon-btn.is-disabled{color:var(--ti-picker-panel-icon-color-btn-disabled)}.tiny-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.tiny-picker-panel__link-btn{vertical-align:middle}.tiny-picker-panel [slot=sidebar],.tiny-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--ti-picker-panel-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:var(--ti-picker-panel-bg-color);overflow:auto}.tiny-picker-panel [slot=sidebar]+.tiny-picker-panel__body,.tiny-picker-panel__sidebar+.tiny-picker-panel__body{margin-left:110px}.tiny-picker-panel__timezone{margin-bottom:10px}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist{z-index:10;overflow-y:hidden}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist-li{height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;border:1px solid #f4f0f0;cursor:pointer}.tiny-picker-panel__timezone .tiny-picker-panel__tzlist .tiny-popup{position:absolute;width:238px;bottom:77px;max-height:260px;-webkit-box-shadow:0 -1px 2px 0 rgba(53,29,29,.5);box-shadow:0 -1px 2px 0 rgba(53,29,29,.5)}.tiny-picker-panel__timezone .tiny-input{position:relative}

package/date-panel/smb-theme.js

@@ -0,0 +1,7 @@
+export const tinyDatePanelSmbTheme = {
+  'ti-picker-panel-content-border-color': 'var(--ti-base-color-common-5, #f0f0f0)',
+  'ti-picker-panel-content-padding-top': '12px',
+  'ti-picker-panel-content-padding-left': '16px',
+  'ti-picker-panel-content-padding-right': '16px',
+  'ti-picker-panel-icon-btn-line-height': '20px'
+}

package/date-picker/index.css

@@ -1 +1 @@
-.tiny-date-picker{--ti-date-picker-width:280px;--ti-date-picker-font-size:var(--ti-common-font-size-base, 12px);--ti-date-picker-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-date-picker-bg-color:var(--ti-common-color-light, #fff);--ti-date-picker-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-date-picker-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-date-picker-hover-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-picker-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-date-picker-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-date-picker-selected-bg-color:#f2f2f3;--ti-date-picker-icon-font-size:var(--ti-common-font-size-1, 14px);--ti-date-picker-current-select-bg-color:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-picker-current-border-color:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-picker-current-border-radius:0;--ti-date-picker-range-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-picker-range-hover-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-picker-header-label-hover-text-color:var(--ti-base-color-brand-7, #526ecc);width:var(--ti-date-picker-width)}.tiny-date-picker.has-sidebar.has-time{width:434px}.tiny-date-picker.has-sidebar{width:398px}.tiny-date-picker.has-time .tiny-picker-panel__body-wrapper{position:relative}.tiny-date-picker table{table-layout:fixed;width:100%}.tiny-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.tiny-date-picker__time-header{position:relative;border-bottom:1px solid var(--ti-date-picker-border-color);font-size:var(--ti-date-picker-font-size);padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-date-picker__header{margin:12px;text-align:center}.tiny-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:1px solid var(--ti-date-picker-border-color)}.tiny-date-picker__header--bordered+.tiny-picker-panel__content{margin-top:0}.tiny-date-picker__header-label{font-size:var(--ti-date-picker-font-size);font-weight:700;padding:0 4px;text-align:center;cursor:pointer;color:var(--ti-date-picker-text-color);vertical-align:middle}.tiny-date-picker__header-label.active,.tiny-date-picker__header-label:hover{color:var(--ti-date-picker-header-label-hover-text-color)}.tiny-date-picker__prev-btn{float:left}.tiny-date-picker__next-btn{float:right}.tiny-date-picker__time-wrap{padding:10px;text-align:center}.tiny-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}
+.tiny-date-picker{--ti-date-picker-width:280px;--ti-date-picker-font-size:var(--ti-common-font-size-base, 12px);--ti-date-picker-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-date-picker-bg-color:var(--ti-common-color-light, #fff);--ti-date-picker-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-date-picker-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-date-picker-hover-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-picker-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-date-picker-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-date-picker-selected-bg-color:#f2f2f3;--ti-date-picker-icon-font-size:var(--ti-common-font-size-1, 14px);--ti-date-picker-current-select-bg-color:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-picker-current-border-color:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-picker-current-border-radius:0;--ti-date-picker-range-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-picker-range-hover-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-picker-header-label-hover-text-color:var(--ti-base-color-brand-7, #526ecc);--ti-date-picker-header-line-height:32px;width:var(--ti-date-picker-width)}.tiny-date-picker.has-sidebar.has-time{width:434px}.tiny-date-picker.has-sidebar{width:398px}.tiny-date-picker.has-time .tiny-picker-panel__body-wrapper{position:relative}.tiny-date-picker table{table-layout:fixed;width:100%}.tiny-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.tiny-date-picker__time-header{position:relative;border-bottom:1px solid var(--ti-date-picker-border-color);font-size:var(--ti-date-picker-font-size);padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-date-picker__header{margin:12px;text-align:center;line-height:var(--ti-date-picker-header-line-height)}.tiny-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:1px solid var(--ti-date-picker-border-color)}.tiny-date-picker__header--bordered+.tiny-picker-panel__content{margin-top:0}.tiny-date-picker__header-label{font-size:var(--ti-date-picker-font-size);font-weight:700;padding:0 4px;text-align:center;cursor:pointer;color:var(--ti-date-picker-text-color);vertical-align:middle}.tiny-date-picker__header-label.active,.tiny-date-picker__header-label:hover{color:var(--ti-date-picker-header-label-hover-text-color)}.tiny-date-picker__prev-btn{float:left}.tiny-date-picker__next-btn{float:right}.tiny-date-picker__time-wrap{padding:10px;text-align:center}.tiny-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}

package/date-picker/smb-theme.js

@@ -0,0 +1,6 @@
+export const tinyDatePickerSmbTheme = {
+  'ti-date-picker-width': '284px',
+  'ti-date-picker-header-line-height': '20px',
+  'ti-date-picker-header-label-hover-text-color': 'var(--ti-base-color-brand-2)',
+  'ti-date-picker-border-color': 'transparent'
+}

package/date-table/index.css

@@ -1 +1 @@
-.tiny-date-table{--ti-date-table-td-width:36px;--ti-date-table-td-height:34px;--ti-date-table-td-padding-vertical:4px;--ti-date-table-td-padding-horizontal:0;--ti-date-table-td-span-width:36px;--ti-date-table-td-span-height:24px;--ti-date-table-th-text-color:var(--ti-base-color-common-2, #adb0b8);--ti-date-table-td-border-radius:0;--ti-date-table-td-pre-month-text-color:var(--ti-base-color-common-2, #adb0b8);--ti-date-table-td-normal-text-color:var(--ti-common-color-light, #fff);--ti-date-table-td-range-bg-color:#f2f6fc;--ti-date-table-td-today-border-color:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-table-td-today-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-date-table-week-bg-color-current-select:var(--ti-base-color-brand-2, #e9edfa);--ti-date-table-week-bg-color-current-hover:var(--ti-base-color-brand-3, #beccfa);--ti-date-table-font-size:var(--ti-common-font-size-base, 12px);--ti-date-table-hover-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-date-table-current-border-color:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-table-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-date-table-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-date-table-range-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-table-range-hover-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-table-bg-color-current-select:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-table-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-date-table-border-radius-current-select:0;font-size:var(--ti-date-table-font-size);-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td.available:hover{color:var(--ti-date-table-text-color)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:var(--ti-date-table-td-border-radius);border-bottom-left-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:var(--ti-date-table-td-border-radius);border-bottom-right-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover div{background-color:var(--ti-date-table-hover-bg-color)}.tiny-date-table.is-week-mode .tiny-date-table__row.current div{background-color:var(--ti-date-table-week-bg-color-current-select)}.tiny-date-table.is-week-mode .tiny-date-table__row.current div:hover{background-color:var(--ti-date-table-week-bg-color-current-hover)}.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available:hover span{background-color:transparent}.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available.end-date span,.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available.start-date span{background-color:var(--ti-date-table-bg-color-current-select);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td{width:var(--ti-date-table-td-width);height:var(--ti-date-table-td-height);padding:var(--ti-date-table-td-padding-vertical) var(--ti-date-table-td-padding-horizontal);-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;vertical-align:middle;position:relative}.tiny-date-table td div{height:24px;min-width:36px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-date-table td span{min-width:var(--ti-date-table-td-span-width);height:var(--ti-date-table-td-span-height);line-height:var(--ti-date-table-td-span-height);display:block;margin:0 auto;position:absolute;left:50%;top:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-date-table td.next-month,.tiny-date-table td.pre-month{color:var(--ti-date-table-td-pre-month-text-color);cursor:pointer}.tiny-date-table td.next-month span:hover,.tiny-date-table td.pre-month span:hover{background:var(--ti-datetime-beside-day-bg-color-hover)}.tiny-date-table td.today{position:relative;color:var(--ti-date-table-td-today-text-color)}.tiny-date-table td.today:after{content:'';width:12px;height:1px;background:var(--ti-date-table-td-today-border-color);position:absolute;left:0;right:0;margin:auto;bottom:5px}.tiny-date-table td.today.end-date span,.tiny-date-table td.today.start-date span{color:var(--ti-date-table-td-normal-text-color)}.tiny-date-table td.available:hover span{background-color:var(--ti-date-table-hover-bg-color);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td.current:not(.disabled) span{color:var(--ti-date-table-td-normal-text-color);background-color:var(--ti-date-table-bg-color-current-select);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td.end-date div,.tiny-date-table td.start-date div{color:var(--ti-date-table-td-normal-text-color)}.tiny-date-table td.end-date span,.tiny-date-table td.start-date span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.start-date div{margin-left:5px;border-top-left-radius:var(--ti-date-table-td-border-radius);border-bottom-left-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table td.end-date div{margin-right:5px;border-top-right-radius:var(--ti-date-table-td-border-radius);border-bottom-right-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table td.disabled div{background-color:var(--ti-date-table-disabled-bg-color);opacity:1;cursor:not-allowed;color:var(--ti-date-table-disabled-text-color)}.tiny-date-table td.in-range div{background-color:var(--ti-date-table-range-bg-color)}.tiny-date-table td.in-range div:hover{background-color:var(--ti-date-table-range-hover-bg-color)}.tiny-date-table td.in-range.end-date:hover span,.tiny-date-table td.in-range.start-date:hover span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.available{padding:0}.tiny-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:var(--ti-date-table-td-range-bg-color)}.tiny-date-table td.selected div:hover{background-color:var(--ti-date-table-td-range-bg-color)}.tiny-date-table td.selected span{background-color:var(--ti-date-table-bg-color-current-select);color:var(--ti-date-table-td-normal-text-color);border:none}.tiny-date-table td.selected.available:hover span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.week{font-size:80%;color:var(--ti-date-table-text-color)}.tiny-date-table th{color:var(--ti-date-table-th-text-color);font-weight:400;white-space:nowrap}
+.tiny-date-table{--ti-date-table-td-width:36px;--ti-date-table-td-height:34px;--ti-date-table-td-padding-vertical:4px;--ti-date-table-td-padding-horizontal:0;--ti-date-table-td-span-width:36px;--ti-date-table-td-span-height:24px;--ti-date-table-th-text-color:var(--ti-base-color-common-2, #adb0b8);--ti-date-table-td-border-radius:0;--ti-date-table-td-pre-month-text-color:var(--ti-base-color-common-2, #adb0b8);--ti-date-table-td-normal-text-color:var(--ti-common-color-light, #fff);--ti-date-table-td-range-bg-color:#f2f6fc;--ti-date-table-td-today-border-color:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-table-td-today-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-date-table-week-bg-color-current-select:var(--ti-base-color-brand-2, #e9edfa);--ti-date-table-week-bg-color-current-hover:var(--ti-base-color-brand-3, #beccfa);--ti-date-table-font-size:var(--ti-common-font-size-base, 12px);--ti-date-table-hover-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-date-table-current-border-color:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-table-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-date-table-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-date-table-range-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-table-range-hover-bg-color:var(--ti-base-color-brand-2, #e9edfa);--ti-date-table-bg-color-current-select:var(--ti-base-color-brand-6, #5e7ce0);--ti-date-table-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-date-table-border-radius-current-select:0;--ti-date-table-td-today-width:36px;--ti-date-table-td-today-height:24px;--ti-date-table-td-today-border-radius:0;--ti-date-table-td-today-circle-border-color:transparent;--ti-date-table-td-today-circle-border-width:0;--ti-date-table-td-div-height:24px;--ti-date-table-td-div-width:36px;--ti-date-table-td-span-top:5px;--ti-date-table-start-date-border-radius:0;--ti-date-table-cell-selected-border-radius:0;font-size:var(--ti-date-table-font-size);-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td.available:hover{color:var(--ti-date-table-text-color)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:var(--ti-date-table-td-border-radius);border-bottom-left-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:var(--ti-date-table-td-border-radius);border-bottom-right-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover div{background-color:var(--ti-date-table-hover-bg-color)}.tiny-date-table.is-week-mode .tiny-date-table__row.current div{background-color:var(--ti-date-table-week-bg-color-current-select)}.tiny-date-table.is-week-mode .tiny-date-table__row.current div:hover{background-color:var(--ti-date-table-week-bg-color-current-hover)}.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available:hover span{background-color:transparent}.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available.end-date span,.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available.start-date span{background-color:var(--ti-date-table-bg-color-current-select);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td{width:var(--ti-date-table-td-width);height:var(--ti-date-table-td-height);padding:var(--ti-date-table-td-padding-vertical) var(--ti-date-table-td-padding-horizontal);-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;vertical-align:middle;position:relative}.tiny-date-table td div{height:var(--ti-date-table-td-div-height);min-width:var(--ti-date-table-td-div-width);padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-date-table td span{min-width:var(--ti-date-table-td-span-width);height:var(--ti-date-table-td-span-height);line-height:var(--ti-date-table-td-span-height);display:block;margin:0 auto;position:absolute;left:50%;top:var(--ti-date-table-td-span-top);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-date-table td.next-month,.tiny-date-table td.pre-month{color:var(--ti-date-table-td-pre-month-text-color);cursor:pointer}.tiny-date-table td.next-month span:hover,.tiny-date-table td.pre-month span:hover{background:var(--ti-datetime-beside-day-bg-color-hover)}.tiny-date-table td.today{position:relative;color:var(--ti-date-table-td-today-text-color)}.tiny-date-table td.today:after{content:'';width:12px;height:1px;background:var(--ti-date-table-td-today-border-color);position:absolute;left:0;right:0;margin:auto;bottom:5px}.tiny-date-table td.today span{min-width:var(--ti-date-table-td-today-width);height:var(--ti-date-table-td-today-height);border-radius:var(--ti-date-table-td-today-border-radius);border:solid var(--ti-date-table-td-today-circle-border-width) var(--ti-date-table-td-today-circle-border-color)}.tiny-date-table td.today.end-date span,.tiny-date-table td.today.start-date span{color:var(--ti-date-table-td-normal-text-color)}.tiny-date-table td.available:not(.today):hover span{background-color:var(--ti-date-table-hover-bg-color);border-radius:var(--ti-date-table-border-radius-current-select);border-color:transparent}.tiny-date-table td.current:not(.disabled) span{color:var(--ti-date-table-td-normal-text-color);background-color:var(--ti-date-table-bg-color-current-select);border-radius:var(--ti-date-table-border-radius-current-select);border-color:transparent}.tiny-date-table td.current:not(.disabled):after{background-color:transparent}.tiny-date-table td.end-date div,.tiny-date-table td.start-date div{color:var(--ti-date-table-td-normal-text-color)}.tiny-date-table td.end-date span,.tiny-date-table td.start-date span{background-color:var(--ti-date-table-bg-color-current-select);border-radius:var(--ti-date-table-start-date-border-radius);border:0}.tiny-date-table td.start-date div{margin-left:5px;border-top-left-radius:var(--ti-date-table-td-border-radius);border-bottom-left-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table td.end-date div{margin-right:5px;border-top-right-radius:var(--ti-date-table-td-border-radius);border-bottom-right-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table td.disabled div{background-color:var(--ti-date-table-disabled-bg-color);opacity:1;cursor:not-allowed;color:var(--ti-date-table-disabled-text-color)}.tiny-date-table td.in-range div{background-color:var(--ti-date-table-range-bg-color)}.tiny-date-table td.in-range div:hover{background-color:var(--ti-date-table-range-hover-bg-color)}.tiny-date-table td.in-range.end-date:hover span,.tiny-date-table td.in-range.start-date:hover span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.available{padding:0}.tiny-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:var(--ti-date-table-td-range-bg-color)}.tiny-date-table td.selected div:hover{background-color:var(--ti-date-table-td-range-bg-color)}.tiny-date-table td.selected span{background-color:var(--ti-date-table-bg-color-current-select);color:var(--ti-date-table-td-normal-text-color);border:none;border-radius:var(--ti-date-table-cell-selected-border-radius)}.tiny-date-table td.selected.available:hover span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.week{font-size:80%;color:var(--ti-date-table-text-color)}.tiny-date-table th{color:var(--ti-date-table-th-text-color);font-weight:400;white-space:nowrap}

package/date-table/smb-theme.js

@@ -4,5 +4,21 @@ export const tinyDateTableSmbTheme = {
   'ti-date-table-td-span-height': '28px',
   'ti-date-table-bg-color-current-select': 'var(--ti-base-color-brand-2)',
   'ti-date-table-week-bg-color-current-select': 'var(--ti-base-color-brand-8)',
-  'ti-date-table-week-bg-color-current-hover': 'var(--ti-base-color-brand-8)'
+  'ti-date-table-week-bg-color-current-hover': 'var(--ti-base-color-brand-8)',
+  'ti-date-table-td-today-width': '26px',
+  'ti-date-table-td-today-height': '26px',
+  'ti-date-table-td-today-border-radius': '13px',
+  'ti-date-table-td-today-circle-border-color': 'var(--ti-base-color-brand)',
+  'ti-date-table-td-today-circle-border-width': '1px',
+  'ti-date-table-hover-bg-color': 'var(--ti-base-color-brand-8)',
+
+  'ti-date-table-range-bg-color': 'var(--ti-base-color-brand-8)',
+  'ti-date-table-td-div-height': '28px',
+  'ti-date-table-td-div-width': '28px',
+  'ti-date-table-range-hover-bg-color': 'var(--ti-base-color-brand-8)',
+  'ti-date-table-td-border-radius': '14px',
+  'ti-date-table-td-span-top': '3px',
+  'ti-date-table-start-date-border-radius': '14px',
+  'ti-date-table-td-today-border-color': 'transparent',
+  'ti-date-table-cell-selected-border-radius': '14px'
 }

package/dialog-box/aurora-theme.js

@@ -20,5 +20,8 @@ export const tinyDialogBoxAuroraTheme = {
   'ti-dialog-box-drawer-header-padding-top': 'var(--ti-common-space-2x)',
   'ti-dialog-box-drawer-header-padding-bottom': 'var(--ti-common-space-2x)',
   'ti-dialog-box-drawer-header-padding-left': 'var(--ti-common-space-6x)',
-  'ti-dialog-box-drawer-body-padding-right': 'var(--ti-common-space-6x)'
+  'ti-dialog-box-drawer-body-padding-right': 'var(--ti-common-space-6x)',
+  'ti-dialog-box-wrapper-display': 'flex',
+  'ti-dialog-box-wrapper-align-items': 'center',
+  'ti-dialog-box-header-height': 'var(--ti-common-size-10x)'
 }

package/dialog-box/index.css

@@ -1 +1 @@
-.tiny-dialog-box{position:absolute;background:var(--ti-dialog-box-bg-color);border:1px solid transparent;border-radius:var(--ti-dialog-box-border-radius);-webkit-box-shadow:var(--ti-dialog-box-shadow);box-shadow:var(--ti-dialog-box-shadow);overflow:hidden}.tiny-dialog-box__wrapper{--ti-dialog-box-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-dialog-box-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-dialog-box-shadow:var(--ti-common-shadow-4-down, 0 8px 40px 0 rgba(0, 0, 0, 0.2));--ti-dialog-box-head-border-color:var(--ti-common-color-line-normal, #adb0b8);--ti-dialog-box-head-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dialog-box-head-padding-top:var(--ti-common-space-8x, 32px);--ti-dialog-box-head-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-dialog-box-head-padding-bottom:calc(var(--ti-common-space-base, 4px) * 7);--ti-dialog-box-head-title-font-size:var(--ti-common-font-size-3, 18px);--ti-dialog-box-head-title-font-weight:var(--ti-common-font-weight-7, bold);--ti-dialog-box-head-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dialog-box-head-border-bottom-color:var(--ti-common-color-transparent, transparent);--ti-dialog-box-head-font-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-dialog-box-head-font-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-dialog-box-head-body-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dialog-box-head-body-font-size:var(--ti-common-font-size-1, 14px);--ti-dialog-box-btn-width:var(--ti-common-size-8x, 32px);--ti-dialog-box-btn-height:var(--ti-dialog-box-btn-width);--ti-dialog-box-btn-border-radius:var(--ti-common-border-radius-1, 4px);--ti-dialog-box-close-icon-size:var(--ti-common-font-size-1, 14px);--ti-dialog-box-close-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-dialog-box-close-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-dialog-box-btn-background-color-hover:none;--ti-dialog-box-btn-position-top:var(--ti-common-space-5x, 20px);--ti-dialog-box-btn-position-right:var(--ti-common-space-5x, 20px);--ti-dialog-box-body-font-size:var(--ti-common-font-size-base, 12px);--ti-dialog-box-body-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dialog-box-body-padding-vertical:var(--ti-common-space-0, 0px);--ti-dialog-box-body-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-dialog-box-footer-padding-top:calc(var(--ti-common-space-base, 4px) * 7);--ti-dialog-box-footer-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-dialog-box-footer-margin-bottom:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-min-width:calc(var(--ti-common-space-10, 10px) * 50);--ti-dialog-box-drawer-max-width:calc(var(--ti-common-space-10, 10px) * 100);--ti-dialog-box-drawer-padding-left:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-padding-right:var(--ti-common-space-10x, 40px);--ti-dialog-box-drawer-header-padding-top:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-header-padding-bottom:var(--ti-common-space-5x, 20px);--ti-dialog-box-drawer-header-padding-left:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-body-padding-right:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-body-padding-top:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-body-padding-bottom:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-body-padding-left:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-header-padding-right:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-footer-text-align:right;--ti-dialog-box-drawer-footer-padding-top:var(--ti-common-space-5x, 20px);--ti-dialog-box-drawer-footer-padding-bottom:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-footer-padding-left:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-footer-padding-right:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-footer-margin-left:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-footer-margin-right:var(--ti-common-space-10x, 40px);--ti-dialog-box-drawer-divider-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-dialog-box-drawer-radius:var(--ti-common-space-0, 0px);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__footer{position:absolute;left:0;bottom:0;width:100vw}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__header{padding:var(--ti-dialog-box-head-padding-top) var(--ti-dialog-box-head-padding-horizontal) var(--ti-dialog-box-head-padding-bottom);background:var(--ti-dialog-box-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-dialog-box-head-title-font-size);color:var(--ti-dialog-box-head-title-text-color);font-weight:var(--ti-dialog-box-head-title-font-weight);border-bottom:1px solid var(--ti-dialog-box-head-border-bottom-color)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;position:absolute;top:calc(var(--ti-dialog-box-btn-position-top) - (var(--ti-dialog-box-btn-height) - var(--ti-dialog-box-close-icon-size))/ 2);right:calc(var(--ti-dialog-box-btn-position-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2);cursor:pointer;height:var(--ti-dialog-box-btn-height);width:var(--ti-dialog-box-btn-width)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:hover{background-color:var(--ti-dialog-box-btn-background-color-hover);border-radius:var(--ti-dialog-box-btn-border-radius)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-dialog-box-close-icon-color);font-size:var(--ti-dialog-box-close-icon-size)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-dialog-box-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:var(--ti-dialog-box-body-padding-vertical) var(--ti-dialog-box-body-padding-horizontal);margin-bottom:var(--ti-dialog-box-body-margin-bottom);color:var(--ti-dialog-box-body-text-color);font-size:var(--ti-dialog-box-body-font-size)}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box .tiny-dialog-box__footer{padding:var(--ti-dialog-box-footer-padding-top) var(--ti-dialog-box-footer-padding-horizontal) var(--ti-dialog-box-footer-margin-bottom);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-button{min-width:var(--ti-dialog-box-footer-btn-min-width)}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.tiny-dialog-box.is-right-slide{border-radius:var(--ti-dialog-box-drawer-radius);min-width:var(--ti-dialog-box-drawer-min-width);max-width:var(--ti-dialog-box-drawer-max-width);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body,.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer,.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{width:calc(100% - var(--ti-dialog-box-drawer-padding-left) - var(--ti-dialog-box-drawer-padding-right));margin-left:var(--ti-dialog-box-drawer-padding-left);margin-right:var(--ti-dialog-box-drawer-padding-right)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{padding:var(--ti-dialog-box-drawer-header-padding-top) var(--ti-dialog-box-drawer-header-padding-right) var(--ti-dialog-box-drawer-header-padding-bottom) var(--ti-dialog-box-drawer-header-padding-left);border-bottom:1px solid var(--ti-dialog-box-drawer-divider-border-color)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__headerbtn{right:calc(var(--ti-dialog-box-btn-position-right) - var(--ti-dialog-box-drawer-padding-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:var(--ti-dialog-box-drawer-body-padding-top) var(--ti-dialog-box-drawer-body-padding-right) var(--ti-dialog-box-drawer-body-padding-bottom) var(--ti-dialog-box-drawer-body-padding-left)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer{padding:var(--ti-dialog-box-drawer-footer-padding-top) var(--ti-dialog-box-drawer-footer-padding-right) var(--ti-dialog-box-drawer-footer-padding-bottom) var(--ti-dialog-box-drawer-footer-padding-left);border-top:1px solid var(--ti-dialog-box-drawer-divider-border-color);text-align:var(--ti-dialog-box-drawer-footer-text-align)}.popup-parent--hidden{overflow:hidden}body:not(.popup-parent--hidden) .v-modal{pointer-events:none}body:not(.popup-parent--hidden) .tiny-dialog-box__wrapper{pointer-events:none}body:not(.popup-parent--hidden) .tiny-dialog-box__wrapper .tiny-dialog-box{pointer-events:auto}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}
+.tiny-dialog-box{position:absolute;background:var(--ti-dialog-box-bg-color);border:1px solid transparent;border-radius:var(--ti-dialog-box-border-radius);-webkit-box-shadow:var(--ti-dialog-box-shadow);box-shadow:var(--ti-dialog-box-shadow);overflow:hidden}.tiny-dialog-box__wrapper{--ti-dialog-box-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-dialog-box-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-dialog-box-shadow:var(--ti-common-shadow-4-down, 0 8px 40px 0 rgba(0, 0, 0, 0.2));--ti-dialog-box-head-border-color:var(--ti-common-color-line-normal, #adb0b8);--ti-dialog-box-head-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dialog-box-head-padding-top:var(--ti-common-space-8x, 32px);--ti-dialog-box-head-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-dialog-box-head-padding-bottom:calc(var(--ti-common-space-base, 4px) * 7);--ti-dialog-box-head-title-font-size:var(--ti-common-font-size-3, 18px);--ti-dialog-box-head-title-font-weight:var(--ti-common-font-weight-7, bold);--ti-dialog-box-head-title-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dialog-box-head-border-bottom-color:var(--ti-common-color-transparent, transparent);--ti-dialog-box-head-font-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-dialog-box-head-font-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-dialog-box-head-body-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dialog-box-head-body-font-size:var(--ti-common-font-size-1, 14px);--ti-dialog-box-btn-width:var(--ti-common-size-8x, 32px);--ti-dialog-box-btn-height:var(--ti-dialog-box-btn-width);--ti-dialog-box-btn-border-radius:var(--ti-common-border-radius-1, 4px);--ti-dialog-box-close-icon-size:var(--ti-common-font-size-1, 14px);--ti-dialog-box-close-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-dialog-box-close-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-dialog-box-btn-background-color-hover:none;--ti-dialog-box-btn-position-top:var(--ti-common-space-5x, 20px);--ti-dialog-box-btn-position-right:var(--ti-common-space-5x, 20px);--ti-dialog-box-body-font-size:var(--ti-common-font-size-base, 12px);--ti-dialog-box-body-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dialog-box-body-padding-vertical:var(--ti-common-space-0, 0px);--ti-dialog-box-body-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-dialog-box-footer-padding-top:calc(var(--ti-common-space-base, 4px) * 7);--ti-dialog-box-footer-padding-horizontal:var(--ti-common-space-8x, 32px);--ti-dialog-box-footer-margin-bottom:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-min-width:calc(var(--ti-common-space-10, 10px) * 50);--ti-dialog-box-drawer-max-width:calc(var(--ti-common-space-10, 10px) * 100);--ti-dialog-box-drawer-padding-left:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-padding-right:var(--ti-common-space-10x, 40px);--ti-dialog-box-drawer-header-padding-top:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-header-padding-bottom:var(--ti-common-space-5x, 20px);--ti-dialog-box-drawer-header-padding-left:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-body-padding-right:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-body-padding-top:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-body-padding-bottom:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-body-padding-left:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-header-padding-right:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-footer-text-align:right;--ti-dialog-box-drawer-footer-padding-top:var(--ti-common-space-5x, 20px);--ti-dialog-box-drawer-footer-padding-bottom:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-footer-padding-left:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-footer-padding-right:var(--ti-common-space-0, 0px);--ti-dialog-box-drawer-footer-margin-left:var(--ti-common-space-8x, 32px);--ti-dialog-box-drawer-footer-margin-right:var(--ti-common-space-10x, 40px);--ti-dialog-box-drawer-divider-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-dialog-box-drawer-radius:var(--ti-common-space-0, 0px);--ti-dialog-box-wrapper-display:block;--ti-dialog-box-wrapper-align-items:normal;--ti-dialog-box-header-height:var(--ti-common-size-9x);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;display:var(--ti-dialog-box-wrapper-display);-webkit-box-align:var(--ti-dialog-box-wrapper-align-items);-ms-flex-align:var(--ti-dialog-box-wrapper-align-items);align-items:var(--ti-dialog-box-wrapper-align-items)}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__footer{position:absolute;left:0;bottom:0;width:100vw}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__header{height:var(--ti-dialog-box-header-height);padding:var(--ti-dialog-box-head-padding-top) var(--ti-dialog-box-head-padding-horizontal) var(--ti-dialog-box-head-padding-bottom);background:var(--ti-dialog-box-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-dialog-box-head-title-font-size);color:var(--ti-dialog-box-head-title-text-color);font-weight:var(--ti-dialog-box-head-title-font-weight);border-bottom:1px solid var(--ti-dialog-box-head-border-bottom-color)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;top:calc(var(--ti-dialog-box-btn-position-top) - (var(--ti-dialog-box-btn-height) - var(--ti-dialog-box-close-icon-size))/ 2);right:calc(var(--ti-dialog-box-btn-position-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2);cursor:pointer}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:hover{background-color:var(--ti-dialog-box-btn-background-color-hover);border-radius:var(--ti-dialog-box-btn-border-radius)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-dialog-box-close-icon-color);font-size:var(--ti-dialog-box-close-icon-size)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-dialog-box-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:var(--ti-dialog-box-body-padding-vertical) var(--ti-dialog-box-body-padding-horizontal);margin-bottom:var(--ti-dialog-box-body-margin-bottom);color:var(--ti-dialog-box-body-text-color);font-size:var(--ti-dialog-box-body-font-size)}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box .tiny-dialog-box__footer{padding:var(--ti-dialog-box-footer-padding-top) var(--ti-dialog-box-footer-padding-horizontal) var(--ti-dialog-box-footer-margin-bottom);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-button{min-width:var(--ti-dialog-box-footer-btn-min-width)}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.tiny-dialog-box.is-right-slide{border-radius:var(--ti-dialog-box-drawer-radius);min-width:var(--ti-dialog-box-drawer-min-width);max-width:var(--ti-dialog-box-drawer-max-width);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body,.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer,.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{width:calc(100% - var(--ti-dialog-box-drawer-padding-left) - var(--ti-dialog-box-drawer-padding-right));margin-left:var(--ti-dialog-box-drawer-padding-left);margin-right:var(--ti-dialog-box-drawer-padding-right)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{padding:var(--ti-dialog-box-drawer-header-padding-top) var(--ti-dialog-box-drawer-header-padding-right) var(--ti-dialog-box-drawer-header-padding-bottom) var(--ti-dialog-box-drawer-header-padding-left);border-bottom:1px solid var(--ti-dialog-box-drawer-divider-border-color)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__headerbtn{right:calc(var(--ti-dialog-box-btn-position-right) - var(--ti-dialog-box-drawer-padding-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:var(--ti-dialog-box-drawer-body-padding-top) var(--ti-dialog-box-drawer-body-padding-right) var(--ti-dialog-box-drawer-body-padding-bottom) var(--ti-dialog-box-drawer-body-padding-left)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer{padding:var(--ti-dialog-box-drawer-footer-padding-top) var(--ti-dialog-box-drawer-footer-padding-right) var(--ti-dialog-box-drawer-footer-padding-bottom) var(--ti-dialog-box-drawer-footer-padding-left);border-top:1px solid var(--ti-dialog-box-drawer-divider-border-color);text-align:var(--ti-dialog-box-drawer-footer-text-align)}.popup-parent--hidden{overflow:hidden}body:not(.popup-parent--hidden) .v-modal{pointer-events:none}body:not(.popup-parent--hidden) .tiny-dialog-box__wrapper{pointer-events:none}body:not(.popup-parent--hidden) .tiny-dialog-box__wrapper .tiny-dialog-box{pointer-events:auto}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}

package/drawer/aurora-theme.js

@@ -1,12 +1,21 @@
 export const tinyDrawerAuroraTheme = {
   'ti-drawer-min-width': '30%',
-  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-2)',
-  'ti-drawer-footer-text-align': 'center',
+  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-3)',
+  'ti-drawer-footer-justify-content': 'center',
   'ti-drawer-padding-left': '0px',
   'ti-drawer-padding-right': '0px',
-  'ti-drawer-header-padding-top': 'var(--ti-common-space-2x)',
-  'ti-drawer-header-padding-bottom': 'var(--ti-common-space-2x)',
-  'ti-drawer-header-padding-left': 'var(--ti-common-space-6x)',
-  'ti-drawer-btn-position-top': 'var(--ti-common-space-3x)',
-  'ti-drawer-body-padding-right': 'var(--ti-common-space-6x)'
+  'ti-drawer-head-title-font-weight': 'var(--ti-common-font-weight-4)',
+  'ti-drawer-header-padding-top': 'var(--ti-common-space-4x)',
+  'ti-drawer-header-padding-bottom': 'var(--ti-common-space-4x)',
+  'ti-drawer-header-padding-left': 'var(--ti-common-space-4x)',
+  'ti-drawer-footer-padding-top': 'var(--ti-common-space-3x)',
+  'ti-drawer-footer-padding-bottom': 'var(--ti-common-space-3x)',
+  'ti-drawer-footer-padding-left': 'var(--ti-common-space-4x)',
+  'ti-drawer-footer-padding-right': 'var(--ti-common-space-4x)',
+  'ti-drawer-btn-position-top': 'calc(var(--ti-common-space-4x) + 2px)',
+  'ti-drawer-body-padding-right': 'var(--ti-common-space-6x)',
+  'ti-drawer-radius': 'var(--ti-common-border-radius-2)',
+  'ti-drawer-divider-border-color': 'transparent',
+  'ti-drawer-mask-bg-color': 'rgba(25, 25, 25, 0.3)',
+  'ti-drawer-shadow': '0 1px 6px rgba(0,0,0,.08)'
 }

package/drawer/index.css

@@ -1 +1 @@
-.tiny-drawer{--ti-drawer-min-width:calc(var(--ti-common-space-10, 10px) * 50);--ti-drawer-max-width:calc(var(--ti-common-space-10, 10px) * 100);--ti-drawer-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-drawer-padding-left:var(--ti-common-space-8x, 32px);--ti-drawer-padding-right:var(--ti-common-space-10x, 40px);--ti-drawer-shadow:var(--ti-common-shadow-4-down, 0 8px 40px 0 rgba(0, 0, 0, 0.2));--ti-drawer-divider-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-drawer-radius:var(--ti-common-space-0, 0px);--ti-drawer-header-padding-top:var(--ti-common-space-8x, 32px);--ti-drawer-header-padding-bottom:var(--ti-common-space-5x, 20px);--ti-drawer-header-padding-left:var(--ti-common-space-0, 0px);--ti-drawer-body-padding-right:var(--ti-common-space-0, 0px);--ti-drawer-head-title-font-size:var(--ti-common-font-size-2, 16px);--ti-drawer-head-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-drawer-head-title-font-weight:var(--ti-common-font-weight-7, bold);--ti-drawer-btn-width:var(--ti-common-size-8x, 32px);--ti-drawer-btn-height:var(--ti-drawer-btn-width);--ti-drawer-close-icon-size:var(--ti-common-font-size-1, 14px);--ti-drawer-btn-border-radius:var(--ti-common-border-radius-1, 4px);--ti-drawer-close-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-drawer-btn-position-top:var(--ti-common-space-5x, 20px);--ti-drawer-btn-position-right:var(--ti-common-space-5x, 20px);--ti-drawer-body-padding-top:var(--ti-common-space-0, 0px);--ti-drawer-body-padding-bottom:var(--ti-common-space-0, 0px);--ti-drawer-body-padding-left:var(--ti-common-space-0, 0px);--ti-drawer-header-padding-right:var(--ti-common-space-0, 0px);--ti-drawer-footer-text-align:right;--ti-drawer-footer-padding-top:var(--ti-common-space-5x, 20px);--ti-drawer-footer-padding-bottom:var(--ti-common-space-8x, 32px);--ti-drawer-footer-padding-left:var(--ti-common-space-0, 0px);--ti-drawer-footer-padding-right:var(--ti-common-space-0, 0px);--ti-drawer-footer-margin-left:var(--ti-common-space-8x, 32px);--ti-drawer-footer-margin-right:var(--ti-common-space-10x, 40px)}.tiny-drawer .tiny-drawer__mask{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.tiny-drawer .tiny-drawer__mask.show-bg-color{background-color:rgba(0,0,0,.3)}.tiny-drawer .tiny-drawer__main{position:fixed;width:100%;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-color:#e8ebef;border-style:solid;-webkit-box-shadow:var(--ti-drawer-shadow);box-shadow:var(--ti-drawer-shadow)}.tiny-drawer .tiny-drawer__main.drag-effects{-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:all;transition-property:all}.tiny-drawer .tiny-drawer__main.is-left,.tiny-drawer .tiny-drawer__main.is-right{height:100%}.tiny-drawer .tiny-drawer__main.is-bottom,.tiny-drawer .tiny-drawer__main.is-top{max-height:100%}.tiny-drawer .tiny-drawer__main.is-right{top:0;right:0;border-left-width:.5px}.tiny-drawer .tiny-drawer__main.is-right .tiny-drawer__drag-bar{left:-4px}.tiny-drawer .tiny-drawer__main.is-left{top:0;left:0;border-right-width:.5px}.tiny-drawer .tiny-drawer__main.is-left .tiny-drawer__drag-bar{right:-4px}.tiny-drawer .tiny-drawer__main.is-top{top:0;left:0;border-bottom-width:.5px}.tiny-drawer .tiny-drawer__main.is-bottom{bottom:0;left:0;border-top-width:.5px}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar{position:absolute;top:0;width:.5rem;height:100%;cursor:e-resize}.tiny-drawer .tiny-drawer__main .tiny-drawer__box{-webkit-box-flex:1;-ms-flex:auto;flex:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__body,.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer,.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header{margin-left:var(--ti-drawer-padding-left);margin-right:var(--ti-drawer-padding-right)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn{border:none;outline:0;background:0 0;padding:0;line-height:1;position:absolute;top:calc(var(--ti-drawer-btn-position-top) - (var(--ti-drawer-btn-height) - var(--ti-drawer-close-icon-size))/ 2);right:calc(var(--ti-drawer-btn-position-right) - (var(--ti-drawer-btn-width) - var(--ti-drawer-close-icon-size))/ 2);cursor:pointer;height:var(--ti-drawer-btn-height);width:var(--ti-drawer-btn-width)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn:hover{background-color:var(--ti-drawer-btn-background-color-hover);border-radius:var(--ti-drawer-btn-border-radius)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn+.tiny-drawer__headerbtn{margin-left:8px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn .tiny-drawer__close{font-size:var(--ti-drawer-close-icon-size)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header{padding:var(--ti-drawer-header-padding-top) var(--ti-drawer-header-padding-right) var(--ti-drawer-header-padding-bottom) var(--ti-drawer-header-padding-left);background:var(--ti-drawer-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--ti-drawer-divider-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__title{max-width:80%;text-align:left;padding-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ti-drawer-head-title-font-size);color:var(--ti-drawer-head-title-text-color);font-weight:var(--ti-drawer-head-title-font-weight)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__body{-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow:auto}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer{-webkit-box-flex:0;-ms-flex:none;flex:none;padding:var(--ti-drawer-footer-padding-top) var(--ti-drawer-footer-padding-right) var(--ti-drawer-footer-padding-bottom) var(--ti-drawer-footer-padding-left);border-top:1px solid var(--ti-drawer-divider-border-color);text-align:var(--ti-drawer-footer-text-align)}.drawer-slide-right-enter-active{-webkit-animation:slideRight .3s linear;animation:slideRight .3s linear}.drawer-slide-right-leave-active{-webkit-animation:slideRightout .3s linear;animation:slideRightout .3s linear}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.drawer-slide-left-enter-active{-webkit-animation:slideLeft .3s linear;animation:slideLeft .3s linear}.drawer-slide-left-leave-active{-webkit-animation:slideLeftout .3s linear;animation:slideLeftout .3s linear}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideLeftout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideLeftout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.drawer-slide-bottom-enter-active{-webkit-animation:slideBottom .3s linear;animation:slideBottom .3s linear}.drawer-slide-bottom-leave-active{-webkit-animation:slideBottomout .3s linear;animation:slideBottomout .3s linear}@-webkit-keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideBottomout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideBottomout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}}.drawer-slide-top-enter-active{-webkit-animation:slideTop .3s linear;animation:slideTop .3s linear}.drawer-slide-top-leave-active{-webkit-animation:slideTopout .3s linear;animation:slideTopout .3s linear}@-webkit-keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideTopout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideTopout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.drawer-fade-enter-active{-webkit-animation:drawer-fade-in .3s linear;animation:drawer-fade-in .3s linear}.drawer-fade-leave-active{-webkit-animation:drawer-fade-out .3s linear;animation:drawer-fade-out .3s linear}@-webkit-keyframes drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes drawer-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes drawer-fade-out{0%{opacity:1}100%{opacity:0}}
+.tiny-drawer{--ti-drawer-min-width:calc(var(--ti-common-space-10, 10px) * 50);--ti-drawer-max-width:calc(var(--ti-common-space-10, 10px) * 100);--ti-drawer-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-drawer-padding-left:var(--ti-common-space-8x, 32px);--ti-drawer-padding-right:var(--ti-common-space-10x, 40px);--ti-drawer-mask-bg-color:rgba(0, 0, 0, 0.3);--ti-drawer-shadow:var(--ti-common-shadow-4-down, 0 8px 40px 0 rgba(0, 0, 0, 0.2));--ti-drawer-divider-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-drawer-radius:var(--ti-common-space-0, 0);--ti-drawer-mask-bg-color:var(--ti-mobile-color-bg-mask);--ti-drawer-header-padding-top:var(--ti-common-space-8x, 32px);--ti-drawer-header-padding-bottom:var(--ti-common-space-5x, 20px);--ti-drawer-header-padding-left:var(--ti-common-space-0, 0);--ti-drawer-body-padding-right:var(--ti-common-space-0, 0);--ti-drawer-head-title-font-size:var(--ti-common-font-size-2, 16px);--ti-drawer-head-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-drawer-head-title-font-weight:var(--ti-common-font-weight-7, bold);--ti-drawer-head-title-text-color:var(--ti-common-text-primary, #252b3a);--ti-drawer-btn-width:var(--ti-common-size-8x, 32px);--ti-drawer-btn-height:var(--ti-drawer-btn-width);--ti-drawer-close-icon-size:var(--ti-common-font-size-1, 14px);--ti-drawer-btn-border-radius:var(--ti-common-border-radius-1, 4px);--ti-drawer-close-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-drawer-close-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-drawer-btn-position-top:var(--ti-common-space-5x, 20px);--ti-drawer-btn-position-right:var(--ti-common-space-5x, 20px);--ti-drawer-help-icon-margin-left:var(--ti-common-space-2x, 8px);--ti-drawer-help-icon-width-height:var(--ti-common-space-4x, 16px);--ti-drawer-help-icon-color:var(--ti-common-color-info, #252b3a);--ti-drawer-body-padding-top:var(--ti-common-space-0, 0);--ti-drawer-body-padding-bottom:var(--ti-common-space-0, 0);--ti-drawer-body-padding-left:var(--ti-common-space-0, 0);--ti-drawer-header-padding-right:var(--ti-common-space-0, 0);--ti-drawer-divider-body-border-color:var(--ti-common-color-transparent);--ti-drawer-footer-justify-content:flex-end;--ti-drawer-footer-padding-top:var(--ti-common-space-5x, 20px);--ti-drawer-footer-padding-bottom:var(--ti-common-space-8x, 32px);--ti-drawer-footer-padding-left:var(--ti-common-space-0, 0);--ti-drawer-footer-padding-right:var(--ti-common-space-0, 0);--ti-drawer-footer-margin-left:var(--ti-common-space-8x, 32px);--ti-drawer-footer-margin-right:var(--ti-common-space-10x, 40px);--ti-drawer-divider-footer-button-margin-left:var(--ti-common-space-2x, 8px);--ti-drawer-divider-footer-border-color:var(--ti-drawer-divider-border-color, #dfe1e6)}.tiny-drawer .tiny-drawer__mask{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.tiny-drawer .tiny-drawer__mask.show-bg-color{background-color:var(--ti-drawer-mask-bg-color)}.tiny-drawer .tiny-drawer__main{position:fixed;width:100%;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-color:#e8ebef;border-style:solid;-webkit-box-shadow:var(--ti-drawer-shadow);box-shadow:var(--ti-drawer-shadow);overflow:hidden}.tiny-drawer .tiny-drawer__main.drag-effects{-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:all;transition-property:all}.tiny-drawer .tiny-drawer__main.is-left,.tiny-drawer .tiny-drawer__main.is-right{height:100%}.tiny-drawer .tiny-drawer__main.is-bottom,.tiny-drawer .tiny-drawer__main.is-top{max-height:100%}.tiny-drawer .tiny-drawer__main.is-right{top:0;right:0;border-left-width:.5px;border-radius:var(--ti-drawer-radius) 0 0 var(--ti-drawer-radius)}.tiny-drawer .tiny-drawer__main.is-right .tiny-drawer__drag-bar{left:-4px}.tiny-drawer .tiny-drawer__main.is-left{top:0;left:0;border-right-width:.5px;border-radius:0 var(--ti-common-border-radius-2) var(--ti-common-border-radius-2) 0}.tiny-drawer .tiny-drawer__main.is-left .tiny-drawer__drag-bar{right:-4px}.tiny-drawer .tiny-drawer__main.is-top{top:0;left:0;border-bottom-width:.5px;border-radius:0 0 var(--ti-common-border-radius-2) var(--ti-common-border-radius-2)}.tiny-drawer .tiny-drawer__main.is-bottom{bottom:0;left:0;border-top-width:.5px;border-radius:var(--ti-common-border-radius-2) var(--ti-common-border-radius-2) 0 0}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar{position:absolute;top:0;width:.5rem;height:100%;cursor:e-resize}.tiny-drawer .tiny-drawer__main .tiny-drawer__box{-webkit-box-flex:1;-ms-flex:auto;flex:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer,.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header{margin-left:var(--ti-drawer-padding-left);margin-right:var(--ti-drawer-padding-right)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn{border:none;outline:0;background:0 0;padding:0;line-height:1;position:absolute;top:calc(var(--ti-drawer-btn-position-top) - (var(--ti-drawer-btn-height) - var(--ti-drawer-close-icon-size))/ 2);right:calc(var(--ti-drawer-btn-position-right) - (var(--ti-drawer-btn-width) - var(--ti-drawer-close-icon-size))/ 2);cursor:pointer;height:var(--ti-drawer-btn-height);width:var(--ti-drawer-btn-width)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn:hover{background-color:var(--ti-drawer-btn-background-color-hover);border-radius:var(--ti-drawer-btn-border-radius)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn+.tiny-drawer__headerbtn{margin-left:8px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn .tiny-drawer__close{font-size:var(--ti-drawer-close-icon-size);fill:var(--ti-drawer-close-icon-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header{padding:var(--ti-drawer-header-padding-top) var(--ti-drawer-header-padding-right) var(--ti-drawer-header-padding-bottom) var(--ti-drawer-header-padding-left);background:var(--ti-drawer-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--ti-drawer-divider-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__title{max-width:80%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ti-drawer-head-title-font-size);color:var(--ti-drawer-head-title-text-color);font-weight:var(--ti-drawer-head-title-font-weight)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-left{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:16px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-left .tiny-drawer__help-icon{width:var(--ti-drawer-help-icon-width-height);height:var(--ti-drawer-help-icon-width-height);margin-left:var(--ti-drawer-help-icon-margin-left);fill:var(--ti-drawer-help-icon-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__body{-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow:auto;padding-left:var(--ti-drawer-padding-left);padding-right:var(--ti-drawer-padding-right);border-bottom:1px solid var(--ti-drawer-divider-body-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:var(--ti-drawer-footer-justify-content);-ms-flex-pack:var(--ti-drawer-footer-justify-content);justify-content:var(--ti-drawer-footer-justify-content);padding:var(--ti-drawer-footer-padding-top) var(--ti-drawer-footer-padding-right) var(--ti-drawer-footer-padding-bottom) var(--ti-drawer-footer-padding-left);border-top:1px solid var(--ti-drawer-divider-footer-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__confirm-btn{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__confirm-btn.reverse{margin-left:var(--ti-drawer-divider-footer-button-margin-left);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__cancel-btn{margin-left:var(--ti-drawer-divider-footer-button-margin-left);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer .tiny-drawer__cancel-btn.reverse{margin-left:0;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.drawer-slide-right-enter-active{-webkit-animation:slideRight .3s linear;animation:slideRight .3s linear}.drawer-slide-right-leave-active{-webkit-animation:slideRightout .3s linear;animation:slideRightout .3s linear}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.drawer-slide-left-enter-active{-webkit-animation:slideLeft .3s linear;animation:slideLeft .3s linear}.drawer-slide-left-leave-active{-webkit-animation:slideLeftout .3s linear;animation:slideLeftout .3s linear}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideLeftout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideLeftout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.drawer-slide-bottom-enter-active{-webkit-animation:slideBottom .3s linear;animation:slideBottom .3s linear}.drawer-slide-bottom-leave-active{-webkit-animation:slideBottomout .3s linear;animation:slideBottomout .3s linear}@-webkit-keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideBottomout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideBottomout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}}.drawer-slide-top-enter-active{-webkit-animation:slideTop .3s linear;animation:slideTop .3s linear}.drawer-slide-top-leave-active{-webkit-animation:slideTopout .3s linear;animation:slideTopout .3s linear}@-webkit-keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideTopout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideTopout{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.drawer-fade-enter-active{-webkit-animation:drawer-fade-in .3s linear;animation:drawer-fade-in .3s linear}.drawer-fade-leave-active{-webkit-animation:drawer-fade-out .3s linear;animation:drawer-fade-out .3s linear}@-webkit-keyframes drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes drawer-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes drawer-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes drawer-fade-out{0%{opacity:1}100%{opacity:0}}

package/drawer/smb-theme.js

@@ -1,6 +1,13 @@
 export const tinyDrawerSmbTheme = {
+  'ti-drawer-mask-bg-color': 'rgba(0, 0, 0, 16%)',
+  'ti-drawer-shadow': '0 8px 24px rgba(0, 0, 0, 30%)',
+  'ti-drawer-head-title-font-size': 'var(--ti-common-font-size-4)',
   'ti-drawer-padding-right': 'var(--ti-common-space-8x)',
   'ti-drawer-footer-padding-top': 'var(--ti-common-space-6x)',
   'ti-drawer-divider-border-color': 'transparent',
-  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-2)'
+  'ti-drawer-divider-body-border-color': 'var(--ti-common-color-line-dividing)',
+  'ti-drawer-divider-footer-border-color': 'var(--ti-common-color-transparent)',
+  'ti-drawer-close-icon-size': 'var(--ti-common-font-size-5)',
+  'ti-drawer-help-icon-color': 'var(--ti-common-color-icon)',
+  'ti-drawer-close-icon-color': 'var(--ti-common-color-icon-normal)'
 }

package/dropdown/aurora-theme.js

@@ -1,5 +1,13 @@
 export const tinyDropdownAuroraTheme = {
   'ti-dropdown-text-color': 'var(--ti-common-color-text-highlight)',
   'ti-dropdown-icon-color': 'var(--ti-common-color-icon-normal)',
-  'ti-dropdown-trigger-svg-margin-left': 'var(--ti-common-space-2x)'
+  'ti-dropdown-trigger-svg-margin-left': 'var(--ti-common-space-2x)',
+  'ti-dropdown-trigger-title-margin-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-title-button-padding-left': 'var(--ti-common-space-2x)',
+  'ti-dropdown-title-button-padding-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-button-icon-size': '12px',
+  'ti-dropdown-caret-button-padding-left': 'var(--ti-common-space-2x)',
+  'ti-dropdown-caret-button-padding-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-caret-svg-margin-horizontal': 'var(--ti-common-space-0)',
+  'ti-dropdown-caret-svg-padding-left': 'var(--ti-common-space-0)'
 }

package/dropdown/index.css

@@ -1 +1 @@
-.tiny-dropdown{--ti-dropdown-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-text-color:var(--ti-common-color-text-link, #526ecc);--ti-dropdown-text-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-dropdown-line-height:var(--ti-common-line-height-number, 1.5);--ti-dropdown-icon-size:10px;--ti-dropdown-icon-color:var(--ti-common-color-text-link, #526ecc);--ti-dropdown-icon-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-dropdown-trigger-only-svg-width:var(--ti-common-size-5x);--ti-dropdown-trigger-only-svg-height:var(--ti-common-size-5x);--ti-dropdown-trigger-only-svg-hover-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-dropdown-trigger-only-svg-hover-radius:var(--ti-common-border-radius-normal);--ti-dropdown-button-icon-color:var(--ti-common-color-icon-white, #fff);--ti-dropdown-button-icon-size:var(--ti-common-font-size-1, 14px);--ti-dropdown-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-dropdown-trigger-title-margin-right:var(--ti-common-space-base, 4px);--ti-dropdown-trigger-svg-margin-left:var(--ti-common-space-base, 4px);--ti-dropdown-trigger-svg-margin-top:1px;--ti-dropdown-trigger-svg-margin-bottom:1px;--ti-dropdown-caret-button-padding-left:var(--ti-common-space-base, 4px);--ti-dropdown-caret-button-padding-right:var(--ti-common-space-base, 4px);--ti-dropdown-caret-button-min-width:var(--ti-common-size-6x, 24px);--ti-dropdown-caret-line-bg-color:var(--ti-common-color-light, #fff);--ti-dropdown-caret-line-margin-top:var(--ti-common-space-base, 4px);--ti-dropdown-caret-line-margin-bottom:var(--ti-common-space-base, 4px);--ti-dropdown-caret-line-margin-top-hover:var(--ti-common-space-0, 0px);--ti-dropdown-caret-line-margin-bottom-hover:var(--ti-common-space-0, 0px);--ti-dropdown-caret-line-width:var(--ti-common-border-weight-normal, 1px);--ti-dropdown-caret-line-bg-color-default:var(--ti-common-color-line-normal, #adb0b8);--ti-dropdown-caret-line-bg-color-default-hover:var(--ti-common-color-line-active, #5e7ce0);--ti-dropdown-caret-svg-margin-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-caret-svg-margin-horizontal:var(--ti-common-space-base, 4px);--ti-dropdown-caret-svg-padding-left:var(--ti-common-space-0, 0px);--ti-dropdown-title-button-padding-right:var(--ti-common-space-5x, 20px);--ti-dropdown-title-button-padding-left:var(--ti-common-space-5x, 20px);display:inline-block;position:relative;color:var(--ti-dropdown-text-color);font-size:var(--ti-dropdown-font-size)}.tiny-dropdown span{display:inline-block}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button) .tiny-svg{margin-top:var(--ti-dropdown-trigger-svg-margin-top);margin-bottom:var(--ti-dropdown-trigger-svg-margin-bottom);vertical-align:top}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button):not(:has(.tiny-dropdown__title))>.tiny-dropdown__suffix-inner .tiny-svg{width:var(--ti-dropdown-trigger-only-svg-width);height:var(--ti-dropdown-trigger-only-svg-height);margin:2px}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button):not(:has(.tiny-dropdown__title))>.tiny-dropdown__suffix-inner:hover{background-color:var(--ti-dropdown-trigger-only-svg-hover-bg-color);border-radius:var(--ti-dropdown-trigger-only-svg-hover-radius)}.tiny-dropdown .tiny-dropdown__trigger .tiny-dropdown__title{line-height:var(--ti-dropdown-line-height);margin-right:var(--ti-dropdown-trigger-title-margin-right)}.tiny-dropdown .tiny-dropdown__trigger .tiny-svg{fill:var(--ti-dropdown-icon-color);font-size:var(--ti-dropdown-icon-size)}.tiny-dropdown .tiny-dropdown__trigger.tiny-button .tiny-svg{fill:var(--ti-dropdown-button-icon-color);font-size:var(--ti-dropdown-button-icon-size);margin-left:var(--ti-dropdown-trigger-svg-margin-left)}.tiny-dropdown .tiny-dropdown__trigger.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):not(.is-disabled):hover{color:var(--ti-dropdown-text-color-hover)}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):not(.is-disabled):hover .tiny-svg{fill:var(--ti-dropdown-icon-color-hover)}.tiny-dropdown .tiny-dropdown__trigger.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-text-color-disabled)}.tiny-dropdown .tiny-dropdown__trigger.is-disabled .tiny-svg{fill:var(--ti-dropdown-text-color-disabled)}.tiny-dropdown .tiny-button-group{display:block}.tiny-dropdown .tiny-button-group .tiny-button{float:none}.tiny-dropdown .tiny-button-group .tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:0}.tiny-dropdown .tiny-button-group .tiny-button--small+.tiny-button.tiny-button--small{margin-left:0}.tiny-dropdown .tiny-dropdown__title-button{padding-left:var(--ti-dropdown-title-button-padding-left);padding-right:var(--ti-dropdown-title-button-padding-right)}.tiny-dropdown .tiny-dropdown__title-button.is-disabled.tiny-button--default:hover{z-index:0}.tiny-dropdown .tiny-dropdown__caret-button{padding-left:var(--ti-dropdown-caret-button-padding-left);padding-right:var(--ti-dropdown-caret-button-padding-right);position:relative;border-left:none;min-width:var(--ti-dropdown-caret-button-min-width)}.tiny-dropdown .tiny-dropdown__caret-button:before{content:'';position:absolute;display:block;width:var(--ti-dropdown-caret-line-width);top:0;bottom:0;left:0;margin-top:var(--ti-dropdown-caret-line-margin-top);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom);background-color:var(--ti-dropdown-caret-line-bg-color)}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:before{background:var(--ti-dropdown-caret-line-bg-color-default)}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:hover:not(.is-disabled):before{background-color:var(--ti-dropdown-caret-line-bg-color-default-hover)}.tiny-dropdown .tiny-dropdown__caret-button:hover:not(.is-disabled):before{margin-top:var(--ti-dropdown-caret-line-margin-top-hover);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom-hover)}.tiny-dropdown .tiny-dropdown__caret-button svg{padding-left:var(--ti-dropdown-caret-svg-padding-left);margin:var(--ti-dropdown-caret-svg-margin-vertical) var(--ti-dropdown-caret-svg-margin-horizontal)}.tiny-dropdown .tiny-dropdown-selfdefine:focus:active,.tiny-dropdown .tiny-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.tiny-dropdown:hover{cursor:pointer}.tiny-dropdown--visible{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transform-origin:center;transform-origin:center}
+.tiny-dropdown{--ti-dropdown-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-text-color:var(--ti-common-color-text-link, #526ecc);--ti-dropdown-text-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-dropdown-line-height:var(--ti-common-line-height-number, 1.5);--ti-dropdown-icon-size:10px;--ti-dropdown-icon-color:var(--ti-common-color-text-link, #526ecc);--ti-dropdown-icon-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-dropdown-trigger-only-svg-width:var(--ti-common-size-5x);--ti-dropdown-trigger-only-svg-height:var(--ti-common-size-5x);--ti-dropdown-trigger-only-svg-hover-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-dropdown-trigger-only-svg-hover-radius:var(--ti-common-border-radius-normal);--ti-dropdown-button-icon-color:var(--ti-common-color-icon-white, #fff);--ti-dropdown-button-icon-size:var(--ti-common-font-size-1, 14px);--ti-dropdown-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-dropdown-trigger-title-margin-right:var(--ti-common-space-base, 4px);--ti-dropdown-trigger-svg-margin-left:var(--ti-common-space-base, 4px);--ti-dropdown-trigger-svg-margin-top:1px;--ti-dropdown-trigger-svg-margin-bottom:1px;--ti-dropdown-caret-button-padding-left:var(--ti-common-space-base, 4px);--ti-dropdown-caret-button-padding-right:var(--ti-common-space-base, 4px);--ti-dropdown-caret-button-min-width:var(--ti-common-size-6x, 24px);--ti-dropdown-caret-line-bg-color:var(--ti-common-color-light, #fff);--ti-dropdown-caret-line-margin-top:var(--ti-common-space-base, 4px);--ti-dropdown-caret-line-margin-bottom:var(--ti-common-space-base, 4px);--ti-dropdown-caret-line-margin-top-hover:var(--ti-common-space-0, 0px);--ti-dropdown-caret-line-margin-bottom-hover:var(--ti-common-space-0, 0px);--ti-dropdown-caret-line-width:var(--ti-common-border-weight-normal, 1px);--ti-dropdown-caret-line-bg-color-default:var(--ti-common-color-line-normal, #adb0b8);--ti-dropdown-caret-line-bg-color-default-hover:var(--ti-common-color-line-active, #5e7ce0);--ti-dropdown-caret-svg-margin-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-caret-svg-margin-horizontal:var(--ti-common-space-base, 4px);--ti-dropdown-caret-svg-padding-left:var(--ti-common-space-0, 0px);--ti-dropdown-title-button-padding-right:var(--ti-common-space-5x, 20px);--ti-dropdown-title-button-padding-left:var(--ti-common-space-5x, 20px);display:inline-block;position:relative;color:var(--ti-dropdown-text-color);font-size:var(--ti-dropdown-font-size)}.tiny-dropdown span{display:inline-block}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button) .tiny-svg{margin-top:var(--ti-dropdown-trigger-svg-margin-top);margin-bottom:var(--ti-dropdown-trigger-svg-margin-bottom);vertical-align:top}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button):not(:has(.tiny-dropdown__title))>.tiny-dropdown__suffix-inner .tiny-svg{width:var(--ti-dropdown-trigger-only-svg-width);height:var(--ti-dropdown-trigger-only-svg-height);margin:2px}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button):not(:has(.tiny-dropdown__title))>.tiny-dropdown__suffix-inner:hover{background-color:var(--ti-dropdown-trigger-only-svg-hover-bg-color);border-radius:var(--ti-dropdown-trigger-only-svg-hover-radius)}.tiny-dropdown .tiny-dropdown__trigger .tiny-dropdown__title{line-height:var(--ti-dropdown-line-height);margin-right:var(--ti-dropdown-trigger-title-margin-right)}.tiny-dropdown .tiny-dropdown__trigger .tiny-svg{fill:var(--ti-dropdown-icon-color);font-size:var(--ti-dropdown-icon-size)}.tiny-dropdown .tiny-dropdown__trigger.tiny-button .tiny-svg{fill:var(--ti-dropdown-button-icon-color);font-size:var(--ti-dropdown-button-icon-size);margin-left:var(--ti-dropdown-trigger-svg-margin-left)}.tiny-dropdown .tiny-dropdown__trigger.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):not(.is-disabled):hover{color:var(--ti-dropdown-text-color-hover)}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):not(.is-disabled):hover .tiny-svg{fill:var(--ti-dropdown-icon-color-hover)}.tiny-dropdown .tiny-dropdown__trigger.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-text-color-disabled)}.tiny-dropdown .tiny-dropdown__trigger.is-disabled .tiny-svg{fill:var(--ti-dropdown-text-color-disabled)}.tiny-dropdown .tiny-dropdown__border .tiny-dropdown__title{line-height:var(--ti-dropdown-line-height);margin-right:var(--ti-dropdown-trigger-title-margin-right)}.tiny-dropdown .tiny-button-group{display:block}.tiny-dropdown .tiny-button-group .tiny-button{float:none}.tiny-dropdown .tiny-button-group .tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:0}.tiny-dropdown .tiny-button-group .tiny-button--small+.tiny-button.tiny-button--small{margin-left:0}.tiny-dropdown .tiny-dropdown__title-button{padding-left:var(--ti-dropdown-title-button-padding-left);padding-right:var(--ti-dropdown-title-button-padding-right)}.tiny-dropdown .tiny-dropdown__title-button.is-disabled.tiny-button--default:hover{z-index:0}.tiny-dropdown .tiny-dropdown__trigger.tiny-dropdown__caret-button{padding-left:var(--ti-dropdown-caret-button-padding-left);padding-right:var(--ti-dropdown-caret-button-padding-right);position:relative;border-left:none;min-width:var(--ti-dropdown-caret-button-min-width);line-height:1}.tiny-dropdown .tiny-dropdown__trigger.tiny-dropdown__caret-button:before{content:'';position:absolute;display:block;width:var(--ti-dropdown-caret-line-width);top:0;bottom:0;left:0;margin-top:var(--ti-dropdown-caret-line-margin-top);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom);background-color:var(--ti-dropdown-caret-line-bg-color)}.tiny-dropdown .tiny-dropdown__trigger.tiny-dropdown__caret-button.tiny-button--default:before{background:var(--ti-dropdown-caret-line-bg-color-default)}.tiny-dropdown .tiny-dropdown__trigger.tiny-dropdown__caret-button.tiny-button--default:hover:not(.is-disabled):before{background-color:var(--ti-dropdown-caret-line-bg-color-default-hover)}.tiny-dropdown .tiny-dropdown__trigger.tiny-dropdown__caret-button:hover:not(.is-disabled):before{margin-top:var(--ti-dropdown-caret-line-margin-top-hover);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom-hover)}.tiny-dropdown .tiny-dropdown__trigger.tiny-dropdown__caret-button .tiny-svg{padding-left:var(--ti-dropdown-caret-svg-padding-left);margin:var(--ti-dropdown-caret-svg-margin-vertical) var(--ti-dropdown-caret-svg-margin-horizontal)}.tiny-dropdown .tiny-dropdown-selfdefine:focus:active,.tiny-dropdown .tiny-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.tiny-dropdown:hover{cursor:pointer}.tiny-dropdown--visible{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transform-origin:center;transform-origin:center}

package/dropdown-item/aurora-theme.js

@@ -1,4 +1,15 @@
 export const tinyDropdownItemAuroraTheme = {
+  'ti-dropdown-item-height': '32px',
+  'ti-dropdown-item-font-size': '14px',
+  'ti-dropdown-item-padding-horizontal': 'var(--ti-common-space-2x)',
+  'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-6)',
+  'ti-dropdown-item-margin-bottom': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-margin-left': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-margin-right': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-margin-top': 'var(--ti-common-space-0)',
   'ti-dropdown-item-icon-color': '#333',
-  'ti-dropdown-item-icon-color-hover': '#333'
+  'ti-dropdown-item-icon-color-hover': '#333',
+  'ti-dropdown-item-bg-color-selected': '#e6f2fd',
+  'ti-dropdown-item-text-color-selected': '#333',
+  'ti-dropdown-item-font-weight-selected': 'normal'
 }

package/dropdown-item/index.css

@@ -1 +1 @@
-.tiny-dropdown-item{--ti-dropdown-item-height:30px;--ti-dropdown-item-hover-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-dropdown-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-dropdown-item-active-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-dropdown-item-active-text-color:var(--ti-common-color-text-white, #fff);--ti-dropdown-item-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-dropdown-item-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dropdown-item-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-line-height:var(--ti-common-line-height-number, 1.5);--ti-dropdown-item-padding-vertical:var(--ti-common-space-6, 6px);--ti-dropdown-item-padding-horizontal:var(--ti-common-space-5x, 20px);--ti-dropdown-item-border-radius:var(--ti-common-border-radius-0, 0px);--ti-dropdown-item-max-width:var(--ti-common-size-33x, 132px);--ti-dropdown-item-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-dropdown-item-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-dropdown-item-icon-color-active:var(--ti-common-color-icon-white, #fff);--ti-dropdown-item-icon-color-disabled:var(--ti-common-color-icon-disabled, #adb0b8);--ti-dropdown-item-expand-svg-margin-left:calc(-1 * (var(--ti-common-space-base, 4px) + var(--ti-dropdown-item-expand-icon-size)));--ti-dropdown-item-expand-svg-margin-right:var(--ti-common-space-0, 0px);--ti-dropdown-item-content-margin-left:var(--ti-common-space-0, 0px);--ti-dropdown-item-content-font-weight-hover:var(--ti-common-font-weight-4, normal);--ti-dropdown-item-content-text-hover:var(--ti-common-color-text-highlight);--ti-dropdown-item-content-bg-hover:var(--ti-common-color-bg-white-emphasize);--ti-dropdown-item-divided-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-dropdown-item-divided-border-style:var(--ti-common-border-style-solid, solid);--ti-dropdown-item-divided-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-dropdown-item-before-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-dropdown-item-before-margin-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-medium-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-small-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-mini-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-before-height:6px;--ti-dropdown-item-medium-before-height:6px;--ti-dropdown-item-small-before-height:var(--ti-common-size-base, 4px);--ti-dropdown-item-mini-before-height:3px;--ti-dropdown-item-medium-line-height:var(--ti-common-size-height-normal, 28px);--ti-dropdown-item-medium-font-size:var(--ti-common-font-size-1, 14px);--ti-dropdown-item-medium-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-medium-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-dropdown-item-medium-divided-margin-top:var(--ti-common-space-6, 6px);--ti-dropdown-item-small-line-height:var(--ti-common-line-height-5, 24px);--ti-dropdown-item-small-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-small-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-dropdown-item-small-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-small-divided-margin-top:var(--ti-common-space-base, 4px);--ti-dropdown-item-mini-line-height:var(--ti-common-line-height-5, 24px);--ti-dropdown-item-mini-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-mini-padding-horizontal:var(--ti-common-space-10, 10px);--ti-dropdown-item-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-mini-divided-margin-top:calc(var(--ti-common-space-1, 1px) * 3);--ti-dropdown-item-expand-icon-size:8px;list-style:none;font-size:var(--ti-dropdown-item-font-size);color:var(--ti-dropdown-item-text-color);cursor:pointer;outline:0;position:relative;word-break:break-all;max-width:var(--ti-dropdown-item-max-width)}.tiny-dropdown-item__wrap{line-height:var(--ti-dropdown-item-line-height);padding:var(--ti-dropdown-item-padding-vertical) var(--ti-dropdown-item-padding-horizontal);height:var(--ti-dropdown-item-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item--child{position:absolute;right:100%;top:0;display:none}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color);font-size:var(--ti-dropdown-item-expand-icon-size);margin-left:var(--ti-dropdown-item-expand-svg-margin-left);margin-right:var(--ti-dropdown-item-expand-svg-margin-right)}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand+.tiny-dropdown-item__content{margin-left:0}.tiny-dropdown-item__wrap .tiny-dropdown-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-dropdown-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-svg{margin-right:4px;fill:var(--ti-dropdown-item-icon-color)}.tiny-dropdown-item:focus,.tiny-dropdown-item:not(.is-disabled):hover{background-color:var(--ti-dropdown-item-hover-bg-color);color:var(--ti-dropdown-item-hover-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-hover)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child{display:block}.tiny-dropdown-item:not(.is-disabled):active{background-color:var(--ti-dropdown-item-active-bg-color);color:var(--ti-dropdown-item-active-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-active)}.tiny-dropdown-item:not(.is-disabled).has-children:hover{color:var(--ti-dropdown-item-content-text-hover);background-color:var(--ti-dropdown-item-content-bg-hover)}.tiny-dropdown-item:not(.is-disabled).has-children:hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content{font-weight:var(--ti-dropdown-item-content-font-weight-hover)}.tiny-dropdown-item.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-item-disabled-text-color)}.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content svg,.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand svg{fill:var(--ti-dropdown-item-icon-color-disabled)}.tiny-dropdown-item--divided{position:relative;border-top:var(--ti-dropdown-item-divided-border-weight) var(--ti-dropdown-item-divided-border-style) var(--ti-dropdown-item-divided-border-color)}.tiny-dropdown-item--divided:before{content:'';height:var(--ti-dropdown-item-before-height);display:block;margin:var(--ti-dropdown-item-before-margin-vertical) var(--ti-dropdown-item-before-margin-horizontal);background-color:var(--ti-dropdown-item-before-bg-color)}
+.tiny-dropdown-item{--ti-dropdown-item-height:30px;--ti-dropdown-item-hover-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-dropdown-item-bg-color-selected:var(--ti-common-color-selected-background, #5e7ce0);--ti-dropdown-item-font-weight-selected:var(--ti-common-font-weight-4, normal);--ti-dropdown-item-text-color-selected:var(--ti-common-color-text-white, #fff);--ti-dropdown-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-dropdown-item-active-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-dropdown-item-active-text-color:var(--ti-common-color-text-white, #fff);--ti-dropdown-item-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-dropdown-item-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dropdown-item-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-line-height:var(--ti-common-line-height-number, 1.5);--ti-dropdown-item-padding-vertical:var(--ti-common-space-6, 6px);--ti-dropdown-item-padding-horizontal:var(--ti-common-space-5x, 20px);--ti-dropdown-item-margin-bottom:var(--ti-common-space-0, 0px);--ti-dropdown-item-margin-left:var(--ti-common-space-0, 0px);--ti-dropdown-item-margin-right:var(--ti-common-space-0, 0px);--ti-dropdown-item-margin-top:var(--ti-common-space-0, 0px);--ti-dropdown-item-border-radius:var(--ti-common-border-radius-0, 0px);--ti-dropdown-item-max-width:var(--ti-common-size-33x, 132px);--ti-dropdown-item-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-dropdown-item-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-dropdown-item-icon-color-active:var(--ti-common-color-icon-white, #fff);--ti-dropdown-item-icon-color-disabled:var(--ti-common-color-icon-disabled, #adb0b8);--ti-dropdown-item-expand-svg-margin-left:calc(-1 * (var(--ti-common-space-base, 4px) + var(--ti-dropdown-item-expand-icon-size)));--ti-dropdown-item-expand-svg-margin-right:var(--ti-common-space-0, 0px);--ti-dropdown-item-content-margin-left:var(--ti-common-space-0, 0px);--ti-dropdown-item-content-font-weight-hover:var(--ti-common-font-weight-4, normal);--ti-dropdown-item-content-text-hover:var(--ti-common-color-text-highlight);--ti-dropdown-item-content-bg-hover:var(--ti-common-color-bg-white-emphasize);--ti-dropdown-item-divided-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-dropdown-item-divided-border-style:var(--ti-common-border-style-solid, solid);--ti-dropdown-item-divided-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-dropdown-item-before-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-dropdown-item-before-margin-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-medium-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-small-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-mini-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-before-height:6px;--ti-dropdown-item-medium-before-height:6px;--ti-dropdown-item-small-before-height:var(--ti-common-size-base, 4px);--ti-dropdown-item-mini-before-height:3px;--ti-dropdown-item-medium-line-height:var(--ti-common-size-height-normal, 28px);--ti-dropdown-item-medium-font-size:var(--ti-common-font-size-1, 14px);--ti-dropdown-item-medium-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-medium-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-dropdown-item-medium-divided-margin-top:var(--ti-common-space-6, 6px);--ti-dropdown-item-small-line-height:var(--ti-common-line-height-5, 24px);--ti-dropdown-item-small-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-small-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-dropdown-item-small-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-small-divided-margin-top:var(--ti-common-space-base, 4px);--ti-dropdown-item-mini-line-height:var(--ti-common-line-height-5, 24px);--ti-dropdown-item-mini-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-mini-padding-horizontal:var(--ti-common-space-10, 10px);--ti-dropdown-item-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-mini-divided-margin-top:calc(var(--ti-common-space-1, 1px) * 3);--ti-dropdown-item-expand-icon-size:8px;list-style:none;font-size:var(--ti-dropdown-item-font-size);color:var(--ti-dropdown-item-text-color);cursor:pointer;outline:0;position:relative;word-break:break-all;max-width:var(--ti-dropdown-item-max-width)}.tiny-dropdown-item[class*=tiny-]{margin:var(--ti-dropdown-item-margin-top) var(--ti-dropdown-item-margin-right) var(--ti-dropdown-item-margin-bottom) var(--ti-dropdown-item-margin-left)}.tiny-dropdown-item[class*=tiny-]:last-of-type{margin-bottom:0}.tiny-dropdown-item__wrap{line-height:var(--ti-dropdown-item-line-height);padding:var(--ti-dropdown-item-padding-vertical) var(--ti-dropdown-item-padding-horizontal);height:var(--ti-dropdown-item-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item--child{position:absolute;right:100%;top:0;display:none}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color);font-size:var(--ti-dropdown-item-expand-icon-size);margin-left:var(--ti-dropdown-item-expand-svg-margin-left);margin-right:var(--ti-dropdown-item-expand-svg-margin-right)}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand+.tiny-dropdown-item__content{margin-left:0}.tiny-dropdown-item__wrap .tiny-dropdown-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-dropdown-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-svg{margin-right:4px;fill:var(--ti-dropdown-item-icon-color)}.tiny-dropdown-item:focus,.tiny-dropdown-item:not(.is-disabled):hover{background-color:var(--ti-dropdown-item-hover-bg-color);color:var(--ti-dropdown-item-hover-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-hover)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child{display:block}.tiny-dropdown-item:not(.is-disabled):active{background-color:var(--ti-dropdown-item-active-bg-color);color:var(--ti-dropdown-item-active-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-active)}.tiny-dropdown-item:not(.is-disabled).has-children:hover{color:var(--ti-dropdown-item-content-text-hover);background-color:var(--ti-dropdown-item-content-bg-hover)}.tiny-dropdown-item:not(.is-disabled).has-children:hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content{font-weight:var(--ti-dropdown-item-content-font-weight-hover)}.tiny-dropdown-item.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-item-disabled-text-color)}.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content svg,.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand svg{fill:var(--ti-dropdown-item-icon-color-disabled)}.tiny-dropdown-item--divided{position:relative;border-top:var(--ti-dropdown-item-divided-border-weight) var(--ti-dropdown-item-divided-border-style) var(--ti-dropdown-item-divided-border-color)}.tiny-dropdown-item--divided:before{content:'';height:var(--ti-dropdown-item-before-height);display:block;margin:var(--ti-dropdown-item-before-margin-vertical) var(--ti-dropdown-item-before-margin-horizontal);background-color:var(--ti-dropdown-item-before-bg-color)}.tiny-dropdown-item--check-status{background-color:var(--ti-dropdown-item-bg-color-selected);color:var(--ti-dropdown-item-text-color-selected);font-weight:var(--ti-dropdown-item-font-weight-selected)}

package/dropdown-item/smb-theme.js

@@ -17,5 +17,8 @@ export const tinyDropdownItemSmbTheme = {
   'ti-dropdown-item-before-bg-color': 'transparent',
   'ti-dropdown-item-divided-border-color': 'transparent',
   'ti-dropdown-item-content-bg-hover': 'transparent',
-  'ti-dropdown-item-before-height': '0'
+  'ti-dropdown-item-before-height': '0',
+  'ti-dropdown-item-bg-color-selected': 'var(--ti-common-color-bg-white-normal)',
+  'ti-dropdown-item-text-color-selected': '#1476FF',
+  'ti-dropdown-item-font-weight-selected': 'var(--ti-common-font-weight-6)'
 }

package/dropdown-menu/aurora-theme.js

@@ -2,7 +2,7 @@ export const tinyDropdownMenuAuroraTheme = {
   'ti-dropdown-menu-border-width': 'var(--ti-common-border-weight-normal)',
   'ti-dropdown-menu-border-color': 'var(--ti-common-color-line-normal)',
   'ti-dropdown-menu-border-radius': 'var(--ti-common-border-radius-1)',
-  'ti-dropdown-menu-padding-vertical': 'var(--ti-common-space-10)',
+  'ti-dropdown-menu-padding-vertical': 'var(--ti-common-space-base)',
   'ti-dropdown-menu-margin-vertical': 'var(--ti-common-space-3x)',
   'ti-dropdown-item-hover-bg-color': 'var(--ti-common-color-hover-background)',
   'ti-dropdown-menu-min-width': 'auto'

package/fall-menu/aurora-theme.js

@@ -1,3 +1,4 @@
 export const tinyFallMenuAuroraTheme = {
-  'ti-fall-menu-box-title-text-color': '#1F2D3D'
+  'ti-fall-menu-box-title-text-color': 'var(--ti-common-text-color-5)',
+  'ti-fall-menu-menu-height': '42px'
 }