rappel-ui 1.0.32 → 1.0.34

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 (306) hide show
  1. package/README.md +7 -1
  2. package/cjs/components/button/index.js +1 -1
  3. package/cjs/components/button/src/button-group.vue_vue_type_script_setup_true_lang.js +1 -1
  4. package/cjs/components/button/src/button.vue_vue_type_script_setup_true_lang.js +1 -1
  5. package/cjs/components/button/src/constants.d.ts +1 -1
  6. package/cjs/components/button/src/constants.js +1 -1
  7. package/cjs/components/button/src/types.d.ts +1 -0
  8. package/cjs/components/dropdown/index.d.ts +157 -0
  9. package/cjs/components/dropdown/index.js +1 -0
  10. package/cjs/components/dropdown/src/constants.d.ts +15 -0
  11. package/cjs/components/dropdown/src/constants.js +1 -0
  12. package/cjs/components/dropdown/src/dropdown-item.js +1 -0
  13. package/cjs/components/dropdown/src/dropdown-item.vue.d.ts +21 -0
  14. package/cjs/components/dropdown/src/dropdown-item.vue_vue_type_script_setup_true_lang.js +1 -0
  15. package/cjs/components/dropdown/src/dropdown-menu.js +1 -0
  16. package/cjs/components/dropdown/src/dropdown-menu.vue.d.ts +14 -0
  17. package/cjs/components/dropdown/src/dropdown-menu.vue_vue_type_script_setup_true_lang.js +1 -0
  18. package/cjs/components/dropdown/src/dropdown-submenu.js +1 -0
  19. package/cjs/components/dropdown/src/dropdown-submenu.vue.d.ts +17 -0
  20. package/cjs/components/dropdown/src/dropdown-submenu.vue_vue_type_script_setup_true_lang.js +1 -0
  21. package/cjs/components/dropdown/src/dropdown.js +1 -0
  22. package/cjs/components/dropdown/src/dropdown.vue.d.ts +51 -0
  23. package/cjs/components/dropdown/src/dropdown.vue_vue_type_script_setup_true_lang.js +1 -0
  24. package/cjs/components/dropdown/src/types.d.ts +30 -0
  25. package/cjs/components/dropdown/src/use-dropdown-emit.d.ts +13 -0
  26. package/cjs/components/dropdown/src/use-dropdown-emit.js +1 -0
  27. package/cjs/components/dropdown/style/css.d.ts +0 -0
  28. package/cjs/components/dropdown/style/css.js +2 -0
  29. package/cjs/components/dropdown/style/index.d.ts +0 -0
  30. package/cjs/components/dropdown/style/index.js +2 -0
  31. package/cjs/components/index.d.ts +1 -0
  32. package/cjs/components/index.js +1 -1
  33. package/cjs/components/message/src/use-message-emit.d.ts +8 -8
  34. package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
  35. package/cjs/components/popconfirm/src/use-popconfirm-emit.d.ts +8 -8
  36. package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
  37. package/cjs/components/popover/src/use-popover-emit.d.ts +8 -8
  38. package/cjs/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.js +1 -1
  39. package/cjs/components/svg-icon/src/types.d.ts +1 -1
  40. package/cjs/components/tooltip/index.d.ts +8 -1
  41. package/cjs/components/tooltip/src/tooltip.vue.d.ts +4 -1
  42. package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
  43. package/cjs/components/tooltip/src/types.d.ts +2 -0
  44. package/cjs/components/tooltip/src/use-tooltip-emit.d.ts +8 -8
  45. package/cjs/components/transition/src/transition.vue_vue_type_script_setup_true_lang.js +1 -1
  46. package/cjs/components/transition/src/use-transition-emit.d.ts +8 -8
  47. package/cjs/composables/use-namespace/index.d.ts +2 -0
  48. package/cjs/composables/use-namespace/index.js +1 -1
  49. package/cjs/index.d.ts +473 -454
  50. package/cjs/index.js +1 -1
  51. package/cjs/svg-icons/create-icon.d.ts +3 -12
  52. package/cjs/svg-icons/create-icon.js +1 -1
  53. package/cjs/svg-icons/get-async-icon.js +1 -1
  54. package/cjs/svg-icons/icon-names.d.ts +1 -1
  55. package/cjs/svg-icons/icon-names.js +1 -1
  56. package/cjs/svg-icons/index.d.ts +5 -0
  57. package/cjs/svg-icons/index.js +1 -1
  58. package/cjs/svg-icons/src/arrow-backward.d.ts +3 -12
  59. package/cjs/svg-icons/src/arrow-backward.js +1 -1
  60. package/cjs/svg-icons/src/arrow-down.d.ts +3 -12
  61. package/cjs/svg-icons/src/arrow-down.js +1 -1
  62. package/cjs/svg-icons/src/arrow-downward.d.ts +3 -12
  63. package/cjs/svg-icons/src/arrow-downward.js +1 -1
  64. package/cjs/svg-icons/src/arrow-forward.d.ts +3 -12
  65. package/cjs/svg-icons/src/arrow-forward.js +1 -1
  66. package/cjs/svg-icons/src/arrow-left.d.ts +3 -12
  67. package/cjs/svg-icons/src/arrow-left.js +1 -1
  68. package/cjs/svg-icons/src/arrow-right.d.ts +3 -12
  69. package/cjs/svg-icons/src/arrow-right.js +1 -1
  70. package/cjs/svg-icons/src/arrow-up.d.ts +3 -12
  71. package/cjs/svg-icons/src/arrow-up.js +1 -1
  72. package/cjs/svg-icons/src/arrow-upward.d.ts +3 -12
  73. package/cjs/svg-icons/src/arrow-upward.js +1 -1
  74. package/cjs/svg-icons/src/check-circle.d.ts +3 -12
  75. package/cjs/svg-icons/src/check-circle.js +1 -1
  76. package/cjs/svg-icons/src/check-fill.d.ts +3 -12
  77. package/cjs/svg-icons/src/check-fill.js +1 -1
  78. package/cjs/svg-icons/src/check.d.ts +3 -12
  79. package/cjs/svg-icons/src/check.js +1 -1
  80. package/cjs/svg-icons/src/close-circle.d.ts +3 -12
  81. package/cjs/svg-icons/src/close-circle.js +1 -1
  82. package/cjs/svg-icons/src/close-fill.d.ts +3 -12
  83. package/cjs/svg-icons/src/close-short.d.ts +3 -12
  84. package/cjs/svg-icons/src/close-short.js +1 -1
  85. package/cjs/svg-icons/src/close.d.ts +3 -12
  86. package/cjs/svg-icons/src/close.js +1 -1
  87. package/cjs/svg-icons/src/copy-closure.d.ts +3 -12
  88. package/cjs/svg-icons/src/copy-closure.js +1 -1
  89. package/cjs/svg-icons/src/copy.d.ts +3 -12
  90. package/cjs/svg-icons/src/copy.js +1 -1
  91. package/cjs/svg-icons/src/delete.d.ts +3 -12
  92. package/cjs/svg-icons/src/delete.js +1 -1
  93. package/cjs/svg-icons/src/exclam-fill.d.ts +3 -12
  94. package/cjs/svg-icons/src/exclam.d.ts +3 -12
  95. package/cjs/svg-icons/src/exclam.js +1 -1
  96. package/cjs/svg-icons/src/help.d.ts +3 -12
  97. package/cjs/svg-icons/src/help.js +1 -1
  98. package/cjs/svg-icons/src/info-circle.d.ts +3 -12
  99. package/cjs/svg-icons/src/info-circle.js +1 -1
  100. package/cjs/svg-icons/src/info-fill.d.ts +3 -12
  101. package/cjs/svg-icons/src/loading.d.ts +3 -12
  102. package/cjs/svg-icons/src/loading.js +1 -1
  103. package/cjs/svg-icons/src/more-dot-circle-horizontal.d.ts +3 -12
  104. package/cjs/svg-icons/src/more-dot-circle-horizontal.js +1 -1
  105. package/cjs/svg-icons/src/more-dot-circle-outline-horizontal.d.ts +3 -12
  106. package/cjs/svg-icons/src/more-dot-circle-outline-horizontal.js +1 -1
  107. package/cjs/svg-icons/src/more-dot-circle-outline-vertical.d.ts +3 -12
  108. package/cjs/svg-icons/src/more-dot-circle-outline-vertical.js +1 -1
  109. package/cjs/svg-icons/src/more-dot-circle.d.ts +3 -12
  110. package/cjs/svg-icons/src/more-dot-circle.js +1 -1
  111. package/cjs/svg-icons/src/more-dot-square-horizontal.d.ts +3 -12
  112. package/cjs/svg-icons/src/more-dot-square-horizontal.js +1 -1
  113. package/cjs/svg-icons/src/more-dot-square.d.ts +3 -12
  114. package/cjs/svg-icons/src/more-dot-square.js +1 -1
  115. package/cjs/svg-icons/src/more-line.d.ts +3 -12
  116. package/cjs/svg-icons/src/more-line.js +1 -1
  117. package/cjs/svg-icons/src/play.d.ts +34 -0
  118. package/cjs/svg-icons/src/play.js +1 -0
  119. package/cjs/svg-icons/src/search-bold.d.ts +3 -12
  120. package/cjs/svg-icons/src/search-bold.js +1 -1
  121. package/cjs/svg-icons/src/search.d.ts +3 -12
  122. package/cjs/svg-icons/src/search.js +1 -1
  123. package/cjs/svg-icons/src/star-fill.d.ts +3 -12
  124. package/cjs/svg-icons/src/star.d.ts +3 -12
  125. package/cjs/svg-icons/src/star.js +1 -1
  126. package/cjs/svg-icons/src/triangle-backward-fill.d.ts +34 -0
  127. package/cjs/svg-icons/src/triangle-backward-fill.js +1 -0
  128. package/cjs/svg-icons/src/triangle-downward-fill.d.ts +34 -0
  129. package/cjs/svg-icons/src/triangle-downward-fill.js +1 -0
  130. package/cjs/svg-icons/src/triangle-forward-fill.d.ts +34 -0
  131. package/cjs/svg-icons/src/triangle-forward-fill.js +1 -0
  132. package/cjs/svg-icons/src/triangle-upward-fill.d.ts +34 -0
  133. package/cjs/svg-icons/src/triangle-upward-fill.js +1 -0
  134. package/cjs/svg-icons/types.d.ts +1 -1
  135. package/cjs/utils/index.js +1 -1
  136. package/cjs/utils/util.d.ts +76 -94
  137. package/cjs/utils/util.js +1 -3
  138. package/cjs/utils/vue/index.js +1 -1
  139. package/dist/index.css +1 -1
  140. package/dist/index.umd.js +9 -11
  141. package/es/components/button/index.mjs +2 -2
  142. package/es/components/button/src/button-group.vue_vue_type_script_setup_true_lang.mjs +23 -12
  143. package/es/components/button/src/button.vue_vue_type_script_setup_true_lang.mjs +50 -46
  144. package/es/components/button/src/constants.d.ts +1 -1
  145. package/es/components/button/src/constants.mjs +2 -2
  146. package/es/components/button/src/types.d.ts +1 -0
  147. package/es/components/dropdown/index.d.ts +157 -0
  148. package/es/components/dropdown/index.mjs +15 -0
  149. package/es/components/dropdown/src/constants.d.ts +15 -0
  150. package/es/components/dropdown/src/constants.mjs +17 -0
  151. package/es/components/dropdown/src/dropdown-item.mjs +5 -0
  152. package/es/components/dropdown/src/dropdown-item.vue.d.ts +21 -0
  153. package/es/components/dropdown/src/dropdown-item.vue_vue_type_script_setup_true_lang.mjs +70 -0
  154. package/es/components/dropdown/src/dropdown-menu.mjs +5 -0
  155. package/es/components/dropdown/src/dropdown-menu.vue.d.ts +14 -0
  156. package/es/components/dropdown/src/dropdown-menu.vue_vue_type_script_setup_true_lang.mjs +14 -0
  157. package/es/components/dropdown/src/dropdown-submenu.mjs +5 -0
  158. package/es/components/dropdown/src/dropdown-submenu.vue.d.ts +17 -0
  159. package/es/components/dropdown/src/dropdown-submenu.vue_vue_type_script_setup_true_lang.mjs +43 -0
  160. package/es/components/dropdown/src/dropdown.mjs +5 -0
  161. package/es/components/dropdown/src/dropdown.vue.d.ts +51 -0
  162. package/es/components/dropdown/src/dropdown.vue_vue_type_script_setup_true_lang.mjs +226 -0
  163. package/es/components/dropdown/src/types.d.ts +30 -0
  164. package/es/components/dropdown/src/use-dropdown-emit.d.ts +13 -0
  165. package/es/components/dropdown/src/use-dropdown-emit.mjs +11 -0
  166. package/es/components/dropdown/style/css.d.ts +0 -0
  167. package/es/components/dropdown/style/css.mjs +2 -0
  168. package/es/components/dropdown/style/index.d.ts +0 -0
  169. package/es/components/dropdown/style/index.mjs +2 -0
  170. package/es/components/index.d.ts +1 -0
  171. package/es/components/index.mjs +11 -4
  172. package/es/components/message/src/use-message-emit.d.ts +8 -8
  173. package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +6 -4
  174. package/es/components/popconfirm/src/use-popconfirm-emit.d.ts +8 -8
  175. package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +4 -2
  176. package/es/components/popover/src/use-popover-emit.d.ts +8 -8
  177. package/es/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.mjs +2 -2
  178. package/es/components/svg-icon/src/types.d.ts +1 -1
  179. package/es/components/tooltip/index.d.ts +8 -1
  180. package/es/components/tooltip/src/tooltip.vue.d.ts +4 -1
  181. package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +123 -111
  182. package/es/components/tooltip/src/types.d.ts +2 -0
  183. package/es/components/tooltip/src/use-tooltip-emit.d.ts +8 -8
  184. package/es/components/transition/src/transition.vue_vue_type_script_setup_true_lang.mjs +1 -1
  185. package/es/components/transition/src/use-transition-emit.d.ts +8 -8
  186. package/es/composables/use-namespace/index.d.ts +2 -0
  187. package/es/composables/use-namespace/index.mjs +2 -0
  188. package/es/index.d.ts +473 -454
  189. package/es/index.mjs +77 -71
  190. package/es/svg-icons/create-icon.d.ts +3 -12
  191. package/es/svg-icons/create-icon.mjs +3 -7
  192. package/es/svg-icons/get-async-icon.mjs +48 -42
  193. package/es/svg-icons/icon-names.d.ts +1 -1
  194. package/es/svg-icons/icon-names.mjs +1 -1
  195. package/es/svg-icons/index.d.ts +5 -0
  196. package/es/svg-icons/index.mjs +12 -2
  197. package/es/svg-icons/src/arrow-backward.d.ts +3 -12
  198. package/es/svg-icons/src/arrow-backward.mjs +3 -1
  199. package/es/svg-icons/src/arrow-down.d.ts +3 -12
  200. package/es/svg-icons/src/arrow-down.mjs +3 -1
  201. package/es/svg-icons/src/arrow-downward.d.ts +3 -12
  202. package/es/svg-icons/src/arrow-downward.mjs +3 -1
  203. package/es/svg-icons/src/arrow-forward.d.ts +3 -12
  204. package/es/svg-icons/src/arrow-forward.mjs +3 -1
  205. package/es/svg-icons/src/arrow-left.d.ts +3 -12
  206. package/es/svg-icons/src/arrow-left.mjs +3 -1
  207. package/es/svg-icons/src/arrow-right.d.ts +3 -12
  208. package/es/svg-icons/src/arrow-right.mjs +3 -1
  209. package/es/svg-icons/src/arrow-up.d.ts +3 -12
  210. package/es/svg-icons/src/arrow-up.mjs +3 -1
  211. package/es/svg-icons/src/arrow-upward.d.ts +3 -12
  212. package/es/svg-icons/src/arrow-upward.mjs +3 -1
  213. package/es/svg-icons/src/check-circle.d.ts +3 -12
  214. package/es/svg-icons/src/check-circle.mjs +3 -1
  215. package/es/svg-icons/src/check-fill.d.ts +3 -12
  216. package/es/svg-icons/src/check-fill.mjs +4 -2
  217. package/es/svg-icons/src/check.d.ts +3 -12
  218. package/es/svg-icons/src/check.mjs +3 -1
  219. package/es/svg-icons/src/close-circle.d.ts +3 -12
  220. package/es/svg-icons/src/close-circle.mjs +3 -1
  221. package/es/svg-icons/src/close-fill.d.ts +3 -12
  222. package/es/svg-icons/src/close-fill.mjs +1 -0
  223. package/es/svg-icons/src/close-short.d.ts +3 -12
  224. package/es/svg-icons/src/close-short.mjs +3 -1
  225. package/es/svg-icons/src/close.d.ts +3 -12
  226. package/es/svg-icons/src/close.mjs +3 -1
  227. package/es/svg-icons/src/copy-closure.d.ts +3 -12
  228. package/es/svg-icons/src/copy-closure.mjs +3 -1
  229. package/es/svg-icons/src/copy.d.ts +3 -12
  230. package/es/svg-icons/src/copy.mjs +3 -1
  231. package/es/svg-icons/src/delete.d.ts +3 -12
  232. package/es/svg-icons/src/delete.mjs +3 -1
  233. package/es/svg-icons/src/exclam-fill.d.ts +3 -12
  234. package/es/svg-icons/src/exclam-fill.mjs +1 -0
  235. package/es/svg-icons/src/exclam.d.ts +3 -12
  236. package/es/svg-icons/src/exclam.mjs +3 -1
  237. package/es/svg-icons/src/help.d.ts +3 -12
  238. package/es/svg-icons/src/help.mjs +3 -1
  239. package/es/svg-icons/src/info-circle.d.ts +3 -12
  240. package/es/svg-icons/src/info-circle.mjs +3 -1
  241. package/es/svg-icons/src/info-fill.d.ts +3 -12
  242. package/es/svg-icons/src/info-fill.mjs +1 -0
  243. package/es/svg-icons/src/loading.d.ts +3 -12
  244. package/es/svg-icons/src/loading.mjs +3 -1
  245. package/es/svg-icons/src/more-dot-circle-horizontal.d.ts +3 -12
  246. package/es/svg-icons/src/more-dot-circle-horizontal.mjs +3 -1
  247. package/es/svg-icons/src/more-dot-circle-outline-horizontal.d.ts +3 -12
  248. package/es/svg-icons/src/more-dot-circle-outline-horizontal.mjs +3 -1
  249. package/es/svg-icons/src/more-dot-circle-outline-vertical.d.ts +3 -12
  250. package/es/svg-icons/src/more-dot-circle-outline-vertical.mjs +3 -1
  251. package/es/svg-icons/src/more-dot-circle.d.ts +3 -12
  252. package/es/svg-icons/src/more-dot-circle.mjs +3 -1
  253. package/es/svg-icons/src/more-dot-square-horizontal.d.ts +3 -12
  254. package/es/svg-icons/src/more-dot-square-horizontal.mjs +3 -1
  255. package/es/svg-icons/src/more-dot-square.d.ts +3 -12
  256. package/es/svg-icons/src/more-dot-square.mjs +3 -1
  257. package/es/svg-icons/src/more-line.d.ts +3 -12
  258. package/es/svg-icons/src/more-line.mjs +3 -1
  259. package/es/svg-icons/src/play.d.ts +34 -0
  260. package/es/svg-icons/src/play.mjs +9 -0
  261. package/es/svg-icons/src/search-bold.d.ts +3 -12
  262. package/es/svg-icons/src/search-bold.mjs +3 -1
  263. package/es/svg-icons/src/search.d.ts +3 -12
  264. package/es/svg-icons/src/search.mjs +3 -1
  265. package/es/svg-icons/src/star-fill.d.ts +3 -12
  266. package/es/svg-icons/src/star-fill.mjs +1 -0
  267. package/es/svg-icons/src/star.d.ts +3 -12
  268. package/es/svg-icons/src/star.mjs +3 -1
  269. package/es/svg-icons/src/triangle-backward-fill.d.ts +34 -0
  270. package/es/svg-icons/src/triangle-backward-fill.mjs +9 -0
  271. package/es/svg-icons/src/triangle-downward-fill.d.ts +34 -0
  272. package/es/svg-icons/src/triangle-downward-fill.mjs +9 -0
  273. package/es/svg-icons/src/triangle-forward-fill.d.ts +34 -0
  274. package/es/svg-icons/src/triangle-forward-fill.mjs +9 -0
  275. package/es/svg-icons/src/triangle-upward-fill.d.ts +34 -0
  276. package/es/svg-icons/src/triangle-upward-fill.mjs +9 -0
  277. package/es/svg-icons/types.d.ts +1 -1
  278. package/es/utils/index.mjs +2 -2
  279. package/es/utils/util.d.ts +76 -94
  280. package/es/utils/util.mjs +41 -74
  281. package/es/utils/vue/index.mjs +4 -1
  282. package/package.json +3 -2
  283. package/theme-chalk/index.css +1 -1
  284. package/theme-chalk/re-button-group.css +1 -1
  285. package/theme-chalk/re-button.css +1 -1
  286. package/theme-chalk/re-dropdown.css +1 -0
  287. package/theme-chalk/re-message.css +1 -1
  288. package/theme-chalk/re-popconfirm.css +1 -1
  289. package/theme-chalk/re-popover.css +1 -1
  290. package/theme-chalk/re-tooltip.css +1 -1
  291. package/theme-chalk/src/button-group.scss +32 -8
  292. package/theme-chalk/src/dropdown.scss +97 -0
  293. package/theme-chalk/src/function/index.scss +1 -1
  294. package/theme-chalk/src/index.scss +1 -0
  295. package/theme-chalk/src/message.scss +2 -28
  296. package/theme-chalk/src/mixins/_button.scss +1 -1
  297. package/theme-chalk/src/mixins/_dropdown.scss +17 -0
  298. package/theme-chalk/src/mixins/_transition.scss +29 -0
  299. package/theme-chalk/src/mixins/index.scss +6 -0
  300. package/theme-chalk/src/popconfirm.scss +3 -0
  301. package/theme-chalk/src/popover.scss +3 -0
  302. package/theme-chalk/src/tooltip.scss +3 -10
  303. package/cjs/_virtual/_rolldown_dynamic_import_helper.js +0 -1
  304. package/cjs/rappel-ui/resolvers.js +0 -1
  305. package/es/_virtual/_rolldown_dynamic_import_helper.mjs +0 -9
  306. package/es/rappel-ui/resolvers.mjs +0 -18
@@ -1 +1 @@
1
- .re-button{display:inline-flex;align-items:center;justify-content:center;font-size:var(--re-base-font-size);text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:width .05s ease,height .05s ease,background-color .03s ease,transform .03s ease;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;height:32px;line-height:1;-webkit-appearance:none;appearance:none;position:relative;padding:8px 16px;border-radius:4px;border-width:1px;border-style:solid;background-color:var(--re-button-bgcolor);color:var(--re-button-color);border-color:var(--re-button-border-color)}.re-button__content{display:inline-flex;align-items:center}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.re-button__loading{animation:rotating 2s linear infinite}.re-button__loading+*{margin-left:4px}.re-button__icon{width:1em;height:1em}.re-button__icon+span{margin-left:4px}.re-button.is-dashed{border-style:dashed}.re-button.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-link,.re-button.is-text{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-link{padding:2px;height:auto;text-decoration:underline}.re-button.is-text{padding:0;height:auto}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{padding:8px 16px;height:32px;border:0 solid rgba(0,0,0,0)}.re-button.is-plain:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base);--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-round{border-radius:20px}.re-button.is-circle{width:32px;border-radius:50%;padding:8px}.re-button+.re-button{margin-left:10px}.re-button{--re-button-bgcolor:var(--re-color-fill-blank);--re-button-color:var(--re-color-text-base);--re-button-border-color:var(--re-color-border-base)}.re-button:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-4)}.re-button:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-5)}.re-button:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-border-darker)}.re-button.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-fill-blank);--re-button-border-color:var(--re-color-border-base);--re-button-color:var(--re-color-text-lighter)}.re-button.is-link,.re-button.is-text{--re-button-color:var(--re-color-text-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:hover:not(.is-disabled),.re-button.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:active:not(.is-disabled),.re-button.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link.is-disabled,.re-button.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-text-lighter)}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{--re-button-border-color:transparent}.re-button.is-text.is-text-padding:hover:not(.is-disabled),.re-button.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button.is-text.is-text-padding:active:not(.is-disabled),.re-button.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary{--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-base)}.re-button--primary:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-hover)}.re-button--primary:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain,.re-button--primary.is-dashed{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-6);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-plain:hover:not(.is-disabled),.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base)}.re-button--primary.is-plain.is-disabled,.re-button--primary.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-border-color:var(--re-color-primary-active);--re-button-color:var(--re-color-primary-active)}.re-button--primary.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--primary.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-primary-shade-4);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-link,.re-button--primary.is-text{--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:hover:not(.is-disabled),.re-button--primary.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:active:not(.is-disabled),.re-button--primary.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link.is-disabled,.re-button--primary.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-text.is-text-padding,.re-button--primary.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--primary.is-text.is-text-padding:hover:not(.is-disabled),.re-button--primary.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--primary.is-text.is-text-padding:active:not(.is-disabled),.re-button--primary.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--primary.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success{--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-base)}.re-button--success:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-hover)}.re-button--success:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-success-shade-4)}.re-button--success.is-plain,.re-button--success.is-dashed{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-6);--re-button-color:var(--re-color-success-base)}.re-button--success.is-plain:hover:not(.is-disabled),.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-success-base)}.re-button--success.is-plain.is-disabled,.re-button--success.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-color:var(--re-color-success-base)}.re-button--success.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-2);--re-button-border-color:var(--re-color-success-active);--re-button-color:var(--re-color-success-active)}.re-button--success.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--success.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-success-shade-4);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-link,.re-button--success.is-text{--re-button-color:var(--re-color-success-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:hover:not(.is-disabled),.re-button--success.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-success-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:active:not(.is-disabled),.re-button--success.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-success-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link.is-disabled,.re-button--success.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-text.is-text-padding,.re-button--success.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--success.is-text.is-text-padding:hover:not(.is-disabled),.re-button--success.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--success.is-text.is-text-padding:active:not(.is-disabled),.re-button--success.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--success.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger{--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-base)}.re-button--danger:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-hover)}.re-button--danger:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain,.re-button--danger.is-dashed{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-6);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-plain:hover:not(.is-disabled),.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-danger-base)}.re-button--danger.is-plain.is-disabled,.re-button--danger.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-2);--re-button-border-color:var(--re-color-danger-active);--re-button-color:var(--re-color-danger-active)}.re-button--danger.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--danger.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-danger-shade-4);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-link,.re-button--danger.is-text{--re-button-color:var(--re-color-danger-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:hover:not(.is-disabled),.re-button--danger.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-danger-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:active:not(.is-disabled),.re-button--danger.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-danger-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link.is-disabled,.re-button--danger.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-text.is-text-padding,.re-button--danger.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--danger.is-text.is-text-padding:hover:not(.is-disabled),.re-button--danger.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--danger.is-text.is-text-padding:active:not(.is-disabled),.re-button--danger.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--danger.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--error{--re-button-bgcolor:var(--re-color-error-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-base)}.re-button--error:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-hover)}.re-button--error:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-error-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-active)}.re-button--error:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-error-shade-4)}.re-button--error.is-plain,.re-button--error.is-dashed{--re-button-bgcolor:var(--re-color-error-shade-1);--re-button-border-color:var(--re-color-error-shade-6);--re-button-color:var(--re-color-error-base)}.re-button--error.is-plain:hover:not(.is-disabled),.re-button--error.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-error-base)}.re-button--error.is-plain.is-disabled,.re-button--error.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-error-shade-1);--re-button-border-color:var(--re-color-error-shade-4);--re-button-color:var(--re-color-error-shade-4)}.re-button--error.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-base);--re-button-color:var(--re-color-fill-blank)}.re-button--error.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-active)}.re-button--error.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-shade-1);--re-button-color:var(--re-color-error-base)}.re-button--error.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-shade-2);--re-button-border-color:var(--re-color-error-active);--re-button-color:var(--re-color-error-active)}.re-button--error.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--error.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-error-shade-4);--re-button-border-color:var(--re-color-error-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--error.is-link,.re-button--error.is-text{--re-button-color:var(--re-color-error-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--error.is-link:hover:not(.is-disabled),.re-button--error.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-error-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--error.is-link:active:not(.is-disabled),.re-button--error.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-error-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--error.is-link.is-disabled,.re-button--error.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-error-shade-4)}.re-button--error.is-text.is-text-padding,.re-button--error.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--error.is-text.is-text-padding:hover:not(.is-disabled),.re-button--error.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--error.is-text.is-text-padding:active:not(.is-disabled),.re-button--error.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--error.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--error.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--error.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--error.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning{--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-base)}.re-button--warning:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-hover)}.re-button--warning:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain,.re-button--warning.is-dashed{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-6);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-plain:hover:not(.is-disabled),.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-warning-base)}.re-button--warning.is-plain.is-disabled,.re-button--warning.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-2);--re-button-border-color:var(--re-color-warning-active);--re-button-color:var(--re-color-warning-active)}.re-button--warning.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--warning.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-warning-shade-4);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-link,.re-button--warning.is-text{--re-button-color:var(--re-color-warning-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:hover:not(.is-disabled),.re-button--warning.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-warning-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:active:not(.is-disabled),.re-button--warning.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-warning-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link.is-disabled,.re-button--warning.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-text.is-text-padding,.re-button--warning.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--warning.is-text.is-text-padding:hover:not(.is-disabled),.re-button--warning.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--warning.is-text.is-text-padding:active:not(.is-disabled),.re-button--warning.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--warning.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info{--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-base)}.re-button--info:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-hover)}.re-button--info:active:not(.is-disabled){transform:scale(0.99);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-info-shade-4)}.re-button--info.is-plain,.re-button--info.is-dashed{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-6);--re-button-color:var(--re-color-info-base)}.re-button--info.is-plain:hover:not(.is-disabled),.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-info-base)}.re-button--info.is-plain.is-disabled,.re-button--info.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-color:var(--re-color-info-base)}.re-button--info.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-2);--re-button-border-color:var(--re-color-info-active);--re-button-color:var(--re-color-info-active)}.re-button--info.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--info.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-info-shade-4);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-link,.re-button--info.is-text{--re-button-color:var(--re-color-info-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:hover:not(.is-disabled),.re-button--info.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-info-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:active:not(.is-disabled),.re-button--info.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-info-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link.is-disabled,.re-button--info.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-text.is-text-padding,.re-button--info.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--info.is-text.is-text-padding:hover:not(.is-disabled),.re-button--info.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--info.is-text.is-text-padding:active:not(.is-disabled),.re-button--info.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--info.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--large{padding:12px 20px;height:40px;font-size:16px;border-radius:4px}.re-button--large.is-circle{width:40px;padding:12px}.re-button--small{padding:6px 12px;height:28px;font-size:12px;border-radius:4px}.re-button--small.is-circle{width:28px;padding:6px}.re-button--mini{padding:4px 8px;height:24px;font-size:12px;border-radius:2px}.re-button--mini.is-circle{width:24px;padding:4px}
1
+ .re-button{display:inline-flex;align-items:center;justify-content:center;font-size:var(--re-base-font-size);text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:width .05s ease,height .05s ease,background-color .03s ease,transform .03s ease;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;height:32px;line-height:1;-webkit-appearance:none;appearance:none;position:relative;padding:8px 16px;border-radius:4px;border-width:1px;border-style:solid;background-color:var(--re-button-bgcolor);color:var(--re-button-color);border-color:var(--re-button-border-color)}.re-button__content{display:inline-flex;align-items:center}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.re-button__loading{animation:rotating 2s linear infinite}.re-button__loading+*{margin-left:4px}.re-button__icon{width:1em;height:1em}.re-button__icon+span{margin-left:4px}.re-button.is-dashed{border-style:dashed}.re-button.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-link,.re-button.is-text{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-link{padding:2px;height:auto;text-decoration:underline}.re-button.is-text{padding:0;height:auto}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{padding:8px 16px;height:32px;border:0 solid rgba(0,0,0,0)}.re-button.is-plain:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base);--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-round{border-radius:20px}.re-button.is-circle{width:32px;border-radius:50%;padding:8px}.re-button+.re-button{margin-left:10px}.re-button{--re-button-bgcolor:var(--re-color-fill-blank);--re-button-color:var(--re-color-text-base);--re-button-border-color:var(--re-color-border-base)}.re-button:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-4)}.re-button:active:not(.is-disabled){transform:scale(0.999);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-5)}.re-button:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-border-darker)}.re-button.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-fill-blank);--re-button-border-color:var(--re-color-border-base);--re-button-color:var(--re-color-text-lighter)}.re-button.is-link,.re-button.is-text{--re-button-color:var(--re-color-text-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:hover:not(.is-disabled),.re-button.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:active:not(.is-disabled),.re-button.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link.is-disabled,.re-button.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-text-lighter)}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{--re-button-border-color:transparent}.re-button.is-text.is-text-padding:hover:not(.is-disabled),.re-button.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button.is-text.is-text-padding:active:not(.is-disabled),.re-button.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary{--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-base)}.re-button--primary:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-hover)}.re-button--primary:active:not(.is-disabled){transform:scale(0.999);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain,.re-button--primary.is-dashed{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-6);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-plain:hover:not(.is-disabled),.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base)}.re-button--primary.is-plain.is-disabled,.re-button--primary.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-border-color:var(--re-color-primary-active);--re-button-color:var(--re-color-primary-active)}.re-button--primary.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--primary.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-primary-shade-4);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-link,.re-button--primary.is-text{--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:hover:not(.is-disabled),.re-button--primary.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:active:not(.is-disabled),.re-button--primary.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link.is-disabled,.re-button--primary.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-text.is-text-padding,.re-button--primary.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--primary.is-text.is-text-padding:hover:not(.is-disabled),.re-button--primary.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--primary.is-text.is-text-padding:active:not(.is-disabled),.re-button--primary.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--primary.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success{--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-base)}.re-button--success:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-hover)}.re-button--success:active:not(.is-disabled){transform:scale(0.999);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-success-shade-4)}.re-button--success.is-plain,.re-button--success.is-dashed{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-6);--re-button-color:var(--re-color-success-base)}.re-button--success.is-plain:hover:not(.is-disabled),.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-success-base)}.re-button--success.is-plain.is-disabled,.re-button--success.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-color:var(--re-color-success-base)}.re-button--success.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-2);--re-button-border-color:var(--re-color-success-active);--re-button-color:var(--re-color-success-active)}.re-button--success.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--success.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-success-shade-4);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-link,.re-button--success.is-text{--re-button-color:var(--re-color-success-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:hover:not(.is-disabled),.re-button--success.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-success-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:active:not(.is-disabled),.re-button--success.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-success-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link.is-disabled,.re-button--success.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-text.is-text-padding,.re-button--success.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--success.is-text.is-text-padding:hover:not(.is-disabled),.re-button--success.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--success.is-text.is-text-padding:active:not(.is-disabled),.re-button--success.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--success.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger{--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-base)}.re-button--danger:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-hover)}.re-button--danger:active:not(.is-disabled){transform:scale(0.999);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain,.re-button--danger.is-dashed{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-6);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-plain:hover:not(.is-disabled),.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-danger-base)}.re-button--danger.is-plain.is-disabled,.re-button--danger.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-2);--re-button-border-color:var(--re-color-danger-active);--re-button-color:var(--re-color-danger-active)}.re-button--danger.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--danger.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-danger-shade-4);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-link,.re-button--danger.is-text{--re-button-color:var(--re-color-danger-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:hover:not(.is-disabled),.re-button--danger.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-danger-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:active:not(.is-disabled),.re-button--danger.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-danger-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link.is-disabled,.re-button--danger.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-text.is-text-padding,.re-button--danger.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--danger.is-text.is-text-padding:hover:not(.is-disabled),.re-button--danger.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--danger.is-text.is-text-padding:active:not(.is-disabled),.re-button--danger.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--danger.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--error{--re-button-bgcolor:var(--re-color-error-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-base)}.re-button--error:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-hover)}.re-button--error:active:not(.is-disabled){transform:scale(0.999);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-error-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-active)}.re-button--error:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-error-shade-4)}.re-button--error.is-plain,.re-button--error.is-dashed{--re-button-bgcolor:var(--re-color-error-shade-1);--re-button-border-color:var(--re-color-error-shade-6);--re-button-color:var(--re-color-error-base)}.re-button--error.is-plain:hover:not(.is-disabled),.re-button--error.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-error-base)}.re-button--error.is-plain.is-disabled,.re-button--error.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-error-shade-1);--re-button-border-color:var(--re-color-error-shade-4);--re-button-color:var(--re-color-error-shade-4)}.re-button--error.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-base);--re-button-color:var(--re-color-fill-blank)}.re-button--error.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-error-active)}.re-button--error.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-shade-1);--re-button-color:var(--re-color-error-base)}.re-button--error.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-error-shade-2);--re-button-border-color:var(--re-color-error-active);--re-button-color:var(--re-color-error-active)}.re-button--error.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--error.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-error-shade-4);--re-button-border-color:var(--re-color-error-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--error.is-link,.re-button--error.is-text{--re-button-color:var(--re-color-error-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--error.is-link:hover:not(.is-disabled),.re-button--error.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-error-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--error.is-link:active:not(.is-disabled),.re-button--error.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-error-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--error.is-link.is-disabled,.re-button--error.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-error-shade-4)}.re-button--error.is-text.is-text-padding,.re-button--error.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--error.is-text.is-text-padding:hover:not(.is-disabled),.re-button--error.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--error.is-text.is-text-padding:active:not(.is-disabled),.re-button--error.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--error.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--error.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--error.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--error.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning{--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-base)}.re-button--warning:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-hover)}.re-button--warning:active:not(.is-disabled){transform:scale(0.999);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain,.re-button--warning.is-dashed{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-6);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-plain:hover:not(.is-disabled),.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-warning-base)}.re-button--warning.is-plain.is-disabled,.re-button--warning.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-2);--re-button-border-color:var(--re-color-warning-active);--re-button-color:var(--re-color-warning-active)}.re-button--warning.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--warning.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-warning-shade-4);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-link,.re-button--warning.is-text{--re-button-color:var(--re-color-warning-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:hover:not(.is-disabled),.re-button--warning.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-warning-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:active:not(.is-disabled),.re-button--warning.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-warning-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link.is-disabled,.re-button--warning.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-text.is-text-padding,.re-button--warning.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--warning.is-text.is-text-padding:hover:not(.is-disabled),.re-button--warning.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--warning.is-text.is-text-padding:active:not(.is-disabled),.re-button--warning.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--warning.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info{--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-base)}.re-button--info:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-hover)}.re-button--info:active:not(.is-disabled){transform:scale(0.999);transition:transform 0s ease;--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info:focus-visible:not(.is-disabled){outline-width:2px;outline-style:solid;outline-offset:2px;outline-color:var(--re-color-info-shade-4)}.re-button--info.is-plain,.re-button--info.is-dashed{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-6);--re-button-color:var(--re-color-info-base)}.re-button--info.is-plain:hover:not(.is-disabled),.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-info-base)}.re-button--info.is-plain.is-disabled,.re-button--info.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-color:var(--re-color-info-base)}.re-button--info.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-2);--re-button-border-color:var(--re-color-info-active);--re-button-color:var(--re-color-info-active)}.re-button--info.is-loading:before{z-index:1;content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border-radius:inherit;background-color:hsla(0,0%,100%,.3)}.re-button--info.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-info-shade-4);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-link,.re-button--info.is-text{--re-button-color:var(--re-color-info-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:hover:not(.is-disabled),.re-button--info.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-info-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:active:not(.is-disabled),.re-button--info.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-info-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link.is-disabled,.re-button--info.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-text.is-text-padding,.re-button--info.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--info.is-text.is-text-padding:hover:not(.is-disabled),.re-button--info.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--info.is-text.is-text-padding:active:not(.is-disabled),.re-button--info.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--info.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--large{padding:12px 20px;height:40px;font-size:16px;border-radius:4px}.re-button--large.is-circle{width:40px;padding:12px}.re-button--small{padding:6px 12px;height:28px;font-size:12px;border-radius:4px}.re-button--small.is-circle{width:28px;padding:6px}.re-button--mini{padding:4px 8px;height:24px;font-size:12px;border-radius:2px}.re-button--mini.is-circle{width:24px;padding:4px}
@@ -0,0 +1 @@
1
+ .re-dropdown.re-tooltip{filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));padding:5px 0}.re-dropdown[data-placement^=bottom]{transition-property:opacity, transform;transition-timing-function:ease-in-out, cubic-bezier(0.1, 0.4, 0.7, 1);transition-duration:0.3s;transition-delay:0s;transition-behavior:normal}.re-dropdown[data-placement^=bottom].dropdown-enter-from,.re-dropdown[data-placement^=bottom].dropdown-leave-to{opacity:0;transform:translateY(-8px) scaleY(0.95)}.re-dropdown[data-placement^=bottom].dropdown-enter-to,.re-dropdown[data-placement^=bottom].dropdown-leave-from{opacity:1;transform:translateY(0) scaleY(1)}.re-dropdown[data-placement^=top]{transition-property:opacity, transform;transition-timing-function:ease-in-out, cubic-bezier(0.1, 0.4, 0.7, 1);transition-duration:0.3s;transition-delay:0s;transition-behavior:normal}.re-dropdown[data-placement^=top].dropdown-enter-from,.re-dropdown[data-placement^=top].dropdown-leave-to{opacity:0;transform:translateY(8px) scaleY(0.95)}.re-dropdown[data-placement^=top].dropdown-enter-to,.re-dropdown[data-placement^=top].dropdown-leave-from{opacity:1;transform:translateY(0) scaleY(1)}.re-dropdown[data-placement^=left]{transition-property:opacity, transform;transition-timing-function:ease-in-out, cubic-bezier(0.1, 0.4, 0.7, 1);transition-duration:0.3s;transition-delay:0s;transition-behavior:normal}.re-dropdown[data-placement^=left].dropdown-enter-from,.re-dropdown[data-placement^=left].dropdown-leave-to{opacity:0;transform:translateX(8px) scaleX(0.95)}.re-dropdown[data-placement^=left].dropdown-enter-to,.re-dropdown[data-placement^=left].dropdown-leave-from{opacity:1;transform:translateX(0) scaleX(1)}.re-dropdown[data-placement^=right]{transition-property:opacity, transform;transition-timing-function:ease-in-out, cubic-bezier(0.1, 0.4, 0.7, 1);transition-duration:0.3s;transition-delay:0s;transition-behavior:normal}.re-dropdown[data-placement^=right].dropdown-enter-from,.re-dropdown[data-placement^=right].dropdown-leave-to{opacity:0;transform:translateX(-8px) scaleX(0.95)}.re-dropdown[data-placement^=right].dropdown-enter-to,.re-dropdown[data-placement^=right].dropdown-leave-from{opacity:1;transform:translateX(0) scaleX(1)}.re-dropdown__menu{margin:0;padding:0;list-style:none;outline:none}.re-dropdown__children{opacity:0;visibility:hidden;position:absolute;top:-5px;left:100%;transition:opacity .3s ease-in-out,transform .3s cubic-bezier(0.1, 0.4, 0.7, 1);transform:translateX(-8px) scaleX(0.95)}.re-dropdown__label{padding:0 14px;white-space:nowrap;word-break:keep-all}.re-dropdown__icon{display:flex;justify-content:center;align-items:center;font-size:16px;margin-left:14px;margin-right:-9px}.re-dropdown__subicon{display:flex;justify-content:center;align-items:center;margin-right:7px;font-size:16px}.re-dropdown__item{display:flex;align-items:center;list-style:none;margin:0;cursor:pointer;line-height:32px;font-size:14px;padding:0}.re-dropdown__item.has-children{position:relative}.re-dropdown__item:hover:not(.is-disabled){background-color:var(--re-color-primary-shade-1);color:var(--re-color-primary-base)}.re-dropdown__item:hover:not(.is-disabled)>.re-dropdown__children{opacity:1;transform:translateX(0) scaleX(1);visibility:visible}.re-dropdown__item.is-disabled{cursor:not-allowed;color:var(--re-color-text-lighter);background-color:var(--re-color-fill-blank)}
@@ -1 +1 @@
1
- .re-message{--re-message-font-size:14px;--re-message-border-radius:4px;--re-message-padding:10px 12px;--re-message-close-size:16px;--re-message-icon-size:16px;--re-message-bgcolor:var(--re-color-fill-blank)}.re-message.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message{--re-message-color:var(--re-color-text-base);--re-message-border-color:var(--re-color-border-light)}.re-message--primary{--re-message-bgcolor:var(--re-color-primary-shade-1)}.re-message--primary.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--primary{--re-message-color:var(--re-color-primary-base);--re-message-border-color:var(--re-color-primary-shade-3)}.re-message--success{--re-message-bgcolor:var(--re-color-success-shade-1)}.re-message--success.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--success{--re-message-color:var(--re-color-success-base);--re-message-border-color:var(--re-color-success-shade-3)}.re-message--error{--re-message-bgcolor:var(--re-color-error-shade-1)}.re-message--error.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--error{--re-message-color:var(--re-color-error-base);--re-message-border-color:var(--re-color-error-shade-3)}.re-message--warning{--re-message-bgcolor:var(--re-color-warning-shade-1)}.re-message--warning.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--warning{--re-message-color:var(--re-color-warning-base);--re-message-border-color:var(--re-color-warning-shade-3)}.re-message--info{--re-message-bgcolor:var(--re-color-info-shade-1)}.re-message--info.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--info{--re-message-color:var(--re-color-info-base);--re-message-border-color:var(--re-color-info-shade-3)}.re-message{display:flex;align-items:start;padding:var(--re-message-padding);color:var(--re-message-color);background-color:var(--re-message-bgcolor);border-radius:var(--re-message-border-radius);border:1px solid var(--re-message-border-color)}.re-message__icon{flex-shrink:0;margin-right:5px;font-size:var(--re-message-icon-size);color:var(--re-message-color)}.re-message__content{font-size:var(--re-message-font-size);line-height:1.2;color:var(--re-message-color)}.re-message__close{flex-shrink:0;margin-left:5px;color:var(--re-message-color);font-size:var(--re-message-close-size);cursor:pointer}.re-message[data-placement=top],.re-message[data-placement=bottom]{left:50%;transform:translateX(-50%)}.re-message[data-placement=top-start],.re-message[data-placement=bottom-start]{left:5px}.re-message[data-placement=left-top]{top:0;left:0}.re-message[data-placement=left-bottom]{bottom:0;left:0}.re-message[data-placement=top-end],.re-message[data-placement=bottom-end]{right:5px}.re-message[data-placement=right-top]{top:0;right:0}.re-message[data-placement=right-bottom]{bottom:0;right:0}.re-message[data-placement=left],.re-message[data-placement=right]{top:50%;transform:translateY(-50%)}.re-message[data-placement=left-start],.re-message[data-placement=right-start]{top:5px}.re-message[data-placement=left-end],.re-message[data-placement=right-end]{bottom:5px}.re-message.top-enter-from{opacity:0}.re-message.top-enter-from[data-placement=top-start],.re-message.top-enter-from[data-placement=top-end]{transform:translateY(-20px)}.re-message.top-enter-from[data-placement=top]{transform:translateX(-50%) translateY(-20px)}.re-message.top-enter-active{opacity:0}.re-message.top-enter-to,.re-message.top-leave-from{opacity:1}.re-message.top-enter-to[data-placement=top],.re-message.top-leave-from[data-placement=top]{transform:translateX(-50%) translateY(0)}.re-message.top-leave-active{opacity:1}.re-message.top-leave-to{opacity:0}.re-message.top-leave-to[data-placement=top]{transform:translateX(-50%) translateY(-20px)}.re-message.bottom-enter-from{opacity:0}.re-message.bottom-enter-from[data-placement=bottom]{transform:translateX(-50%) translateY(20px)}.re-message.bottom-enter-from[data-placement=bottom-start],.re-message.bottom-enter-from[data-placement=bottom-end]{transform:translateX(0) translateY(20px)}.re-message.bottom-enter-active{opacity:0}.re-message.bottom-enter-to,.re-message.bottom-leave-from{opacity:1}.re-message.bottom-enter-to[data-placement=bottom],.re-message.bottom-leave-from[data-placement=bottom]{transform:translateX(-50%) translateY(0)}.re-message.bottom-enter-to[data-placement=bottom-start],.re-message.bottom-enter-to[data-placement=bottom-end],.re-message.bottom-leave-from[data-placement=bottom-start],.re-message.bottom-leave-from[data-placement=bottom-end]{transform:translateX(0) translateY(0)}.re-message.bottom-leave-active{opacity:1}.re-message.bottom-leave-to{opacity:0}.re-message.bottom-leave-to[data-placement=bottom]{transform:translateX(-50%) translateY(20px)}.re-message.bottom-leave-to[data-placement=bottom-start],.re-message.bottom-leave-to[data-placement=bottom-end]{transform:translateX(0) translateY(20px)}.re-message.left-enter-from{opacity:0}.re-message.left-enter-from[data-placement=left]{transform:translateY(-50%) translateX(-20px)}.re-message.left-enter-from[data-placement=left-start],.re-message.left-enter-from[data-placement=left-end]{transform:translateY(0) translateX(-20px)}.re-message.left-enter-from[data-placement=left-top],.re-message.left-enter-from[data-placement=left-bottom]{transform:translateY(0) translateX(-100%)}.re-message.left-enter-active{opacity:0}.re-message.left-enter-to,.re-message.left-leave-from{opacity:1}.re-message.left-enter-to[data-placement=left],.re-message.left-leave-from[data-placement=left]{transform:translateY(-50%) translateX(0)}.re-message.left-enter-to[data-placement=left-start],.re-message.left-enter-to[data-placement=left-end],.re-message.left-leave-from[data-placement=left-start],.re-message.left-leave-from[data-placement=left-end]{transform:translateY(0) translateX(0)}.re-message.left-enter-to[data-placement=left-top],.re-message.left-enter-to[data-placement=left-bottom],.re-message.left-leave-from[data-placement=left-top],.re-message.left-leave-from[data-placement=left-bottom]{transform:translateY(0) translateX(0)}.re-message.left-leave-active{opacity:1}.re-message.left-leave-to{opacity:0}.re-message.left-leave-to[data-placement=left]{transform:translateY(-50%) translateX(-20px)}.re-message.left-leave-to[data-placement=left-start],.re-message.left-leave-to[data-placement=left-end]{transform:translateY(0) translateX(-20px)}.re-message.left-leave-to[data-placement=left-top],.re-message.left-leave-to[data-placement=left-bottom]{transform:translateY(0) translateX(-100%)}.re-message.right-enter-from{opacity:0}.re-message.right-enter-from[data-placement=right]{transform:translateY(-50%) translateX(20px)}.re-message.right-enter-from[data-placement=right-start],.re-message.right-enter-from[data-placement=right-end]{transform:translateY(0) translateX(20px)}.re-message.right-enter-from[data-placement=right-top],.re-message.right-enter-from[data-placement=right-bottom]{transform:translateY(0) translateX(100%)}.re-message.right-enter-active{opacity:0}.re-message.right-enter-to,.re-message.right-leave-from{opacity:1}.re-message.right-enter-to[data-placement=right],.re-message.right-leave-from[data-placement=right]{transform:translateY(-50%) translateX(0)}.re-message.right-enter-to[data-placement=right-start],.re-message.right-enter-to[data-placement=right-end],.re-message.right-leave-from[data-placement=right-start],.re-message.right-leave-from[data-placement=right-end]{transform:translateY(0) translateX(0)}.re-message.right-enter-to[data-placement=right-top],.re-message.right-enter-to[data-placement=right-bottom],.re-message.right-leave-from[data-placement=right-top],.re-message.right-leave-from[data-placement=right-bottom]{transform:translateY(0) translateX(0)}.re-message.right-leave-active{opacity:1}.re-message.right-leave-to{opacity:0}.re-message.right-leave-to[data-placement=right]{transform:translateY(-50%) translateX(20px)}.re-message.right-leave-to[data-placement=right-start],.re-message.right-leave-to[data-placement=right-end]{transform:translateY(0) translateX(20px)}.re-message.right-leave-to[data-placement=right-top],.re-message.right-leave-to[data-placement=right-bottom]{transform:translateY(0) translateX(100%)}
1
+ .re-message{--re-message-font-size:14px;--re-message-border-radius:4px;--re-message-padding:10px 12px;--re-message-close-size:16px;--re-message-icon-size:16px;--re-message-bgcolor:var(--re-color-fill-blank)}.re-message.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message{--re-message-color:var(--re-color-text-base);--re-message-border-color:var(--re-color-border-light)}.re-message--primary{--re-message-bgcolor:var(--re-color-primary-shade-1)}.re-message--primary.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--primary{--re-message-color:var(--re-color-primary-base);--re-message-border-color:var(--re-color-primary-shade-3)}.re-message--success{--re-message-bgcolor:var(--re-color-success-shade-1)}.re-message--success.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--success{--re-message-color:var(--re-color-success-base);--re-message-border-color:var(--re-color-success-shade-3)}.re-message--error{--re-message-bgcolor:var(--re-color-error-shade-1)}.re-message--error.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--error{--re-message-color:var(--re-color-error-base);--re-message-border-color:var(--re-color-error-shade-3)}.re-message--warning{--re-message-bgcolor:var(--re-color-warning-shade-1)}.re-message--warning.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--warning{--re-message-color:var(--re-color-warning-base);--re-message-border-color:var(--re-color-warning-shade-3)}.re-message--info{--re-message-bgcolor:var(--re-color-info-shade-1)}.re-message--info.is-plain{--re-message-bgcolor:var(--re-color-fill-blank)}.re-message--info{--re-message-color:var(--re-color-info-base);--re-message-border-color:var(--re-color-info-shade-3)}.re-message{display:flex;align-items:start;padding:var(--re-message-padding);color:var(--re-message-color);background-color:var(--re-message-bgcolor);border-radius:var(--re-message-border-radius);border:1px solid var(--re-message-border-color)}.re-message__icon{flex-shrink:0;margin-right:5px;font-size:var(--re-message-icon-size);color:var(--re-message-color)}.re-message__content{font-size:var(--re-message-font-size);line-height:1.2;color:var(--re-message-color)}.re-message__close{flex-shrink:0;margin-left:5px;color:var(--re-message-color);font-size:var(--re-message-close-size);cursor:pointer}.re-message[data-placement=top],.re-message[data-placement=bottom]{left:50%;transform:translateX(-50%)}.re-message[data-placement=top-start],.re-message[data-placement=bottom-start]{left:5px}.re-message[data-placement=left-top]{top:0;left:0}.re-message[data-placement=left-bottom]{bottom:0;left:0}.re-message[data-placement=top-end],.re-message[data-placement=bottom-end]{right:5px}.re-message[data-placement=right-top]{top:0;right:0}.re-message[data-placement=right-bottom]{bottom:0;right:0}.re-message[data-placement=left],.re-message[data-placement=right]{top:50%;transform:translateY(-50%)}.re-message[data-placement=left-start],.re-message[data-placement=right-start]{top:5px}.re-message[data-placement=left-end],.re-message[data-placement=right-end]{bottom:5px}.re-message.top-enter-from{opacity:0}.re-message.top-enter-from[data-placement=top-start],.re-message.top-enter-from[data-placement=top-end]{transform:translateY(-20px)}.re-message.top-enter-from[data-placement=top]{transform:translateX(-50%) translateY(-20px)}.re-message.top-enter-to,.re-message.top-leave-from{opacity:1}.re-message.top-enter-to[data-placement=top],.re-message.top-leave-from[data-placement=top]{transform:translateX(-50%) translateY(0)}.re-message.top-leave-to{opacity:0}.re-message.top-leave-to[data-placement=top]{transform:translateX(-50%) translateY(-20px)}.re-message.bottom-enter-from{opacity:0}.re-message.bottom-enter-from[data-placement=bottom]{transform:translateX(-50%) translateY(20px)}.re-message.bottom-enter-from[data-placement=bottom-start],.re-message.bottom-enter-from[data-placement=bottom-end]{transform:translateX(0) translateY(20px)}.re-message.bottom-enter-to,.re-message.bottom-leave-from{opacity:1}.re-message.bottom-enter-to[data-placement=bottom],.re-message.bottom-leave-from[data-placement=bottom]{transform:translateX(-50%) translateY(0)}.re-message.bottom-enter-to[data-placement=bottom-start],.re-message.bottom-enter-to[data-placement=bottom-end],.re-message.bottom-leave-from[data-placement=bottom-start],.re-message.bottom-leave-from[data-placement=bottom-end]{transform:translateX(0) translateY(0)}.re-message.bottom-leave-to{opacity:0}.re-message.bottom-leave-to[data-placement=bottom]{transform:translateX(-50%) translateY(20px)}.re-message.bottom-leave-to[data-placement=bottom-start],.re-message.bottom-leave-to[data-placement=bottom-end]{transform:translateX(0) translateY(20px)}.re-message.left-enter-from{opacity:0}.re-message.left-enter-from[data-placement=left]{transform:translateY(-50%) translateX(-20px)}.re-message.left-enter-from[data-placement=left-start],.re-message.left-enter-from[data-placement=left-end]{transform:translateY(0) translateX(-20px)}.re-message.left-enter-from[data-placement=left-top],.re-message.left-enter-from[data-placement=left-bottom]{transform:translateY(0) translateX(-100%)}.re-message.left-enter-to,.re-message.left-leave-from{opacity:1}.re-message.left-enter-to[data-placement=left],.re-message.left-leave-from[data-placement=left]{transform:translateY(-50%) translateX(0)}.re-message.left-enter-to[data-placement=left-start],.re-message.left-enter-to[data-placement=left-end],.re-message.left-leave-from[data-placement=left-start],.re-message.left-leave-from[data-placement=left-end]{transform:translateY(0) translateX(0)}.re-message.left-enter-to[data-placement=left-top],.re-message.left-enter-to[data-placement=left-bottom],.re-message.left-leave-from[data-placement=left-top],.re-message.left-leave-from[data-placement=left-bottom]{transform:translateY(0) translateX(0)}.re-message.left-leave-to{opacity:0}.re-message.left-leave-to[data-placement=left]{transform:translateY(-50%) translateX(-20px)}.re-message.left-leave-to[data-placement=left-start],.re-message.left-leave-to[data-placement=left-end]{transform:translateY(0) translateX(-20px)}.re-message.left-leave-to[data-placement=left-top],.re-message.left-leave-to[data-placement=left-bottom]{transform:translateY(0) translateX(-100%)}.re-message.right-enter-from{opacity:0}.re-message.right-enter-from[data-placement=right]{transform:translateY(-50%) translateX(20px)}.re-message.right-enter-from[data-placement=right-start],.re-message.right-enter-from[data-placement=right-end]{transform:translateY(0) translateX(20px)}.re-message.right-enter-from[data-placement=right-top],.re-message.right-enter-from[data-placement=right-bottom]{transform:translateY(0) translateX(100%)}.re-message.right-enter-to,.re-message.right-leave-from{opacity:1}.re-message.right-enter-to[data-placement=right],.re-message.right-leave-from[data-placement=right]{transform:translateY(-50%) translateX(0)}.re-message.right-enter-to[data-placement=right-start],.re-message.right-enter-to[data-placement=right-end],.re-message.right-leave-from[data-placement=right-start],.re-message.right-leave-from[data-placement=right-end]{transform:translateY(0) translateX(0)}.re-message.right-enter-to[data-placement=right-top],.re-message.right-enter-to[data-placement=right-bottom],.re-message.right-leave-from[data-placement=right-top],.re-message.right-leave-from[data-placement=right-bottom]{transform:translateY(0) translateX(0)}.re-message.right-leave-to{opacity:0}.re-message.right-leave-to[data-placement=right]{transform:translateY(-50%) translateX(20px)}.re-message.right-leave-to[data-placement=right-start],.re-message.right-leave-to[data-placement=right-end]{transform:translateY(0) translateX(20px)}.re-message.right-leave-to[data-placement=right-top],.re-message.right-leave-to[data-placement=right-bottom]{transform:translateY(0) translateX(100%)}
@@ -1 +1 @@
1
- .re-popconfirm{--re-popconfirm-icon-color:var(--re-color-warning-base)}.re-popconfirm.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popconfirm__header{display:flex;align-items:center;padding:1em;font-weight:500}.re-popconfirm__title{line-height:1.5}.re-popconfirm__icon{flex-shrink:0;margin-right:5px;color:var(--re-popconfirm-icon-color)}.re-popconfirm__content{line-height:1.5;padding:0 1em}.re-popconfirm__footer{padding:1em;text-align:right}
1
+ .re-popconfirm{--re-popconfirm-icon-color:var(--re-color-warning-base)}.re-popconfirm.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popconfirm__header{display:flex;align-items:center;padding:1em;font-weight:500}.re-popconfirm__title{line-height:1.5}.re-popconfirm__icon{flex-shrink:0;margin-right:5px;color:var(--re-popconfirm-icon-color)}.re-popconfirm__content{line-height:1.5;padding:0 1em}.re-popconfirm__footer{padding:1em;text-align:right}.re-popconfirm{transition-property:opacity;transition-timing-function:ease-in-out;transition-duration:0.3s;transition-delay:0s;transition-behavior:normal}.re-popconfirm.popconfirm-enter-from,.re-popconfirm.popconfirm-leave-to{opacity:0}.re-popconfirm.popconfirm-enter-to,.re-popconfirm.popconfirm-leave-from{opacity:1}
@@ -1 +1 @@
1
- .re-popover.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popover__title{font-size:var(--re-root-font-size);padding:.5em 1em;font-weight:500}.re-popover__content{padding:0 1em 1em 1em;font-size:var(--re-base-font-size)}
1
+ .re-popover.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popover__title{font-size:var(--re-root-font-size);padding:.5em 1em;font-weight:500}.re-popover__content{padding:0 1em 1em 1em;line-height:1.5;font-size:var(--re-base-font-size)}.re-popover{transition-property:opacity;transition-timing-function:ease-in-out;transition-duration:0.3s;transition-delay:0s;transition-behavior:normal}.re-popover.popover-enter-from,.re-popover.popover-leave-to{opacity:0}.re-popover.popover-enter-to,.re-popover.popover-leave-from{opacity:1}
@@ -1 +1 @@
1
- .re-tooltip.is-light{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-fill-blank);--re-tooltip-color:var(--re-color-text-base);--re-tooltip-border-color:var(--re-color-border-light)}.re-tooltip.is-dark{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-text-darker);--re-tooltip-color:var(--re-color-fill-blank);--re-tooltip-border-color:var(--re-color-text-darker)}.re-tooltip{padding:6px 12px;color:var(--re-tooltip-color);background-color:var(--re-tooltip-bgcolor);border-radius:var(--re-tooltip-border-radius);border:1px solid var(--re-tooltip-border-color)}.re-tooltip__content{font-size:var(--re-tooltip-font-size);line-height:1}.re-tooltip__arrow{background-color:var(--re-tooltip-bgcolor);border-width:1px;border-style:solid;z-index:-1;transform:rotate(45deg)}.re-tooltip__arrow[data-placement^=top]{border-color:rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=bottom]{border-color:var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color)}.re-tooltip__arrow[data-placement^=left]{border-color:var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=right]{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color)}
1
+ .re-tooltip.is-light{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-fill-blank);--re-tooltip-color:var(--re-color-text-base);--re-tooltip-border-color:var(--re-color-border-light)}.re-tooltip.is-dark{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-text-darker);--re-tooltip-color:var(--re-color-fill-blank);--re-tooltip-border-color:var(--re-color-text-darker)}.re-tooltip{padding:5px 11px;color:var(--re-tooltip-color);background-color:var(--re-tooltip-bgcolor);border-radius:var(--re-tooltip-border-radius);border:1px solid var(--re-tooltip-border-color);transition-property:opacity;transition-timing-function:ease-in-out;transition-duration:0.3s;transition-delay:0s;transition-behavior:normal}.re-tooltip.tooltip-enter-from,.re-tooltip.tooltip-leave-to{opacity:0}.re-tooltip.tooltip-enter-to,.re-tooltip.tooltip-leave-from{opacity:1}.re-tooltip__content{font-size:var(--re-tooltip-font-size);line-height:1}.re-tooltip__arrow{background-color:var(--re-tooltip-bgcolor);border-width:1px;border-style:solid;z-index:-1;transform:rotate(45deg)}.re-tooltip__arrow[data-placement^=top]{border-color:rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=bottom]{border-color:var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color)}.re-tooltip__arrow[data-placement^=left]{border-color:var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=right]{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color)}
@@ -14,9 +14,15 @@
14
14
  margin-right: 0;
15
15
 
16
16
  &:not(:first-child, :last-child) {
17
- margin-left: -1px;
18
17
  border-radius: 0;
19
- border-left-color: deepGet($button-group, 'color', 'divider');
18
+
19
+ &:not(.has-group-gap) {
20
+ border-left-color: deepGet($button-group, 'color', 'divider');
21
+ margin-left: -1px;
22
+ }
23
+ &.has-group-gap {
24
+ margin-left: var(--re-button-group-gap, -1px);
25
+ }
20
26
  }
21
27
 
22
28
  &:first-child {
@@ -24,10 +30,16 @@
24
30
  border-bottom-right-radius: 0;
25
31
  }
26
32
  &:last-child {
27
- margin-left: -1px;
28
- border-left-color: deepGet($button-group, 'color', 'divider');
29
33
  border-top-left-radius: 0;
30
34
  border-bottom-left-radius: 0;
35
+
36
+ &:not(.has-group-gap) {
37
+ border-left-color: deepGet($button-group, 'color', 'divider');
38
+ margin-left: -1px;
39
+ }
40
+ &.has-group-gap {
41
+ margin-left: var(--re-button-group-gap, -1px);
42
+ }
31
43
  }
32
44
  }
33
45
  }
@@ -43,9 +55,15 @@
43
55
  margin-right: 0;
44
56
 
45
57
  &:not(:first-child, :last-child) {
46
- margin-top: -1px;
47
58
  border-radius: 0;
48
- border-top-color: deepGet($button-group, 'color', 'divider');
59
+
60
+ &:not(.has-group-gap) {
61
+ border-top-color: deepGet($button-group, 'color', 'divider');
62
+ margin-top: -1px;
63
+ }
64
+ &.has-group-gap {
65
+ margin-top: var(--re-button-group-gap, -1px);
66
+ }
49
67
  }
50
68
 
51
69
  &:first-child {
@@ -53,10 +71,16 @@
53
71
  border-bottom-left-radius: 0;
54
72
  }
55
73
  &:last-child {
56
- margin-top: -1px;
57
- border-top-color: deepGet($button-group, 'color', 'divider');
58
74
  border-top-right-radius: 0;
59
75
  border-top-left-radius: 0;
76
+
77
+ &:not(.has-group-gap) {
78
+ border-top-color: deepGet($button-group, 'color', 'divider');
79
+ margin-top: -1px;
80
+ }
81
+ &.has-group-gap {
82
+ margin-top: var(--re-button-group-gap, -1px);
83
+ }
60
84
  }
61
85
  }
62
86
  }
@@ -0,0 +1,97 @@
1
+ @use 'mixins/index' as *;
2
+ @use 'function/index' as *;
3
+ @use 'mixins/_transition' as *;
4
+ @use 'mixins/_dropdown' as *;
5
+
6
+ @include buildRootCls('dropdown') {
7
+ @include buildSiblingCls('tooltip') {
8
+ filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
9
+ padding: 5px 0;
10
+ }
11
+
12
+ &[data-placement^='bottom'] {
13
+ @include transition-transform('translateY(-8px) scaleY(0.95)', 'translateY(0) scaleY(1)');
14
+ }
15
+ &[data-placement^='top'] {
16
+ @include transition-transform('translateY(8px) scaleY(0.95)', 'translateY(0) scaleY(1)');
17
+ }
18
+ &[data-placement^='left'] {
19
+ @include transition-transform('translateX(8px) scaleX(0.95)', 'translateX(0) scaleX(1)');
20
+ }
21
+ &[data-placement^='right'] {
22
+ @include transition-transform('translateX(-8px) scaleX(0.95)', 'translateX(0) scaleX(1)');
23
+ }
24
+
25
+ @include sub(menu) {
26
+ margin: 0;
27
+ padding: 0;
28
+ list-style: none;
29
+ outline: none;
30
+ }
31
+
32
+ @include sub(children) {
33
+ opacity: 0;
34
+ visibility: hidden;
35
+ position: absolute;
36
+ top: -5px;
37
+ left: 100%;
38
+ transition:
39
+ opacity 0.3s ease-in-out,
40
+ transform 0.3s cubic-bezier(0.1, 0.4, 0.7, 1);
41
+ transform: translateX(-8px) scaleX(0.95);
42
+ }
43
+
44
+ @include sub(label) {
45
+ padding: 0 14px;
46
+ white-space: nowrap;
47
+ word-break: keep-all;
48
+ }
49
+
50
+ @include sub(icon) {
51
+ display: flex;
52
+ justify-content: center;
53
+ align-items: center;
54
+ font-size: 16px;
55
+ margin-left: 14px;
56
+ margin-right: -9px;
57
+ }
58
+
59
+ @include sub(subicon) {
60
+ display: flex;
61
+ justify-content: center;
62
+ align-items: center;
63
+ margin-right: 7px;
64
+ font-size: 16px;
65
+ }
66
+
67
+ @include sub(item) {
68
+ display: flex;
69
+ align-items: center;
70
+ list-style: none;
71
+ margin: 0;
72
+ cursor: pointer;
73
+ line-height: 32px;
74
+ font-size: 14px;
75
+ padding: 0;
76
+
77
+ &.has-children {
78
+ position: relative;
79
+ }
80
+
81
+ @include hover() {
82
+ background-color: getCssVar('color', 'primary', 'shade-1');
83
+ color: getCssVar('color', 'primary', 'base');
84
+
85
+ @include child(dropdown__children) {
86
+ opacity: 1;
87
+ transform: translateX(0) scaleX(1);
88
+ visibility: visible;
89
+ }
90
+ }
91
+ @include is(disabled) {
92
+ cursor: not-allowed;
93
+ color: getCssVar('color', 'text', 'lighter');
94
+ background-color: getCssVar('color', 'fill', 'blank');
95
+ }
96
+ }
97
+ }
@@ -89,7 +89,7 @@
89
89
  /**
90
90
  * mixed color
91
91
  */
92
- @function mixed-color($color, $mix-color, $ratio: 0.16) {
92
+ @function mixed-color($color, $mix-color, $ratio: 0.12) {
93
93
  $r: color.channel($color, 'red', $space: rgb);
94
94
  $g: color.channel($color, 'green', $space: rgb);
95
95
  $b: color.channel($color, 'blue', $space: rgb);
@@ -10,3 +10,4 @@
10
10
  @forward './tooltip';
11
11
  @forward './popconfirm';
12
12
  @forward './message';
13
+ @forward './dropdown';
@@ -28,7 +28,6 @@
28
28
  margin-right: 5px;
29
29
  font-size: getCssVar('message', 'icon', 'size');
30
30
  color: $color;
31
- // fill: $color;
32
31
  }
33
32
  &__content {
34
33
  font-size: $font-size;
@@ -100,10 +99,6 @@
100
99
  }
101
100
  }
102
101
 
103
- &.top-enter-active {
104
- opacity: 0;
105
- }
106
-
107
102
  &.top-enter-to,
108
103
  &.top-leave-from {
109
104
  opacity: 1;
@@ -112,10 +107,6 @@
112
107
  }
113
108
  }
114
109
 
115
- &.top-leave-active {
116
- opacity: 1;
117
- }
118
-
119
110
  &.top-leave-to {
120
111
  opacity: 0;
121
112
  &[data-placement='top'] {
@@ -133,9 +124,6 @@
133
124
  transform: translateX(0) translateY(20px);
134
125
  }
135
126
  }
136
- &.bottom-enter-active {
137
- opacity: 0;
138
- }
139
127
 
140
128
  &.bottom-enter-to,
141
129
  &.bottom-leave-from {
@@ -149,10 +137,6 @@
149
137
  }
150
138
  }
151
139
 
152
- &.bottom-leave-active {
153
- opacity: 1;
154
- }
155
-
156
140
  &.bottom-leave-to {
157
141
  opacity: 0;
158
142
  &[data-placement='bottom'] {
@@ -178,9 +162,7 @@
178
162
  transform: translateY(0) translateX(-100%);
179
163
  }
180
164
  }
181
- &.left-enter-active {
182
- opacity: 0;
183
- }
165
+
184
166
  &.left-enter-to,
185
167
  &.left-leave-from {
186
168
  opacity: 1;
@@ -196,9 +178,7 @@
196
178
  transform: translateY(0) translateX(0);
197
179
  }
198
180
  }
199
- &.left-leave-active {
200
- opacity: 1;
201
- }
181
+
202
182
  &.left-leave-to {
203
183
  opacity: 0;
204
184
  &[data-placement='left'] {
@@ -230,9 +210,6 @@
230
210
  transform: translateY(0) translateX(100%);
231
211
  }
232
212
  }
233
- &.right-enter-active {
234
- opacity: 0;
235
- }
236
213
 
237
214
  &.right-enter-to,
238
215
  &.right-leave-from {
@@ -251,9 +228,6 @@
251
228
  }
252
229
  }
253
230
 
254
- &.right-leave-active {
255
- opacity: 1;
256
- }
257
231
  &.right-leave-to {
258
232
  opacity: 0;
259
233
  &[data-placement='right'] {
@@ -52,7 +52,7 @@
52
52
  }
53
53
 
54
54
  @include active() {
55
- transform: scale(0.99);
55
+ transform: scale(0.999);
56
56
  transition: transform 0s ease;
57
57
  @include set-bbc-active-color-vars($type);
58
58
  }
@@ -0,0 +1,17 @@
1
+ @use './_transition' as *;
2
+
3
+ @mixin transition-transform($from-style, $to-style) {
4
+ @include transition-common(
5
+ dropdown,
6
+ 'opacity, transform',
7
+ 'ease-in-out, cubic-bezier(0.1, 0.4, 0.7, 1)',
8
+ (
9
+ opacity: 0,
10
+ transform: #{$from-style}
11
+ ),
12
+ (
13
+ opacity: 1,
14
+ transform: #{$to-style}
15
+ )
16
+ );
17
+ }
@@ -0,0 +1,29 @@
1
+ @mixin transition-common(
2
+ $name,
3
+ $properties: 'opacity',
4
+ $timings: ease-in-out,
5
+ $from-styles: (opacity: 0),
6
+ $to-styles: (opacity: 1),
7
+ $durations: 0.3s,
8
+ $delays: 0s,
9
+ $behaviors: normal
10
+ ) {
11
+ transition-property: #{$properties};
12
+ transition-timing-function: #{$timings};
13
+ transition-duration: #{$durations};
14
+ transition-delay: #{$delays};
15
+ transition-behavior: #{$behaviors};
16
+
17
+ &.#{$name}-enter-from,
18
+ &.#{$name}-leave-to {
19
+ @each $prop, $val in $from-styles {
20
+ #{$prop}: $val;
21
+ }
22
+ }
23
+ &.#{$name}-enter-to,
24
+ &.#{$name}-leave-from {
25
+ @each $prop, $val in $to-styles {
26
+ #{$prop}: $val;
27
+ }
28
+ }
29
+ }
@@ -35,6 +35,12 @@
35
35
  }
36
36
  }
37
37
 
38
+ @mixin child($name) {
39
+ > .#{getNamespace('prefix') + '-' + $name} {
40
+ @content;
41
+ }
42
+ }
43
+
38
44
  @mixin is($states...) {
39
45
  $prefix: getNamespace('statePrefix');
40
46
 
@@ -1,5 +1,6 @@
1
1
  @use 'mixins/index' as *;
2
2
  @use 'mixins/_popconfirm' as *;
3
+ @use 'mixins/_transition' as *;
3
4
  @use 'function/index' as *;
4
5
 
5
6
  @include buildRootCls('popconfirm') {
@@ -32,4 +33,6 @@
32
33
  padding: 1em;
33
34
  text-align: right;
34
35
  }
36
+
37
+ @include transition-common(popconfirm);
35
38
  }
@@ -1,4 +1,5 @@
1
1
  @use 'mixins/index' as *;
2
+ @use 'mixins/_transition' as *;
2
3
  @use 'function/index' as *;
3
4
 
4
5
  @include buildRootCls('popover') {
@@ -13,6 +14,8 @@
13
14
  }
14
15
  @include sub('content') {
15
16
  padding: 0 1em 1em 1em;
17
+ line-height: 1.5;
16
18
  font-size: getCssVar('base-font-size');
17
19
  }
20
+ @include transition-common(popover);
18
21
  }
@@ -1,5 +1,6 @@
1
1
  @use 'mixins/index' as *;
2
2
  @use 'mixins/_tooltip' as *;
3
+ @use 'mixins/_transition' as *;
3
4
  @use 'function/index' as *;
4
5
 
5
6
  @include buildRootCls('tooltip') {
@@ -16,21 +17,13 @@
16
17
  $font-size: getCssVar('tooltip', 'font', 'size');
17
18
  $border-radius: getCssVar('tooltip', 'border-radius');
18
19
 
19
- padding: 6px 12px;
20
+ padding: 5px 11px;
20
21
  color: $color;
21
22
  background-color: $bgcolor;
22
23
  border-radius: $border-radius;
23
24
  border: 1px solid $border-color;
24
25
 
25
- // &.tooltip-enter-active,
26
- // &.tooltip-leave-active {
27
- // transition: opacity 0.5s ease;
28
- // }
29
-
30
- // &.tooltip-enter-from,
31
- // &.tooltip-leave-to {
32
- // opacity: 0;
33
- // }
26
+ @include transition-common(tooltip);
34
27
 
35
28
  &__content {
36
29
  font-size: $font-size;
@@ -1 +0,0 @@
1
- var e=(e,t,n)=>{let r=t.lastIndexOf(`?`),i=e[r===-1||r<t.lastIndexOf(`/`)?t:t.slice(0,r)];return i?typeof i==`function`?i():Promise.resolve(i):new Promise((e,r)=>{(typeof queueMicrotask==`function`?queueMicrotask:setTimeout)(r.bind(null,Error(`Unknown variable dynamic import: `+t+(t.split(`/`).length===n?``:`. Note that variables only represent file names one level deep.`))))})};exports.default=e;
@@ -1 +0,0 @@
1
- function e(e={}){let{prefix:t=`Re`,importStyle:n=!0}=e;return{type:`component`,resolve:e=>{if(e.startsWith(t)){let r=e.slice(t.length).replace(/([A-Z])/g,`-$1`).toLowerCase().replace(/^-/,``),i={name:e,from:`rappel-ui/es/components/${r}/index.mjs`};return n===`sass`?i.sideEffects=`rappel-ui/es/components/${r}/style/index.mjs`:(n===`css`||n===!0)&&(i.sideEffects=`rappel-ui/es/components/${r}/style/css.mjs`),i}}}}exports.RappelUIResolver=e;
@@ -1,9 +0,0 @@
1
- //#region \0rolldown_dynamic_import_helper.js
2
- var e = (e, t, n) => {
3
- let r = t.lastIndexOf("?"), i = e[r === -1 || r < t.lastIndexOf("/") ? t : t.slice(0, r)];
4
- return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((e, r) => {
5
- (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, Error("Unknown variable dynamic import: " + t + (t.split("/").length === n ? "" : ". Note that variables only represent file names one level deep."))));
6
- });
7
- };
8
- //#endregion
9
- export { e as default };