@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/svgs/video-type.svg ADDED
@@ -0,0 +1,14 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <g id="多端组件" stroke="none" stroke-width="1">
4
+ <g id="文件上传" transform="translate(-505.000000, -1942.000000)">
5
+ <g id="视频" transform="translate(505.000000, 1942.000000)">
6
+ <rect id="矩形" x="0" y="0" width="30" height="30" rx="2"></rect>
7
+ <g id="编组" transform="translate(5.000000, 5.000000)">
8
+ <rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
9
+ <path d="M18.257111,5.64709677 C17.7911322,5.36696774 17.2289459,5.35103226 16.7495817,5.60516129 L14.7150028,6.68374194 L14.7150028,6.01612903 C14.7150028,4.62890323 13.5889571,3.5 12.2052426,3.5 L3.50976018,3.5 C2.12604573,3.5 1,4.62890323 1,6.01612903 L1,13.983871 C1,15.3710968 2.12604573,16.5 3.50976018,16.5 L12.2052426,16.5 C13.5889571,16.5 14.7150028,15.3710968 14.7150028,13.983871 L14.7150028,13.333871 L16.7495817,14.3948387 C17.2289459,14.6489677 17.7911322,14.633871 18.257111,14.3529032 C18.7222532,14.0719355 19,13.5804516 19,13.0352903 L19,6.96470968 C19,6.41954839 18.7222532,5.92806452 18.257111,5.64709677 M10.5967297,10.6326356 L7.20889216,12.4019364 C7.08304244,12.4675891 6.94433217,12.5 6.80654051,12.5 C6.66783024,12.5 6.52911997,12.4675891 6.40327026,12.4011053 C6.15065221,12.2697998 6,12.0337822 6,11.769509 L6,8.2309075 C6,7.96746536 6.15065221,7.73144778 6.40327026,7.60014223 C6.65496969,7.46717459 6.95719272,7.46634354 7.20889216,7.59931118 L10.5967297,9.36861193 C10.8493478,9.50074853 11,9.7367661 11,10.0002082 C11,10.2644814 10.8493478,10.500499 10.5967297,10.6326356" id="Fill-1" fill="#FFFFFF"></path>
10
+ </g>
11
+ </g>
12
+ </g>
13
+ </g>
14
+ </svg>
package/svgs/warning-triangle.svg CHANGED
@@ -1,16 +1,8 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 24 24" xml:space="preserve">
5
- <g id="Icon">
6
- <g id="UI-icons-英文名" transform="translate(-412.000000, -929.000000)">
7
- <g id="提示建议性图标" transform="translate(100.000000, 761.000000)">
8
- <g id="Warning" transform="translate(312.000000, 168.000000)">
9
- <path id="Combined-Shape" class="st0" d="M12,24C5.4,24,0,18.6,0,12S5.4,0,12,0s12,5.4,12,12S18.6,24,12,24z M12,5
10
- c-0.6,0-1,0.4-1,1v8c0,0.6,0.4,1,1,1s1-0.4,1-1V6C13,5.4,12.6,5,12,5z M12,18c0.6,0,1-0.4,1-1s-0.4-1-1-1s-1,0.4-1,1
11
- S11.4,18,12,18z"/>
12
- </g>
13
- </g>
14
- </g>
15
- </g>
16
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <g id="icon/alert/warning/16" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <path d="M8.84214045,1.99620332 L14.8875136,13.1221712 C15.1355954,13.5787435 14.9596241,14.1462685 14.4944708,14.3897737 C14.3562257,14.4621442 14.2019568,14.5 14.045279,14.5 L1.95453261,14.5 C1.42735881,14.5 1,14.080525 1,13.5630764 C1,13.409289 1.03856723,13.2578659 1.11229795,13.1221712 L7.15767114,1.99620332 C7.40575293,1.53963101 7.98394425,1.36690601 8.44909761,1.61041124 C8.61620187,1.69788941 8.75301818,1.83218176 8.84214045,1.99620332 Z" id="三角形" fill="#FF8800"></path>
5
+ <path d="M8,12.5 C7.5859375,12.5 7.25,12.1640625 7.25,11.75 C7.25,11.3359375 7.5859375,11 8,11 C8.4140625,11 8.75,11.3359375 8.75,11.75 C8.75,12.1640625 8.4140625,12.5 8,12.5 Z" id="路径" fill="#FFFFFF"></path>
6
+ <rect id="矩形" fill="#FFFFFF" transform="translate(8.000000, 7.750000) scale(-1, -1) rotate(180.000000) translate(-8.000000, -7.750000) " x="7.5" y="5.5" width="1" height="4.5" rx="0.5"></rect>
7
+ </g>
8
+ </svg>
package/svgs/word-type.svg ADDED
@@ -0,0 +1,11 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <g id="多端组件" stroke="none" stroke-width="1">
4
+ <g id="文件上传" transform="translate(-71.000000, -1942.000000)">
5
+ <g id="Word备份-6" transform="translate(71.000000, 1942.000000)">
6
+ <rect id="矩形" x="0" y="0" width="30" height="30" rx="2"></rect>
7
+ <path d="M12.0772277,21.5 L14.2514851,13.9675414 C14.4059406,13.4408379 14.5381188,12.9590239 14.6480198,12.5220994 C14.7579208,12.085175 14.8722772,11.5854052 14.9910891,11.0227901 C15.0861386,11.5255525 15.190099,12.0073665 15.3029703,12.468232 C15.4158416,12.9290976 15.5584158,13.4468232 15.7306931,14.0214088 L15.7306931,14.0214088 L17.9405941,21.5 L20.239604,21.5 L24,8.5 L21.7633663,8.5 L19.6871287,16.5441989 C19.449505,17.4000921 19.2623762,18.1632136 19.1257426,18.8335635 C19.0306931,18.1811694 18.8346535,17.3731584 18.5376238,16.4095304 L18.5376238,16.4095304 L16.1851485,8.5 L13.8683168,8.5 L11.6316832,16.3197514 C11.4415842,16.9541897 11.2277228,17.7921271 10.990099,18.8335635 C10.8712871,18.0854052 10.6990099,17.2953499 10.4732673,16.4633978 L10.4732673,16.4633978 L8.35247525,8.5 L6,8.5 L9.8049505,21.5 L12.0772277,21.5 Z" id="W" fill="#FFFFFF" fill-rule="nonzero"></path>
8
+ </g>
9
+ </g>
10
+ </g>
11
+ </svg>
package/svgs/zip-type.svg ADDED
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <g id="多端组件" stroke="none" stroke-width="1">
4
+ <g id="文件上传" transform="translate(-567.000000, -1942.000000)">
5
+ <g id="压缩备份-3" transform="translate(567.000000, 1942.000000)">
6
+ <rect id="矩形" x="0" y="0" width="30" height="30" rx="2"></rect>
7
+ <g id="编组" transform="translate(11.000000, 4.000000)" fill="#FFFFFF">
8
+ <rect id="矩形" x="0" y="0" width="4" height="4" rx="0.5"></rect>
9
+ <rect id="矩形备份" x="4" y="4" width="4" height="4" rx="0.5"></rect>
10
+ <rect id="矩形备份-2" x="0" y="8" width="4" height="4" rx="0.5"></rect>
11
+ <path d="M7,14 C7.55228475,14 8,14.4477153 8,15 L8,21 C8,21.5522847 7.55228475,22 7,22 L1,22 C0.44771525,22 6.76353751e-17,21.5522847 0,21 L0,15 C-6.76353751e-17,14.4477153 0.44771525,14 1,14 L7,14 Z M6.5,18 L1.5,18 C1.22385763,18 1,18.2238576 1,18.5 L1,20.5 C1,20.7761424 1.22385763,21 1.5,21 L6.5,21 C6.77614237,21 7,20.7761424 7,20.5 L7,18.5 C7,18.2238576 6.77614237,18 6.5,18 Z" id="形状结合"></path>
12
+ </g>
13
+ </g>
14
+ </g>
15
+ </g>
16
+ </svg>
package/switch/aurora-theme.js ADDED
@@ -0,0 +1,10 @@
1
+ export const tinySwitchAuroraTheme = {
2
+ 'ti-switch-width': 'var(--ti-common-size-11x)',
3
+ 'ti-switch-height': 'calc(var(--ti-common-size-base) * 5.5)',
4
+ 'ti-switch-dot-size': 'calc(var(--ti-common-size-base) * 4.5)',
5
+ 'ti-switch-off-bg-color': 'var(--ti-common-color-info-disabled-bgcolor)',
6
+ 'ti-switch-checked-disabled-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
7
+ 'ti-switch-checked-disabled-border-color': 'var(--ti-common-color-bg-dark-disabled)',
8
+ 'ti-switch-disabled-dot-bg-color': 'var(--ti-common-color-info-disabled-bgcolor)',
9
+ 'ti-switch-text-width': 'calc(var(--ti-common-size-base) * 12.5)'
10
+ }
package/switch/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-switch{--ti-switch-on-bg-color:var(--ti-base-color-brand-6);--ti-switch-off-bg-color:var(--ti-base-color-common-2);--ti-switch-disabled-bg-color:var(--ti-base-color-common-1);--ti-switch-checked-disabled-bg-color:var(--ti-base-color-brand-3);--ti-switch-checked-disabled-border-color:var(--ti-base-color-brand-3);--ti-switch-disabled-text-color:var(--ti-base-color-bg-5);--ti-switch-disabled-dot-bg-color:var(--ti-base-color-bg-5);--ti-switch-text-color:var(--ti-common-color-light);--ti-switch-dot-bg-color:var(--ti-common-color-light);--ti-switch-width:38px;--ti-switch-height:20px;--ti-switch-border-radius:24px;--ti-switch-inner-font-size:var(--ti-common-font-size-base, 12px);--ti-switch-dot-size-height-width:16px;--ti-switch-dot-position-left:16px;--ti-switch-dot-offset:calc(var(--ti-switch-dot-size-height-width) + 1px);--ti-switch-text-width:45px;display:inline-block;width:var(--ti-switch-width);height:var(--ti-switch-height);line-height:var(--ti-switch-height);border-radius:var(--ti-switch-border-radius);vertical-align:middle;border:1px solid var(--ti-switch-off-bg-color);background-color:var(--ti-switch-off-bg-color);position:relative;cursor:pointer;outline:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tiny-switch .tiny-switch-inner{color:var(--ti-switch-text-color);font-size:var(--ti-switch-inner-font-size);position:absolute;left:calc(var(--ti-switch-dot-position-left) + 4px);top:-1px}.tiny-switch__text{width:var(--ti-switch-text-width)}.tiny-switch__text .tiny-switch-inner{left:calc(var(--ti-switch-dot-position-left) + 9px)}.tiny-switch.mini{width:calc(var(--ti-switch-width) - 6px)}.tiny-switch.disabled,.tiny-switch.tiny-switch-checked.disabled{cursor:not-allowed;background:var(--ti-switch-disabled-bg-color);border-color:var(--ti-switch-disabled-bg-color)}.tiny-switch.disabled::after,.tiny-switch.tiny-switch-checked.disabled::after{background:var(--ti-switch-disabled-dot-bg-color);cursor:not-allowed}.tiny-switch.disabled .tiny-switch-inner,.tiny-switch.tiny-switch-checked.disabled .tiny-switch-inner{color:var(--ti-switch-disabled-text-color)}.tiny-switch.tiny-switch-checked.disabled{background:var(--ti-switch-checked-disabled-bg-color);border-color:var(--ti-switch-checked-disabled-border-color)}.tiny-switch::after{content:'';width:var(--ti-switch-dot-size-height-width);height:var(--ti-switch-dot-size-height-width);border-radius:50%;background-color:var(--ti-switch-dot-bg-color);position:absolute;left:1px;top:1px;cursor:pointer;-webkit-transition:left .2s ease-in-out,width .2s ease-in-out;transition:left .2s ease-in-out,width .2s ease-in-out}.tiny-switch.tiny-switch-checked{border-color:var(--ti-switch-on-bg-color);background-color:var(--ti-switch-on-bg-color)}.tiny-switch.tiny-switch-checked .tiny-switch-inner{left:8px;width:calc(100% - var(--ti-switch-dot-size-height-width));overflow:hidden}.tiny-switch.tiny-switch-checked:after{left:calc(100% - var(--ti-switch-dot-offset))}
1
+ .tiny-switch{--ti-switch-on-bg-color:var(--ti-common-color-bg-emphasize);--ti-switch-off-bg-color:var(--ti-common-color-bg-secondary);--ti-switch-disabled-bg-color:var(--ti-common-color-bg-dark-disabled);--ti-switch-checked-disabled-bg-color:var(--ti-common-color-bg-light-emphasize);--ti-switch-checked-disabled-border-color:var(--ti-common-color-bg-light-emphasize);--ti-switch-disabled-text-color:var(--ti-common-color-info-disabled);--ti-switch-disabled-dot-bg-color:var(--ti-common-color-bg-disabled);--ti-switch-dot-bg-color:var(--ti-common-color-light);--ti-switch-dot-size:var(--ti-common-size-4x);--ti-switch-dot-position-left:var(--ti-common-space-1);--ti-switch-dot-position-top:var(--ti-common-space-1);--ti-switch-dot-offset:calc(var(--ti-switch-dot-size) + var(--ti-switch-dot-position-left));--ti-switch-text-color:var(--ti-common-color-light);--ti-switch-width:calc(var(--ti-common-size-base) * 9.5);--ti-switch-height:var(--ti-common-size-5x);--ti-switch-border-radius:var(--ti-common-size-6x);--ti-switch-border-weight:var(--ti-common-border-weight-normal);--ti-switch-inner-font-size:var(--ti-common-font-size-base, 12px);--ti-switch-inner-position-left:var(--ti-common-space-4x);--ti-switch-text-width:calc(var(--ti-common-size-11x) + 1px);display:inline-block;width:var(--ti-switch-width);height:var(--ti-switch-height);line-height:var(--ti-switch-height);border-radius:var(--ti-switch-border-radius);vertical-align:middle;border:var(--ti-switch-border-weight) solid var(--ti-switch-off-bg-color);background-color:var(--ti-switch-off-bg-color);position:relative;cursor:pointer;outline:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tiny-switch .tiny-switch-inner{color:var(--ti-switch-text-color);font-size:var(--ti-switch-inner-font-size);position:absolute;left:calc(var(--ti-switch-inner-position-left) + 4px);top:-1px}.tiny-switch__text{width:var(--ti-switch-text-width)}.tiny-switch__text .tiny-switch-inner{left:calc(var(--ti-switch-inner-position-left) + 9px)}.tiny-switch.mini{width:calc(var(--ti-switch-width) - 4px)}.tiny-switch.disabled,.tiny-switch.tiny-switch-checked.disabled{cursor:not-allowed;background:var(--ti-switch-disabled-bg-color);border-color:var(--ti-switch-disabled-bg-color)}.tiny-switch.disabled::after,.tiny-switch.tiny-switch-checked.disabled::after{background:var(--ti-switch-disabled-dot-bg-color);cursor:not-allowed}.tiny-switch.disabled .tiny-switch-inner,.tiny-switch.tiny-switch-checked.disabled .tiny-switch-inner{color:var(--ti-switch-disabled-text-color)}.tiny-switch.tiny-switch-checked.disabled{background:var(--ti-switch-checked-disabled-bg-color);border-color:var(--ti-switch-checked-disabled-border-color)}.tiny-switch::after{content:'';width:var(--ti-switch-dot-size);height:var(--ti-switch-dot-size);border-radius:50%;background-color:var(--ti-switch-dot-bg-color);position:absolute;left:var(--ti-switch-dot-position-left);top:var(--ti-switch-dot-position-top);cursor:pointer;-webkit-transition:left .2s ease-in-out,width .2s ease-in-out;transition:left .2s ease-in-out,width .2s ease-in-out}.tiny-switch.tiny-switch-checked{border-color:var(--ti-switch-on-bg-color);background-color:var(--ti-switch-on-bg-color)}.tiny-switch.tiny-switch-checked .tiny-switch-inner{left:8px;width:calc(100% - var(--ti-switch-dot-size));overflow:hidden}.tiny-switch.tiny-switch-checked:after{left:calc(100% - var(--ti-switch-dot-offset))}
package/switch/smb-theme.js ADDED
@@ -0,0 +1,12 @@
1
+ export const tinySwitchSMBTheme = {
2
+ 'ti-switch-on-bg-color': 'var(--ti-common-color-data-1)',
3
+ 'ti-switch-disabled-bg-color': 'var(--ti-common-color-bg-dark-emphasize)',
4
+ 'ti-switch-disabled-dot-bg-color': '#ffffff80',
5
+ 'ti-switch-width': 'var(--ti-common-size-10x)',
6
+ 'ti-switch-border-radius': 'calc(var(--ti-common-border-radius-3) * 2.5)',
7
+ 'ti-switch-dot-size': '16px',
8
+ 'ti-switch-dot-position-left': '2px',
9
+ 'ti-switch-dot-position-top': '2px',
10
+ 'ti-switch-dot-offset': 'calc(var(--ti-switch-dot-size) + 2px)',
11
+ 'ti-switch-border-weight': '0px'
12
+ }
package/table/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-table{--ti-table-text-color:var(--ti-common-color-info-normal);--ti-table-bg-color:#fafafa;--ti-table-odd-bg-color:var(--ti-common-color-light);--ti-table-hover-bg-color:var(--ti-common-color-hover-background);--ti-table-disabled-text-color:var(--ti-common-color-placeholder);--ti-table-disabled-bg-color:#f1f1f1;--ti-table-nodata-text-color:#909399;--ti-table-td-height:var(--ti-common-size-height-medium);--ti-table-td-font-size:var(--ti-common-font-size-base);--ti-table-border-color:var(--ti-common-color-border);--ti-table-thead-bg-color:var(--ti-base-color-brand-1);--ti-table-icon-font-size:var(--ti-common-font-size-2);--ti-table-check-icon-color:var(--ti-base-color-brand-6)}.tiny-table.simple table{table-layout:fixed}.tiny-table.simple table tr{display:table-row;vertical-align:inherit;border-color:inherit}.tiny-table.simple table tbody{border-bottom:1px solid var(--ti-table-border-color)}.tiny-table.simple table tbody tr{color:var(--ti-table-text-color);background:var(--ti-table-bg-color)}.tiny-table.simple table tbody tr:nth-child(odd){background:var(--ti-table-odd-bg-color)}.tiny-table.simple table tbody tr:hover{background:var(--ti-table-hover-bg-color)}.tiny-table.simple table tbody tr.is-disabled{background:var(--ti-table-disabled-bg-color);color:var(--ti-table-disabled-text-color)}.tiny-table.simple table tbody .noData{width:582px;height:360px;text-align:center;color:var(--ti-table-nodata-text-color);margin-bottom:-1px;border-bottom:1px solid var(--ti-table-border-color);padding-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-table.simple table th{padding:2px 0 2px 8px;height:var(--ti-table-td-height);border-left:none}.tiny-table.simple table td{padding:2px 0 2px 8px;height:var(--ti-table-td-height);font-size:var(--ti-table-td-font-size)}.tiny-table.simple table td .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple table thead{border-bottom:1px solid var(--ti-table-border-color);text-align:left;background:var(--ti-table-thead-bg-color);color:var(--ti-table-text-color)}.tiny-table.simple table thead th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:var(--ti-table-td-font-size);color:var(--ti-table-text-color);line-height:1.7em}.tiny-table.simple table thead th .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple .tiny-table-header__line{float:right;border-left:1px solid var(--ti-table-border-color);height:20px}.tiny-table.simple .tiny-table-cell .tiny-svg{font-size:var(--ti-common-font-size-2);font-size:var(--ti-table-icon-font-size);fill:var(--ti-table-border-color)}.tiny-table.simple .tiny-table-cell .tiny-svg.is-check{fill:var(--ti-table-check-icon-color)}
1
+ .tiny-table{--ti-table-text-color:var(--ti-common-color-info-normal);--ti-table-bg-color:#fafafa;--ti-table-odd-bg-color:var(--ti-common-color-light);--ti-table-hover-bg-color:var(--ti-common-color-hover-background);--ti-table-disabled-text-color:var(--ti-common-color-text-disabled);--ti-table-disabled-bg-color:#f1f1f1;--ti-table-nodata-text-color:#909399;--ti-table-td-height:var(--ti-common-size-height-medium);--ti-table-td-font-size:var(--ti-common-font-size-base);--ti-table-border-color:var(--ti-common-color-border);--ti-table-thead-bg-color:var(--ti-base-color-brand-1);--ti-table-icon-font-size:var(--ti-common-font-size-2);--ti-table-check-icon-color:var(--ti-base-color-brand-6)}.tiny-table.simple table{table-layout:fixed}.tiny-table.simple table tr{display:table-row;vertical-align:inherit;border-color:inherit}.tiny-table.simple table tbody{border-bottom:1px solid var(--ti-table-border-color)}.tiny-table.simple table tbody tr{color:var(--ti-table-text-color);background:var(--ti-table-bg-color)}.tiny-table.simple table tbody tr:nth-child(odd){background:var(--ti-table-odd-bg-color)}.tiny-table.simple table tbody tr:hover{background:var(--ti-table-hover-bg-color)}.tiny-table.simple table tbody tr.is-disabled{background:var(--ti-table-disabled-bg-color);color:var(--ti-table-disabled-text-color)}.tiny-table.simple table tbody .noData{width:582px;height:360px;text-align:center;color:var(--ti-table-nodata-text-color);margin-bottom:-1px;border-bottom:1px solid var(--ti-table-border-color);padding-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-table.simple table th{padding:2px 0 2px 8px;height:var(--ti-table-td-height);border-left:none}.tiny-table.simple table td{padding:2px 0 2px 8px;height:var(--ti-table-td-height);font-size:var(--ti-table-td-font-size)}.tiny-table.simple table td .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple table thead{border-bottom:1px solid var(--ti-table-border-color);text-align:left;background:var(--ti-table-thead-bg-color);color:var(--ti-table-text-color)}.tiny-table.simple table thead th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:var(--ti-table-td-font-size);color:var(--ti-table-text-color);line-height:1.7em}.tiny-table.simple table thead th .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple .tiny-table-header__line{float:right;border-left:1px solid var(--ti-table-border-color);height:20px}.tiny-table.simple .tiny-table-cell .tiny-svg{font-size:var(--ti-common-font-size-2);font-size:var(--ti-table-icon-font-size);fill:var(--ti-table-border-color)}.tiny-table.simple .tiny-table-cell .tiny-svg.is-check{fill:var(--ti-table-check-icon-color)}
package/tabs/aurora-theme.js ADDED
@@ -0,0 +1,16 @@
1
+ export const tinyTabsAuroraTheme = {
2
+ 'ti-tabs-header-font-weight-active': 'var(--ti-common-font-weight-7)',
3
+ 'ti-tabs-dark-margin-top': 'var(--ti-common-space-0)',
4
+ 'ti-tabs-dark-bg-color-active': 'var(--ti-common-bg-minor-active)',
5
+ 'ti-tabs-header-dark-bg-color': 'var(--ti-common-color-selected-background)',
6
+ 'ti-tabs-dark-first-margin-left': 'var(--ti-common-space-0)',
7
+ 'ti-tabs-content-font-size': 'var(--ti-common-font-size-base)',
8
+ 'ti-tabs-item-card-border-color': 'var(--ti-common-color-line-normal)',
9
+ 'ti-tabs-item-top-right-border-weight': 'var(--ti-common-size-0)',
10
+ 'ti-tabs-dark-bg-color-hover': 'none',
11
+ 'ti-tabs-dark-text-color-hover': 'var(--ti-common-color-primary-normal)',
12
+ 'ti-tabs-dark-text-color-active': 'var(--ti-common-color-primary-normal)',
13
+ 'ti-tabs-dark-border-weight': 'var(--ti-common-border-weight-normal)',
14
+ 'ti-tabs-item-padding-horizontal': 'var(--ti-common-space-6x)',
15
+ 'ti-tabs-item-margin-right': 'var(--ti-common-space-6x)'
16
+ }
package/tabs/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-tabs{--ti-tabs-header-font-normal-text-color:var(--ti-base-color-common-5);--ti-tabs-header-font-active-border-color:var(--ti-base-color-brand-6);--ti-tabs-header-text-color:var(--ti-base-color-brand-6);--ti-tabs-header-bg-color:#f5f5f5;--ti-tabs-border-color:var(--ti-common-color-line-dividing);--ti-tabs-height:var(--ti-common-size-10x);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-icon-close-hover-bg-color:var(--ti-common-color-light);--ti-tabs-new-height:18px;--ti-tabs-new-width:18px;--ti-tabs-new-border-radius:var(--ti-common-radius-large);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder);--ti-tabs-font-size-base:var(--ti-common-font-size-base);--ti-tabs-more-hover-text-color:var(--ti-base-color-brand-5);--ti-tabs-more-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-tabs-dropdown-font-size:var(--ti-common-font-size-1);--ti-tabs-dropdown-bg-color:var(--ti-common-color-light);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-secondary);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-small-height:var(--ti-common-size-9x);--ti-tab-dark-border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;--ti-tab-dark-text-color-active:var(--ti-base-color-common-7);--ti-tab-dark-bg-color-active:var(--ti-base-color-bg-6);--ti-tab-dark-text-color-hover:var(--ti-base-color-white);--ti-tab-dark-bg-color-hover:var(--ti-base-color-common-4);--ti-tab-dark-text-color:var(--ti-base-color-common-2);--ti-tabs-header-dark-bg-color:var(--ti-base-color-common-6);--ti-tabs-item-margin-right:var(--ti-common-space-10x);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x);--ti-tabs-item-active-border-weight:3px;--ti-tabs-item-active-border-style:solid;--ti-tabs-item-active-border-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-item-bottom-border-weight:1px;--ti-tabs-item-bottom-border-style:solid;--ti-tabs-item-bottom-border-color:var(--ti-base-color-white);--ti-tabs-item-card-active-bg-color:var(--ti-base-color-white);--ti-tabs-item-card-border-radius:0;--ti-tabs-icon-close-default-bg-color:transparent;--ti-tabs-icon-close-default-text-color:var(--ti-tabs-header-font-normal-text-color);--ti-tabs-icon-close-hover-text-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-icon-size-close:var(--ti-common-font-size-1);--ti-tabs-icon-close-margin-vertical:0;--ti-tabs-icon-close-margin-right:0;--ti-tabs-icon-close-margin-left:5px}.tiny-tabs--left,.tiny-tabs--right,.tiny-tabs__content,.tiny-tabs__nav-scroll,.tiny-tabs__nav-wrap{overflow:hidden}.tiny-tabs__header{padding:0;position:relative;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-tabs__header .tiny-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--ti-tabs-header-text-color);z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.tiny-tabs__header .tiny-tabs__new-tab{float:right;border:1px solid var(--ti-tabs-border-color);height:var(--ti-tabs-new-height);line-height:var(--ti-tabs-new-height);width:var(--ti-tabs-new-width);margin:12px 0 9px 10px;border-radius:var(--ti-tabs-new-border-radius);font-size:var(--ti-tabs-font-size-base);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;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;outline:0}.tiny-tabs__header .tiny-tabs__new-tab svg{fill:var(--ti-tabs-new-svg-text-color)}.tiny-tabs__header .tiny-tabs__new-tab:hover svg{fill:var(--ti-tabs-header-text-color)}.tiny-tabs__header .tiny-tabs__nav-wrap{margin-bottom:-1px;position:relative}.tiny-tabs__header .tiny-tabs__nav-wrap::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--ti-tabs-border-color);z-index:1}.tiny-tabs__header .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-tabs__header .tab-dropdown{position:absolute;right:8px;z-index:90;font-size:var(--ti-tabs-dropdown-font-size);-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.18);box-shadow:0 1px 2px 1px rgba(0,0,0,.18);background:var(--ti-tabs-dropdown-bg-color);border-radius:var(--ti-tabs-dropdown-border-radius)}.tiny-tabs__header .tab-dropdown:before{position:absolute;display:inline-block;top:-5px;left:44%;width:0;height:0;content:'';border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:1px -1px 1px #e4e4e4;box-shadow:1px -1px 1px #e4e4e4}.tiny-tabs__header .tab-dropdown li{border-bottom:1px solid var(--ti-tabs-dropdown-li-border-color)}.tiny-tabs__header .tab-dropdown li:last-child{border-bottom:none}.tiny-tabs__header .tab-dropdown li a{white-space:nowrap;color:var(--ti-tabs-dropdown-li-text-color);line-height:26px;padding:0 10px;min-width:100px;display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs__header .tab-dropdown li a:hover{color:var(--ti-tabs-more-hover-text-color);text-decoration:none}.tiny-tabs__nav-more{position:absolute;cursor:pointer;height:var(--ti-tabs-height);line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-1);right:45px;z-index:99;color:var(--ti-tabs-header-text-color)}.tiny-tabs__nav-next,.tiny-tabs__nav-prev{position:absolute;cursor:pointer;line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-base);color:var(--ti-tabs-header-font-normal-text-color)}.tiny-tabs__nav-next{right:0}.tiny-tabs__nav-prev{left:0}.tiny-tabs__nav:not(.is-stretch) .tiny-tabs__item__title{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.tiny-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.tiny-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item{margin-right:var(--ti-tabs-item-margin-right)}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item.is-active{border-bottom:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color)}.tiny-tabs__item{height:var(--ti-tabs-height);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-tabs-height);display:inline-block;list-style:none;font-size:var(--ti-tabs-dropdown-font-size);color:var(--ti-tabs-header-font-normal-text-color);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;position:relative}.tiny-tabs__item:active,.tiny-tabs__item:focus{outline:0}.tiny-tabs__item.is-active,.tiny-tabs__item:hover{color:var(--ti-tabs-header-font-active-border-color);cursor:pointer}.tiny-tabs__item.is-active .tiny-tabs__icon-close svg,.tiny-tabs__item:hover .tiny-tabs__icon-close svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__item.is-disabled{color:var(--ti-tabs-item-disabled-text-color);cursor:default}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover{background-color:transparent}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close svg,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-item-disabled-text-color)}.tiny-tabs__item.is-closable>div{display:inline-block}.tiny-tabs__item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item .tiny-tabs__icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-right) var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-left);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;vertical-align:middle;background-color:var(--ti-tabs-icon-close-default-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close svg{font-size:var(--ti-tabs-font-size-base);-webkit-transform:scale(.9);transform:scale(.9);vertical-align:middle;fill:var(--ti-tabs-icon-close-default-text-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover{background-color:var(--ti-tabs-icon-close-hover-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__content{position:relative;padding:15px 24px}.tiny-tabs .is-show-more{padding:0 48px 0 0}.tiny-tabs__more-container{position:absolute;right:0;font-size:var(--ti-tabs-font-size-base);color:var(--ti-tabs-header-font-normal-text-color);line-height:var(--ti-tabs-height)}.tiny-tabs__more{cursor:pointer;color:var(--ti-tabs-header-text-color);font-size:var(--ti-tabs-dropdown-font-size);outline:0}.tiny-tabs__more:hover{color:var(--ti-tabs-more-hover-text-color)}.tiny-tabs__more-popover.tiny-popover.tiny-popper{padding:0;border-radius:var(--ti-tabs-dropdown-border-radius);-webkit-box-shadow:0 0 4px rgba(0,0,0,.15);box-shadow:0 0 4px rgba(0,0,0,.15)}.tiny-tabs__more-popover .tiny-tabs__more-item{cursor:pointer;padding:8px 12px;outline:0}.tiny-tabs__more-popover .tiny-tabs__more-item:hover{background:var(--ti-tabs-more-item-hover-bg-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--card.tiny-tabs--right .tiny-tabs__nav{width:120px}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{top:-1px;border-bottom:var(--ti-tabs-item-bottom-border-weight) var(--ti-tabs-item-bottom-border-style) var(--ti-tabs-item-bottom-border-color);border-top:1px solid var(--ti-tabs-border-color);border-left:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-item-card-active-bg-color);border-radius:var(--ti-tabs-item-card-border-radius)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active{-webkit-box-shadow:0 -2px 0 0 #fff;box-shadow:0 -2px 0 0 #fff}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header{border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-bottom:1px solid transparent;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-left:none}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border-bottom:none;top:1px}.tiny-tabs.tiny-tabs--border-card{background:#fff;border-top:1px solid var(--ti-tabs-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content{padding:0 24px 15px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content .tiny-tabs__content{padding:15px 0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header{background-color:var(--ti-tabs-header-dark-bg-color);border:none;margin:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:-1px -1px 0;color:var(--ti-tab-dark-text-color);padding:0 24px;border:none;height:37px;margin:5px 4px 0 0;line-height:37px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:nth-child(2){padding:0 12px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{color:var(--ti-tab-dark-text-color-active);background-color:var(--ti-tab-dark-bg-color-active);border:none;border-bottom-color:#fff;border-radius:var(--ti-tab-dark-border-radius)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:not(.is-active):hover{color:var(--ti-tab-dark-text-color-hover);background:var(--ti-tab-dark-bg-color-hover)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:first-child{margin-left:20px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-prev{fill:var(--ti-common-color-icon-white)}.tiny-tabs.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs--bottom{border-top:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{position:absolute;content:'';width:100%;height:0;background:var(--ti-tabs-header-text-color)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close{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;width:var(--ti-tabs-icon-size-close);height:var(--ti-tabs-icon-size-close);line-height:var(--ti-tabs-icon-size-close);vertical-align:middle;overflow:hidden;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--top .is-scrollable{padding:0 24px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__nav-wrap:after,.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav-wrap:after{content:none}.tiny-tabs.tiny-tabs--small .tiny-tabs__item{height:var(--ti-tabs-small-height);line-height:var(--ti-tabs-small-height)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header{float:left;margin-bottom:0;margin-right:10px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap{margin-right:-1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__item{text-align:left}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-left:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-header-bg-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-top:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active{border-right-color:transparent;border-left:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);border-bottom:none;background:0 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:first-child{border-top:none;border-right-color:transparent}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border-right:none;border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__new-tab{float:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item{margin:-1px}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after{right:auto;left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-scroll{height:100%}.tiny-tabs.tiny-tabs--right .tiny-tabs__header{float:right;margin-bottom:0;margin-left:10px}.tiny-tabs.tiny-tabs--right .tiny-tabs__header.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-left:-1px}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap:after{left:0;right:auto}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-top:1px solid var(--ti-tabs-border-color);border-bottom:none;background-color:var(--ti-tabs-header-bg-color);padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active{border-left-color:transparent;border-right:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom{border-top:0;border-right:0;border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item:first-child{border-left:1px solid var(--ti-tabs-border-color);border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom:first-child{border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom.is-active:first-child{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-top{background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav{border-bottom:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav.is-bottom{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__header{margin-left:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item{border-top:none;border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active{top:0;border-right:0;border-left-color:var(--ti-tabs-border-color);border-bottom:1px solid #fff}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top{margin:0 0 -1px -1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom{margin:-1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right{margin:-1px 0 -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right.is-active{border-top:1px solid var(--ti-tabs-border-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__nav.is-bottom{border-bottom:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item.is-active{border-color:var(--ti-tabs-border-color) transparent}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-bottom{left:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-left{left:0;right:auto}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap::after{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap.is-left::after{left:0;right:auto}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{border-bottom:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--bottom:not(.tiny-tabs--card) .tiny-tabs__item{border-top:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:3px solid var(--ti-tabs-header-font-active-border-color);border-right:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav{border-bottom:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__item{border:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active.is-left{border-left:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{height:100%}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar{top:1px;bottom:auto;width:2px;height:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-top,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-top{height:3px;bottom:0;left:0;top:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-bottom{top:auto;bottom:0;height:3px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-scrollable{padding:30px 0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-top::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-top::after{left:0;bottom:0;top:auto;width:100%;height:1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-bottom:after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-bottom:after{left:0;bottom:0;top:auto;width:100%;height:1px;background-color:#d9d9d9;z-index:1}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav{float:none}.tiny-tabs.tiny-tabs--left .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs__item{display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{left:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next{right:auto;bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap{float:inherit;margin-bottom:-1px}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-top{float:none;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-left{float:left;margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-right{float:right;margin-bottom:0;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item{display:inline-block}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-right{display:inherit}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable{padding:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header{border-top:0;border-left:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header{border-left:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs__header{margin-bottom:0;margin-top:10px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__header{background:var(--ti-tabs-header-bg-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-top{margin-bottom:-1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active{background-color:var(--ti-tabs-dropdown-bg-color);border-right-color:var(--ti-tabs-border-color);border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header{background:0 0;border:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-wrap{padding:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__item.is-active{background-color:transparent;border:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--card .tiny-tabs__item,.tiny-tabs.tiny-tabs--top .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{padding-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left{padding:0 24px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2){padding-left:0}.tiny-tabs .slideInLeft-transition,.tiny-tabs .slideInRight-transition{display:inline-block}.tiny-tabs .slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.tiny-tabs .slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.tiny-tabs .slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.tiny-tabs .slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
1
+ .tiny-tabs__more-dropdown{--ti-tabs-header-font-active-border-color:var(--ti-common-color-line-active);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal);--ti-tabs-border-color:var(--ti-common-color-line-dividing);--ti-tabs-new-height:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal);--ti-tabs-content-font-size:var(--ti-common-font-size-2);--ti-tabs-height:var(--ti-common-size-10x);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active);--ti-tabs-small-height:var(--ti-common-size-9x);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x);--ti-tabs-dark-border-weight:var(--ti-common-size-0);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base) * 9.25);--ti-tabs-item-margin-right:var(--ti-common-space-10x);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled);--ti-tabs-font-size-base:var(--ti-common-font-size-base);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2);--ti-tabs-item-active-border-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-icon-close-hover-bg-color:var(--ti-common-bg-minor-hover);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active);--ti-tabs-icon-size-close:var(--ti-common-font-size-1);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base) * 10.25);--ti-tabs-more-left-box-height:var(--ti-common-size-10x);--ti-tabs-more-left-box-shadow:-3px 0px 4px 0px rgba(0, 0, 0, 0.08);--ti-tabs-content-padding-vertical:calc(var(--ti-common-space-base) * 3.75);--ti-tabs-content-padding-horizontal:var(--ti-common-space-6x);--ti-tabs-button-card-nav-bg-color:rgba(0, 0, 0, 0.05);--ti-tabs-button-card-item-text-color:#595959;--ti-tabs-button-card-item-hover-text-color:#191919;--ti-tabs-button-card-item-font-size:var(--ti-common-font-size-1);--ti-tabs-button-card-item-height:var(--ti-common-size-8x);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-button-card-item-active-text-color:#191919;--ti-tabs-button-card-item-active-border-color:#191919;--ti-tabs-button-card-border-radius:var(--ti-common-border-radius-3);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-4)}.tiny-tabs{--ti-tabs-header-font-active-border-color:var(--ti-common-color-line-active);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal);--ti-tabs-border-color:var(--ti-common-color-line-dividing);--ti-tabs-new-height:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal);--ti-tabs-content-font-size:var(--ti-common-font-size-2);--ti-tabs-height:var(--ti-common-size-10x);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active);--ti-tabs-small-height:var(--ti-common-size-9x);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x);--ti-tabs-dark-border-weight:var(--ti-common-size-0);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base) * 9.25);--ti-tabs-item-margin-right:var(--ti-common-space-10x);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled);--ti-tabs-font-size-base:var(--ti-common-font-size-base);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2);--ti-tabs-item-active-border-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-icon-close-hover-bg-color:var(--ti-common-bg-minor-hover);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active);--ti-tabs-icon-size-close:var(--ti-common-font-size-1);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base) * 10.25);--ti-tabs-more-left-box-height:var(--ti-common-size-10x);--ti-tabs-more-left-box-shadow:-3px 0px 4px 0px rgba(0, 0, 0, 0.08);--ti-tabs-content-padding-vertical:calc(var(--ti-common-space-base) * 3.75);--ti-tabs-content-padding-horizontal:var(--ti-common-space-6x);--ti-tabs-button-card-nav-bg-color:rgba(0, 0, 0, 0.05);--ti-tabs-button-card-item-text-color:#595959;--ti-tabs-button-card-item-hover-text-color:#191919;--ti-tabs-button-card-item-font-size:var(--ti-common-font-size-1);--ti-tabs-button-card-item-height:var(--ti-common-size-8x);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-button-card-item-active-text-color:#191919;--ti-tabs-button-card-item-active-border-color:#191919;--ti-tabs-button-card-border-radius:var(--ti-common-border-radius-3);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-4)}.tiny-tabs--left,.tiny-tabs--right,.tiny-tabs__content,.tiny-tabs__nav-scroll,.tiny-tabs__nav-wrap{overflow:hidden}.tiny-tabs__header{padding:0;position:relative;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-tabs__header .tiny-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--ti-tabs-header-text-color);z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.tiny-tabs__header .tiny-tabs__new-tab{float:right;border:1px solid var(--ti-tabs-border-color);height:var(--ti-tabs-new-height);line-height:var(--ti-tabs-new-height);width:var(--ti-tabs-new-width);margin:12px 0 9px 10px;border-radius:var(--ti-tabs-new-border-radius);font-size:var(--ti-tabs-font-size-base);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;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;outline:0}.tiny-tabs__header .tiny-tabs__new-tab svg{fill:var(--ti-tabs-new-svg-text-color)}.tiny-tabs__header .tiny-tabs__new-tab:hover svg{fill:var(--ti-tabs-header-text-color)}.tiny-tabs__header .tiny-tabs__nav-wrap{margin-bottom:-1px;position:relative;width:100%}.tiny-tabs__header .tiny-tabs__nav-wrap::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--ti-tabs-border-color);z-index:1}.tiny-tabs__header .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-tabs__header .tab-dropdown{position:absolute;right:8px;z-index:90;font-size:var(--ti-tabs-item-font-size);-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.18);box-shadow:0 1px 2px 1px rgba(0,0,0,.18);background:var(--ti-tabs-dropdown-bg-color);border-radius:var(--ti-tabs-dropdown-border-radius)}.tiny-tabs__header .tab-dropdown:before{position:absolute;display:inline-block;top:-5px;left:44%;width:0;height:0;content:'';border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:1px -1px 1px #e4e4e4;box-shadow:1px -1px 1px #e4e4e4}.tiny-tabs__header .tab-dropdown li{border-bottom:1px solid var(--ti-tabs-dropdown-li-border-color)}.tiny-tabs__header .tab-dropdown li:last-child{border-bottom:none}.tiny-tabs__header .tab-dropdown li a{white-space:nowrap;color:var(--ti-tabs-dropdown-li-text-color);line-height:26px;padding:0 10px;min-width:100px;display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs__header .tab-dropdown li a:hover{color:var(--ti-tabs-more-hover-text-color);text-decoration:none}.tiny-tabs__nav-more{position:absolute;cursor:pointer;height:var(--ti-tabs-height);line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-1);right:45px;z-index:99;color:var(--ti-tabs-header-text-color)}.tiny-tabs__nav-next,.tiny-tabs__nav-prev{position:absolute;cursor:pointer;line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-base);color:var(--ti-tabs-header-font-normal-text-color)}.tiny-tabs__nav-next{right:0}.tiny-tabs__nav-prev{left:0}.tiny-tabs__nav:not(.is-stretch) .tiny-tabs__item__title{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.tiny-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.tiny-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item{margin-right:var(--ti-tabs-item-margin-right)}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item.is-active{border-bottom:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color)}.tiny-tabs__item{height:var(--ti-tabs-height);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-tabs-height);display:inline-block;list-style:none;font-size:var(--ti-tabs-item-font-size);color:var(--ti-tabs-header-font-normal-text-color);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;position:relative}.tiny-tabs__item:active,.tiny-tabs__item:focus{outline:0}.tiny-tabs__item.is-active,.tiny-tabs__item:hover{color:var(--ti-tabs-header-font-active-text-color);cursor:pointer}.tiny-tabs__item.is-active .tiny-tabs__icon-close svg,.tiny-tabs__item:hover .tiny-tabs__icon-close svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__item.is-active{font-weight:var(--ti-tabs-header-font-weight-active)}.tiny-tabs__item:hover{font-weight:var(--ti-tabs-item-card-hover-font-weight)}.tiny-tabs__item.is-disabled{color:var(--ti-tabs-item-disabled-text-color);cursor:default}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover{background-color:transparent}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close svg,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-item-disabled-text-color)}.tiny-tabs__item.is-closable>div{display:inline-block}.tiny-tabs__item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item .tiny-tabs__icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-right) var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-left);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;vertical-align:middle;background-color:var(--ti-tabs-icon-close-default-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close svg{font-size:var(--ti-tabs-font-size-base);-webkit-transform:scale(.9);transform:scale(.9);vertical-align:middle;fill:var(--ti-tabs-icon-close-default-text-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover{background-color:var(--ti-tabs-icon-close-hover-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__content{position:relative;padding:var(--ti-tabs-content-padding-vertical) var(--ti-tabs-content-padding-horizontal);font-size:var(--ti-tabs-content-font-size)}.tiny-tabs .is-show-more{padding:0 48px 0 0}.tiny-tabs__more-container{position:absolute;right:0;font-size:var(--ti-tabs-font-size-base);color:var(--ti-tabs-header-font-normal-text-color);line-height:var(--ti-tabs-height)}.tiny-tabs__more{cursor:pointer;color:var(--ti-tabs-header-text-color);font-size:var(--ti-tabs-item-font-size);outline:0;padding:0 var(--ti-tabs-more-icon-padding-horizontal)}.tiny-tabs__more:hover{color:var(--ti-tabs-more-hover-text-color)}.tiny-tabs__more-icon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;padding:0 var(--ti-tabs-more-icon-padding-horizontal);height:var(--ti-tabs-more-icon-height);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}.tiny-tabs__more-icon::before{content:'';position:absolute;left:0;top:0;display:inline-block;width:4px;height:var(--ti-tabs-more-left-box-height);-webkit-box-shadow:var(--ti-tabs-more-left-box-shadow);box-shadow:var(--ti-tabs-more-left-box-shadow)}.tiny-tabs__more-dropdown.tiny-dropdown-menu.tiny-popper{margin-top:var(--ti-tabs-dropdown-more-margin-top)}.tiny-tabs__more-dropdown .tiny-tabs__more-item{outline:0}.tiny-tabs__more-dropdown .tiny-tabs__more-item:hover{font-weight:var(--ti-tabs-dropdown-more-item-hover-font-weight);background:var(--ti-tabs-dropdown-more-item-hover-bg-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--card.tiny-tabs--right .tiny-tabs__nav{width:120px}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:first-child{border-left:var(--ti-tabs-item-top-right-border-weight) solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{top:-1px;border-bottom:var(--ti-tabs-item-bottom-border-weight) var(--ti-tabs-item-bottom-border-style) var(--ti-tabs-item-bottom-border-color);border-top:var(--ti-tabs-item-top-right-border-weight) solid var(--ti-tabs-border-color);border-left:1px solid var(--ti-tabs-border-color);border-right:var(--ti-tabs-item-top-right-border-weight) solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-item-card-active-bg-color);border-radius:var(--ti-tabs-item-card-border-radius)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active{-webkit-box-shadow:0 -2px 0 0 #fff;box-shadow:0 -2px 0 0 #fff}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header{border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--ti-tabs-item-card-border-color);border-right:var(--ti-tabs-item-top-right-border-weight) solid transparent;border-top:1px solid transparent;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-left:none}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border:1px solid var(--ti-tabs-item-card-border-color);border-bottom:none;top:1px}.tiny-tabs.tiny-tabs--border-card{background:#fff;border-top:1px solid var(--ti-tabs-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content{padding:0 24px 15px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content .tiny-tabs__content{padding:15px 0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header{background-color:var(--ti-tabs-header-dark-bg-color);border:none;margin:0;border-right:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color);border-bottom:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:-1px -1px 0;color:var(--ti-tabs-dark-text-color);padding:0 24px;border:none;height:var(--ti-tabs-dark-item-height);margin:var(--ti-tabs-dark-margin-top) 4px 0 0;line-height:var(--ti-tabs-dark-item-height)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:nth-child(2){padding:0 12px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{color:var(--ti-tabs-dark-text-color-active);background-color:var(--ti-tabs-dark-bg-color-active);border-top:none;border-left:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color);border-right:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color);border-bottom-color:#fff;border-radius:var(--ti-tabs-dark-border-radius)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:not(.is-active):hover{border-color:var(--ti-tabs-border-color);color:var(--ti-tabs-dark-text-color-hover);background:var(--ti-tabs-dark-bg-color-hover)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:first-child{margin-left:var(--ti-tabs-dark-first-margin-left);border-left:none}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-prev{fill:var(--ti-common-color-icon-white)}.tiny-tabs.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs--bottom{border-top:0}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__nav-wrap::after{background-color:transparent}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__nav{background-color:var(--ti-tabs-button-card-nav-bg-color);border-radius:var(--ti-tabs-button-card-border-radius)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item{color:var(--ti-tabs-button-card-item-text-color);font-size:var(--ti-tabs-button-card-item-font-size);height:var(--ti-tabs-button-card-item-height);line-height:var(--ti-tabs-button-card-item-height);border:1px solid transparent}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item:hover{color:var(--ti-tabs-button-card-item-hover-text-color);font-weight:var(--ti-tabs-button-card-font-weight)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-active{background-color:var(--ti-tabs-button-card-item-active-bg-color);color:var(--ti-tabs-button-card-item-active-text-color);border:1px solid var(--ti-tabs-button-card-item-active-border-color);border-radius:var(--ti-tabs-button-card-border-radius);font-weight:var(--ti-tabs-button-card-font-weight)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item__title{padding:0 var(--ti-tabs-button-card-title-padding-horizontal)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{position:absolute;content:'';width:100%;height:3px;background:var(--ti-tabs-header-top-bar-active-bg-color)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close{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;width:var(--ti-tabs-icon-size-close);height:var(--ti-tabs-icon-size-close);line-height:var(--ti-tabs-icon-size-close);vertical-align:middle;overflow:hidden;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--top .is-scrollable{padding:0 24px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__nav-wrap:after,.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav-wrap:after{content:none}.tiny-tabs.tiny-tabs--small .tiny-tabs__item{height:var(--ti-tabs-small-height);line-height:var(--ti-tabs-small-height)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header{float:left;margin-bottom:0;margin-right:10px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap{margin-right:-1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__item{text-align:left}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-left:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-header-bg-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-top:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active{border-right-color:transparent;border-left:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);border-bottom:none;background:0 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:first-child{border-top:none;border-right-color:transparent}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border-right:none;border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__new-tab{float:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item{margin:-1px}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after{right:auto;left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-scroll{height:100%}.tiny-tabs.tiny-tabs--right .tiny-tabs__header{float:right;margin-bottom:0;margin-left:10px}.tiny-tabs.tiny-tabs--right .tiny-tabs__header.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-left:-1px}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap:after{left:0;right:auto}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-top:1px solid var(--ti-tabs-border-color);border-bottom:none;background-color:var(--ti-tabs-header-bg-color);padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active{border-left-color:transparent;border-right:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom{border-top:0;border-right:0;border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item:first-child{border-left:1px solid var(--ti-tabs-border-color);border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom:first-child{border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom.is-active:first-child{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-top{background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav{border-bottom:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav.is-bottom{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__header{margin-left:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item{border-top:none;border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active{top:0;border-right:0;border-left-color:var(--ti-tabs-border-color);border-bottom:1px solid #fff}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top{margin:0 0 -1px -1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom{margin:-1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right{margin:-1px 0 -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right.is-active{border-top:1px solid var(--ti-tabs-border-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__nav.is-bottom{border-bottom:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item.is-active{border-color:var(--ti-tabs-border-color) transparent}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-bottom{left:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-left{left:0;right:auto}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap::after{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap.is-left::after{left:0;right:auto}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{border-bottom:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--bottom:not(.tiny-tabs--card) .tiny-tabs__item{border-top:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:3px solid var(--ti-tabs-header-font-active-border-color);border-right:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav{border-bottom:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__item{border:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active.is-left{border-left:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{height:100%}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar{top:1px;bottom:auto;width:2px;height:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-top,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-top{height:3px;bottom:0;left:0;top:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-bottom{top:auto;bottom:0;height:3px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-scrollable{padding:30px 0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-top::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-top::after{left:0;bottom:0;top:auto;width:100%;height:1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-bottom:after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-bottom:after{left:0;bottom:0;top:auto;width:100%;height:1px;background-color:#d9d9d9;z-index:1}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav{float:none}.tiny-tabs.tiny-tabs--left .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs__item{display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{left:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next{right:auto;bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap{float:inherit;margin-bottom:-1px}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-top{float:none;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-left{float:left;margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-right{float:right;margin-bottom:0;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item{display:inline-block}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-right{display:inherit}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable{padding:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header{border-top:0;border-left:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header{border-left:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs__header{margin-bottom:0;margin-top:10px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__header{background:var(--ti-tabs-header-bg-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-top{margin-bottom:-1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active{background-color:var(--ti-tabs-dropdown-bg-color);border-right-color:var(--ti-tabs-border-color);border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header{background:0 0;border:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-wrap{padding:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__item.is-active{background-color:transparent;border:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--card .tiny-tabs__item,.tiny-tabs.tiny-tabs--top .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{padding-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left{padding:0 24px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2){padding-left:0}.tiny-tabs .slideInLeft-transition,.tiny-tabs .slideInRight-transition{display:inline-block}.tiny-tabs .slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.tiny-tabs .slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.tiny-tabs .slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.tiny-tabs .slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
package/tabs/smb-theme.js ADDED
@@ -0,0 +1,15 @@
1
+ export const tinyTabsSmbTheme = {
2
+ 'ti-tabs-height': 'var(--ti-common-size-13x)',
3
+ 'ti-tabs-dark-item-height': 'calc(var(--ti-common-size-base) * 11.75)',
4
+ 'ti-tabs-header-font-weight-active': 'var(--ti-common-font-weight-bold)',
5
+ 'ti-tabs-item-font-size': 'var(--ti-common-font-size-2)',
6
+ 'ti-tabs-item-card-hover-font-weight': 'var(--ti-common-font-weight-bold)',
7
+ 'ti-tabs-item-margin-right': 'var(--ti-common-space-8x)',
8
+ 'ti-tabs-item-active-border-weight': 'var(--ti-common-border-weight-1)',
9
+ 'ti-tabs-more-icon-padding-horizontal': '13.5px',
10
+ 'ti-tabs-more-icon-height': 'calc(var(--ti-common-space-base) * 13)',
11
+ 'ti-tabs-more-left-box-height': 'calc(var(--ti-common-size-base) * 13)',
12
+ 'ti-tabs-dropdown-more-margin-top': 'var(--ti-common-space-base)',
13
+ 'ti-tabs-content-padding-vertical': 'var(--ti-common-space-8x)',
14
+ 'ti-tabs-content-padding-horizontal': 'var(--ti-common-space-0)'
15
+ }
package/tag/aurora-theme.js ADDED
@@ -0,0 +1,33 @@
1
+ export const tinyTagAuroraTheme = {
2
+ 'ti-tag-primary-text-color': 'var(--ti-common-color-icon-normal)',
3
+ 'ti-tag-primary-close-icon-color': 'var(--ti-common-color-icon-normal)',
4
+ 'ti-tag-primary-close-hover-icon-color': 'var(--ti-common-color-icon-normal)',
5
+ 'ti-tag-primary-border-color': 'rgba(24,144,255,.15)',
6
+ 'ti-tag-primary-background-color': 'rgba(24,144,255,.06)',
7
+ // 成功类
8
+ 'ti-tag-success-text-color': 'var(--ti-common-color-data-1)',
9
+ 'ti-tag-success-background-color': 'rgba(82,196,26,.06)',
10
+ 'ti-tag-success-border-color': 'rgba(82,196,26,.15)',
11
+ // 警告类
12
+ 'ti-tag-warning-text-color': 'var(--ti-common-color-data-7)',
13
+ 'ti-tag-warning-background-color': 'rgba(250,173,20,.06)',
14
+ 'ti-tag-warning-border-color': 'rgba(250,173,20,.15)',
15
+ // 危险类
16
+ 'ti-tag-danger-text-color': 'var(--ti-common-color-data-8)',
17
+ 'ti-tag-danger-background-color': 'rgba(245,34,45,.06)',
18
+ 'ti-tag-danger-border-color': 'rgba(245,34,45,.15)',
19
+ // dark主题
20
+ 'ti-tag-dark-bg-color': 'var(--ti-common-color-icon-darkbg-active)',
21
+ 'ti-tag-dark-success-bg-color': '#67c23a',
22
+ 'ti-tag-dark-info-bg-color': 'var(--ti-common-color-info)',
23
+ 'ti-tag-dark-warning-bg-color': '#e6a23c',
24
+ // plain主题
25
+ 'ti-tag-plain-text-color': 'var(--ti-common-color-text-link-hover)',
26
+ 'ti-tag-plain-border-color': '#b3d8ff',
27
+ 'ti-tag-plain-success-text-color': '#67c23a',
28
+ 'ti-tag-plain-success-border-color': '#c2e7b0',
29
+ 'ti-tag-plain-info-border-color': '#d3d4d6',
30
+ 'ti-tag-plain-danger-border-color': '#fbc4c4',
31
+ 'ti-tag-plain-warning-text-color': '#e6a23c',
32
+ 'ti-tag-plain-warning-border-color': '#f5dab1'
33
+ }
package/tag/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-tag{--ti-tag-height:22px;--ti-tag-medium-height:var(--ti-common-size-6x);--ti-tag-small-height:var(--ti-common-size-5x);--ti-tag-mini-height:var(--ti-common-size-4x);--ti-tag-border-color:var(--ti-common-color-border);--ti-tag-border-radius:var(--ti-common-radius-medium);--ti-tag-font-size:var(--ti-common-font-size);--ti-tag-close-font-size:var(--ti-common-font-size-1);--ti-tag-primary-text-color:var(--ti-base-color-common-5);--ti-tag-primary-border-color:var(--ti-base-color-bg-6);--ti-tag-primary-background-color:var(--ti-base-color-bg-6);--ti-tag-warning-text-color:var(--ti-common-color-warn-text);--ti-tag-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-warning-background-color:var(--ti-common-color-warn-bg);--ti-tag-danger-text-color:var(--ti-common-color-error-text);--ti-tag-danger-border-color:var(--ti-common-color-error-border-secondary);--ti-tag-danger-background-color:var(--ti-common-color-error-bg);--ti-tag-success-text-color:var(--ti-common-color-text-success);--ti-tag-success-border-color:var(--ti-common-color-success-border);--ti-tag-success-background-color:var(--ti-common-color-success-bg);--ti-tag-info-text-color:var(--ti-common-color-info-text);--ti-tag-info-border-color:var(--ti-common-color-info-border);--ti-tag-info-background-color:var(--ti-common-color-info-bg);--ti-tag-dark-text-color:var(--ti-common-color-light);--ti-tag-dark-bg-color:var(--ti-common-color-prompt);--ti-tag-dark-success-bg-color:var(--ti-common-color-success);--ti-tag-dark-warning-bg-color:var(--ti-common-color-warn);--ti-tag-dark-danger-bg-color:var(--ti-common-color-error);--ti-tag-dark-info-bg-color:var(--ti-common-color-info);--ti-tag-plain-text-color:var(--ti-common-color-prompt);--ti-tag-plain-border-color:var(--ti-common-color-prompt-border);--ti-tag-plain-background-color:var(--ti-common-color-light);--ti-tag-plain-info-text-color:var(--ti-common-color-info);--ti-tag-plain-info-border-color:var(--ti-common-color-info-border);--ti-tag-plain-success-text-color:var(--ti-common-color-success);--ti-tag-plain-success-border-color:var(--ti-common-color-success-border);--ti-tag-plain-warning-text-color:var(--ti-common-color-warn);--ti-tag-plain-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-plain-danger-text-color:var(--ti-common-color-error);--ti-tag-plain-danger-border-color:var(--ti-common-color-error-border-secondary);height:var(--ti-tag-height);line-height:var(--ti-tag-height);padding:0 8px;font-size:var(--ti-tag-font-size);border-width:1px;border-radius:var(--ti-tag-border-radius);border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-tag-primary-text-color);border-color:var(--ti-tag-primary-border-color);background-color:var(--ti-tag-primary-background-color)}.tiny-tag.is-hit{border-color:var(--ti-tag-primary-text-color)}.tiny-tag .tiny-tag__close{fill:var(--ti-tag-primary-text-color);opacity:.5}.tiny-tag .tiny-tag__close:hover{opacity:1}.tiny-tag .tiny-tag__text:hover{cursor:pointer;color:#526ecc}.tiny-tag .tiny-tag__close{font-size:var(--ti-tag-close-font-size);margin-left:6px}.tiny-tag .tiny-tag__close:hover{cursor:pointer;fill:#5e7ce0}.tiny-tag.tiny-tag--info{color:var(--ti-tag-info-text-color);border-color:var(--ti-tag-info-border-color);background-color:var(--ti-tag-info-background-color)}.tiny-tag.tiny-tag--info.is-hit{border-color:var(--ti-tag-info-text-color)}.tiny-tag.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-info-text-color);opacity:.5}.tiny-tag.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--success{color:var(--ti-tag-success-text-color);border-color:var(--ti-tag-success-border-color);background-color:var(--ti-tag-success-background-color)}.tiny-tag.tiny-tag--success.is-hit{border-color:var(--ti-tag-success-text-color)}.tiny-tag.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-success-text-color);opacity:.5}.tiny-tag.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--warning{color:var(--ti-tag-warning-text-color);border-color:var(--ti-tag-warning-border-color);background-color:var(--ti-tag-warning-background-color)}.tiny-tag.tiny-tag--warning.is-hit{border-color:var(--ti-tag-warning-text-color)}.tiny-tag.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-warning-text-color);opacity:.5}.tiny-tag.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--danger{color:var(--ti-tag-danger-text-color);border-color:var(--ti-tag-danger-border-color);background-color:var(--ti-tag-danger-background-color)}.tiny-tag.tiny-tag--danger.is-hit{border-color:var(--ti-tag-danger-text-color)}.tiny-tag.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-danger-text-color);opacity:.5}.tiny-tag.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--dark{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-bg-color);background-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark.is-hit{border-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--info{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-info-bg-color);background-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info.is-hit{border-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--success{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-success-bg-color);background-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success.is-hit{border-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--warning{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-warning-bg-color);background-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning.is-hit{border-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--danger{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-danger-bg-color);background-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger.is-hit{border-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--plain{color:var(--ti-tag-plain-text-color);border-color:var(--ti-tag-plain-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.is-hit{border-color:var(--ti-tag-plain-text-color)}.tiny-tag--plain .tiny-tag__close{fill:var(--ti-tag-plain-text-color);opacity:.5}.tiny-tag--plain .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--info{color:var(--ti-tag-plain-info-text-color);border-color:var(--ti-tag-plain-info-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--info.is-hit{border-color:var(--ti-tag-plain-info-text-color)}.tiny-tag--plain.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-plain-info-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--success{color:var(--ti-tag-plain-success-text-color);border-color:var(--ti-tag-plain-success-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--success.is-hit{border-color:var(--ti-tag-plain-success-text-color)}.tiny-tag--plain.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-plain-success-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--warning{color:var(--ti-tag-plain-warning-text-color);border-color:var(--ti-tag-plain-warning-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--warning.is-hit{border-color:var(--ti-tag-plain-warning-text-color)}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-plain-warning-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--danger{color:var(--ti-tag-plain-danger-text-color);border-color:var(--ti-tag-plain-danger-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--danger.is-hit{border-color:var(--ti-tag-plain-danger-text-color)}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-plain-danger-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--medium{height:var(--ti-tag-medium-height);line-height:calc(var(--ti-tag-medium-height) - 2px)}.tiny-tag--small{height:var(--ti-tag-small-height);line-height:calc(var(--ti-tag-small-height) - 2px)}.tiny-tag--mini{height:var(--ti-tag-mini-height);line-height:calc(var(--ti-tag-mini-height) - 2px)}
1
+ .tiny-tag{--ti-tag-height:calc(var(--ti-common-size-base) * 5.5);--ti-tag-medium-height:var(--ti-common-size-6x);--ti-tag-medium-padding-horizontal:var(--ti-common-space-2x);--ti-tag-medium-border-radius:var(--ti-common-border-radius-normal);--ti-tag-small-height:var(--ti-common-line-height-4);--ti-tag-small-padding-horizontal:var(--ti-common-space-2x);--ti-tag-mini-height:var(--ti-common-size-4x);--ti-tag-border-weight:var(--ti-common-border-weight-normal);--ti-tag-border-radius:var(--ti-common-border-radius-normal);--ti-tag-small-border-radius:var(--ti-common-border-radius-normal);--ti-tag-font-size:var(--ti-common-font-size-base);--ti-tag-close-font-size:var(--ti-common-font-size-1);--ti-tag-close-margin-left:var(--ti-common-space-6);--ti-tag-close-margin-right:var(--ti-common-space-0);--ti-tag-close-medium-margin-left:var(--ti-common-space-6);--ti-tag-close-medium-margin-right:var(--ti-common-space-0);--ti-tag-close-small-margin-left:var(--ti-common-space-6);--ti-tag-close-small-margin-right:var(--ti-common-space-0);--ti-tag-primary-text-color:var(--ti-common-color-text-secondary);--ti-tag-primary-close-icon-color:var(--ti-common-color-text-secondary);--ti-tag-primary-close-hover-icon-color:var(--ti-common-color-text-secondary);--ti-tag-primary-close-opacity:0.5;--ti-tag-primary-border-color:var(--ti-common-color-bg-normal);--ti-tag-primary-background-color:var(--ti-common-color-bg-normal);--ti-tag-warning-text-color:var(--ti-common-color-warn-text);--ti-tag-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-warning-background-color:var(--ti-common-color-warn-bg);--ti-tag-danger-text-color:var(--ti-common-color-error-text);--ti-tag-danger-border-color:var(--ti-common-color-error-border-secondary);--ti-tag-danger-background-color:var(--ti-common-color-error-bg);--ti-tag-success-text-color:var(--ti-common-color-text-success);--ti-tag-success-border-color:var(--ti-common-color-success-border);--ti-tag-success-background-color:var(--ti-common-color-success-bg);--ti-tag-info-text-color:var(--ti-common-color-text-primary);--ti-tag-info-border-color:var(--ti-common-color-info-border);--ti-tag-info-background-color:var(--ti-common-color-info-bg);--ti-tag-dark-text-color:var(--ti-common-color-light);--ti-tag-dark-bg-color:var(--ti-common-color-prompt);--ti-tag-dark-success-bg-color:var(--ti-common-color-success);--ti-tag-dark-warning-bg-color:var(--ti-common-color-warn);--ti-tag-dark-danger-bg-color:var(--ti-common-color-error);--ti-tag-dark-info-bg-color:var(--ti-common-color-info);--ti-tag-plain-text-color:var(--ti-common-color-prompt);--ti-tag-plain-border-color:var(--ti-common-color-prompt-border);--ti-tag-plain-background-color:var(--ti-common-color-light);--ti-tag-plain-info-text-color:var(--ti-common-color-info);--ti-tag-plain-info-border-color:var(--ti-common-color-info-border);--ti-tag-plain-success-text-color:var(--ti-common-color-success);--ti-tag-plain-success-border-color:var(--ti-common-color-success-border);--ti-tag-plain-warning-text-color:var(--ti-common-color-warn);--ti-tag-plain-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-plain-danger-text-color:var(--ti-common-color-error);--ti-tag-plain-danger-border-color:var(--ti-common-color-error-border-secondary);height:var(--ti-tag-height);line-height:var(--ti-tag-height);padding:0 8px;font-size:var(--ti-tag-font-size);border-width:var(--ti-tag-border-weight);border-radius:var(--ti-tag-border-radius);border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-tag-primary-text-color);border-color:var(--ti-tag-primary-border-color);background-color:var(--ti-tag-primary-background-color)}.tiny-tag.is-hit{border-color:var(--ti-tag-primary-text-color)}.tiny-tag .tiny-tag__close{fill:var(--ti-tag-primary-text-color);opacity:.5}.tiny-tag .tiny-tag__close:hover{opacity:1}.tiny-tag .tiny-tag__close{font-size:var(--ti-tag-close-font-size);margin-left:var(--ti-tag-close-margin-left);margin-right:var(--ti-tag-close-margin-right);cursor:pointer;opacity:var(--ti-tag-primary-close-opacity);fill:var(--ti-tag-primary-close-icon-color)}.tiny-tag .tiny-tag__close:hover{fill:var(--ti-tag-primary-close-hover-icon-color)}.tiny-tag.tiny-tag--info{color:var(--ti-tag-info-text-color);border-color:var(--ti-tag-info-border-color);background-color:var(--ti-tag-info-background-color)}.tiny-tag.tiny-tag--info.is-hit{border-color:var(--ti-tag-info-text-color)}.tiny-tag.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-info-text-color);opacity:.5}.tiny-tag.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--success{color:var(--ti-tag-success-text-color);border-color:var(--ti-tag-success-border-color);background-color:var(--ti-tag-success-background-color)}.tiny-tag.tiny-tag--success.is-hit{border-color:var(--ti-tag-success-text-color)}.tiny-tag.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-success-text-color);opacity:.5}.tiny-tag.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--warning{color:var(--ti-tag-warning-text-color);border-color:var(--ti-tag-warning-border-color);background-color:var(--ti-tag-warning-background-color)}.tiny-tag.tiny-tag--warning.is-hit{border-color:var(--ti-tag-warning-text-color)}.tiny-tag.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-warning-text-color);opacity:.5}.tiny-tag.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--danger{color:var(--ti-tag-danger-text-color);border-color:var(--ti-tag-danger-border-color);background-color:var(--ti-tag-danger-background-color)}.tiny-tag.tiny-tag--danger.is-hit{border-color:var(--ti-tag-danger-text-color)}.tiny-tag.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-danger-text-color);opacity:.5}.tiny-tag.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--dark{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-bg-color);background-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark.is-hit{border-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--info{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-info-bg-color);background-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info.is-hit{border-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--success{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-success-bg-color);background-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success.is-hit{border-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--warning{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-warning-bg-color);background-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning.is-hit{border-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--danger{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-danger-bg-color);background-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger.is-hit{border-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--plain{color:var(--ti-tag-plain-text-color);border-color:var(--ti-tag-plain-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.is-hit{border-color:var(--ti-tag-plain-text-color)}.tiny-tag--plain .tiny-tag__close{fill:var(--ti-tag-plain-text-color);opacity:.5}.tiny-tag--plain .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--info{color:var(--ti-tag-plain-info-text-color);border-color:var(--ti-tag-plain-info-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--info.is-hit{border-color:var(--ti-tag-plain-info-text-color)}.tiny-tag--plain.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-plain-info-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--success{color:var(--ti-tag-plain-success-text-color);border-color:var(--ti-tag-plain-success-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--success.is-hit{border-color:var(--ti-tag-plain-success-text-color)}.tiny-tag--plain.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-plain-success-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--warning{color:var(--ti-tag-plain-warning-text-color);border-color:var(--ti-tag-plain-warning-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--warning.is-hit{border-color:var(--ti-tag-plain-warning-text-color)}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-plain-warning-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--danger{color:var(--ti-tag-plain-danger-text-color);border-color:var(--ti-tag-plain-danger-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--danger.is-hit{border-color:var(--ti-tag-plain-danger-text-color)}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-plain-danger-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--medium{height:var(--ti-tag-medium-height);line-height:var(--ti-tag-medium-height);padding:0 var(--ti-tag-medium-padding-horizontal);border-radius:var(--ti-tag-medium-border-radius)}.tiny-tag--medium .tiny-tag__close{margin-left:var(--ti-tag-close-medium-margin-left);margin-right:var(--ti-tag-close-medium-margin-right)}.tiny-tag--small{height:var(--ti-tag-small-height);line-height:var(--ti-tag-small-height);padding:0 var(--ti-tag-small-padding-horizontal);font-size:12px;border-radius:var(--ti-tag-small-border-radius)}.tiny-tag--small .tiny-tag__close{margin-left:var(--ti-tag-close-small-margin-left);margin-right:var(--ti-tag-close-small-margin-right)}.tiny-tag--mini{height:var(--ti-tag-mini-height);line-height:var(--ti-tag-mini-height);padding:0 var(--ti-tag-small-padding-horizontal);font-size:12px;border-radius:var(--ti-tag-small-border-radius)}.tiny-tag--mini .tiny-tag__close{margin-left:var(--ti-tag-close-small-margin-left);margin-right:var(--ti-tag-close-small-margin-right)}.tiny-tag.is-disabled,.tiny-tag.is-disabled:focus,.tiny-tag.is-disabled:hover{cursor:not-allowed;color:#c2c2c2;background-color:rgba(0,0,0,.05)}.tiny-tag.is-disabled .tiny-tag__close,.tiny-tag.is-disabled svg,.tiny-tag.is-disabled svg:hover,.tiny-tag.is-disabled:focus .tiny-tag__close,.tiny-tag.is-disabled:focus svg,.tiny-tag.is-disabled:focus svg:hover,.tiny-tag.is-disabled:hover .tiny-tag__close,.tiny-tag.is-disabled:hover svg,.tiny-tag.is-disabled:hover svg:hover{cursor:not-allowed;fill:#c2c2c2}
package/tag/smb-theme.js ADDED
@@ -0,0 +1,22 @@
1
+ export const tinyTagSMBTheme = {
2
+ 'ti-tag-primary-close-icon-color': 'var(--ti-common-color-bg-secondary)',
3
+ 'ti-tag-font-size': 'var(--ti-common-font-size-1)',
4
+ 'ti-tag-small-height': 'var(--ti-common-line-height-base)',
5
+ 'ti-tag-height': 'var(--ti-common-line-height-2)',
6
+ 'ti-tag-medium-height': 'var(--ti-common-size-height-normal)',
7
+ 'ti-tag-medium-padding-horizontal': 'var(--ti-common-space-3x)',
8
+ 'ti-tag-small-padding-horizontal': 'var(--ti-common-space-base)',
9
+ 'ti-tag-small-border-radius': 'var(--ti-common-border-radius-1)',
10
+ 'ti-tag-primary-background-color': 'var(--ti-base-color-bg-6)',
11
+ 'ti-tag-border-weight': '0',
12
+ 'ti-tag-border-radius': 'var(--ti-common-border-radius-2)',
13
+ 'ti-tag-close-font-size': 'var(--ti-common-font-size-2)',
14
+ 'ti-tag-close-margin-left': 'var(--ti-common-space-base)',
15
+ 'ti-tag-close-margin-right': 'calc(var(--ti-common-space-base) * -1)',
16
+ 'ti-tag-close-medium-margin-left': 'var(--ti-common-space-2x)',
17
+ 'ti-tag-close-medium-margin-right': 'calc(var(--ti-common-space-base) * -1)',
18
+ 'ti-tag-close-small-margin-left': 'var(--ti-common-space-2)',
19
+ 'ti-tag-close-small-margin-right': 'calc(var(--ti-common-space-2) * -1)',
20
+ 'ti-tag-primary-close-opacity': '1',
21
+ 'ti-tag-primary-close-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)'
22
+ }
package/tall-storage/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-tall-storage{--ti-tall-storage-bg-color:var(--ti-common-color-light);--ti-tall-storage-border-radius:var(--ti-common-border-radius-normal);--ti-tall-storage-item-height:var(--ti-common-size-height-minor);--ti-tall-storage-item-bg-color:var(--ti-common-color-hover-background);position:relative;margin-top:2px}.tiny-tall-storage .tiny-storage-list-style{position:absolute;background-color:var(--ti-tall-storage-bg-color);-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow);border-radius:var(--ti-tall-storage-border-radius);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list{padding:0;list-style:none}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item{height:var(--ti-tall-storage-item-height);line-height:var(--ti-tall-storage-item-height);padding:0 8px;white-space:nowrap}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item.item-hover,.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item:hover{cursor:pointer;background-color:var(--ti-tall-storage-item-bg-color)}
1
+ .tiny-tall-storage{--ti-tall-storage-bg-color:var(--ti-common-color-light);--ti-tall-storage-border-radius:var(--ti-common-border-radius-normal);--ti-tall-storage-item-height:var(--ti-common-size-height-normal);--ti-tall-storage-item-bg-color:var(--ti-common-color-hover-background);position:relative;margin-top:2px}.tiny-tall-storage .tiny-storage-list-style{position:absolute;background-color:var(--ti-tall-storage-bg-color);-webkit-box-shadow:var(--ti-common-shadow-2-down);box-shadow:var(--ti-common-shadow-2-down);border-radius:var(--ti-tall-storage-border-radius);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list{padding:0;list-style:none}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item{height:var(--ti-tall-storage-item-height);line-height:var(--ti-tall-storage-item-height);padding:0 8px;white-space:nowrap}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item.item-hover,.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item:hover{cursor:pointer;background-color:var(--ti-tall-storage-item-bg-color)}
package/text-popup/aurora-theme.js ADDED
@@ -0,0 +1,5 @@
1
+ export const tinyTextPopupAuroraTheme = {
2
+ 'ti-text-popup-padding-horizontal': 'var(--ti-common-space-2x)',
3
+ 'ti-text-popup-padding-vertical': 'var(--ti-common-space-2x)',
4
+ 'ti-text-popup-height': '30px'
5
+ }
package/text-popup/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-text-popup{--ti-text-popup-border-radius:var(--ti-common-border-radius-normal);--ti-text-popup-border-color:var(--ti-common-color-border);--ti-text-popup-box-shadow:0 0 1px 1px rgba(175, 175, 175, 0.3);--ti-text-popup-hover-border-color:var(--ti-base-color-brand-6);display:inline-block}.tiny-text-popup .area{padding:6px;width:100%;border-radius:var(--ti-text-popup-border-radius,2px);outline:0}.tiny-text-popup .text{border:1px solid var(--ti-text-popup-border-color);line-height:1}.tiny-text-popup .text:hover{border-color:var(--ti-text-popup-hover-border-color)}.tiny-text-popup .popup{resize:none;-webkit-box-shadow:var(--ti-text-popup-box-shadow);box-shadow:var(--ti-text-popup-box-shadow);border:1px solid var(--ti-text-popup-border-color)}
1
+ .tiny-text-popup{--ti-text-popup-border-radius:var(--ti-common-border-radius-normal);--ti-text-popup-height:var(--ti-common-size-7x);--ti-text-popup-font-size:var(--ti-common-font-size-base);--ti-text-popup-font-family:var(--ti-common-font-family);--ti-text-popup-border-color:var(--ti-common-color-border);--ti-text-popup-box-shadow:0 0 1px 1px rgba(175, 175, 175, 0.3);--ti-text-popup-hover-border-color:var(--ti-common-color-line-hover);--ti-text-popup-focus-border-color:var(--ti-common-color-line-active);--ti-text-popup-padding-vertical:calc(var(--ti-common-space-2x) - 2px);--ti-text-popup-padding-horizontal:calc(var(--ti-common-space-2x) + 2px);display:inline-block}.tiny-text-popup .area{font-size:var(--ti-text-popup-font-size);font-family:var(--ti-text-popup-font-family);padding:var(--ti-text-popup-padding-vertical) var(--ti-text-popup-padding-horizontal);width:100%;border-radius:var(--ti-text-popup-border-radius,2px);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-text-popup .text{border:1px solid var(--ti-text-popup-border-color);line-height:1;height:var(--ti-text-popup-height)}.tiny-text-popup .text:hover{border-color:var(--ti-text-popup-hover-border-color)}.tiny-text-popup .popup{resize:none;-webkit-box-shadow:var(--ti-text-popup-box-shadow);box-shadow:var(--ti-text-popup-box-shadow);border:1px solid var(--ti-text-popup-focus-border-color)}
package/text-popup/smb-theme.js ADDED
@@ -0,0 +1,7 @@
1
+ export const tinyTextPopupSmbTheme = {
2
+ 'ti-text-popup-padding-vertical': '5px',
3
+ 'ti-text-popup-padding-horizontal': 'var(--ti-common-space-3x)',
4
+ 'ti-text-popup-font-size': 'var(--ti-common-font-size-1)',
5
+ 'ti-text-popup-border-color': 'var(--ti-common-color-line-normal)',
6
+ 'ti-text-popup-height': '32px'
7
+ }
package/textarea/index.css ADDED
@@ -0,0 +1 @@
1
+ .tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-textarea{--ti-textarea-text-color:var(--ti-common-color-text-primary);--ti-textarea-bg-color:var(--ti-common-color-icon-white);--ti-textarea-font-size:var(--ti-common-font-size-base);--ti-textarea-count-font-size:var(--ti-common-font-size-base);--ti-textarea-height:var(--ti-common-size-height-normal);--ti-textarea-border-radius:var(--ti-common-border-radius-normal);--ti-textarea-border-color:var(--ti-common-color-border);--ti-textarea-inner-hover-border-color:var(--ti-common-color-border-hover);--ti-textarea-inner-active-border-color:var(--ti-common-color-line-active);--ti-textarea-placeholder-text-color:var(--ti-common-color-placeholder);--ti-textarea-disabled-text-color:var(--ti-common-color-text-disabled);--ti-textarea-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-textarea-exceed-text-color:var(--ti-common-bg-primary);--ti-textarea-count-color:var(--ti-common-color-text-weaken);--ti-textarea-padding-vertical:var(--ti-common-space-2x);--ti-textarea-padding-horizontal:var(--ti-common-space-2x);--ti-textarea-padding-right:var(--ti-common-space-2x);--ti-textarea-padding-bottom:var(--ti-common-space-2x);--ti-textarea-count-bottom:5px;--ti-textarea-count-right:16px;--ti-textarea-hover-border-color:var(--ti-common-color-border-hover);--ti-textarea-active-border-color:var(--ti-common-color-line-active);--ti-textarea-count-width:auto;--ti-textarea-inner-width:100%;--ti-textarea-count-border-radius:0;--ti-textarea-count-text-length-color:var(--ti-common-color-text-weaken);--ti-textarea-count-padding-right:var(--ti-common-space-0);--ti-textarea-font-family:var(--ti-common-font-family);position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--ti-textarea-font-size);border:1px solid var(--ti-textarea-border-color);border-radius:var(--ti-textarea-border-radius)}.tiny-textarea:hover{border-color:var(--ti-textarea-hover-border-color)}.tiny-textarea.is-disabled .tiny-textarea__inner{background-color:var(--ti-textarea-disabled-bg-color);border-color:var(--ti-textarea-border-color);color:var(--ti-textarea-disabled-text-color);cursor:not-allowed}.tiny-textarea.is-disabled .tiny-textarea__inner::-moz-placeholder{color:var(--ti-textarea-placeholder-text-color);opacity:1}.tiny-textarea.is-disabled .tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-exceed .tiny-textarea__inner{border-color:var(--ti-textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count{color:var(--ti-textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count-text-length{color:var(--ti-textarea-exceed-text-color)}.tiny-textarea .tiny-input__count{color:var(--ti-textarea-count-color);background:var(--ti-textarea-bg-color);font-size:var(--ti-textarea-count-font-size);text-align:right;position:absolute;bottom:var(--ti-textarea-count-bottom);right:var(--ti-textarea-count-right);width:var(--ti-textarea-count-width);border-bottom-left-radius:var(--ti-textarea-count-border-radius);padding-right:var(--ti-textarea-count-padding-right)}.tiny-textarea .tiny-input__count-text-length{color:var(--ti-textarea-count-text-length-color)}.tiny-textarea__inner{display:block;width:var(--ti-textarea-inner-width);min-height:60px;min-height:calc(var(--ti-textarea-height,30px) * 2);color:var(--ti-textarea-text-color);border:none;border-radius:var(--ti-textarea-border-radius);background:var(--ti-textarea-bg-color);padding:var(--ti-textarea-padding-vertical) var(--ti-textarea-padding-horizontal);padding-right:var(--ti-textarea-padding-right);padding-bottom:var(--ti-textarea-padding-bottom);line-height:1.5;font-size:var(--ti-textarea-font-size);font-family:var(--ti-textarea-font-family);resize:vertical;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-textarea__inner::-moz-placeholder{color:var(--ti-textarea-placeholder-text-color);opacity:1}.tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner:hover{border-color:var(--ti-textarea-inner-hover-border-color)}.tiny-textarea__inner:focus{border-color:var(--ti-textarea-inner-active-border-color)}.tiny-textarea:has(.tiny-textarea__inner:focus){border-color:var(--ti-textarea-active-border-color)}.tiny-textarea__inner:focus,.tiny-textarea__inner:hover{outline:0}
package/textarea/smb-theme.js ADDED
@@ -0,0 +1,24 @@
1
+ export const tinyTextareaSmbTheme = {
2
+ 'ti-textarea-border-color': 'var(--ti-common-color-line-normal)',
3
+ 'ti-textarea-count-font-size': 'var(--ti-common-font-size-0)',
4
+ 'ti-textarea-hover-border-color': 'var(--ti-common-color-line-normal)',
5
+ 'ti-textarea-padding-horizontal': 'var(--ti-common-space-3x)',
6
+ 'ti-textarea-padding-right': 'var(--ti-common-space-base)',
7
+ 'ti-textarea-hover-border-color': 'var(--ti-common-color-line-hover)',
8
+ 'ti-textarea-active-border-color': 'var(--ti-common-color-line-active)',
9
+ 'ti-textarea-count-width': 'calc(100% - 16px)',
10
+ 'ti-textarea-count-bottom': '0',
11
+ 'ti-textarea-inner-width': 'calc(100% - 4px)',
12
+ 'ti-textarea-count-right': '12px',
13
+ 'ti-textarea-padding-vertical': 'var(--ti-common-space-2x)',
14
+ 'ti-textarea-count-border-radius': 'var(--ti-common-border-radius-3)',
15
+ 'ti-textarea-count-text-length-color': 'var(--ti-common-color-text-primary)',
16
+ 'ti-textarea-placeholder-text-color': 'var(--ti-common-color-text-weaken)',
17
+ 'ti-textarea-scrollbar-width': '8px',
18
+ 'ti-textarea-scrollbar-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
19
+ 'ti-textarea-scrollbar-border-radius': 'var(--ti-common-border-radius-2)',
20
+ 'ti-textarea-scrollbar-track-piece-bg-color': '#fff',
21
+ 'ti-textarea-scrollbar-hover-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
22
+ 'ti-textarea-count-padding-right': 'var(--ti-common-space-base)',
23
+ 'ti-textarea-padding-bottom': 'var(--ti-common-space-4x)'
24
+ }
package/theme/aurora-theme/component.js ADDED
@@ -0,0 +1,25 @@
1
+ export * from '../../alert/aurora-theme'
2
+ export * from '../../breadcrumb/aurora-theme'
3
+ export * from '../../button/aurora-theme'
4
+ export * from '../../cascader/aurora-theme'
5
+ export * from '../../cascader-menu/aurora-theme'
6
+ export * from '../../cascader-node/aurora-theme'
7
+ export * from '../../cascader-panel/aurora-theme'
8
+ export * from '../../checkbox/aurora-theme'
9
+ export * from '../../checkbox-button/aurora-theme'
10
+ export * from '../../collapse-item/aurora-theme'
11
+ export * from '../../file-upload/aurora-theme'
12
+ export * from '../../grid/aurora-theme'
13
+ export * from '../../input/aurora-theme'
14
+ export * from '../../ip-address/aurora-theme'
15
+ export * from '../../progress/aurora-theme'
16
+ export * from '../../radio/aurora-theme'
17
+ export * from '../../search/aurora-theme'
18
+ export * from '../../slider/aurora-theme'
19
+ export * from '../../split/aurora-theme'
20
+ export * from '../../switch/aurora-theme'
21
+ export * from '../../tabs/aurora-theme'
22
+ export * from '../../tag/aurora-theme'
23
+ export * from '../../text-popup/aurora-theme'
24
+ export * from '../../tooltip/aurora-theme'
25
+ export * from '../../transfer/aurora-theme'