@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
@@ -1 +1 @@
1
- .tiny-progress{--ti-progress-text-color:var(--ti-common-color-info-normal);--ti-progress-text-font-size:var(--ti-common-font-size-base);--ti-progress-bar-border-radius:100px;--ti-progress-bar-outer-bg-color:var(--ti-base-color-bg-5);--ti-progress-bar-inner-bg-color:var(--ti-base-color-brand-6);--ti-progress-bar-inner-text-color:var(--ti-common-color-light);--ti-progress-success-bg-color:var(--ti-common-color-success-normal);--ti-progress-warning-bg-color:var(--ti-common-color-warning-normal);--ti-progress-exception-bg-color:var(--ti-base-color-bg-8);position:relative;line-height:1}.tiny-progress.is-success .tiny-progress-bar__inner{background-color:var(--ti-progress-success-bg-color)}.tiny-progress.is-success .tiny-progress__text svg{fill:var(--ti-progress-success-bg-color)}.tiny-progress.is-warning .tiny-progress-bar__inner{background-color:var(--ti-progress-warning-bg-color)}.tiny-progress.is-warning .tiny-progress__text svg{fill:var(--ti-progress-warning-bg-color)}.tiny-progress.is-exception .tiny-progress-bar__inner{background-color:var(--ti-progress-exception-bg-color)}.tiny-progress.is-exception .tiny-progress__text svg{fill:var(--ti-progress-exception-bg-color)}.tiny-progress__text{font-size:var(--ti-progress-text-font-size);color:var(--ti-progress-text-color);display:inline-block;vertical-align:middle;margin-left:12px;line-height:1}.tiny-progress__text i{vertical-align:middle;display:inline-block}.tiny-progress--circle,.tiny-progress--dashboard{display:inline-block}.tiny-progress--circle .tiny-progress__text,.tiny-progress--dashboard .tiny-progress__text{top:50%;position:absolute;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:0}.tiny-progress--circle .tiny-progress__text i,.tiny-progress--dashboard .tiny-progress__text i{display:inline-block;vertical-align:middle}.tiny-progress--without-text .tiny-progress__text{display:none}.tiny-progress--without-text .tiny-progress-bar{padding-right:0;margin-right:0;display:block}.tiny-progress--text-inside .tiny-progress-bar{padding-right:0;margin-right:0}.tiny-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-progress-bar__outer{height:6px;border-radius:var(--ti-progress-bar-border-radius);background-color:var(--ti-progress-bar-outer-bg-color);overflow:hidden;position:relative;vertical-align:middle}.tiny-progress-bar__inner{background-color:var(--ti-progress-bar-inner-bg-color);text-align:right;left:0;position:absolute;top:0;height:100%;border-radius:var(--ti-progress-bar-border-radius);line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.tiny-progress-bar__inner::after{content:'';height:100%}.tiny-progress-bar__innerText{color:var(--ti-progress-bar-inner-text-color);font-size:var(--ti-progress-text-font-size);margin:0 5px}.tiny-progress-bar,.tiny-progress-bar__inner::after,.tiny-progress-bar__innerText{display:inline-block;vertical-align:middle}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}
1
+ .tiny-progress{--ti-progress-text-color:var(--ti-common-color-text-primary);--ti-progress-text-font-size:var(--ti-common-font-size-base);--ti-progress-bar-outer-bg-color:var(--ti-common-color-bg-disabled);--ti-progress-bar-inner-bg-color:var(--ti-common-color-bg-emphasize);--ti-progress-bar-inner-text-color:var(--ti-common-color-light);--ti-progress-bar-text-margin-left:var(--ti-common-space-2x);--ti-progress-success-bg-color:var(--ti-common-color-success-normal);--ti-progress-warning-bg-color:var(--ti-common-color-warning-normal);--ti-progress-exception-bg-color:var(--ti-common-bg-primary);position:relative;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-progress.is-success .tiny-progress-bar__inner{background-color:var(--ti-progress-success-bg-color)}.tiny-progress.is-success .tiny-progress__text svg{fill:var(--ti-progress-success-bg-color)}.tiny-progress.is-warning .tiny-progress-bar__inner{background-color:var(--ti-progress-warning-bg-color)}.tiny-progress.is-warning .tiny-progress__text svg{fill:var(--ti-progress-warning-bg-color)}.tiny-progress.is-exception .tiny-progress-bar__inner{background-color:var(--ti-progress-exception-bg-color)}.tiny-progress.is-exception .tiny-progress__text svg{fill:var(--ti-progress-exception-bg-color)}.tiny-progress__text{font-size:var(--ti-progress-text-font-size);color:var(--ti-progress-text-color);display:inline-block;vertical-align:middle;margin-left:var(--ti-progress-bar-text-margin-left);line-height:1}.tiny-progress__text i{vertical-align:middle;display:inline-block}.tiny-progress--circle,.tiny-progress--dashboard{display:inline-block}.tiny-progress--circle .tiny-progress__text,.tiny-progress--dashboard .tiny-progress__text{top:50%;position:absolute;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:0}.tiny-progress--circle .tiny-progress__text i,.tiny-progress--dashboard .tiny-progress__text i{display:inline-block;vertical-align:middle}.tiny-progress--without-text .tiny-progress__text{display:none}.tiny-progress--without-text .tiny-progress-bar{padding-right:0;margin-right:0;display:block}.tiny-progress--text-inside .tiny-progress-bar{padding-right:0;margin-right:0}.tiny-progress-bar{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-progress-bar__outer{height:6px;background-color:var(--ti-progress-bar-outer-bg-color);overflow:hidden;position:relative;vertical-align:middle}.tiny-progress-bar__inner{background-color:var(--ti-progress-bar-inner-bg-color);text-align:right;left:0;position:absolute;top:0;height:100%;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.tiny-progress-bar__inner::after{content:'';height:100%}.tiny-progress-bar__innerText{color:var(--ti-progress-bar-inner-text-color);font-size:var(--ti-progress-text-font-size);margin:0 5px}.tiny-progress-bar,.tiny-progress-bar__inner::after,.tiny-progress-bar__innerText{display:inline-block;vertical-align:middle}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}
@@ -0,0 +1,4 @@
1
+ export const tinyProgresSMBTheme = {
2
+ 'ti-progress-bar-inner-bg-color': 'var(--ti-common-color-data-4)',
3
+ 'ti-progress-bar-text-margin-left': 'var(--ti-common-space-3x);'
4
+ }
@@ -0,0 +1,9 @@
1
+ export const tinyRadioAuroraTheme = {
2
+ 'ti-radio-bordered-checked-background-color': '#1890ff',
3
+ 'ti-radio-inner-checked-bg-color': '#fff',
4
+ 'ti-radio-inner-width': '14px',
5
+ 'ti-radio-inner-height': '14px',
6
+ 'ti-radio-inner-size': '6px',
7
+ 'ti-radio-input-checked-disabled-bg-color': '#bfbfbf',
8
+ 'ti-radio-inner-checked-disabled-bg-color': '#fff'
9
+ }
package/radio/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-radio{--ti-radio-text-color:var(--ti-common-color-info-normal);--ti-radio-font-size:var(--ti-common-font-size-base);--ti-radio-bordered-height:var(--ti-common-size-10x);--ti-radio-bordered-border-radius:var(--ti-common-border-radius-normal);--ti-radio-bordered-border-color:var(--ti-base-color-common-2);--ti-radio-input-disabled-border-color:var(--ti-base-color-common-1);--ti-radio-bordered-checked-border-color:var(--ti-base-color-brand-6);--ti-radio-bordered-checked-background-color:var(--ti-common-color-light);--ti-radio-bordered-hover-border-color:var(--ti-base-color-brand-6);--ti-radio-bordered-checked-hover-border-color:var(--ti-base-color-brand-6);--ti-radio-bordered-active-border-color:var(--ti-common-color-primary-active);--ti-radio-input-disabled-bg-color:var(--ti-base-color-bg-5);--ti-radio-input-checked-disabled-bg-color:var(--ti-base-color-bg-5);--ti-radio-input-checked-disabled-border-color:var(--ti-base-color-bg-5);--ti-radio-input-disabled-text-color:var(--ti-common-color-placeholder);--ti-radio-inner-bg-color:var(--ti-common-color-light);--ti-radio-inner-checked-bg-color:var(--ti-base-color-brand-6);--ti-radio-inner-size:8px;--ti-radio-inner-checked-disabled-bg-color:var(--ti-base-color-common-2);--ti-radio-medium-height:var(--ti-common-size-height-small);--ti-radio-medium-inner-height:14px;--ti-radio-medium-inner-width:14px;--ti-radio-small-height:var(--ti-common-size-8x);--ti-radio-small-inner-height:var(--ti-common-size-3x);--ti-radio-small-inner-width:var(--ti-common-size-3x);--ti-radio-mini-height:var(--ti-common-size-7x);--ti-radio-mini-inner-height:var(--ti-common-size-3x);--ti-radio-mini-inner-width:var(--ti-common-size-3x);color:var(--ti-radio-text-color);font-weight:500;margin-right:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-radio:last-child{margin-right:0}.tiny-radio.is-bordered{padding:4px 12px;border-radius:var(--ti-radio-bordered-border-radius);border:1px solid var(--ti-radio-bordered-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-radio-bordered-height)}.tiny-radio.is-bordered+.tiny-radio.is-bordered{margin-left:10px}.tiny-radio.is-bordered.is-checked{border-color:var(--ti-radio-bordered-checked-border-color)}.tiny-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:var(--ti-radio-bordered-border-color)}.tiny-radio,.tiny-radio__input{white-space:nowrap;line-height:1;outline:0}.tiny-radio__input{cursor:pointer;line-height:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-radio__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-radio__input{display:inline-block}}.tiny-radio__input.is-disabled .tiny-radio__inner{border-color:var(--ti-radio-input-disabled-border-color)}.tiny-radio__input.is-disabled .tiny-radio__inner,.tiny-radio__input.is-disabled .tiny-radio__inner::after{cursor:not-allowed;background-color:var(--ti-radio-input-disabled-bg-color)}.tiny-radio__input.is-disabled .tiny-radio__inner+.tiny-radio__label{cursor:not-allowed}.tiny-radio__input.is-disabled.is-checked .tiny-radio__inner{background-color:var(--ti-radio-input-checked-disabled-bg-color);border-color:var(--ti-base-color-common-1)}.tiny-radio__input.is-disabled.is-checked .tiny-radio__inner::after{background-color:var(--ti-radio-inner-checked-disabled-bg-color)}.tiny-radio__input.is-disabled+span.tiny-radio__label{color:var(--ti-radio-input-disabled-text-color);cursor:not-allowed}.tiny-radio__input.is-checked .tiny-radio__inner{border-color:var(--ti-radio-bordered-checked-border-color);background:var(--ti-radio-bordered-checked-background-color)}.tiny-radio__input.is-checked .tiny-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);background-color:var(--ti-radio-inner-checked-bg-color)}.tiny-radio__input.is-checked:not(.is-disabled) .tiny-radio__inner:hover{border-color:var(--ti-radio-bordered-checked-hover-border-color)}.tiny-radio__inner{border:1px solid var(--ti-radio-bordered-border-color);border-radius:100%;width:16px;height:16px;background-color:var(--ti-radio-inner-bg-color);position:relative;display:inline-block;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}.tiny-radio__inner:hover{border-color:var(--ti-radio-bordered-hover-border-color)}.tiny-radio__inner:active{border-color:var(--ti-radio-bordered-active-border-color)}.tiny-radio__inner::after{width:var(--ti-radio-inner-size);height:var(--ti-radio-inner-size);border-radius:100%;background-color:var(--ti-radio-inner-bg-color);content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.tiny-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;margin:0;width:0;height:0}.tiny-radio__label{font-size:var(--ti-radio-font-size);padding-left:8px;vertical-align:middle}.tiny-radio--medium.is-bordered{border-radius:var(--ti-radio-bordered-border-radius);height:var(--ti-radio-medium-height)}.tiny-radio--medium.is-bordered .tiny-radio__inner{height:var(--ti-radio-medium-inner-height);width:var(--ti-radio-medium-inner-width)}.tiny-radio--medium.is-bordered .tiny-radio__label{font-size:var(--ti-radio-font-size)}.tiny-radio--small.is-bordered{border-radius:var(--ti-radio-bordered-border-radius);height:var(--ti-radio-small-height)}.tiny-radio--small.is-bordered .tiny-radio__inner{height:var(--ti-radio-small-inner-height);width:var(--ti-radio-small-inner-width)}.tiny-radio--small.is-bordered .tiny-radio__label{font-size:var(--ti-radio-font-size)}.tiny-radio--mini.is-bordered{padding:0 8px;border-radius:var(--ti-radio-bordered-border-radius,2px);height:var(--ti-radio-mini-height);line-height:calc(var(--ti-radio-mini-height) - 2px)}.tiny-radio--mini.is-bordered .tiny-radio__inner{height:var(--ti-radio-mini-inner-height);width:var(--ti-radio-mini-inner-width)}.tiny-radio--mini.is-bordered .tiny-radio__inner::after{width:4px;height:4px}.tiny-radio--mini.is-bordered .tiny-radio__label{font-size:var(--ti-radio-font-size)}.tiny-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .tiny-radio__inner{-webkit-box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color);box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color)}
1
+ .tiny-radio{--ti-radio-text-color:var(--ti-common-color-text-primary);--ti-radio-font-size:var(--ti-common-font-size-base);--ti-radio-bordered-height:var(--ti-common-size-10x);--ti-radio-bordered-border-radius:var(--ti-common-border-radius-normal);--ti-radio-bordered-border-color:var(--ti-common-color-line-normal);--ti-radio-input-disabled-border-color:var(--ti-common-color-line-disabled);--ti-radio-bordered-checked-border-color:var(--ti-common-color-line-active);--ti-radio-bordered-checked-background-color:var(--ti-common-color-bg-white-normal);--ti-radio-bordered-hover-border-color:var(--ti-common-color-line-active);--ti-radio-bordered-checked-hover-border-color:var(--ti-common-color-line-active);--ti-radio-bordered-active-border-color:var(--ti-common-color-line-active);--ti-radio-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-radio-input-checked-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-radio-input-checked-disabled-border-color:var(--ti-common-color-line-disabled);--ti-radio-input-disabled-text-color:var(--ti-common-color-text-disabled);--ti-radio-inner-bg-color:var(--ti-common-color-bg-white-normal);--ti-radio-inner-checked-bg-color:var(--ti-common-color-bg-emphasize);--ti-radio-inner-size:var(--ti-common-size-2x);--ti-radio-inner-checked-disabled-bg-color:var(--ti-common-color-bg-secondary);--ti-radio-medium-height:var(--ti-common-size-height-small);--ti-radio-medium-inner-height:calc(var(--ti-common-size-3x) + 2px);--ti-radio-medium-inner-width:calc(var(--ti-common-size-3x) + 2px);--ti-radio-small-height:var(--ti-common-size-8x);--ti-radio-small-inner-height:var(--ti-common-size-3x);--ti-radio-small-inner-width:var(--ti-common-size-3x);--ti-radio-mini-height:var(--ti-common-size-7x);--ti-radio-mini-inner-height:var(--ti-common-size-3x);--ti-radio-mini-inner-width:var(--ti-common-size-3x);--ti-radio-inner-border-radius:100%;--ti-radio-mini-bordered-padding-vertical:var(--ti-common-space-0);--ti-radio-mini-bordered-padding-horizontal:var(--ti-common-space-2x);--ti-radio-bordered-padding-vertical:var(--ti-common-space-base);--ti-radio-bordered-padding-horizontal:var(--ti-common-space-3x);--ti-radio-mini-bordered-margin-left:var(--ti-common-space-10);--ti-radio-inner-width:var(--ti-common-size-4x);--ti-radio-inner-height:var(--ti-common-size-4x);--ti-radio-margin-right:calc(var(--ti-common-space-8x) - 2px);--ti-radio-inner-checked-hover-bg-color:var(--ti-common-color-bg-emphasize);--ti-radio-button-margin-bottom:var(--ti-common-space-2x);color:var(--ti-radio-text-color);font-weight:500;margin-right:var(--ti-radio-margin-right);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-radio:last-child{margin-right:0}.tiny-radio.is-bordered{padding:var(--ti-radio-mini-bordered-padding-vertical) var(--ti-radio-mini-bordered-padding-horizontal);border-radius:var(--ti-radio-bordered-border-radius);border:1px solid var(--ti-radio-bordered-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-radio-bordered-height)}.tiny-radio.is-bordered+.tiny-radio.is-bordered{margin-left:var(--ti-radio-mini-bordered-margin-left)}.tiny-radio.is-bordered.is-checked{border-color:var(--ti-radio-bordered-checked-border-color)}.tiny-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:var(--ti-radio-bordered-border-color)}.tiny-radio,.tiny-radio__input{white-space:nowrap;line-height:1;outline:0}.tiny-radio__input{cursor:pointer;line-height:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-radio__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-radio__input{display:inline-block}}.tiny-radio__input.is-checked .tiny-radio__inner{border-color:var(--ti-radio-bordered-checked-border-color);background:var(--ti-radio-bordered-checked-background-color)}.tiny-radio__input.is-checked .tiny-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);background-color:var(--ti-radio-inner-checked-bg-color)}.tiny-radio__input.is-checked:hover .tiny-radio__inner::after{background-color:var(--ti-radio-inner-checked-hover-bg-color)}.tiny-radio__input.is-checked:not(.is-disabled) .tiny-radio__inner:hover{border-color:var(--ti-radio-bordered-checked-hover-border-color)}.tiny-radio__input.is-disabled .tiny-radio__inner{border-color:var(--ti-radio-input-disabled-border-color)}.tiny-radio__input.is-disabled .tiny-radio__inner,.tiny-radio__input.is-disabled .tiny-radio__inner::after{cursor:not-allowed;background-color:var(--ti-radio-input-disabled-bg-color)}.tiny-radio__input.is-disabled .tiny-radio__inner+.tiny-radio__label{cursor:not-allowed}.tiny-radio__input.is-disabled.is-checked .tiny-radio__inner{background-color:var(--ti-radio-input-checked-disabled-bg-color);border-color:var(--ti-radio-input-checked-disabled-border-color)}.tiny-radio__input.is-disabled.is-checked .tiny-radio__inner::after{background-color:var(--ti-radio-inner-checked-disabled-bg-color)}.tiny-radio__input.is-disabled+span.tiny-radio__label{color:var(--ti-radio-input-disabled-text-color);cursor:not-allowed}.tiny-radio__inner{border:1px solid var(--ti-radio-bordered-border-color);border-radius:100%;width:var(--ti-radio-inner-width);height:var(--ti-radio-inner-height);background-color:var(--ti-radio-inner-bg-color);position:relative;display:inline-block;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}.tiny-radio__inner:hover{border-color:var(--ti-radio-bordered-hover-border-color)}.tiny-radio__inner:active{border-color:var(--ti-radio-bordered-active-border-color)}.tiny-radio__inner::after{width:var(--ti-radio-inner-size);height:var(--ti-radio-inner-size);border-radius:var(--ti-radio-inner-border-radius);background-color:var(--ti-radio-inner-bg-color);content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.tiny-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;margin:0;width:0;height:0}.tiny-radio__label{font-size:var(--ti-radio-font-size);padding-left:8px;vertical-align:middle}.tiny-radio--medium.is-bordered{border-radius:var(--ti-radio-bordered-border-radius);height:var(--ti-radio-medium-height)}.tiny-radio--medium.is-bordered .tiny-radio__inner{height:var(--ti-radio-medium-inner-height);width:var(--ti-radio-medium-inner-width)}.tiny-radio--medium.is-bordered .tiny-radio__label{font-size:var(--ti-radio-font-size)}.tiny-radio--small.is-bordered{border-radius:var(--ti-radio-bordered-border-radius);height:var(--ti-radio-small-height)}.tiny-radio--small.is-bordered .tiny-radio__inner{height:var(--ti-radio-small-inner-height);width:var(--ti-radio-small-inner-width)}.tiny-radio--small.is-bordered .tiny-radio__label{font-size:var(--ti-radio-font-size)}.tiny-radio--mini.is-bordered{padding:var(--ti-radio-mini-bordered-padding-vertical) var(--ti-radio-mini-bordered-padding-horizontal);border-radius:var(--ti-radio-bordered-border-radius,2px);height:var(--ti-radio-mini-height);line-height:calc(var(--ti-radio-mini-height) - 2px)}.tiny-radio--mini.is-bordered .tiny-radio__inner{height:var(--ti-radio-mini-inner-height);width:var(--ti-radio-mini-inner-width)}.tiny-radio--mini.is-bordered .tiny-radio__inner::after{width:4px;height:4px}.tiny-radio--mini.is-bordered .tiny-radio__label{font-size:var(--ti-radio-font-size)}.tiny-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .tiny-radio__inner{-webkit-box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color);box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color)}
@@ -0,0 +1,11 @@
1
+ export const tinyRadioSmbTheme = {
2
+ 'ti-radio-margin-right': 'var(--ti-common-space-6x)',
3
+ 'ti-radio-bordered-border-color': 'var(--ti-common-color-line-normal)',
4
+ 'ti-radio-bordered-checked-hover-border-color': 'var(--ti-common-color-bg-primary-hover)',
5
+ 'ti-radio-bordered-hover-border-color': 'var(--ti-common-color-line-hover)',
6
+ 'ti-radio-inner-checked-hover-bg-color': 'var(--ti-common-color-bg-primary-hover)',
7
+ 'ti-radio-input-checked-disabled-bg-color': '#fff',
8
+ 'ti-radio-inner-checked-disabled-bg-color': 'var(--ti-common-color-bg-dark-disabled)',
9
+ 'ti-common-font-size-base': 'var(--ti-common-font-size-1)',
10
+ 'ti-radio-button-margin-bottom': 'var(--ti-common-space-4x)'
11
+ }
@@ -1 +1 @@
1
- .tiny-radio-button{--ti-radio-button-text-color:var(--ti-common-color-info-normal);--ti-radio-button-hover-text-color:var(--ti-common-color-light);--ti-radio-button-border-color:var(--ti-common-color-border);--ti-radio-button-border-radius:var(--ti-common-border-radius-normal);--ti-radio-button-font-size:var(--ti-common-font-size-base);--ti-radio-button-bg-color:var(--ti-common-color-light);--ti-radio-button-checked-normal-bg-color:var(--ti-base-color-brand-6);--ti-radio-button-checked-normal-border-color:var(--ti-base-color-brand-6);--ti-radio-button-checked-normal-box-shadow:-1px 0 0 0 var(--ti-base-color-brand-6);--ti-radio-button-checked-hover-bg-color:var(--ti-base-color-brand-5);--ti-radio-button-checked-hover-border-color:var(--ti-base-color-brand-5);--ti-radio-button-checked-hover-box-shadow:-1px 0 0 0 var(--ti-base-color-brand-5);--ti-radio-button-disabled-text-color:var(--ti-common-color-placeholder);--ti-radio-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-radio-button-medium-font-size:var(--ti-common-font-size-1)}.tiny-radio-button:first-child .tiny-radio-button__inner{border-left:1px solid var(--ti-radio-button-border-color);border-radius:var(--ti-radio-button-border-radius) 0 0 var(--ti-radio-button-border-radius)}.tiny-radio-button:first-child .tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner{-webkit-box-shadow:none;box-shadow:none}.tiny-radio-button:last-child .tiny-radio-button__inner{border-radius:0 var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius) 0}.tiny-radio-button:first-child:last-child .tiny-radio-button__inner{border-radius:var(--ti-radio-button-border-radius)}.tiny-radio-button,.tiny-radio-button__inner{display:inline-block;position:relative;outline:0}.tiny-radio-button__inner{color:var(--ti-radio-button-text-color);font-size:var(--ti-radio-button-font-size);background:var(--ti-radio-button-bg-color);border:1px solid var(--ti-radio-button-border-color);padding:12px 20px;font-weight:500;border-radius:0;border-left:0;line-height:1;white-space:nowrap;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.tiny-radio-button__inner.is-round{padding:12px 20px}.tiny-radio-button__inner:hover{color:var(--ti-radio-button-hover-text-color);background-color:var(--ti-radio-button-checked-hover-bg-color);border-color:var(--ti-radio-button-checked-hover-border-color);outline:0}.tiny-radio-button__inner [class*=tiny-icon]{line-height:.9}.tiny-radio-button__inner [class*=tiny-icon]+span{margin-left:5px}.tiny-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner{color:#fff;background-color:var(--ti-radio-button-checked-normal-bg-color);border-color:var(--ti-radio-button-checked-normal-border-color);-webkit-box-shadow:var(--ti-radio-button-checked-normal-box-shadow);box-shadow:var(--ti-radio-button-checked-normal-box-shadow)}.tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner:hover{background-color:var(--ti-radio-button-checked-hover-bg-color);border-color:var(--ti-radio-button-checked-hover-border-color);-webkit-box-shadow:var(--ti-radio-button-checked-hover-box-shadow);box-shadow:var(--ti-radio-button-checked-hover-box-shadow)}.tiny-radio-button__orig-radio:disabled+.tiny-radio-button__inner{color:var(--ti-radio-button-disabled-text-color);border-color:var(--ti-radio-button-border-color);background-color:var(--ti-radio-button-disabled-bg-color);background-image:none;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner{background-color:var(--ti-radio-input-checked-disabled-bg-color)}.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner,.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner:hover{border-color:var(--ti-radio-input-checked-disabled-border-color)}.tiny-radio-button--medium .tiny-radio-button__inner{font-size:var(--ti-radio-button-medium-font-size);padding:10px 20px;border-radius:0}.tiny-radio-button--medium .tiny-radio-button__inner.is-round{padding:10px 20px}.tiny-radio-button--small .tiny-radio-button__inner{font-size:var(--ti-radio-button-font-size);padding:9px 15px;border-radius:0}.tiny-radio-button--small .tiny-radio-button__inner.is-round{padding:9px 15px}.tiny-radio-button--mini .tiny-radio-button__inner{font-size:var(--ti-radio-button-font-size);padding:7px 15px;border-radius:0}.tiny-radio-button--mini .tiny-radio-button__inner.is-round{padding:7px 15px}.tiny-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color);box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color)}
1
+ .tiny-radio-button{--ti-radio-button-text-color:var(--ti-common-color-info-normal);--ti-radio-button-hover-text-color:var(--ti-common-color-light);--ti-radio-button-border-color:var(--ti-common-color-border);--ti-radio-button-border-radius:var(--ti-common-border-radius-normal);--ti-radio-button-font-size:var(--ti-common-font-size-base);--ti-radio-button-bg-color:var(--ti-common-color-light);--ti-radio-button-checked-normal-bg-color:var(--ti-base-color-brand-6);--ti-radio-button-checked-normal-border-color:var(--ti-base-color-brand-6);--ti-radio-button-checked-normal-box-shadow:-1px 0 0 0 var(--ti-base-color-brand-6);--ti-radio-button-checked-hover-bg-color:var(--ti-base-color-brand-5);--ti-radio-button-checked-hover-border-color:var(--ti-base-color-brand-5);--ti-radio-button-checked-hover-box-shadow:-1px 0 0 0 var(--ti-base-color-brand-5);--ti-radio-button-disabled-text-color:var(--ti-common-color-text-disabled);--ti-radio-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-radio-button-medium-font-size:var(--ti-common-font-size-1)}.tiny-radio-button:first-child .tiny-radio-button__inner{border-left:1px solid var(--ti-radio-button-border-color);border-radius:var(--ti-radio-button-border-radius) 0 0 var(--ti-radio-button-border-radius)}.tiny-radio-button:first-child .tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner{-webkit-box-shadow:none;box-shadow:none}.tiny-radio-button:last-child .tiny-radio-button__inner{border-radius:0 var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius) 0}.tiny-radio-button:first-child:last-child .tiny-radio-button__inner{border-radius:var(--ti-radio-button-border-radius)}.tiny-radio-button,.tiny-radio-button__inner{display:inline-block;position:relative;outline:0}.tiny-radio-button__inner{color:var(--ti-radio-button-text-color);font-size:var(--ti-radio-button-font-size);background:var(--ti-radio-button-bg-color);border:1px solid var(--ti-radio-button-border-color);padding:12px 20px;font-weight:500;border-radius:0;border-left:0;line-height:1;white-space:nowrap;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.tiny-radio-button__inner.is-round{padding:12px 20px}.tiny-radio-button__inner:hover{color:var(--ti-radio-button-hover-text-color);background-color:var(--ti-radio-button-checked-hover-bg-color);border-color:var(--ti-radio-button-checked-hover-border-color);outline:0}.tiny-radio-button__inner [class*=tiny-icon]{line-height:.9}.tiny-radio-button__inner [class*=tiny-icon]+span{margin-left:5px}.tiny-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner{color:#fff;background-color:var(--ti-radio-button-checked-normal-bg-color);border-color:var(--ti-radio-button-checked-normal-border-color);-webkit-box-shadow:var(--ti-radio-button-checked-normal-box-shadow);box-shadow:var(--ti-radio-button-checked-normal-box-shadow)}.tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner:hover{background-color:var(--ti-radio-button-checked-hover-bg-color);border-color:var(--ti-radio-button-checked-hover-border-color);-webkit-box-shadow:var(--ti-radio-button-checked-hover-box-shadow);box-shadow:var(--ti-radio-button-checked-hover-box-shadow)}.tiny-radio-button__orig-radio:disabled+.tiny-radio-button__inner{color:var(--ti-radio-button-disabled-text-color);border-color:var(--ti-radio-button-border-color);background-color:var(--ti-radio-button-disabled-bg-color);background-image:none;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner{background-color:var(--ti-radio-input-checked-disabled-bg-color)}.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner,.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner:hover{border-color:var(--ti-radio-input-checked-disabled-border-color)}.tiny-radio-button--medium .tiny-radio-button__inner{font-size:var(--ti-radio-button-medium-font-size);padding:10px 20px;border-radius:0}.tiny-radio-button--medium .tiny-radio-button__inner.is-round{padding:10px 20px}.tiny-radio-button--small .tiny-radio-button__inner{font-size:var(--ti-radio-button-font-size);padding:9px 15px;border-radius:0}.tiny-radio-button--small .tiny-radio-button__inner.is-round{padding:9px 15px}.tiny-radio-button--mini .tiny-radio-button__inner{font-size:var(--ti-radio-button-font-size);padding:7px 15px;border-radius:0}.tiny-radio-button--mini .tiny-radio-button__inner.is-round{padding:7px 15px}.tiny-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color);box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color)}
@@ -1 +1 @@
1
- .tiny-radio-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tiny-radio-group.list-inline{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-radio-group.list-inline .tiny-radio{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.tiny-radio-group.list-inline .tiny-radio:not(:last-child){margin-bottom:8px}.tiny-radio-group.list-inline .tiny-radio-button{display:block}.tiny-radio-group.list-inline .tiny-radio-button:first-child .tiny-radio-button__inner{border-radius:var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius) 0 0;border-top:1px solid var(--ti-radio-button-border-color)}.tiny-radio-group.list-inline .tiny-radio-button:last-child .tiny-radio-button__inner{border-radius:0 0 var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius)}.tiny-radio-group.list-inline .tiny-radio-button.is-active .tiny-radio-button__inner{-webkit-box-shadow:none;box-shadow:none;border-color:var(--ti-radio-button-checked-normal-border-color)}.tiny-radio-group.list-inline .tiny-radio-button.is-active.is-disabled .tiny-radio-button__inner{border-color:var(--ti-radio-input-checked-disabled-border-color)}.tiny-radio-group.list-inline .tiny-radio-button__inner{border-top:0;border-left:1px solid var(--ti-radio-button-border-color)}
1
+ .tiny-radio-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tiny-radio-group.list-inline{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-radio-group.list-inline .tiny-radio{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.tiny-radio-group.list-inline .tiny-radio:not(:last-child){margin-bottom:var(--ti-radio-button-margin-bottom)}.tiny-radio-group.list-inline .tiny-radio-button{display:block}.tiny-radio-group.list-inline .tiny-radio-button:first-child .tiny-radio-button__inner{border-radius:var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius) 0 0;border-top:1px solid var(--ti-radio-button-border-color)}.tiny-radio-group.list-inline .tiny-radio-button:last-child .tiny-radio-button__inner{border-radius:0 0 var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius)}.tiny-radio-group.list-inline .tiny-radio-button.is-active .tiny-radio-button__inner{-webkit-box-shadow:none;box-shadow:none;border-color:var(--ti-radio-button-checked-normal-border-color)}.tiny-radio-group.list-inline .tiny-radio-button.is-active.is-disabled .tiny-radio-button__inner{border-color:var(--ti-radio-input-checked-disabled-border-color)}.tiny-radio-group.list-inline .tiny-radio-button__inner{border-top:0;border-left:1px solid var(--ti-radio-button-border-color)}
package/rate/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-rate{--ti-rate-text-margin-left:8px;--ti-rate-text-font-size:16px;--ti-rate-bottom-font-size:var(--ti-common-font-size-base);--ti-rate-bottom-margin-top:8px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0}.tiny-rate:active,.tiny-rate:focus{outline-width:0}.tiny-rate .tiny-rate__star{position:relative;display:inline-block;font-size:0;vertical-align:middle;text-align:center;line-height:1}.tiny-rate svg{-webkit-transition:.3s;transition:.3s}.tiny-rate svg.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.tiny-rate .tiny-rate__decimal{display:inline-block;overflow:hidden;font-size:var(--ti-common-font-size-2);position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-rate .tiny-rate__text{vertical-align:middle;margin-left:var(--ti-rate-text-margin-left);font-size:var(--ti-rate-text-font-size)}.tiny-rate .tiny-rate__bottom-text{position:relative;font-size:var(--ti-rate-bottom-font-size);text-align:center;text-overflow:clip;overflow:hidden;margin-top:var(--ti-rate-bottom-margin-top)}
1
+ .tiny-rate{--ti-rate-text-margin-left:var(--ti-common-space-3x);--ti-rate-text-font-size:var(--ti-common-font-size-base);--ti-rate-bottom-font-size:var(--ti-common-font-size-base);--ti-rate-bottom-margin-top:var(--ti-common-space-2x);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0}.tiny-rate:active,.tiny-rate:focus{outline-width:0}.tiny-rate .tiny-rate__star{position:relative;display:inline-block;font-size:0;vertical-align:middle;text-align:center;line-height:1}.tiny-rate svg{-webkit-transition:.3s;transition:.3s}.tiny-rate svg.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.tiny-rate .tiny-rate__decimal{display:inline-block;overflow:hidden;font-size:16px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-rate .tiny-rate__text{vertical-align:middle;margin-left:var(--ti-rate-text-margin-left);font-size:var(--ti-rate-text-font-size)}.tiny-rate .tiny-rate__bottom-text{position:relative;font-size:var(--ti-rate-bottom-font-size);text-align:center;text-overflow:clip;overflow:hidden;margin-top:var(--ti-rate-bottom-margin-top)}
@@ -0,0 +1 @@
1
+ .tiny-recycle-scroller{position:relative}.tiny-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.tiny-recycle-scroller.direction-vertical .tiny-recycle-scroller__item-wrapper{width:100%}.tiny-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.tiny-recycle-scroller.direction-horizontal .tiny-recycle-scroller__item-wrapper{height:100%}.tiny-recycle-scroller .tiny-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.tiny-recycle-scroller .tiny-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.tiny-recycle-scroller.ready .tiny-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.tiny-recycle-scroller.ready.direction-vertical .tiny-recycle-scroller__item-view{width:100%}.tiny-recycle-scroller.ready.direction-horizontal .tiny-recycle-scroller__item-view{height:100%}
package/roles/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-roles{--ti-roles-poplist-item-height:var(--ti-common-size-height-minor);--ti-roles-poplist-item-text-color:var(--ti-common-color-info-normal);--ti-roles-poplist-item-font-size:var(--ti-common-font-size-base);--ti-roles-poplist-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-roles-poplist-item-selected-bg-color:var(--ti-common-color-selected-background);--ti-roles-poplist-item-selected-text-color:var(--ti-common-color-selected-text-color)}.tiny-roles svg{margin-left:2px}.tiny-roles__selector.tiny-popover.tiny-popper{padding:0}.tiny-roles__selector .tiny-roles__poplist-item{padding:0 8px}.tiny-roles__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-roles__poplist{min-width:180px}.tiny-roles__poplist-item{min-height:var(--ti-roles-poplist-item-height);line-height:var(--ti-roles-poplist-item-height);max-width:100%;color:var(--ti-roles-poplist-item-text-color);font-size:var(--ti-roles-poplist-item-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.tiny-roles__poplist-item:hover{background:var(--ti-roles-poplist-item-hover-bg-color)}.tiny-roles__poplist-item.is-selected,.tiny-roles__poplist-item.is-selected:hover{background:var(--ti-roles-poplist-item-selected-bg-color);color:var(--ti-roles-poplist-item-selected-text-color)}
1
+ .tiny-roles{--ti-roles-poplist-item-height:var(--ti-common-size-height-normal);--ti-roles-poplist-item-text-color:var(--ti-common-color-info-normal);--ti-roles-poplist-item-font-size:var(--ti-common-font-size-base);--ti-roles-poplist-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-roles-poplist-item-selected-bg-color:var(--ti-common-color-selected-background);--ti-roles-poplist-item-selected-text-color:var(--ti-common-color-selected-text-color)}.tiny-roles svg{margin-left:2px}.tiny-roles__selector.tiny-popover.tiny-popper{padding:0}.tiny-roles__selector .tiny-roles__poplist-item{padding:0 8px}.tiny-roles__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-roles__poplist{min-width:180px}.tiny-roles__poplist-item{min-height:var(--ti-roles-poplist-item-height);line-height:var(--ti-roles-poplist-item-height);max-width:100%;color:var(--ti-roles-poplist-item-text-color);font-size:var(--ti-roles-poplist-item-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.tiny-roles__poplist-item:hover{background:var(--ti-roles-poplist-item-hover-bg-color)}.tiny-roles__poplist-item.is-selected,.tiny-roles__poplist-item.is-selected:hover{background:var(--ti-roles-poplist-item-selected-bg-color);color:var(--ti-roles-poplist-item-selected-text-color)}
@@ -1 +1 @@
1
- .tiny-scrollbar{overflow:hidden;position:relative}.tiny-scrollbar:active>.tiny-scrollbar__bar,.tiny-scrollbar:focus>.tiny-scrollbar__bar,.tiny-scrollbar:hover>.tiny-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.tiny-scrollbar__wrap{overflow:scroll;height:100%;max-height:200px}.tiny-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.tiny-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.tiny-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.tiny-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.tiny-scrollbar__bar.is-vertical{width:6px;top:2px}.tiny-scrollbar__bar.is-vertical>div{width:100%}.tiny-scrollbar__bar.is-horizontal{height:6px;left:2px}.tiny-scrollbar__bar.is-horizontal>div{height:100%}
1
+ .tiny-scrollbar{--ti-scrollbar-vertical-right:2px;--ti-scrollbar-vertical-width:6px;--ti-scrollbar-thumb-bg-color:rgba(144, 147, 153, 0.3);--ti-scrollbar-thumb-hover-bg-color:rgba(144, 147, 153, 0.5);--ti-scrollbar-thumb-border-radius:inherit;overflow:hidden;position:relative}.tiny-scrollbar:active>.tiny-scrollbar__bar,.tiny-scrollbar:focus>.tiny-scrollbar__bar,.tiny-scrollbar:hover>.tiny-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.tiny-scrollbar__wrap{overflow:scroll;height:100%;max-height:200px}.tiny-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.tiny-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:var(--ti-scrollbar-thumb-border-radius);background-color:var(--ti-scrollbar-thumb-bg-color);-webkit-transition:.3s background-color;transition:.3s background-color}.tiny-scrollbar__thumb:hover{background-color:var(--ti-scrollbar-thumb-hover-bg-color)}.tiny-scrollbar__bar{position:absolute;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.tiny-scrollbar__bar.is-vertical{width:var(--ti-scrollbar-vertical-width);top:2px;right:var(--ti-scrollbar-vertical-right)}.tiny-scrollbar__bar.is-vertical>div{width:100%}.tiny-scrollbar__bar.is-horizontal{height:6px;left:2px;right:2px}.tiny-scrollbar__bar.is-horizontal>div{height:100%}
@@ -0,0 +1,7 @@
1
+ export const tinyScrollbarSmbTheme = {
2
+ 'ti-scrollbar-vertical-right': '4px',
3
+ 'ti-scrollbar-vertical-width': '8px',
4
+ 'ti-scrollbar-thumb-bg-color': 'var(--ti-common-scrollbar-thumb-bg-color)',
5
+ 'ti-scrollbar-thumb-hover-bg-color': 'var(--ti-common-scrollbar-thumb-bg-color)',
6
+ 'ti-scrollbar-thumb-border-radius': 'var(--ti-common-scrollbar-thumb-border-radius)'
7
+ }
@@ -0,0 +1,3 @@
1
+ export const tinySearchAuroraTheme = {
2
+ 'ti-search-line-hover-border-color': '#bfbfbf'
3
+ }
package/search/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-search-line-fade-enter,.tiny-transition-search-line-fade-enter-from,.tiny-transition-search-line-fade-leave-to{opacity:0}.tiny-transition-search-line-fade-enter-to{opacity:0}.tiny-transition-search-line-fade-enter-active,.tiny-transition-search-line-fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-search{--ti-search-font-size:var(--ti-common-font-size-base);--ti-search-input-height:var(--ti-common-size-height-normal);--ti-search-input-btn-width:var(--ti-common-size-height-small);--ti-search-input-btn-line-height:var(--ti-common-size-height-small);--ti-search-input-text-color:var(--ti-common-color-info-normal);--ti-search-input-bg-color:var(--ti-common-color-light);--ti-search-input-btn-text-color:var(--ti-base-color-common-5);--ti-search-input-btn-hover-border-color:var(--ti-base-color-brand-5);--ti-search-input-btn-font-size:var(--ti-common-font-size-1);--ti-search-input-border-color:var(--ti-common-color-border);--ti-search-icon-border-color:#dbdbdb;--ti-search-icon-color:#c4c4c4;--ti-search-size-height-normal:var(--ti-common-size-height-normal);--ti-search-size-height-small:var(--ti-common-size-height-small);--ti-search-selector-text-color:var(--ti-common-color-info-normal);--ti-search-line-hover-border-color:var(--ti-common-color-border-hover);--ti-search-list-hover-bg-color:var(--ti-common-color-selected-background);--ti-search-selector-border-radius:var(--ti-common-border-radius-normal);--ti-search-selector-bg-color:var(--ti-common-color-light);--ti-search-selector-list-height:var(--ti-common-size-height-normal);position:relative;display:inline-block;font-size:var(--ti-search-font-size);width:100%}.tiny-search .tiny-search__line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:var(--ti-search-input-height);border:1px solid var(--ti-search-input-border-color);border-radius:var(--ti-common-border-radius-normal);background-color:var(--ti-search-input-bg-color);-webkit-transition:.4s;transition:.4s;border-collapse:separate}.tiny-search .tiny-search__line:hover{border-color:var(--ti-search-line-hover-border-color)}.tiny-search .tiny-search__line.focus,.tiny-search .tiny-search__line:focus{border-color:var(--ti-search-input-btn-hover-border-color)}.tiny-search .tiny-search__input{width:100%;height:100%;line-height:1;color:var(--ti-search-input-text-color);padding:0 0 0 8px;border:0;outline:0;background:0 0}.tiny-search .tiny-search__input::-moz-placeholder{color:#999;opacity:1}.tiny-search .tiny-search__input:-ms-input-placeholder{color:#999}.tiny-search .tiny-search__input::-webkit-input-placeholder{color:#999}.tiny-search .tiny-search__input::-ms-input-placeholder{color:#999}.tiny-search .tiny-search__input::placeholder{color:#999}.tiny-search .tiny-search__input:focus::-moz-placeholder{color:#d9d9d9;opacity:1}.tiny-search .tiny-search__input:focus:-ms-input-placeholder{color:#d9d9d9}.tiny-search .tiny-search__input:focus::-webkit-input-placeholder{color:#d9d9d9}.tiny-search .tiny-search__input:focus::-ms-input-placeholder{color:#d9d9d9}.tiny-search .tiny-search__input:focus::placeholder{color:#d9d9d9}.tiny-search .tiny-search__input-btn{text-align:center}.tiny-search .tiny-search__input-btn a{text-decoration:none;display:block;width:var(--ti-search-input-btn-width);height:100%;line-height:var(--ti-search-input-btn-line-height)}.tiny-search .tiny-search__input-btn svg{fill:var(--ti-search-input-btn-text-color);font-size:var(--ti-search-input-btn-font-size)}.tiny-search .tiny-search__input-btn:hover svg{fill:var(--ti-search-input-btn-hover-border-color)}.tiny-search .tiny-search__present{color:var(--ti-search-selector-text-color);line-height:var(--ti-search-size-height-normal);padding-left:8px;white-space:nowrap}.tiny-search .tiny-search__present .icon-outer{height:calc(var(--ti-search-size-height-normal) - 12px);line-height:calc(var(--ti-search-size-height-normal) - 12px);display:inline-block;padding:0 8px 0 4px;border-right:1px solid var(--ti-search-input-border-color);cursor:pointer}.tiny-search .tiny-search__present .icon-outer svg{font-size:var(--ti-search-input-btn-font-size);fill:var(--ti-search-icon-color)}.tiny-search .tiny-search__selector{position:absolute;top:32px;left:0;overflow:hidden;min-width:68px;border:1px solid var(--ti-search-input-border-color);border-radius:var(--ti-search-selector-border-radius);font-size:var(--ti-search-font-size);-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow);background:var(--ti-search-selector-bg-color);color:var(--ti-search-selector-text-color);margin-top:2px}.tiny-search .tiny-search__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-search .tiny-search__poplist-item{min-height:var(--ti-search-selector-list-height);padding:0 8px;line-height:var(--ti-search-selector-list-height);max-width:100%;font-size:var(--ti-search-font-size);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tiny-search .tiny-search__poplist-item:hover{background:var(--ti-search-list-hover-bg-color);cursor:pointer}.tiny-search .tiny-search__poplist-item span{font-size:var(--ti-search-font-size)}.tiny-search .tiny-search__poplist-item .icon-check{font-size:var(--ti-common-font-size-2)}.tiny-search .tiny-search__poplist-item .icon-check:hover{color:var(--ti-search-input-btn-hover-border-color)}.tiny-search.mini .tiny-search__line{border-radius:var(--ti-search-input-height);width:100%;float:right}.tiny-search.mini.collapse .tiny-search__input-btn svg{fill:var(--ti-search-icon-color)}.tiny-search.mini .tiny-search__input{border-radius:var(--ti-search-input-height)}.tiny-search.collapse .tiny-search__input{padding:0;width:var(--ti-search-size-height-normal);float:right}.tiny-search.mini.collapse .tiny-search__line{width:30px;float:right;background-color:transparent;border-collapse:separate}.tiny-search.mini.collapse .tiny-search__input,.tiny-search.mini.collapse .tiny-search__present{display:none}.tiny-search .fade-enter-to{opacity:0}.tiny-search .fade-enter,.tiny-search .fade-leave-to{opacity:0}
1
+ .tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-search-line-fade-enter,.tiny-transition-search-line-fade-enter-from,.tiny-transition-search-line-fade-leave-to{opacity:0}.tiny-transition-search-line-fade-enter-to{opacity:0}.tiny-transition-search-line-fade-enter-active,.tiny-transition-search-line-fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-search{--ti-search-font-size:var(--ti-common-font-size-base);--ti-search-input-height:var(--ti-common-size-height-normal);--ti-search-input-padding-left:var(--ti-common-space-2x);--ti-search-input-border-color:var(--ti-common-color-line-normal);--ti-search-input-focus-border-color:var(--ti-common-color-line-active);--ti-search-input-border-radius:var(--ti-common-border-radius-normal);--ti-search-input-text-color:var(--ti-common-color-text-primary);--ti-search-input-bg-color:var(--ti-common-color-bg-white-normal);--ti-search-size-height-normal:var(--ti-common-size-height-normal);--ti-search-input-placeholder-color:var(--ti-common-color-placeholder);--ti-search-input-btn-icon-color:var(--ti-common-color-icon-normal);--ti-search-input-btn-hover-icon-color:var(--ti-common-color-icon-hover);--ti-search-input-btn-icon-size:var(--ti-common-font-size-1);--ti-search-input-btn-width:var(--ti-common-size-6x);--ti-search-input-btn-line-height:var(--ti-search-input-height);--ti-search-icon-border-color:var(--ti-common-color-line-normal);--ti-search-input-btn-icon-position-right:var(--ti-common-space-10);--ti-search-input-left-svg-margin-right:var(--ti-common-space-0);--ti-search-input-left-svg-margin-left:var(--ti-common-space-3x);--ti-search-icon-color:var(--ti-common-color-icon-normal);--ti-search-mini-width:var(--ti-search-input-height);--ti-search-line-hover-border-color:var(--ti-common-color-line-hover);--ti-search-size-height-small:var(--ti-common-size-height-small);--ti-search-selector-width:var(--ti-common-size-20x);--ti-search-selector-text-color:var(--ti-common-color-text-primary);--ti-search-selector-border-radius:var(--ti-common-border-radius-normal);--ti-search-selector-bg-color:var(--ti-common-color-bg-white-normal);--ti-search-selector-box-shadow:var(--ti-common-shadow-2-down);--ti-search-selector-box-min-height:var(--ti-common-size-20x);--ti-search-selector-margin-top:var(--ti-common-space-base);--ti-search-selector-max-height:calc(var(--ti-common-space-10) * 30);--ti-search-selector-list-height:var(--ti-common-size-height-normal);--ti-search-list-hover-bg-color:var(--ti-common-color-hover-background);--ti-search-selector-list-padding-horizontal:var(--ti-common-space-10);position:relative;display:inline-block;font-size:var(--ti-search-font-size);width:100%}.tiny-search .tiny-search__line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:var(--ti-search-input-height);border:1px solid var(--ti-search-input-border-color);border-radius:var(--ti-search-input-border-radius);background-color:var(--ti-search-input-bg-color);-webkit-transition:.4s;transition:.4s;border-collapse:separate}.tiny-search .tiny-search__line:hover{border-color:var(--ti-search-line-hover-border-color)}.tiny-search .tiny-search__line.focus,.tiny-search .tiny-search__line:focus{border-color:var(--ti-search-input-focus-border-color)}.tiny-search .tiny-search__input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;font-size:var(--ti-search-font-size);line-height:1;color:var(--ti-search-input-text-color);padding:0 0 0 var(--ti-search-input-padding-left);border:0;outline:0;background:0 0}.tiny-search .tiny-search__input::-moz-placeholder{color:var(--ti-search-input-placeholder-color);opacity:1}.tiny-search .tiny-search__input:-ms-input-placeholder{color:var(--ti-search-input-placeholder-color)}.tiny-search .tiny-search__input::-webkit-input-placeholder{color:var(--ti-search-input-placeholder-color)}.tiny-search .tiny-search__input::-ms-input-placeholder{color:var(--ti-search-input-placeholder-color)}.tiny-search .tiny-search__input::placeholder{color:var(--ti-search-input-placeholder-color)}.tiny-search .tiny-search__input:focus::-moz-placeholder{color:var(--ti-search-input-placeholder-color);opacity:1}.tiny-search .tiny-search__input:focus:-ms-input-placeholder{color:var(--ti-search-input-placeholder-color)}.tiny-search .tiny-search__input:focus::-webkit-input-placeholder{color:var(--ti-search-input-placeholder-color)}.tiny-search .tiny-search__input:focus::-ms-input-placeholder{color:var(--ti-search-input-placeholder-color)}.tiny-search .tiny-search__input:focus::placeholder{color:var(--ti-search-input-placeholder-color)}.tiny-search .tiny-search__input-btn{text-align:center}.tiny-search .tiny-search__input-btn a{position:relative;text-decoration:none;display:block;width:var(--ti-search-input-btn-width);height:var(--ti-search-input-height);line-height:var(--ti-search-input-height)}.tiny-search .tiny-search__input-btn svg{position:absolute;top:50%;right:var(--ti-search-input-btn-icon-position-right);-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:var(--ti-search-input-btn-icon-color);font-size:var(--ti-search-input-btn-icon-size)}.tiny-search .tiny-search__input-btn:hover svg{fill:var(--ti-search-input-btn-hover-icon-color)}.tiny-search .tiny-search__prefix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-search .tiny-search__prefix svg{margin:0 var(--ti-search-input-left-svg-margin-right) 0 var(--ti-search-input-left-svg-margin-left);font-size:var(--ti-search-input-btn-icon-size);fill:var(--ti-search-input-btn-icon-color)}.tiny-search .tiny-search__present{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--ti-search-selector-width);color:var(--ti-search-selector-text-color);line-height:var(--ti-search-size-height-normal);padding-left:var(--ti-search-input-padding-left);white-space:nowrap}.tiny-search .tiny-search__present .tiny-search__text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block}.tiny-search .tiny-search__present .icon-outer{height:calc(var(--ti-search-size-height-normal) - 12px);line-height:calc(var(--ti-search-size-height-normal) - 12px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px 0 4px;border-right:1px solid var(--ti-search-input-border-color);cursor:pointer}.tiny-search .tiny-search__present .icon-outer svg{font-size:var(--ti-search-input-btn-icon-size);fill:var(--ti-search-icon-color)}.tiny-search .tiny-search__selector{position:absolute;top:var(--ti-search-input-height);left:0;overflow:hidden;min-width:var(--ti-search-selector-box-min-height);border:1px solid var(--ti-search-input-border-color);border-radius:var(--ti-search-selector-border-radius);font-size:var(--ti-search-font-size);-webkit-box-shadow:var(--ti-search-selector-box-shadow);box-shadow:var(--ti-search-selector-box-shadow);background:var(--ti-search-selector-bg-color);color:var(--ti-search-selector-text-color);margin-top:var(--ti-search-selector-margin-top)}.tiny-search .tiny-search__selector-body{max-height:var(--ti-search-selector-max-height);overflow-y:auto;overflow-x:hidden}.tiny-search .tiny-search__poplist-item{min-height:var(--ti-search-selector-list-height);padding:0 var(--ti-search-selector-list-padding-horizontal);line-height:var(--ti-search-selector-list-height);max-width:100%;font-size:var(--ti-search-font-size);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tiny-search .tiny-search__poplist-item:hover{background:var(--ti-search-list-hover-bg-color);cursor:pointer}.tiny-search .tiny-search__poplist-item span{font-size:var(--ti-search-font-size)}.tiny-search .tiny-search__poplist-item .icon-check{font-size:var(--ti-common-font-size-2)}.tiny-search .tiny-search__poplist-item .icon-check:hover{color:var(--ti-search-input-btn-hover-icon-color)}.tiny-search.mini .tiny-search__line{border-radius:var(--ti-search-input-height);width:100%;float:right}.tiny-search.mini.collapse .tiny-search__input-btn a{width:var(--ti-search-mini-width)}.tiny-search.mini.collapse .tiny-search__input-btn a svg{fill:var(--ti-search-icon-color);left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tiny-search.mini .tiny-search__input{border-radius:var(--ti-search-input-height)}.tiny-search.mini.collapse{visibility:visible}.tiny-search.collapse .tiny-search__input{padding:0;width:var(--ti-search-size-height-normal);float:right}.tiny-search.mini.collapse .tiny-search__line{width:var(--ti-search-mini-width);float:right;background-color:transparent;border-collapse:separate}.tiny-search.mini.collapse .tiny-search__input,.tiny-search.mini.collapse .tiny-search__present{display:none}.tiny-search .fade-enter-to{opacity:0}.tiny-search .fade-enter,.tiny-search .fade-leave-to{opacity:0}
@@ -0,0 +1,9 @@
1
+ export const tinySearchSmbTheme = {
2
+ 'ti-search-input-btn-hover-icon-color': 'var(--ti-common-color-icon-hover)',
3
+ 'ti-search-input-padding-left': 'var(--ti-common-space-3x)',
4
+ 'ti-search-input-btn-icon-position-right': 'var(--ti-common-space-3x)',
5
+ 'ti-search-selector-box-shadow': 'var(--ti-common-shadow-3-up)',
6
+ 'ti-search-input-btn-icon-size': 'var(--ti-common-font-size-2)',
7
+ 'ti-search-input-placeholder-color': 'var(--ti-common-color-placeholder)',
8
+ 'ti-search-input-left-svg-margin-right': '-8px'
9
+ }
package/select/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-select{--ti-select-inner-hover-border-color:var(--ti-base-color-brand-5);--ti-select-input-text-color:#666;--ti-select-input-font-size:var(--ti-common-font-size-base);--ti-select-input-caret-text-color:var(--ti-base-color-common-5);--ti-select-input-caret-hover-text-color:var(--ti-base-color-brand-7);--ti-select-input-caret-font-size:var(--ti-common-font-size-1);--ti-select-input-caret-close-text-color:var(--ti-base-color-bg-5);--ti-select-input-caret-close-hover-text-color:var(--ti-common-color-placeholder);--ti-select-input-disabled-caret-text-color:var(--ti-common-color-border);--ti-select-input-disabled-hover-border-color:#e4e7ed;--ti-select-input-mini-height:var(--ti-common-size-height-mini);--ti-select-input-small-height:var(--ti-common-size-height-small);--ti-select-input-medium-height:var(--ti-common-size-height-medium);display:inline-block;position:relative;width:100%;outline:0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__multiple:not(.tiny-select__collapse-tags):not(.tiny-select__filterable) .tiny-select__tags>span{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}}@supports (-ms-ime-align:auto){.tiny-select.tiny-select__multiple:not(.tiny-select__collapse-tags):not(.tiny-select__filterable) .tiny-select__tags>span{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}}.tiny-select.tiny-select__collapse-tags .tiny-select__tags>span{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.tiny-select.tiny-select__collapse-tags .tiny-select__tags>span>span:not(:only-child):first-child{max-width:70%}.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span{width:auto;max-width:76%}.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:first-child{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:not(:only-child):first-child,.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:only-child{max-width:100%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:not(:only-child):not(:first-child){-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-select.tiny-select__filterable .tiny-select__tags .tiny-select__input{cursor:text}.tiny-select__tags{position:absolute;line-height:normal;white-space:normal;padding-left:4px;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer}.tiny-select__tags>span{display:contents}.tiny-select__tags .tiny-select__input{cursor:pointer;border:none;outline:0;padding:0;margin-left:8px;color:var(--ti-select-input-text-color);font-size:var(--ti-select-input-font-size);height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.tiny-select__tags .tiny-select__input.is-mini{height:var(--ti-select-input-mini-height)}.tiny-select__tags .tiny-select__input.is-small{height:var(--ti-select-input-small-height)}.tiny-select__tags .tiny-select__input.is-medium{height:var(--ti-select-input-medium-height)}.tiny-select__tags.is-showicon{padding-left:24px}.tiny-select__tags .tiny-tag{white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 4px;background-color:#f0f2f5}.tiny-select__tags .tiny-tag.tiny-tag--info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-select__tags .tiny-select__tags-text{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tiny-select__tags .tiny-select__tags-text+.tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}.tiny-select-tip .tiny-select-tipcontent{max-width:300px}.tiny-select .tiny-input{display:block}.tiny-select .tiny-input .tiny-input__inner[readonly]{cursor:pointer}.tiny-select .tiny-input .tiny-select__caret{fill:var(--ti-select-input-caret-text-color);font-size:var(--ti-select-input-caret-font-size);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.tiny-select .tiny-input .tiny-select__caret:hover{fill:var(--ti-select-input-caret-hover-text-color)}.tiny-select .tiny-input .tiny-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.tiny-select .tiny-input .tiny-select__caret.is-show-close{font-size:var(--ti-select-input-font-size);text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;fill:var(--ti-select-input-caret-close-text-color);-webkit-transition:fill .2s cubic-bezier(.645,.045,.355,1);transition:fill .2s cubic-bezier(.645,.045,.355,1)}.tiny-select .tiny-input .tiny-select__caret.is-show-close:hover{color:var(--ti-select-input-caret-close-hover-text-color)}.tiny-select .tiny-input .tiny-select__copy{cursor:pointer}.tiny-select .tiny-input.is-disabled .tiny-select__caret{fill:var(--ti-select-input-disabled-caret-text-color);cursor:not-allowed}.tiny-select .tiny-input.is-disabled .tiny-input__inner{cursor:not-allowed}.tiny-select .tiny-input.is-disabled .tiny-input__inner:hover{border-color:var(--ti-select-input-disabled-hover-border-color)}.tiny-select .tiny-input.is-focus .tiny-input__inner{border-color:var(--ti-select-inner-hover-border-color)}
1
+ .tiny-select{--ti-select-inner-hover-border-color:var(--ti-common-color-icon-darkbg-hover);--ti-select-input-text-color:var(--ti-common-color-text-primary);--ti-select-input-font-size:var(--ti-common-font-size-base);--ti-select-input-icon-top:14px;--ti-select-input-icon-top-medium:var(--ti-common-space-5x);--ti-select-input-icon-top-small:var(--ti-common-space-4x);--ti-select-input-icon-top-mini:var(--ti-common-space-3x);--ti-select-input-caret-icon-color:var(--ti-common-color-text-secondary);--ti-select-input-caret-hover-icon-color:var(--ti-common-color-icon-hover);--ti-select-input-caret-font-size:10px;--ti-select-input-disabled-caret-text-color:var(--ti-common-color-text-disabled);--ti-select-input-disabled-hover-border-color:var(--ti-common-color-line-disabled);--ti-select-input-mini-height:var(--ti-common-size-6x);--ti-select-input-small-height:var(--ti-common-size-7x);--ti-select-input-medium-height:var(--ti-common-size-42);--ti-select-tags-bg-color:var(--ti-common-color-bg-normal);--ti-select-tags-wrap-padding-left:var(--ti-common-space-1);--ti-select-tags-wrap-padding-top:var(--ti-common-space-1);--ti-select-tags-wrap-padding-bottom:var(--ti-common-space-1);--ti-select-tags-margin-top:var(--ti-common-space-1);--ti-select-tags-margin-right:var(--ti-common-space-1);--ti-select-tags-margin-bottom:var(--ti-common-space-1);--ti-select-tags-margin-left:var(--ti-common-space-1);display:inline-block;position:relative;width:100%;outline:0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__multiple:not(.tiny-select__collapse-tags):not(.tiny-select__filterable) .tiny-select__tags>span{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}}@supports (-ms-ime-align:auto){.tiny-select.tiny-select__multiple:not(.tiny-select__collapse-tags):not(.tiny-select__filterable) .tiny-select__tags>span{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}}.tiny-select.tiny-select__collapse-tags .tiny-select__tags>span{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.tiny-select.tiny-select__collapse-tags .tiny-select__tags>span>span:not(:only-child):first-child{max-width:70%}.tiny-select.tiny-select__collapse-tags.tiny-select__filterable .tiny-select__tags>span{width:auto;max-width:76%}.tiny-select.tiny-select__collapse-tags.tiny-select__filterable .tiny-select__tags>span>span:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__collapse-tags.tiny-select__filterable .tiny-select__tags>span>span:first-child{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-select.tiny-select__collapse-tags.tiny-select__filterable .tiny-select__tags>span>span:not(:only-child):first-child,.tiny-select.tiny-select__collapse-tags.tiny-select__filterable .tiny-select__tags>span>span:only-child{max-width:100%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__collapse-tags.tiny-select__filterable .tiny-select__tags>span>span:not(:only-child):not(:first-child){-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-select.tiny-select__filterable .tiny-select__tags .tiny-select__input{cursor:text}.tiny-select__tags{position:absolute;line-height:normal;white-space:normal;padding-left:var(--ti-select-tags-wrap-padding-left);padding-bottom:var(--ti-select-tags-wrap-padding-bottom);padding-top:var(--ti-select-tags-wrap-padding-top);z-index:1;top:50%;margin-left:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer}.tiny-select__tags>span{display:contents}.tiny-select__tags .tiny-select__input{cursor:pointer;border:none;outline:0;padding:0;margin-left:8px;color:var(--ti-select-input-text-color);font-size:var(--ti-select-input-font-size);height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.tiny-select__tags .tiny-select__input.is-mini{height:var(--ti-select-input-mini-height)}.tiny-select__tags .tiny-select__input.is-small{height:var(--ti-select-input-small-height)}.tiny-select__tags .tiny-select__input.is-medium{height:var(--ti-select-input-medium-height)}.tiny-select__tags.is-showicon{padding-left:24px}.tiny-select__tags .tiny-tag{white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:var(--ti-select-tags-margin-top) var(--ti-select-tags-margin-right) var(--ti-select-tags-margin-bottom) var(--ti-select-tags-margin-left);background-color:var(--ti-select-tags-bg-color)}.tiny-select__tags .tiny-tag.tiny-tag--info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-select__tags .tiny-select__tags-text{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tiny-select__tags .tiny-select__tags-text+.tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}.tiny-select-tip .tiny-select-tipcontent{max-width:300px}.tiny-select .tiny-input{display:block}.tiny-select .tiny-input .tiny-input__inner[readonly]{cursor:pointer}.tiny-select .tiny-input .tiny-select__caret{fill:var(--ti-select-input-caret-icon-color);font-size:var(--ti-select-input-caret-font-size);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.tiny-select .tiny-input .tiny-select__caret:hover{fill:var(--ti-select-input-caret-hover-icon-color)}.tiny-select .tiny-input .tiny-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.tiny-select .tiny-input .tiny-select__copy{cursor:pointer}.tiny-select .tiny-input .tiny-input__suffix{top:var(--ti-select-input-icon-top)}.tiny-select .tiny-input-medium .tiny-input__suffix{top:var(--ti-select-input-icon-top-medium)}.tiny-select .tiny-input-small .tiny-input__suffix{top:var(--ti-select-input-icon-top-small)}.tiny-select .tiny-input-mini .tiny-input__suffix{top:var(--ti-select-input-icon-top-mini)}.tiny-select .tiny-input.is-disabled .tiny-select__caret{fill:var(--ti-select-input-disabled-caret-text-color);cursor:not-allowed}.tiny-select .tiny-input.is-disabled .tiny-input__inner{cursor:not-allowed}.tiny-select .tiny-input.is-disabled .tiny-input__inner:hover{border-color:var(--ti-select-input-disabled-hover-border-color)}.tiny-select .tiny-input.is-focus .tiny-input__inner{border-color:var(--ti-select-inner-hover-border-color)}.tiny-select__underline .tiny-input .tiny-input__inner,.tiny-select__underline .tiny-input.is-disabled .tiny-input__inner{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;padding-left:0;background-color:var(--ti-input-bg-color)}.tiny-select__underline .tiny-input.is-disabled__suffix,.tiny-select__underline .tiny-input__suffix{right:0}
@@ -0,0 +1,11 @@
1
+ export const tinySelectSmbTheme = {
2
+ 'ti-select-input-caret-font-size': 'var(--ti-common-font-size-2)',
3
+ 'ti-select-input-caret-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)',
4
+ 'ti-select-input-caret-icon-color': 'var(--ti-common-color-icon-normal)',
5
+ 'ti-select-tags-bg-color': '#3b3b3b1a', // TINY-TODO: 缺失对应common变量,待设计师确定
6
+ 'ti-select-tags-wrap-padding-left': 'calc(var(--ti-common-space-6)/2)',
7
+ 'ti-select-tags-wrap-padding-top': 'calc(var(--ti-common-space-6)/2)',
8
+ 'ti-select-tags-wrap-padding-bottom': 'calc(var(--ti-common-space-6)/2)',
9
+ 'ti-select-input-icon-top-small': 'var(--ti-common-space-3x)',
10
+ 'ti-select-input-icon-top': 'var(--ti-common-space-4x)'
11
+ }
@@ -1 +1 @@
1
- .tiny-select-dropdown{--ti-select-dropdown-border-color:transparent;--ti-select-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-select-dropdown-bg-color:var(--ti-common-color-light);--ti-select-dropdown-empty-text-color:var(--ti-common-color-placeholder);--ti-select-dropdown-empty-font-size:var(--ti-common-font-size-1);--ti-select-dropdown-list-padding-top:0;--ti-select-dropdown-list-padding-horizontal:0;--ti-select-dropdown-list-padding-bottom:6px;--ti-select-dropdown-item-padding-vertical:0;--ti-select-dropdown-item-padding-horizontal:8px;--ti-select-dropdown-item-margin-top:0;--ti-select-dropdown-search-bg-color:var(--ti-base-color-brand-1);--ti-select-dropdown-search-margin-bottom:var(--ti-common-space-base);--ti-select-dropdown-line-bg-color:var(--ti-base-color-common-1);--ti-select-dropdown-line-margin-vertical:0;--ti-select-dropdown-line-margin-horizontal:var(--ti-common-space-2x);--ti-select-dropdown-line-height:var(--ti-common-font-size-1);--ti-select-dropdown-line-width:1px;--ti-select-dropdown-active-text-color:var(--ti-base-color-brand-6);position:absolute;z-index:1001;border:1px solid var(--ti-select-dropdown-border-color);border-radius:var(--ti-select-dropdown-border-radius);background-color:var(--ti-select-dropdown-bg-color);-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow);margin-top:var(--ti-common-dropdown-gap);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-select-dropdown .tiny-tree{max-height:300px;overflow-y:auto}.tiny-select-dropdown.tiny-popper{margin-top:var(--ti-common-dropdown-gap)}.tiny-select-dropdown .tiny-scrollbar.is-empty .tiny-select-dropdown__list{padding:0}.tiny-select-dropdown .tiny-select-dropdown__search{margin-bottom:var(--ti-select-dropdown-search-margin-bottom)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__inner{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;background-color:var(--ti-select-dropdown-search-bg-color);padding-right:54px}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-icon-close::after{content:'';display:inline-block;height:var(--ti-select-dropdown-line-height);width:var(--ti-select-dropdown-line-width);background-color:var(--ti-select-dropdown-line-bg-color);line-height:100%;vertical-align:middle;margin:var(--ti-select-dropdown-line-margin-vertical) var(--ti-select-dropdown-line-margin-horizontal)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-svg:hover{fill:var(--ti-select-dropdown-active-text-color)}.tiny-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--ti-select-dropdown-empty-text-color);font-size:var(--ti-select-dropdown-empty-font-size)}.tiny-select-dropdown .tiny-select-dropdown__wrap{max-height:197px;margin-right:-4px}.tiny-select-dropdown .tiny-select-dropdown__list{list-style:none;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-select-dropdown-list-padding-top) var(--ti-select-dropdown-list-padding-horizontal) var(--ti-select-dropdown-list-padding-bottom);text-align:left}.tiny-select-dropdown .tiny-select-dropdown__item{white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-select-dropdown-item-padding-vertical) var(--ti-select-dropdown-item-padding-horizontal);margin-top:var(--ti-select-dropdown-item-margin-top);border-radius:var(--ti-common-border-radius-normal)}.tiny-select-dropdown .tiny-select-dropdown__wrap.virtual{position:relative;margin-right:0!important}.tiny-select-dropdown .tiny-select-dropdown__wrap.virtual .tiny-select-dropdown__item{position:absolute;width:100%}
1
+ .tiny-select-dropdown{--ti-select-dropdown-border-color:var(--ti-common-color-transparent);--ti-select-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-select-dropdown-bg-color:var(--ti-common-color-light);--ti-select-dropdown-box-shadow:var(--ti-common-shadow-2-down);--ti-select-dropdown-margin-top:var(--ti-common-dropdown-gap);--ti-select-dropdown-max-height:calc(248px - var(--ti-select-dropdown-padding-top) - var(--ti-select-dropdown-padding-bottom) + var(--ti-common-space-base));--ti-select-dropdown-empty-text-color:var(--ti-common-color-placeholder);--ti-select-dropdown-empty-font-size:var(--ti-common-font-size-1);--ti-select-dropdown-empty-padding-horizontal:var(--ti-common-space-10);--ti-select-dropdown-empty-padding-vertical:var(--ti-common-space-6);--ti-select-dropdown-empty-image-width:var(--ti-common-size-16x);--ti-select-dropdown-empty-image-height:var(--ti-common-size-16x);--ti-select-dropdown-empty-image-margin-bottom:var(--ti-common-space-2x);--ti-select-dropdown-empty-line-height:var(--ti-common-line-height-number);--ti-select-dropdown-padding-top:var(--ti-common-size-base);--ti-select-dropdown-padding-horizontal:var(--ti-common-size-0);--ti-select-dropdown-padding-bottom:var(--ti-common-space-base);--ti-select-dropdown-search-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-select-dropdown-line-bg-color:var(--ti-common-color-line-dividing);--ti-select-dropdown-line-margin-vertical:var(--ti-common-size-0);--ti-select-dropdown-line-margin-horizontal:var(--ti-common-space-2x);--ti-select-dropdown-line-height:var(--ti-common-font-size-1);--ti-select-dropdown-line-width:var(--ti-common-border-weight-normal);--ti-select-dropdown-svg-hover-bg-color:var(--ti-common-color-primary-normal);--ti-select-dropdown-search-margin-top:calc(-1*var(--ti-common-size-base));--ti-select-dropdown-search-margin-bottom:var(--ti-common-space-base);--ti-select-dropdown-search-margin-left:var(--ti-common-size-0);--ti-select-dropdown-search-margin-right:var(--ti-common-size-0);--ti-select-dropdown-search-width:100%;--ti-select-dropdown-search-border-width:var(--ti-common-size-0);--ti-select-dropdown-search-suffix-display:'block';--ti-select-dropdown-search-prefix-display:none;--ti-select-dropdown-search-input-padding-right:54px;--ti-select-dropdown-search-input-padding-left:var(--ti-common-space-2x);--ti-select-dropdown-search-empty-padding-top:var(--ti-common-space-6);--ti-select-dropdown-search-empty-padding-bottom:var(--ti-common-space-6);--ti-select-dropdown-wrap-padding-bottom:var(--ti-common-space-0);--ti-select-dropdown-icon-size:var(--ti-common-font-size-1);--ti-select-dropdown-icon-color:var(--ti-common-color-icon-normal);position:absolute;z-index:1001;border:0 solid var(--ti-select-dropdown-border-color);border-radius:var(--ti-select-dropdown-border-radius);background-color:var(--ti-select-dropdown-bg-color);-webkit-box-shadow:var(--ti-select-dropdown-box-shadow);box-shadow:var(--ti-select-dropdown-box-shadow);margin-top:var(--ti-select-dropdown-margin-top);-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-select-dropdown-padding-top) var(--ti-select-dropdown-padding-horizontal) var(--ti-select-dropdown-padding-bottom)}.tiny-select-dropdown .tiny-tree{max-height:300px;overflow-y:auto}.tiny-select-dropdown .tiny-scrollbar.is-empty{display:none}.tiny-select-dropdown .tiny-scrollbar.is-empty__list{padding:0}.tiny-select-dropdown .tiny-select-dropdown__search{margin:var(--ti-select-dropdown-search-margin-top) var(--ti-select-dropdown-search-margin-right) var(--ti-select-dropdown-search-margin-bottom) var(--ti-select-dropdown-search-margin-left);width:var(--ti-select-dropdown-search-width)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__inner{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:var(--ti-select-dropdown-search-border-width);background-color:var(--ti-select-dropdown-search-bg-color);padding-right:var(--ti-select-dropdown-search-input-padding-right);padding-left:var(--ti-select-dropdown-search-input-padding-left)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__suffix{display:var(--ti-select-dropdown-search-suffix-display)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__suffix .tiny-svg{font-size:var(--ti-select-dropdown-icon-size);fill:var(--ti-select-dropdown-icon-color)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__suffix-inner{width:auto;height:auto}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__prefix{display:var(--ti-select-dropdown-search-prefix-display)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__prefix .tiny-svg{font-size:var(--ti-select-dropdown-icon-size);fill:var(--ti-select-dropdown-icon-color);margin-right:4px}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__prefix-inner{width:auto;height:auto}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-icon-close::after{content:'';display:inline-block;height:var(--ti-select-dropdown-line-height);width:var(--ti-select-dropdown-line-width);background-color:var(--ti-select-dropdown-line-bg-color);line-height:100%;vertical-align:middle;margin:var(--ti-select-dropdown-line-margin-vertical) var(--ti-select-dropdown-line-margin-horizontal)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-svg:hover{fill:var(--ti-select-dropdown-svg-hover-bg-color)}.tiny-select-dropdown .tiny-select-dropdown__search+div+.tiny-select-dropdown__empty-wrap{padding-top:var(--ti-select-dropdown-search-empty-padding-top);padding-bottom:var(--ti-select-dropdown-search-empty-padding-bottom)}.tiny-select-dropdown__empty-wrap{padding:var(--ti-select-dropdown-empty-padding-vertical) var(--ti-select-dropdown-empty-padding-horizontal);margin:0;text-align:center;color:var(--ti-select-dropdown-empty-text-color);font-size:var(--ti-select-dropdown-empty-font-size);line-height:var(--ti-select-dropdown-empty-line-height)}.tiny-select-dropdown__empty-wrap .tiny-select-dropdown__empty-images{background-image:url(../images/select-nodata.png);width:var(--ti-select-dropdown-empty-image-width);height:var(--ti-select-dropdown-empty-image-height);margin-bottom:var(--ti-select-dropdown-empty-image-margin-bottom);background-size:cover;background-repeat:no-repeat;display:inline-block;vertical-align:bottom}.tiny-select-dropdown .tiny-select-dropdown__wrap{max-height:var(--ti-select-dropdown-max-height);margin-right:-4px;padding-bottom:var(--ti-select-dropdown-wrap-padding-bottom)}.tiny-select-dropdown .tiny-select-dropdown__list{list-style:none;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}.tiny-select-dropdown .tiny-select-dropdown__item{white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-option-padding-vertical) var(--ti-option-padding-horizontal);margin-top:var(--ti-option-margin-top);border-radius:var(--ti-option-border-radius)}.tiny-select-dropdown .tiny-select-dropdown__wrap.virtual{position:relative;margin-right:0!important}.tiny-select-dropdown .tiny-select-dropdown__wrap.virtual .tiny-select-dropdown__item{position:absolute;width:100%}
@@ -0,0 +1,27 @@
1
+ export const tinySelectDropdownSmbTheme = {
2
+ 'ti-select-dropdown-border-radius': 'var(--ti-common-border-radius-3)',
3
+ 'ti-select-dropdown-empty-text-color': 'var(--ti-common-color-text-weaken)',
4
+ 'ti-select-dropdown-empty-padding-horizontal': 'var(--ti-common-size-0)',
5
+ 'ti-select-dropdown-empty-padding-vertical': 'var(--ti-common-space-2x)',
6
+ 'ti-select-dropdown-margin-top': 'var(--ti-common-space-base)',
7
+ 'ti-select-dropdown-box-shadow': 'var(--ti-common-shadow-2-down)',
8
+ 'ti-select-dropdown-padding-top': 'var(--ti-common-space-2x)',
9
+ 'ti-select-dropdown-padding-bottom': 'var(--ti-common-space-2x)',
10
+ 'ti-select-dropdown-max-height':
11
+ 'calc(240px - var(--ti-select-dropdown-padding-top) - var(--ti-select-dropdown-padding-bottom) + var(--ti-common-space-2x))',
12
+ 'ti-select-dropdown-search-margin-left': 'var(--ti-common-space-4x)',
13
+ 'ti-select-dropdown-search-margin-right': 'var(--ti-common-space-4x)',
14
+ 'ti-select-dropdown-search-margin-top': 'var(--ti-common-space-2x)',
15
+ 'ti-select-dropdown-search-width': 'calc(100% - var(--ti-common-space-4x)*2)',
16
+ 'ti-select-dropdown-search-bg-color': 'var(--ti-common-color-bg-white-normal)',
17
+ 'ti-select-dropdown-search-border-width': 'var(--ti-common-border-weight-normal)',
18
+ 'ti-select-dropdown-search-suffix-display': 'none',
19
+ 'ti-select-dropdown-search-prefix-display': 'block',
20
+ 'ti-select-dropdown-search-input-padding-right': 'var(--ti-common-space-3x)',
21
+ 'ti-select-dropdown-search-input-padding-left': '28px',
22
+ 'ti-select-dropdown-search-empty-padding-top': 'var(--ti-common-space-3x)',
23
+ 'ti-select-dropdown-search-empty-padding-bottom': 'var(--ti-common-space-2x)',
24
+ 'ti-select-dropdown-wrap-padding-bottom': 'var(--ti-common-space-base)',
25
+ 'ti-select-dropdown-icon-size': 'var(--ti-common-font-size-2)',
26
+ 'ti-select-dropdown-icon-color': 'var(--ti-common-color-icon-normal)'
27
+ }
@@ -0,0 +1 @@
1
+ .tiny-selected-box{height:100%;margin-left:.5rem;margin-right:.5rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:36px auto;background-color:#fff}.tiny-selected-box .tiny-selected-box__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.75rem;color:#191919;padding-left:.5rem;padding-right:.5rem}.tiny-selected-box .tiny-selected-box__header .tiny-selected-box__header-select{max-width:8rem}.tiny-selected-box .tiny-selected-box__header .tiny-selected-box__header-select .tiny-selected-box__header-select-label{cursor:pointer}.tiny-selected-box .tiny-selected-box__header .tiny-selected-box__header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#0067d1}.tiny-selected-box .tiny-selected-box__header .tiny-selected-box__header-right>:not([hidden])~:not([hidden]){margin-right:0;margin-left:.5rem}.tiny-selected-box .tiny-selected-box__header .tiny-selected-box__header-right .tiny-selected-box__header-right-label{cursor:pointer}.tiny-selected-box .tiny-selected-box__list{overflow-x:hidden;overflow-y:auto;font-size:.75rem;color:#191919}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item{cursor:pointer;padding-left:.5rem;padding-right:.5rem;border-radius:.125rem}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item:hover{background-color:#f5f5f5}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item .tiny-selected-box__item-grid{display:grid;grid-template-columns:auto 24px}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item .tiny-selected-box__item-grid .tiny-selected-box__item-grid-left{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item .tiny-selected-box__item-grid .tiny-selected-box__item-grid-left .tiny-selected-box__item-grid-left-label{height:1.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transform:translateY(.25rem);transform:translateY(.25rem)}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item .tiny-selected-box__item-grid .tiny-selected-box__item-grid-left .tiny-selected-box__item-grid-left-label .tiny-selected-box__item-grid-left-label-pri{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item .tiny-selected-box__item-grid .tiny-selected-box__item-grid-left .tiny-selected-box__item-grid-left-text{height:1.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem)}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item .tiny-selected-box__item-grid .tiny-selected-box__item-grid-left .tiny-selected-box__item-grid-left-text .tiny-selected-box__item-grid-left-text-aux{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#939393;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item .tiny-selected-box__item-grid .tiny-selected-box__item-grid-right{height:1.75rem;-webkit-transform:translateY(.25rem);transform:translateY(.25rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;fill:#393939}.tiny-selected-box .tiny-selected-box__list .tiny-selected-box__item .tiny-selected-box__item-grid .tiny-selected-box__item-grid-right:hover{fill:#0072e8}.tiny-selected-box .tiny-selected-box__list--inverse{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:#191919;text-decoration-color:#191919}.tiny-selected-box .tiny-selected-box__popover{display:none}
@@ -1 +1 @@
1
- .tiny-selector{--ti-selector-border-color:var(--ti-common-color-border);--ti-selector-border-radius:var(--ti-common-border-radius-normal);--ti-selector-font-size:var(--ti-common-font-size-base);--ti-selector-text-color:var(--ti-common-color-info-normal);--ti-selector-icon-size:var(--ti-common-size-4x);--ti-selector-icon-color:var(--ti-base-color-bg-5);--ti-selector-selected-icon-color:var(--ti-base-color-brand-6);--ti-selector-icon-hover-text-color:var(--ti-base-color-brand-5);--ti-selector-list-height:var(--ti-common-size-height-normal);--ti-selector-bg-color:var(--ti-common-color-light);--ti-selector-selected-text-color:var(--ti-common-color-placeholder);--ti-selector-selected-hover-bg-color:var(--ti-common-color-selected-background);--ti-selector-select-bg-color:var(--ti-common-color-hover-background);border:1px solid var(--ti-selector-border-color);border-radius:var(--ti-selector-border-radius);font-size:var(--ti-selector-font-size);-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow);background:var(--ti-selector-bg-color);color:var(--ti-selector-text-color);margin-top:2px}.tiny-selector .tiny-poplist li{min-height:var(--ti-selector-list-height);padding:0 8px;line-height:var(--ti-selector-list-height);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-selector .tiny-poplist li:hover{cursor:pointer}.tiny-selector .tiny-poplist li span{font-size:var(--ti-selector-font-size)}.tiny-selector .tiny-poplist li .icon-check{font-size:var(--ti-common-font-size-2)}.tiny-selector .tiny-poplist li .icon-check:hover{color:var(--ti-selector-icon-hover-text-color)}.tiny-selector .tiny-poplist .tiny-divider{padding:0}.tiny-selector .tiny-poplist.poplist-language li a,.tiny-selector .tiny-poplist.poplist-language li span{display:inline-block;width:100%}.tiny-selector .tiny-icon{color:var(--ti-selector-icon-color);margin-right:16px}.tiny-selector .tiny-icon.icon-checked{color:var(--ti-selector-selected-icon-color)}.tiny-selector .select-pre{background:var(--ti-selector-select-bg-color);color:var(--ti-selector-text-color)}.tiny-selector .select-pre.tiny-selected{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .selector-loading{min-height:100px}.tiny-selector .selector-loading .mini-loading{position:absolute;left:45%;top:35%;width:20px;height:20px;background:url(images/container-loading.gif) center no-repeat}.tiny-selector .tiny-selected{background:var(--ti-selector-selected-hover-bg-color);color:#333}.tiny-selector .tiny-selected:hover{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .tiny-selected .icon-check{color:var(--ti-selector-selected-icon-color)}.tiny-selector .tiny-selected .icon-check:hover{color:var(--ti-selector-icon-hover-text-color)}.tiny-selector .tiny-selected .icon-check:before{content:'\e61f'}.tiny-selector .selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-selector .selector-body .tiny-icon:first-child{margin-right:16px}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-body:hover .tree-node-name,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-name,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-name:hover,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link:hover{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node .tree-menus-link:hover{background:var(--ti-selector-select-bg-color)}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node .tree-menus .tree-node{padding-left:28px}
1
+ .tiny-selector{--ti-selector-border-color:var(--ti-common-color-border);--ti-selector-border-radius:var(--ti-common-border-radius-normal);--ti-selector-font-size:var(--ti-common-font-size-base);--ti-selector-text-color:var(--ti-common-color-info-normal);--ti-selector-icon-size:var(--ti-common-size-4x);--ti-selector-icon-color:var(--ti-base-color-bg-5);--ti-selector-selected-icon-color:var(--ti-base-color-brand-6);--ti-selector-icon-hover-text-color:var(--ti-base-color-brand-5);--ti-selector-list-height:var(--ti-common-size-height-normal);--ti-selector-bg-color:var(--ti-common-color-light);--ti-selector-selected-text-color:var(--ti-common-color-placeholder);--ti-selector-selected-hover-bg-color:var(--ti-common-color-selected-background);--ti-selector-select-bg-color:var(--ti-common-color-hover-background);border:1px solid var(--ti-selector-border-color);border-radius:var(--ti-selector-border-radius);font-size:var(--ti-selector-font-size);-webkit-box-shadow:var(--ti-common-shadow-2-down);box-shadow:var(--ti-common-shadow-2-down);background:var(--ti-selector-bg-color);color:var(--ti-selector-text-color);margin-top:2px}.tiny-selector .tiny-poplist li{min-height:var(--ti-selector-list-height);padding:0 8px;line-height:var(--ti-selector-list-height);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-selector .tiny-poplist li:hover{cursor:pointer}.tiny-selector .tiny-poplist li span{font-size:var(--ti-selector-font-size)}.tiny-selector .tiny-poplist li .icon-check{font-size:var(--ti-common-font-size-2)}.tiny-selector .tiny-poplist li .icon-check:hover{color:var(--ti-selector-icon-hover-text-color)}.tiny-selector .tiny-poplist .tiny-divider{padding:0}.tiny-selector .tiny-poplist.poplist-language li a,.tiny-selector .tiny-poplist.poplist-language li span{display:inline-block;width:100%}.tiny-selector .tiny-icon{color:var(--ti-selector-icon-color);margin-right:16px}.tiny-selector .tiny-icon.icon-checked{color:var(--ti-selector-selected-icon-color)}.tiny-selector .select-pre{background:var(--ti-selector-select-bg-color);color:var(--ti-selector-text-color)}.tiny-selector .select-pre.tiny-selected{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .selector-loading{min-height:100px}.tiny-selector .selector-loading .mini-loading{position:absolute;left:45%;top:35%;width:20px;height:20px;background:url(images/container-loading.gif) center no-repeat}.tiny-selector .tiny-selected{background:var(--ti-selector-selected-hover-bg-color);color:#333}.tiny-selector .tiny-selected:hover{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .tiny-selected .icon-check{color:var(--ti-selector-selected-icon-color)}.tiny-selector .tiny-selected .icon-check:hover{color:var(--ti-selector-icon-hover-text-color)}.tiny-selector .tiny-selected .icon-check:before{content:'\e61f'}.tiny-selector .selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-selector .selector-body .tiny-icon:first-child{margin-right:16px}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-body:hover .tree-node-name,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-name,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-name:hover,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link:hover{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node .tree-menus-link:hover{background:var(--ti-selector-select-bg-color)}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node .tree-menus .tree-node{padding-left:28px}
@@ -0,0 +1,15 @@
1
+ export const tinySliderAuroraTheme = {
2
+ 'ti-slider-bg-color': '#d9d9d9',
3
+ 'ti-slider-height': 'var(--ti-common-space-base)',
4
+ 'ti-slider-range-height': 'var(--ti-common-space-base)',
5
+ 'ti-slider-range-margin-top': '0',
6
+
7
+ 'ti-slider-handle-width': '16px',
8
+ 'ti-slider-handle-height': '16px',
9
+ 'ti-slider-handle-border-color': '#fff',
10
+ 'ti-slider-handle-border-color-hover': '#fff',
11
+ 'ti-slider-handle-box-shadow': '0 0 4px 0 #d9d9d9',
12
+ 'ti-slider-handle-top': '-6px',
13
+ 'ti-slider-handle-margin-top': '-6px',
14
+ 'ti-slider-handle-icon-display': 'none'
15
+ }
package/slider/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-slider{border-radius:var(--ti-slider-border-radius);height:var(--ti-slider-height);position:relative;margin:13px 0;background:var(--ti-slider-bg-color);cursor:pointer;width:calc(100% - 89px);display:inline-block}.tiny-slider__wrapper{--ti-slider-bg-color:var(--ti-base-color-brand-2);--ti-slider-height:var(--ti-common-size-2x);--ti-slider-border-radius:2px;--ti-slider-range-height:var(--ti-common-size-4x);--ti-slider-range-border-radius:2px;--ti-slider-range-bg-color:var(--ti-base-color-brand-6);--ti-slider-range-hover-bg-color:var(--ti-base-color-brand-6);--ti-slider-range-top:calc(-1 * var(--ti-common-space-base));--ti-slider-range-margin-top:calc(-1 * var(--ti-common-space-base));--ti-slider-handle-width:var(--ti-common-size-5x);--ti-slider-handle-height:var(--ti-common-size-7x);--ti-slider-handle-bg-color:linear-gradient(153deg, var(--ti-base-color-white), var(--ti-base-color-brand-2) 99%);--ti-slider-handle-border-color:var(--ti-base-color-brand-6);--ti-slider-handle-border-radius:10px;--ti-slider-handle-text-color-hover:var(--ti-common-color-bg-hover);--ti-slider-handle-border-color-hover:var(--ti-common-color-bg-hover);--ti-slider-handle-box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);--ti-slider-handle-top:calc(-1 * var(--ti-common-space-base));--ti-slider-handle-border-weight:1px;--ti-slider-handle-icon-display:inline-block;--ti-slider-handle-icon-fill-color:var(--ti-slider-handle-border-color);--ti-slider-handle-icon-fill-color-hover:var(--ti-slider-handle-text-color-hover);--ti-slider-handle-transform:scale(1);--ti-slider-handle-margin-top:-10px;--ti-slider-handle-margin-horizontal:-8px;--ti-slider-handle-margin-bottom:0;--ti-slider-input-height:var(--ti-common-size-height-minor, 30px);--ti-slider-input-width:var(--ti-common-size-10x);--ti-slider-input-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-slider-input-border-color:var(--ti-common-color-border, #d9d9d9);--ti-slider-input-text-color:var(--ti-common-color-info-normal, #333);--ti-slider-input-bg-color:var(--ti-common-color-light, #fff);--ti-slider-tips-bg-color:var(--ti-base-color-common-6);--ti-slider-tips-border-color:var(--ti-base-color-common-6);--ti-slider-tips-text-color:var(--ti-base-color-white);--ti-slider-tips-margin-left:3px;--ti-slider-margin-vertical:-8px;--ti-slider-margin-right:0;--ti-slider-margin-left:-6px}.tiny-slider:hover .tiny-slider__range{background:var(--ti-slider-range-hover-bg-color)}.tiny-slider:hover .tiny-slider__handle{border-color:var(--ti-slider-handle-border-color-hover)}.tiny-slider.disabled{cursor:default}.tiny-slider.disabled .tiny-slider__handle{cursor:not-allowed}.tiny-slider__vertical{width:var(--ti-slider-height);height:300px;display:block;margin:0 15px}.tiny-slider__vertical+.tiny-slider__input{margin-top:12px;float:none;right:0}.tiny-slider__vertical .tiny-slider__range{border-radius:10px;position:absolute;z-index:1;width:var(--ti-slider-height)}.tiny-slider__vertical .tiny-slider__up{top:0}.tiny-slider__vertical .tiny-slider__down{bottom:0}.tiny-slider__vertical .tiny-slider__handle{margin:var(--ti-slider-margin-vertical) var(--ti-slider-margin-right) var(--ti-slider-margin-vertical) var(--ti-slider-margin-left)}.tiny-slider__range{border-radius:var(--ti-slider-range-border-radius);position:absolute;z-index:1;margin-top:var(--ti-slider-range-margin-top);height:var(--ti-slider-range-height);background:var(--ti-slider-range-bg-color)}.tiny-slider__left{left:0}.tiny-slider__right{right:0}.tiny-slider__handle{border-radius:var(--ti-slider-handle-border-radius);height:var(--ti-slider-handle-height);width:var(--ti-slider-handle-width);position:absolute;margin:var(--ti-slider-handle-margin-top) var(--ti-slider-handle-margin-horizontal) var(--ti-slider-handle-margin-bottom);z-index:2;outline:0;background:var(--ti-slider-handle-bg-color);border:var(--ti-slider-handle-border-weight) solid var(--ti-slider-handle-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--ti-slider-handle-box-shadow);box-shadow:var(--ti-slider-handle-box-shadow);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab;text-align:center}.tiny-slider__handle:hover{color:var(--ti-slider-handle-text-color-hover);border-color:var(--ti-slider-handle-border-color-hover);-webkit-transform:var(--ti-slider-handle-transform);transform:var(--ti-slider-handle-transform)}.tiny-slider__handle:hover svg{fill:var(--ti-slider-handle-icon-fill-color-hover)}.tiny-slider__handle svg{display:var(--ti-slider-handle-icon-display);height:12px;margin-left:4px;fill:var(--ti-slider-handle-icon-fill-color)}.tiny-slider__tips{text-align:center;font-size:var(--ti-common-font-size-base);margin-top:-32px;margin-left:var(--ti-slider-tips-margin-left);position:absolute;padding:12px 16px;line-height:1.5;z-index:1010;word-break:normal;white-space:nowrap;background:var(--ti-slider-tips-bg-color);border:1px solid var(--ti-slider-tips-border-color);border-radius:var(--ti-common-border-radius-1);color:var(--ti-slider-tips-text-color)}.tiny-slider__tips:before{margin-left:-6px;bottom:-6px;content:'';left:50%;top:auto;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:var(--ti-slider-tips-border-color) transparent}.tiny-slider__tips:after{margin-left:-4px;bottom:-4px;content:'';left:50%;top:auto;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-slider-tips-border-color) transparent}.tiny-slider__input{display:inline-block;line-height:var(--ti-slider-input-height);vertical-align:top;margin-left:12px;font-size:var(--ti-common-font-size-base)}.tiny-slider__input input{width:var(--ti-slider-input-width);height:var(--ti-slider-input-height);line-height:var(--ti-slider-input-height);border:1px solid var(--ti-slider-input-border-color);border-radius:var(--ti-slider-input-border-radius);color:var(--ti-slider-input-text-color);background:var(--ti-slider-input-bg-color);font-size:inherit;padding:0 8px;outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.tiny-slider__input span{padding-left:8px}
1
+ .tiny-slider{border-radius:var(--ti-slider-border-radius);height:var(--ti-slider-height);position:relative;margin:13px 0;background:var(--ti-slider-bg-color);cursor:pointer;width:calc(100% - 89px);display:inline-block}.tiny-slider__wrapper{--ti-slider-bg-color:var(--ti-common-color-bg-light-normal);--ti-slider-height:var(--ti-common-size-2x);--ti-slider-border-radius:var(--ti-common-border-radius-normal);--ti-slider-range-height:var(--ti-common-size-4x);--ti-slider-range-border-radius:var(--ti-common-border-radius-normal);--ti-slider-range-bg-color:var(--ti-common-color-icon-hover);--ti-slider-range-hover-bg-color:var(--ti-common-color-icon-hover);--ti-slider-range-top:calc(-1 * var(--ti-common-space-base));--ti-slider-range-margin-top:calc(-1 * var(--ti-common-space-base));--ti-slider-handle-width:var(--ti-common-size-5x);--ti-slider-handle-height:var(--ti-common-size-7x);--ti-slider-handle-bg-color:linear-gradient(153deg, var(--ti-common-color-icon-white), var(--ti-common-color-bg-light-normal) 99%);--ti-slider-handle-border-color:var(--ti-common-color-line-active);--ti-slider-handle-border-radius:calc(var(--ti-common-border-radius-2) + 2px);--ti-slider-handle-text-color-hover:var(--ti-common-color-bg-hover);--ti-slider-handle-border-color-hover:var(--ti-common-color-bg-hover);--ti-slider-handle-box-shadow:var(--ti-common-shadow-1-down);--ti-slider-handle-top:calc(-1 * var(--ti-common-space-base));--ti-slider-handle-border-weight:var(--ti-common-border-weight-normal);--ti-slider-handle-icon-display:inline-block;--ti-slider-handle-icon-fill-color:var(--ti-common-color-line-active);--ti-slider-handle-icon-fill-color-hover:var(--ti-common-color-bg-hover);--ti-slider-handle-transform:scale(1);--ti-slider-handle-margin-top:calc(var(--ti-common-space-10)*-1);--ti-slider-handle-margin-horizontal:calc(var(--ti-common-space-2x) * -1);--ti-slider-handle-margin-bottom:var(--ti-common-space-0);--ti-slider-input-height:var(--ti-common-size-height-normal, 30px);--ti-slider-input-width:var(--ti-common-size-10x);--ti-slider-input-border-radius:calc(var(--ti-common-border-radius-normal) + 2px);--ti-slider-input-border-color:var(--ti-common-color-border, #d9d9d9);--ti-slider-input-text-color:var(--ti-common-color-info-normal, #333);--ti-slider-input-bg-color:var(--ti-common-color-light, #fff);--ti-slider-tips-bg-color:var(--ti-common-color-bg-dark-normal);--ti-slider-tips-border-color:var(--ti-common-color-bg-dark-normal);--ti-slider-tips-text-color:var(--ti-common-color-text-white);--ti-slider-tips-margin-left:calc(var(--ti-common-space-6) / 2);--ti-slider-margin-vertical:calc(var(--ti-common-space-2x) * -1);--ti-slider-margin-right:var(--ti-common-space-0);--ti-slider-margin-left:calc(var(--ti-common-space-6) * -1)}.tiny-slider:hover .tiny-slider__range{background:var(--ti-slider-range-hover-bg-color)}.tiny-slider:hover .tiny-slider__handle{border-color:var(--ti-slider-handle-border-color-hover)}.tiny-slider.disabled{cursor:default}.tiny-slider.disabled .tiny-slider__handle{cursor:not-allowed}.tiny-slider__vertical{width:var(--ti-slider-height);height:300px;display:block;margin:0 15px}.tiny-slider__vertical+.tiny-slider__input{margin-top:12px;float:none;right:0}.tiny-slider__vertical .tiny-slider__range{border-radius:10px;position:absolute;z-index:1;width:var(--ti-slider-height)}.tiny-slider__vertical .tiny-slider__up{top:0}.tiny-slider__vertical .tiny-slider__down{bottom:0}.tiny-slider__vertical .tiny-slider__handle{margin:var(--ti-slider-margin-vertical) var(--ti-slider-margin-right) var(--ti-slider-margin-vertical) var(--ti-slider-margin-left)}.tiny-slider__range{border-radius:var(--ti-slider-range-border-radius);position:absolute;z-index:1;margin-top:var(--ti-slider-range-margin-top);height:var(--ti-slider-range-height);background:var(--ti-slider-range-bg-color)}.tiny-slider__left{left:0}.tiny-slider__right{right:0}.tiny-slider__handle{border-radius:var(--ti-slider-handle-border-radius);height:var(--ti-slider-handle-height);width:var(--ti-slider-handle-width);position:absolute;margin:var(--ti-slider-handle-margin-top) var(--ti-slider-handle-margin-horizontal) var(--ti-slider-handle-margin-bottom);z-index:2;outline:0;background:var(--ti-slider-handle-bg-color);border:var(--ti-slider-handle-border-weight) solid var(--ti-slider-handle-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--ti-slider-handle-box-shadow);box-shadow:var(--ti-slider-handle-box-shadow);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab;text-align:center}.tiny-slider__handle:hover{color:var(--ti-slider-handle-text-color-hover);border-color:var(--ti-slider-handle-border-color-hover);-webkit-transform:var(--ti-slider-handle-transform);transform:var(--ti-slider-handle-transform)}.tiny-slider__handle:hover svg{fill:var(--ti-slider-handle-icon-fill-color-hover)}.tiny-slider__handle svg{display:var(--ti-slider-handle-icon-display);height:12px;margin-left:4px;fill:var(--ti-slider-handle-icon-fill-color)}.tiny-slider__tips{text-align:center;font-size:var(--ti-common-font-size-base);margin-top:-32px;margin-left:var(--ti-slider-tips-margin-left);position:absolute;padding:12px 16px;line-height:1.5;z-index:1010;word-break:normal;white-space:nowrap;background:var(--ti-slider-tips-bg-color);border:1px solid var(--ti-slider-tips-border-color);border-radius:var(--ti-common-border-radius-1);color:var(--ti-slider-tips-text-color)}.tiny-slider__tips:before{margin-left:-6px;bottom:-6px;content:'';left:50%;top:auto;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:var(--ti-slider-tips-border-color) transparent}.tiny-slider__tips:after{margin-left:-4px;bottom:-4px;content:'';left:50%;top:auto;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-slider-tips-border-color) transparent}.tiny-slider__input{display:inline-block;line-height:var(--ti-slider-input-height);vertical-align:top;margin-left:12px;font-size:var(--ti-common-font-size-base)}.tiny-slider__input input{width:var(--ti-slider-input-width);height:var(--ti-slider-input-height);line-height:var(--ti-slider-input-height);border:1px solid var(--ti-slider-input-border-color);border-radius:var(--ti-slider-input-border-radius);color:var(--ti-slider-input-text-color);background:var(--ti-slider-input-bg-color);font-size:inherit;padding:0 8px;outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.tiny-slider__input span{padding-left:8px}
@@ -0,0 +1 @@
1
+ export const tinySliderSmbTheme = {}
@@ -0,0 +1,3 @@
1
+ export const tinySplitAuroraTheme = {
2
+ 'ti-split-pane-font-size': '12px'
3
+ }
package/split/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-split{--ti-split-border-color:#d9d9d9;--ti-split-trigger-bg-color:#d9d9d9;--ti-split-trigger-bar-bg-color:var(--ti-common-color-secondary);--ti-split-trigger-hover-bg-color:var(--ti-split-trigger-bg-color);--ti-split-trigger-bar-hover-bg-color:var(--ti-split-trigger-bar-bg-color);--ti-split-trigger-bar-con-bg-color:var(--ti-common-color-light);--ti-split-trigger-size:4px;--ti-split-trigger-bar-margin-left:4px;--ti-split-trigger-bar-margin-top:4px;--ti-split-trigger-con-col-cursor:e-resize;--ti-split-trigger-con-row-cursor:n-resize}.tiny-split-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.tiny-split-pane{position:absolute}.tiny-split-pane.left-pane,.tiny-split-pane.right-pane{top:0;bottom:0;overflow:hidden}.tiny-split-pane.left-pane{left:0}.tiny-split-pane.right-pane{right:0}.tiny-split-pane.bottom-pane,.tiny-split-pane.top-pane{left:0;right:0;overflow:hidden}.tiny-split-pane.top-pane{top:0}.tiny-split-pane.bottom-pane{bottom:0}.tiny-split-pane-moving{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-split-trigger-con{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-split-trigger-con:hover .tiny-split-trigger{background:var(--ti-split-trigger-hover-bg-color)}.tiny-split-trigger-con:hover .tiny-split-trigger-bar{background:var(--ti-split-trigger-bar-hover-bg-color)}.tiny-split-trigger-bar-con{position:absolute;overflow:hidden;background:var(--ti-split-trigger-bar-con-bg-color)}.tiny-split-trigger-bar-con.vertical{top:50%;height:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-split-trigger-bar-con.horizontal{left:50%;width:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tiny-split-trigger-vertical{width:var(--ti-split-trigger-size);height:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-vertical .tiny-split-trigger-bar{width:var(--ti-split-trigger-size);height:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-top:var(--ti-split-trigger-bar-margin-top);border-radius:50%}.tiny-split-trigger-horizontal{height:var(--ti-split-trigger-size);width:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-horizontal .tiny-split-trigger-bar{height:var(--ti-split-trigger-size);width:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-left:var(--ti-split-trigger-bar-margin-left);border-radius:50%}.tiny-split-horizontal .tiny-split-collapse-bar,.tiny-split-vertical .tiny-split-collapse-bar{position:absolute;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;background:#d9d9d9;z-index:15;cursor:pointer}.tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px;cursor:var(--ti-split-trigger-con-col-cursor)}.tiny-split-horizontal .tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%}.tiny-split-horizontal .tiny-split-collapse-bar{top:calc(50% - 15px);height:30px;border-radius:0 4px 4px 0}.tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%;cursor:var(--ti-split-trigger-con-row-cursor)}.tiny-split-vertical .tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px}.tiny-split-vertical .tiny-split-collapse-bar{left:calc(50% - 15px);width:30px;border-radius:0 0 4px 4px}.tiny-split .no-select{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}
1
+ .tiny-split{--ti-split-pane-font-size:var(--ti-common-font-size-2);--ti-split-trigger-bg-color:var(--ti-common-color-line-dividing);--ti-split-trigger-bar-bg-color:var(--ti-common-color-icon-normal);--ti-split-trigger-hover-bg-color:var(--ti-split-trigger-bg-color);--ti-split-trigger-bar-hover-bg-color:var(--ti-split-trigger-bar-bg-color);--ti-split-trigger-bar-con-bg-color:var(--ti-common-color-light);--ti-split-trigger-size:var(--ti-common-size-base);--ti-split-trigger-bar-margin-left:var(--ti-common-space-base);--ti-split-trigger-con-col-cursor:e-resize;--ti-split-trigger-bar-margin-top:var(--ti-common-space-base);--ti-split-trigger-con-row-cursor:n-resize}.tiny-split-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.tiny-split-pane{position:absolute;font-size:var(--ti-split-pane-font-size)}.tiny-split-pane.left-pane,.tiny-split-pane.right-pane{top:0;bottom:0;overflow:hidden}.tiny-split-pane.left-pane{left:0}.tiny-split-pane.right-pane{right:0}.tiny-split-pane.bottom-pane,.tiny-split-pane.top-pane{left:0;right:0;overflow:hidden}.tiny-split-pane.top-pane{top:0}.tiny-split-pane.bottom-pane{bottom:0}.tiny-split-pane-moving{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-split-trigger-con{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-split-trigger-con:hover .tiny-split-trigger{background:var(--ti-split-trigger-hover-bg-color)}.tiny-split-trigger-con:hover .tiny-split-trigger-bar{background:var(--ti-split-trigger-bar-hover-bg-color)}.tiny-split-trigger-bar-con{position:absolute;overflow:hidden;background:var(--ti-split-trigger-bar-con-bg-color)}.tiny-split-trigger-bar-con.vertical{top:50%;height:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-split-trigger-bar-con.horizontal{left:50%;width:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tiny-split-trigger-vertical{width:var(--ti-split-trigger-size);height:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-vertical .tiny-split-trigger-bar{width:var(--ti-split-trigger-size);height:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-top:var(--ti-split-trigger-bar-margin-top);border-radius:50%}.tiny-split-trigger-horizontal{height:var(--ti-split-trigger-size);width:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-horizontal .tiny-split-trigger-bar{height:var(--ti-split-trigger-size);width:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-left:var(--ti-split-trigger-bar-margin-left);border-radius:50%}.tiny-split-horizontal .tiny-split-collapse-bar,.tiny-split-vertical .tiny-split-collapse-bar{position:absolute;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;background:#d9d9d9;z-index:15;cursor:pointer}.tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px;cursor:var(--ti-split-trigger-con-col-cursor)}.tiny-split-horizontal .tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%}.tiny-split-horizontal .tiny-split-collapse-bar{top:calc(50% - 15px);height:30px;border-radius:0 4px 4px 0}.tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%;cursor:var(--ti-split-trigger-con-row-cursor)}.tiny-split-vertical .tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px}.tiny-split-vertical .tiny-split-collapse-bar{left:calc(50% - 15px);width:30px;border-radius:0 0 4px 4px}.tiny-split .no-select{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}
package/steps/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-steps{--ti-steps-advanced-active-bg-color:var(--ti-base-color-brand-6);--ti-steps-done-active-border-color:var(--ti-base-color-brand-6);--ti-steps-done-icon-fill-color:var(--ti-base-color-brand-6);--ti-steps-done-icon-bg-color:var(--ti-common-color-light);--ti-steps-line-bg-color:#dbdbdb;--ti-steps-done-text-color:var(--ti-common-color-info-normal);--ti-steps-line-height:var(--ti-common-size-base);--ti-steps-line-active-bg-color:var(--ti-base-color-brand-6);--ti-steps-advanced-border-color:var(--ti-common-color-border);--ti-steps-advanced-text-color:var(--ti-common-color-placeholder);--ti-steps-advanced-line-height:28px;--ti-steps-advanced-li-bg-color:var(--ti-common-color-light);--ti-steps-advanced-li-text-color:var(--ti-common-color-light);--ti-steps-advanced-li-hover-text-color:var(--ti-common-color-placeholder);--ti-steps-advanced-li-hover-bg-color:#f1f1f1;--ti-steps-advanced-link-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-dot-height:12px;--ti-steps-advanced-dot-width:12px;--ti-steps-advanced-dot-done-bg-color:var(--ti-common-color-success-normal);--ti-steps-advanced-dot-doing-bg-color:#faad14;--ti-steps-advanced-dot-wait-bg-color:var(--ti-common-color-success-normal);--ti-steps-advanced-count-bg-color:var(--ti-base-color-bg-8);--ti-steps-advanced-count-border-radius:10px;--ti-steps-advanced-count-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-count-height:18px;--ti-steps-advanced-border-weight:14px;--ti-steps-timeline-date-time-font-size:var(--ti-common-font-size-base);--ti-steps-timeline-name-font-size:var(--ti-common-font-size-1);--ti-steps-timeline-date-time-text-color:var(--ti-common-color-placeholder);--ti-steps-icon-size:var(--ti-common-size-5x);--ti-steps-font-size-7:var(--ti-common-font-size-7);--ti-steps-font-size-base:var(--ti-common-font-size-base);--ti-steps-icon-font-size:var(--ti-common-font-size-base);--ti-steps-icon-bg-color:#d9d9d9;--ti-steps-unselected-text-color:var(--ti-common-color-light);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-advanced li{line-height:var(--ti-steps-advanced-line-height);display:inline-block;background:var(--ti-steps-advanced-li-bg-color);position:relative}.tiny-steps .tiny-steps-advanced li.current a{background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-weight:700}.tiny-steps .tiny-steps-advanced li.current a::after{border-left-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .tiny-steps-advanced li a{border:solid 1px var(--ti-steps-advanced-border-color);border-right:none;display:block;text-align:center;position:relative;text-decoration:none;color:var(--ti-steps-advanced-text-color);font-size:var(--ti-steps-advanced-link-font-size)}.tiny-steps .tiny-steps-advanced li a::after{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #fff;position:absolute;right:-9px;top:0;z-index:1}.tiny-steps .tiny-steps-advanced li a::before{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #d7d8da;position:absolute;left:0;top:0}.tiny-steps .tiny-steps-advanced li a:hover{background:var(--ti-steps-advanced-li-hover-bg-color);color:var(--ti-steps-advanced-li-hover-text-color);text-decoration:none}.tiny-steps .tiny-steps-advanced li a:hover::after{border-left-color:var(--ti-steps-advanced-li-hover-bg-color)}.tiny-steps .tiny-steps-advanced li:first-child a{border-top-left-radius:3px;border-bottom-left-radius:3px}.tiny-steps .tiny-steps-advanced li:first-child a::before{display:none}.tiny-steps .tiny-steps-advanced li:last-child a{border-right:solid 1px var(--ti-steps-advanced-border-color);border-top-right-radius:3px;border-bottom-right-radius:3px}.tiny-steps .tiny-steps-advanced li:last-child a::after{display:none}.tiny-steps .tiny-steps-advanced li .dot{height:var(--ti-steps-advanced-dot-height);width:var(--ti-steps-advanced-dot-width);margin-right:8px;padding:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.tiny-steps .tiny-steps-advanced li .dot svg{width:100%;height:100%;fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced li.current .dot svg,.tiny-steps .tiny-steps-advanced li.current .dot svg:hover{fill:var(--ti-steps-advanced-li-bg-color)}.tiny-steps .tiny-steps-advanced li:hover .dot svg{fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced .count{background-color:var(--ti-steps-advanced-count-bg-color);border-radius:var(--ti-steps-advanced-count-border-radius);color:var(--ti-steps-advanced-li-text-color);display:inline-block;font-size:var(--ti-steps-advanced-count-font-size);height:var(--ti-steps-advanced-count-height);line-height:var(--ti-steps-advanced-count-height);padding:0 6px;text-align:center;white-space:nowrap;position:absolute;top:-10px;right:10px}.tiny-steps .line{background:var(--ti-steps-line-bg-color)}.tiny-steps .icon{width:var(--ti-steps-icon-size);height:var(--ti-steps-icon-size);line-height:var(--ti-steps-icon-size);position:relative;font-size:var(--ti-steps-icon-font-size);text-align:center;left:calc(50% - 10px);top:4px;border-radius:50%;background:var(--ti-steps-icon-bg-color);color:var(--ti-steps-unselected-text-color);cursor:pointer;z-index:15}.tiny-steps .date-time{text-align:center}.tiny-steps .node-description{position:relative;margin-top:6px;overflow:hidden;text-align:center}.tiny-steps .node-description .name{font-size:var(--ti-steps-font-size-base);float:left;width:100%}.tiny-steps .node-description .status{font-size:var(--ti-steps-font-size-base);float:left;width:100%}.tiny-steps .process-done .node-description{color:var(--ti-steps-done-text-color)}.tiny-steps .process-done .icon{background:var(--ti-steps-done-icon-bg-color);color:var(--ti-steps-done-icon-fill-color);width:var(--ti-steps-icon-size);height:var(--ti-steps-icon-size);line-height:var(--ti-steps-icon-size);font-size:var(--ti-steps-icon-size)}.tiny-steps .process-done .icon .tiny-svg{fill:var(--ti-steps-done-icon-fill-color);vertical-align:baseline;border:1px solid var(--ti-steps-done-active-border-color);border-radius:50%;padding:2px}.tiny-steps .process-done .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .process-current .icon{background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-size:var(--ti-steps-font-size-base)}.tiny-steps .reverse .process-current .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .tiny-steps-normal{overflow:hidden}.tiny-steps .tiny-steps-normal .normal{display:block;float:left}.tiny-steps .tiny-steps-normal .line{height:var(--ti-steps-line-height);left:50%;top:-8px;position:relative}.tiny-steps .tiny-steps-normal .line-end{width:0}.tiny-steps .tiny-steps-normal .process-done .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .tiny-steps-normal .process-current .name{color:var(--ti-steps-advanced-active-bg-color);font-weight:700}.tiny-steps .tiny-steps-normal .icon span{display:inline-block}.tiny-steps .tiny-steps-timeline{overflow:hidden;font-size:var(--ti-steps-timeline-name-font-size);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-timeline .timeline .line{width:var(--ti-steps-line-height);float:left}.tiny-steps .tiny-steps-timeline .timeline .line .tiny-svg{vertical-align:baseline}.tiny-steps .tiny-steps-timeline .timeline .date-time{width:100px;float:left;padding-right:20px;text-align:right}.tiny-steps .tiny-steps-timeline .timeline .date-time .time{display:block;line-height:1}.tiny-steps .tiny-steps-timeline .timeline .date-time .date{display:block;line-height:1;margin-bottom:4px}.tiny-steps .tiny-steps-timeline .timeline.process-done{color:var(--ti-steps-done-text-color)}.tiny-steps .tiny-steps-timeline .timeline.process-current{color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .tiny-steps-timeline .timeline .name{float:left;margin-left:20px;line-height:1.45em}.tiny-steps .tiny-steps-timeline .timeline .icon{top:0}.tiny-steps.mobile{padding-left:10%}.tiny-steps.mobile .tiny-steps-timeline{overflow:inherit}.tiny-steps.mobile .tiny-steps-timeline .tiny-icon{font-size:45px}.tiny-steps.mobile .tiny-steps-timeline .timeline .line .icon{width:45px;line-height:45px;height:45px;font-size:var(--ti-steps-font-size-7);position:relative;left:-20px}.tiny-steps.mobile .tiny-steps-timeline .timeline .name{margin-left:30px;font-size:26px}.tiny-steps.mobile .tiny-steps-timeline .timeline>div{margin-left:20px}
1
+ .tiny-steps{--ti-steps-circle-width-height:var(--ti-common-size-5x);--ti-steps-number-font-size:var(--ti-common-font-size-base);--ti-steps-font-size-base:var(--ti-common-font-size-base);--ti-steps-font-size-hover:var(--ti-common-font-weight-4);--ti-steps-text-color-hover:var(--ti-common-color-primary-normal);--ti-steps-icon-size:var(--ti-common-size-5x);--ti-steps-font-size-7:var(--ti-common-font-size-7);--ti-steps-line-height:var(--ti-common-border-weight-normal);--ti-steps-line-margin-horizontal:var(--ti-common-space-2x);--ti-steps-line-min-width:var(--ti-common-space-4x);--ti-steps-text-margin-left:var(--ti-common-space-base);--ti-steps-line-width:var(--ti-common-size-16x);--ti-steps-content-max-width:calc(var(--ti-common-space-10) * 25);--ti-steps-content-margin-top:var(--ti-common-space-6);--ti-steps-bottom-divider-height:var(--ti-common-space-1);--ti-steps-bottom-divider-margin-top:var(--ti-common-space-4x);--ti-steps-bottom-divider-bg-color:var(--ti-common-color-line-dividing);--ti-steps-advanced-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-steps-active-font-weight:var(--ti-common-font-weight-4);--ti-steps-advanced-active-text-color:var(--ti-common-color-primary-normal);--ti-steps-done-text-color:var(--ti-common-color-text-primary);--ti-steps-line-active-bg-color:var(--ti-common-color-line-active);--ti-steps-done-active-border-color:var(--ti-common-color-line-active);--ti-steps-done-icon-color:var(--ti-common-color-icon-active);--ti-steps-done-icon-size:var(--ti-common-font-size-1);--ti-steps-done-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-line-bg-color:var(--ti-common-color-bg-secondary);--ti-steps-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-unselected-icon-color:var(--ti-common-color-icon-normal);--ti-steps-unselected-hover-icon-color:var(--ti-common-color-icon-hover);--ti-steps-unselected-border-color:var(--ti-steps-unselected-icon-color);--ti-steps-unselected-hover-border-color:var(--ti-steps-unselected-hover-icon-color);--ti-steps-timeline-date-time-text-color:var(--ti-common-color-text-primary);--ti-steps-error-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-error-icon-color:var(--ti-common-color-error-text);--ti-steps-error-icon-size:var(--ti-common-font-size-1);--ti-steps-error-border-color:var(--ti-common-color-error-border);--ti-steps-error-text-color:var(--ti-common-color-error-text);--ti-steps-disabled-icon-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-disabled-icon-color:var(--ti-common-color-text-disabled);--ti-steps-disabled-border-color:var(--ti-steps-disabled-icon-color);--ti-steps-disabled-text-color:var(--ti-common-color-text-disabled);--ti-steps-mini-icon-size:var(--ti-common-font-size-5);--ti-steps-mini-number-font-size:var(--ti-common-font-size-base);--ti-steps-mini-font-size-base:var(--ti-common-font-size-base);--ti-steps-advanced-border-color:var(--ti-common-color-line-normal);--ti-steps-advanced-text-color:var(--ti-common-color-text-secondary);--ti-steps-advanced-line-height:var(--ti-common-size-7x);--ti-steps-advanced-border-radius:calc(var(--ti-common-space-1) * 3);--ti-steps-advanced-li-bg-color:var(--ti-common-color-bg-white-normal);--ti-steps-advanced-li-text-color:var(--ti-common-color-selected-text-color);--ti-steps-advanced-li-hover-text-color:var(--ti-common-color-text-secondary);--ti-steps-advanced-li-hover-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-steps-advanced-link-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-dot-height:var(--ti-common-size-3x);--ti-steps-advanced-dot-width:var(--ti-common-size-3x);--ti-steps-advanced-count-bg-color:var(--ti-common-bg-primary);--ti-steps-advanced-count-border-radius:var(--ti-common-space-10);--ti-steps-advanced-count-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-count-height:calc(var(--ti-common-space-6) * 3);--ti-steps-advanced-border-weight:calc(var(--ti-common-space-base) * 3.5);--ti-steps-timeline-date-time-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-dot-doing-bg-color:var(--ti-common-color-warn);--ti-steps-advanced-dot-wait-bg-color:var(--ti-common-color-success-normal);--ti-steps-advanced-dot-done-bg-color:var(--ti-common-color-success-normal);--ti-steps-timeline-name-font-size:var(--ti-common-font-size-1);--ti-steps-timeline-vertical-time-width:var(--ti-common-size-25x);--ti-steps-timeline-vertical-line-margin-left:var(--ti-common-size-5x);--ti-steps-timeline-vertical-line-margin-right:var(--ti-steps-timeline-vertical-line-margin-left);--ti-steps-time-text-color:var(--ti-common-color-text-weaken);--ti-steps-time-font-size:var(--ti-common-font-size-base);--ti-steps-time-margin-bottom:var(--ti-common-space-6);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-advanced li{line-height:var(--ti-steps-advanced-line-height);display:inline-block;background:var(--ti-steps-advanced-li-bg-color);position:relative}.tiny-steps .tiny-steps-advanced li.current a{background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-weight:700}.tiny-steps .tiny-steps-advanced li.current a::after{border-left-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .tiny-steps-advanced li a{border:solid 1px var(--ti-steps-advanced-border-color);border-right:none;display:block;text-align:center;position:relative;text-decoration:none;color:var(--ti-steps-advanced-text-color);font-size:var(--ti-steps-advanced-link-font-size)}.tiny-steps .tiny-steps-advanced li a::after{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #fff;position:absolute;right:-9px;top:0;z-index:1}.tiny-steps .tiny-steps-advanced li a::before{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #d7d8da;position:absolute;left:0;top:0}.tiny-steps .tiny-steps-advanced li a:hover{background:var(--ti-steps-advanced-li-hover-bg-color);color:var(--ti-steps-advanced-li-hover-text-color);text-decoration:none}.tiny-steps .tiny-steps-advanced li a:hover::after{border-left-color:var(--ti-steps-advanced-li-hover-bg-color)}.tiny-steps .tiny-steps-advanced li:first-child a{border-top-left-radius:var(--ti-steps-advanced-border-radius);border-bottom-left-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:first-child a::before{display:none}.tiny-steps .tiny-steps-advanced li:last-child a{border-right:solid 1px var(--ti-steps-advanced-border-color);border-top-right-radius:var(--ti-steps-advanced-border-radius);border-bottom-right-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:last-child a::after{display:none}.tiny-steps .tiny-steps-advanced li .dot{height:var(--ti-steps-advanced-dot-height);width:var(--ti-steps-advanced-dot-width);margin-right:8px;padding:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.tiny-steps .tiny-steps-advanced li .dot svg{width:100%;height:100%;fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced li.current .dot svg,.tiny-steps .tiny-steps-advanced li.current .dot svg:hover{fill:var(--ti-steps-advanced-li-bg-color)}.tiny-steps .tiny-steps-advanced li:hover .dot svg{fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced .count{background-color:var(--ti-steps-advanced-count-bg-color);border-radius:var(--ti-steps-advanced-count-border-radius);color:var(--ti-steps-advanced-li-text-color);display:inline-block;font-size:var(--ti-steps-advanced-count-font-size);height:var(--ti-steps-advanced-count-height);line-height:var(--ti-steps-advanced-count-height);padding:0 6px;text-align:center;white-space:nowrap;position:absolute;top:-10px;right:10px}.tiny-steps .line{background:var(--ti-steps-line-bg-color)}.tiny-steps .icon{width:var(--ti-steps-icon-size);height:var(--ti-steps-icon-size);line-height:var(--ti-steps-icon-size);position:relative;font-size:var(--ti-steps-number-font-size);text-align:center;left:calc(50% - var(--ti-steps-icon-size)/ 2);top:0;border:1px solid var(--ti-steps-unselected-border-color);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--ti-steps-icon-bg-color);color:var(--ti-steps-unselected-icon-color);cursor:pointer;z-index:15}.tiny-steps .icon .tiny-svg,.tiny-steps .icon span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1}.tiny-steps .date-time{text-align:center;color:var(--ti-steps-time-text-color);font-size:var(--ti-steps-time-font-size);margin-bottom:var(--ti-steps-time-margin-bottom)}.tiny-steps .node-description{position:relative;text-align:center}.tiny-steps .node-description .name{font-size:var(--ti-steps-font-size-base);float:left;width:100%;color:var(--ti-steps-timeline-date-time-text-color);cursor:pointer}.tiny-steps .node-description .name:hover{color:var(--ti-steps-text-color-hover)}.tiny-steps .node-description .status{font-size:var(--ti-steps-font-size-base);float:left;width:100%}.tiny-steps .tiny-step--text-bottom .node-description{margin-top:var(--ti-steps-content-margin-top)}.tiny-steps__node{position:relative}.tiny-steps .process-done .node-description{color:var(--ti-steps-done-text-color)}.tiny-steps .process-done .icon{background:var(--ti-steps-done-icon-bg-color);color:var(--ti-steps-done-icon-color);border-color:var(--ti-steps-done-active-border-color)}.tiny-steps .process-done .icon .tiny-svg{fill:var(--ti-steps-done-icon-color);font-size:var(--ti-steps-done-icon-size);border-radius:50%}.tiny-steps .process-done .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .process-current .icon{border:none;background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-size:var(--ti-steps-font-size-base)}.tiny-steps .process-error .icon{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-steps-error-icon-color);border-color:var(--ti-steps-error-border-color);cursor:not-allowed}.tiny-steps .process-error .icon .icon-wrap{font-size:0}.tiny-steps .process-error .icon svg{fill:var(--ti-steps-error-icon-color);font-size:var(--ti-steps-error-icon-size)}.tiny-steps .process-error .node-description .name{color:var(--ti-steps-error-text-color)}.tiny-steps .process-disabled .icon{color:var(--ti-steps-disabled-icon-color);border-color:var(--ti-steps-disabled-border-color);background-color:var(--ti-steps-disabled-icon-bg-color);cursor:not-allowed}.tiny-steps .process-disabled .node-description .name{color:var(--ti-steps-disabled-text-color)}.tiny-steps .process-current .node-description .name:hover,.tiny-steps .process-done .node-description .name:hover,.tiny-steps .process-error .node-description .name:hover,.tiny-steps .process-wait .node-description .name:hover{font-weight:var(--ti-steps-font-size-hover)}.tiny-steps .reverse .process-current .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .tiny-steps-normal .normal{display:block;float:left;position:relative}.tiny-steps .tiny-steps-normal .line{width:calc(100% - var(--ti-steps-icon-size) - var(--ti-steps-line-margin-horizontal) * 2);height:var(--ti-steps-line-height);left:calc(50% + var(--ti-steps-icon-size)/ 2 + var(--ti-steps-line-margin-horizontal));top:calc((var(--ti-steps-icon-size) - var(--ti-steps-line-height))/ 2);position:absolute}.tiny-steps .tiny-steps-normal .line-end{width:0}.tiny-steps .tiny-steps-normal .process-current .name{color:var(--ti-steps-advanced-active-text-color);font-weight:var(--ti-steps-active-font-weight)}.tiny-steps .tiny-steps-normal .icon span{display:inline-block}.tiny-steps .tiny-steps-normal .process-wait .tiny-steps__node .icon:hover,.tiny-steps .tiny-steps-normal .process-wait.step-content:hover .icon{border-color:var(--ti-steps-unselected-hover-border-color);color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .tiny-steps-normal .process-wait.step-content:hover .name{color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .show-divider .process-current .icon::after{content:'';display:inline-block;position:absolute;bottom:calc(-1 * var(--ti-steps-bottom-divider-margin-top));left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:7px solid transparent;border-top:none;border-bottom-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .show-divider .tiny-steps__bottom-divider{width:100%;height:var(--ti-steps-bottom-divider-height);margin-top:calc(var(--ti-steps-bottom-divider-margin-top) - 4px);background-color:var(--ti-steps-bottom-divider-bg-color)}.tiny-steps .process-current .tiny-steps__text-bottom{position:absolute;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.tiny-steps .step-content:not(.process-current) .tiny-steps__text-bottom{display:none}.tiny-steps .tiny-steps-timeline{overflow:hidden;font-size:var(--ti-steps-timeline-name-font-size);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-timeline .timeline .line{width:var(--ti-steps-line-height);float:left}.tiny-steps .tiny-steps-timeline .timeline .line .tiny-svg{vertical-align:baseline}.tiny-steps .tiny-steps-timeline .timeline .date-time{width:var(--ti-steps-timeline-vertical-left-width);float:left;padding-right:var(--ti-steps-timeline-vertical-line-margin-left);text-align:right}.tiny-steps .tiny-steps-timeline .timeline .date-time .time{display:block;line-height:1}.tiny-steps .tiny-steps-timeline .timeline .date-time .date{display:block;line-height:1;margin-bottom:4px}.tiny-steps .tiny-steps-timeline .timeline.process-done{color:var(--ti-steps-done-text-color)}.tiny-steps .tiny-steps-timeline .timeline.process-current{color:var(--ti-steps-advanced-active-text-color)}.tiny-steps .tiny-steps-timeline .timeline .name{float:left;margin-left:var(--ti-steps-timeline-vertical-line-margin-right);line-height:1.45em}.tiny-steps .tiny-steps-timeline .timeline .icon{top:0}.tiny-steps.mobile{padding-left:10%}.tiny-steps.mobile .tiny-steps-timeline{overflow:inherit}.tiny-steps.mobile .tiny-steps-timeline .tiny-icon{font-size:45px}.tiny-steps.mobile .tiny-steps-timeline .timeline .line .icon{width:45px;line-height:45px;height:45px;font-size:var(--ti-steps-font-size-7);position:relative;left:-20px}.tiny-steps.mobile .tiny-steps-timeline .timeline .name{margin-left:30px;font-size:26px}.tiny-steps.mobile .tiny-steps-timeline .timeline>div{margin-left:20px}.tiny-steps--text-right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0}.tiny-steps--text-right .step-line{width:var(--ti-steps-line-width);height:var(--ti-steps-line-height);min-width:var(--ti-steps-line-min-width);margin:0 var(--ti-steps-line-margin-horizontal);line-height:0;background-color:var(--ti-steps-line-bg-color);font-size:0}.tiny-steps--text-right .step-line.line-done{background-color:var(--ti-steps-line-active-bg-color)}.tiny-steps--text-right .step-content.normal{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-steps--text-right .step-content.normal .step-icon{top:0;left:0;-ms-flex-negative:0;flex-shrink:0}.tiny-steps--text-right .step-content.normal .step-text{margin-left:var(--ti-steps-text-margin-left);max-width:var(--ti-steps-content-max-width)}.tiny-steps--text-right .step-content.normal .step-text .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:normal;text-align:left}.tiny-steps--mini .icon{width:var(--ti-steps-mini-icon-size);height:var(--ti-steps-mini-icon-size)}.tiny-steps--mini .process-done .icon .tiny-svg,.tiny-steps--mini .process-done .icon span,.tiny-steps--mini .process-error .icon .tiny-svg,.tiny-steps--mini .tiny-svg,.tiny-steps--mini span{font-size:var(--ti-steps-mini-number-font-size)}.tiny-steps--mini .node-description .name,.tiny-steps--mini .node-description .status{font-size:var(--ti-steps-mini-font-size-base)}
@@ -0,0 +1,25 @@
1
+ export const tinyStepsSmbTheme = {
2
+ 'ti-steps-icon-size': 'var(--ti-common-size-height-normal)',
3
+ 'ti-steps-text-margin-left': 'var(--ti-common-space-2x)',
4
+ 'ti-steps-font-size-hover': 'var(--ti-common-font-weight-bold)',
5
+ 'ti-steps-text-color-hover': 'var(--ti-common-color-text-primary)',
6
+ 'ti-steps-content-margin-top': 'var(--ti-common-space-2x)',
7
+ 'ti-steps-advanced-li-text-color': 'var(--ti-common-color-text-white)',
8
+ 'ti-steps-unselected-border-color': 'var(--ti-common-color-line-normal)',
9
+ 'ti-steps-done-text-color': 'var(--ti-common-color-text-primary)',
10
+ 'ti-steps-done-icon-color': 'var(--ti-common-color-text-primary)',
11
+ 'ti-steps-done-icon-size': 'var(--ti-common-font-size-4)',
12
+ 'ti-steps-active-font-weight': 'var(--ti-common-font-weight-6)',
13
+ 'ti-steps-line-active-bg-color': 'var(--ti-common-color-dash-line-normal)',
14
+ 'ti-steps-line-bg-color': 'var(--ti-common-color-bg-disabled)',
15
+ 'ti-steps-advanced-link-font-size': 'var(--ti-common-font-size-0)',
16
+ 'ti-steps-advanced-count-font-size': 'var(--ti-common-font-size-0)',
17
+ 'ti-steps-error-icon-size': 'var(--ti-common-font-size-2)',
18
+ 'ti-steps-disabled-icon-bg-color': 'var(--ti-common-color-bg-disabled)',
19
+ 'ti-steps-disabled-border-color': 'var(--ti-common-color-line-disabled)',
20
+ 'ti-steps-timeline-date-time-text-color': 'var(--ti-common-color-text-primary)',
21
+ 'ti-steps-timeline-date-time-font-size': 'var(--ti-common-font-size-0)',
22
+ 'ti-steps-mini-number-font-size': 'var(--ti-common-font-size-0)',
23
+ 'ti-steps-mini-font-size-base': 'var(--ti-common-font-size-0)',
24
+ 'ti-steps-bottom-divider-margin-top': 'calc(var(--ti-common-space-6x) + 1px)'
25
+ }
@@ -0,0 +1,26 @@
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="-58.3%" y="-58.3%" width="216.7%" height="216.7%" 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
+ </defs>
15
+ <g id="icon/16/添加" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
16
+ <g id="编组-122" filter="url(#filter-1)" transform="translate(2.000000, 2.000000)" stroke="#808080">
17
+ <g id="编组-15备份">
18
+ <circle id="椭圆形" cx="6" cy="6" r="6"></circle>
19
+ <g id="编组-50" transform="translate(2.500000, 2.500000)">
20
+ <line x1="0" y1="3.5" x2="7" y2="3.5" id="路径-14"></line>
21
+ <line x1="2.64762869e-15" y1="3.5" x2="7" y2="3.5" id="路径-14" transform="translate(3.500000, 3.500000) rotate(90.000000) translate(-3.500000, -3.500000) "></line>
22
+ </g>
23
+ </g>
24
+ </g>
25
+ </g>
26
+ </svg>
@@ -0,0 +1,6 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <g id="aui-collapse-item_arrow" stroke="none" stroke-width="1">
4
+ <path d="M3.28398508,4 L10.7160149,4 C11.2682997,4 11.7160149,4.44771525 11.7160149,5 C11.7160149,5.25139002 11.6213312,5.49355785 11.4508184,5.6782801 L7.73480344,9.70396293 C7.36019969,10.1097837 6.72754063,10.13509 6.3217199,9.76048628 C6.30213297,9.74240604 6.2832768,9.72354986 6.26519656,9.70396293 L2.54918163,5.6782801 C2.17457788,5.27245937 2.19988424,4.63980031 2.60570498,4.26519656 C2.79042723,4.09468371 3.03259506,4 3.28398508,4 Z" id="路径-31"></path>
5
+ </g>
6
+ </svg>