@opentiny/vue-theme 3.6.6 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (228) hide show
  1. package/action-menu/index.css +1 -1
  2. package/alert/aurora-theme.js +14 -0
  3. package/alert/index.css +1 -1
  4. package/alert/smb-theme.js +39 -0
  5. package/anchor/index.css +1 -1
  6. package/autocomplete/index.css +1 -1
  7. package/badge/index.css +1 -1
  8. package/badge/smb-theme.js +3 -0
  9. package/base/index.css +1 -1
  10. package/breadcrumb/aurora-theme.js +3 -0
  11. package/breadcrumb/index.css +1 -1
  12. package/breadcrumb/smb-theme.js +7 -0
  13. package/button/aurora-theme.js +3 -0
  14. package/button/index.css +1 -1
  15. package/button/smb-theme.js +45 -0
  16. package/button-group/index.css +1 -1
  17. package/calendar/index.css +1 -1
  18. package/card-item/index.css +1 -1
  19. package/card-template/index.css +1 -1
  20. package/carousel/index.css +1 -1
  21. package/cascader/aurora-theme.js +3 -0
  22. package/cascader/index.css +1 -1
  23. package/cascader-menu/aurora-theme.js +3 -0
  24. package/cascader-menu/index.css +1 -1
  25. package/cascader-node/aurora-theme.js +8 -0
  26. package/cascader-node/index.css +1 -1
  27. package/cascader-panel/aurora-theme.js +3 -0
  28. package/cascader-panel/index.css +1 -1
  29. package/checkbox/aurora-theme.js +5 -0
  30. package/checkbox/index.css +1 -1
  31. package/checkbox/smb-theme.js +12 -0
  32. package/checkbox-button/aurora-theme.js +3 -0
  33. package/checkbox-button/index.css +1 -1
  34. package/checkbox-button/smb-theme.js +5 -0
  35. package/checkbox-group/index.css +1 -1
  36. package/checkbox-group/smb-theme.js +3 -0
  37. package/collapse/index.css +1 -1
  38. package/collapse-item/aurora-theme.js +22 -0
  39. package/collapse-item/index.css +1 -1
  40. package/collapse-item/smb-theme.js +16 -0
  41. package/crop/index.css +1 -1
  42. package/date-panel/index.css +1 -1
  43. package/date-table/index.css +1 -1
  44. package/date-table/smb-theme.js +8 -0
  45. package/dept/index.css +1 -1
  46. package/dialog-box/index.css +1 -1
  47. package/dialog-box/smb-theme.js +11 -0
  48. package/dialog-select/index.css +1 -0
  49. package/dropdown/index.css +1 -1
  50. package/dropdown-item/index.css +1 -1
  51. package/dropdown-item/smb-theme.js +6 -0
  52. package/dropdown-menu/index.css +1 -1
  53. package/error-page/index.css +1 -1
  54. package/file-upload/aurora-theme.js +6 -0
  55. package/filter-box/index.css +1 -0
  56. package/filter-panel/index.css +1 -0
  57. package/floatbar/index.css +1 -1
  58. package/flowchart/index.css +1 -0
  59. package/form/index.css +1 -1
  60. package/form/smb-theme.js +5 -0
  61. package/form-item/index.css +1 -1
  62. package/form-item/smb-theme.js +14 -0
  63. package/grid/aurora-theme.js +15 -0
  64. package/grid/index.css +1 -1
  65. package/grid/smb-theme.js +16 -0
  66. package/grid-toolbar/index.css +1 -0
  67. package/guide/index.css +1 -0
  68. package/image/index.css +1 -1
  69. package/images/credit-background.jpeg +0 -0
  70. package/images/empty-noaccess.png +0 -0
  71. package/images/empty-noaccess.svg +20 -0
  72. package/images/empty-nodata.png +0 -0
  73. package/images/empty-nodata.svg +24 -0
  74. package/images/empty-nonetwork.png +0 -0
  75. package/images/empty-nonetwork.svg +25 -0
  76. package/images/empty-nonotice.png +0 -0
  77. package/images/empty-nonotice.svg +23 -0
  78. package/images/empty-noresult.png +0 -0
  79. package/images/empty-noresult.svg +23 -0
  80. package/images/empty-page-noaccess.png +0 -0
  81. package/images/empty-page-noaccess.svg +50 -0
  82. package/images/empty-page-nonetwork.png +0 -0
  83. package/images/empty-page-nonetwork.svg +44 -0
  84. package/images/empty-page-nothing.png +0 -0
  85. package/images/empty-page-nothing.svg +38 -0
  86. package/images/empty-page-servererror.png +0 -0
  87. package/images/empty-page-servererror.svg +55 -0
  88. package/images/icon_operation.svg +1 -1
  89. package/images/icon_operation_bubble.svg +1 -1
  90. package/images/image-error.jpg +0 -0
  91. package/images/image-error.svg +6 -0
  92. package/images/loading-64.gif +0 -0
  93. package/images/select-nodata.png +0 -0
  94. package/index.css +1 -1
  95. package/input/aurora-theme.js +4 -0
  96. package/input/index.css +1 -1
  97. package/input/smb-theme.js +19 -0
  98. package/ip-address/aurora-theme.js +4 -0
  99. package/ip-address/index.css +1 -1
  100. package/ip-address/smb-theme.js +10 -0
  101. package/link/index.css +1 -1
  102. package/link/smb-theme.js +13 -0
  103. package/loading/index.css +1 -1
  104. package/loading/smb-theme.js +19 -0
  105. package/lowcode.css +1 -1
  106. package/menubar/index.css +1 -1
  107. package/milestone/index.css +1 -1
  108. package/modal/index.css +1 -1
  109. package/modal/smb-theme.js +21 -0
  110. package/nav-menu/index.css +1 -1
  111. package/nav-menu/smb-theme.js +3 -0
  112. package/notify/index.css +1 -1
  113. package/notify/smb-theme.js +22 -0
  114. package/numeric/index.css +1 -1
  115. package/numeric/smb-theme.js +10 -0
  116. package/option/index.css +1 -1
  117. package/option/smb-theme.js +13 -0
  118. package/option-group/index.css +1 -1
  119. package/option-group/smb-theme.js +5 -0
  120. package/package.json +5 -4
  121. package/pager/index.css +1 -1
  122. package/pager/smb-theme.js +42 -0
  123. package/popeditor/index.css +1 -1
  124. package/popover/index.css +1 -1
  125. package/popover/smb-theme.js +10 -0
  126. package/progress/aurora-theme.js +3 -0
  127. package/progress/index.css +1 -1
  128. package/progress/smb-theme.js +4 -0
  129. package/radio/aurora-theme.js +9 -0
  130. package/radio/index.css +1 -1
  131. package/radio/smb-theme.js +11 -0
  132. package/radio-button/index.css +1 -1
  133. package/radio-group/index.css +1 -1
  134. package/rate/index.css +1 -1
  135. package/recycle-scroller/index.css +1 -0
  136. package/roles/index.css +1 -1
  137. package/scrollbar/index.css +1 -1
  138. package/scrollbar/smb-theme.js +7 -0
  139. package/search/aurora-theme.js +3 -0
  140. package/search/index.css +1 -1
  141. package/search/smb-theme.js +9 -0
  142. package/select/index.css +1 -1
  143. package/select/smb-theme.js +11 -0
  144. package/select-dropdown/index.css +1 -1
  145. package/select-dropdown/smb-theme.js +27 -0
  146. package/selected-box/index.css +1 -0
  147. package/selector/index.css +1 -1
  148. package/slider/aurora-theme.js +15 -0
  149. package/slider/index.css +1 -1
  150. package/slider/smb-theme.js +1 -0
  151. package/split/aurora-theme.js +3 -0
  152. package/split/index.css +1 -1
  153. package/steps/index.css +1 -1
  154. package/steps/smb-theme.js +22 -0
  155. package/svgs/add-circle.svg +26 -0
  156. package/svgs/arrow-bottom.svg +6 -0
  157. package/svgs/audio.svg +8 -0
  158. package/svgs/calendar.svg +28 -26
  159. package/svgs/error.svg +10 -17
  160. package/svgs/excel-type.svg +11 -0
  161. package/svgs/expand.svg +7 -0
  162. package/svgs/eyeclose.svg +41 -17
  163. package/svgs/eyeopen.svg +21 -18
  164. package/svgs/file-type.svg +14 -0
  165. package/svgs/mic.svg +6 -0
  166. package/svgs/mobile-checkbox-half.svg +10 -0
  167. package/svgs/mobile-checkbox-selected.svg +10 -0
  168. package/svgs/mobile-checkbox.svg +10 -0
  169. package/svgs/mobile-radio-selected.svg +9 -0
  170. package/svgs/mobile-radio.svg +10 -0
  171. package/svgs/other-type.svg +11 -0
  172. package/svgs/pdf-type.svg +11 -0
  173. package/svgs/picture-type.svg +11 -0
  174. package/svgs/ppt-type.svg +11 -0
  175. package/svgs/prompt.svg +6 -0
  176. package/svgs/put-away.svg +8 -0
  177. package/svgs/replies.svg +1 -1
  178. package/svgs/sent.svg +1 -1
  179. package/svgs/stretch.svg +48 -0
  180. package/svgs/success.svg +10 -16
  181. package/svgs/text-type.svg +11 -0
  182. package/svgs/triangle-down.svg +6 -15
  183. package/svgs/unsent.svg +1 -1
  184. package/svgs/video-type.svg +14 -0
  185. package/svgs/warning-triangle.svg +8 -16
  186. package/svgs/word-type.svg +11 -0
  187. package/svgs/zip-type.svg +16 -0
  188. package/switch/aurora-theme.js +10 -0
  189. package/switch/index.css +1 -1
  190. package/switch/smb-theme.js +12 -0
  191. package/table/index.css +1 -1
  192. package/tabs/aurora-theme.js +16 -0
  193. package/tabs/index.css +1 -1
  194. package/tabs/smb-theme.js +15 -0
  195. package/tag/aurora-theme.js +33 -0
  196. package/tag/index.css +1 -1
  197. package/tag/smb-theme.js +22 -0
  198. package/tall-storage/index.css +1 -1
  199. package/text-popup/aurora-theme.js +5 -0
  200. package/text-popup/index.css +1 -1
  201. package/text-popup/smb-theme.js +7 -0
  202. package/textarea/index.css +1 -0
  203. package/textarea/smb-theme.js +24 -0
  204. package/theme/aurora-theme/component.js +25 -0
  205. package/theme/aurora-theme/index.js +430 -0
  206. package/theme/index.js +17 -0
  207. package/theme/infinity-theme/index.js +24 -24
  208. package/theme/smb-theme/component.js +40 -0
  209. package/theme/smb-theme/index.js +342 -0
  210. package/theme/utils.js +12 -0
  211. package/theme-tool.js +22 -15
  212. package/theme.config.js +34 -13
  213. package/time-select/index.css +1 -1
  214. package/tip/index.css +1 -1
  215. package/toggle-menu/index.css +1 -1
  216. package/tooltip/aurora-theme.js +5 -0
  217. package/tooltip/index.css +1 -1
  218. package/tooltip/smb-theme.js +18 -0
  219. package/transfer/aurora-theme.js +8 -0
  220. package/transfer/index.css +1 -1
  221. package/tree/index.css +1 -1
  222. package/tree-menu/index.css +1 -1
  223. package/upload/index.css +1 -1
  224. package/upload-dragger/index.css +1 -1
  225. package/upload-list/index.css +1 -1
  226. package/user-card/index.css +1 -1
  227. package/user-link/index.css +1 -1
  228. package/wizard/index.css +1 -1
package/action-menu/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-action-menu{--ti-action-menu-text-color:var(--ti-common-color-text-link);--ti-action-menu-font-size:var(--ti-common-font-size-base);--ti-action-menu-item-line-bg-color:var(--ti-common-color-line-dividing);--ti-action-menu-item-disabled-text-color:var(--ti-common-color-text-disabled);--ti-action-menu-item-hover-bg-color:var(--ti-common-color-transparent);--ti-action-menu-item-hover-text-color:var(--ti-common-color-text-link-hover);--ti-action-menu-item-padding-top:0;--ti-action-menu-item-padding-right:0;--ti-action-menu-item-padding-bottom:0;--ti-action-menu-item-padding-left:0;--ti-action-menu-item-svg-margin-top:-2px;--ti-action-menu-item-svg-margin-right:5px;--ti-action-menu-item-svg-margin-bottom:0;--ti-action-menu-item-svg-margin-left:0;font-size:var(--ti-action-menu-font-size);color:var(--ti-action-menu-text-color)}.tiny-action-menu__wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-action-menu__wrap .tiny-action-menu__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-action-menu__wrap .tiny-action-menu__item .tiny-svg{fill:var(--ti-action-menu-text-color);margin:var(--ti-action-menu-item-svg-margin-top) var(--ti-action-menu-item-svg-margin-right) var(--ti-action-menu-item-svg-margin-bottom) var(--ti-action-menu-item-svg-margin-left)}.tiny-action-menu__wrap .tiny-action-menu__item:hover:not(.is-disabled){color:var(--ti-action-menu-item-hover-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item:hover:not(.is-disabled).tiny-action-menu__item-visable .tiny-dropdown-menu__item{color:var(--ti-action-menu-item-hover-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item:hover:not(.is-disabled) .tiny-svg{fill:var(--ti-action-menu-item-hover-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item.is-disabled:hover .tiny-dropdown-menu__item{color:var(--ti-action-menu-item-disabled-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visable .tiny-dropdown-menu__item{color:var(--ti-action-menu-text-color);padding:var(--ti-action-menu-item-padding-top) var(--ti-action-menu-item-padding-right) var(--ti-action-menu-item-padding-bottom) var(--ti-action-menu-item-padding-left)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visable .tiny-dropdown-menu__item:hover{background-color:var(--ti-action-menu-item-hover-bg-color)}.tiny-action-menu__wrap .tiny-action-menu__item.is-disabled .tiny-dropdown-menu__item{cursor:not-allowed;color:var(--ti-action-menu-item-disabled-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item .tiny-action-menu__item-line{position:relative;width:1px;height:12px;background:var(--ti-action-menu-item-line-bg-color);display:inline-block}
1
+ .tiny-action-menu{--ti-action-menu-text-color:var(--ti-common-color-text-link);--ti-action-menu-item-disabled-text-color:var(--ti-common-color-text-disabled);--ti-action-menu-font-size:var(--ti-common-font-size-base);--ti-action-menu-item-line-bg-color:var(--ti-common-color-line-dividing);--ti-action-menu-item-hover-bg-color:var(--ti-common-color-transparent);--ti-action-menu-item-hover-text-color:var(--ti-common-color-text-link-hover);--ti-action-menu-item-padding-top:var(--ti-common-space-0);--ti-action-menu-item-padding-right:var(--ti-common-space-0);--ti-action-menu-item-padding-bottom:var(--ti-common-space-0);--ti-action-menu-item-padding-left:var(--ti-common-space-0);--ti-action-menu-item-svg-margin-top:-2px;--ti-action-menu-item-svg-margin-right:var(--ti-common-space-base);--ti-action-menu-item-svg-margin-bottom:var(--ti-common-space-0);--ti-action-menu-item-svg-margin-left:var(--ti-common-space-0);font-size:var(--ti-action-menu-font-size);color:var(--ti-action-menu-text-color)}.tiny-action-menu__wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-action-menu__wrap .tiny-action-menu__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-action-menu__wrap .tiny-action-menu__item .tiny-svg{fill:var(--ti-action-menu-text-color);margin:var(--ti-action-menu-item-svg-margin-top) var(--ti-action-menu-item-svg-margin-right) var(--ti-action-menu-item-svg-margin-bottom) var(--ti-action-menu-item-svg-margin-left)}.tiny-action-menu__wrap .tiny-action-menu__item:not(.is-disabled):hover{color:var(--ti-action-menu-item-hover-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item:not(.is-disabled):hover.tiny-action-menu__item-visable .tiny-dropdown-item{background-color:var(--ti-action-menu-item-hover-bg-color)}.tiny-action-menu__wrap .tiny-action-menu__item:not(.is-disabled):hover.tiny-action-menu__item-visable .tiny-dropdown-item__wrap{color:var(--ti-action-menu-item-hover-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item:not(.is-disabled):hover .tiny-svg{fill:var(--ti-action-menu-item-hover-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visable .tiny-dropdown-item__wrap{color:var(--ti-action-menu-text-color);padding:var(--ti-action-menu-item-padding-top) var(--ti-action-menu-item-padding-right) var(--ti-action-menu-item-padding-bottom) var(--ti-action-menu-item-padding-left)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visable .tiny-dropdown-item__wrap:hover{background-color:var(--ti-action-menu-item-hover-bg-color)}.tiny-action-menu__wrap .tiny-action-menu__item.tiny-action-menu__item-visable.is-disabled .tiny-dropdown-item__wrap{color:var(--ti-action-menu-item-disabled-text-color)}.tiny-action-menu__wrap .tiny-action-menu__item .tiny-action-menu__item-line{position:relative;width:1px;height:12px;background:var(--ti-action-menu-item-line-bg-color);display:inline-block}
package/alert/aurora-theme.js ADDED
@@ -0,0 +1,14 @@
1
+ export const tinyAlertAuroraTheme = {
2
+ 'ti-alert-normal-height': 'var(--ti-common-size-9x)',
3
+ 'ti-alert-normal-padding-top': 'var(--ti-common-space-2x)',
4
+ 'ti-alert-normal-padding-right': 'var(--ti-common-space-3x)',
5
+ 'ti-alert-normal-padding-left': 'var(--ti-common-space-3x)',
6
+ 'ti-alert-normal-padding-bottom': 'var(--ti-common-space-2x)',
7
+ 'ti-alert-title-font-size': 'var(--ti-common-font-size-2)',
8
+ 'ti-alert-description-text-color': 'var(--ti-common-color-text-primary)',
9
+ 'ti-alert-opration-text-color': '#1890FF',
10
+ 'ti-alert-large-padding-top': 'calc(var(--ti-common-space-base) * 4.5)',
11
+ 'ti-alert-large-padding-bottom': 'calc(var(--ti-common-space-base) * 3.5)',
12
+ 'ti-alert-large-padding-left': 'var(--ti-common-space-6x)',
13
+ 'ti-alert-description-margin-top': 'var(--ti-common-space-3x)'
14
+ }
package/alert/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-transition-alert-fade-enter,.tiny-transition-alert-fade-enter-from,.tiny-transition-alert-fade-leave-active{opacity:0}.tiny-transition-alert-fade-leave-active{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.tiny-alert{--ti-alert-description-font-size:var(--ti-common-font-size-base);--ti-alert-close-font-size:var(--ti-common-font-size-base);--ti-alert-border-radius:var(--ti-common-border-radius-normal);--ti-alert-title-text-color:var(--ti-common-color-info-normal);--ti-alert-nomal-content-line-height:var(--ti-common-line-height-number);--ti-alert-description-text-color:var(--ti-common-color-info-normal);--ti-alert-opration-text-color:var(--ti-base-color-brand-7);--ti-alert-warning-border-color:var(--ti-common-color-warn-border);--ti-alert-warning-icon-color:var(--ti-common-color-warn);--ti-alert-warning-link-text-color:var(--ti-common-color-warn-text);--ti-alert-warning-bg-color:var(--ti-common-color-warn-bg);--ti-alert-error-border-color:var(--ti-common-color-error-border-secondary);--ti-alert-error-icon-color:var(--ti-common-color-error);--ti-alert-error-link-text-color:var(--ti-common-color-error-text);--ti-alert-error-bg-color:var(--ti-common-color-error-bg);--ti-alert-success-border-color:var(--ti-common-color-success-border);--ti-alert-success-icon-color:var(--ti-common-color-success);--ti-alert-success-link-text-color:var(--ti-common-color-text-success);--ti-alert-success-bg-color:var(--ti-common-color-success-bg);--ti-alert-info-border-color:var(--ti-common-color-prompt-border);--ti-alert-info-icon-color:var(--ti-common-color-prompt);--ti-alert-info-link-text-color:var(--ti-common-color-prompt-text);--ti-alert-info-bg-color:var(--ti-common-color-prompt-bg);position:relative;border:1px solid;border-radius:var(--ti-alert-border-radius)}.tiny-alert.tiny-alert--normal{padding:11px 16px;margin:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-alert.tiny-alert--normal .tiny-alert__content{padding:0 8px;display:table-cell;line-height:var(--ti-alert-nomal-content-line-height);max-width:calc(100% - 30px)}.tiny-alert.tiny-alert--large{padding:18px 24px 14px;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-alert.tiny-alert--large .tiny-alert__content{padding-left:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-alert.tiny-alert--large .tiny-alert__description{margin-bottom:6px;margin-top:12px;line-height:1}.tiny-alert.tiny-alert--large .tiny-alert__description.is-hide{margin:0}.tiny-alert.tiny-alert--large .tiny-alert__icon{font-size:24px;vertical-align:top;-ms-flex-negative:0;flex-shrink:0}.tiny-alert.tiny-alert--large .tiny-alert__icon.tiny-alert__close{font-size:12px}.tiny-alert.tiny-alert--large .tiny-alert__close{top:12px;right:12px;-webkit-transform:none;transform:none}.tiny-alert.tiny-alert--success{background:var(--ti-alert-success-bg-color);border-color:var(--ti-alert-success-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--success hr{border-top-color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .alert-link{color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .tiny-alert__icon{fill:var(--ti-alert-success-icon-color)}.tiny-alert.tiny-alert--info{background:var(--ti-alert-info-bg-color);border-color:var(--ti-alert-info-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--info hr{border-top-color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .alert-link{color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .tiny-alert__icon{fill:var(--ti-alert-info-icon-color)}.tiny-alert.tiny-alert--warning{background:var(--ti-alert-warning-bg-color);border-color:var(--ti-alert-warning-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--warning hr{border-top-color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .alert-link{color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .tiny-alert__icon{fill:var(--ti-alert-warning-icon-color)}.tiny-alert.tiny-alert--error{background:var(--ti-alert-error-bg-color);border-color:var(--ti-alert-error-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--error hr{border-top-color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .alert-link{color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .tiny-alert__icon{fill:var(--ti-alert-error-icon-color)}.tiny-alert__icon{font-size:16px}.tiny-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.tiny-alert .is-custom{position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.tiny-alert .tiny-alert__close{font-size:var(--ti-alert-close-font-size);position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.tiny-alert .tiny-alert__content .tiny-alert__opration{font-size:12px;color:var(--ti-alert-opration-text-color);line-height:1}.tiny-alert .tiny-alert__content .tiny-alert__opration a{font-size:12px;color:var(--ti-alert-opration-text-color)}.tiny-alert .tiny-alert__content .tiny-alert__opration a:not(:last-child){margin-right:16px}.tiny-alert .tiny-alert__title{font-size:16px;color:var(--ti-alert-title-text-color);font-weight:700}.tiny-alert .tiny-alert__description{font-size:var(--ti-alert-description-font-size);color:var(--ti-alert-description-text-color)}.tiny-alert p{display:inline-block;line-height:16px;padding-left:8px}
1
+ .tiny-transition-alert-fade-enter,.tiny-transition-alert-fade-enter-from,.tiny-transition-alert-fade-leave-active{opacity:0}.tiny-transition-alert-fade-leave-active{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.tiny-alert{--ti-alert-font-family:var(--ti-common-font-family);--ti-alert-description-font-size:var(--ti-common-font-size-base);--ti-alert-close-font-size:var(--ti-common-font-size-base);--ti-alert-close-text-font-size:var(--ti-common-font-size-base);--ti-alert-border-radius:var(--ti-common-border-radius-normal);--ti-alert-normal-height:calc(var(--ti-common-size-base) * 10.5);--ti-alert-title-text-color:var(--ti-common-color-text-primary);--ti-alert-title-font-size:var(--ti-common-font-size-1);--ti-alert-icon-font-size:var(--ti-common-font-size-2);--ti-alert-description-line-height:var(--ti-common-line-height-number);--ti-alert-normal-content-padding-vertical:var(--ti-common-space-0);--ti-alert-normal-content-padding-horizontal:var(--ti-common-space-2x);--ti-alert-description-margin-top:var(--ti-common-space-base);--ti-alert-description-margin-bottom:var(--ti-common-space-base);--ti-alert-description-text-color:var(--ti-common-color-text-secondary);--ti-alert-normal-padding-top:var(--ti-common-space-3x);--ti-alert-normal-padding-right:var(--ti-common-space-4x);--ti-alert-normal-padding-bottom:var(--ti-common-space-3x);--ti-alert-normal-padding-left:var(--ti-common-space-4x);--ti-alert-normal-margin-vertical:var(--ti-common-space-2x);--ti-alert-normal-margin-horizontal:var(--ti-common-space-0);--ti-alert-large-padding-top:calc(var(--ti-common-space-base) * 3.5);--ti-alert-large-padding-bottom:var(--ti-common-space-3x);--ti-alert-large-padding-left:var(--ti-common-space-4x);--ti-alert-large-padding-right:calc(var(--ti-common-space-base) * 10.5);--ti-alert-opration-text-color:var(--ti-common-color-text-highlight);--ti-alert-opration-font-size:var(--ti-common-font-size-base);--ti-alert-large-icon-font-size:var(--ti-common-font-size-5);--ti-alert-large-icon-margin-top:calc(var(--ti-common-space-base) - 2px);--ti-alert-large-content-padding-left:var(--ti-common-space-4x);--ti-alert-large-close-font-size:var(--ti-alert-close-font-size);--ti-alert-warning-border-color:var(--ti-common-color-warn-border);--ti-alert-warning-icon-color:var(--ti-common-color-warn);--ti-alert-warning-link-text-color:var(--ti-common-color-warn-text);--ti-alert-warning-bg-color:var(--ti-common-color-warn-bg);--ti-alert-warning-close-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-warning-close-hover-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-error-border-color:var(--ti-common-color-error-border-secondary);--ti-alert-error-icon-color:var(--ti-common-color-error);--ti-alert-error-link-text-color:var(--ti-common-color-error-text);--ti-alert-error-bg-color:var(--ti-common-color-error-bg);--ti-alert-error-close-icon-color:var(--ti-alert-error-icon-color);--ti-alert-error-close-hover-icon-color:var(--ti-alert-error-icon-color);--ti-alert-success-border-color:var(--ti-common-color-success-border);--ti-alert-success-icon-color:var(--ti-common-color-success);--ti-alert-success-link-text-color:var(--ti-common-color-text-success);--ti-alert-success-bg-color:var(--ti-common-color-success-bg);--ti-alert-success-close-icon-color:var(--ti-alert-success-icon-color);--ti-alert-success-close-hover-icon-color:var(--ti-alert-success-icon-color);--ti-alert-info-border-color:var(--ti-common-color-prompt-border);--ti-alert-info-icon-color:var(--ti-common-color-prompt);--ti-alert-info-link-text-color:var(--ti-common-color-prompt-text);--ti-alert-info-bg-color:var(--ti-common-color-prompt-bg);--ti-alert-info-close-icon-color:var(--ti-alert-info-icon-color);--ti-alert-info-close-hover-icon-color:var(--ti-alert-info-icon-color);position:relative;border:1px solid;border-radius:var(--ti-alert-border-radius);font-family:var(--ti-alert-font-family)}.tiny-alert.tiny-alert--normal{height:var(--ti-alert-normal-height);padding:var(--ti-alert-normal-padding-top) var(--ti-alert-normal-padding-right) var(--ti-alert-normal-padding-bottom) var(--ti-alert-normal-padding-left);margin:var(--ti-alert-normal-margin-vertical) var(--ti-alert-normal-margin-horizontal);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-alert.tiny-alert--normal .tiny-alert__content{padding:var(--ti-alert-normal-content-padding-vertical) var(--ti-alert-normal-content-padding-horizontal);display:table-cell;max-width:calc(100% - 30px)}.tiny-alert.tiny-alert--large{padding:var(--ti-alert-large-padding-top) var(--ti-alert-large-padding-right) var(--ti-alert-large-padding-bottom) var(--ti-alert-large-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-alert.tiny-alert--large .tiny-alert__content{padding-left:var(--ti-alert-large-content-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-alert.tiny-alert--large .tiny-alert__description{margin-bottom:var(--ti-alert-description-margin-bottom);margin-top:var(--ti-alert-description-margin-top);color:var(--ti-alert-description-text-color)}.tiny-alert.tiny-alert--large .tiny-alert__description.is-hide{margin:0}.tiny-alert.tiny-alert--large .tiny-alert__icon{font-size:var(--ti-alert-large-icon-font-size);margin-top:var(--ti-alert-large-icon-margin-top);vertical-align:top;-ms-flex-negative:0;flex-shrink:0}.tiny-alert.tiny-alert--large .tiny-alert__close{font-size:var(--ti-alert-large-close-font-size);top:12px;right:12px;-webkit-transform:none;transform:none;margin-top:0}.tiny-alert.tiny-alert--success{background:var(--ti-alert-success-bg-color);border-color:var(--ti-alert-success-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--success hr{border-top-color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .alert-link{color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .tiny-alert__icon{fill:var(--ti-alert-success-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close{fill:var(--ti-alert-success-close-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close:hover{fill:var(--ti-alert-success-close-hover-icon-color)}.tiny-alert.tiny-alert--info{background:var(--ti-alert-info-bg-color);border-color:var(--ti-alert-info-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--info hr{border-top-color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .alert-link{color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .tiny-alert__icon{fill:var(--ti-alert-info-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close{fill:var(--ti-alert-info-close-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close:hover{fill:var(--ti-alert-info-close-hover-icon-color)}.tiny-alert.tiny-alert--warning{background:var(--ti-alert-warning-bg-color);border-color:var(--ti-alert-warning-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--warning hr{border-top-color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .alert-link{color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .tiny-alert__icon{fill:var(--ti-alert-warning-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close{fill:var(--ti-alert-warning-close-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close:hover{fill:var(--ti-alert-warning-close-hover-icon-color)}.tiny-alert.tiny-alert--error{background:var(--ti-alert-error-bg-color);border-color:var(--ti-alert-error-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--error hr{border-top-color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .alert-link{color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .tiny-alert__icon{fill:var(--ti-alert-error-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close{fill:var(--ti-alert-error-close-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close:hover{fill:var(--ti-alert-error-close-hover-icon-color)}.tiny-alert__icon{font-size:var(--ti-alert-icon-font-size)}.tiny-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.tiny-alert .is-custom{position:absolute;font-size:var(--ti-alert-close-text-font-size);top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.tiny-alert .tiny-alert__close{font-size:var(--ti-alert-close-font-size);position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.tiny-alert .tiny-alert__content .tiny-alert__opration{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color);line-height:1}.tiny-alert .tiny-alert__content .tiny-alert__opration a{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color)}.tiny-alert .tiny-alert__content .tiny-alert__opration a:not(:last-child){margin-right:16px}.tiny-alert .tiny-alert__title{font-size:var(--ti-alert-title-font-size);color:var(--ti-alert-title-text-color);font-weight:700}.tiny-alert .tiny-alert__description{font-size:var(--ti-alert-description-font-size);line-height:var(--ti-alert-description-line-height)}
package/alert/smb-theme.js ADDED
@@ -0,0 +1,39 @@
1
+ export const tinyAlertSmbTheme = {
2
+ 'ti-alert-normal-height': 'var(--ti-common-space-10x)',
3
+ 'ti-alert-border-radius': 'var(--ti-common-border-radius-4)',
4
+ 'ti-alert-description-font-size': 'var(--ti-common-font-size-1)',
5
+ 'ti-alert-warning-border-color': 'transparent',
6
+ 'ti-alert-error-border-color': 'transparent',
7
+ 'ti-alert-success-border-color': 'transparent',
8
+ 'ti-alert-info-border-color': 'transparent',
9
+ 'ti-alert-close-font-size': 'var(--ti-common-font-size-2)',
10
+ 'ti-alert-large-close-font-size': 'var(--ti-common-font-size-4)',
11
+ 'ti-alert-error-close-icon-color': 'var(--ti-common-color-text-weaken)',
12
+ 'ti-alert-info-close-icon-color': 'var(--ti-common-color-text-weaken)',
13
+ 'ti-alert-success-close-icon-color': 'var(--ti-common-color-text-weaken)',
14
+ 'ti-alert-warning-close-icon-color': 'var(--ti-common-color-text-weaken)',
15
+ 'ti-alert-info-close-hover-icon-color': '#191919',
16
+ 'ti-alert-success-close-hover-icon-color': '#191919',
17
+ 'ti-alert-error-close-hover-icon-color': '#191919',
18
+ 'ti-alert-warning-close-hover-icon-color': '#191919',
19
+ 'ti-alert-normal-margin-vertical': 'var(--ti-common-space-4x)',
20
+ 'ti-alert-normal-margin-horizontal': 'var(--ti-common-space-0)',
21
+ 'ti-alert-normal-content-padding-vertical': 'var(--ti-common-space-0)',
22
+ 'ti-alert-normal-content-padding-horizontal': 'var(--ti-common-space-2x)',
23
+ 'ti-alert-normal-padding-top': 'calc(var(--ti-common-space-2x) + 1px)',
24
+ 'ti-alert-normal-padding-bottom': 'calc(var(--ti-common-space-2x) + 1px)',
25
+ 'ti-alert-normal-padding-left': 'var(--ti-common-space-4x)',
26
+ 'ti-alert-normal-padding-right': 'var(--ti-common-space-3x)',
27
+ 'ti-alert-title-font-size': 'var(--ti-common-font-size-4)',
28
+ 'ti-alert-icon-font-size': 'var(--ti-common-font-size-2)',
29
+ 'ti-alert-large-icon-font-size': 'var(--ti-common-font-size-5)',
30
+ 'ti-alert-large-icon-margin-top': '3px',
31
+ 'ti-alert-large-padding-top': 'var(--ti-common-space-4x)',
32
+ 'ti-alert-large-padding-bottom': 'var(--ti-common-space-4x)',
33
+ 'ti-alert-large-padding-left': 'var(--ti-common-space-4x)',
34
+ 'ti-alert-large-padding-right': 'var(--ti-common-space-4x)',
35
+ 'ti-alert-large-content-padding-left': 'var(--ti-common-space-2x)',
36
+ 'ti-alert-description-margin-bottom': '0',
37
+ 'ti-alert-description-margin-top': 'var(--ti-common-space-2x)',
38
+ 'ti-alert-description-line-height': '1.5'
39
+ }
package/anchor/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-anchor{position:relative;color:var(--ti-anchor-text-color);font-size:var(--ti-anchor-font-size)}.tiny-anchor__wrapper{--ti-anchor-text-color:var(--ti-common-color-info);--ti-anchor-font-size:var(--ti-common-font-size-1);--ti-anchor-link-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-anchor-link-active-text-color:var(--ti-common-color-bg-emphasize);--ti-anchor-orbit-width:var(--ti-common-size-base);--ti-anchor-orbit-bg-color:var(--ti-common-color-line-dividing)}.tiny-anchor__affix{position:fixed;z-index:1}.tiny-anchor-link-mask{position:absolute;max-width:0;border-top-right-radius:10px;border-bottom-right-radius:10px;left:var(--ti-anchor-orbit-width / 2);width:100%;background-color:rgba(80,115,229,.15)}.tiny-anchor-orbit{position:absolute;left:0;top:0;bottom:0;width:var(--ti-anchor-orbit-width);border-radius:calc(var(--ti-anchor-orbit-width / 2));background-color:var(--ti-anchor-orbit-bg-color)}.tiny-anchor-orbit-skid{position:absolute;left:0;width:var(--ti-anchor-orbit-width);background-color:var(--ti-anchor-orbit-bg-color)}.tiny-anchor-orbit-skid--active{background-color:var(--ti-anchor-link-active-bg-color)}.tiny-anchor-link{margin:0 0 0 9px;cursor:pointer}.tiny-anchor-link-title{display:block;max-width:100%;padding:1px 8px 1px 10px;white-space:nowrap;text-overflow:ellipsis;color:var(--ti-anchor-text-color)}.tiny-anchor-link-title--active{color:var(--ti-anchor-link-active-text-color)}.tiny-anchor-scroll-container{scroll-behavior:smooth}
1
+ .tiny-anchor{position:relative;color:var(--ti-anchor-text-color);font-size:var(--ti-anchor-font-size)}.tiny-anchor__wrapper{--ti-anchor-bg-color:var(--ti-common-color-bg-white-normal);--ti-anchor-text-color:var(--ti-common-color-text-primary);--ti-anchor-font-size:var(--ti-common-font-size-1);--ti-anchor-link-active-bg-color:var(--ti-common-color-selected-background);--ti-anchor-orbit-skid-width:var(--ti-common-size-base);--ti-anchor-orbit-width:var(--ti-common-size-base);--ti-anchor-link-active-text-color:var(--ti-common-color-primary-active);--ti-anchor-link-mask-bg-color:var(--ti-common-color-info-plain-disabled-bg-color);--ti-anchor-link-hover-text-color:var(--ti-common-color-primary-active);--ti-anchor-orbit-bg-color:var(--ti-common-color-line-disabled);--ti-anchor-link-margin-left:var(--ti-common-space-2x);--ti-anchor-link-title-padding-vertical:var(--ti-common-space-1);--ti-anchor-link-title-padding-right:var(--ti-common-space-2x);--ti-anchor-link-title-padding-left:var(--ti-common-space-10);background-color:var(--ti-anchor-bg-color)}.tiny-anchor__affix{position:fixed;z-index:1}.tiny-anchor-link-mask{position:absolute;max-width:0;border-top-right-radius:10px;border-bottom-right-radius:10px;left:var(--ti-anchor-orbit-width / 2);width:100%;background-color:var(--ti-anchor-link-mask-bg-color)}.tiny-anchor-orbit{position:absolute;left:0;top:0;bottom:0;width:var(--ti-anchor-orbit-width);border-radius:calc(var(--ti-anchor-orbit-width / 2));background-color:var(--ti-anchor-orbit-bg-color)}.tiny-anchor-orbit-skid{position:absolute;left:0;width:var(--ti-anchor-orbit-skid-width);background-color:var(--ti-anchor-orbit-bg-color)}.tiny-anchor-orbit-skid--active{background-color:var(--ti-anchor-link-active-bg-color)}.tiny-anchor-link-title:hover{color:var(--ti-anchor-link-hover-text-color)}.tiny-anchor-link{margin:0 0 0 var(--ti-anchor-link-margin-left);cursor:pointer}.tiny-anchor-link-title{display:block;max-width:100%;padding:var(--ti-anchor-link-title-padding-vertical) var(--ti-anchor-link-title-padding-right) var(--ti-anchor-link-title-padding-vertical) var(--ti-anchor-link-title-padding-left);white-space:nowrap;text-overflow:ellipsis;color:var(--ti-anchor-text-color)}.tiny-anchor-link-title--active{color:var(--ti-anchor-link-active-text-color)}.tiny-anchor-scroll-container{scroll-behavior:smooth}
package/autocomplete/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-autocomplete{--ti-autocomplete-suggestion-border-radius:var(--ti-common-border-radius-normal);--ti-autocomplete-suggestion-border-color:var(--ti-base-color-white);--ti-autocomplete-suggestion-bg-color:var(--ti-common-color-light);--ti-autocomplete-li-text-color:var(--ti-common-color-info-normal);--ti-autocomplete-li-font-size:var(--ti-common-font-size-base);--ti-autocomplete-li-hover-bg-color:var(--ti-common-color-hover-background);--ti-autocomplete-li-select-bg-color:var(--ti-common-color-selected-background);--ti-autocomplete-li-selected-text-color:var(--ti-common-color-selected-text-color);--ti-autocomplete-li-divider-border-color:var(--ti-common-color-dark);--ti-autocomplete-li-height:30px;--ti-autocomplete-loading-text-color:var(--ti-common-color-placeholder);position:relative;display:inline-block}.tiny-autocomplete-suggestion{border:1px solid var(--ti-autocomplete-suggestion-border-color);border-radius:var(--ti-autocomplete-suggestion-border-radius);background-color:var(--ti-autocomplete-suggestion-bg-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow)}.tiny-autocomplete-suggestion__wrap{max-height:280px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-autocomplete-suggestion__wrap{margin-bottom:-17px!important;padding-bottom:6px}}.tiny-autocomplete-suggestion__list{margin:0;padding:0}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item{padding:0 8px;margin:0;line-height:var(--ti-autocomplete-li-height);color:var(--ti-autocomplete-li-text-color);font-size:var(--ti-autocomplete-li-font-size);list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item.highlighted,.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item:hover{background-color:var(--ti-autocomplete-li-hover-bg-color)}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item.divider{margin-top:6px;border-top:1px solid var(--ti-autocomplete-li-divider-border-color)}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item.divider:last-child{margin-bottom:-6px}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item:only-of-type,.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item:only-of-type:hover{background-color:var(--ti-autocomplete-li-select-bg-color);color:var(--ti-autocomplete-li-selected-text-color)}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading{text-align:center;height:100px;line-height:100px;font-size:var(--ti-common-font-size-4);color:var(--ti-autocomplete-loading-text-color)}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading::after{display:inline-block;content:'';height:100%;vertical-align:middle}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading:hover{background-color:#fff}.tiny-autocomplete-suggestion.is-loading .tiny-icon-loading{vertical-align:middle}.tiny-autocomplete-suggestion.tiny-popper[x-placement^=bottom]{margin-top:var(--ti-common-dropdown-gap)}
1
+ .tiny-autocomplete{--ti-autocomplete-suggestion-border-radius:var(--ti-common-border-radius-normal);--ti-autocomplete-suggestion-border-color:var(--ti-common-color-transparent);--ti-autocomplete-suggestion-bg-color:var(--ti-common-color-bg-white-normal);--ti-autocomplete-li-text-color:var(--ti-common-color-text-primary);--ti-autocomplete-li-font-size:var(--ti-common-font-size-base);--ti-autocomplete-li-hover-bg-color:var(--ti-common-color-hover-background);--ti-autocomplete-li-select-bg-color:var(--ti-common-color-selected-background);--ti-autocomplete-li-selected-text-color:var(--ti-common-color-selected-text-color);--ti-autocomplete-li-divider-border-color:var(--ti-common-color-dark);--ti-autocomplete-li-height:calc(var(--ti-common-size-7x) + 2px);--ti-autocomplete-loading-text-color:var(--ti-common-color-placeholder);position:relative;display:inline-block}.tiny-autocomplete-suggestion{border:1px solid var(--ti-autocomplete-suggestion-border-color);border-radius:var(--ti-autocomplete-suggestion-border-radius);background-color:var(--ti-autocomplete-suggestion-bg-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:var(--ti-common-shadow-2-down);box-shadow:var(--ti-common-shadow-2-down)}.tiny-autocomplete-suggestion__wrap{max-height:280px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-autocomplete-suggestion__wrap{margin-bottom:-17px!important;padding-bottom:6px}}.tiny-autocomplete-suggestion__list{margin:0;padding:0}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item{padding:0 8px;margin:0;line-height:var(--ti-autocomplete-li-height);color:var(--ti-autocomplete-li-text-color);font-size:var(--ti-autocomplete-li-font-size);list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item.highlighted,.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item:hover{background-color:var(--ti-autocomplete-li-hover-bg-color)}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item.divider{margin-top:6px;border-top:1px solid var(--ti-autocomplete-li-divider-border-color)}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item.divider:last-child{margin-bottom:-6px}.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item:only-of-type,.tiny-autocomplete-suggestion .tiny-autocomplete-suggestion__list-item:only-of-type:hover{background-color:var(--ti-autocomplete-li-select-bg-color);color:var(--ti-autocomplete-li-selected-text-color)}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading{text-align:center;height:100px;line-height:100px;font-size:var(--ti-common-font-size-4);color:var(--ti-autocomplete-loading-text-color)}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading::after{display:inline-block;content:'';height:100%;vertical-align:middle}.tiny-autocomplete-suggestion.is-loading .tiny-autocomplete-suggestion__list-loading:hover{background-color:#fff}.tiny-autocomplete-suggestion.is-loading .tiny-icon-loading{vertical-align:middle}.tiny-autocomplete-suggestion.tiny-popper[x-placement^=bottom]{margin-top:var(--ti-common-dropdown-gap)}
package/badge/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-badge{display:inline-block;min-width:var(--ti-badge-size);height:var(--ti-badge-size);line-height:var(--ti-badge-size);border-radius:var(--ti-badge-border-radius);padding:0 4px;font-size:var(--ti-badge-font-size);font-weight:var(--ti-badge-font-weight);color:var(--ti-badge-text-color);background-color:var(--ti-badge-bg-color);vertical-align:baseline;white-space:nowrap;text-align:center}.tiny-badge__wrapper{--ti-badge-size:var(--ti-common-size-5x);--ti-badge-font-size:12px;--ti-badge-font-weight:var(--ti-common-font-weight-7);--ti-badge-border-radius:12px;--ti-badge-text-color:var(--ti-common-color-light);--ti-badge-bg-color:var(--ti-base-color-error-3);--ti-badge-link-hover-text-color:var(--ti-common-color-light);--ti-badge-active-text-color:var(--ti-base-color-brand-6);--ti-badge-active-bg-color:var(--ti-common-color-light);--ti-badge-primary-bg-color:var(--ti-base-color-brand-6);--ti-badge-success-bg-color:var(--ti-common-color-success-normal);--ti-badge-warning-bg-color:var(--ti-common-color-warning-normal);--ti-badge-danger-bg-color:var(--ti-base-color-error-3);--ti-badge-info-bg-color:var(--ti-common-color-info-normal)}.tiny-badge:empty{display:none}.btn .tiny-badge{position:relative;top:-1px}.tiny-badge a,.tiny-badge a:hover{color:var(--ti-badge-text-color);text-decoration:none}.tiny-badge a.badge:focus,.tiny-badge a.badge:hover{color:var(--ti-badge-link-hover-text-color);text-decoration:none;cursor:pointer}.tiny-badge .nav-pills>.active>a>.badge,.tiny-badge a.list-group-item.active>.badge{color:var(--ti-badge-active-text-color);background-color:var(--ti-badge-active-bg-color)}.tiny-badge .nav-pills>li>a>.badge{margin-left:3px}.tiny-badge--max{padding:0 6px;border-radius:10px}.tiny-badge--default{width:6px;height:6px;min-width:auto;background-color:var(--ti-badge-bg-color);display:inline-block;vertical-align:top;padding:0;border-radius:50%}.tiny-badge--primary{background-color:var(--ti-badge-primary-bg-color)}.tiny-badge--success{background-color:var(--ti-badge-success-bg-color)}.tiny-badge--warning{background-color:var(--ti-badge-warning-bg-color)}.tiny-badge--danger{background-color:var(--ti-badge-danger-bg-color)}.tiny-badge--info{background-color:var(--ti-badge-info-bg-color)}
1
+ .tiny-badge{display:inline-block;min-width:var(--ti-badge-size);height:var(--ti-badge-size);line-height:var(--ti-badge-size);border-radius:var(--ti-badge-border-radius);padding:0 4px;font-size:var(--ti-badge-font-size);font-weight:var(--ti-badge-font-weight);color:var(--ti-badge-text-color);background-color:var(--ti-badge-bg-color);vertical-align:baseline;white-space:nowrap;text-align:center}.tiny-badge__wrapper{--ti-badge-size:var(--ti-common-size-5x);--ti-badge-font-size:var(--ti-common-font-size-base);--ti-badge-font-weight:var(--ti-common-font-weight-7);--ti-badge-border-radius:12px;--ti-badge-text-color:var(--ti-common-color-light);--ti-badge-bg-color:var(--ti-base-color-error-3);--ti-badge-link-hover-text-color:var(--ti-common-color-light);--ti-badge-active-text-color:var(--ti-base-color-brand-6);--ti-badge-active-bg-color:var(--ti-common-color-light);--ti-badge-primary-bg-color:var(--ti-base-color-brand-6);--ti-badge-success-bg-color:var(--ti-common-color-success-normal);--ti-badge-warning-bg-color:var(--ti-common-color-warning-normal);--ti-badge-danger-bg-color:var(--ti-base-color-error-3);--ti-badge-info-bg-color:var(--ti-common-color-info-normal)}.tiny-badge:empty{display:none}.btn .tiny-badge{position:relative;top:-1px}.tiny-badge a,.tiny-badge a:hover{color:var(--ti-badge-text-color);text-decoration:none}.tiny-badge a.badge:focus,.tiny-badge a.badge:hover{color:var(--ti-badge-link-hover-text-color);text-decoration:none;cursor:pointer}.tiny-badge .nav-pills>.active>a>.badge,.tiny-badge a.list-group-item.active>.badge{color:var(--ti-badge-active-text-color);background-color:var(--ti-badge-active-bg-color)}.tiny-badge .nav-pills>li>a>.badge{margin-left:3px}.tiny-badge--max{padding:0 6px;border-radius:10px}.tiny-badge--default{width:6px;height:6px;min-width:auto;background-color:var(--ti-badge-bg-color);display:inline-block;vertical-align:top;padding:0;border-radius:50%}.tiny-badge--primary{background-color:var(--ti-badge-primary-bg-color)}.tiny-badge--success{background-color:var(--ti-badge-success-bg-color)}.tiny-badge--warning{background-color:var(--ti-badge-warning-bg-color)}.tiny-badge--danger{background-color:var(--ti-badge-danger-bg-color)}.tiny-badge--info{background-color:var(--ti-badge-info-bg-color)}
package/badge/smb-theme.js ADDED
@@ -0,0 +1,3 @@
1
+ export const tinyBadgeSmbTheme = {
2
+ 'ti-badge-font-size': 'var(--ti-common-font-size-0)'
3
+ }
package/base/index.css CHANGED
@@ -1 +1 @@
1
- [class*=tiny-]{-webkit-box-sizing:border-box;box-sizing:border-box}[class*=tiny-] :after,[class*=tiny-] :before{-webkit-box-sizing:border-box;box-sizing:border-box}[class*=tiny-] a{cursor:pointer;background-image:none;text-decoration:none;outline:0}[class*=tiny-] a:active,[class*=tiny-] a:focus,[class*=tiny-] a:hover{outline:0;text-decoration:none}[class*=tiny-] dd,[class*=tiny-] dl,[class*=tiny-] dt,[class*=tiny-] li,[class*=tiny-] ol,[class*=tiny-] td,[class*=tiny-] th,[class*=tiny-] ul{margin:0;padding:0}[class*=tiny-] ol,[class*=tiny-] ul{list-style:none}[class*=tiny-] audio,[class*=tiny-] canvas,[class*=tiny-] video{display:inline-block}[class*=tiny-] audio:not([controls]){display:none;height:0}[class*=tiny-] mark{background:#ff0;color:#000}[class*=tiny-] pre{white-space:pre-wrap}[class*=tiny-] sub,[class*=tiny-] sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}[class*=tiny-] sup{top:-.5em}[class*=tiny-] sub{bottom:-.25em}[class*=tiny-] fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}[class*=tiny-] legend{border:0;padding:0}[class*=tiny-] input::-ms-clear,[class*=tiny-] input::-ms-reveal{display:none}[class*=tiny-] button::-moz-focus-inner,[class*=tiny-] input::-moz-focus-inner{border:0;padding:0}[class*=tiny-] textarea{overflow:auto;vertical-align:top}[class*=tiny-] table{border-collapse:collapse;border-spacing:0}[class*=tiny-] .tiny-hide{display:none}[class*=tiny-] .popper__arrow,[class*=tiny-] .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}@media (min-width:768px){[class*=tiny-] ::-webkit-scrollbar{width:4px;height:4px}[class*=tiny-] ::-webkit-scrollbar-track-piece{background:#fafafa}[class*=tiny-] ::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:6px}[class*=tiny-] ::-webkit-scrollbar-thumb:hover{background:#999}[class*=tiny-] ::-webkit-scrollbar-thumb:active{background:#999}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar{width:8px;height:8px}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-track-piece{background:0 0;border:0}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb:hover{background:#999}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb:active{background:#999}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar{width:4px;height:4px}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-track-piece{background:0 0;border:0}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:2px}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb:hover{background:#999}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb:active{background:#999}}:root{--ti-base-color-white:#fff;--ti-base-color-brand-6:#5e7ce0;--ti-base-color-brand-8:#344899;--ti-base-color-brand-7:#526ecc;--ti-base-color-brand-5:#7693f5;--ti-base-color-brand-4:#96adfa;--ti-base-color-brand-3:#beccfa;--ti-base-color-brand-2:#e9edfa;--ti-base-color-brand-1:#f2f5fc;--ti-base-color-common-9:#181818;--ti-base-color-common-8:#282b33;--ti-base-color-common-7:#252b3a;--ti-base-color-common-6:#464c59;--ti-base-color-common-5:#575d6c;--ti-base-color-common-4:#5c6173;--ti-base-color-common-3:#8a8e99;--ti-base-color-common-2:#adb0b8;--ti-base-color-common-1:#dfe1e6;--ti-base-color-bg-9:#b12220;--ti-base-color-bg-8:#c7000b;--ti-base-color-bg-7:#d64a52;--ti-base-color-bg-6:#eef0f5;--ti-base-color-bg-5:#f5f5f6;--ti-base-color-bg-4:#fafafa;--ti-base-color-bg-3:#ffffff;--ti-base-color-bg-2:#ffffff;--ti-base-color-bg-1:#ffffff;--ti-base-color-error-4:#de504e;--ti-base-color-error-3:#f66f6a;--ti-base-color-error-2:#ffbcba;--ti-base-color-error-1:#ffeeed;--ti-base-color-success-4:#3ac295;--ti-base-color-success-3:#50d4ab;--ti-base-color-success-2:#acf2dc;--ti-base-color-success-1:#edfff9;--ti-base-color-warn-5:#e37d29;--ti-base-color-warn-4:#fa9841;--ti-base-color-warn-3:#fac20a;--ti-base-color-warn-2:#ffd0a6;--ti-base-color-warn-1:#fff3e8;--ti-base-color-prompt-4:var(--ti-base-color-brand-7);--ti-base-color-prompt-3:var(--ti-base-color-brand-6);--ti-base-color-prompt-2:var(--ti-base-color-brand-3);--ti-base-color-prompt-1:#ebf6ff;--ti-base-color-prompt-icon-from:#7769e8;--ti-base-color-prompt-icon-to:#58bbff;--ti-base-color-icon-info:#6cbfff;--ti-base-color-data-3:#a6dd82;--ti-base-color-data-4:#f3689a;--ti-base-color-data-5:#a97af8;--ti-base-color-transparent:transparent;--ti-common-color-success:var(--ti-base-color-success-3);--ti-common-color-text-success:var(--ti-base-color-success-4);--ti-common-color-success-bg:var(--ti-base-color-success-1);--ti-common-color-success-border:var(--ti-base-color-success-2);--ti-common-color-error:var(--ti-base-color-error-3);--ti-common-color-error-text:var(--ti-base-color-error-4);--ti-common-color-error-bg:var(--ti-base-color-error-1);--ti-common-color-error-border:var(--ti-base-color-error-3);--ti-common-color-error-border-secondary:var(--ti-base-color-error-2);--ti-common-color-info:var(--ti-base-color-common-7);--ti-common-color-info-text:var(--ti-base-color-common-7);--ti-common-color-info-bg:rgba(51, 51, 51, 0.06);--ti-common-color-info-border:#d3d4d6;--ti-common-color-warn:var(--ti-base-color-warn-4);--ti-common-color-warn-text:var(--ti-base-color-warn-5);--ti-common-color-warn-bg:var(--ti-base-color-warn-1);--ti-common-color-warn-border:var(--ti-base-color-warn-2);--ti-common-color-warn-secondary:var(--ti-base-color-warn-3);--ti-common-color-prompt:var(--ti-base-color-prompt-3);--ti-common-color-prompt-text:var(--ti-base-color-prompt-4);--ti-common-color-prompt-bg:var(--ti-base-color-prompt-1);--ti-common-color-prompt-border:var(--ti-base-color-prompt-2);--ti-common-color-prompt-icon-from:var(--ti-base-color-prompt-icon-from);--ti-common-color-prompt-icon-to:var(--ti-base-color-prompt-icon-to);--ti-common-color-text-primary:var(--ti-base-color-common-7);--ti-common-color-text-secondary:var(--ti-base-color-common-5);--ti-common-color-text-weaken:var(--ti-base-color-common-3);--ti-common-color-text-disabled:var(--ti-base-color-common-2);--ti-common-color-text-darkbg:var(--ti-base-color-common-2);--ti-common-color-text-darkbg-disabled:var(--ti-base-color-common-5);--ti-common-color-text-link:var(--ti-base-color-brand-7);--ti-common-color-text-link-hover:var(--ti-base-color-brand-8);--ti-common-color-text-link-darkbg:var(--ti-base-color-brand-4);--ti-common-color-text-link-darkbg-hover:var(--ti-base-color-brand-3);--ti-common-color-text-highlight:var(--ti-base-color-brand-7);--ti-common-color-text-white:var(--ti-base-color-white);--ti-common-color-text-gray:var(--ti-base-color-white);--ti-common-color-text-gray-disabled:var(--ti-base-color-common-4);--ti-common-color-text-important:var(--ti-base-color-error-4);--ti-common-color-icon-normal:var(--ti-base-color-common-5);--ti-common-color-icon-hover:var(--ti-base-color-brand-6);--ti-common-color-icon-active:var(--ti-base-color-brand-6);--ti-common-color-icon-disabled:var(--ti-base-color-common-2);--ti-common-color-icon-white:var(--ti-base-color-white);--ti-common-color-icon-graybg-normal:var(--ti-base-color-common-2);--ti-common-color-icon-graybg-hover:var(--ti-base-color-brand-6);--ti-common-color-icon-graybg-active:var(--ti-base-color-brand-6);--ti-common-color-icon-graybg-disabled:var(--ti-base-color-common-1);--ti-common-color-icon-darkbg-normal:var(--ti-base-color-common-2);--ti-common-color-icon-darkbg-hover:var(--ti-base-color-brand-5);--ti-common-color-icon-darkbg-active:var(--ti-base-color-brand-5);--ti-common-color-icon-darkbg-disabled:var(--ti-base-color-common-5);--ti-common-color-icon-info:var(--ti-base-color-icon-info);--ti-common-color-line-normal:var(--ti-base-color-common-2);--ti-common-color-line-hover:var(--ti-base-color-common-5);--ti-common-color-line-active:var(--ti-base-color-brand-6);--ti-common-color-line-disabled:var(--ti-base-color-common-1);--ti-common-color-line-dividing:var(--ti-base-color-common-1);--ti-common-color-dash-line-normal:var(--ti-base-color-common-5);--ti-common-color-dash-line-hover:var(--ti-base-color-brand-7);--ti-common-color-bg-normal:var(--ti-base-color-bg-6);--ti-common-color-bg-emphasize:var(--ti-base-color-brand-6);--ti-common-color-bg-disabled:var(--ti-base-color-bg-5);--ti-common-color-bg-hover:var(--ti-base-color-brand-8);--ti-common-color-bg-gray:var(--ti-base-color-bg-4);--ti-common-color-bg-secondary:var(--ti-base-color-common-2);--ti-common-bg-primary:var(--ti-base-color-bg-8);--ti-common-bg-primary-hover:var(--ti-base-color-bg-7);--ti-common-bg-primary-active:var(--ti-base-color-bg-9);--ti-common-bg-minor:var(--ti-base-color-bg-2);--ti-common-bg-minor-hover:var(--ti-base-color-bg-1);--ti-common-bg-minor-active:var(--ti-base-color-bg-3);--ti-common-color-bg-white-normal:var(--ti-base-color-white);--ti-common-color-bg-white-emphasize:var(--ti-base-color-brand-1);--ti-common-color-bg-light-normal:var(--ti-base-color-brand-2);--ti-common-color-bg-light-emphasize:var(--ti-base-color-brand-3);--ti-common-color-bg-dark-normal:var(--ti-base-color-common-6);--ti-common-color-bg-dark-emphasize:var(--ti-base-color-common-4);--ti-common-color-bg-dark-active:var(--ti-common-color-bg-normal);--ti-common-color-bg-dark-deep:var(--ti-base-color-common-6);--ti-common-color-bg-dark-disabled:var(--ti-base-color-common-1);--ti-common-color-bg-navigation:var(--ti-base-color-common-8);--ti-common-color-bg-dark-select:var(--ti-base-color-common-9);--ti-common-color-data-1:var(--ti-base-color-success-3);--ti-common-color-data-2:var(--ti-base-color-icon-info);--ti-common-color-data-3:var(--ti-base-color-data-3);--ti-common-color-data-4:var(--ti-base-color-data-4);--ti-common-color-data-5:var(--ti-base-color-data-5);--ti-common-color-data-6:var(--ti-base-color-warn-3);--ti-common-color-data-7:var(--ti-base-color-warn-4);--ti-common-color-data-8:var(--ti-base-color-error-3);--ti-common-color-transparent:var(--ti-base-color-transparent);--ti-common-border-radius-normal:2px;--ti-common-border-radius-0:0px;--ti-common-border-radius-1:4px;--ti-common-border-radius-2:8px;--ti-common-border-radius-3:50%;--ti-common-font-size-base:12px;--ti-common-font-size-1:14px;--ti-common-font-size-2:16px;--ti-common-font-size-3:18px;--ti-common-font-size-4:20px;--ti-common-font-size-5:24px;--ti-common-font-size-6:32px;--ti-common-font-size-7:36px;--ti-common-line-height-number:1.5;--ti-common-space-base:4px;--ti-common-space-2x:calc(var(--ti-common-space-base) * 2);--ti-common-space-3x:calc(var(--ti-common-space-base) * 3);--ti-common-space-4x:calc(var(--ti-common-space-base) * 4);--ti-common-space-5x:calc(var(--ti-common-space-base) * 5);--ti-common-space-6x:calc(var(--ti-common-space-base) * 6);--ti-common-space-8x:calc(var(--ti-common-space-base) * 8);--ti-common-space-10x:calc(var(--ti-common-space-base) * 10);--ti-common-space-0:0px;--ti-common-space-1:1px;--ti-common-space-6:6px;--ti-common-space-10:10px;--ti-common-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-left:-1px 0px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-right:1px 0px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-2-up:0 -2px 8px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-2-down:0 2px 8px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-2-left:-2px 0 8px 0 rgba(238, 10, 10, 0.2);--ti-common-shadow-2-right:2px 0 8px 0 rgba(252, 5, 5, 0.2);--ti-common-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-down:0 4px 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-up:0 -8px 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-down:0 8px 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-left:-8px 0 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-right:8px 0 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-error:0 1px 3px 0 rgba(199, 54, 54, 0.25);--ti-common-shadow-warn:0 1px 3px 0 rgba(204, 100, 20, 0.25);--ti-common-shadow-prompt:0 1px 3px 0 rgba(70, 94, 184, 0.25);--ti-common-shadow-success:0 1px 3px 0 rgba(39, 176, 128, 0.25);--ti-common-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--ti-common-font-weight-1:100;--ti-common-font-weight-2:200;--ti-common-font-weight-3:300;--ti-common-font-weight-4:normal;--ti-common-font-weight-5:500;--ti-common-font-weight-6:600;--ti-common-font-weight-7:bold;--ti-common-font-weight-8:800;--ti-common-font-weight-9:900;--ti-common-border-weight-normal:1px;--ti-common-border-weight-1:2px;--ti-common-border-weight-2:3px;--ti-common-border-style-dashed:dashed;--ti-common-border-style-dotted:dotted;--ti-common-border-style-solid:solid;--ti-common-size-base:4px;--ti-common-size-2x:calc(var(--ti-common-size-base) * 2);--ti-common-size-3x:calc(var(--ti-common-size-base) * 3);--ti-common-size-4x:calc(var(--ti-common-size-base) * 4);--ti-common-size-5x:calc(var(--ti-common-size-base) * 5);--ti-common-size-6x:calc(var(--ti-common-size-base) * 6);--ti-common-size-7x:calc(var(--ti-common-size-base) * 7);--ti-common-size-8x:calc(var(--ti-common-size-base) * 8);--ti-common-size-9x:calc(var(--ti-common-size-base) * 9);--ti-common-size-10x:calc(var(--ti-common-size-base) * 10);--ti-common-size-11x:calc(var(--ti-common-size-base) * 11);--ti-common-size-12x:calc(var(--ti-common-size-base) * 12);--ti-common-size-13x:calc(var(--ti-common-size-base) * 13);--ti-common-size-14x:calc(var(--ti-common-size-base) * 14);--ti-common-size-15x:calc(var(--ti-common-size-base) * 15);--ti-common-size-16x:calc(var(--ti-common-size-base) * 16);--ti-common-size-17x:calc(var(--ti-common-size-base) * 17);--ti-common-size-18x:calc(var(--ti-common-size-base) * 18);--ti-common-size-19x:calc(var(--ti-common-size-base) * 19);--ti-common-size-20x:calc(var(--ti-common-size-base) * 20);--ti-common-size-21x:calc(var(--ti-common-size-base) * 21);--ti-common-size-22x:calc(var(--ti-common-size-base) * 22);--ti-common-size-23x:calc(var(--ti-common-size-base) * 23);--ti-common-size-24x:calc(var(--ti-common-size-base) * 24);--ti-common-size-25x:calc(var(--ti-common-size-base) * 25);--ti-common-size-26x:calc(var(--ti-common-size-base) * 26);--ti-common-size-27x:calc(var(--ti-common-size-base) * 27);--ti-common-size-28x:calc(var(--ti-common-size-base) * 28);--ti-common-size-29x:calc(var(--ti-common-size-base) * 29);--ti-common-size-30x:calc(var(--ti-common-size-base) * 30);--ti-common-size-31x:calc(var(--ti-common-size-base) * 31);--ti-common-size-32x:calc(var(--ti-common-size-base) * 32);--ti-common-size-33x:calc(var(--ti-common-size-base) * 33);--ti-common-size-34x:calc(var(--ti-common-size-base) * 34);--ti-common-size-35x:calc(var(--ti-common-size-base) * 35);--ti-common-size-36x:calc(var(--ti-common-size-base) * 36);--ti-common-size-37x:calc(var(--ti-common-size-base) * 37);--ti-common-size-38x:calc(var(--ti-common-size-base) * 38);--ti-common-size-39x:calc(var(--ti-common-size-base) * 39);--ti-common-size-40x:calc(var(--ti-common-size-base) * 40);--ti-common-size-41x:calc(var(--ti-common-size-base) * 41);--ti-common-size-42x:calc(var(--ti-common-size-base) * 42);--ti-common-size-43x:calc(var(--ti-common-size-base) * 43);--ti-common-size-44x:calc(var(--ti-common-size-base) * 44);--ti-common-size-45x:calc(var(--ti-common-size-base) * 45);--ti-common-size-46x:calc(var(--ti-common-size-base) * 46);--ti-common-size-47x:calc(var(--ti-common-size-base) * 47);--ti-common-size-48x:calc(var(--ti-common-size-base) * 48);--ti-common-size-49x:calc(var(--ti-common-size-base) * 49);--ti-common-size-50x:calc(var(--ti-common-size-base) * 50);--ti-common-size-0:0px;--ti-common-size-auto:auto;--ti-common-color-primary-normal:var(--ti-base-color-brand-6);--ti-common-color-primary-hover:var(--ti-base-color-brand-5);--ti-common-color-primary-active:var(--ti-base-color-brand-5);--ti-common-color-primary-disabled:#a0cfff;--ti-common-color-primary-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-primary-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-success-normal:var(--ti-common-color-success);--ti-common-color-success-hover:var(--ti-common-color-success-border);--ti-common-color-success-active:var(--ti-common-color-success-border);--ti-common-color-success-disabled:#a6c3b9;--ti-common-color-success-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-success-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-warning-normal:var(--ti-common-color-warn);--ti-common-color-warning-hover:var(--ti-common-color-warn-secondary);--ti-common-color-warning-active:var(--ti-common-color-warn-secondary);--ti-common-color-warning-disabled:#d3c6a2;--ti-common-color-warning-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-warning-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-danger-normal:var(--ti-common-bg-primary);--ti-common-color-danger-hover:var(--ti-common-bg-primary-hover);--ti-common-color-danger-active:var(--ti-common-bg-primary-active);--ti-common-color-danger-disabled:#d8bab5;--ti-common-color-danger-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-danger-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-info-normal:var(--ti-base-color-common-7);--ti-common-color-info-hover:#54657e;--ti-common-color-info-active:#54657e;--ti-common-color-info-disabled:#bfbfbf;--ti-common-color-info-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-info-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-border:var(--ti-base-color-common-2);--ti-common-color-border-hover:var(--ti-base-color-common-5);--ti-common-color-light:#fff;--ti-common-color-hover-background:var(--ti-base-color-brand-1);--ti-common-color-selected-background:var(--ti-base-color-brand-6);--ti-common-color-selected-text-color:var(--ti-common-color-light);--ti-common-size-height-normal:30px;--ti-common-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);--ti-common-dropdown-gap:2px;--ti-common-color-dark:#000;--ti-common-color-secondary:#666;--ti-common-color-placeholder:#999;--ti-common-color-navigation-background:#2e3243;--ti-common-radius-large:3px;--ti-common-radius-medium:2px;--ti-common-radius-small:1px;--ti-common-font-size:12px;--ti-common-font-size-normal:1em;--ti-common-font-size-large:1.125em;--ti-common-font-weight-bold:700;--ti-common-size-width-large:130px;--ti-common-size-width-medium:120px;--ti-common-size-width-normal:80px;--ti-common-size-width-small:36px;--ti-common-size-width-minor:30px;--ti-common-size-width-mini:24px;--ti-common-size-height-large:48px;--ti-common-size-height-medium:42px;--ti-common-size-height-small:28px;--ti-common-size-height-minor:30px;--ti-common-size-height-mini:24px;--ti-common-line-height-base:12px;--ti-common-line-height-1:14px;--ti-common-line-height-2:16px;--ti-common-line-height-3:18px;--ti-common-line-height-4:20px;--ti-common-line-height-5:24px;--ti-common-line-height-6:32px;--ti-common-line-height-7:36px}:root{--ti-errortips-box-bg-color:var(--ti-common-color-light);--ti-errortips-body-text-color:#5a5e66;--ti-errortips-body-font-size:var(--ti-common-font-size-1);--ti-errortips-body-code-font-size:100px;--ti-errortips-body-code-text-color:#9ac7ef;--ti-errortips-body-content-font-size:var(--ti-common-font-size-2);--ti-errortips-body-bottom-font-weight:var(--ti-common-font-weight-8);--ti-errortips-sso-box-bg-color:var(--ti-common-color-light);--ti-errortips-sso-body-text-color:#5a5e66;--ti-errortips-sso-body-font-size:var(--ti-common-font-size-1);--ti-errortips-not-sso-bg-color:#dcdfe4;--ti-errortips-not-sso-body-bg-color:#f4f5f9;--ti-errortips-not-sso-body-border-color:#d4d5d7;--ti-errortips-not-sso-body-title-border-color:#b6babf;--ti-errortips-not-sso-body-title-font-size:var(--ti-common-font-size-4);--ti-errortips-not-sso-body-login-font-size:var(--ti-common-font-size-2);--ti-errortips-not-sso-body-text-color:#5a5e66;--ti-errortips-not-sso-body-input-border-color:var(--ti-base-color-bg-5);--ti-errortips-not-sso-body-input-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-placeholder-text-color:var(--ti-common-color-placeholder);--ti-errortips-not-sso-body-input-hover-text-color:var(--ti-common-color-placeholder);--ti-errortips-not-sso-body-input-focus-text-color:var(--ti-common-color-border);--ti-errortips-not-sso-body-input-danger-border-color:var(--ti-base-color-bg-8);--ti-errortips-not-sso-body-button-text-color:var(--ti-common-color-light);--ti-errortips-not-sso-body-button-bg-color:var(--ti-base-color-brand-6);--ti-errortips-not-sso-body-button-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-button-hover-bg-color:var(--ti-base-color-brand-5);--ti-errortips-not-sso-body-errmessage-text-color:#f00}.aurora-popup__wrapper{z-index:2147483647!important;background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.aurora-popup__wrapper .aurora-errortips__box{position:absolute;width:var(--ti-errortips-width);min-height:var(--ti-errortips-min-height);max-height:var(--ti-errortips-max-height);top:0;left:0;right:0;bottom:0;margin:auto;overflow:hidden;background:var(--ti-errortips-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);text-align:center;overflow-y:auto}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body{height:100%;text-align:initial;padding:20px;color:var(--ti-errortips-body-text-color);font-size:var(--ti-errortips-body-font-size);display:table;margin:auto}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips{text-align:center;display:table-cell;vertical-align:middle}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-code{font-size:var(--ti-errortips-body-code-font-size);color:var(--ti-errortips-body-code-text-color);margin:0 auto -45px;text-shadow:0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-img{width:260px;height:180px;margin:0 auto;background:url(../images/errortips-bg.png) no-repeat}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-content{font-size:var(--ti-errortips-body-content-font-size);margin:24px 0;font-weight:700}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-bottom a{font-weight:var(--ti-errortips-body-bottom-font-weight);cursor:pointer}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-bottom span{padding-right:15px}.aurora-popup__wrapper .aurora-sso__box{position:absolute;background:var(--ti-errortips-sso-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.aurora-popup__wrapper .aurora-sso__box .aurora-sso__body{text-align:initial;padding:20px;color:var(--ti-errortips-sso-body-text-color);line-height:32px;font-size:var(--ti-errortips-sso-body-font-size)}.aurora-popup__wrapper .aurora-sso__box .aurora-sso__body .aurora-sso__body-iframe{width:350px;height:350px;overflow:hidden}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.aurora-popup__wrapper .aurora-sso__box .aurora-sso__body .aurora-sso__body-iframe{height:460px}}@supports (-ms-ime-align:auto){.aurora-popup__wrapper .aurora-sso__box .aurora-sso__body .aurora-sso__body-iframe{height:460px}}.aurora-popup__wrapper.login-not-sso{background:var(--ti-errortips-not-sso-bg-color);background-size:cover}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box{width:100%;height:100%;overflow:hidden}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body{width:650px;height:400px;background:var(--ti-errortips-not-sso-body-bg-color);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;border:1px solid var(--ti-errortips-not-sso-body-border-color);-webkit-box-shadow:0 2px 4px #989a9e;box-shadow:0 2px 4px #989a9e}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .title{background:-webkit-gradient(linear,left top,left bottom,from(#ecedf1),to(#dadde2));background:linear-gradient(to bottom,#ecedf1,#dadde2);border-bottom:1px solid var(--ti-errortips-not-sso-body-title-border-color);padding:16px 20px;font-size:var(--ti-errortips-not-sso-body-title-font-size)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--ti-errortips-not-sso-body-login-font-size);margin-top:28px}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item{height:60px;line-height:60px}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.label{width:30%;text-align:right;color:var(--ti-errortips-not-sso-body-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell{width:70%;text-align:left;padding-left:12px}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input{border:1px solid var(--ti-errortips-not-sso-body-input-border-color);border-radius:var(--ti-errortips-not-sso-body-input-border-radius);outline:0;width:75%;height:40px;line-height:40px;padding:0 8px;background:0 0;color:var(--ti-errortips-not-sso-body-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input:hover{border-color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input:focus::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-input-focus-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input.text-danger{border-color:var(--ti-errortips-not-sso-body-input-danger-border-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell button{width:75%;height:40px;line-height:40px;padding:0 24px;text-align:center;color:var(--ti-errortips-not-sso-body-button-text-color);background-color:var(--ti-errortips-not-sso-body-button-bg-color);border:none;border-radius:var(--ti-errortips-not-sso-body-button-border-radius);-webkit-transition:.3s;transition:.3s;outline:0}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell button:hover{background-color:var(--ti-errortips-not-sso-body-button-hover-bg-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell .errmessage{color:var(--ti-errortips-not-sso-body-errmessage-text-color);line-height:20px}.tiny-svg{width:1em;height:1em;vertical-align:middle;overflow:hidden;display:inline-block}
1
+ [class*=tiny-]{-webkit-box-sizing:border-box;box-sizing:border-box}[class*=tiny-] :after,[class*=tiny-] :before{-webkit-box-sizing:border-box;box-sizing:border-box}[class*=tiny-] a{cursor:pointer;background-image:none;text-decoration:none;outline:0}[class*=tiny-] a:active,[class*=tiny-] a:focus,[class*=tiny-] a:hover{outline:0;text-decoration:none}[class*=tiny-] dd,[class*=tiny-] dl,[class*=tiny-] dt,[class*=tiny-] li,[class*=tiny-] ol,[class*=tiny-] td,[class*=tiny-] th,[class*=tiny-] ul{margin:0;padding:0}[class*=tiny-] ol,[class*=tiny-] ul{list-style:none}[class*=tiny-] audio,[class*=tiny-] canvas,[class*=tiny-] video{display:inline-block}[class*=tiny-] audio:not([controls]){display:none;height:0}[class*=tiny-] mark{background:#ff0;color:#000}[class*=tiny-] pre{white-space:pre-wrap}[class*=tiny-] sub,[class*=tiny-] sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}[class*=tiny-] sup{top:-.5em}[class*=tiny-] sub{bottom:-.25em}[class*=tiny-] fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}[class*=tiny-] legend{border:0;padding:0}[class*=tiny-] input::-ms-clear,[class*=tiny-] input::-ms-reveal{display:none}[class*=tiny-] button::-moz-focus-inner,[class*=tiny-] input::-moz-focus-inner{border:0;padding:0}[class*=tiny-] textarea{overflow:auto;vertical-align:top}[class*=tiny-] table{border-collapse:collapse;border-spacing:0}[class*=tiny-] .tiny-hide{display:none}[class*=tiny-] .popper__arrow,[class*=tiny-] .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}@media (min-width:768px){[class*=tiny-] ::-webkit-scrollbar{width:var(--ti-common-scrollbar-width);height:var(--ti-common-scrollbar-height)}[class*=tiny-] ::-webkit-scrollbar-track-piece{background:var(--ti-common-scrollbar-track-piece-bg-color)}[class*=tiny-] ::-webkit-scrollbar-thumb{background:var(--ti-common-scrollbar-thumb-bg-color);border-radius:var(--ti-common-scrollbar-thumb-border-radius)}[class*=tiny-] ::-webkit-scrollbar-thumb:hover{background:var(--ti-common-scrollbar-thumb-hover-bg-color)}[class*=tiny-] ::-webkit-scrollbar-thumb:active{background:var(--ti-common-scrollbar-thumb-active-bg-color)}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar{width:8px;height:8px}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-track-piece{background:0 0;border:0}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb:hover{background:#999}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb:active{background:#999}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar{width:4px;height:4px}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-track-piece{background:0 0;border:0}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:2px}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb:hover{background:#999}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb:active{background:#999}}:root{--ti-base-color-white:#fff;--ti-base-color-transparent:transparent;--ti-base-color-brand-6:#5e7ce0;--ti-base-color-brand-8:#344899;--ti-base-color-brand-7:#526ecc;--ti-base-color-brand-5:#7693f5;--ti-base-color-brand-4:#96adfa;--ti-base-color-brand-3:#beccfa;--ti-base-color-brand-2:#e9edfa;--ti-base-color-brand-1:#f2f5fc;--ti-base-color-common-9:#181818;--ti-base-color-common-8:#282b33;--ti-base-color-common-7:#252b3a;--ti-base-color-common-6:#464c59;--ti-base-color-common-5:#575d6c;--ti-base-color-common-4:#5c6173;--ti-base-color-common-3:#8a8e99;--ti-base-color-common-2:#adb0b8;--ti-base-color-common-1:#dfe1e6;--ti-base-color-bg-9:#b12220;--ti-base-color-bg-8:#c7000b;--ti-base-color-bg-7:#d64a52;--ti-base-color-bg-6:#eef0f5;--ti-base-color-bg-5:#f5f5f6;--ti-base-color-bg-4:#fafafa;--ti-base-color-bg-3:#ffffff;--ti-base-color-bg-2:#ffffff;--ti-base-color-bg-1:#ffffff;--ti-base-color-error-4:#de504e;--ti-base-color-error-3:#f66f6a;--ti-base-color-error-2:#ffbcba;--ti-base-color-error-1:#ffeeed;--ti-base-color-success-4:#3ac295;--ti-base-color-success-3:#50d4ab;--ti-base-color-success-2:#acf2dc;--ti-base-color-success-1:#edfff9;--ti-base-color-warn-5:#e37d29;--ti-base-color-warn-4:#fa9841;--ti-base-color-warn-3:#fac20a;--ti-base-color-warn-2:#ffd0a6;--ti-base-color-warn-1:#fff3e8;--ti-base-color-prompt-4:var(--ti-base-color-brand-7);--ti-base-color-prompt-3:var(--ti-base-color-brand-6);--ti-base-color-prompt-2:var(--ti-base-color-brand-3);--ti-base-color-prompt-1:#ebf6ff;--ti-base-color-prompt-icon-from:#7769e8;--ti-base-color-prompt-icon-to:#58bbff;--ti-base-color-icon-info:#6cbfff;--ti-base-color-data-3:#a6dd82;--ti-base-color-data-4:#f3689a;--ti-base-color-data-5:#a97af8;--ti-common-color-transparent:var(--ti-base-color-transparent);--ti-common-color-light:#fff;--ti-common-color-dark:#000;--ti-common-color-success:var(--ti-base-color-success-3);--ti-common-color-text-success:var(--ti-base-color-success-4);--ti-common-color-success-bg:var(--ti-base-color-success-1);--ti-common-color-success-border:var(--ti-base-color-success-2);--ti-common-color-error:var(--ti-base-color-error-3);--ti-common-color-error-text:var(--ti-base-color-error-4);--ti-common-color-error-bg:var(--ti-base-color-error-1);--ti-common-color-error-border:var(--ti-base-color-error-3);--ti-common-color-error-border-secondary:var(--ti-base-color-error-2);--ti-common-color-info:var(--ti-base-color-common-7);--ti-common-color-info-text:var(--ti-base-color-common-7);--ti-common-color-info-bg:rgba(51, 51, 51, 0.06);--ti-common-color-info-border:#d3d4d6;--ti-common-color-warn:var(--ti-base-color-warn-4);--ti-common-color-warn-text:var(--ti-base-color-warn-5);--ti-common-color-warn-bg:var(--ti-base-color-warn-1);--ti-common-color-warn-border:var(--ti-base-color-warn-2);--ti-common-color-warn-secondary:var(--ti-base-color-warn-3);--ti-common-color-prompt:var(--ti-base-color-prompt-3);--ti-common-color-prompt-text:var(--ti-base-color-prompt-4);--ti-common-color-prompt-bg:var(--ti-base-color-prompt-1);--ti-common-color-prompt-border:var(--ti-base-color-prompt-2);--ti-common-color-prompt-icon-from:var(--ti-base-color-prompt-icon-from);--ti-common-color-prompt-icon-to:var(--ti-base-color-prompt-icon-to);--ti-common-color-primary-normal:var(--ti-base-color-brand-6);--ti-common-color-primary-hover:var(--ti-base-color-brand-5);--ti-common-color-primary-active:var(--ti-base-color-brand-5);--ti-common-color-primary-disabled:#a0cfff;--ti-common-color-primary-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-primary-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-primary-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-primary-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-common-color-success-normal:var(--ti-common-color-success);--ti-common-color-success-hover:var(--ti-common-color-success-border);--ti-common-color-success-active:var(--ti-common-color-success-border);--ti-common-color-success-disabled:#a6c3b9;--ti-common-color-success-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-success-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-success-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-success-plain-disabled-bg-color:rgba(166, 195, 185, 0.1);--ti-common-color-warning-normal:var(--ti-common-color-warn);--ti-common-color-warning-hover:var(--ti-common-color-warn-secondary);--ti-common-color-warning-active:var(--ti-common-color-warn-secondary);--ti-common-color-warning-disabled:#d3c6a2;--ti-common-color-warning-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-warning-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-warning-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-warning-plain-disabled-bg-color:rgba(211, 198, 162, 0.1);--ti-common-color-danger-normal:var(--ti-common-bg-primary);--ti-common-color-danger-hover:var(--ti-common-bg-primary-hover);--ti-common-color-danger-active:var(--ti-common-bg-primary-active);--ti-common-color-danger-disabled:#d8bab5;--ti-common-color-danger-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-danger-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-danger-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-danger-plain-disabled-bg-color:rgba(216, 186, 181, 0.1);--ti-common-color-info-normal:var(--ti-base-color-common-7);--ti-common-color-info-hover:var(--ti-base-color-common-4);--ti-common-color-info-active:var(--ti-base-color-common-4);--ti-common-color-info-disabled:#bfbfbf;--ti-common-color-info-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-info-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-info-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-info-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-common-color-text-primary:var(--ti-base-color-common-7);--ti-common-color-text-secondary:var(--ti-base-color-common-5);--ti-common-color-text-weaken:var(--ti-base-color-common-3);--ti-common-color-text-disabled:var(--ti-base-color-common-2);--ti-common-color-text-darkbg:var(--ti-base-color-common-2);--ti-common-color-text-darkbg-disabled:var(--ti-base-color-common-5);--ti-common-color-text-link:var(--ti-base-color-brand-7);--ti-common-color-text-link-hover:var(--ti-base-color-brand-8);--ti-common-color-text-link-darkbg:var(--ti-base-color-brand-4);--ti-common-color-text-link-darkbg-hover:var(--ti-base-color-brand-3);--ti-common-color-text-highlight:var(--ti-base-color-brand-7);--ti-common-color-text-white:var(--ti-base-color-white);--ti-common-color-text-gray:var(--ti-base-color-white);--ti-common-color-text-gray-disabled:var(--ti-base-color-common-4);--ti-common-color-text-important:var(--ti-base-color-error-4);--ti-common-color-placeholder:var(--ti-base-color-common-2);--ti-common-color-selected-text-color:var(--ti-common-color-light);--ti-common-color-icon-normal:var(--ti-base-color-common-5);--ti-common-color-icon-hover:var(--ti-base-color-brand-6);--ti-common-color-icon-active:var(--ti-base-color-brand-6);--ti-common-color-icon-disabled:var(--ti-base-color-common-2);--ti-common-color-icon-white:var(--ti-base-color-white);--ti-common-color-icon-graybg-normal:var(--ti-base-color-common-2);--ti-common-color-icon-graybg-hover:var(--ti-base-color-brand-6);--ti-common-color-icon-graybg-active:var(--ti-base-color-brand-6);--ti-common-color-icon-graybg-disabled:var(--ti-base-color-common-1);--ti-common-color-icon-darkbg-normal:var(--ti-base-color-common-2);--ti-common-color-icon-darkbg-hover:var(--ti-base-color-brand-5);--ti-common-color-icon-darkbg-active:var(--ti-base-color-brand-5);--ti-common-color-icon-darkbg-disabled:var(--ti-base-color-common-5);--ti-common-color-icon-info:var(--ti-base-color-icon-info);--ti-common-color-bg-normal:var(--ti-base-color-bg-6);--ti-common-color-bg-emphasize:var(--ti-base-color-brand-6);--ti-common-color-bg-disabled:var(--ti-base-color-bg-5);--ti-common-color-bg-hover:var(--ti-base-color-brand-8);--ti-common-color-bg-gray:var(--ti-base-color-bg-4);--ti-common-color-bg-secondary:var(--ti-base-color-common-2);--ti-common-bg-primary:var(--ti-base-color-bg-8);--ti-common-bg-primary-hover:var(--ti-base-color-bg-7);--ti-common-bg-primary-active:var(--ti-base-color-bg-9);--ti-common-bg-minor:var(--ti-base-color-bg-2);--ti-common-bg-minor-hover:var(--ti-base-color-bg-1);--ti-common-bg-minor-active:var(--ti-base-color-bg-3);--ti-common-color-bg-white-normal:var(--ti-base-color-white);--ti-common-color-bg-white-emphasize:var(--ti-base-color-brand-1);--ti-common-color-bg-light-normal:var(--ti-base-color-brand-2);--ti-common-color-bg-light-emphasize:var(--ti-base-color-brand-3);--ti-common-color-bg-dark-normal:var(--ti-base-color-common-6);--ti-common-color-bg-dark-emphasize:var(--ti-base-color-common-4);--ti-common-color-bg-dark-active:var(--ti-common-color-bg-normal);--ti-common-color-bg-dark-deep:var(--ti-base-color-common-6);--ti-common-color-bg-dark-disabled:var(--ti-base-color-common-1);--ti-common-color-bg-navigation:var(--ti-base-color-common-8);--ti-common-color-bg-dark-select:var(--ti-base-color-common-9);--ti-common-color-selected-background:var(--ti-base-color-brand-6);--ti-common-color-hover-background:var(--ti-base-color-brand-1);--ti-common-color-data-1:var(--ti-base-color-success-3);--ti-common-color-data-2:var(--ti-base-color-icon-info);--ti-common-color-data-3:var(--ti-base-color-data-3);--ti-common-color-data-4:var(--ti-base-color-data-4);--ti-common-color-data-5:var(--ti-base-color-data-5);--ti-common-color-data-6:var(--ti-base-color-warn-3);--ti-common-color-data-7:var(--ti-base-color-warn-4);--ti-common-color-data-8:var(--ti-base-color-error-3);--ti-common-line-height-number:1.5;--ti-common-line-height-base:12px;--ti-common-line-height-1:14px;--ti-common-line-height-2:16px;--ti-common-line-height-3:18px;--ti-common-line-height-4:20px;--ti-common-line-height-5:24px;--ti-common-line-height-6:32px;--ti-common-line-height-7:36px;--ti-common-space-base:4px;--ti-common-space-2x:calc(var(--ti-common-space-base) * 2);--ti-common-space-3x:calc(var(--ti-common-space-base) * 3);--ti-common-space-4x:calc(var(--ti-common-space-base) * 4);--ti-common-space-5x:calc(var(--ti-common-space-base) * 5);--ti-common-space-6x:calc(var(--ti-common-space-base) * 6);--ti-common-space-8x:calc(var(--ti-common-space-base) * 8);--ti-common-space-10x:calc(var(--ti-common-space-base) * 10);--ti-common-space-0:0px;--ti-common-space-1:1px;--ti-common-space-6:6px;--ti-common-space-10:10px;--ti-common-dropdown-gap:2px;--ti-common-shadow-none:none;--ti-common-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-left:-1px 0px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-right:1px 0px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-2-up:0 -2px 8px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-2-down:0 2px 8px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-2-left:-2px 0 8px 0 rgba(238, 10, 10, 0.2);--ti-common-shadow-2-right:2px 0 8px 0 rgba(252, 5, 5, 0.2);--ti-common-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-down:0 4px 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-up:0 -8px 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-down:0 8px 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-left:-8px 0 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-right:8px 0 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-error:0 1px 3px 0 rgba(199, 54, 54, 0.25);--ti-common-shadow-warn:0 1px 3px 0 rgba(204, 100, 20, 0.25);--ti-common-shadow-prompt:0 1px 3px 0 rgba(70, 94, 184, 0.25);--ti-common-shadow-success:0 1px 3px 0 rgba(39, 176, 128, 0.25);--ti-common-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--ti-common-font-size-base:12px;--ti-common-font-size-1:14px;--ti-common-font-size-2:16px;--ti-common-font-size-3:18px;--ti-common-font-size-4:20px;--ti-common-font-size-5:24px;--ti-common-font-size-6:32px;--ti-common-font-size-7:36px;--ti-common-font-weight-1:100;--ti-common-font-weight-2:200;--ti-common-font-weight-3:300;--ti-common-font-weight-4:normal;--ti-common-font-weight-5:500;--ti-common-font-weight-6:600;--ti-common-font-weight-7:bold;--ti-common-font-weight-8:800;--ti-common-font-weight-9:900;--ti-common-font-weight-bold:700;--ti-common-color-line-normal:var(--ti-base-color-common-2);--ti-common-color-line-hover:var(--ti-base-color-common-5);--ti-common-color-line-active:var(--ti-base-color-brand-6);--ti-common-color-line-disabled:var(--ti-base-color-common-1);--ti-common-color-line-dividing:var(--ti-base-color-common-1);--ti-common-color-dash-line-normal:var(--ti-base-color-common-5);--ti-common-color-dash-line-hover:var(--ti-base-color-brand-7);--ti-common-color-border:var(--ti-base-color-common-2);--ti-common-color-border-hover:var(--ti-base-color-common-5);--ti-common-border-weight-normal:1px;--ti-common-border-weight-1:2px;--ti-common-border-weight-2:3px;--ti-common-border-style-dashed:dashed;--ti-common-border-style-dotted:dotted;--ti-common-border-style-solid:solid;--ti-common-border-radius-normal:2px;--ti-common-border-radius-0:0px;--ti-common-border-radius-1:4px;--ti-common-border-radius-2:8px;--ti-common-border-radius-3:50%;--ti-common-size-base:4px;--ti-common-size-2x:calc(var(--ti-common-size-base) * 2);--ti-common-size-3x:calc(var(--ti-common-size-base) * 3);--ti-common-size-4x:calc(var(--ti-common-size-base) * 4);--ti-common-size-5x:calc(var(--ti-common-size-base) * 5);--ti-common-size-6x:calc(var(--ti-common-size-base) * 6);--ti-common-size-7x:calc(var(--ti-common-size-base) * 7);--ti-common-size-8x:calc(var(--ti-common-size-base) * 8);--ti-common-size-9x:calc(var(--ti-common-size-base) * 9);--ti-common-size-10x:calc(var(--ti-common-size-base) * 10);--ti-common-size-11x:calc(var(--ti-common-size-base) * 11);--ti-common-size-12x:calc(var(--ti-common-size-base) * 12);--ti-common-size-13x:calc(var(--ti-common-size-base) * 13);--ti-common-size-14x:calc(var(--ti-common-size-base) * 14);--ti-common-size-15x:calc(var(--ti-common-size-base) * 15);--ti-common-size-16x:calc(var(--ti-common-size-base) * 16);--ti-common-size-17x:calc(var(--ti-common-size-base) * 17);--ti-common-size-18x:calc(var(--ti-common-size-base) * 18);--ti-common-size-19x:calc(var(--ti-common-size-base) * 19);--ti-common-size-20x:calc(var(--ti-common-size-base) * 20);--ti-common-size-21x:calc(var(--ti-common-size-base) * 21);--ti-common-size-22x:calc(var(--ti-common-size-base) * 22);--ti-common-size-23x:calc(var(--ti-common-size-base) * 23);--ti-common-size-24x:calc(var(--ti-common-size-base) * 24);--ti-common-size-25x:calc(var(--ti-common-size-base) * 25);--ti-common-size-26x:calc(var(--ti-common-size-base) * 26);--ti-common-size-27x:calc(var(--ti-common-size-base) * 27);--ti-common-size-28x:calc(var(--ti-common-size-base) * 28);--ti-common-size-29x:calc(var(--ti-common-size-base) * 29);--ti-common-size-30x:calc(var(--ti-common-size-base) * 30);--ti-common-size-31x:calc(var(--ti-common-size-base) * 31);--ti-common-size-32x:calc(var(--ti-common-size-base) * 32);--ti-common-size-33x:calc(var(--ti-common-size-base) * 33);--ti-common-size-34x:calc(var(--ti-common-size-base) * 34);--ti-common-size-35x:calc(var(--ti-common-size-base) * 35);--ti-common-size-36x:calc(var(--ti-common-size-base) * 36);--ti-common-size-37x:calc(var(--ti-common-size-base) * 37);--ti-common-size-38x:calc(var(--ti-common-size-base) * 38);--ti-common-size-39x:calc(var(--ti-common-size-base) * 39);--ti-common-size-40x:calc(var(--ti-common-size-base) * 40);--ti-common-size-41x:calc(var(--ti-common-size-base) * 41);--ti-common-size-42x:calc(var(--ti-common-size-base) * 42);--ti-common-size-43x:calc(var(--ti-common-size-base) * 43);--ti-common-size-44x:calc(var(--ti-common-size-base) * 44);--ti-common-size-45x:calc(var(--ti-common-size-base) * 45);--ti-common-size-46x:calc(var(--ti-common-size-base) * 46);--ti-common-size-47x:calc(var(--ti-common-size-base) * 47);--ti-common-size-48x:calc(var(--ti-common-size-base) * 48);--ti-common-size-49x:calc(var(--ti-common-size-base) * 49);--ti-common-size-50x:calc(var(--ti-common-size-base) * 50);--ti-common-size-0:0px;--ti-common-size-auto:auto;--ti-common-size-width-large:var(--ti-common-size-33x);--ti-common-size-width-medium:var(--ti-common-size-30x);--ti-common-size-width-normal:var(--ti-common-size-20x);--ti-common-size-width-minor:30px;--ti-common-size-height-large:var(--ti-common-size-12x);--ti-common-size-height-medium:var(--ti-common-size-10x);--ti-common-size-height-small:var(--ti-common-size-8x);--ti-common-size-height-normal:var(--ti-common-size-7x);--ti-common-size-height-mini:var(--ti-common-size-6x);--ti-common-scrollbar-width:4px;--ti-common-scrollbar-height:4px;--ti-common-scrollbar-track-piece-bg-color:var(--ti-base-color-bg-4);--ti-common-scrollbar-thumb-bg-color:#bfbfbf;--ti-common-scrollbar-thumb-border-radius:6px;--ti-common-scrollbar-thumb-hover-bg-color:#999999;--ti-common-scrollbar-thumb-active-bg-color:#999999}:root{--ti-errortips-box-bg-color:var(--ti-common-color-light);--ti-errortips-body-text-color:#5a5e66;--ti-errortips-body-font-size:var(--ti-common-font-size-1);--ti-errortips-body-code-font-size:100px;--ti-errortips-body-code-text-color:#9ac7ef;--ti-errortips-body-content-font-size:var(--ti-common-font-size-2);--ti-errortips-body-bottom-font-weight:var(--ti-common-font-weight-8);--ti-errortips-sso-box-bg-color:var(--ti-common-color-light);--ti-errortips-sso-body-text-color:#5a5e66;--ti-errortips-sso-body-font-size:var(--ti-common-font-size-1);--ti-errortips-not-sso-bg-color:#dcdfe4;--ti-errortips-not-sso-body-bg-color:#f4f5f9;--ti-errortips-not-sso-body-border-color:#d4d5d7;--ti-errortips-not-sso-body-title-border-color:#b6babf;--ti-errortips-not-sso-body-title-font-size:var(--ti-common-font-size-4);--ti-errortips-not-sso-body-login-font-size:var(--ti-common-font-size-2);--ti-errortips-not-sso-body-text-color:#5a5e66;--ti-errortips-not-sso-body-input-border-color:var(--ti-base-color-bg-5);--ti-errortips-not-sso-body-input-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-placeholder-text-color:var(--ti-common-color-placeholder);--ti-errortips-not-sso-body-input-hover-text-color:var(--ti-common-color-placeholder);--ti-errortips-not-sso-body-input-focus-text-color:var(--ti-common-color-border);--ti-errortips-not-sso-body-input-danger-border-color:var(--ti-base-color-bg-8);--ti-errortips-not-sso-body-button-text-color:var(--ti-common-color-light);--ti-errortips-not-sso-body-button-bg-color:var(--ti-base-color-brand-6);--ti-errortips-not-sso-body-button-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-button-hover-bg-color:var(--ti-base-color-brand-5);--ti-errortips-not-sso-body-errmessage-text-color:#f00}.tiny-popup__wrapper{z-index:2147483647!important;background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-popup__wrapper .tiny-errortips__box{position:absolute;width:var(--ti-errortips-width);min-height:var(--ti-errortips-min-height);max-height:var(--ti-errortips-max-height);top:0;left:0;right:0;bottom:0;margin:auto;overflow:hidden;background:var(--ti-errortips-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);text-align:center;overflow-y:auto}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body{height:100%;text-align:initial;padding:20px;color:var(--ti-errortips-body-text-color);font-size:var(--ti-errortips-body-font-size);display:table;margin:auto}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips{text-align:center;display:table-cell;vertical-align:middle}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-code{font-size:var(--ti-errortips-body-code-font-size);color:var(--ti-errortips-body-code-text-color);margin:0 auto -45px;text-shadow:0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-img{width:260px;height:180px;margin:0 auto;background:url(../images/errortips-bg.png) no-repeat}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-content{font-size:var(--ti-errortips-body-content-font-size);margin:24px 0;font-weight:700}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-bottom a{font-weight:var(--ti-errortips-body-bottom-font-weight);cursor:pointer}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-bottom span{padding-right:15px}.tiny-popup__wrapper .tiny-sso__box{position:absolute;background:var(--ti-errortips-sso-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body{text-align:initial;padding:20px;color:var(--ti-errortips-sso-body-text-color);line-height:32px;font-size:var(--ti-errortips-sso-body-font-size)}.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{width:350px;height:350px;overflow:hidden}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{height:460px}}@supports (-ms-ime-align:auto){.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{height:460px}}.tiny-popup__wrapper.login-not-sso{background:var(--ti-errortips-not-sso-bg-color);background-size:cover}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box{width:100%;height:100%;overflow:hidden}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body{width:650px;height:400px;background:var(--ti-errortips-not-sso-body-bg-color);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;border:1px solid var(--ti-errortips-not-sso-body-border-color);-webkit-box-shadow:0 2px 4px #989a9e;box-shadow:0 2px 4px #989a9e}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .title{background:-webkit-gradient(linear,left top,left bottom,from(#ecedf1),to(#dadde2));background:linear-gradient(to bottom,#ecedf1,#dadde2);border-bottom:1px solid var(--ti-errortips-not-sso-body-title-border-color);padding:16px 20px;font-size:var(--ti-errortips-not-sso-body-title-font-size)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--ti-errortips-not-sso-body-login-font-size);margin-top:28px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item{height:60px;line-height:60px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.label{width:30%;text-align:right;color:var(--ti-errortips-not-sso-body-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell{width:70%;text-align:left;padding-left:12px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input{border:1px solid var(--ti-errortips-not-sso-body-input-border-color);border-radius:var(--ti-errortips-not-sso-body-input-border-radius);outline:0;width:75%;height:40px;line-height:40px;padding:0 8px;background:0 0;color:var(--ti-errortips-not-sso-body-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input:hover{border-color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input:focus::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-input-focus-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input.text-danger{border-color:var(--ti-errortips-not-sso-body-input-danger-border-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell button{width:75%;height:40px;line-height:40px;padding:0 24px;text-align:center;color:var(--ti-errortips-not-sso-body-button-text-color);background-color:var(--ti-errortips-not-sso-body-button-bg-color);border:none;border-radius:var(--ti-errortips-not-sso-body-button-border-radius);-webkit-transition:.3s;transition:.3s;outline:0}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell button:hover{background-color:var(--ti-errortips-not-sso-body-button-hover-bg-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell .errmessage{color:var(--ti-errortips-not-sso-body-errmessage-text-color);line-height:20px}.tiny-svg{width:1em;height:1em;vertical-align:middle;overflow:hidden;display:inline-block}
package/breadcrumb/aurora-theme.js ADDED
@@ -0,0 +1,3 @@
1
+ export const tinyBreadcrumbAuroraTheme = {
2
+ 'ti-breadcrumb-text-color': '#333'
3
+ }
package/breadcrumb/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-breadcrumb{--ti-breadcrumb-font-size:var(--ti-common-font-size-base);--ti-breadcrumb-text-line-height:1em;--ti-breadcrumb-text-color:var(--ti-common-color-info-normal);--ti-breadcrumb-separator-text-color:var(--ti-common-color-placeholder);--ti-breadcrumb-separator-padding-vertical:0;--ti-breadcrumb-separator-padding-horizontal:4px;--ti-breadcrumb-separator-margin-vertical:0;--ti-breadcrumb-separator-margin-horizontal:4px;--ti-breadcrumb-hover-text-color:var(--ti-base-color-brand-6);--ti-breadcrumb-text-font-weight:var(--ti-common-font-weight-7);font-size:var(--ti-breadcrumb-font-size);line-height:var(--ti-breadcrumb-text-line-height)}.tiny-breadcrumb:after,.tiny-breadcrumb:before{content:'';display:table}.tiny-breadcrumb:after{clear:both}.tiny-breadcrumb .tiny-breadcrumb__item{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner{font-weight:var(--ti-breadcrumb-text-font-weight)}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner a{cursor:text}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator,.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator-cls{display:none}.tiny-breadcrumb .tiny-breadcrumb__inner{vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__inner,.tiny-breadcrumb .tiny-breadcrumb__inner a{color:var(--ti-breadcrumb-text-color)}.tiny-breadcrumb .tiny-breadcrumb__inner:hover{color:var(--ti-breadcrumb-hover-text-color)}.tiny-breadcrumb .tiny-breadcrumb__separator{font-family:'\5B8B\4F53',sans-serif;color:var(--ti-breadcrumb-separator-text-color);padding:var(--ti-breadcrumb-separator-padding-vertical) var(--ti-breadcrumb-separator-padding-horizontal);vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__separator-cls{font-size:var(--ti-breadcrumb-font-size);fill:var(--ti-breadcrumb-separator-text-color);margin:var(--ti-breadcrumb-separator-margin-vertical) var(--ti-breadcrumb-separator-margin-horizontal);vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__inner a:hover,.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover{color:var(--ti-breadcrumb-hover-text-color);text-decoration:none}
1
+ .tiny-breadcrumb{--ti-breadcrumb-font-size:var(--ti-common-font-size-base);--ti-breadcrumb-text-line-height:var(--ti-common-line-height-3);--ti-breadcrumb-text-color:var(--ti-common-color-text-weaken);--ti-breadcrumb-font-family:var(--ti-common-font-family);--ti-breadcrumb-separator-text-color:var(--ti-common-color-placeholder);--ti-breadcrumb-separator-width:calc(var(--ti-common-size-base) + 2px);--ti-breadcrumb-separator-margin-vertical:var(--ti-common-space-0);--ti-breadcrumb-separator-margin-horizontal:var(--ti-common-space-base);--ti-breadcrumb-hover-text-color:var(--ti-common-color-primary-normal);--ti-breadcrumb-hover-text-decoration:none;--ti-breadcrumb-text-font-weight:var(--ti-common-font-weight-7);--ti-breadcrumb-selected-text-color:var(--ti-common-color-text-primary);font-size:var(--ti-breadcrumb-font-size);line-height:var(--ti-breadcrumb-text-line-height);font-family:var(--ti-breadcrumb-font-family)}.tiny-breadcrumb:after,.tiny-breadcrumb:before{content:'';display:table}.tiny-breadcrumb:after{clear:both}.tiny-breadcrumb .tiny-breadcrumb__item{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner{font-weight:var(--ti-breadcrumb-text-font-weight);color:var(--ti-breadcrumb-selected-text-color);text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__inner a{cursor:text;color:var(--ti-breadcrumb-selected-text-color);text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator,.tiny-breadcrumb .tiny-breadcrumb__item:last-child .tiny-breadcrumb__separator-cls{display:none}.tiny-breadcrumb .tiny-breadcrumb__inner{vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__inner,.tiny-breadcrumb .tiny-breadcrumb__inner a{color:var(--ti-breadcrumb-text-color)}.tiny-breadcrumb .tiny-breadcrumb__inner:hover{color:var(--ti-breadcrumb-hover-text-color);-webkit-text-decoration:var(--ti-breadcrumb-hover-text-decoration);text-decoration:var(--ti-breadcrumb-hover-text-decoration)}.tiny-breadcrumb .tiny-breadcrumb__inner:hover a:hover{cursor:pointer;color:var(--ti-breadcrumb-hover-text-color);-webkit-text-decoration:var(--ti-breadcrumb-hover-text-decoration);text-decoration:var(--ti-breadcrumb-hover-text-decoration)}.tiny-breadcrumb .tiny-breadcrumb__separator{font-family:var(--ti-breadcrumb-font-family);color:var(--ti-breadcrumb-separator-text-color);margin:var(--ti-breadcrumb-separator-margin-vertical) var(--ti-breadcrumb-separator-margin-horizontal);vertical-align:middle;text-align:center;width:var(--ti-breadcrumb-separator-width)}.tiny-breadcrumb .tiny-breadcrumb__separator-cls{font-size:var(--ti-breadcrumb-font-size);fill:var(--ti-breadcrumb-separator-text-color);margin:var(--ti-breadcrumb-separator-margin-vertical) var(--ti-breadcrumb-separator-margin-horizontal);vertical-align:middle}.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover{cursor:text;color:var(--ti-breadcrumb-hover-text-color);text-decoration:none}.tiny-breadcrumb .tiny-breadcrumb__item:last-child:hover a{cursor:text;color:var(--ti-breadcrumb-selected-text-color);text-decoration:none}
package/breadcrumb/smb-theme.js ADDED
@@ -0,0 +1,7 @@
1
+ export const tinyBreadcrumbSmbTheme = {
2
+ 'ti-breadcrumb-text-color': '#191919',
3
+ 'ti-breadcrumb-font-size': 'var(--ti-common-font-size-base)',
4
+ 'ti-breadcrumb-text-line-height': '22px',
5
+ 'ti-breadcrumb-hover-text-decoration': 'underline',
6
+ 'ti-breadcrumb-separator-width': 'var(--ti-common-size-4x)'
7
+ }
package/button/aurora-theme.js ADDED
@@ -0,0 +1,3 @@
1
+ export const tinyButtonAuroraTheme = {
2
+ 'ti-button-normal-text-color': '#1890ff'
3
+ }
package/button/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal);--ti-button-font-size:var(--ti-common-font-size-base);--ti-button-plain-disabled-text-color:var(--ti-base-color-common-2);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-7x);--ti-button-size-normal-padding:var(--ti-common-space-2x);--ti-button-size-large-min-width:var(--ti-common-size-width-normal);--ti-button-size-large-max-width:var(--ti-common-size-width-large);--ti-button-size-large-height:var(--ti-common-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding:var(--ti-common-space-4x);--ti-button-size-medium-min-width:var(--ti-common-size-width-normal);--ti-button-size-medium-max-width:var(--ti-common-size-width-large);--ti-button-size-medium-height:var(--ti-common-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding:var(--ti-common-space-3x);--ti-button-size-small-min-width:var(--ti-common-size-width-normal);--ti-button-size-small-max-width:var(--ti-common-size-width-medium);--ti-button-size-small-height:var(--ti-common-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding:var(--ti-common-space-10);--ti-button-size-mini-min-width:var(--ti-common-size-width-normal);--ti-button-size-mini-max-width:var(--ti-common-size-width-medium);--ti-button-size-mini-height:var(--ti-common-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding:var(--ti-common-space-2x);--ti-button-normal-text-color:var(--ti-base-color-common-7);--ti-button-normal-border-color:var(--ti-common-color-border);--ti-button-normal-background-color:var(--ti-common-color-light);--ti-button-normal-hover-text-color:var(--ti-base-color-brand-6);--ti-button-normal-hover-border-color:var(--ti-base-color-brand-6);--ti-button-normal-hover-background-color:var(--ti-common-color-light);--ti-button-normal-active-text-color:var(--ti-base-color-brand-6);--ti-button-normal-active-border-color:var(--ti-base-color-brand-6);--ti-button-normal-active-background-color:var(--ti-common-color-hover-background);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled);--ti-button-normal-disabled-background-color:var(--ti-common-color-bg-disabled);--ti-button-text-color:var(--ti-base-color-brand-6);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-color-active:var(--ti-common-color-primary-active);--ti-button-text-color-disabled:var(--ti-common-color-placeholder);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-primary-text-color:var(--ti-common-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border);--ti-button-primary-plain-bg-color:rgba(24, 144, 255, 0.06);--ti-button-primary-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover);--ti-button-success-active-bg-color:var(--ti-common-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-success-text-color:var(--ti-common-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border);--ti-button-success-plain-bg-color:rgba(82, 196, 26, 0.06);--ti-button-success-plain-disabled-bg-color:rgba(166, 195, 185, 0.1);--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-warning-text-color:var(--ti-common-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border);--ti-button-warning-plain-bg-color:rgba(250, 173, 20, 0.06);--ti-button-warning-plain-disabled-bg-color:rgba(211, 198, 162, 0.1);--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-danger-text-color:var(--ti-common-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border);--ti-button-danger-plain-bg-color:rgba(245, 34, 45, 0.06);--ti-button-danger-plain-disabled-bg-color:rgba(216, 186, 181, 0.1);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover);--ti-button-info-active-bg-color:var(--ti-common-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-info-text-color:var(--ti-common-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border);--ti-button-info-plain-bg-color:rgba(51, 51, 51, 0.06);--ti-button-info-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-button-padding-vertical:0;--ti-button-padding-horizontal:var(--ti-common-space-5x);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-size-normal-height);line-height:calc(var(--ti-button-size-normal-height) - 2px);color:var(--ti-button-normal-text-color);fill:var(--ti-button-normal-text-color);font-size:var(--ti-button-font-size);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:1px;border-style:solid;border-color:var(--ti-button-normal-border-color);-o-border-image:initial;border-image:initial;border-radius:var(--ti-button-border-radius);background:var(--ti-button-normal-background-color);padding:var(--ti-button-padding-vertical) var(--ti-button-padding-horizontal);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline:0}.tiny-button .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:var(--ti-button-normal-active-text-color);fill:var(--ti-button-normal-active-text-color);border-color:var(--ti-button-normal-active-border-color);background-color:var(--ti-button-normal-active-background-color)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-info-text-color)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-button.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:8px}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px;margin-top:2px}.tiny-button.is-circle{border-radius:50%;min-width:var(--ti-button-size-normal-height);min-height:var(--ti-button-size-normal-height);line-height:1;padding:var(--ti-button-size-normal-padding)}.tiny-button.is-circle.tiny-button--large{min-width:var(--ti-button-size-large-height);min-height:var(--ti-button-size-large-height);height:auto;line-height:1;padding:var(--ti-button-size-large-padding)}.tiny-button.is-circle.tiny-button--medium{min-width:var(--ti-button-size-medium-height);min-height:var(--ti-button-size-medium-height);height:auto;line-height:1;padding:var(--ti-button-size-medium-padding)}.tiny-button.is-circle.tiny-button--small{min-width:var(--ti-button-size-small-height);min-height:var(--ti-button-size-small-height);height:auto;line-height:1;padding:var(--ti-button-size-small-padding)}.tiny-button.is-circle.tiny-button--mini{min-width:var(--ti-button-size-mini-height);min-height:var(--ti-button-size-mini-height);height:auto;line-height:1;padding:var(--ti-button-size-mini-padding)}.tiny-button.tiny-button--primary{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-hover-bg-color);background-color:var(--ti-button-primary-hover-bg-color)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-disabled-text-color);fill:var(--ti-button-primary-disabled-text-color);border-color:var(--ti-button-primary-disabled-border-color);background-color:var(--ti-button-primary-disabled-bg-color)}.tiny-button.tiny-button--primary.is-plain{color:var(--ti-button-primary-normal-bg-color);fill:var(--ti-button-primary-normal-bg-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-primary-disabled-bg-color);border-color:var(--ti-button-primary-disabled-bg-color);background-color:var(--ti-button-primary-plain-disabled-bg-color)}.tiny-button.tiny-button--success{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-hover-bg-color);background-color:var(--ti-button-success-hover-bg-color)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--ti-button-success-disabled-text-color);fill:var(--ti-button-success-disabled-text-color);border-color:var(--ti-button-success-disabled-border-color);background-color:var(--ti-button-success-disabled-bg-color)}.tiny-button.tiny-button--success.is-plain{color:var(--ti-button-success-normal-bg-color);fill:var(--ti-button-success-normal-bg-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-success-disabled-bg-color);border-color:var(--ti-button-success-disabled-bg-color);background-color:var(--ti-button-success-plain-disabled-bg-color)}.tiny-button.tiny-button--warning{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-hover-bg-color);background-color:var(--ti-button-warning-hover-bg-color)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--ti-button-warning-disabled-text-color);fill:var(--ti-button-warning-disabled-text-color);border-color:var(--ti-button-warning-disabled-border-color);background-color:var(--ti-button-warning-disabled-bg-color)}.tiny-button.tiny-button--warning.is-plain{color:var(--ti-button-warning-normal-bg-color);fill:var(--ti-button-warning-normal-bg-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-warning-disabled-bg-color);border-color:var(--ti-button-warning-disabled-bg-color);background-color:var(--ti-button-warning-plain-disabled-bg-color)}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-hover-bg-color);background-color:var(--ti-button-danger-hover-bg-color)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-disabled-text-color);fill:var(--ti-button-danger-disabled-text-color);border-color:var(--ti-button-danger-disabled-border-color);background-color:var(--ti-button-danger-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-normal-bg-color);fill:var(--ti-button-danger-normal-bg-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-danger-disabled-bg-color);border-color:var(--ti-button-danger-disabled-bg-color);background-color:var(--ti-button-danger-plain-disabled-bg-color)}.tiny-button.tiny-button--info{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-hover-bg-color);background-color:var(--ti-button-info-hover-bg-color)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--ti-button-info-disabled-text-color);fill:var(--ti-button-info-disabled-text-color);border-color:var(--ti-button-info-disabled-border-color);background-color:var(--ti-button-info-disabled-bg-color)}.tiny-button.tiny-button--info.is-plain{color:var(--ti-button-info-normal-bg-color);fill:var(--ti-button-info-normal-bg-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-info-disabled-bg-color);border-color:var(--ti-button-info-disabled-bg-color);background-color:var(--ti-button-info-plain-disabled-bg-color)}.tiny-button.tiny-button--text{color:var(--ti-button-text-color);font-size:var(--ti-common-font-size-1);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--ti-button-text-color-active);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--ti-button-text-color-disabled);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:var(--ti-button-size-large-height);font-size:var(--ti-button-size-large-font-size)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-size-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:var(--ti-button-size-medium-height);font-size:var(--ti-button-size-medium-font-size)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-size-medium-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:var(--ti-button-size-small-height);font-size:var(--ti-button-size-small-font-size)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-size-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:var(--ti-button-size-mini-height);font-size:var(--ti-button-size-mini-font-size)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-size-mini-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
1
+ .tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal);--ti-button-font-size:var(--ti-common-font-size-base);--ti-button-plain-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-border-width:var(--ti-common-border-weight-normal);--ti-button-border-style:var(--ti-common-border-style-solid);--ti-button-loading-bg-color:rgba(255, 255, 255, 0.35);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-height-normal);--ti-button-size-normal-padding-horizontal:var(--ti-common-size-5x);--ti-button-size-normal-mini-width:var(--ti-common-size-20x);--ti-button-size-large-min-width:var(--ti-common-size-width-normal);--ti-button-size-large-max-width:var(--ti-common-size-width-large);--ti-button-size-large-height:var(--ti-common-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding-horizontal:var(--ti-common-size-8x);--ti-button-size-large-mini-width:var(--ti-common-size-24x);--ti-button-size-large-margin-left:8px;--ti-button-size-medium-min-width:var(--ti-common-size-width-normal);--ti-button-size-medium-max-width:var(--ti-common-size-width-large);--ti-button-size-medium-height:var(--ti-common-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding-horizontal:var(--ti-common-size-7x);--ti-button-size-medium-mini-width:var(--ti-common-size-22x);--ti-button-size-medium-margin-left:8px;--ti-button-size-small-min-width:var(--ti-common-size-width-normal);--ti-button-size-small-max-width:var(--ti-common-size-width-medium);--ti-button-size-small-height:var(--ti-common-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding-horizontal:var(--ti-common-size-3x);--ti-button-size-small-mini-width:var(--ti-common-size-18x);--ti-button-size-small-margin-left:8px;--ti-button-size-mini-min-width:var(--ti-common-size-width-normal);--ti-button-size-mini-max-width:var(--ti-common-size-width-medium);--ti-button-size-mini-height:var(--ti-common-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding-horizontal:var(--ti-common-size-2x);--ti-button-size-mini-mini-width:var(--ti-common-size-16x);--ti-button-normal-text-color:var(--ti-common-color-text-primary);--ti-button-normal-border-color:var(--ti-common-color-border);--ti-button-normal-background-color:var(--ti-common-color-light);--ti-button-normal-hover-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-background-color:var(--ti-common-color-light);--ti-button-normal-active-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-background-color:var(--ti-common-color-hover-background);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled);--ti-button-normal-disabled-background-color:var(--ti-common-color-bg-disabled);--ti-button-text-color:var(--ti-common-color-primary-normal);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-hover-weight:var(--ti-common-font-weight-4);--ti-button-text-color-active:var(--ti-common-color-primary-active);--ti-button-text-color-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-width:1em;--ti-button-text-svg-height:1em;--ti-button-text-hover-bg-color:transparent;--ti-button-text-hover-border-radius:0px;--ti-button-text-svg-fill:var(--ti-button-text-color);--ti-button-text-svg-hover-fill:var(--ti-button-text-color-hover);--ti-button-text-svg-fill-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-padding-horizontal:var(--ti-common-size-2x);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-normal-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-primary-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-common-color-primary-disabled-bgcolor);--ti-button-primary-text-color:var(--ti-common-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-primary-disabled-text);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border);--ti-button-primary-plain-text-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-text-color:var(--ti-common-color-light);--ti-button-primary-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-primary-plain-hover-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-disabled-bg-color:var(--ti-common-color-primary-plain-disabled-bg-color);--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal);--ti-button-success-normal-border-color:var(--ti-common-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover);--ti-button-success-active-bg-color:var(--ti-common-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-common-color-success-disabled-bgcolor);--ti-button-success-text-color:var(--ti-common-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-success-disabled-text);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border);--ti-button-success-plain-text-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-text-color:var(--ti-common-color-light);--ti-button-success-plain-bg-color:var(--ti-common-color-success-bg);--ti-button-success-plain-hover-bg-color:var(--ti-common-color-success-normal);--ti-button-success-plain-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-disabled-bg-color:var(--ti-common-color-success-plain-disabled-bg-color);--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-normal-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover);--ti-button-success-hover-border-color:var(--ti-common-color-success-hover);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-common-color-warning-disabled-bgcolor);--ti-button-warning-text-color:var(--ti-common-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-warning-disabled-text);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border);--ti-button-warning-plain-text-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-text-color:var(--ti-common-color-light);--ti-button-warning-plain-bg-color:var(--ti-common-color-warn-bg);--ti-button-warning-plain-hover-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-disabled-bg-color:var(--ti-common-color-warning-plain-disabled-bg-color);--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-normal-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover);--ti-button-danger-hover-border-color:var(--ti-common-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-text-color:var(--ti-common-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-danger-disabled-text);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border);--ti-button-danger-plain-text-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-text-color:var(--ti-common-color-light);--ti-button-danger-plain-bg-color:var(--ti-common-color-error-bg);--ti-button-danger-plain-hover-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-plain-disabled-border-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal);--ti-button-info-normal-border-color:var(--ti-common-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover);--ti-button-info-hover-border-color:var(--ti-common-color-info-hover);--ti-button-info-active-bg-color:var(--ti-common-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-common-color-info-disabled-bgcolor);--ti-button-info-text-color:var(--ti-common-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-info-disabled-text);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border);--ti-button-info-plain-text-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-text-color:var(--ti-common-color-light);--ti-button-info-plain-bg-color:var(--ti-common-color-info-bg);--ti-button-info-plain-hover-bg-color:var(--ti-common-color-info-normal);--ti-button-info-plain-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-disabled-bg-color:var(--ti-common-color-info-plain-disabled-bg-color);--ti-button-padding-vertical:var(--ti-common-space-0);--ti-button-padding-horizontal:var(--ti-common-space-5x);--ti-button-size-normal-padding:var(--ti-common-space-2x);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-size-normal-height);line-height:calc(var(--ti-button-size-normal-height) - 2px);color:var(--ti-button-normal-text-color);fill:var(--ti-button-normal-text-color);font-size:var(--ti-button-font-size);min-width:var(--ti-button-size-normal-mini-width);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:var(--ti-button-border-width);border-style:var(--ti-button-border-style);border-color:var(--ti-button-normal-border-color);-o-border-image:initial;border-image:initial;border-radius:var(--ti-button-border-radius);background:var(--ti-button-normal-background-color);padding:var(--ti-button-padding-vertical) var(--ti-button-size-normal-padding-horizontal);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline:0;vertical-align:middle}.tiny-button .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:var(--ti-button-normal-active-text-color);fill:var(--ti-button-normal-active-text-color);border-color:var(--ti-button-normal-active-border-color);background-color:var(--ti-button-normal-active-background-color)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--ti-button-loading-bg-color)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-info-text-color)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-button.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:8px}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px;margin-top:1px}.tiny-button.is-circle{border-radius:50%;min-width:var(--ti-button-size-normal-height);min-height:var(--ti-button-size-normal-height);line-height:1;padding:var(--ti-button-size-normal-padding)}.tiny-button.is-circle.is-hide-boder{border:none}.tiny-button.is-circle.tiny-button--large{min-width:var(--ti-button-size-large-height);min-height:var(--ti-button-size-large-height);height:auto;line-height:1;padding:var(--ti-button-size-large-padding)}.tiny-button.is-circle.tiny-button--medium{min-width:var(--ti-button-size-medium-height);min-height:var(--ti-button-size-medium-height);height:auto;line-height:1;padding:var(--ti-button-size-medium-padding)}.tiny-button.is-circle.tiny-button--small{min-width:var(--ti-button-size-small-height);min-height:var(--ti-button-size-small-height);height:auto;line-height:1;padding:var(--ti-button-size-small-padding)}.tiny-button.is-circle.tiny-button--mini{min-width:var(--ti-button-size-mini-height);min-height:var(--ti-button-size-mini-height);height:auto;line-height:1;padding:var(--ti-button-size-mini-padding)}.tiny-button.tiny-button--primary{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-border-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-hover-border-color);background-color:var(--ti-button-primary-hover-bg-color)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-disabled-text-color);fill:var(--ti-button-primary-disabled-text-color);border-color:var(--ti-button-primary-disabled-border-color);background-color:var(--ti-button-primary-disabled-bg-color)}.tiny-button.tiny-button--primary.is-plain{color:var(--ti-button-primary-plain-text-color);fill:var(--ti-button-primary-plain-text-color);border-color:var(--ti-button-primary-plain-border-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-plain-hover-text-color);fill:var(--ti-button-primary-plain-hover-text-color);border-color:var(--ti-button-primary-plain-hover-border-color);background-color:var(--ti-button-primary-plain-hover-bg-color)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-primary-disabled-bg-color);border-color:var(--ti-button-primary-disabled-bg-color);background-color:var(--ti-button-primary-plain-disabled-bg-color)}.tiny-button.tiny-button--success{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-border-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-hover-border-color);background-color:var(--ti-button-success-hover-bg-color)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--ti-button-success-disabled-text-color);fill:var(--ti-button-success-disabled-text-color);border-color:var(--ti-button-success-disabled-border-color);background-color:var(--ti-button-success-disabled-bg-color)}.tiny-button.tiny-button--success.is-plain{color:var(--ti-button-success-plain-text-color);fill:var(--ti-button-success-plain-text-color);border-color:var(--ti-button-success-plain-border-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-plain-hover-text-color);fill:var(--ti-button-success-plain-hover-text-color);border-color:var(--ti-button-success-plain-hover-border-color);background-color:var(--ti-button-success-plain-hover-bg-color)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-success-disabled-bg-color);border-color:var(--ti-button-success-disabled-bg-color);background-color:var(--ti-button-success-plain-disabled-bg-color)}.tiny-button.tiny-button--warning{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-border-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-hover-border-color);background-color:var(--ti-button-warning-hover-bg-color)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--ti-button-warning-disabled-text-color);fill:var(--ti-button-warning-disabled-text-color);border-color:var(--ti-button-warning-disabled-border-color);background-color:var(--ti-button-warning-disabled-bg-color)}.tiny-button.tiny-button--warning.is-plain{color:var(--ti-button-warning-plain-text-color);fill:var(--ti-button-warning-plain-text-color);border-color:var(--ti-button-warning-plain-border-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-plain-hover-text-color);fill:var(--ti-button-warning-plain-hover-text-color);border-color:var(--ti-button-warning-plain-hover-border-color);background-color:var(--ti-button-warning-plain-hover-bg-color)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-warning-disabled-bg-color);border-color:var(--ti-button-warning-disabled-bg-color);background-color:var(--ti-button-warning-plain-disabled-bg-color)}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-border-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-hover-border-color);background-color:var(--ti-button-danger-hover-bg-color)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-disabled-text-color);fill:var(--ti-button-danger-disabled-text-color);border-color:var(--ti-button-danger-disabled-border-color);background-color:var(--ti-button-danger-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-plain-text-color);fill:var(--ti-button-danger-plain-text-color);border-color:var(--ti-button-danger-plain-border-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-plain-hover-text-color);fill:var(--ti-button-danger-plain-hover-text-color);border-color:var(--ti-button-danger-plain-hover-border-color);background-color:var(--ti-button-danger-plain-hover-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-danger-disabled-bg-color);border-color:var(--ti-button-danger-disabled-bg-color);background-color:var(--ti-button-danger-plain-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{border-color:var(--ti-button-danger-plain-disabled-border-color)}.tiny-button.tiny-button--info{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-border-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-hover-border-color);background-color:var(--ti-button-info-hover-bg-color)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--ti-button-info-disabled-text-color);fill:var(--ti-button-info-disabled-text-color);border-color:var(--ti-button-info-disabled-border-color);background-color:var(--ti-button-info-disabled-bg-color)}.tiny-button.tiny-button--info.is-plain{color:var(--ti-button-info-plain-text-color);fill:var(--ti-button-info-plain-text-color);border-color:var(--ti-button-info-plain-border-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-plain-hover-text-color);fill:var(--ti-button-info-plain-hover-text-color);border-color:var(--ti-button-info-plain-hover-border-color);background-color:var(--ti-button-info-plain-hover-bg-color)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-info-disabled-bg-color);border-color:var(--ti-button-info-disabled-bg-color);background-color:var(--ti-button-info-plain-disabled-bg-color)}.tiny-button.tiny-button--text{color:var(--ti-button-text-color);font-size:var(--ti-common-font-size-1);border-color:transparent;background-color:transparent;border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);font-weight:var(--ti-button-text-hover-weight);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--ti-button-text-color-active);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--ti-button-text-color-disabled);border-color:transparent;background-color:transparent;font-weight:400}.tiny-button.tiny-button--text .tiny-svg{width:var(--ti-button-text-svg-width);height:var(--ti-button-text-svg-height);fill:var(--ti-button-text-svg-fill)}.tiny-button.tiny-button--text:has(.tiny-svg):hover{background:var(--ti-button-text-hover-bg-color);border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:has(.tiny-svg):hover .tiny-svg{fill:var(--ti-button-text-svg-hover-fill)}.tiny-button.tiny-button--text:has(.tiny-svg){padding:0 var(--ti-button-text-svg-padding-horizontal)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled{background:0 0;fill:var(--ti-button-text-svg-fill-disabled)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled .tiny-svg{fill:var(--ti-button-text-svg-fill-disabled)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled:hover{fill:var(--ti-button-text-svg-fill-disabled);background:0 0}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:calc(var(--ti-button-size-large-height) - 2px);font-size:var(--ti-button-size-large-font-size);padding:0 var(--ti-button-size-large-padding-horizontal);min-width:var(--ti-button-size-large-mini-width)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-size-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--large+.tiny-button.tiny-button--large{margin-left:var(--ti-button-size-large-margin-left)}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:calc(var(--ti-button-size-medium-height) - 2px);font-size:var(--ti-button-size-medium-font-size);padding:0 var(--ti-button-size-medium-padding-horizontal);min-width:var(--ti-button-size-medium-mini-width)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-size-medium-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:var(--ti-button-size-medium-margin-left)}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:calc(var(--ti-button-size-small-height) - 2px);font-size:var(--ti-button-size-small-font-size);padding:0 var(--ti-button-size-small-padding-horizontal);min-width:var(--ti-button-size-small-mini-width)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-size-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--small+.tiny-button.tiny-button--small{margin-left:var(--ti-button-size-small-margin-left)}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:calc(var(--ti-button-size-mini-height) - 2px);font-size:var(--ti-button-size-mini-font-size);padding:0 var(--ti-button-size-mini-padding-horizontal);min-width:var(--ti-button-size-mini-mini-width)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-size-mini-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
package/button/smb-theme.js ADDED
@@ -0,0 +1,45 @@
1
+ export const tinyButtonSmbTheme = {
2
+ 'ti-button-normal-text-color': '#191919',
3
+ 'ti-button-normal-border-color': '#595959',
4
+ 'ti-button-border-radius': '25px',
5
+ 'ti-button-text-color': 'var(--ti-common-color-text-highlight)',
6
+ 'ti-button-text-hover-weight': 'var(--ti-common-font-weight-6)',
7
+ 'ti-button-text-color-hover': 'var(--ti-common-color-text-highlight)',
8
+ 'ti-button-normal-hover-border-color': 'var(--ti-common-color-border)',
9
+ 'ti-button-normal-disabled-border-color': 'transparent',
10
+ 'ti-common-color-primary-disabled-border': 'transparent',
11
+ 'ti-common-color-success-disabled-border': 'transparent',
12
+ 'ti-common-color-warning-disabled-border': 'transparent',
13
+ 'ti-common-color-danger-disabled-border': 'transparent',
14
+ 'ti-common-color-info-disabled-border': 'transparent',
15
+ 'ti-button-size-large-padding-horizontal': 'var(--ti-common-size-12x)',
16
+ 'ti-button-size-medium-padding-horizontal': 'var(--ti-common-size-8x)',
17
+ 'ti-button-size-normal-padding-horizontal': 'var(--ti-common-size-6x)',
18
+ 'ti-button-size-small-padding-horizontal': 'var(--ti-common-size-4x)',
19
+ 'ti-button-danger-plain-bg-color': 'transparent',
20
+ 'ti-button-size-large-mini-width': 'var(--ti-common-size-31x)',
21
+ 'ti-button-size-medium-mini-width': 'var(--ti-common-size-28x)',
22
+ 'ti-button-size-normal-mini-width': 'var(--ti-common-size-24x)',
23
+ 'ti-button-size-small-mini-width': 'var(--ti-common-size-18x)',
24
+ 'ti-button-danger-plain-hover-bg-color': 'transparent',
25
+ 'ti-button-danger-plain-hover-text-color': '#F76360',
26
+ 'ti-button-danger-plain-hover-border-color': '#F76360',
27
+ 'ti-button-danger-plain-disabled-border-color': 'transparent',
28
+ 'ti-button-normal-hover-border-color': '#C2C2C2',
29
+ 'ti-button-size-large-font-size': 'var(--ti-common-font-size-base)',
30
+ 'ti-button-size-mini-mini-width': '24px',
31
+ 'ti-button-text-svg-width': '16px',
32
+ 'ti-button-text-svg-height': '16px',
33
+ 'ti-button-text-hover-bg-color': '#0000000D',
34
+ 'ti-button-text-hover-border-radius': '4px',
35
+ 'ti-button-text-svg-fill': '#191919',
36
+ 'ti-button-text-svg-hover-fill': '#595959',
37
+ 'ti-button-text-svg-fill-disabled': '#C2C2C2',
38
+ 'ti-button-text-svg-padding-horizontal': '0px',
39
+ 'ti-button-size-small-font-size': '12px',
40
+ 'ti-button-loading-bg-color': 'rgba(255, 255, 255, 0.5)',
41
+ 'ti-button-size-mini-font-size': '12px',
42
+ 'ti-button-size-large-margin-left': '16px',
43
+ 'ti-button-size-medium-margin-left': '16px',
44
+ 'ti-button-size-small-margin-left': '8px',
45
+ }
package/button-group/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-border);--ti-button-group-border-radius:var(--ti-common-border-radius-normal);--ti-button-group-hover-border-color:var(--ti-base-color-brand-6);--ti-button-group-info-border-color:rgba(255, 255, 255, 0.5);--ti-button-group-disabled-text-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-bg-color:var(--ti-common-color-light);--ti-button-group-item-btn-text-color:var(--ti-common-color-info-normal);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal);--ti-button-group-item-btn-height:var(--ti-common-size-height-minor);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-placeholder);--ti-button-group-item-btn-hover-bg-color:var(--ti-base-color-brand-5);--ti-button-group-item-btn-hover-text-color:var(--ti-common-color-light);--ti-button-group-item-btn-plain-text-color:var(--ti-base-color-brand-6);--ti-button-group-item-btn-plain-bg-color:rgba(24, 144, 255, 0.06);--ti-button-group-item-btn-plain-border-color:var(--ti-base-color-brand-6);--ti-button-group-item-active-bg-color:var(--ti-base-color-brand-6);--ti-button-group-item-active-text-color:var(--ti-common-color-light);display:inline-block;vertical-align:middle}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;background:var(--ti-button-group-item-bg-color);float:left;position:relative}.tiny-button-group .tiny-group-item li button{border:1px solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0 8px;text-decoration:none;font-size:var(--ti-button-group-item-btn-font-size);outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-item-btn-disabled-bg-color);border-color:var(--ti-button-group-item-btn-disabled-border-color);cursor:not-allowed;color:var(--ti-button-group-item-btn-disabled-text-color)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);color:var(--ti-button-group-item-btn-hover-text-color);border-color:var(--ti-button-group-item-btn-hover-bg-color);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-item-btn-plain-text-color);background-color:var(--ti-button-group-item-btn-plain-bg-color);border-color:var(--ti-button-group-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);border-color:var(--ti-button-group-item-btn-hover-bg-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:var(--ti-button-group-item-btn-plain-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-item-active-bg-color);color:var(--ti-button-group-item-active-text-color);border-color:var(--ti-button-group-item-active-bg-color);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-item-active-bg-color);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:var(--ti-button-group-border-radius) 0 0 var(--ti-button-group-border-radius)}.tiny-button-group .tiny-group-item li:last-child button{border-radius:0 var(--ti-button-group-border-radius) var(--ti-button-group-border-radius) 0}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:var(--ti-button-group-border-radius)}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--ti-button-group-info-border-color);border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:var(--ti-button-group-border-color);border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}
1
+ .tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal);--ti-button-group-border-radius:var(--ti-common-border-radius-normal);--ti-button-group-hover-border-color:var(--ti-common-color-line-active);--ti-button-group-info-border-color:var(--ti-common-color-light);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-bg-color:var(--ti-common-color-bg-white-normal);--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-btn-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-text-color:var(--ti-common-color-light);--ti-button-group-item-btn-plain-text-color:var(--ti-common-color-text-link-hover);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg:);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-text-color:var(--ti-common-color-light);display:inline-block;vertical-align:middle}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;background:var(--ti-button-group-item-bg-color);float:left;position:relative}.tiny-button-group .tiny-group-item li button{border:1px solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0 8px;text-decoration:none;font-size:var(--ti-button-group-item-btn-font-size);outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-item-btn-disabled-bg-color);border-color:var(--ti-button-group-item-btn-disabled-border-color);cursor:not-allowed;color:var(--ti-button-group-item-btn-disabled-text-color)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);color:var(--ti-button-group-item-btn-hover-text-color);border-color:var(--ti-button-group-item-btn-hover-bg-color);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-item-btn-plain-text-color);background-color:var(--ti-button-group-item-btn-plain-bg-color);border-color:var(--ti-button-group-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);border-color:var(--ti-button-group-item-btn-hover-bg-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:var(--ti-button-group-item-btn-plain-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-item-active-bg-color);color:var(--ti-button-group-item-active-text-color);border-color:var(--ti-button-group-item-active-bg-color);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-item-active-bg-color);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:var(--ti-button-group-border-radius) 0 0 var(--ti-button-group-border-radius)}.tiny-button-group .tiny-group-item li:last-child button{border-radius:0 var(--ti-button-group-border-radius) var(--ti-button-group-border-radius) 0}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:var(--ti-button-group-border-radius)}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--ti-button-group-info-border-color);border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:var(--ti-button-group-border-color);border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}