@opentiny/vue-theme 3.6.7 → 3.8.2

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 (312) 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/button-group/smb-theme.js +29 -0
  18. package/calendar/index.css +1 -1
  19. package/card-item/index.css +1 -1
  20. package/card-template/index.css +1 -1
  21. package/carousel/index.css +1 -1
  22. package/cascader/aurora-theme.js +3 -0
  23. package/cascader/index.css +1 -1
  24. package/cascader-menu/aurora-theme.js +3 -0
  25. package/cascader-menu/index.css +1 -1
  26. package/cascader-node/aurora-theme.js +8 -0
  27. package/cascader-node/index.css +1 -1
  28. package/cascader-panel/aurora-theme.js +3 -0
  29. package/cascader-panel/index.css +1 -1
  30. package/checkbox/aurora-theme.js +5 -0
  31. package/checkbox/index.css +1 -1
  32. package/checkbox/smb-theme.js +17 -0
  33. package/checkbox-button/aurora-theme.js +3 -0
  34. package/checkbox-button/index.css +1 -1
  35. package/checkbox-button/smb-theme.js +27 -0
  36. package/checkbox-group/index.css +1 -1
  37. package/checkbox-group/smb-theme.js +4 -0
  38. package/collapse/index.css +1 -1
  39. package/collapse-item/aurora-theme.js +22 -0
  40. package/collapse-item/index.css +1 -1
  41. package/collapse-item/smb-theme.js +15 -0
  42. package/crop/index.css +1 -1
  43. package/date-panel/index.css +1 -1
  44. package/date-table/index.css +1 -1
  45. package/date-table/smb-theme.js +8 -0
  46. package/dept/index.css +1 -1
  47. package/dialog-box/index.css +1 -1
  48. package/dialog-box/smb-theme.js +13 -0
  49. package/dialog-select/index.css +1 -0
  50. package/drop-roles/index.css +1 -1
  51. package/dropdown/index.css +1 -1
  52. package/dropdown/smb-theme.js +12 -0
  53. package/dropdown-item/index.css +1 -1
  54. package/dropdown-item/smb-theme.js +14 -0
  55. package/dropdown-menu/index.css +1 -1
  56. package/dropdown-menu/smb-theme.js +4 -0
  57. package/error-page/index.css +1 -1
  58. package/file-upload/aurora-theme.js +6 -0
  59. package/filter-box/index.css +1 -0
  60. package/filter-panel/index.css +1 -0
  61. package/floatbar/index.css +1 -1
  62. package/flowchart/index.css +1 -0
  63. package/form/index.css +1 -1
  64. package/form/smb-theme.js +5 -0
  65. package/form-item/index.css +1 -1
  66. package/form-item/smb-theme.js +14 -0
  67. package/grid/aurora-theme.js +15 -0
  68. package/grid/index.css +1 -1
  69. package/grid/smb-theme.js +20 -0
  70. package/grid-toolbar/index.css +1 -0
  71. package/guide/index.css +1 -0
  72. package/image/index.css +1 -1
  73. package/images/credit-background.jpeg +0 -0
  74. package/images/empty-noaccess.png +0 -0
  75. package/images/empty-noaccess.svg +20 -0
  76. package/images/empty-nodata.png +0 -0
  77. package/images/empty-nodata.svg +24 -0
  78. package/images/empty-nonetwork.png +0 -0
  79. package/images/empty-nonetwork.svg +25 -0
  80. package/images/empty-nonotice.png +0 -0
  81. package/images/empty-nonotice.svg +23 -0
  82. package/images/empty-noresult.png +0 -0
  83. package/images/empty-noresult.svg +23 -0
  84. package/images/empty-page-noaccess.png +0 -0
  85. package/images/empty-page-noaccess.svg +50 -0
  86. package/images/empty-page-nonetwork.png +0 -0
  87. package/images/empty-page-nonetwork.svg +44 -0
  88. package/images/empty-page-nothing.png +0 -0
  89. package/images/empty-page-nothing.svg +38 -0
  90. package/images/empty-page-servererror.png +0 -0
  91. package/images/empty-page-servererror.svg +55 -0
  92. package/images/icon_operation.svg +1 -1
  93. package/images/icon_operation_bubble.svg +1 -1
  94. package/images/image-error.jpg +0 -0
  95. package/images/image-error.svg +6 -0
  96. package/images/loading-64.gif +0 -0
  97. package/images/select-nodata.png +0 -0
  98. package/index.css +1 -1
  99. package/input/aurora-theme.js +4 -0
  100. package/input/index.css +1 -1
  101. package/input/smb-theme.js +19 -0
  102. package/ip-address/aurora-theme.js +4 -0
  103. package/ip-address/index.css +1 -1
  104. package/ip-address/smb-theme.js +10 -0
  105. package/link/index.css +1 -1
  106. package/link/smb-theme.js +13 -0
  107. package/loading/index.css +1 -1
  108. package/loading/smb-theme.js +19 -0
  109. package/lowcode.css +1 -1
  110. package/menubar/index.css +1 -1
  111. package/milestone/index.css +1 -1
  112. package/modal/index.css +1 -1
  113. package/modal/smb-theme.js +21 -0
  114. package/nav-menu/index.css +1 -1
  115. package/nav-menu/smb-theme.js +3 -0
  116. package/notify/index.css +1 -1
  117. package/notify/smb-theme.js +22 -0
  118. package/numeric/index.css +1 -1
  119. package/numeric/smb-theme.js +10 -0
  120. package/option/index.css +1 -1
  121. package/option/smb-theme.js +13 -0
  122. package/option-group/index.css +1 -1
  123. package/option-group/smb-theme.js +5 -0
  124. package/package.json +5 -4
  125. package/pager/index.css +1 -1
  126. package/pager/smb-theme.js +42 -0
  127. package/popeditor/index.css +1 -1
  128. package/popover/index.css +1 -1
  129. package/popover/smb-theme.js +10 -0
  130. package/progress/aurora-theme.js +3 -0
  131. package/progress/index.css +1 -1
  132. package/progress/smb-theme.js +4 -0
  133. package/radio/aurora-theme.js +9 -0
  134. package/radio/index.css +1 -1
  135. package/radio/smb-theme.js +11 -0
  136. package/radio-button/index.css +1 -1
  137. package/radio-group/index.css +1 -1
  138. package/rate/index.css +1 -1
  139. package/recycle-scroller/index.css +1 -0
  140. package/roles/index.css +1 -1
  141. package/scrollbar/index.css +1 -1
  142. package/scrollbar/smb-theme.js +7 -0
  143. package/search/aurora-theme.js +3 -0
  144. package/search/index.css +1 -1
  145. package/search/smb-theme.js +9 -0
  146. package/select/index.css +1 -1
  147. package/select/smb-theme.js +11 -0
  148. package/select-dropdown/index.css +1 -1
  149. package/select-dropdown/smb-theme.js +27 -0
  150. package/selected-box/index.css +1 -0
  151. package/selector/index.css +1 -1
  152. package/slider/aurora-theme.js +15 -0
  153. package/slider/index.css +1 -1
  154. package/slider/smb-theme.js +1 -0
  155. package/split/aurora-theme.js +3 -0
  156. package/split/index.css +1 -1
  157. package/steps/index.css +1 -1
  158. package/steps/smb-theme.js +25 -0
  159. package/svgs/add-circle.svg +26 -0
  160. package/svgs/arrow-bottom.svg +6 -0
  161. package/svgs/audio.svg +8 -0
  162. package/svgs/calendar.svg +28 -26
  163. package/svgs/down-ward.svg +10 -0
  164. package/svgs/error.svg +10 -17
  165. package/svgs/excel-type.svg +11 -0
  166. package/svgs/expand.svg +7 -0
  167. package/svgs/eyeclose.svg +41 -17
  168. package/svgs/eyeopen.svg +21 -18
  169. package/svgs/file-type.svg +14 -0
  170. package/svgs/left-frozen.svg +1 -1
  171. package/svgs/left-ward-arrow.svg +11 -0
  172. package/svgs/loading-shadow.svg +19 -0
  173. package/svgs/mic.svg +6 -0
  174. package/svgs/mobile-checkbox-half.svg +10 -0
  175. package/svgs/mobile-checkbox-selected.svg +10 -0
  176. package/svgs/mobile-checkbox.svg +10 -0
  177. package/svgs/mobile-radio-selected.svg +9 -0
  178. package/svgs/mobile-radio.svg +10 -0
  179. package/svgs/other-type.svg +11 -0
  180. package/svgs/pdf-type.svg +11 -0
  181. package/svgs/picture-type.svg +11 -0
  182. package/svgs/ppt-type.svg +11 -0
  183. package/svgs/prompt-exclamation.svg +7 -0
  184. package/svgs/prompt.svg +6 -0
  185. package/svgs/put-away.svg +8 -0
  186. package/svgs/replies.svg +1 -1
  187. package/svgs/right-frozen.svg +1 -1
  188. package/svgs/sent.svg +1 -1
  189. package/svgs/sort-triangle-ascending.svg +9 -0
  190. package/svgs/sort-triangle-descending.svg +9 -0
  191. package/svgs/sort-triangle.svg +12 -0
  192. package/svgs/stretch.svg +48 -0
  193. package/svgs/success.svg +10 -16
  194. package/svgs/text-type.svg +11 -0
  195. package/svgs/triangle-down.svg +6 -15
  196. package/svgs/unsent.svg +1 -1
  197. package/svgs/up-ward.svg +11 -0
  198. package/svgs/video-type.svg +14 -0
  199. package/svgs/warning-triangle.svg +8 -16
  200. package/svgs/word-type.svg +11 -0
  201. package/svgs/zip-type.svg +16 -0
  202. package/switch/aurora-theme.js +10 -0
  203. package/switch/index.css +1 -1
  204. package/switch/smb-theme.js +12 -0
  205. package/table/index.css +1 -1
  206. package/tabs/aurora-theme.js +16 -0
  207. package/tabs/index.css +1 -1
  208. package/tabs/smb-theme.js +15 -0
  209. package/tag/aurora-theme.js +33 -0
  210. package/tag/index.css +1 -1
  211. package/tag/smb-theme.js +22 -0
  212. package/tall-storage/index.css +1 -1
  213. package/text-popup/aurora-theme.js +5 -0
  214. package/text-popup/index.css +1 -1
  215. package/text-popup/smb-theme.js +7 -0
  216. package/textarea/index.css +1 -0
  217. package/textarea/smb-theme.js +24 -0
  218. package/theme/aurora-theme/component.js +25 -0
  219. package/theme/aurora-theme/index.js +430 -0
  220. package/theme/index.js +17 -0
  221. package/theme/infinity-theme/index.js +24 -24
  222. package/theme/smb-theme/component.js +43 -0
  223. package/theme/smb-theme/index.js +342 -0
  224. package/theme/utils.js +12 -0
  225. package/theme-tool.js +23 -16
  226. package/theme.config.js +34 -13
  227. package/time-select/index.css +1 -1
  228. package/tip/index.css +1 -1
  229. package/toggle-menu/index.css +1 -1
  230. package/tooltip/aurora-theme.js +5 -0
  231. package/tooltip/index.css +1 -1
  232. package/tooltip/smb-theme.js +18 -0
  233. package/transfer/aurora-theme.js +8 -0
  234. package/transfer/index.css +1 -1
  235. package/tree/index.css +1 -1
  236. package/tree-menu/index.css +1 -1
  237. package/upload/index.css +1 -1
  238. package/upload-dragger/index.css +1 -1
  239. package/upload-list/index.css +1 -1
  240. package/user-card/index.css +1 -1
  241. package/user-link/index.css +1 -1
  242. package/wizard/index.css +1 -1
  243. package/action-menu/index.js +0 -13
  244. package/alert/index.js +0 -40
  245. package/anchor/index.js +0 -20
  246. package/autocomplete/index.js +0 -25
  247. package/breadcrumb/index.js +0 -24
  248. package/breadcrumb-item/index.js +0 -15
  249. package/button/index.js +0 -105
  250. package/button-group/index.js +0 -34
  251. package/carousel/index.js +0 -39
  252. package/cascader/index.js +0 -41
  253. package/cascader-menu/index.js +0 -20
  254. package/cascader-node/index.js +0 -25
  255. package/cascader-panel/index.js +0 -22
  256. package/collapse/index.js +0 -15
  257. package/collapse-item/index.js +0 -32
  258. package/crop/index.js +0 -31
  259. package/detail-page/index.js +0 -25
  260. package/dialog-box/index.js +0 -38
  261. package/drop-times/index.js +0 -15
  262. package/dropdown/index.js +0 -15
  263. package/dropdown-item/index.js +0 -27
  264. package/dropdown-menu/index.js +0 -18
  265. package/fall-menu/index.js +0 -27
  266. package/file-upload/index.js +0 -15
  267. package/floatbar/index.js +0 -21
  268. package/form/index.js +0 -15
  269. package/form-item/index.js +0 -24
  270. package/fullscreen/index.js +0 -15
  271. package/grid/index.js +0 -65
  272. package/image/index.js +0 -17
  273. package/index.js +0 -16
  274. package/input/index.js +0 -34
  275. package/ip-address/index.js +0 -25
  276. package/link/index.js +0 -41
  277. package/link-menu/index.js +0 -24
  278. package/loading/index.js +0 -21
  279. package/milestone/index.js +0 -26
  280. package/modal/index.js +0 -47
  281. package/nav-menu/index.js +0 -28
  282. package/notify/index.js +0 -41
  283. package/numeric/index.js +0 -26
  284. package/option/index.js +0 -26
  285. package/option-group/index.js +0 -18
  286. package/pager/index.js +0 -40
  287. package/popover/index.js +0 -30
  288. package/progress/index.js +0 -23
  289. package/radio/index.js +0 -42
  290. package/rate/index.js +0 -18
  291. package/scrollbar/index.js +0 -15
  292. package/search/index.js +0 -34
  293. package/select/index.js +0 -27
  294. package/select-dropdown/index.js +0 -33
  295. package/slide-bar/index.js +0 -20
  296. package/slider/index.js +0 -52
  297. package/split/index.js +0 -23
  298. package/steps/index.js +0 -49
  299. package/switch/index.js +0 -29
  300. package/tabs/index.js +0 -60
  301. package/tag/index.js +0 -54
  302. package/text-popup/index.js +0 -18
  303. package/toggle-menu/index.js +0 -24
  304. package/tooltip/index.js +0 -41
  305. package/transfer/index.js +0 -47
  306. package/tree/index.js +0 -27
  307. package/tree-menu/index.js +0 -22
  308. package/upload/index.js +0 -22
  309. package/upload-dragger/index.js +0 -26
  310. package/upload-list/index.js +0 -28
  311. package/vars/index.js +0 -169
  312. package/wizard/index.js +0 -21
package/svgs/stretch.svg ADDED
@@ -0,0 +1,48 @@
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
+ <title>icon/16/拉伸</title>
4
+ <defs>
5
+ <filter x="-121.9%" y="-136.4%" width="373.6%" height="372.8%" filterUnits="objectBoundingBox" id="filter-1">
6
+ <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
7
+ <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
8
+ <feColorMatrix values="0 0 0 0 0.145098039 0 0 0 0 0.168627451 0 0 0 0 0.22745098 0 0 0 0.08 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
9
+ <feMerge>
10
+ <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
11
+ <feMergeNode in="SourceGraphic"></feMergeNode>
12
+ </feMerge>
13
+ </filter>
14
+ <path d="M5.936,0 L0,6.021" id="path-2"></path>
15
+ <filter x="-54.0%" y="-69.9%" width="241.7%" height="239.7%" filterUnits="objectBoundingBox" id="filter-3">
16
+ <feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
17
+ <feOffset dx="1" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
18
+ <feMorphology radius="1" operator="erode" in="SourceAlpha" result="shadowInner"></feMorphology>
19
+ <feOffset dx="1" dy="0" in="shadowInner" result="shadowInner"></feOffset>
20
+ <feComposite in="shadowOffsetOuter1" in2="shadowInner" operator="out" result="shadowOffsetOuter1"></feComposite>
21
+ <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
22
+ <feColorMatrix values="0 0 0 0 0.145098039 0 0 0 0 0.168627451 0 0 0 0 0.22745098 0 0 0 0.08 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
23
+ </filter>
24
+ <path d="M6.7309,3.626 L3.6479,6.75" id="path-4"></path>
25
+ <filter x="-104.0%" y="-134.7%" width="372.9%" height="369.3%" filterUnits="objectBoundingBox" id="filter-5">
26
+ <feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
27
+ <feOffset dx="1" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
28
+ <feMorphology radius="1" operator="erode" in="SourceAlpha" result="shadowInner"></feMorphology>
29
+ <feOffset dx="1" dy="0" in="shadowInner" result="shadowInner"></feOffset>
30
+ <feComposite in="shadowOffsetOuter1" in2="shadowInner" operator="out" result="shadowOffsetOuter1"></feComposite>
31
+ <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
32
+ <feColorMatrix values="0 0 0 0 0.145098039 0 0 0 0 0.168627451 0 0 0 0 0.22745098 0 0 0 0.08 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
33
+ </filter>
34
+ </defs>
35
+ <g id="icon/16/拉伸" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
36
+ <polygon id="Fill-1" points="0 16 16 16 16 0 0 0"></polygon>
37
+ <g id="编组" filter="url(#filter-1)" transform="translate(4.634300, 4.625000)">
38
+ <g id="Stroke-2">
39
+ <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
40
+ <use stroke="#808080" stroke-width="1" xlink:href="#path-2"></use>
41
+ </g>
42
+ <g id="Stroke-3">
43
+ <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
44
+ <use stroke="#808080" stroke-width="1" xlink:href="#path-4"></use>
45
+ </g>
46
+ </g>
47
+ </g>
48
+ </svg>
package/svgs/success.svg CHANGED
@@ -1,16 +1,10 @@
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="_x36_.21版本" transform="translate(-100.000000, -929.000000)">
7
- <g id="提示建议性图标" transform="translate(100.000000, 761.000000)">
8
- <g id="Success" transform="translate(0.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 M10.6,16L10.6,16
10
- c0.2,0,0.5-0.1,0.7-0.3l6.5-6.2c0.4-0.3,0.4-0.9,0-1.3c-0.4-0.3-0.9-0.3-1.3,0l-5.8,5.6l-3-2.9c-0.4-0.3-0.9-0.3-1.3,0
11
- c-0.4,0.3-0.4,0.9,0,1.3l3.7,3.6C10.1,15.9,10.4,16,10.6,16z"/>
12
- </g>
13
- </g>
14
- </g>
15
- </g>
16
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>icon/alert/success/24</title>
4
+ <g id="icon/alert/success/24" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
+ <g id="Icon/Fill/1">
6
+ <path d="M12,1.5 C6.2015625,1.5 1.5,6.2015625 1.5,12 C1.5,17.7984375 6.2015625,22.5 12,22.5 C17.7984375,22.5 22.5,17.7984375 22.5,12 C22.5,6.2015625 17.7984375,1.5 12,1.5 Z" id="形状备份" fill="#5CB300"></path>
7
+ <path d="M10.6500337,15.020512 C10.3494413,15.020512 10.0668483,14.9035149 9.85445364,14.6911202 L7.6319592,12.4681758 C7.4560136,12.2926802 7.4560136,12.0078373 7.6319592,11.8318917 C7.8079048,11.6559461 8.09229769,11.6559461 8.26824329,11.8318917 L10.4907377,14.0548361 C10.5483363,14.1119847 10.6153846,14.1205345 10.6500337,14.1205345 C10.6846829,14.1205345 10.7517312,14.1119847 10.8088798,14.0548361 L15.7317567,9.1319592 C15.9077023,8.9560136 16.1920952,8.9560136 16.3680408,9.1319592 C16.5439864,9.3079048 16.5439864,9.59229769 16.3680408,9.76824329 L11.4456139,14.6911202 C11.2332192,14.9035149 10.9506262,15.020512 10.6500337,15.020512" id="Fill-1备份-2" stroke="#FFFFFF" stroke-width="0.3" fill="#FFFFFF"></path>
8
+ </g>
9
+ </g>
10
+ </svg>
package/svgs/text-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(-319.000000, -1942.000000)">
5
+ <g id="Text" transform="translate(319.000000, 1942.000000)">
6
+ <rect id="矩形" fill="#9185F0" x="0" y="0" width="30" height="30" rx="2"></rect>
7
+ <polygon id="T" fill="#FFFFFF" fill-rule="nonzero" points="16.3002611 22.5 16.3002611 9.66505525 20.7597911 9.66505525 21 7.5 9.22976501 7.5 9 9.66505525 13.689295 9.66505525 13.689295 22.5"></polygon>
8
+ </g>
9
+ </g>
10
+ </g>
11
+ </svg>
package/svgs/triangle-down.svg CHANGED
@@ -1,15 +1,6 @@
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(-832.000000, -311.000000)">
7
- <g id="方向性图标" transform="translate(101.000000, 304.000000)">
8
- <g id="chevron-down" transform="translate(728.000000, 0.000000)">
9
- <path id="Shape" class="st0" d="M24,14c0,0.2-0.1,0.5-0.2,0.6l-8,9.9C15.6,24.9,15.3,25,15,25c-0.3,0-0.6-0.1-0.8-0.4l-7.9-9.9
10
- c-0.4-0.4-0.3-1.1,0.2-1.4c0.4-0.4,1.1-0.3,1.4,0.2l7.2,8.9l7.2-8.9c0.4-0.4,1-0.5,1.4-0.2C23.9,13.4,24,13.7,24,14z"/>
11
- </g>
12
- </g>
13
- </g>
14
- </g>
15
- </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/16/箭头/默认" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
4
+ <path d="M5,3 L10.8,3 C10.9104569,3 11,3.08954305 11,3.2 L11,9 L11,9" id="路径" stroke="#808080" transform="translate(8.000000, 6.000000) rotate(135.000000) translate(-8.000000, -6.000000) "></path>
5
+ </g>
6
+ </svg>
package/svgs/unsent.svg CHANGED
@@ -3,7 +3,7 @@
3
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
4
  viewBox="0 0 24 24" xml:space="preserve">
5
5
  <g id="Icon">
6
- <g id="Aurora_ICONS" transform="translate(-933.000000, -2239.000000)">
6
+ <g id="Tiny_ICONS" transform="translate(-933.000000, -2239.000000)">
7
7
  <g id="网站通用图标" transform="translate(100.000000, 1221.000000)">
8
8
  <g id="unsent" transform="translate(832.000000, 1015.000000)">
9
9
  <g id="Group-9" transform="translate(1.000000, 3.000000)">
package/svgs/up-ward.svg ADDED
@@ -0,0 +1,11 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 26.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{}
7
+ </style>
8
+ <path class="st0" d="M12.76,10.93c-0.14,0-0.28-0.05-0.39-0.16L7.93,6.4l-4.31,4.37c-0.21,0.22-0.56,0.22-0.78,0.01
9
+ C2.63,10.56,2.63,10.21,2.84,10l4.69-4.76C7.75,5.02,8.1,5.01,8.31,5.23l4.84,4.76c0.22,0.21,0.22,0.56,0.01,0.78
10
+ C13.05,10.88,12.91,10.93,12.76,10.93z"/>
11
+ </svg>
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;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-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
+ }