@nutui/nutui-react 3.0.0-beta.8 → 3.0.0-beta.9

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 (326) hide show
  1. package/dist/cjs/packages/actionsheet/style/style.css +45 -79
  2. package/dist/cjs/packages/address/address.js +9 -6
  3. package/dist/cjs/packages/address/style/style.css +74 -109
  4. package/dist/cjs/packages/animatingnumbers/style/style.css +3 -3
  5. package/dist/cjs/packages/audio/style/style.css +95 -84
  6. package/dist/cjs/packages/avatar/style/style.css +2 -2
  7. package/dist/cjs/packages/badge/style/style.css +8 -8
  8. package/dist/cjs/packages/barrage/style/style.css +2 -2
  9. package/dist/cjs/packages/button/style/button.scss +16 -4
  10. package/dist/cjs/packages/button/style/style.css +82 -71
  11. package/dist/cjs/packages/calendar/style/style.css +51 -85
  12. package/dist/cjs/packages/calendarcard/style/style.css +11 -11
  13. package/dist/cjs/packages/card/style/style.css +42 -23
  14. package/dist/cjs/packages/cascader/cascader.js +1 -1
  15. package/dist/cjs/packages/cascader/style/style.css +63 -98
  16. package/dist/cjs/packages/cell/cell.d.ts +2 -12
  17. package/dist/cjs/packages/cell/index.d.ts +1 -1
  18. package/dist/cjs/packages/cell/style/style.css +10 -10
  19. package/dist/cjs/packages/cell/types.d.ts +12 -0
  20. package/dist/cjs/packages/cell/types.js +4 -0
  21. package/dist/cjs/packages/cellgroup/style/style.css +3 -3
  22. package/dist/cjs/packages/checkbox/style/checkbox.scss +5 -0
  23. package/dist/cjs/packages/checkbox/style/style.css +34 -29
  24. package/dist/cjs/packages/checkboxgroup/style/style.css +7 -7
  25. package/dist/cjs/packages/circleprogress/style/style.css +3 -3
  26. package/dist/cjs/packages/collapse/style/style.css +11 -11
  27. package/dist/cjs/packages/collapseitem/style/style.css +11 -11
  28. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  29. package/dist/cjs/packages/countdown/style/style.css +9 -9
  30. package/dist/cjs/packages/countup/style/style.css +3 -3
  31. package/dist/cjs/packages/datepicker/style/style.css +48 -82
  32. package/dist/cjs/packages/dialog/style/style.css +92 -81
  33. package/dist/cjs/packages/divider/style/style.css +4 -4
  34. package/dist/cjs/packages/elevator/style/style.css +8 -8
  35. package/dist/cjs/packages/empty/style/style.css +3 -3
  36. package/dist/cjs/packages/fixednav/style/style.css +9 -9
  37. package/dist/cjs/packages/form/style/style.css +19 -17
  38. package/dist/cjs/packages/formitem/style/formitem.scss +2 -0
  39. package/dist/cjs/packages/formitem/style/style.css +6 -4
  40. package/dist/cjs/packages/grid/style/style.css +7 -7
  41. package/dist/cjs/packages/griditem/style/style.css +6 -6
  42. package/dist/cjs/packages/hoverbutton/style/style.css +4 -4
  43. package/dist/cjs/packages/hoverbuttonitem/style/style.css +4 -4
  44. package/dist/cjs/packages/image/style/style.css +2 -2
  45. package/dist/cjs/packages/imagepreview/style/style.css +138 -95
  46. package/dist/cjs/packages/indicator/indicator.d.ts +4 -0
  47. package/dist/cjs/packages/indicator/indicator.js +39 -10
  48. package/dist/cjs/packages/indicator/style/indicator.scss +127 -14
  49. package/dist/cjs/packages/indicator/style/style.css +99 -22
  50. package/dist/cjs/packages/infiniteloading/style/infiniteloading.scss +1 -1
  51. package/dist/cjs/packages/infiniteloading/style/style.css +4 -4
  52. package/dist/cjs/packages/input/input.d.ts +1 -0
  53. package/dist/cjs/packages/input/input.js +7 -3
  54. package/dist/cjs/packages/input/style/input.scss +24 -13
  55. package/dist/cjs/packages/input/style/style.css +21 -15
  56. package/dist/cjs/packages/inputnumber/style/inputnumber.scss +2 -2
  57. package/dist/cjs/packages/inputnumber/style/style.css +9 -9
  58. package/dist/cjs/packages/loading/index.d.ts +1 -1
  59. package/dist/cjs/packages/loading/loading.d.ts +3 -10
  60. package/dist/cjs/packages/loading/loading.js +45 -12
  61. package/dist/cjs/packages/loading/style/loading.scss +7 -1
  62. package/dist/cjs/packages/loading/style/style.css +9 -3
  63. package/dist/cjs/packages/loading/types.d.ts +13 -0
  64. package/dist/cjs/packages/loading/types.js +4 -0
  65. package/dist/cjs/packages/lottie/index.d.ts +3 -0
  66. package/dist/cjs/packages/lottie/index.js +12 -0
  67. package/dist/cjs/packages/lottie/style/css.js +1 -0
  68. package/dist/cjs/packages/lottie/style/index.js +1 -0
  69. package/dist/cjs/packages/lottie/style/lottie.scss +0 -0
  70. package/dist/cjs/packages/lottie/style/style.css +4 -0
  71. package/dist/cjs/packages/lottie/types.d.ts +11 -0
  72. package/dist/cjs/packages/lottie/types.js +6 -0
  73. package/dist/cjs/packages/lottie/web.d.ts +3 -0
  74. package/dist/cjs/packages/lottie/web.js +34 -0
  75. package/dist/cjs/packages/menu/style/style.css +14 -14
  76. package/dist/cjs/packages/menuitem/style/style.css +10 -10
  77. package/dist/cjs/packages/navbar/navbar.d.ts +1 -1
  78. package/dist/cjs/packages/navbar/navbar.js +15 -65
  79. package/dist/cjs/packages/navbar/style/navbar.scss +32 -40
  80. package/dist/cjs/packages/navbar/style/style.css +27 -41
  81. package/dist/cjs/packages/notify/style/style.css +4 -4
  82. package/dist/cjs/packages/numberkeyboard/style/style.css +47 -81
  83. package/dist/cjs/packages/nutui.react.build.d.ts +3 -1
  84. package/dist/cjs/packages/nutui.react.build.js +4 -0
  85. package/dist/cjs/packages/nutui.react.d.ts +4 -1
  86. package/dist/cjs/packages/nutui.react.js +5 -0
  87. package/dist/cjs/packages/nutui.react.scss.d.ts +1 -0
  88. package/dist/cjs/packages/nutui.react.scss.js +1 -0
  89. package/dist/cjs/packages/overlay/style/overlay.scss +6 -6
  90. package/dist/cjs/packages/overlay/style/style.css +7 -7
  91. package/dist/cjs/packages/pagination/style/style.css +8 -8
  92. package/dist/cjs/packages/picker/style/style.css +48 -82
  93. package/dist/cjs/packages/popover/popover.js +17 -14
  94. package/dist/cjs/packages/popover/style/popover.scss +42 -65
  95. package/dist/cjs/packages/popover/style/style.css +85 -141
  96. package/dist/cjs/packages/popup/popup.js +24 -23
  97. package/dist/cjs/packages/popup/style/popup.scss +24 -56
  98. package/dist/cjs/packages/popup/style/style.css +37 -71
  99. package/dist/cjs/packages/price/index.d.ts +1 -1
  100. package/dist/cjs/packages/price/price.d.ts +1 -10
  101. package/dist/cjs/packages/price/price.js +9 -9
  102. package/dist/cjs/packages/price/style/price.scss +49 -9
  103. package/dist/cjs/packages/price/style/style.css +35 -16
  104. package/dist/cjs/packages/price/types.d.ts +13 -0
  105. package/dist/cjs/packages/price/types.js +4 -0
  106. package/dist/cjs/packages/progress/style/style.css +2 -2
  107. package/dist/cjs/packages/pulltorefresh/style/style.css +2 -2
  108. package/dist/cjs/packages/radio/style/radio.scss +3 -0
  109. package/dist/cjs/packages/radio/style/style.css +22 -19
  110. package/dist/cjs/packages/radiogroup/style/style.css +6 -6
  111. package/dist/cjs/packages/range/style/style.css +10 -10
  112. package/dist/cjs/packages/rate/style/style.css +4 -4
  113. package/dist/cjs/packages/resultpage/style/style.css +2 -2
  114. package/dist/cjs/packages/searchbar/style/style.css +5 -5
  115. package/dist/cjs/packages/segmented/style/style.css +3 -3
  116. package/dist/cjs/packages/shortpassword/style/style.css +48 -82
  117. package/dist/cjs/packages/sidenavbar/sidenavbar.d.ts +3 -0
  118. package/dist/cjs/packages/sidenavbar/sidenavbar.js +5 -1
  119. package/dist/cjs/packages/sidenavbar/style/style.css +41 -75
  120. package/dist/cjs/packages/sidenavbaritem/style/style.css +2 -2
  121. package/dist/cjs/packages/signature/style/style.css +2 -2
  122. package/dist/cjs/packages/skeleton/style/style.css +5 -5
  123. package/dist/cjs/packages/step/style/style.css +22 -22
  124. package/dist/cjs/packages/steps/style/style.css +22 -22
  125. package/dist/cjs/packages/subsidenavbar/style/style.css +2 -2
  126. package/dist/cjs/packages/swiper/style/style.css +99 -22
  127. package/dist/cjs/packages/switch/style/style.css +10 -10
  128. package/dist/cjs/packages/switch/style/switch.scss +1 -1
  129. package/dist/cjs/packages/tabbar/style/style.css +13 -13
  130. package/dist/cjs/packages/tabbaritem/style/style.css +12 -12
  131. package/dist/cjs/packages/table/style/style.css +11 -11
  132. package/dist/cjs/packages/tabpane/style/style.css +1 -1
  133. package/dist/cjs/packages/tabs/style/style.css +21 -22
  134. package/dist/cjs/packages/tabs/style/tabs.scss +1 -1
  135. package/dist/cjs/packages/tag/style/style.css +5 -5
  136. package/dist/cjs/packages/textarea/style/style.css +30 -19
  137. package/dist/cjs/packages/textarea/style/textarea.scss +43 -16
  138. package/dist/cjs/packages/textarea/textarea.d.ts +2 -0
  139. package/dist/cjs/packages/textarea/textarea.js +9 -7
  140. package/dist/cjs/packages/timedetail/style/style.css +4 -4
  141. package/dist/cjs/packages/timeselect/style/style.css +46 -80
  142. package/dist/cjs/packages/timeselect/timeselect.js +1 -4
  143. package/dist/cjs/packages/toast/style/style.css +8 -8
  144. package/dist/cjs/packages/tour/style/style.css +89 -145
  145. package/dist/cjs/packages/trendarrow/style/style.css +1 -1
  146. package/dist/cjs/packages/uploader/index.d.ts +1 -1
  147. package/dist/cjs/packages/uploader/preview.js +13 -14
  148. package/dist/cjs/packages/uploader/style/style.css +13 -13
  149. package/dist/cjs/packages/uploader/types.d.ts +17 -0
  150. package/dist/cjs/packages/uploader/types.js +4 -0
  151. package/dist/cjs/packages/uploader/uploader.d.ts +5 -28
  152. package/dist/cjs/packages/uploader/uploader.js +241 -220
  153. package/dist/cjs/packages/virtuallist/style/style.css +4 -4
  154. package/dist/cjs/utils/platform-taro.d.ts +1 -0
  155. package/dist/cjs/utils/platform-taro.js +8 -0
  156. package/dist/es/packages/actionsheet/style/style.css +45 -79
  157. package/dist/es/packages/address/address.js +9 -6
  158. package/dist/es/packages/address/style/style.css +74 -109
  159. package/dist/es/packages/animatingnumbers/style/style.css +3 -3
  160. package/dist/es/packages/audio/style/style.css +95 -84
  161. package/dist/es/packages/avatar/style/style.css +2 -2
  162. package/dist/es/packages/badge/style/style.css +8 -8
  163. package/dist/es/packages/barrage/style/style.css +2 -2
  164. package/dist/es/packages/button/style/button.scss +16 -4
  165. package/dist/es/packages/button/style/style.css +82 -71
  166. package/dist/es/packages/calendar/style/style.css +51 -85
  167. package/dist/es/packages/calendarcard/style/style.css +11 -11
  168. package/dist/es/packages/card/style/style.css +42 -23
  169. package/dist/es/packages/cascader/cascader.js +2 -2
  170. package/dist/es/packages/cascader/style/style.css +63 -98
  171. package/dist/es/packages/cell/cell.d.ts +2 -12
  172. package/dist/es/packages/cell/index.d.ts +1 -1
  173. package/dist/es/packages/cell/style/style.css +10 -10
  174. package/dist/es/packages/cell/types.d.ts +12 -0
  175. package/dist/es/packages/cell/types.js +1 -0
  176. package/dist/es/packages/cellgroup/style/style.css +3 -3
  177. package/dist/es/packages/checkbox/style/checkbox.scss +5 -0
  178. package/dist/es/packages/checkbox/style/style.css +34 -29
  179. package/dist/es/packages/checkboxgroup/style/style.css +7 -7
  180. package/dist/es/packages/circleprogress/style/style.css +3 -3
  181. package/dist/es/packages/collapse/style/style.css +11 -11
  182. package/dist/es/packages/collapseitem/style/style.css +11 -11
  183. package/dist/es/packages/configprovider/types.d.ts +1 -1
  184. package/dist/es/packages/countdown/style/style.css +9 -9
  185. package/dist/es/packages/countup/style/style.css +3 -3
  186. package/dist/es/packages/datepicker/style/style.css +48 -82
  187. package/dist/es/packages/dialog/style/style.css +92 -81
  188. package/dist/es/packages/divider/style/style.css +4 -4
  189. package/dist/es/packages/elevator/style/style.css +8 -8
  190. package/dist/es/packages/empty/style/style.css +3 -3
  191. package/dist/es/packages/fixednav/style/style.css +9 -9
  192. package/dist/es/packages/form/style/style.css +19 -17
  193. package/dist/es/packages/formitem/style/formitem.scss +2 -0
  194. package/dist/es/packages/formitem/style/style.css +6 -4
  195. package/dist/es/packages/grid/style/style.css +7 -7
  196. package/dist/es/packages/griditem/style/style.css +6 -6
  197. package/dist/es/packages/hoverbutton/style/style.css +4 -4
  198. package/dist/es/packages/hoverbuttonitem/style/style.css +4 -4
  199. package/dist/es/packages/image/style/style.css +2 -2
  200. package/dist/es/packages/imagepreview/style/style.css +138 -95
  201. package/dist/es/packages/indicator/indicator.d.ts +4 -0
  202. package/dist/es/packages/indicator/indicator.js +39 -10
  203. package/dist/es/packages/indicator/style/indicator.scss +127 -14
  204. package/dist/es/packages/indicator/style/style.css +99 -22
  205. package/dist/es/packages/infiniteloading/style/infiniteloading.scss +1 -1
  206. package/dist/es/packages/infiniteloading/style/style.css +4 -4
  207. package/dist/es/packages/input/input.d.ts +1 -0
  208. package/dist/es/packages/input/input.js +7 -3
  209. package/dist/es/packages/input/style/input.scss +24 -13
  210. package/dist/es/packages/input/style/style.css +21 -15
  211. package/dist/es/packages/inputnumber/style/inputnumber.scss +2 -2
  212. package/dist/es/packages/inputnumber/style/style.css +9 -9
  213. package/dist/es/packages/loading/index.d.ts +1 -1
  214. package/dist/es/packages/loading/loading.d.ts +3 -10
  215. package/dist/es/packages/loading/loading.js +44 -12
  216. package/dist/es/packages/loading/style/loading.scss +7 -1
  217. package/dist/es/packages/loading/style/style.css +9 -3
  218. package/dist/es/packages/loading/types.d.ts +13 -0
  219. package/dist/es/packages/loading/types.js +1 -0
  220. package/dist/es/packages/lottie/index.d.ts +3 -0
  221. package/dist/es/packages/lottie/index.js +2 -0
  222. package/dist/es/packages/lottie/style/css.js +1 -0
  223. package/dist/es/packages/lottie/style/index.js +1 -0
  224. package/dist/es/packages/lottie/style/lottie.scss +0 -0
  225. package/dist/es/packages/lottie/style/style.css +4 -0
  226. package/dist/es/packages/lottie/types.d.ts +11 -0
  227. package/dist/es/packages/lottie/types.js +1 -0
  228. package/dist/es/packages/lottie/web.d.ts +3 -0
  229. package/dist/es/packages/lottie/web.js +22 -0
  230. package/dist/es/packages/menu/style/style.css +14 -14
  231. package/dist/es/packages/menuitem/style/style.css +10 -10
  232. package/dist/es/packages/navbar/navbar.d.ts +1 -1
  233. package/dist/es/packages/navbar/navbar.js +14 -63
  234. package/dist/es/packages/navbar/style/navbar.scss +32 -40
  235. package/dist/es/packages/navbar/style/style.css +27 -41
  236. package/dist/es/packages/notify/style/style.css +4 -4
  237. package/dist/es/packages/numberkeyboard/style/style.css +47 -81
  238. package/dist/es/packages/nutui.react.build.d.ts +3 -1
  239. package/dist/es/packages/nutui.react.build.js +3 -1
  240. package/dist/es/packages/overlay/style/overlay.scss +6 -6
  241. package/dist/es/packages/overlay/style/style.css +7 -7
  242. package/dist/es/packages/pagination/style/style.css +8 -8
  243. package/dist/es/packages/picker/style/style.css +48 -82
  244. package/dist/es/packages/popover/popover.d.ts +13 -65
  245. package/dist/es/packages/popover/popover.js +17 -14
  246. package/dist/es/packages/popover/style/popover.scss +42 -65
  247. package/dist/es/packages/popover/style/style.css +85 -141
  248. package/dist/es/packages/popup/popup.js +24 -23
  249. package/dist/es/packages/popup/style/popup.scss +24 -56
  250. package/dist/es/packages/popup/style/style.css +37 -71
  251. package/dist/es/packages/price/index.d.ts +1 -1
  252. package/dist/es/packages/price/price.d.ts +1 -10
  253. package/dist/es/packages/price/price.js +9 -9
  254. package/dist/es/packages/price/style/price.scss +49 -9
  255. package/dist/es/packages/price/style/style.css +35 -16
  256. package/dist/es/packages/price/types.d.ts +13 -0
  257. package/dist/es/packages/price/types.js +1 -0
  258. package/dist/es/packages/progress/style/style.css +2 -2
  259. package/dist/es/packages/pulltorefresh/style/style.css +2 -2
  260. package/dist/es/packages/radio/style/radio.scss +3 -0
  261. package/dist/es/packages/radio/style/style.css +22 -19
  262. package/dist/es/packages/radiogroup/style/style.css +6 -6
  263. package/dist/es/packages/range/style/style.css +10 -10
  264. package/dist/es/packages/rate/style/style.css +4 -4
  265. package/dist/es/packages/resultpage/style/style.css +2 -2
  266. package/dist/es/packages/searchbar/style/style.css +5 -5
  267. package/dist/es/packages/segmented/style/style.css +3 -3
  268. package/dist/es/packages/shortpassword/style/style.css +48 -82
  269. package/dist/es/packages/sidenavbar/sidenavbar.d.ts +3 -0
  270. package/dist/es/packages/sidenavbar/sidenavbar.js +4 -1
  271. package/dist/es/packages/sidenavbar/style/style.css +41 -75
  272. package/dist/es/packages/sidenavbaritem/style/style.css +2 -2
  273. package/dist/es/packages/signature/style/style.css +2 -2
  274. package/dist/es/packages/skeleton/style/style.css +5 -5
  275. package/dist/es/packages/step/style/style.css +22 -22
  276. package/dist/es/packages/steps/style/style.css +22 -22
  277. package/dist/es/packages/subsidenavbar/style/style.css +2 -2
  278. package/dist/es/packages/swiper/style/style.css +99 -22
  279. package/dist/es/packages/switch/style/style.css +10 -10
  280. package/dist/es/packages/switch/style/switch.scss +1 -1
  281. package/dist/es/packages/tabbar/style/style.css +13 -13
  282. package/dist/es/packages/tabbaritem/style/style.css +12 -12
  283. package/dist/es/packages/table/style/style.css +11 -11
  284. package/dist/es/packages/tabpane/style/style.css +1 -1
  285. package/dist/es/packages/tabs/style/style.css +21 -22
  286. package/dist/es/packages/tabs/style/tabs.scss +1 -1
  287. package/dist/es/packages/tag/style/style.css +5 -5
  288. package/dist/es/packages/textarea/style/style.css +30 -19
  289. package/dist/es/packages/textarea/style/textarea.scss +43 -16
  290. package/dist/es/packages/textarea/textarea.d.ts +2 -0
  291. package/dist/es/packages/textarea/textarea.js +9 -7
  292. package/dist/es/packages/timedetail/style/style.css +4 -4
  293. package/dist/es/packages/timeselect/style/style.css +46 -80
  294. package/dist/es/packages/timeselect/timeselect.js +1 -4
  295. package/dist/es/packages/toast/style/style.css +8 -8
  296. package/dist/es/packages/tour/style/style.css +89 -145
  297. package/dist/es/packages/trendarrow/style/style.css +1 -1
  298. package/dist/es/packages/uploader/index.d.ts +1 -1
  299. package/dist/es/packages/uploader/preview.js +13 -14
  300. package/dist/es/packages/uploader/style/style.css +13 -13
  301. package/dist/es/packages/uploader/types.d.ts +17 -0
  302. package/dist/es/packages/uploader/types.js +1 -0
  303. package/dist/es/packages/uploader/uploader.d.ts +29 -200
  304. package/dist/es/packages/uploader/uploader.js +241 -220
  305. package/dist/es/packages/virtuallist/style/style.css +4 -4
  306. package/dist/es/utils/platform-taro.d.ts +1 -0
  307. package/dist/es/utils/platform-taro.js +5 -0
  308. package/dist/nutui.react.umd.js +20248 -3662
  309. package/dist/style.css +1 -1
  310. package/dist/style.scss +108 -0
  311. package/dist/styles/jd-font.scss +9 -1
  312. package/dist/styles/theme-dark.scss +17 -17
  313. package/dist/styles/theme-default.scss +3 -3
  314. package/dist/styles/themes/default.css +1 -0
  315. package/dist/styles/variables-jmapp.scss +4 -0
  316. package/dist/styles/variables-jrkf.scss +4 -0
  317. package/dist/styles/variables.scss +128 -137
  318. package/package.json +8 -3
  319. package/dist/cjs/packages/uploader/file-item.d.ts +0 -19
  320. package/dist/cjs/packages/uploader/file-item.js +0 -28
  321. package/dist/cjs/packages/uploader/utils.d.ts +0 -30
  322. package/dist/cjs/packages/uploader/utils.js +0 -184
  323. package/dist/es/packages/uploader/file-item.d.ts +0 -19
  324. package/dist/es/packages/uploader/file-item.js +0 -18
  325. package/dist/es/packages/uploader/utils.d.ts +0 -30
  326. package/dist/es/packages/uploader/utils.js +0 -154
package/dist/cjs/packages/form/style/style.css CHANGED
@@ -8,7 +8,7 @@
8
8
  .nut-cell-group-title {
9
9
  display: inherit;
10
10
  padding: var(--nutui-cell-group-title-padding, 0 10px);
11
- color: var(--nutui-cell-group-title-color, var(--nutui-color-title, #1a1a1a));
11
+ color: var(--nutui-cell-group-title-color, var(--nutui-gray-7));
12
12
  font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-size-base, 14px));
13
13
  line-height: var(--nutui-cell-group-title-line-height, 20px);
14
14
  margin-top: 30px;
@@ -17,7 +17,7 @@
17
17
  .nut-cell-group-description {
18
18
  display: inherit;
19
19
  padding: var(--nutui-cell-group-description-padding, 0 10px);
20
- color: var(--nutui-cell-group-description-color, var(--nutui-color-text, #505259));
20
+ color: var(--nutui-cell-group-description-color, var(--nutui-gray-6));
21
21
  font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-size-s, 12px));
22
22
  line-height: var(--nutui-cell-group-description-line-height, 16px);
23
23
  margin-top: 10px;
@@ -26,7 +26,7 @@
26
26
  .nut-cell-group-wrap {
27
27
  border-radius: var(--nutui-cell-border-radius, 6px);
28
28
  overflow: hidden;
29
- background-color: var(--nutui-cell-group-background-color, var(--nutui-color-background-overlay, #ffffff));
29
+ background-color: var(--nutui-cell-group-background-color, var(--nutui-gray-1));
30
30
  margin-bottom: var(--nutui-cell-group-wrap-margin, 10px);
31
31
  }
32
32
 
@@ -36,7 +36,7 @@
36
36
  .nut-cell-group-title {
37
37
  display: inherit;
38
38
  padding: var(--nutui-cell-group-title-padding, 0 10px);
39
- color: var(--nutui-cell-group-title-color, var(--nutui-color-title, #1a1a1a));
39
+ color: var(--nutui-cell-group-title-color, var(--nutui-gray-7));
40
40
  font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-size-base, 14px));
41
41
  line-height: var(--nutui-cell-group-title-line-height, 20px);
42
42
  margin-top: 30px;
@@ -45,7 +45,7 @@
45
45
  .nut-cell-group-description {
46
46
  display: inherit;
47
47
  padding: var(--nutui-cell-group-description-padding, 0 10px);
48
- color: var(--nutui-cell-group-description-color, var(--nutui-color-text, #505259));
48
+ color: var(--nutui-cell-group-description-color, var(--nutui-gray-6));
49
49
  font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-size-s, 12px));
50
50
  line-height: var(--nutui-cell-group-description-line-height, 16px);
51
51
  margin-top: 10px;
@@ -54,7 +54,7 @@
54
54
  .nut-cell-group-wrap {
55
55
  border-radius: var(--nutui-cell-border-radius, 6px);
56
56
  overflow: hidden;
57
- background-color: var(--nutui-cell-group-background-color, var(--nutui-color-background-overlay, #ffffff));
57
+ background-color: var(--nutui-cell-group-background-color, var(--nutui-gray-1));
58
58
  margin-bottom: var(--nutui-cell-group-wrap-margin, 10px);
59
59
  }
60
60
 
@@ -65,11 +65,11 @@
65
65
  width: 100%;
66
66
  line-height: var(--nutui-cell-line-height, 20px);
67
67
  padding: var(--nutui-cell-padding, 13px 16px);
68
- background-color: var(--nutui-cell-background-color, var(--nutui-color-background-overlay, #ffffff));
68
+ background-color: var(--nutui-cell-background-color, var(--nutui-gray-1));
69
69
  border-radius: var(--nutui-cell-border-radius, 6px);
70
70
  box-shadow: var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));
71
71
  font-size: var(--nutui-cell-title-font-size, var(--nutui-font-size-base, 14px));
72
- color: var(--nutui-cell-title-color, var(--nutui-color-title, #1a1a1a));
72
+ color: var(--nutui-cell-title-color, var(--nutui-gray-7));
73
73
  margin-bottom: 10px;
74
74
  box-sizing: border-box;
75
75
  }
@@ -89,7 +89,7 @@
89
89
  }
90
90
  .nut-cell-description {
91
91
  font-size: var(--nutui-cell-description-font-size, var(--nutui-font-size-s, 12px));
92
- color: var(--nutui-cell-description-color, var(--nutui-color-text, #505259));
92
+ color: var(--nutui-cell-description-color, var(--nutui-gray-6));
93
93
  }
94
94
  .nut-cell-extra {
95
95
  display: flex;
@@ -101,7 +101,7 @@
101
101
  min-width: 0;
102
102
  word-break: break-all;
103
103
  font-size: var(--nutui-cell-extra-font-size, var(--nutui-font-size-base, 14px));
104
- color: var(--nutui-cell-extra-color, var(--nutui-color-text, #505259));
104
+ color: var(--nutui-cell-extra-color, var(--nutui-gray-6));
105
105
  }
106
106
  .nut-cell:active::before {
107
107
  opacity: 0.1;
@@ -115,9 +115,9 @@
115
115
  left: 50%;
116
116
  width: 100%;
117
117
  height: 100%;
118
- background-color: var(--nutui-color-title, #1a1a1a);
118
+ background-color: #000000;
119
119
  border: inherit;
120
- border-color: var(--nutui-color-title, #1a1a1a);
120
+ border-color: #000000;
121
121
  border-radius: inherit;
122
122
  transform: translate(-50%, -50%);
123
123
  opacity: 0;
@@ -133,7 +133,7 @@
133
133
  display: flex;
134
134
  height: 1px;
135
135
  width: 100%;
136
- border-top: var(--nutui-cell-divider-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
136
+ border-top: var(--nutui-cell-divider-border-bottom, 1px solid var(--nutui-black-3));
137
137
  }
138
138
  .nut-cell-divider-rtl {
139
139
  padding-left: var(--nutui-cell-divider-right, 16px);
@@ -142,9 +142,11 @@
142
142
 
143
143
  .nut-form-item {
144
144
  display: flex;
145
+ align-items: center;
146
+ padding: 4px 12px;
145
147
  }
146
148
  .nut-form-item.error.line::before {
147
- border-bottom: 1px solid var(--nutui-form-item-error-line-color, var(--nutui-color-primary, #ff0f23));
149
+ border-bottom: 1px solid var(--nutui-form-item-error-line-color, var(--nutui-brand-6));
148
150
  transform: scaleX(1);
149
151
  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
150
152
  }
@@ -160,7 +162,7 @@
160
162
  }
161
163
  .nut-form-item-label .required::before {
162
164
  content: "*";
163
- color: var(--nutui-form-item-required-color, var(--nutui-color-primary, #ff0f23));
165
+ color: var(--nutui-form-item-required-color, var(--nutui-brand-6));
164
166
  margin-right: var(--nutui-form-item-required-margin-right, 4px);
165
167
  }
166
168
  .nut-form-item-body {
@@ -178,7 +180,7 @@
178
180
  .nut-form-item-body-slots .nut-input-text {
179
181
  font-size: var(--nutui-form-item-body-font-size, var(--nutui-font-size-base, 14px));
180
182
  text-align: var(--nutui-form-item-body-input-text-align, left);
181
- color: var(--nutui-color-title, #1a1a1a);
183
+ color: var(--nutui-gray-7);
182
184
  width: 100%;
183
185
  outline: 0 none;
184
186
  border: 0;
@@ -198,7 +200,7 @@
198
200
  .nut-form-item-body-tips {
199
201
  text-align: var(--nutui-form-item-tip-text-align, left);
200
202
  font-size: var(--nutui-form-item-tip-font-size, var(--nutui-font-size-xs, 11px));
201
- color: var(--nutui-form-item-error-message-color, var(--nutui-color-primary, #ff0f23));
203
+ color: var(--nutui-form-item-error-message-color, var(--nutui-brand-6));
202
204
  }
203
205
 
204
206
  [dir=rtl] .nut-form-item-label,
package/dist/cjs/packages/formitem/style/formitem.scss CHANGED
@@ -1,5 +1,7 @@
1
1
  .nut-form-item {
2
2
  display: flex;
3
+ align-items: center;
4
+ padding: 4px 12px;
3
5
 
4
6
  &.error {
5
7
  &.line {
package/dist/cjs/packages/formitem/style/style.css CHANGED
@@ -4,9 +4,11 @@
4
4
  /* #endif */
5
5
  .nut-form-item {
6
6
  display: flex;
7
+ align-items: center;
8
+ padding: 4px 12px;
7
9
  }
8
10
  .nut-form-item.error.line::before {
9
- border-bottom: 1px solid var(--nutui-form-item-error-line-color, var(--nutui-color-primary, #ff0f23));
11
+ border-bottom: 1px solid var(--nutui-form-item-error-line-color, var(--nutui-brand-6));
10
12
  transform: scaleX(1);
11
13
  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
12
14
  }
@@ -22,7 +24,7 @@
22
24
  }
23
25
  .nut-form-item-label .required::before {
24
26
  content: "*";
25
- color: var(--nutui-form-item-required-color, var(--nutui-color-primary, #ff0f23));
27
+ color: var(--nutui-form-item-required-color, var(--nutui-brand-6));
26
28
  margin-right: var(--nutui-form-item-required-margin-right, 4px);
27
29
  }
28
30
  .nut-form-item-body {
@@ -40,7 +42,7 @@
40
42
  .nut-form-item-body-slots .nut-input-text {
41
43
  font-size: var(--nutui-form-item-body-font-size, var(--nutui-font-size-base, 14px));
42
44
  text-align: var(--nutui-form-item-body-input-text-align, left);
43
- color: var(--nutui-color-title, #1a1a1a);
45
+ color: var(--nutui-gray-7);
44
46
  width: 100%;
45
47
  outline: 0 none;
46
48
  border: 0;
@@ -60,7 +62,7 @@
60
62
  .nut-form-item-body-tips {
61
63
  text-align: var(--nutui-form-item-tip-text-align, left);
62
64
  font-size: var(--nutui-form-item-tip-font-size, var(--nutui-font-size-xs, 11px));
63
- color: var(--nutui-form-item-error-message-color, var(--nutui-color-primary, #ff0f23));
65
+ color: var(--nutui-form-item-error-message-color, var(--nutui-brand-6));
64
66
  }
65
67
 
66
68
  [dir=rtl] .nut-form-item-label,
package/dist/cjs/packages/grid/style/style.css CHANGED
@@ -7,11 +7,11 @@
7
7
  flex-direction: column;
8
8
  position: relative;
9
9
  box-sizing: border-box;
10
- color: var(--nutui-grid-item-text-color, var(--nutui-color-title, #1a1a1a));
10
+ color: var(--nutui-grid-item-text-color, var(--nutui-gray-7));
11
11
  overflow: hidden;
12
12
  }
13
13
  .nut-grid-item-text {
14
- color: var(--nutui-grid-item-text-color, var(--nutui-color-title, #1a1a1a));
14
+ color: var(--nutui-grid-item-text-color, var(--nutui-gray-7));
15
15
  font-size: var(--nutui-grid-item-text-font-size, var(--nutui-font-size-s, 12px));
16
16
  word-break: break-all;
17
17
  margin: var(--nutui-grid-item-text-margin, 8px) 0 0 0;
@@ -32,8 +32,8 @@
32
32
  flex-direction: column;
33
33
  width: 100%;
34
34
  padding: var(--nutui-grid-item-content-padding, 16px 8px);
35
- background: var(--nutui-grid-item-content-bg-color, #ffffff);
36
- border: 0 solid var(--nutui-grid-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
35
+ background: var(--nutui-grid-item-content-bg-color, var(--nutui-gray-1));
36
+ border: 0 solid var(--nutui-grid-border-color, var(--nutui-black-3));
37
37
  }
38
38
  .nut-grid-item-content-border {
39
39
  border-right-width: var(--nutui-grid-border-width, 0px);
@@ -69,9 +69,9 @@
69
69
  left: 50%;
70
70
  width: 100%;
71
71
  height: 100%;
72
- background-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
72
+ background-color: var(--nutui-black-10);
73
73
  border: inherit;
74
- border-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
74
+ border-color: var(--nutui-black-10);
75
75
  border-radius: inherit;
76
76
  transform: translate(-50%, -50%);
77
77
  opacity: 0;
@@ -111,7 +111,7 @@
111
111
  flex-direction: row;
112
112
  align-items: stretch;
113
113
  flex-wrap: wrap;
114
- border: 0 solid var(--nutui-grid-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
114
+ border: 0 solid var(--nutui-grid-border-color, var(--nutui-black-3));
115
115
  }
116
116
  .nut-grid-border {
117
117
  border-top-width: var(--nutui-grid-border-width, 0px);
package/dist/cjs/packages/griditem/style/style.css CHANGED
@@ -7,11 +7,11 @@
7
7
  flex-direction: column;
8
8
  position: relative;
9
9
  box-sizing: border-box;
10
- color: var(--nutui-grid-item-text-color, var(--nutui-color-title, #1a1a1a));
10
+ color: var(--nutui-grid-item-text-color, var(--nutui-gray-7));
11
11
  overflow: hidden;
12
12
  }
13
13
  .nut-grid-item-text {
14
- color: var(--nutui-grid-item-text-color, var(--nutui-color-title, #1a1a1a));
14
+ color: var(--nutui-grid-item-text-color, var(--nutui-gray-7));
15
15
  font-size: var(--nutui-grid-item-text-font-size, var(--nutui-font-size-s, 12px));
16
16
  word-break: break-all;
17
17
  margin: var(--nutui-grid-item-text-margin, 8px) 0 0 0;
@@ -32,8 +32,8 @@
32
32
  flex-direction: column;
33
33
  width: 100%;
34
34
  padding: var(--nutui-grid-item-content-padding, 16px 8px);
35
- background: var(--nutui-grid-item-content-bg-color, #ffffff);
36
- border: 0 solid var(--nutui-grid-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
35
+ background: var(--nutui-grid-item-content-bg-color, var(--nutui-gray-1));
36
+ border: 0 solid var(--nutui-grid-border-color, var(--nutui-black-3));
37
37
  }
38
38
  .nut-grid-item-content-border {
39
39
  border-right-width: var(--nutui-grid-border-width, 0px);
@@ -69,9 +69,9 @@
69
69
  left: 50%;
70
70
  width: 100%;
71
71
  height: 100%;
72
- background-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
72
+ background-color: var(--nutui-black-10);
73
73
  border: inherit;
74
- border-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
74
+ border-color: var(--nutui-black-10);
75
75
  border-radius: inherit;
76
76
  transform: translate(-50%, -50%);
77
77
  opacity: 0;
package/dist/cjs/packages/hoverbutton/style/style.css CHANGED
@@ -33,8 +33,8 @@
33
33
  width: 20px;
34
34
  height: 20px;
35
35
  margin: 9px;
36
- color: var(--nutui-hoverbutton-item-icon-color, var(--nutui-color-title, #1a1a1a));
37
- fill: var(--nutui-hoverbutton-item-icon-color, var(--nutui-color-title, #1a1a1a));
36
+ color: var(--nutui-hoverbutton-item-icon-color, var(--nutui-gray-7));
37
+ fill: var(--nutui-hoverbutton-item-icon-color, var(--nutui-gray-7));
38
38
  }
39
39
  .nut-hoverbutton-item-icon .nut-icon {
40
40
  display: block;
@@ -43,8 +43,8 @@
43
43
  font-size: 20px;
44
44
  }
45
45
  .nut-hoverbutton-item-container:active .nut-hoverbutton-item-icon {
46
- color: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-color-title, #1a1a1a));
47
- fill: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-color-title, #1a1a1a));
46
+ color: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-gray-7));
47
+ fill: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-gray-7));
48
48
  }
49
49
  .nut-hoverbutton-item-text-icon {
50
50
  width: 14px;
package/dist/cjs/packages/hoverbuttonitem/style/style.css CHANGED
@@ -33,8 +33,8 @@
33
33
  width: 20px;
34
34
  height: 20px;
35
35
  margin: 9px;
36
- color: var(--nutui-hoverbutton-item-icon-color, var(--nutui-color-title, #1a1a1a));
37
- fill: var(--nutui-hoverbutton-item-icon-color, var(--nutui-color-title, #1a1a1a));
36
+ color: var(--nutui-hoverbutton-item-icon-color, var(--nutui-gray-7));
37
+ fill: var(--nutui-hoverbutton-item-icon-color, var(--nutui-gray-7));
38
38
  }
39
39
  .nut-hoverbutton-item-icon .nut-icon {
40
40
  display: block;
@@ -43,8 +43,8 @@
43
43
  font-size: 20px;
44
44
  }
45
45
  .nut-hoverbutton-item-container:active .nut-hoverbutton-item-icon {
46
- color: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-color-title, #1a1a1a));
47
- fill: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-color-title, #1a1a1a));
46
+ color: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-gray-7));
47
+ fill: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-gray-7));
48
48
  }
49
49
  .nut-hoverbutton-item-text-icon {
50
50
  width: 14px;
package/dist/cjs/packages/image/style/style.css CHANGED
@@ -25,7 +25,7 @@
25
25
  flex-direction: column;
26
26
  align-items: center;
27
27
  justify-content: center;
28
- background: var(--nutui-color-background, #f5f6fa);
28
+ background: var(--nutui-gray-3);
29
29
  background-size: 100% 100%;
30
30
  }
31
31
  .nut-image-error {
@@ -38,7 +38,7 @@
38
38
  flex-direction: column;
39
39
  align-items: center;
40
40
  justify-content: center;
41
- background: var(--nutui-color-background, #f5f6fa);
41
+ background: var(--nutui-gray-3);
42
42
  background-size: 100% 100%;
43
43
  }
44
44