@bifrostui/react 2.0.0-beta.2 → 2.0.0-beta.5

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 (349) hide show
  1. package/dist/ActionSheet/ActionSheet.css +16 -6
  2. package/dist/ActionSheet/ActionSheetItem.css +11 -17
  3. package/dist/ActionSheet/ActionSheetItem.js +1 -1
  4. package/dist/ActionSheet/ActionSheetItem.types.d.ts +2 -2
  5. package/dist/ActionSheet/index.css +89 -0
  6. package/dist/Alert/Alert.types.d.ts +3 -3
  7. package/dist/Alert/index.css +18 -14
  8. package/dist/Avatar/Avatar.css +16 -12
  9. package/dist/Avatar/AvatarGroup.css +19 -15
  10. package/dist/Avatar/index.css +93 -0
  11. package/dist/Backdrop/Backdrop.d.ts +1 -1
  12. package/dist/Backdrop/Backdrop.js +1 -1
  13. package/dist/Backdrop/{Backdrop.css → index.css} +6 -2
  14. package/dist/Badge/Badge.d.ts +1 -1
  15. package/dist/Badge/Badge.js +1 -1
  16. package/dist/Badge/Badge.types.d.ts +1 -1
  17. package/dist/Badge/{Badge.css → index.css} +47 -27
  18. package/dist/Breadcrumb/Breadcrumb.d.ts +1 -1
  19. package/dist/Breadcrumb/Breadcrumb.js +1 -1
  20. package/dist/Breadcrumb/index.css +38 -0
  21. package/dist/Button/Button.d.ts +1 -1
  22. package/dist/Button/Button.js +3 -2
  23. package/{es/Button/Button.css → dist/Button/index.css} +69 -38
  24. package/dist/Calendar/Calendar.d.ts +1 -1
  25. package/dist/Calendar/Calendar.js +3 -3
  26. package/dist/Calendar/{Calendar.css → index.css} +35 -31
  27. package/dist/Card/Card.css +10 -1
  28. package/dist/Card/CardContent.css +1 -1
  29. package/dist/Card/CardFooter.css +2 -2
  30. package/dist/Card/CardHeader.css +4 -3
  31. package/dist/Card/CardHeader.js +2 -2
  32. package/dist/Card/index.css +77 -0
  33. package/dist/Checkbox/Checkbox.d.ts +1 -1
  34. package/dist/Checkbox/Checkbox.js +2 -2
  35. package/dist/Checkbox/CheckboxGroup.d.ts +1 -1
  36. package/dist/Checkbox/CheckboxGroup.js +1 -1
  37. package/dist/Checkbox/{Checkbox.css → index.css} +14 -10
  38. package/dist/CitySelector/CitySelector.miniapp.d.ts +0 -1
  39. package/dist/CitySelector/CitySelector.miniapp.js +0 -1
  40. package/dist/CitySelector/CitySelectorCore.d.ts +1 -1
  41. package/dist/CitySelector/CitySelectorCore.js +1 -1
  42. package/dist/CitySelector/Selector/index.css +4 -4
  43. package/{es/CitySelector/CitySelector.css → dist/CitySelector/index.css} +31 -27
  44. package/dist/Collapse/Collapse.d.ts +1 -1
  45. package/dist/Collapse/Collapse.js +1 -1
  46. package/dist/CollapsePanel/CollapsePanel.d.ts +1 -1
  47. package/dist/CollapsePanel/CollapsePanel.js +1 -1
  48. package/dist/CollapsePanel/{CollapsePanel.css → index.css} +10 -6
  49. package/dist/Countdown/Countdown.d.ts +1 -1
  50. package/dist/Countdown/Countdown.js +1 -1
  51. package/{es/Countdown/Countdown.css → dist/Countdown/index.css} +12 -8
  52. package/dist/Dialog/index.css +26 -23
  53. package/dist/Divider/Divider.d.ts +1 -1
  54. package/dist/Divider/Divider.js +1 -1
  55. package/{es/Divider/Divider.css → dist/Divider/index.css} +14 -10
  56. package/dist/Drawer/Drawer.d.ts +1 -1
  57. package/dist/Drawer/Drawer.js +1 -1
  58. package/dist/IconButton/IconButton.d.ts +1 -1
  59. package/dist/IconButton/IconButton.js +3 -3
  60. package/dist/IconButton/IconButton.types.d.ts +4 -3
  61. package/{es/IconButton/IconButton.css → dist/IconButton/index.css} +79 -29
  62. package/dist/Image/index.css +6 -2
  63. package/dist/Input/Input.d.ts +1 -1
  64. package/dist/Input/Input.js +2 -2
  65. package/dist/Input/{Input.css → index.css} +22 -18
  66. package/dist/ItemSelector/ItemSelector.miniapp.d.ts +0 -1
  67. package/dist/ItemSelector/ItemSelector.miniapp.js +0 -1
  68. package/dist/ItemSelector/ItemSelectorCore.d.ts +1 -1
  69. package/dist/ItemSelector/ItemSelectorCore.js +1 -1
  70. package/dist/List/List.css +7 -3
  71. package/dist/List/ListItem.css +3 -3
  72. package/dist/List/index.css +80 -0
  73. package/dist/Loading/Loading.d.ts +1 -1
  74. package/dist/Loading/Loading.js +1 -1
  75. package/{es/Loading/Loading.css → dist/Loading/index.css} +10 -6
  76. package/dist/Modal/Modal.d.ts +1 -1
  77. package/dist/Modal/Modal.js +1 -1
  78. package/dist/Modal/Modal.miniapp.d.ts +2 -2
  79. package/dist/Modal/Modal.miniapp.js +1 -1
  80. package/dist/NavBar/NavBar.d.ts +1 -1
  81. package/dist/NavBar/NavBar.js +1 -1
  82. package/dist/NavBar/index.css +65 -0
  83. package/dist/Picker/Picker.css +21 -16
  84. package/dist/Picker/Picker.js +1 -1
  85. package/dist/Picker/Picker.types.d.ts +2 -2
  86. package/dist/Picker/PickerPanel.css +8 -8
  87. package/dist/Picker/PickerPanel.js +33 -22
  88. package/dist/Picker/index.css +116 -0
  89. package/dist/Popover/Popover.d.ts +1 -1
  90. package/dist/Popover/Popover.js +1 -1
  91. package/{es/Popover/Popover.css → dist/Popover/index.css} +32 -28
  92. package/dist/Progress/Progress.d.ts +1 -1
  93. package/dist/Progress/Progress.js +1 -1
  94. package/dist/Progress/index.css +28 -0
  95. package/dist/Radio/Radio.d.ts +1 -1
  96. package/dist/Radio/Radio.js +1 -1
  97. package/dist/Radio/RadioButtonIcon.js +6 -1
  98. package/dist/Radio/RadioGroup.d.ts +1 -1
  99. package/dist/Radio/RadioGroup.js +1 -1
  100. package/dist/Radio/{Radio.css → index.css} +10 -6
  101. package/dist/Rating/Rating.d.ts +1 -1
  102. package/dist/Rating/Rating.js +2 -2
  103. package/dist/Rating/{Rating.css → index.css} +20 -7
  104. package/dist/ScrollView/ScrollView.d.ts +1 -1
  105. package/dist/ScrollView/ScrollView.js +1 -1
  106. package/dist/Select/Select.d.ts +1 -1
  107. package/dist/Select/Select.js +2 -8
  108. package/dist/Select/SelectOption.d.ts +1 -1
  109. package/dist/Select/SelectOption.js +1 -1
  110. package/{es/Select/Select.css → dist/Select/index.css} +26 -19
  111. package/dist/Skeleton/Skeleton.d.ts +1 -1
  112. package/dist/Skeleton/Skeleton.js +1 -1
  113. package/{es/Skeleton/Skeleton.css → dist/Skeleton/index.css} +7 -3
  114. package/dist/Slider/Slider.d.ts +1 -1
  115. package/dist/Slider/Slider.js +2 -2
  116. package/dist/Slider/index.css +111 -0
  117. package/dist/Stack/Stack.d.ts +1 -1
  118. package/dist/Stack/Stack.js +1 -1
  119. package/dist/Steps/Step.css +14 -14
  120. package/dist/Steps/Step.js +1 -1
  121. package/dist/Steps/Steps.css +18 -14
  122. package/dist/Steps/index.css +199 -0
  123. package/dist/Swiper/Swiper.d.ts +1 -1
  124. package/dist/Swiper/Swiper.js +1 -1
  125. package/dist/Swiper/{Swiper.css → index.css} +6 -2
  126. package/dist/Switch/Switch.d.ts +1 -1
  127. package/dist/Switch/Switch.js +1 -1
  128. package/dist/Switch/Switch.types.d.ts +1 -1
  129. package/dist/Switch/{Switch.css → index.css} +46 -35
  130. package/dist/TabBar/TabBar.css +12 -8
  131. package/dist/TabBar/TabBar.js +1 -1
  132. package/dist/TabBar/TabBarContext.d.ts +3 -3
  133. package/dist/TabBar/TabBarItem.css +6 -0
  134. package/dist/TabBar/TabBarItem.js +3 -3
  135. package/dist/TabBar/index.css +59 -0
  136. package/dist/TabBar/index.types.d.ts +3 -3
  137. package/dist/Tabs/Tab.css +9 -9
  138. package/dist/Tabs/Tabs.css +24 -4
  139. package/dist/Tabs/Tabs.js +1 -1
  140. package/dist/Tabs/index.css +135 -0
  141. package/dist/Tag/Tag.css +48 -22
  142. package/dist/Tag/Tag.js +2 -2
  143. package/dist/Tag/Tag.types.d.ts +4 -4
  144. package/dist/Tag/TagGroup.css +13 -9
  145. package/dist/Tag/index.css +182 -0
  146. package/dist/TextArea/TextArea.d.ts +1 -1
  147. package/dist/TextArea/TextArea.js +1 -1
  148. package/dist/TextArea/index.css +57 -0
  149. package/dist/ThemeProvider/ThemeProvider.js +1 -4
  150. package/dist/ThemeProvider/ThemeProvider.types.d.ts +5 -10
  151. package/dist/ThemeProvider/utils/constants.d.ts +1 -1
  152. package/dist/ThemeProvider/utils/constants.js +4 -1
  153. package/dist/ThemeProvider/utils/mountTokens.d.ts +4 -4
  154. package/dist/Toast/Toast.d.ts +1 -1
  155. package/dist/Toast/Toast.js +5 -5
  156. package/dist/Toast/index.css +58 -0
  157. package/dist/Tooltip/Tooltip.d.ts +1 -1
  158. package/dist/Tooltip/Tooltip.js +1 -1
  159. package/dist/Tooltip/index.css +95 -0
  160. package/es/ActionSheet/ActionSheet.css +16 -6
  161. package/es/ActionSheet/ActionSheetItem.css +11 -17
  162. package/es/ActionSheet/ActionSheetItem.js +1 -1
  163. package/es/ActionSheet/ActionSheetItem.types.d.ts +2 -2
  164. package/es/ActionSheet/index.css +89 -0
  165. package/es/Alert/Alert.types.d.ts +3 -3
  166. package/es/Alert/index.css +18 -14
  167. package/es/Avatar/Avatar.css +16 -12
  168. package/es/Avatar/AvatarGroup.css +19 -15
  169. package/es/Avatar/index.css +93 -0
  170. package/es/Backdrop/Backdrop.d.ts +1 -1
  171. package/es/Backdrop/Backdrop.js +1 -1
  172. package/es/Backdrop/{Backdrop.css → index.css} +6 -2
  173. package/es/Badge/Badge.d.ts +1 -1
  174. package/es/Badge/Badge.js +1 -1
  175. package/es/Badge/Badge.types.d.ts +1 -1
  176. package/es/Badge/{Badge.css → index.css} +47 -27
  177. package/es/Breadcrumb/Breadcrumb.d.ts +1 -1
  178. package/es/Breadcrumb/Breadcrumb.js +1 -1
  179. package/es/Breadcrumb/index.css +38 -0
  180. package/es/Button/Button.d.ts +1 -1
  181. package/es/Button/Button.js +3 -2
  182. package/{dist/Button/Button.css → es/Button/index.css} +69 -38
  183. package/es/Calendar/Calendar.d.ts +1 -1
  184. package/es/Calendar/Calendar.js +3 -3
  185. package/es/Calendar/{Calendar.css → index.css} +35 -31
  186. package/es/Card/Card.css +10 -1
  187. package/es/Card/CardContent.css +1 -1
  188. package/es/Card/CardFooter.css +2 -2
  189. package/es/Card/CardHeader.css +4 -3
  190. package/es/Card/CardHeader.js +2 -2
  191. package/es/Card/index.css +77 -0
  192. package/es/Checkbox/Checkbox.d.ts +1 -1
  193. package/es/Checkbox/Checkbox.js +2 -2
  194. package/es/Checkbox/CheckboxGroup.d.ts +1 -1
  195. package/es/Checkbox/CheckboxGroup.js +1 -1
  196. package/es/Checkbox/{Checkbox.css → index.css} +14 -10
  197. package/es/CitySelector/CitySelector.miniapp.d.ts +0 -1
  198. package/es/CitySelector/CitySelector.miniapp.js +0 -1
  199. package/es/CitySelector/CitySelectorCore.d.ts +1 -1
  200. package/es/CitySelector/CitySelectorCore.js +1 -1
  201. package/es/CitySelector/Selector/index.css +4 -4
  202. package/{dist/CitySelector/CitySelector.css → es/CitySelector/index.css} +31 -27
  203. package/es/Collapse/Collapse.d.ts +1 -1
  204. package/es/Collapse/Collapse.js +1 -1
  205. package/es/CollapsePanel/CollapsePanel.d.ts +1 -1
  206. package/es/CollapsePanel/CollapsePanel.js +1 -1
  207. package/es/CollapsePanel/{CollapsePanel.css → index.css} +10 -6
  208. package/es/Countdown/Countdown.d.ts +1 -1
  209. package/es/Countdown/Countdown.js +1 -1
  210. package/{dist/Countdown/Countdown.css → es/Countdown/index.css} +12 -8
  211. package/es/Dialog/index.css +26 -23
  212. package/es/Divider/Divider.d.ts +1 -1
  213. package/es/Divider/Divider.js +1 -1
  214. package/{dist/Divider/Divider.css → es/Divider/index.css} +14 -10
  215. package/es/Drawer/Drawer.d.ts +1 -1
  216. package/es/Drawer/Drawer.js +1 -1
  217. package/es/IconButton/IconButton.d.ts +1 -1
  218. package/es/IconButton/IconButton.js +3 -3
  219. package/es/IconButton/IconButton.types.d.ts +4 -3
  220. package/{dist/IconButton/IconButton.css → es/IconButton/index.css} +79 -29
  221. package/es/Image/index.css +6 -2
  222. package/es/Input/Input.d.ts +1 -1
  223. package/es/Input/Input.js +2 -2
  224. package/es/Input/{Input.css → index.css} +22 -18
  225. package/es/ItemSelector/ItemSelector.miniapp.d.ts +0 -1
  226. package/es/ItemSelector/ItemSelector.miniapp.js +0 -1
  227. package/es/ItemSelector/ItemSelectorCore.d.ts +1 -1
  228. package/es/ItemSelector/ItemSelectorCore.js +1 -1
  229. package/es/List/List.css +7 -3
  230. package/es/List/ListItem.css +3 -3
  231. package/es/List/index.css +80 -0
  232. package/es/Loading/Loading.d.ts +1 -1
  233. package/es/Loading/Loading.js +1 -1
  234. package/{dist/Loading/Loading.css → es/Loading/index.css} +10 -6
  235. package/es/Modal/Modal.d.ts +1 -1
  236. package/es/Modal/Modal.js +1 -1
  237. package/es/Modal/Modal.miniapp.d.ts +2 -2
  238. package/es/Modal/Modal.miniapp.js +1 -1
  239. package/es/NavBar/NavBar.d.ts +1 -1
  240. package/es/NavBar/NavBar.js +1 -1
  241. package/es/NavBar/index.css +65 -0
  242. package/es/Picker/Picker.css +21 -16
  243. package/es/Picker/Picker.js +1 -1
  244. package/es/Picker/Picker.types.d.ts +2 -2
  245. package/es/Picker/PickerPanel.css +8 -8
  246. package/es/Picker/PickerPanel.js +46 -24
  247. package/es/Picker/index.css +116 -0
  248. package/es/Popover/Popover.d.ts +1 -1
  249. package/es/Popover/Popover.js +1 -1
  250. package/{dist/Popover/Popover.css → es/Popover/index.css} +32 -28
  251. package/es/Progress/Progress.d.ts +1 -1
  252. package/es/Progress/Progress.js +1 -1
  253. package/es/Progress/index.css +28 -0
  254. package/es/Radio/Radio.d.ts +1 -1
  255. package/es/Radio/Radio.js +1 -1
  256. package/es/Radio/RadioButtonIcon.js +6 -1
  257. package/es/Radio/RadioGroup.d.ts +1 -1
  258. package/es/Radio/RadioGroup.js +1 -1
  259. package/es/Radio/{Radio.css → index.css} +10 -6
  260. package/es/Rating/Rating.d.ts +1 -1
  261. package/es/Rating/Rating.js +2 -2
  262. package/es/Rating/{Rating.css → index.css} +20 -7
  263. package/es/ScrollView/ScrollView.d.ts +1 -1
  264. package/es/ScrollView/ScrollView.js +1 -1
  265. package/es/Select/Select.d.ts +1 -1
  266. package/es/Select/Select.js +2 -8
  267. package/es/Select/SelectOption.d.ts +1 -1
  268. package/es/Select/SelectOption.js +1 -1
  269. package/{dist/Select/Select.css → es/Select/index.css} +26 -19
  270. package/es/Skeleton/Skeleton.d.ts +1 -1
  271. package/es/Skeleton/Skeleton.js +1 -1
  272. package/{dist/Skeleton/Skeleton.css → es/Skeleton/index.css} +7 -3
  273. package/es/Slider/Slider.d.ts +1 -1
  274. package/es/Slider/Slider.js +2 -2
  275. package/es/Slider/index.css +111 -0
  276. package/es/Stack/Stack.d.ts +1 -1
  277. package/es/Stack/Stack.js +1 -1
  278. package/es/Steps/Step.css +14 -14
  279. package/es/Steps/Step.js +1 -1
  280. package/es/Steps/Steps.css +18 -14
  281. package/es/Steps/index.css +199 -0
  282. package/es/Swiper/Swiper.d.ts +1 -1
  283. package/es/Swiper/Swiper.js +1 -1
  284. package/es/Swiper/{Swiper.css → index.css} +6 -2
  285. package/es/Switch/Switch.d.ts +1 -1
  286. package/es/Switch/Switch.js +1 -1
  287. package/es/Switch/Switch.types.d.ts +1 -1
  288. package/es/Switch/{Switch.css → index.css} +46 -35
  289. package/es/TabBar/TabBar.css +12 -8
  290. package/es/TabBar/TabBar.js +1 -1
  291. package/es/TabBar/TabBarContext.d.ts +3 -3
  292. package/es/TabBar/TabBarItem.css +6 -0
  293. package/es/TabBar/TabBarItem.js +2 -2
  294. package/es/TabBar/index.css +59 -0
  295. package/es/TabBar/index.types.d.ts +3 -3
  296. package/es/Tabs/Tab.css +9 -9
  297. package/es/Tabs/Tabs.css +24 -4
  298. package/es/Tabs/Tabs.js +1 -1
  299. package/es/Tabs/index.css +135 -0
  300. package/es/Tag/Tag.css +48 -22
  301. package/es/Tag/Tag.js +2 -2
  302. package/es/Tag/Tag.types.d.ts +4 -4
  303. package/es/Tag/TagGroup.css +13 -9
  304. package/es/Tag/index.css +182 -0
  305. package/es/TextArea/TextArea.d.ts +1 -1
  306. package/es/TextArea/TextArea.js +1 -1
  307. package/es/TextArea/index.css +57 -0
  308. package/es/ThemeProvider/ThemeProvider.js +1 -4
  309. package/es/ThemeProvider/ThemeProvider.types.d.ts +5 -10
  310. package/es/ThemeProvider/utils/constants.d.ts +1 -1
  311. package/es/ThemeProvider/utils/constants.js +4 -1
  312. package/es/ThemeProvider/utils/mountTokens.d.ts +4 -4
  313. package/es/Toast/Toast.d.ts +1 -1
  314. package/es/Toast/Toast.js +5 -5
  315. package/es/Toast/index.css +58 -0
  316. package/es/Tooltip/Tooltip.d.ts +1 -1
  317. package/es/Tooltip/Tooltip.js +1 -1
  318. package/es/Tooltip/index.css +95 -0
  319. package/package.json +13 -5
  320. package/dist/Breadcrumb/Breadcrumb.css +0 -34
  321. package/dist/CitySelector/miniapp.css +0 -4
  322. package/dist/ItemSelector/miniapp.css +0 -4
  323. package/dist/NavBar/NavBar.css +0 -61
  324. package/dist/Progress/Progress.css +0 -24
  325. package/dist/Slider/Slider.css +0 -106
  326. package/dist/TextArea/TextArea.css +0 -53
  327. package/dist/Toast/Toast.css +0 -54
  328. package/dist/Tooltip/Tooltip.css +0 -91
  329. package/es/Breadcrumb/Breadcrumb.css +0 -34
  330. package/es/CitySelector/miniapp.css +0 -4
  331. package/es/ItemSelector/miniapp.css +0 -4
  332. package/es/NavBar/NavBar.css +0 -61
  333. package/es/Progress/Progress.css +0 -24
  334. package/es/Slider/Slider.css +0 -106
  335. package/es/TextArea/TextArea.css +0 -53
  336. package/es/Toast/Toast.css +0 -54
  337. package/es/Tooltip/Tooltip.css +0 -91
  338. /package/dist/Collapse/{Collapse.css → index.css} +0 -0
  339. /package/dist/Drawer/{Drawer.css → index.css} +0 -0
  340. /package/dist/ItemSelector/{ItemSelector.css → index.css} +0 -0
  341. /package/dist/Modal/{Modal.css → index.css} +0 -0
  342. /package/dist/ScrollView/{ScrollView.css → index.css} +0 -0
  343. /package/dist/Stack/{Stack.css → index.css} +0 -0
  344. /package/es/Collapse/{Collapse.css → index.css} +0 -0
  345. /package/es/Drawer/{Drawer.css → index.css} +0 -0
  346. /package/es/ItemSelector/{ItemSelector.css → index.css} +0 -0
  347. /package/es/Modal/{Modal.css → index.css} +0 -0
  348. /package/es/ScrollView/{ScrollView.css → index.css} +0 -0
  349. /package/es/Stack/{Stack.css → index.css} +0 -0
@@ -1,53 +0,0 @@
1
- .bui-textarea {
2
- --border-radius: var(--bui-textarea-border-radius, var(--bui-shape-radius-label));
3
- --width: var(--bui-textarea-width, 100%);
4
- --bg-color: var(--bui-textarea-background-color, var(--bui-color-bg-default));
5
- --text-color: var(--bui-textarea-text-color, var(--bui-color-fg-subtle));
6
- --count-bg-color: var(--bg-color, var(--bui-color-bg-default));
7
- --count-text-color: var(--bui-textarea-count-color, var(--bui-color-fg-subtle));
8
- --text-font-size: var(--bui-textarea-text-font-size, var(--bui-text-size-2));
9
- --count-font-size: var(--bui-textarea-count-font-size, var(--bui-title-size-3));
10
- --content-padding: var(--bui-textarea-padding, 8px);
11
- --count-padding: var(--bui-textarea-count-padding, 0 4px);
12
- --placeholder-color: var(--bui-textarea-placeholder-color, #ced1d6);
13
- --placeholder-line-height: var(--bui-textarea-placeholder-line-height, 1.3);
14
- background: var(--bui-color-bg-default);
15
- border-radius: var(--border-radius);
16
- font-family: var(--bui-font-family);
17
- overflow: hidden;
18
- }
19
- .bui-textarea textarea {
20
- font-size: var(--text-font-size);
21
- color: var(--text-color);
22
- line-height: var(--bui-line-height);
23
- }
24
- .bui-textarea .bui-mini-placeholder {
25
- color: var(--placeholder-color);
26
- }
27
- .bui-textarea-disabled {
28
- pointer-events: none;
29
- }
30
- .bui-textarea .a-textarea-count-wrap {
31
- display: none;
32
- }
33
- .bui-textarea-content {
34
- width: var(--width);
35
- resize: none;
36
- background-color: var(--bg-color);
37
- padding: var(--content-padding);
38
- border: none;
39
- outline: none;
40
- word-break: break-all;
41
- box-sizing: border-box;
42
- }
43
- .bui-textarea-content::placeholder {
44
- color: var(--placeholder-color);
45
- line-height: var(--placeholder-line-height);
46
- }
47
- .bui-textarea-count {
48
- background-color: var(--count-bg-color);
49
- color: var(--count-text-color);
50
- text-align: right;
51
- padding: var(--count-padding);
52
- font-size: var(--count-font-size);
53
- }
@@ -1,54 +0,0 @@
1
- .bui-toast {
2
- --min-width: var(--bui-toast-min-width, 86px);
3
- --max-width: var(--bui-toast-max-width, 80%);
4
- --text-align: var(--bui-toast-text-align, center);
5
- --flex-direction: var(--bui-toast-flex-direction, column);
6
- --padding: var(--bui-toast-padding, var(--bui-spacing-xl));
7
- --position-top: var(--bui-toast-position-top, 15%);
8
- --position-bottom: var(--bui-toast-position-bottom, 85%);
9
- --background-color: var(--bui-toast-bg-color, rgba(0, 0, 0, 0.8));
10
- --border-radius: var(--bui-toast-border-radius, var(--bui-shape-radius-default));
11
- --icon-margin: var(--bui-toast-icon-margin, 0 0 8px);
12
- --icon-font-size: var(--bui-toast-icon-font-size, 30px);
13
- position: fixed;
14
- left: 50%;
15
- z-index: var(--bui-z-index-toast);
16
- width: fit-content;
17
- min-width: var(--min-width);
18
- max-width: var(--max-width);
19
- padding: var(--padding);
20
- font-size: var(--bui-text-size-1);
21
- color: var(--bui-color-white);
22
- border-radius: var(--border-radius);
23
- word-break: break-all;
24
- white-space: pre-wrap;
25
- background-color: var(--background-color);
26
- text-align: var(--text-align);
27
- font-family: var(--bui-font-family);
28
- }
29
- .bui-toast.bui-toast-allow-click {
30
- position: fixed;
31
- right: unset;
32
- bottom: unset;
33
- }
34
- .bui-toast-center {
35
- top: 50%;
36
- transform: translate(-50%, -50%);
37
- }
38
- .bui-toast-top {
39
- top: var(--position-top);
40
- transform: translate(-50%, calc(-1 * var(--position-top)));
41
- }
42
- .bui-toast-bottom {
43
- top: var(--position-bottom);
44
- transform: translate(-50%, calc(-1 * var(--position-bottom)));
45
- }
46
- .bui-toast-icon {
47
- display: flex;
48
- flex-direction: var(--flex-direction);
49
- align-items: center;
50
- }
51
- .bui-toast-icon .bui-svg-icon {
52
- margin: var(--icon-margin);
53
- font-size: var(--icon-font-size);
54
- }
@@ -1,91 +0,0 @@
1
- .bui-tooltip {
2
- --arrow-size: var(--bui-tooltip-arrow-size, 8PX);
3
- --location-position: var(--bui-tooltip-location-position, 8PX);
4
- --max-width: var(--bui-tooltip-max-width, 350px);
5
- --content-min-width: var(--bui-tooltip-content-min-width, 30px);
6
- --content-min-height: var(--bui-tooltip-content-min-height, 32px);
7
- --content-padding: var(--bui-tooltip-content-padding, 6px 8px);
8
- max-width: var(--max-width);
9
- font-size: var(--bui-text-size-1);
10
- position: absolute;
11
- visibility: hidden;
12
- z-index: var(--bui-z-index-tooltip);
13
- }
14
- .bui-tooltip .bui-tooltip-arrow {
15
- width: 0;
16
- height: 0;
17
- position: absolute;
18
- }
19
- .bui-tooltip .bui-tooltip-arrow.location-left {
20
- left: var(--location-position);
21
- }
22
- .bui-tooltip .bui-tooltip-arrow.location-right {
23
- right: var(--location-position);
24
- }
25
- .bui-tooltip .bui-tooltip-arrow.location-top {
26
- top: var(--location-position);
27
- }
28
- .bui-tooltip .bui-tooltip-arrow.location-bottom {
29
- bottom: var(--location-position);
30
- }
31
- .bui-tooltip.tooltip-top .location-center,
32
- .bui-tooltip.tooltip-bottom .location-center {
33
- left: 50%;
34
- transform: translateX(-50%);
35
- }
36
- .bui-tooltip.tooltip-left .location-center,
37
- .bui-tooltip.tooltip-right .location-center {
38
- top: 50%;
39
- transform: translateY(-50%);
40
- }
41
- .bui-tooltip.tooltip-top {
42
- padding-bottom: var(--arrow-size);
43
- }
44
- .bui-tooltip.tooltip-top .bui-tooltip-arrow {
45
- border-left: var(--arrow-size) solid transparent;
46
- border-right: var(--arrow-size) solid transparent;
47
- border-top: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
48
- bottom: 0;
49
- }
50
- .bui-tooltip.tooltip-bottom {
51
- padding-top: var(--arrow-size);
52
- }
53
- .bui-tooltip.tooltip-bottom .bui-tooltip-arrow {
54
- border-left: var(--arrow-size) solid transparent;
55
- border-right: var(--arrow-size) solid transparent;
56
- border-bottom: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
57
- top: 0;
58
- }
59
- .bui-tooltip.tooltip-left {
60
- padding-right: var(--arrow-size);
61
- }
62
- .bui-tooltip.tooltip-left .bui-tooltip-arrow {
63
- border-top: var(--arrow-size) solid transparent;
64
- border-bottom: var(--arrow-size) solid transparent;
65
- border-left: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
66
- right: 0;
67
- }
68
- .bui-tooltip.tooltip-right {
69
- padding-left: var(--arrow-size);
70
- }
71
- .bui-tooltip.tooltip-right .bui-tooltip-arrow {
72
- border-top: var(--arrow-size) solid transparent;
73
- border-bottom: var(--arrow-size) solid transparent;
74
- border-right: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
75
- left: 0;
76
- }
77
- .bui-tooltip .bui-tooltip-content {
78
- min-width: var(--content-min-width);
79
- min-height: var(--content-min-height);
80
- padding: var(--content-padding);
81
- color: var(--bui-color-white);
82
- text-align: left;
83
- text-decoration: none;
84
- word-wrap: break-word;
85
- background-color: var(--bui-color-bg-alpha-dark-7);
86
- border-radius: var(--bui-shape-radius-poster);
87
- box-shadow:
88
- 0 3px 6px -4px rgba(0, 0, 0, 0.12),
89
- 0 6px 16px 0 rgba(0, 0, 0, 0.08),
90
- 0 9px 28px 8px rgba(0, 0, 0, 0.05);
91
- }
@@ -1,34 +0,0 @@
1
- .bui-breadcrumb {
2
- --margin: var(--bui-breadcrumb-margin, 0);
3
- --padding: var(--bui-breadcrumb-padding, 0);
4
- --color: var(--bui-breadcrumb-color, rgba(0, 0, 0, 0.45));
5
- --item-separator-margin: var(--bui-breadcrumb-item-separator-margin, 0 8px);
6
- --list-li-color: var(--bui-breadcrumb-list-li-color, rgba(0, 0, 0, 0.88));
7
- margin: var(--margin);
8
- padding: var(--padding);
9
- color: var(--color);
10
- list-style: none;
11
- font-size: var(--bui-text-size-1);
12
- line-height: var(--bui-line-height);
13
- }
14
- .bui-breadcrumb-list {
15
- display: flex;
16
- flex-wrap: wrap;
17
- margin: var(--margin);
18
- padding: var(--padding);
19
- list-style: none;
20
- }
21
- .bui-breadcrumb-list a {
22
- color: var(--color);
23
- text-decoration: none;
24
- cursor: pointer;
25
- }
26
- .bui-breadcrumb-list li:last-child {
27
- color: var(--list-li-color);
28
- }
29
- .bui-breadcrumb-item {
30
- cursor: pointer;
31
- }
32
- .bui-breadcrumb-item-separator {
33
- margin: var(--item-separator-margin);
34
- }
@@ -1,4 +0,0 @@
1
- .bui-city-scroll-view-container {
2
- height: 100%;
3
- display: block;
4
- }
@@ -1,4 +0,0 @@
1
- .bui-item-scroll-view-container {
2
- height: 100%;
3
- display: block;
4
- }
@@ -1,61 +0,0 @@
1
- .bui-navbar {
2
- --width: var(--bui-navbar-width, 100%);
3
- --height: var(--bui-navbar-height, 45px);
4
- --padding: var(--bui-navbar-padding, 0 8px);
5
- --icon-size: var(--bui-navbar-icon-size, 24px);
6
- --icon-font-size: var(--bui-navbar-icon-font-size, var(--bui-title-size-3));
7
- --background-color: var(--bui-navbar-background-color, var(--bui-color-white));
8
- --border-bottom: var(--bui-navbar-border-bottom, none);
9
- --z-index: var(--bui-navbar-z-index, auto);
10
- --title-max-width: var(--bui-navbar-title-max-width, 60%);
11
- position: relative;
12
- width: var(--width);
13
- height: var(--height);
14
- box-sizing: border-box;
15
- padding: var(--padding);
16
- display: flex;
17
- justify-content: center;
18
- align-items: center;
19
- background-color: var(--background-color);
20
- border-bottom: var(--border-bottom);
21
- user-select: none;
22
- z-index: var(--z-index);
23
- font-family: var(--bui-font-family);
24
- }
25
- .bui-navbar-fixed {
26
- position: fixed;
27
- top: 0;
28
- left: 0;
29
- width: 100%;
30
- }
31
- .bui-navbar-title {
32
- max-width: var(--title-max-width);
33
- padding: var(--padding);
34
- font-size: var(--bui-title-size-2);
35
- width: auto;
36
- overflow: hidden;
37
- text-overflow: ellipsis;
38
- white-space: nowrap;
39
- }
40
- .bui-navbar-left,
41
- .bui-navbar-right {
42
- flex: 1;
43
- display: flex;
44
- align-items: center;
45
- font-size: var(--icon-font-size);
46
- }
47
- .bui-navbar-left {
48
- justify-content: flex-start;
49
- text-align: left;
50
- }
51
- .bui-navbar-right {
52
- justify-content: flex-end;
53
- text-align: right;
54
- align-self: stretch;
55
- }
56
- .bui-navbar-icon {
57
- font-size: var(--icon-size);
58
- }
59
- .bui-navbar-placeholder {
60
- width: 100%;
61
- }
@@ -1,24 +0,0 @@
1
- .bui-progress {
2
- --fill-color: var(--bui-progress-fill-color, var(--bui-color-primary));
3
- --trail-color: var(--bui-progress-trail-color, rgba(156, 156, 165, 0.2));
4
- --stroke-width: var(--bui-progress-stroke-width, 8px);
5
- --width: var(--bui-progress-width, 100%);
6
- --border-radius: var(--bui-progress-border-radius, 100px);
7
- width: var(--width);
8
- font-family: var(--bui-font-family);
9
- }
10
- .bui-progress-inner {
11
- position: relative;
12
- display: inline-block;
13
- width: var(--width);
14
- overflow: hidden;
15
- vertical-align: middle;
16
- background-color: var(--trail-color);
17
- border-radius: var(--border-radius);
18
- }
19
- .bui-progress-bg {
20
- position: relative;
21
- border-radius: var(--border-radius);
22
- background-color: var(--fill-color);
23
- height: var(--stroke-width);
24
- }
@@ -1,106 +0,0 @@
1
- .bui-slider {
2
- --line-color: var(--bui-slider-line-color, var(--bui-color-primary));
3
- --line-bg-color: var(--bui-slider-line-bg-color, var(--bui-color-border-default));
4
- --width: var(--bui-slider-width, 100%);
5
- --height: var(--bui-slider-height, 2px);
6
- --padding: var(--bui-slider-padding, 19px 0);
7
- --button-width: var(--bui-slider-button-width, 26px);
8
- --button-height: var(--bui-slider-button-height, 26px);
9
- --button-font-size: var(--bui-slider-button-font-size, var(--bui-title-size-3));
10
- --button-border-radius: var(--bui-slider-button-border-radius, 50%);
11
- --tooltip-width: var(--bui-slider-tooltip-width, 46px);
12
- --tooltip-height: var(--bui-slider-tooltip-height, 24px);
13
- --tooltip-line-height: var(--bui-slider-tooltip-line-height, 24px);
14
- --tooltip-border-radius: var(--bui-slider-tooltip-border-radius, 24px);
15
- --tooltip-font-size: var(--bui-tooltip-font-size, var(--bui-text-size-3));
16
- --tooltip-color: var(--bui-tooltip-color, var(--bui-color-white));
17
- --tooltip-bg-color: var(--bui-tooltip-bg-color, var(--line-color));
18
- position: relative;
19
- width: var(--width);
20
- height: var(--height);
21
- padding: var(--padding);
22
- box-sizing: border-box;
23
- font-family: var(--bui-font-family);
24
- }
25
- .bui-slider-disabled {
26
- pointer-events: none;
27
- opacity: 0.5;
28
- }
29
- .bui-slider-line {
30
- position: absolute;
31
- top: 50%;
32
- left: 0;
33
- height: var(--height);
34
- transform: translateY(-50%);
35
- background-color: var(--line-color);
36
- }
37
- .bui-slider-rail {
38
- position: absolute;
39
- top: 50%;
40
- left: 0;
41
- width: 100%;
42
- height: var(--height);
43
- transform: translateY(-50%);
44
- background-color: var(--line-bg-color);
45
- }
46
- .bui-slider-button {
47
- display: flex;
48
- position: absolute;
49
- justify-content: center;
50
- align-items: center;
51
- width: var(--button-width);
52
- height: var(--button-height);
53
- background-color: var(--bui-color-white);
54
- box-shadow: #ddd 0 0 10px;
55
- border-radius: var(--button-border-radius);
56
- transform: translate(-50%, -50%);
57
- font-size: var(--bui-title-size-3);
58
- cursor: grab;
59
- }
60
- .bui-slider-button::after {
61
- position: absolute;
62
- content: "";
63
- top: -10px;
64
- bottom: -10px;
65
- left: -10px;
66
- right: -10px;
67
- }
68
- .bui-slider-button-0 {
69
- left: 0%;
70
- top: 50%;
71
- z-index: var(--bui-z-index-affix);
72
- }
73
- .bui-slider-button-1 {
74
- left: 0%;
75
- top: 50%;
76
- z-index: var(--bui-z-index-affix);
77
- }
78
- .bui-slider-tooltip {
79
- position: absolute;
80
- top: -14px;
81
- width: var(--tooltip-width);
82
- height: var(--tooltip-height);
83
- line-height: var(--tooltip-line-height);
84
- font-size: var(--tooltip-font-size);
85
- border-radius: var(--tooltip-border-radius);
86
- color: var(--tooltip-color);
87
- text-align: center;
88
- background-color: var(--tooltip-bg-color);
89
- transform: translate(-50%, -50%);
90
- z-index: var(--bui-z-index-popover);
91
- }
92
- .bui-slider-tooltip::after {
93
- position: absolute;
94
- bottom: -10px;
95
- left: 0;
96
- right: 0;
97
- margin: 0 auto;
98
- content: "";
99
- width: 0;
100
- height: 0;
101
- border: 6px solid transparent;
102
- border-top: 6px solid var(--tooltip-bg-color);
103
- }
104
- .bui-slider-tooltip-hidden {
105
- display: none;
106
- }
@@ -1,53 +0,0 @@
1
- .bui-textarea {
2
- --border-radius: var(--bui-textarea-border-radius, var(--bui-shape-radius-label));
3
- --width: var(--bui-textarea-width, 100%);
4
- --bg-color: var(--bui-textarea-background-color, var(--bui-color-bg-default));
5
- --text-color: var(--bui-textarea-text-color, var(--bui-color-fg-subtle));
6
- --count-bg-color: var(--bg-color, var(--bui-color-bg-default));
7
- --count-text-color: var(--bui-textarea-count-color, var(--bui-color-fg-subtle));
8
- --text-font-size: var(--bui-textarea-text-font-size, var(--bui-text-size-2));
9
- --count-font-size: var(--bui-textarea-count-font-size, var(--bui-title-size-3));
10
- --content-padding: var(--bui-textarea-padding, 8px);
11
- --count-padding: var(--bui-textarea-count-padding, 0 4px);
12
- --placeholder-color: var(--bui-textarea-placeholder-color, #ced1d6);
13
- --placeholder-line-height: var(--bui-textarea-placeholder-line-height, 1.3);
14
- background: var(--bui-color-bg-default);
15
- border-radius: var(--border-radius);
16
- font-family: var(--bui-font-family);
17
- overflow: hidden;
18
- }
19
- .bui-textarea textarea {
20
- font-size: var(--text-font-size);
21
- color: var(--text-color);
22
- line-height: var(--bui-line-height);
23
- }
24
- .bui-textarea .bui-mini-placeholder {
25
- color: var(--placeholder-color);
26
- }
27
- .bui-textarea-disabled {
28
- pointer-events: none;
29
- }
30
- .bui-textarea .a-textarea-count-wrap {
31
- display: none;
32
- }
33
- .bui-textarea-content {
34
- width: var(--width);
35
- resize: none;
36
- background-color: var(--bg-color);
37
- padding: var(--content-padding);
38
- border: none;
39
- outline: none;
40
- word-break: break-all;
41
- box-sizing: border-box;
42
- }
43
- .bui-textarea-content::placeholder {
44
- color: var(--placeholder-color);
45
- line-height: var(--placeholder-line-height);
46
- }
47
- .bui-textarea-count {
48
- background-color: var(--count-bg-color);
49
- color: var(--count-text-color);
50
- text-align: right;
51
- padding: var(--count-padding);
52
- font-size: var(--count-font-size);
53
- }
@@ -1,54 +0,0 @@
1
- .bui-toast {
2
- --min-width: var(--bui-toast-min-width, 86px);
3
- --max-width: var(--bui-toast-max-width, 80%);
4
- --text-align: var(--bui-toast-text-align, center);
5
- --flex-direction: var(--bui-toast-flex-direction, column);
6
- --padding: var(--bui-toast-padding, var(--bui-spacing-xl));
7
- --position-top: var(--bui-toast-position-top, 15%);
8
- --position-bottom: var(--bui-toast-position-bottom, 85%);
9
- --background-color: var(--bui-toast-bg-color, rgba(0, 0, 0, 0.8));
10
- --border-radius: var(--bui-toast-border-radius, var(--bui-shape-radius-default));
11
- --icon-margin: var(--bui-toast-icon-margin, 0 0 8px);
12
- --icon-font-size: var(--bui-toast-icon-font-size, 30px);
13
- position: fixed;
14
- left: 50%;
15
- z-index: var(--bui-z-index-toast);
16
- width: fit-content;
17
- min-width: var(--min-width);
18
- max-width: var(--max-width);
19
- padding: var(--padding);
20
- font-size: var(--bui-text-size-1);
21
- color: var(--bui-color-white);
22
- border-radius: var(--border-radius);
23
- word-break: break-all;
24
- white-space: pre-wrap;
25
- background-color: var(--background-color);
26
- text-align: var(--text-align);
27
- font-family: var(--bui-font-family);
28
- }
29
- .bui-toast.bui-toast-allow-click {
30
- position: fixed;
31
- right: unset;
32
- bottom: unset;
33
- }
34
- .bui-toast-center {
35
- top: 50%;
36
- transform: translate(-50%, -50%);
37
- }
38
- .bui-toast-top {
39
- top: var(--position-top);
40
- transform: translate(-50%, calc(-1 * var(--position-top)));
41
- }
42
- .bui-toast-bottom {
43
- top: var(--position-bottom);
44
- transform: translate(-50%, calc(-1 * var(--position-bottom)));
45
- }
46
- .bui-toast-icon {
47
- display: flex;
48
- flex-direction: var(--flex-direction);
49
- align-items: center;
50
- }
51
- .bui-toast-icon .bui-svg-icon {
52
- margin: var(--icon-margin);
53
- font-size: var(--icon-font-size);
54
- }
@@ -1,91 +0,0 @@
1
- .bui-tooltip {
2
- --arrow-size: var(--bui-tooltip-arrow-size, 8PX);
3
- --location-position: var(--bui-tooltip-location-position, 8PX);
4
- --max-width: var(--bui-tooltip-max-width, 350px);
5
- --content-min-width: var(--bui-tooltip-content-min-width, 30px);
6
- --content-min-height: var(--bui-tooltip-content-min-height, 32px);
7
- --content-padding: var(--bui-tooltip-content-padding, 6px 8px);
8
- max-width: var(--max-width);
9
- font-size: var(--bui-text-size-1);
10
- position: absolute;
11
- visibility: hidden;
12
- z-index: var(--bui-z-index-tooltip);
13
- }
14
- .bui-tooltip .bui-tooltip-arrow {
15
- width: 0;
16
- height: 0;
17
- position: absolute;
18
- }
19
- .bui-tooltip .bui-tooltip-arrow.location-left {
20
- left: var(--location-position);
21
- }
22
- .bui-tooltip .bui-tooltip-arrow.location-right {
23
- right: var(--location-position);
24
- }
25
- .bui-tooltip .bui-tooltip-arrow.location-top {
26
- top: var(--location-position);
27
- }
28
- .bui-tooltip .bui-tooltip-arrow.location-bottom {
29
- bottom: var(--location-position);
30
- }
31
- .bui-tooltip.tooltip-top .location-center,
32
- .bui-tooltip.tooltip-bottom .location-center {
33
- left: 50%;
34
- transform: translateX(-50%);
35
- }
36
- .bui-tooltip.tooltip-left .location-center,
37
- .bui-tooltip.tooltip-right .location-center {
38
- top: 50%;
39
- transform: translateY(-50%);
40
- }
41
- .bui-tooltip.tooltip-top {
42
- padding-bottom: var(--arrow-size);
43
- }
44
- .bui-tooltip.tooltip-top .bui-tooltip-arrow {
45
- border-left: var(--arrow-size) solid transparent;
46
- border-right: var(--arrow-size) solid transparent;
47
- border-top: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
48
- bottom: 0;
49
- }
50
- .bui-tooltip.tooltip-bottom {
51
- padding-top: var(--arrow-size);
52
- }
53
- .bui-tooltip.tooltip-bottom .bui-tooltip-arrow {
54
- border-left: var(--arrow-size) solid transparent;
55
- border-right: var(--arrow-size) solid transparent;
56
- border-bottom: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
57
- top: 0;
58
- }
59
- .bui-tooltip.tooltip-left {
60
- padding-right: var(--arrow-size);
61
- }
62
- .bui-tooltip.tooltip-left .bui-tooltip-arrow {
63
- border-top: var(--arrow-size) solid transparent;
64
- border-bottom: var(--arrow-size) solid transparent;
65
- border-left: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
66
- right: 0;
67
- }
68
- .bui-tooltip.tooltip-right {
69
- padding-left: var(--arrow-size);
70
- }
71
- .bui-tooltip.tooltip-right .bui-tooltip-arrow {
72
- border-top: var(--arrow-size) solid transparent;
73
- border-bottom: var(--arrow-size) solid transparent;
74
- border-right: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
75
- left: 0;
76
- }
77
- .bui-tooltip .bui-tooltip-content {
78
- min-width: var(--content-min-width);
79
- min-height: var(--content-min-height);
80
- padding: var(--content-padding);
81
- color: var(--bui-color-white);
82
- text-align: left;
83
- text-decoration: none;
84
- word-wrap: break-word;
85
- background-color: var(--bui-color-bg-alpha-dark-7);
86
- border-radius: var(--bui-shape-radius-poster);
87
- box-shadow:
88
- 0 3px 6px -4px rgba(0, 0, 0, 0.12),
89
- 0 6px 16px 0 rgba(0, 0, 0, 0.08),
90
- 0 9px 28px 8px rgba(0, 0, 0, 0.05);
91
- }
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes