rappel-ui 1.0.11 → 1.0.13

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 (337) hide show
  1. package/README.md +41 -0
  2. package/README.zh.md +41 -0
  3. package/cjs/index.js +1 -1
  4. package/package.json +12 -10
  5. package/cjs/_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/defineProperty.js +0 -1
  6. package/cjs/_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/toPrimitive.js +0 -1
  7. package/cjs/_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/toPropertyKey.js +0 -1
  8. package/cjs/_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/typeof.js +0 -1
  9. package/cjs/_virtual/_plugin-vue_export-helper.js +0 -1
  10. package/cjs/_virtual/_rolldown/runtime.js +0 -1
  11. package/cjs/components/button/index.d.ts +0 -57
  12. package/cjs/components/button/index.js +0 -1
  13. package/cjs/components/button/src/button-group.js +0 -1
  14. package/cjs/components/button/src/button-group.vue_vue_type_script_setup_true_lang.js +0 -1
  15. package/cjs/components/button/src/button.js +0 -1
  16. package/cjs/components/button/src/button.vue_vue_type_script_setup_true_lang.js +0 -1
  17. package/cjs/components/button/src/constants.d.ts +0 -4
  18. package/cjs/components/button/src/constants.js +0 -1
  19. package/cjs/components/button/src/types.d.ts +0 -32
  20. package/cjs/components/button/style/css.d.ts +0 -0
  21. package/cjs/components/button/style/index.d.ts +0 -0
  22. package/cjs/components/button/style/index.js +0 -1
  23. package/cjs/components/button-group/style/css.d.ts +0 -0
  24. package/cjs/components/button-group/style/index.d.ts +0 -0
  25. package/cjs/components/button-group/style/index.js +0 -1
  26. package/cjs/components/colors/index.d.ts +0 -6
  27. package/cjs/components/colors/index.js +0 -1
  28. package/cjs/components/colors/src/colors.js +0 -1
  29. package/cjs/components/colors/src/colors.vue_vue_type_script_setup_true_lang.js +0 -1
  30. package/cjs/components/colors/src/neutral-color.js +0 -1
  31. package/cjs/components/colors/src/neutral-color.vue_vue_type_script_setup_true_lang.js +0 -1
  32. package/cjs/components/colors/src/primary-color.js +0 -1
  33. package/cjs/components/colors/src/primary-color.vue_vue_type_script_setup_true_lang.js +0 -1
  34. package/cjs/components/colors/src/secondary-color.js +0 -1
  35. package/cjs/components/colors/src/secondary-color.vue_vue_type_script_setup_true_lang.js +0 -1
  36. package/cjs/components/colors/style/css.d.ts +0 -0
  37. package/cjs/components/colors/style/index.d.ts +0 -0
  38. package/cjs/components/colors/style/index.js +0 -1
  39. package/cjs/components/filter-panel/index.d.ts +0 -74
  40. package/cjs/components/filter-panel/index.js +0 -1
  41. package/cjs/components/filter-panel/src/constants.d.ts +0 -1
  42. package/cjs/components/filter-panel/src/filter-panel.js +0 -1
  43. package/cjs/components/filter-panel/src/filter-panel.vue_vue_type_script_setup_true_lang.js +0 -1
  44. package/cjs/components/filter-panel/src/types.d.ts +0 -17
  45. package/cjs/components/filter-panel/style/css.d.ts +0 -0
  46. package/cjs/components/filter-panel/style/index.d.ts +0 -0
  47. package/cjs/components/filter-panel/style/index.js +0 -1
  48. package/cjs/components/index.d.ts +0 -8
  49. package/cjs/components/index.js +0 -1
  50. package/cjs/components/input/index.d.ts +0 -23
  51. package/cjs/components/input/index.js +0 -1
  52. package/cjs/components/input/src/input.js +0 -1
  53. package/cjs/components/input/src/input.vue_vue_type_script_setup_true_lang.js +0 -1
  54. package/cjs/components/package.js +0 -1
  55. package/cjs/components/popover/index.d.ts +0 -21
  56. package/cjs/components/popover/index.js +0 -1
  57. package/cjs/components/popover/src/popover.js +0 -1
  58. package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +0 -1
  59. package/cjs/components/popover/src/types.d.ts +0 -4
  60. package/cjs/components/popover/style/css.d.ts +0 -0
  61. package/cjs/components/popover/style/index.d.ts +0 -0
  62. package/cjs/components/svg-icon/index.d.ts +0 -3
  63. package/cjs/components/svg-icon/index.js +0 -1
  64. package/cjs/components/svg-icon/src/svg-icon.js +0 -1
  65. package/cjs/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.js +0 -1
  66. package/cjs/components/svg-icon/src/types.d.ts +0 -8
  67. package/cjs/components/svg-icon/style/css.d.ts +0 -0
  68. package/cjs/components/svg-icon/style/index.d.ts +0 -0
  69. package/cjs/components/svg-icon/style/index.js +0 -1
  70. package/cjs/components/tabs/index.d.ts +0 -18
  71. package/cjs/components/tabs/index.js +0 -1
  72. package/cjs/components/tabs/src/tabs.js +0 -1
  73. package/cjs/components/tooltip/index.d.ts +0 -106
  74. package/cjs/components/tooltip/index.js +0 -1
  75. package/cjs/components/tooltip/src/constants.d.ts +0 -7
  76. package/cjs/components/tooltip/src/constants.js +0 -1
  77. package/cjs/components/tooltip/src/content.js +0 -1
  78. package/cjs/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.js +0 -1
  79. package/cjs/components/tooltip/src/tooltip.js +0 -1
  80. package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +0 -1
  81. package/cjs/components/tooltip/src/types.d.ts +0 -98
  82. package/cjs/components/tooltip/src/use-emit.d.ts +0 -14
  83. package/cjs/components/tooltip/src/use-emit.js +0 -1
  84. package/cjs/components/tooltip/src/use-tooltip.d.ts +0 -9
  85. package/cjs/components/tooltip/src/use-tooltip.js +0 -1
  86. package/cjs/components/tooltip/style/css.d.ts +0 -0
  87. package/cjs/components/tooltip/style/index.d.ts +0 -0
  88. package/cjs/composables/index.d.ts +0 -8
  89. package/cjs/composables/index.js +0 -1
  90. package/cjs/composables/use-date-format/index.d.ts +0 -7
  91. package/cjs/composables/use-date-format/index.js +0 -1
  92. package/cjs/composables/use-draggable/index.d.ts +0 -10
  93. package/cjs/composables/use-draggable/index.js +0 -1
  94. package/cjs/composables/use-namespace/index.d.ts +0 -13
  95. package/cjs/composables/use-namespace/index.js +0 -1
  96. package/cjs/composables/use-once-fn/index.d.ts +0 -24
  97. package/cjs/composables/use-once-fn/index.js +0 -1
  98. package/cjs/composables/use-theme/index.d.ts +0 -7
  99. package/cjs/composables/use-theme/index.js +0 -1
  100. package/cjs/composables/use-time-nodes/index.d.ts +0 -3
  101. package/cjs/composables/use-time-nodes/index.js +0 -1
  102. package/cjs/composables/use-waterfall-layout/index.d.ts +0 -10
  103. package/cjs/composables/use-waterfall-layout/index.js +0 -1
  104. package/cjs/composables/use-z-index/index.d.ts +0 -11
  105. package/cjs/composables/use-z-index/index.js +0 -1
  106. package/cjs/constants/index.d.ts +0 -1
  107. package/cjs/constants/svgLoading.d.ts +0 -2
  108. package/cjs/constants/svgLoading.js +0 -36
  109. package/cjs/directives/index.d.ts +0 -3
  110. package/cjs/directives/index.js +0 -1
  111. package/cjs/directives/vDraggable.d.ts +0 -2
  112. package/cjs/directives/vDraggable.js +0 -1
  113. package/cjs/directives/vResizable.d.ts +0 -14
  114. package/cjs/directives/vResizable.js +0 -21
  115. package/cjs/directives/vSvgLoading.d.ts +0 -4
  116. package/cjs/directives/vSvgLoading.js +0 -1
  117. package/cjs/index.d.ts +0 -1323
  118. package/cjs/node_modules/.pnpm/@floating-ui_core@1.8.0/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -1
  119. package/cjs/node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -1
  120. package/cjs/node_modules/.pnpm/@floating-ui_utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -1
  121. package/cjs/node_modules/.pnpm/@floating-ui_utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -1
  122. package/cjs/node_modules/.pnpm/@floating-ui_vue@2.0.1_vue@3.5.26_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.js +0 -1
  123. package/cjs/node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js +0 -1
  124. package/cjs/node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js +0 -1
  125. package/cjs/rappel-ui/index.d.ts +0 -1
  126. package/cjs/rappel-ui/resolver.d.ts +0 -4
  127. package/cjs/rappel-ui/resolver.js +0 -1
  128. package/cjs/svg-icons/constants.d.ts +0 -3
  129. package/cjs/svg-icons/constants.js +0 -1
  130. package/cjs/svg-icons/index.d.ts +0 -1010
  131. package/cjs/svg-icons/index.js +0 -1
  132. package/cjs/svg-icons/types.d.ts +0 -5
  133. package/cjs/theme-chalk/src/base.css +0 -1
  134. package/cjs/theme-chalk/src/button-group.css +0 -1
  135. package/cjs/theme-chalk/src/button.css +0 -1
  136. package/cjs/theme-chalk/src/colors.css +0 -1
  137. package/cjs/theme-chalk/src/filter-panel.css +0 -1
  138. package/cjs/theme-chalk/src/svg-icon.css +0 -1
  139. package/cjs/types/common.d.ts +0 -1
  140. package/cjs/types/component.d.ts +0 -1
  141. package/cjs/types/event.d.ts +0 -1
  142. package/cjs/types/index.d.ts +0 -4
  143. package/cjs/types/theme.d.ts +0 -1
  144. package/cjs/utils/index.d.ts +0 -2
  145. package/cjs/utils/index.js +0 -1
  146. package/cjs/utils/util.d.ts +0 -170
  147. package/cjs/utils/util.js +0 -3
  148. package/cjs/utils/vue/index.d.ts +0 -21
  149. package/cjs/utils/vue/index.js +0 -1
  150. package/es/_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/defineProperty.mjs +0 -12
  151. package/es/_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/toPrimitive.mjs +0 -14
  152. package/es/_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/toPropertyKey.mjs +0 -9
  153. package/es/_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/typeof.mjs +0 -11
  154. package/es/_virtual/_plugin-vue_export-helper.mjs +0 -8
  155. package/es/_virtual/_rolldown/runtime.mjs +0 -11
  156. package/es/components/button/index.d.ts +0 -57
  157. package/es/components/button/index.mjs +0 -9
  158. package/es/components/button/src/button-group.mjs +0 -5
  159. package/es/components/button/src/button-group.vue_vue_type_script_setup_true_lang.mjs +0 -25
  160. package/es/components/button/src/button.mjs +0 -5
  161. package/es/components/button/src/button.vue_vue_type_script_setup_true_lang.mjs +0 -140
  162. package/es/components/button/src/constants.d.ts +0 -4
  163. package/es/components/button/src/constants.mjs +0 -20
  164. package/es/components/button/src/types.d.ts +0 -32
  165. package/es/components/button/style/css.d.ts +0 -0
  166. package/es/components/button/style/index.d.ts +0 -0
  167. package/es/components/button/style/index.mjs +0 -2
  168. package/es/components/button-group/style/css.d.ts +0 -0
  169. package/es/components/button-group/style/index.d.ts +0 -0
  170. package/es/components/button-group/style/index.mjs +0 -2
  171. package/es/components/colors/index.d.ts +0 -6
  172. package/es/components/colors/index.mjs +0 -14
  173. package/es/components/colors/src/colors.mjs +0 -5
  174. package/es/components/colors/src/colors.vue_vue_type_script_setup_true_lang.mjs +0 -21
  175. package/es/components/colors/src/neutral-color.mjs +0 -5
  176. package/es/components/colors/src/neutral-color.vue_vue_type_script_setup_true_lang.mjs +0 -103
  177. package/es/components/colors/src/primary-color.mjs +0 -5
  178. package/es/components/colors/src/primary-color.vue_vue_type_script_setup_true_lang.mjs +0 -38
  179. package/es/components/colors/src/secondary-color.mjs +0 -5
  180. package/es/components/colors/src/secondary-color.vue_vue_type_script_setup_true_lang.mjs +0 -56
  181. package/es/components/colors/style/css.d.ts +0 -0
  182. package/es/components/colors/style/index.d.ts +0 -0
  183. package/es/components/colors/style/index.mjs +0 -2
  184. package/es/components/filter-panel/index.d.ts +0 -74
  185. package/es/components/filter-panel/index.mjs +0 -7
  186. package/es/components/filter-panel/src/constants.d.ts +0 -1
  187. package/es/components/filter-panel/src/filter-panel.mjs +0 -5
  188. package/es/components/filter-panel/src/filter-panel.vue_vue_type_script_setup_true_lang.mjs +0 -130
  189. package/es/components/filter-panel/src/types.d.ts +0 -17
  190. package/es/components/filter-panel/style/css.d.ts +0 -0
  191. package/es/components/filter-panel/style/index.d.ts +0 -0
  192. package/es/components/filter-panel/style/index.mjs +0 -2
  193. package/es/components/index.d.ts +0 -8
  194. package/es/components/index.mjs +0 -34
  195. package/es/components/input/index.d.ts +0 -23
  196. package/es/components/input/index.mjs +0 -7
  197. package/es/components/input/src/input.mjs +0 -5
  198. package/es/components/input/src/input.vue_vue_type_script_setup_true_lang.mjs +0 -21
  199. package/es/components/package.mjs +0 -4
  200. package/es/components/popover/index.d.ts +0 -21
  201. package/es/components/popover/index.mjs +0 -7
  202. package/es/components/popover/src/popover.mjs +0 -5
  203. package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +0 -164
  204. package/es/components/popover/src/types.d.ts +0 -4
  205. package/es/components/popover/style/css.d.ts +0 -0
  206. package/es/components/popover/style/index.d.ts +0 -0
  207. package/es/components/svg-icon/index.d.ts +0 -3
  208. package/es/components/svg-icon/index.mjs +0 -7
  209. package/es/components/svg-icon/src/svg-icon.mjs +0 -5
  210. package/es/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.mjs +0 -52
  211. package/es/components/svg-icon/src/types.d.ts +0 -8
  212. package/es/components/svg-icon/style/css.d.ts +0 -0
  213. package/es/components/svg-icon/style/index.d.ts +0 -0
  214. package/es/components/svg-icon/style/index.mjs +0 -2
  215. package/es/components/tabs/index.d.ts +0 -18
  216. package/es/components/tabs/index.mjs +0 -7
  217. package/es/components/tabs/src/tabs.mjs +0 -11
  218. package/es/components/tooltip/index.d.ts +0 -106
  219. package/es/components/tooltip/index.mjs +0 -7
  220. package/es/components/tooltip/src/constants.d.ts +0 -7
  221. package/es/components/tooltip/src/constants.mjs +0 -13
  222. package/es/components/tooltip/src/content.mjs +0 -5
  223. package/es/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.mjs +0 -158
  224. package/es/components/tooltip/src/tooltip.mjs +0 -5
  225. package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +0 -258
  226. package/es/components/tooltip/src/types.d.ts +0 -98
  227. package/es/components/tooltip/src/use-emit.d.ts +0 -14
  228. package/es/components/tooltip/src/use-emit.mjs +0 -17
  229. package/es/components/tooltip/src/use-tooltip.d.ts +0 -9
  230. package/es/components/tooltip/src/use-tooltip.mjs +0 -103
  231. package/es/components/tooltip/style/css.d.ts +0 -0
  232. package/es/components/tooltip/style/index.d.ts +0 -0
  233. package/es/composables/index.d.ts +0 -8
  234. package/es/composables/index.mjs +0 -9
  235. package/es/composables/use-date-format/index.d.ts +0 -7
  236. package/es/composables/use-date-format/index.mjs +0 -20
  237. package/es/composables/use-draggable/index.d.ts +0 -10
  238. package/es/composables/use-draggable/index.mjs +0 -61
  239. package/es/composables/use-namespace/index.d.ts +0 -13
  240. package/es/composables/use-namespace/index.mjs +0 -22
  241. package/es/composables/use-once-fn/index.d.ts +0 -24
  242. package/es/composables/use-once-fn/index.mjs +0 -30
  243. package/es/composables/use-theme/index.d.ts +0 -7
  244. package/es/composables/use-theme/index.mjs +0 -23
  245. package/es/composables/use-time-nodes/index.d.ts +0 -3
  246. package/es/composables/use-time-nodes/index.mjs +0 -25
  247. package/es/composables/use-waterfall-layout/index.d.ts +0 -10
  248. package/es/composables/use-waterfall-layout/index.mjs +0 -46
  249. package/es/composables/use-z-index/index.d.ts +0 -11
  250. package/es/composables/use-z-index/index.mjs +0 -17
  251. package/es/constants/index.d.ts +0 -1
  252. package/es/constants/svgLoading.d.ts +0 -2
  253. package/es/constants/svgLoading.mjs +0 -4
  254. package/es/directives/index.d.ts +0 -3
  255. package/es/directives/index.mjs +0 -4
  256. package/es/directives/vDraggable.d.ts +0 -2
  257. package/es/directives/vDraggable.mjs +0 -14
  258. package/es/directives/vResizable.d.ts +0 -14
  259. package/es/directives/vResizable.mjs +0 -136
  260. package/es/directives/vSvgLoading.d.ts +0 -4
  261. package/es/directives/vSvgLoading.mjs +0 -47
  262. package/es/index.d.ts +0 -1323
  263. package/es/index.mjs +0 -45
  264. package/es/node_modules/.pnpm/@floating-ui_core@1.8.0/node_modules/@floating-ui/core/dist/floating-ui.core.mjs +0 -276
  265. package/es/node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs +0 -322
  266. package/es/node_modules/.pnpm/@floating-ui_utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs +0 -99
  267. package/es/node_modules/.pnpm/@floating-ui_utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs +0 -101
  268. package/es/node_modules/.pnpm/@floating-ui_vue@2.0.1_vue@3.5.26_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs +0 -111
  269. package/es/node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs +0 -450
  270. package/es/node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.mjs +0 -121
  271. package/es/rappel-ui/index.d.ts +0 -1
  272. package/es/rappel-ui/resolver.d.ts +0 -4
  273. package/es/rappel-ui/resolver.mjs +0 -17
  274. package/es/svg-icons/constants.d.ts +0 -3
  275. package/es/svg-icons/constants.mjs +0 -114
  276. package/es/svg-icons/index.d.ts +0 -1010
  277. package/es/svg-icons/index.mjs +0 -72
  278. package/es/svg-icons/types.d.ts +0 -5
  279. package/es/theme-chalk/src/base.css +0 -1
  280. package/es/theme-chalk/src/button-group.css +0 -1
  281. package/es/theme-chalk/src/button.css +0 -1
  282. package/es/theme-chalk/src/colors.css +0 -1
  283. package/es/theme-chalk/src/filter-panel.css +0 -1
  284. package/es/theme-chalk/src/svg-icon.css +0 -1
  285. package/es/types/common.d.ts +0 -1
  286. package/es/types/component.d.ts +0 -1
  287. package/es/types/event.d.ts +0 -1
  288. package/es/types/index.d.ts +0 -4
  289. package/es/types/theme.d.ts +0 -1
  290. package/es/utils/index.d.ts +0 -2
  291. package/es/utils/index.mjs +0 -3
  292. package/es/utils/util.d.ts +0 -170
  293. package/es/utils/util.mjs +0 -198
  294. package/es/utils/vue/index.d.ts +0 -21
  295. package/es/utils/vue/index.mjs +0 -37
  296. package/theme-chalk/base.css +0 -225
  297. package/theme-chalk/css-vars/_button-group.css +0 -15
  298. package/theme-chalk/css-vars/_button.css +0 -15
  299. package/theme-chalk/css-vars/_colors.css +0 -33
  300. package/theme-chalk/css-vars/_tooltip.css +0 -15
  301. package/theme-chalk/function/_button.css +0 -15
  302. package/theme-chalk/function/index.css +0 -15
  303. package/theme-chalk/index.css +0 -1234
  304. package/theme-chalk/mixins/_base.css +0 -15
  305. package/theme-chalk/mixins/_button.css +0 -18
  306. package/theme-chalk/mixins/_tooltip.css +0 -18
  307. package/theme-chalk/mixins/index.css +0 -18
  308. package/theme-chalk/re-button-group.css +0 -68
  309. package/theme-chalk/re-button.css +0 -810
  310. package/theme-chalk/re-colors.css +0 -87
  311. package/theme-chalk/re-filter-panel.css +0 -36
  312. package/theme-chalk/re-popover.css +0 -30
  313. package/theme-chalk/re-svg-icon.css +0 -33
  314. package/theme-chalk/re-tooltip.css +0 -62
  315. package/theme-chalk/root-vars.css +0 -201
  316. package/theme-chalk/src/base.scss +0 -32
  317. package/theme-chalk/src/button-group.scss +0 -63
  318. package/theme-chalk/src/button.scss +0 -133
  319. package/theme-chalk/src/colors.scss +0 -85
  320. package/theme-chalk/src/css-vars/_button-group.scss +0 -12
  321. package/theme-chalk/src/css-vars/_button.scss +0 -88
  322. package/theme-chalk/src/css-vars/_colors.scss +0 -125
  323. package/theme-chalk/src/css-vars/_namespace.scss +0 -14
  324. package/theme-chalk/src/css-vars/_tooltip.scss +0 -23
  325. package/theme-chalk/src/filter-panel.scss +0 -21
  326. package/theme-chalk/src/function/_button.scss +0 -2
  327. package/theme-chalk/src/function/index.scss +0 -163
  328. package/theme-chalk/src/index.scss +0 -8
  329. package/theme-chalk/src/mixins/_base.scss +0 -14
  330. package/theme-chalk/src/mixins/_button.scss +0 -220
  331. package/theme-chalk/src/mixins/_tooltip.scss +0 -37
  332. package/theme-chalk/src/mixins/index.scss +0 -60
  333. package/theme-chalk/src/popover.scss +0 -17
  334. package/theme-chalk/src/root-vars.scss +0 -20
  335. package/theme-chalk/src/svg-icon.scss +0 -19
  336. package/theme-chalk/src/tooltip.scss +0 -61
  337. package/umd/index.js +0 -58
package/theme-chalk/re-button.css DELETED
@@ -1,810 +0,0 @@
1
- /**
2
- * craete same white opacity color
3
- */
4
- /**
5
- * create a darken color
6
- */
7
- /**
8
- * create shape color
9
- */
10
- /**
11
- * create dark shape color
12
- */
13
- /**
14
- &.re-tooltip-popover, &.re-tooltip-arrow
15
- */
16
- /**
17
- &.re-tooltip-overlay
18
- */
19
- .re-button {
20
- display: inline-flex;
21
- align-items: center;
22
- justify-content: center;
23
- font-size: var(--re-base-font-size);
24
- text-align: center;
25
- cursor: pointer;
26
- white-space: nowrap;
27
- box-sizing: border-box;
28
- transition: width 0.05s ease, height 0.05s ease, background-color 0.03s ease, transform 0.03s ease;
29
- -webkit-user-select: none;
30
- user-select: none;
31
- outline: none;
32
- vertical-align: middle;
33
- height: 32px;
34
- line-height: 1;
35
- -webkit-appearance: none;
36
- appearance: none;
37
- position: relative;
38
- padding: 8px 16px;
39
- border-radius: 4px;
40
- border-width: 1px;
41
- border-style: solid;
42
- background-color: var(--re-button-bgcolor);
43
- color: var(--re-button-color);
44
- border-color: var(--re-button-border-color);
45
- }
46
- .re-button__content {
47
- display: inline-flex;
48
- align-items: center;
49
- }
50
- @keyframes rotating {
51
- from {
52
- transform: rotate(0deg);
53
- }
54
- to {
55
- transform: rotate(360deg);
56
- }
57
- }
58
- .re-button__loading {
59
- animation: rotating 2s linear infinite;
60
- }
61
- .re-button__loading + * {
62
- margin-left: 4px;
63
- }
64
- .re-button__icon {
65
- width: 1em;
66
- height: 1em;
67
- }
68
- .re-button__icon + span {
69
- margin-left: 4px;
70
- }
71
- .re-button.is-dashed {
72
- border-style: dashed;
73
- }
74
- .re-button.is-dashed:hover:not(.is-disabled) {
75
- --re-button-bgcolor: var(--re-color-fill-blank);
76
- }
77
- .re-button.is-link, .re-button.is-text {
78
- --re-button-border-color: var(--re-color-fill-transparent);
79
- --re-button-bgcolor: var(--re-color-fill-transparent);
80
- }
81
- .re-button.is-link {
82
- padding: 2px;
83
- height: auto;
84
- text-decoration: underline;
85
- }
86
- .re-button.is-text {
87
- padding: 0;
88
- height: auto;
89
- }
90
- .re-button.is-text.is-text-padding, .re-button.is-text.is-text-bg {
91
- padding: 8px 16px;
92
- height: 32px;
93
- border: 0 solid transparent;
94
- }
95
- .re-button.is-plain:hover:not(.is-disabled) {
96
- --re-button-border-color: var(--re-color-primary-base);
97
- --re-button-bgcolor: var(--re-color-fill-blank);
98
- }
99
- .re-button.is-round {
100
- border-radius: 20px;
101
- }
102
- .re-button.is-circle {
103
- width: 32px;
104
- border-radius: 50%;
105
- padding: 8px;
106
- }
107
- .re-button + .re-button {
108
- margin-left: 10px;
109
- }
110
- .re-button {
111
- --re-button-bgcolor: var(--re-color-fill-blank);
112
- --re-button-color: var(--re-color-text-base);
113
- --re-button-border-color: var(--re-color-border-base);
114
- }
115
- .re-button:hover:not(.is-disabled) {
116
- --re-button-bgcolor: var(--re-color-primary-shade-1);
117
- --re-button-color: var(--re-color-primary-base);
118
- --re-button-border-color: var(--re-color-primary-shade-4);
119
- }
120
- .re-button:active:not(.is-disabled) {
121
- transform: scale(0.98);
122
- transition: transform 0s ease;
123
- --re-button-bgcolor: var(--re-color-primary-shade-2);
124
- --re-button-color: var(--re-color-primary-base);
125
- --re-button-border-color: var(--re-color-primary-shade-5);
126
- }
127
- .re-button:focus-visible:not(.is-disabled) {
128
- outline-width: 2px;
129
- outline-style: solid;
130
- outline-offset: 2px;
131
- outline-color: var(--re-color-border-darker);
132
- }
133
- .re-button.is-loading:before {
134
- z-index: 1;
135
- content: "";
136
- position: absolute;
137
- top: -1px;
138
- left: -1px;
139
- right: -1px;
140
- bottom: -1px;
141
- pointer-events: none;
142
- border-radius: inherit;
143
- background-color: rgba(255, 255, 255, 0.3);
144
- }
145
- .re-button.is-disabled {
146
- cursor: not-allowed;
147
- --re-button-bgcolor: var(--re-color-fill-blank);
148
- --re-button-border-color: var(--re-color-border-base);
149
- --re-button-color: var(--re-color-text-lighter);
150
- }
151
- .re-button.is-link, .re-button.is-text {
152
- --re-button-color: var(--re-color-text-base);
153
- --re-button-bgcolor: transparent;
154
- --re-button-border-color: transparent;
155
- }
156
- .re-button.is-link:hover:not(.is-disabled), .re-button.is-text:hover:not(.is-disabled) {
157
- --re-button-color: var(--re-color-primary-base);
158
- --re-button-bgcolor: transparent;
159
- --re-button-border-color: transparent;
160
- }
161
- .re-button.is-link:active:not(.is-disabled), .re-button.is-text:active:not(.is-disabled) {
162
- --re-button-color: var(--re-color-primary-base);
163
- --re-button-bgcolor: transparent;
164
- --re-button-border-color: transparent;
165
- }
166
- .re-button.is-link.is-disabled, .re-button.is-text.is-disabled {
167
- --re-button-border-color: var(--re-color-fill-transparent);
168
- --re-button-bgcolor: var(--re-color-fill-transparent);
169
- --re-button-color: var(--re-color-text-lighter);
170
- }
171
- .re-button.is-text.is-text-padding, .re-button.is-text.is-text-bg {
172
- --re-button-border-color: transparent;
173
- }
174
- .re-button.is-text.is-text-padding:hover:not(.is-disabled), .re-button.is-text.is-text-bg:hover:not(.is-disabled) {
175
- --re-button-border-color: transparent;
176
- --re-button-bgcolor: var(--re-color-fill-light);
177
- }
178
- .re-button.is-text.is-text-padding:active:not(.is-disabled), .re-button.is-text.is-text-bg:active:not(.is-disabled) {
179
- --re-button-border-color: transparent;
180
- --re-button-bgcolor: var(--re-color-fill-base);
181
- }
182
- .re-button.is-text.is-text-padding {
183
- --re-button-bgcolor: var(--re-color-fill-transparent);
184
- }
185
- .re-button.is-text.is-text-padding.is-disabled {
186
- --re-button-border-color: transparent;
187
- --re-button-bgcolor: var(--re-color-fill-transparent);
188
- }
189
- .re-button.is-text.is-text-bg {
190
- --re-button-bgcolor: var(--re-color-fill-lighter);
191
- }
192
- .re-button.is-text.is-text-bg.is-disabled {
193
- --re-button-border-color: transparent;
194
- --re-button-bgcolor: var(--re-color-fill-lighter);
195
- }
196
- .re-button--primary {
197
- --re-button-bgcolor: var(--re-color-primary-base);
198
- --re-button-color: var(--re-color-text-lightest);
199
- --re-button-border-color: var(--re-color-primary-base);
200
- }
201
- .re-button--primary:hover:not(.is-disabled) {
202
- --re-button-bgcolor: var(--re-color-primary-hover);
203
- --re-button-color: var(--re-color-text-lightest);
204
- --re-button-border-color: var(--re-color-primary-hover);
205
- }
206
- .re-button--primary:active:not(.is-disabled) {
207
- transform: scale(0.98);
208
- transition: transform 0s ease;
209
- --re-button-bgcolor: var(--re-color-primary-active);
210
- --re-button-color: var(--re-color-text-lightest);
211
- --re-button-border-color: var(--re-color-primary-active);
212
- }
213
- .re-button--primary:focus-visible:not(.is-disabled) {
214
- outline-width: 2px;
215
- outline-style: solid;
216
- outline-offset: 2px;
217
- outline-color: var(--re-color-primary-shade-4);
218
- }
219
- .re-button--primary.is-plain, .re-button--primary.is-dashed {
220
- --re-button-bgcolor: var(--re-color-primary-shade-1);
221
- --re-button-border-color: var(--re-color-primary-shade-6);
222
- --re-button-color: var(--re-color-primary-base);
223
- }
224
- .re-button--primary.is-plain:hover:not(.is-disabled), .re-button--primary.is-dashed:hover:not(.is-disabled) {
225
- --re-button-border-color: var(--re-color-primary-base);
226
- }
227
- .re-button--primary.is-plain.is-disabled, .re-button--primary.is-dashed.is-disabled {
228
- --re-button-bgcolor: var(--re-color-primary-shade-1);
229
- --re-button-border-color: var(--re-color-primary-shade-4);
230
- --re-button-color: var(--re-color-primary-shade-4);
231
- }
232
- .re-button--primary.is-plain:hover:not(.is-disabled) {
233
- --re-button-bgcolor: var(--re-color-primary-base);
234
- --re-button-color: var(--re-color-fill-blank);
235
- }
236
- .re-button--primary.is-plain:active:not(.is-disabled) {
237
- --re-button-bgcolor: var(--re-color-primary-active);
238
- --re-button-color: var(--re-color-text-lightest);
239
- --re-button-border-color: var(--re-color-primary-active);
240
- }
241
- .re-button--primary.is-dashed:hover:not(.is-disabled) {
242
- --re-button-bgcolor: var(--re-color-primary-shade-1);
243
- --re-button-color: var(--re-color-primary-base);
244
- }
245
- .re-button--primary.is-dashed:active:not(.is-disabled) {
246
- --re-button-bgcolor: var(--re-color-primary-shade-2);
247
- --re-button-border-color: var(--re-color-primary-active);
248
- --re-button-color: var(--re-color-primary-active);
249
- }
250
- .re-button--primary.is-loading:before {
251
- z-index: 1;
252
- content: "";
253
- position: absolute;
254
- top: -1px;
255
- left: -1px;
256
- right: -1px;
257
- bottom: -1px;
258
- pointer-events: none;
259
- border-radius: inherit;
260
- background-color: rgba(255, 255, 255, 0.3);
261
- }
262
- .re-button--primary.is-disabled {
263
- cursor: not-allowed;
264
- --re-button-bgcolor: var(--re-color-primary-shade-4);
265
- --re-button-border-color: var(--re-color-primary-shade-4);
266
- --re-button-color: var(--re-color-fill-blank);
267
- }
268
- .re-button--primary.is-link, .re-button--primary.is-text {
269
- --re-button-color: var(--re-color-primary-base);
270
- --re-button-bgcolor: transparent;
271
- --re-button-border-color: transparent;
272
- }
273
- .re-button--primary.is-link:hover:not(.is-disabled), .re-button--primary.is-text:hover:not(.is-disabled) {
274
- --re-button-color: var(--re-color-primary-hover);
275
- --re-button-bgcolor: transparent;
276
- --re-button-border-color: transparent;
277
- }
278
- .re-button--primary.is-link:active:not(.is-disabled), .re-button--primary.is-text:active:not(.is-disabled) {
279
- --re-button-color: var(--re-color-primary-active);
280
- --re-button-bgcolor: transparent;
281
- --re-button-border-color: transparent;
282
- }
283
- .re-button--primary.is-link.is-disabled, .re-button--primary.is-text.is-disabled {
284
- --re-button-border-color: var(--re-color-fill-transparent);
285
- --re-button-bgcolor: var(--re-color-fill-transparent);
286
- --re-button-color: var(--re-color-primary-shade-4);
287
- }
288
- .re-button--primary.is-text.is-text-padding, .re-button--primary.is-text.is-text-bg {
289
- --re-button-border-color: transparent;
290
- }
291
- .re-button--primary.is-text.is-text-padding:hover:not(.is-disabled), .re-button--primary.is-text.is-text-bg:hover:not(.is-disabled) {
292
- --re-button-border-color: transparent;
293
- --re-button-bgcolor: var(--re-color-fill-light);
294
- }
295
- .re-button--primary.is-text.is-text-padding:active:not(.is-disabled), .re-button--primary.is-text.is-text-bg:active:not(.is-disabled) {
296
- --re-button-border-color: transparent;
297
- --re-button-bgcolor: var(--re-color-fill-base);
298
- }
299
- .re-button--primary.is-text.is-text-padding {
300
- --re-button-bgcolor: var(--re-color-fill-transparent);
301
- }
302
- .re-button--primary.is-text.is-text-padding.is-disabled {
303
- --re-button-border-color: transparent;
304
- --re-button-bgcolor: var(--re-color-fill-transparent);
305
- }
306
- .re-button--primary.is-text.is-text-bg {
307
- --re-button-bgcolor: var(--re-color-fill-lighter);
308
- }
309
- .re-button--primary.is-text.is-text-bg.is-disabled {
310
- --re-button-border-color: transparent;
311
- --re-button-bgcolor: var(--re-color-fill-lighter);
312
- }
313
- .re-button--success {
314
- --re-button-bgcolor: var(--re-color-success-base);
315
- --re-button-color: var(--re-color-text-lightest);
316
- --re-button-border-color: var(--re-color-success-base);
317
- }
318
- .re-button--success:hover:not(.is-disabled) {
319
- --re-button-bgcolor: var(--re-color-success-hover);
320
- --re-button-color: var(--re-color-text-lightest);
321
- --re-button-border-color: var(--re-color-success-hover);
322
- }
323
- .re-button--success:active:not(.is-disabled) {
324
- transform: scale(0.98);
325
- transition: transform 0s ease;
326
- --re-button-bgcolor: var(--re-color-success-active);
327
- --re-button-color: var(--re-color-text-lightest);
328
- --re-button-border-color: var(--re-color-success-active);
329
- }
330
- .re-button--success:focus-visible:not(.is-disabled) {
331
- outline-width: 2px;
332
- outline-style: solid;
333
- outline-offset: 2px;
334
- outline-color: var(--re-color-success-shade-4);
335
- }
336
- .re-button--success.is-plain, .re-button--success.is-dashed {
337
- --re-button-bgcolor: var(--re-color-success-shade-1);
338
- --re-button-border-color: var(--re-color-success-shade-6);
339
- --re-button-color: var(--re-color-success-base);
340
- }
341
- .re-button--success.is-plain:hover:not(.is-disabled), .re-button--success.is-dashed:hover:not(.is-disabled) {
342
- --re-button-border-color: var(--re-color-success-base);
343
- }
344
- .re-button--success.is-plain.is-disabled, .re-button--success.is-dashed.is-disabled {
345
- --re-button-bgcolor: var(--re-color-success-shade-1);
346
- --re-button-border-color: var(--re-color-success-shade-4);
347
- --re-button-color: var(--re-color-success-shade-4);
348
- }
349
- .re-button--success.is-plain:hover:not(.is-disabled) {
350
- --re-button-bgcolor: var(--re-color-success-base);
351
- --re-button-color: var(--re-color-fill-blank);
352
- }
353
- .re-button--success.is-plain:active:not(.is-disabled) {
354
- --re-button-bgcolor: var(--re-color-success-active);
355
- --re-button-color: var(--re-color-text-lightest);
356
- --re-button-border-color: var(--re-color-success-active);
357
- }
358
- .re-button--success.is-dashed:hover:not(.is-disabled) {
359
- --re-button-bgcolor: var(--re-color-success-shade-1);
360
- --re-button-color: var(--re-color-success-base);
361
- }
362
- .re-button--success.is-dashed:active:not(.is-disabled) {
363
- --re-button-bgcolor: var(--re-color-success-shade-2);
364
- --re-button-border-color: var(--re-color-success-active);
365
- --re-button-color: var(--re-color-success-active);
366
- }
367
- .re-button--success.is-loading:before {
368
- z-index: 1;
369
- content: "";
370
- position: absolute;
371
- top: -1px;
372
- left: -1px;
373
- right: -1px;
374
- bottom: -1px;
375
- pointer-events: none;
376
- border-radius: inherit;
377
- background-color: rgba(255, 255, 255, 0.3);
378
- }
379
- .re-button--success.is-disabled {
380
- cursor: not-allowed;
381
- --re-button-bgcolor: var(--re-color-success-shade-4);
382
- --re-button-border-color: var(--re-color-success-shade-4);
383
- --re-button-color: var(--re-color-fill-blank);
384
- }
385
- .re-button--success.is-link, .re-button--success.is-text {
386
- --re-button-color: var(--re-color-success-base);
387
- --re-button-bgcolor: transparent;
388
- --re-button-border-color: transparent;
389
- }
390
- .re-button--success.is-link:hover:not(.is-disabled), .re-button--success.is-text:hover:not(.is-disabled) {
391
- --re-button-color: var(--re-color-success-hover);
392
- --re-button-bgcolor: transparent;
393
- --re-button-border-color: transparent;
394
- }
395
- .re-button--success.is-link:active:not(.is-disabled), .re-button--success.is-text:active:not(.is-disabled) {
396
- --re-button-color: var(--re-color-success-active);
397
- --re-button-bgcolor: transparent;
398
- --re-button-border-color: transparent;
399
- }
400
- .re-button--success.is-link.is-disabled, .re-button--success.is-text.is-disabled {
401
- --re-button-border-color: var(--re-color-fill-transparent);
402
- --re-button-bgcolor: var(--re-color-fill-transparent);
403
- --re-button-color: var(--re-color-success-shade-4);
404
- }
405
- .re-button--success.is-text.is-text-padding, .re-button--success.is-text.is-text-bg {
406
- --re-button-border-color: transparent;
407
- }
408
- .re-button--success.is-text.is-text-padding:hover:not(.is-disabled), .re-button--success.is-text.is-text-bg:hover:not(.is-disabled) {
409
- --re-button-border-color: transparent;
410
- --re-button-bgcolor: var(--re-color-fill-light);
411
- }
412
- .re-button--success.is-text.is-text-padding:active:not(.is-disabled), .re-button--success.is-text.is-text-bg:active:not(.is-disabled) {
413
- --re-button-border-color: transparent;
414
- --re-button-bgcolor: var(--re-color-fill-base);
415
- }
416
- .re-button--success.is-text.is-text-padding {
417
- --re-button-bgcolor: var(--re-color-fill-transparent);
418
- }
419
- .re-button--success.is-text.is-text-padding.is-disabled {
420
- --re-button-border-color: transparent;
421
- --re-button-bgcolor: var(--re-color-fill-transparent);
422
- }
423
- .re-button--success.is-text.is-text-bg {
424
- --re-button-bgcolor: var(--re-color-fill-lighter);
425
- }
426
- .re-button--success.is-text.is-text-bg.is-disabled {
427
- --re-button-border-color: transparent;
428
- --re-button-bgcolor: var(--re-color-fill-lighter);
429
- }
430
- .re-button--danger {
431
- --re-button-bgcolor: var(--re-color-danger-base);
432
- --re-button-color: var(--re-color-text-lightest);
433
- --re-button-border-color: var(--re-color-danger-base);
434
- }
435
- .re-button--danger:hover:not(.is-disabled) {
436
- --re-button-bgcolor: var(--re-color-danger-hover);
437
- --re-button-color: var(--re-color-text-lightest);
438
- --re-button-border-color: var(--re-color-danger-hover);
439
- }
440
- .re-button--danger:active:not(.is-disabled) {
441
- transform: scale(0.98);
442
- transition: transform 0s ease;
443
- --re-button-bgcolor: var(--re-color-danger-active);
444
- --re-button-color: var(--re-color-text-lightest);
445
- --re-button-border-color: var(--re-color-danger-active);
446
- }
447
- .re-button--danger:focus-visible:not(.is-disabled) {
448
- outline-width: 2px;
449
- outline-style: solid;
450
- outline-offset: 2px;
451
- outline-color: var(--re-color-danger-shade-4);
452
- }
453
- .re-button--danger.is-plain, .re-button--danger.is-dashed {
454
- --re-button-bgcolor: var(--re-color-danger-shade-1);
455
- --re-button-border-color: var(--re-color-danger-shade-6);
456
- --re-button-color: var(--re-color-danger-base);
457
- }
458
- .re-button--danger.is-plain:hover:not(.is-disabled), .re-button--danger.is-dashed:hover:not(.is-disabled) {
459
- --re-button-border-color: var(--re-color-danger-base);
460
- }
461
- .re-button--danger.is-plain.is-disabled, .re-button--danger.is-dashed.is-disabled {
462
- --re-button-bgcolor: var(--re-color-danger-shade-1);
463
- --re-button-border-color: var(--re-color-danger-shade-4);
464
- --re-button-color: var(--re-color-danger-shade-4);
465
- }
466
- .re-button--danger.is-plain:hover:not(.is-disabled) {
467
- --re-button-bgcolor: var(--re-color-danger-base);
468
- --re-button-color: var(--re-color-fill-blank);
469
- }
470
- .re-button--danger.is-plain:active:not(.is-disabled) {
471
- --re-button-bgcolor: var(--re-color-danger-active);
472
- --re-button-color: var(--re-color-text-lightest);
473
- --re-button-border-color: var(--re-color-danger-active);
474
- }
475
- .re-button--danger.is-dashed:hover:not(.is-disabled) {
476
- --re-button-bgcolor: var(--re-color-danger-shade-1);
477
- --re-button-color: var(--re-color-danger-base);
478
- }
479
- .re-button--danger.is-dashed:active:not(.is-disabled) {
480
- --re-button-bgcolor: var(--re-color-danger-shade-2);
481
- --re-button-border-color: var(--re-color-danger-active);
482
- --re-button-color: var(--re-color-danger-active);
483
- }
484
- .re-button--danger.is-loading:before {
485
- z-index: 1;
486
- content: "";
487
- position: absolute;
488
- top: -1px;
489
- left: -1px;
490
- right: -1px;
491
- bottom: -1px;
492
- pointer-events: none;
493
- border-radius: inherit;
494
- background-color: rgba(255, 255, 255, 0.3);
495
- }
496
- .re-button--danger.is-disabled {
497
- cursor: not-allowed;
498
- --re-button-bgcolor: var(--re-color-danger-shade-4);
499
- --re-button-border-color: var(--re-color-danger-shade-4);
500
- --re-button-color: var(--re-color-fill-blank);
501
- }
502
- .re-button--danger.is-link, .re-button--danger.is-text {
503
- --re-button-color: var(--re-color-danger-base);
504
- --re-button-bgcolor: transparent;
505
- --re-button-border-color: transparent;
506
- }
507
- .re-button--danger.is-link:hover:not(.is-disabled), .re-button--danger.is-text:hover:not(.is-disabled) {
508
- --re-button-color: var(--re-color-danger-hover);
509
- --re-button-bgcolor: transparent;
510
- --re-button-border-color: transparent;
511
- }
512
- .re-button--danger.is-link:active:not(.is-disabled), .re-button--danger.is-text:active:not(.is-disabled) {
513
- --re-button-color: var(--re-color-danger-active);
514
- --re-button-bgcolor: transparent;
515
- --re-button-border-color: transparent;
516
- }
517
- .re-button--danger.is-link.is-disabled, .re-button--danger.is-text.is-disabled {
518
- --re-button-border-color: var(--re-color-fill-transparent);
519
- --re-button-bgcolor: var(--re-color-fill-transparent);
520
- --re-button-color: var(--re-color-danger-shade-4);
521
- }
522
- .re-button--danger.is-text.is-text-padding, .re-button--danger.is-text.is-text-bg {
523
- --re-button-border-color: transparent;
524
- }
525
- .re-button--danger.is-text.is-text-padding:hover:not(.is-disabled), .re-button--danger.is-text.is-text-bg:hover:not(.is-disabled) {
526
- --re-button-border-color: transparent;
527
- --re-button-bgcolor: var(--re-color-fill-light);
528
- }
529
- .re-button--danger.is-text.is-text-padding:active:not(.is-disabled), .re-button--danger.is-text.is-text-bg:active:not(.is-disabled) {
530
- --re-button-border-color: transparent;
531
- --re-button-bgcolor: var(--re-color-fill-base);
532
- }
533
- .re-button--danger.is-text.is-text-padding {
534
- --re-button-bgcolor: var(--re-color-fill-transparent);
535
- }
536
- .re-button--danger.is-text.is-text-padding.is-disabled {
537
- --re-button-border-color: transparent;
538
- --re-button-bgcolor: var(--re-color-fill-transparent);
539
- }
540
- .re-button--danger.is-text.is-text-bg {
541
- --re-button-bgcolor: var(--re-color-fill-lighter);
542
- }
543
- .re-button--danger.is-text.is-text-bg.is-disabled {
544
- --re-button-border-color: transparent;
545
- --re-button-bgcolor: var(--re-color-fill-lighter);
546
- }
547
- .re-button--warning {
548
- --re-button-bgcolor: var(--re-color-warning-base);
549
- --re-button-color: var(--re-color-text-lightest);
550
- --re-button-border-color: var(--re-color-warning-base);
551
- }
552
- .re-button--warning:hover:not(.is-disabled) {
553
- --re-button-bgcolor: var(--re-color-warning-hover);
554
- --re-button-color: var(--re-color-text-lightest);
555
- --re-button-border-color: var(--re-color-warning-hover);
556
- }
557
- .re-button--warning:active:not(.is-disabled) {
558
- transform: scale(0.98);
559
- transition: transform 0s ease;
560
- --re-button-bgcolor: var(--re-color-warning-active);
561
- --re-button-color: var(--re-color-text-lightest);
562
- --re-button-border-color: var(--re-color-warning-active);
563
- }
564
- .re-button--warning:focus-visible:not(.is-disabled) {
565
- outline-width: 2px;
566
- outline-style: solid;
567
- outline-offset: 2px;
568
- outline-color: var(--re-color-warning-shade-4);
569
- }
570
- .re-button--warning.is-plain, .re-button--warning.is-dashed {
571
- --re-button-bgcolor: var(--re-color-warning-shade-1);
572
- --re-button-border-color: var(--re-color-warning-shade-6);
573
- --re-button-color: var(--re-color-warning-base);
574
- }
575
- .re-button--warning.is-plain:hover:not(.is-disabled), .re-button--warning.is-dashed:hover:not(.is-disabled) {
576
- --re-button-border-color: var(--re-color-warning-base);
577
- }
578
- .re-button--warning.is-plain.is-disabled, .re-button--warning.is-dashed.is-disabled {
579
- --re-button-bgcolor: var(--re-color-warning-shade-1);
580
- --re-button-border-color: var(--re-color-warning-shade-4);
581
- --re-button-color: var(--re-color-warning-shade-4);
582
- }
583
- .re-button--warning.is-plain:hover:not(.is-disabled) {
584
- --re-button-bgcolor: var(--re-color-warning-base);
585
- --re-button-color: var(--re-color-fill-blank);
586
- }
587
- .re-button--warning.is-plain:active:not(.is-disabled) {
588
- --re-button-bgcolor: var(--re-color-warning-active);
589
- --re-button-color: var(--re-color-text-lightest);
590
- --re-button-border-color: var(--re-color-warning-active);
591
- }
592
- .re-button--warning.is-dashed:hover:not(.is-disabled) {
593
- --re-button-bgcolor: var(--re-color-warning-shade-1);
594
- --re-button-color: var(--re-color-warning-base);
595
- }
596
- .re-button--warning.is-dashed:active:not(.is-disabled) {
597
- --re-button-bgcolor: var(--re-color-warning-shade-2);
598
- --re-button-border-color: var(--re-color-warning-active);
599
- --re-button-color: var(--re-color-warning-active);
600
- }
601
- .re-button--warning.is-loading:before {
602
- z-index: 1;
603
- content: "";
604
- position: absolute;
605
- top: -1px;
606
- left: -1px;
607
- right: -1px;
608
- bottom: -1px;
609
- pointer-events: none;
610
- border-radius: inherit;
611
- background-color: rgba(255, 255, 255, 0.3);
612
- }
613
- .re-button--warning.is-disabled {
614
- cursor: not-allowed;
615
- --re-button-bgcolor: var(--re-color-warning-shade-4);
616
- --re-button-border-color: var(--re-color-warning-shade-4);
617
- --re-button-color: var(--re-color-fill-blank);
618
- }
619
- .re-button--warning.is-link, .re-button--warning.is-text {
620
- --re-button-color: var(--re-color-warning-base);
621
- --re-button-bgcolor: transparent;
622
- --re-button-border-color: transparent;
623
- }
624
- .re-button--warning.is-link:hover:not(.is-disabled), .re-button--warning.is-text:hover:not(.is-disabled) {
625
- --re-button-color: var(--re-color-warning-hover);
626
- --re-button-bgcolor: transparent;
627
- --re-button-border-color: transparent;
628
- }
629
- .re-button--warning.is-link:active:not(.is-disabled), .re-button--warning.is-text:active:not(.is-disabled) {
630
- --re-button-color: var(--re-color-warning-active);
631
- --re-button-bgcolor: transparent;
632
- --re-button-border-color: transparent;
633
- }
634
- .re-button--warning.is-link.is-disabled, .re-button--warning.is-text.is-disabled {
635
- --re-button-border-color: var(--re-color-fill-transparent);
636
- --re-button-bgcolor: var(--re-color-fill-transparent);
637
- --re-button-color: var(--re-color-warning-shade-4);
638
- }
639
- .re-button--warning.is-text.is-text-padding, .re-button--warning.is-text.is-text-bg {
640
- --re-button-border-color: transparent;
641
- }
642
- .re-button--warning.is-text.is-text-padding:hover:not(.is-disabled), .re-button--warning.is-text.is-text-bg:hover:not(.is-disabled) {
643
- --re-button-border-color: transparent;
644
- --re-button-bgcolor: var(--re-color-fill-light);
645
- }
646
- .re-button--warning.is-text.is-text-padding:active:not(.is-disabled), .re-button--warning.is-text.is-text-bg:active:not(.is-disabled) {
647
- --re-button-border-color: transparent;
648
- --re-button-bgcolor: var(--re-color-fill-base);
649
- }
650
- .re-button--warning.is-text.is-text-padding {
651
- --re-button-bgcolor: var(--re-color-fill-transparent);
652
- }
653
- .re-button--warning.is-text.is-text-padding.is-disabled {
654
- --re-button-border-color: transparent;
655
- --re-button-bgcolor: var(--re-color-fill-transparent);
656
- }
657
- .re-button--warning.is-text.is-text-bg {
658
- --re-button-bgcolor: var(--re-color-fill-lighter);
659
- }
660
- .re-button--warning.is-text.is-text-bg.is-disabled {
661
- --re-button-border-color: transparent;
662
- --re-button-bgcolor: var(--re-color-fill-lighter);
663
- }
664
- .re-button--info {
665
- --re-button-bgcolor: var(--re-color-info-base);
666
- --re-button-color: var(--re-color-text-lightest);
667
- --re-button-border-color: var(--re-color-info-base);
668
- }
669
- .re-button--info:hover:not(.is-disabled) {
670
- --re-button-bgcolor: var(--re-color-info-hover);
671
- --re-button-color: var(--re-color-text-lightest);
672
- --re-button-border-color: var(--re-color-info-hover);
673
- }
674
- .re-button--info:active:not(.is-disabled) {
675
- transform: scale(0.98);
676
- transition: transform 0s ease;
677
- --re-button-bgcolor: var(--re-color-info-active);
678
- --re-button-color: var(--re-color-text-lightest);
679
- --re-button-border-color: var(--re-color-info-active);
680
- }
681
- .re-button--info:focus-visible:not(.is-disabled) {
682
- outline-width: 2px;
683
- outline-style: solid;
684
- outline-offset: 2px;
685
- outline-color: var(--re-color-info-shade-4);
686
- }
687
- .re-button--info.is-plain, .re-button--info.is-dashed {
688
- --re-button-bgcolor: var(--re-color-info-shade-1);
689
- --re-button-border-color: var(--re-color-info-shade-6);
690
- --re-button-color: var(--re-color-info-base);
691
- }
692
- .re-button--info.is-plain:hover:not(.is-disabled), .re-button--info.is-dashed:hover:not(.is-disabled) {
693
- --re-button-border-color: var(--re-color-info-base);
694
- }
695
- .re-button--info.is-plain.is-disabled, .re-button--info.is-dashed.is-disabled {
696
- --re-button-bgcolor: var(--re-color-info-shade-1);
697
- --re-button-border-color: var(--re-color-info-shade-4);
698
- --re-button-color: var(--re-color-info-shade-4);
699
- }
700
- .re-button--info.is-plain:hover:not(.is-disabled) {
701
- --re-button-bgcolor: var(--re-color-info-base);
702
- --re-button-color: var(--re-color-fill-blank);
703
- }
704
- .re-button--info.is-plain:active:not(.is-disabled) {
705
- --re-button-bgcolor: var(--re-color-info-active);
706
- --re-button-color: var(--re-color-text-lightest);
707
- --re-button-border-color: var(--re-color-info-active);
708
- }
709
- .re-button--info.is-dashed:hover:not(.is-disabled) {
710
- --re-button-bgcolor: var(--re-color-info-shade-1);
711
- --re-button-color: var(--re-color-info-base);
712
- }
713
- .re-button--info.is-dashed:active:not(.is-disabled) {
714
- --re-button-bgcolor: var(--re-color-info-shade-2);
715
- --re-button-border-color: var(--re-color-info-active);
716
- --re-button-color: var(--re-color-info-active);
717
- }
718
- .re-button--info.is-loading:before {
719
- z-index: 1;
720
- content: "";
721
- position: absolute;
722
- top: -1px;
723
- left: -1px;
724
- right: -1px;
725
- bottom: -1px;
726
- pointer-events: none;
727
- border-radius: inherit;
728
- background-color: rgba(255, 255, 255, 0.3);
729
- }
730
- .re-button--info.is-disabled {
731
- cursor: not-allowed;
732
- --re-button-bgcolor: var(--re-color-info-shade-4);
733
- --re-button-border-color: var(--re-color-info-shade-4);
734
- --re-button-color: var(--re-color-fill-blank);
735
- }
736
- .re-button--info.is-link, .re-button--info.is-text {
737
- --re-button-color: var(--re-color-info-base);
738
- --re-button-bgcolor: transparent;
739
- --re-button-border-color: transparent;
740
- }
741
- .re-button--info.is-link:hover:not(.is-disabled), .re-button--info.is-text:hover:not(.is-disabled) {
742
- --re-button-color: var(--re-color-info-hover);
743
- --re-button-bgcolor: transparent;
744
- --re-button-border-color: transparent;
745
- }
746
- .re-button--info.is-link:active:not(.is-disabled), .re-button--info.is-text:active:not(.is-disabled) {
747
- --re-button-color: var(--re-color-info-active);
748
- --re-button-bgcolor: transparent;
749
- --re-button-border-color: transparent;
750
- }
751
- .re-button--info.is-link.is-disabled, .re-button--info.is-text.is-disabled {
752
- --re-button-border-color: var(--re-color-fill-transparent);
753
- --re-button-bgcolor: var(--re-color-fill-transparent);
754
- --re-button-color: var(--re-color-info-shade-4);
755
- }
756
- .re-button--info.is-text.is-text-padding, .re-button--info.is-text.is-text-bg {
757
- --re-button-border-color: transparent;
758
- }
759
- .re-button--info.is-text.is-text-padding:hover:not(.is-disabled), .re-button--info.is-text.is-text-bg:hover:not(.is-disabled) {
760
- --re-button-border-color: transparent;
761
- --re-button-bgcolor: var(--re-color-fill-light);
762
- }
763
- .re-button--info.is-text.is-text-padding:active:not(.is-disabled), .re-button--info.is-text.is-text-bg:active:not(.is-disabled) {
764
- --re-button-border-color: transparent;
765
- --re-button-bgcolor: var(--re-color-fill-base);
766
- }
767
- .re-button--info.is-text.is-text-padding {
768
- --re-button-bgcolor: var(--re-color-fill-transparent);
769
- }
770
- .re-button--info.is-text.is-text-padding.is-disabled {
771
- --re-button-border-color: transparent;
772
- --re-button-bgcolor: var(--re-color-fill-transparent);
773
- }
774
- .re-button--info.is-text.is-text-bg {
775
- --re-button-bgcolor: var(--re-color-fill-lighter);
776
- }
777
- .re-button--info.is-text.is-text-bg.is-disabled {
778
- --re-button-border-color: transparent;
779
- --re-button-bgcolor: var(--re-color-fill-lighter);
780
- }
781
- .re-button--large {
782
- padding: 12px 20px;
783
- height: 40px;
784
- font-size: 16px;
785
- border-radius: 4px;
786
- }
787
- .re-button--large.is-circle {
788
- width: 40px;
789
- padding: 12px;
790
- }
791
- .re-button--small {
792
- padding: 6px 12px;
793
- height: 28px;
794
- font-size: 12px;
795
- border-radius: 4px;
796
- }
797
- .re-button--small.is-circle {
798
- width: 28px;
799
- padding: 6px;
800
- }
801
- .re-button--mini {
802
- padding: 4px 8px;
803
- height: 24px;
804
- font-size: 12px;
805
- border-radius: 2px;
806
- }
807
- .re-button--mini.is-circle {
808
- width: 24px;
809
- padding: 4px;
810
- }