@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/es/packages/dialog/style/style.css CHANGED
@@ -5,6 +5,7 @@
5
5
  .nut-button {
6
6
  position: relative;
7
7
  display: flex;
8
+ display: inline-block;
8
9
  /* #ifdef rn harmony*/
9
10
  width: 80px;
10
11
  /* #endif */
@@ -19,7 +20,7 @@
19
20
  margin: 0;
20
21
  padding: 0;
21
22
  height: var(--nutui-button-default-height, 32px);
22
- font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-s, 12px));
23
+ font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
23
24
  font-weight: var(--nutui-button-default-font-weight, var(--nutui-font-weight, 400));
24
25
  text-align: center;
25
26
  cursor: pointer;
@@ -28,7 +29,7 @@
28
29
  touch-action: manipulation;
29
30
  -webkit-appearance: none;
30
31
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
31
- color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
32
+ color: var(--nutui-button-default-color, var(--nutui-gray-7));
32
33
  background: var(--nutui-button-default-background-color, transparent);
33
34
  border-width: var(--nutui-button-border-width, 1px);
34
35
  }
@@ -49,9 +50,9 @@
49
50
  left: 50%;
50
51
  width: 100%;
51
52
  height: 100%;
52
- background-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
53
+ background-color: var(--nutui-black-10);
53
54
  border: inherit;
54
- border-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
55
+ border-color: var(--nutui-black-10);
55
56
  border-radius: inherit;
56
57
  transform: translate(-50%, -50%);
57
58
  opacity: 0;
@@ -75,9 +76,9 @@
75
76
  /* #endif */
76
77
  }
77
78
  .nut-button-wrap .nut-icon {
78
- font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-s, 12px));
79
- width: var(--nutui-button-default-font-size, var(--nutui-font-size-s, 12px));
80
- height: var(--nutui-button-default-font-size, var(--nutui-font-size-s, 12px));
79
+ font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
80
+ width: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
81
+ height: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
81
82
  }
82
83
  .nut-button-loading::before, .nut-button-disabled::before {
83
84
  display: none;
@@ -91,34 +92,37 @@
91
92
  padding: 0;
92
93
  }
93
94
  .nut-button-round {
94
- border-radius: var(--nutui-button-border-radius, 8px);
95
+ border-radius: var(--nutui-button-border-radius, var(--nutui-radius-s, 6px));
95
96
  }
96
- .nut-button-round-xlarge, .nut-button-round-large {
97
- border-radius: var(--nutui-button-large-border-radius, 12px);
97
+ .nut-button-round-xlarge {
98
+ border-radius: var(--nutui-button-xlarge-border-radius, var(--nutui-radius-base, 8px));
99
+ }
100
+ .nut-button-round-large {
101
+ border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-s, 6px));
98
102
  }
99
103
  .nut-button-round-small {
100
- border-radius: var(--nutui-button-small-border-radius, 8px);
104
+ border-radius: var(--nutui-button-small-border-radius, var(--nutui-radius-xs, 4px));
101
105
  }
102
106
  .nut-button-round-mini {
103
- border-radius: var(--nutui-button-mini-border-radius, 6px);
107
+ border-radius: var(--nutui-button-mini-border-radius, var(--nutui-radius-xs, 4px));
104
108
  }
105
109
  .nut-button-default {
106
110
  padding: var(--nutui-button-default-padding, 0px 12px);
107
111
  border-style: solid;
108
- border-color: var(--nutui-button-default-border-color, var(--nutui-color-text, #505259));
112
+ border-color: var(--nutui-button-default-border-color, var(--nutui-gray-6));
109
113
  }
110
114
  .nut-button-default-disabled, .nut-button-default-solid-disabled {
111
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
112
- background: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
113
- border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
115
+ color: var(--nutui-button-primary-color, #ffffff);
116
+ background: var(--nutui-button-default-disabled, var(--nutui-gray-4));
117
+ border-color: var(--nutui-button-default-disabled, var(--nutui-gray-4));
114
118
  }
115
119
  .nut-button-default-none-disabled {
116
- color: var(--nutui-button-default-disabled-color, var(--nutui-color-text-help, #888b94));
120
+ color: var(--nutui-button-default-disabled-color, var(--nutui-gray-5));
117
121
  }
118
122
  .nut-button-default-outline-disabled, .nut-button-default-dashed-disabled {
119
123
  background: transparent;
120
- color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
121
- border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
124
+ color: var(--nutui-button-default-disabled, var(--nutui-gray-4));
125
+ border-color: var(--nutui-button-default-disabled, var(--nutui-gray-4));
122
126
  }
123
127
  .nut-button-normal {
124
128
  padding: var(--nutui-button-normal-padding, 0px 12px);
@@ -148,9 +152,9 @@
148
152
  .nut-button-large {
149
153
  height: var(--nutui-button-large-height, 40px);
150
154
  padding: var(--nutui-button-large-padding, 0px 16px);
151
- font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-base, 14px));
155
+ font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
152
156
  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
153
- border-radius: var(--nutui-radius-base, 8px);
157
+ border-radius: var(--nutui-radius-s, 6px);
154
158
  }
155
159
  .nut-button-large .nut-button-text {
156
160
  margin-left: var(--nutui-button-xlarge-text-icon-margin, 6px);
@@ -159,19 +163,19 @@
159
163
  margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
160
164
  }
161
165
  .nut-button-large .nut-icon {
162
- font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-base, 14px));
163
- width: var(--nutui-button-large-font-size, var(--nutui-font-size-base, 14px));
164
- height: var(--nutui-button-large-font-size, var(--nutui-font-size-base, 14px));
166
+ font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
167
+ width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
168
+ height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
165
169
  }
166
170
  .nut-button-large-children {
167
- font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-base, 14px));
171
+ font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
168
172
  font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
169
173
  }
170
174
  .nut-button-small {
171
175
  height: var(--nutui-button-small-height, 28px);
172
176
  padding: var(--nutui-button-small-padding, 0px 8px);
173
177
  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
174
- border-radius: var(--nutui-radius-s, 6px);
178
+ border-radius: var(--nutui-radius-xs, 4px);
175
179
  }
176
180
  .nut-button-small .nut-icon {
177
181
  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
@@ -185,7 +189,7 @@
185
189
  height: var(--nutui-button-mini-height, 24px);
186
190
  padding: var(--nutui-button-mini-padding, 0px 8px);
187
191
  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
188
- border-radius: var(--nutui-radius-s, 6px);
192
+ border-radius: var(--nutui-radius-xs, 4px);
189
193
  }
190
194
  .nut-button-mini .nut-icon {
191
195
  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
@@ -196,80 +200,87 @@
196
200
  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
197
201
  }
198
202
  .nut-button-primary {
199
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
203
+ color: var(--nutui-button-primary-color, #ffffff);
200
204
  background-origin: border-box;
201
205
  border-color: transparent;
202
206
  }
203
207
  .nut-button-primary-children {
204
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
208
+ color: var(--nutui-button-primary-color, #ffffff);
205
209
  }
206
210
  .nut-button-primary-solid {
207
211
  background: linear-gradient(90deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%);
208
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
212
+ color: var(--nutui-button-primary-color, #ffffff);
209
213
  border-color: transparent;
214
+ font-weight: var(--nutui-font-weight-bold, 600);
215
+ }
216
+ .nut-button-primary-solid.nut-button-small, .nut-button-primary-solid.nut-button-mini {
217
+ font-weight: var(--nutui-font-weight, 400);
210
218
  }
211
219
  .nut-button-primary-disabled, .nut-button-primary-solid-disabled {
212
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
213
- background: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
214
- border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
220
+ color: var(--nutui-button-primary-color, #ffffff);
221
+ background: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
222
+ border-color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
215
223
  }
216
224
  .nut-button-primary-none {
217
- color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
225
+ color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
218
226
  }
219
227
  .nut-button-primary-none-disabled {
220
- color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
228
+ color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
221
229
  }
222
230
  .nut-button-primary-outline {
223
- color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
224
- border-color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
231
+ color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
232
+ border-color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
225
233
  }
226
234
  .nut-button-primary-outline-disabled {
227
- color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
228
- border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
235
+ color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
236
+ border-color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
229
237
  }
230
238
  .nut-button-primary-dashed {
231
- color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
232
- border-color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
239
+ color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
240
+ border-color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
233
241
  }
234
242
  .nut-button-primary-dashed-disabled {
235
- color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
236
- border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
243
+ color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
244
+ border-color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
245
+ }
246
+ .nut-button-primary.nut-button-solid.nut-button-normal {
247
+ font-weight: var(--nutui-font-weight-bold, 600);
237
248
  }
238
249
  .nut-button-success {
239
- color: var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));
240
- background: var(--nutui-button-success-background-color, var(--nutui-color-success, #00d900));
250
+ color: var(--nutui-button-success-color, #ffffff);
251
+ background: var(--nutui-button-success-background-color, var(--nutui-green-2));
241
252
  background-origin: border-box;
242
253
  border-color: transparent;
243
254
  }
244
255
  .nut-button-success-children {
245
- color: var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));
256
+ color: var(--nutui-button-success-color, #ffffff);
246
257
  }
247
258
  .nut-button-success-solid-disabled {
248
259
  background: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
249
260
  border-color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
250
261
  }
251
262
  .nut-button-success-outline, .nut-button-success-dashed {
252
- color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
253
- border-color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
263
+ color: var(--nutui-button-success-border-color, var(--nutui-green-2));
264
+ border-color: var(--nutui-button-success-border-color, var(--nutui-green-2));
254
265
  }
255
266
  .nut-button-success-outline-disabled, .nut-button-success-dashed-disabled {
256
- color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
257
- border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
267
+ color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
268
+ border-color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
258
269
  }
259
270
  .nut-button-success-none {
260
- color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
271
+ color: var(--nutui-button-success-border-color, var(--nutui-green-2));
261
272
  }
262
273
  .nut-button-success-none-disabled {
263
274
  color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
264
275
  }
265
276
  .nut-button-info {
266
- color: var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));
277
+ color: var(--nutui-button-info-color, #ffffff);
267
278
  background: var(--nutui-button-info-background-color, var(--nutui-color-info-background, #0073ff));
268
279
  background-origin: border-box;
269
280
  border-color: transparent;
270
281
  }
271
282
  .nut-button-info-children {
272
- color: var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));
283
+ color: var(--nutui-button-info-color, #ffffff);
273
284
  }
274
285
  .nut-button-info-solid-disabled {
275
286
  background: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
@@ -290,56 +301,56 @@
290
301
  color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
291
302
  }
292
303
  .nut-button-danger {
293
- color: var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));
294
- background: var(--nutui-button-danger-background-color, var(--nutui-color-danger, #ff0f23));
304
+ color: var(--nutui-button-danger-color, #ffffff);
305
+ background: var(--nutui-button-danger-background-color, var(--nutui-red-2));
295
306
  background-origin: border-box;
296
307
  border-color: transparent;
297
308
  }
298
309
  .nut-button-danger-children {
299
- color: var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));
310
+ color: var(--nutui-button-danger-color, #ffffff);
300
311
  }
301
312
  .nut-button-danger-solid-disabled {
302
- background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
303
- border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
313
+ background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
314
+ border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
304
315
  }
305
316
  .nut-button-danger-outline, .nut-button-danger-dashed {
306
- color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
307
- border-color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
317
+ color: var(--nutui-button-danger-border-color, var(--nutui-red-2));
318
+ border-color: var(--nutui-button-danger-border-color, var(--nutui-red-2));
308
319
  }
309
320
  .nut-button-danger-outline-disabled, .nut-button-danger-dashed-disabled {
310
- color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
311
- border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
321
+ color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
322
+ border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
312
323
  }
313
324
  .nut-button-danger-none {
314
- color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
325
+ color: var(--nutui-button-danger-border-color, var(--nutui-red-2));
315
326
  }
316
327
  .nut-button-danger-none-disabled {
317
- color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
328
+ color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
318
329
  }
319
330
  .nut-button-warning {
320
- color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
321
- background: var(--nutui-button-warning-background-color, var(--nutui-color-warning, #ffbf00));
331
+ color: var(--nutui-button-warning-color, #ffffff);
332
+ background: var(--nutui-button-warning-background-color, var(--nutui-yellow-2));
322
333
  background-origin: border-box;
323
334
  border-color: transparent;
324
335
  }
325
336
  .nut-button-warning-children {
326
- color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
337
+ color: var(--nutui-button-warning-color, #ffffff);
327
338
  }
328
339
  .nut-button-warning-disabled, .nut-button-warning-solid-disabled {
329
- color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
340
+ color: var(--nutui-button-warning-color, #ffffff);
330
341
  background: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
331
342
  border-color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
332
343
  }
333
344
  .nut-button-warning-outline, .nut-button-warning-dashed {
334
- color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
335
- border-color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
345
+ color: var(--nutui-button-warning-border-color, var(--nutui-yellow-2));
346
+ border-color: var(--nutui-button-warning-border-color, var(--nutui-yellow-2));
336
347
  }
337
348
  .nut-button-warning-outline-disabled, .nut-button-warning-dashed-disabled {
338
349
  color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
339
350
  border-color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
340
351
  }
341
352
  .nut-button-warning-none {
342
- color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
353
+ color: var(--nutui-button-warning-border-color, var(--nutui-yellow-2));
343
354
  }
344
355
  .nut-button-warning-none-disabled {
345
356
  color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
@@ -397,16 +408,10 @@
397
408
  right: 0;
398
409
  width: 100%;
399
410
  height: 100%;
400
- background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
411
+ background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
401
412
  z-index: var(--nutui-overlay-zIndex, 1000);
402
413
  }
403
414
 
404
- [dir=rtl] .nut-overlay,
405
- .nut-rtl .nut-overlay {
406
- left: auto;
407
- right: 0;
408
- }
409
-
410
415
  .nut-overflow-hidden {
411
416
  overflow: hidden !important;
412
417
  }
@@ -444,6 +449,12 @@
444
449
  animation-duration: var(--nutui-overlay-animation-duration, 0.3s);
445
450
  }
446
451
 
452
+ [dir=rtl] .nut-overlay,
453
+ .nut-rtl .nut-overlay {
454
+ left: auto;
455
+ right: 0;
456
+ }
457
+
447
458
  .nut-dialog {
448
459
  display: flex;
449
460
  flex-direction: column;
@@ -510,7 +521,7 @@
510
521
  text-align: center;
511
522
  font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-size-l, 16px));
512
523
  font-weight: var(--nutui-dialog-header-font-weight, normal);
513
- color: var(--nutui-color-title, #1a1a1a);
524
+ color: var(--nutui-gray-7);
514
525
  width: 100%;
515
526
  overflow: hidden;
516
527
  text-overflow: ellipsis;
@@ -522,7 +533,7 @@
522
533
  max-height: var(--nutui-dialog-content-max-height, 268px);
523
534
  line-height: var(--nutui-dialog-content-line-height, 20px);
524
535
  font-size: var(--nutui-font-size-base, 14px);
525
- color: var(--nutui-color-text, #505259);
536
+ color: var(--nutui-gray-6);
526
537
  word-wrap: break-word;
527
538
  word-break: break-all;
528
539
  white-space: pre-wrap;
@@ -547,7 +558,7 @@
547
558
  }
548
559
  .nut-dialog-footer.vertical .nut-button.nut-dialog-footer-cancel {
549
560
  border: 0;
550
- color: var(--nutui-color-text, #505259);
561
+ color: var(--nutui-gray-6);
551
562
  order: 2;
552
563
  display: flex;
553
564
  align-items: flex-end;
package/dist/es/packages/divider/style/style.css CHANGED
@@ -7,15 +7,15 @@
7
7
  align-items: center;
8
8
  flex-direction: row;
9
9
  font-size: var(--nutui-divider-text-font-size, var(--nutui-font-size-base, 14px));
10
- color: var(--nutui-divider-text-color, var(--nutui-color-text, #505259));
10
+ color: var(--nutui-divider-text-color, var(--nutui-gray-6));
11
11
  margin: var(--nutui-divider-margin, 16px 0);
12
12
  width: 100%;
13
- border: 0 solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
13
+ border: 0 solid var(--nutui-divider-border-color, var(--nutui-black-3));
14
14
  }
15
15
  .nut-divider-before, .nut-divider-after {
16
16
  display: flex;
17
17
  border-style: solid;
18
- border-color: var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
18
+ border-color: var(--nutui-divider-border-color, var(--nutui-black-3));
19
19
  border-width: var(--nutui-divider-line-height, 1px) 0 0;
20
20
  height: var(--nutui-divider-line-height, 1px);
21
21
  flex: 1;
@@ -38,7 +38,7 @@
38
38
  display: inline-flex;
39
39
  width: 0px;
40
40
  height: var(--nutui-divider-vertical-height, 12px);
41
- border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
41
+ border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-black-3));
42
42
  margin: var(--nutui-divider-vertical-margin, 0 8px);
43
43
  vertical-align: middle;
44
44
  }
package/dist/es/packages/elevator/style/style.css CHANGED
@@ -14,7 +14,7 @@
14
14
  top: 0;
15
15
  overflow: hidden;
16
16
  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-size-s, 12px));
17
- color: var(--nutui-elevator-list-color, var(--nutui-color-title, #1a1a1a));
17
+ color: var(--nutui-elevator-list-color, var(--nutui-gray-7));
18
18
  }
19
19
  .nut-elevator-list-inner {
20
20
  height: 100%;
@@ -32,11 +32,11 @@
32
32
  height: var(--nutui-elevator-list-item-code-height, 35px);
33
33
  line-height: var(--nutui-elevator-list-item-code-line-height, 35px);
34
34
  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
35
- color: var(--nutui-elevator-list-item-code-color, var(--nutui-color-title, #1a1a1a));
35
+ color: var(--nutui-elevator-list-item-code-color, var(--nutui-gray-7));
36
36
  padding: var(--nutui-elevator-list-item-padding, 0 20px);
37
37
  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
38
38
  box-sizing: border-box;
39
- border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
39
+ border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-black-3));
40
40
  background-color: var(--nutui-elevator-list-item-code-background-color, inherit);
41
41
  }
42
42
  .nut-elevator-list-item-name {
@@ -47,7 +47,7 @@
47
47
  line-height: var(--nutui-elevator-list-item-name-line-height, 30px);
48
48
  }
49
49
  .nut-elevator-list-item-name-highcolor {
50
- color: var(--nutui-color-primary, #ff0f23);
50
+ color: var(--nutui-brand-6);
51
51
  }
52
52
  .nut-elevator-list-fixed {
53
53
  display: flex;
@@ -65,7 +65,7 @@
65
65
  }
66
66
  .nut-elevator-list-fixed-title {
67
67
  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
68
- color: var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #ff0f23));
68
+ color: var(--nutui-elevator-list-fixed-color, var(--nutui-brand-6));
69
69
  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
70
70
  }
71
71
  .nut-elevator-code-current {
@@ -85,11 +85,11 @@
85
85
  position: absolute;
86
86
  right: var(--nutui-elevator-bars-right, 10px);
87
87
  top: var(--nutui-elevator-bars-top, 50%);
88
- color: var(--nutui-color-text-help, #888b94);
88
+ color: var(--nutui-gray-5);
89
89
  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-size-s, 12px));
90
90
  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
91
91
  padding: var(--nutui-elevator-bars-padding, 15px 0);
92
- background-color: var(--nutui-elevator-bars-background-color, var(--nutui-color-background, #f5f6fa));
92
+ background-color: var(--nutui-elevator-bars-background-color, var(--nutui-gray-3));
93
93
  border-radius: var(--nutui-elevator-bars-border-radius, 6px);
94
94
  text-align: center;
95
95
  z-index: var(--nutui-elevator-bars-z-index, 1);
@@ -101,7 +101,7 @@
101
101
  }
102
102
  .nut-elevator-bars-inner-item-active {
103
103
  font-weight: var(--nutui-font-weight-bold, 600);
104
- color: var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #ff0f23));
104
+ color: var(--nutui-elevator-bars-active-color, var(--nutui-brand-6));
105
105
  }
106
106
 
107
107
  [dir=rtl] .nut-elevator-list-fixed,
package/dist/es/packages/empty/style/style.css CHANGED
@@ -10,7 +10,7 @@
10
10
  flex-direction: column;
11
11
  justify-content: center;
12
12
  padding: var(--nutui-empty-padding, 32px 40px);
13
- background-color: var(--nutui-empty-background-color, #fff);
13
+ background-color: var(--nutui-empty-background-color, var(--nutui-gray-1));
14
14
  }
15
15
  .nut-empty-base {
16
16
  width: var(--nutui-empty-image-size, 160px);
@@ -34,12 +34,12 @@
34
34
  margin-top: var(--nutui-empty-title-margin-top, 0px);
35
35
  font-weight: var(--nutui-font-weight-bold, 600);
36
36
  margin-bottom: var(--nutui-empty-title-margin-bottom, 12px);
37
- color: var(--nutui-color-title, #1a1a1a);
37
+ color: var(--nutui-gray-7);
38
38
  font-size: var(--nutui-font-size-l, 16px);
39
39
  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 16px));
40
40
  }
41
41
  .nut-empty-description {
42
- color: var(--nutui-color-text, #505259);
42
+ color: var(--nutui-gray-6);
43
43
  font-size: var(--nutui-font-size-s, 12px);
44
44
  line-height: var(--nutui-empty-description-line-height, 1);
45
45
  }
package/dist/es/packages/fixednav/style/style.css CHANGED
@@ -15,16 +15,10 @@
15
15
  right: 0;
16
16
  width: 100%;
17
17
  height: 100%;
18
- background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
18
+ background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
19
19
  z-index: var(--nutui-overlay-zIndex, 1000);
20
20
  }
21
21
 
22
- [dir=rtl] .nut-overlay,
23
- .nut-rtl .nut-overlay {
24
- left: auto;
25
- right: 0;
26
- }
27
-
28
22
  .nut-overflow-hidden {
29
23
  overflow: hidden !important;
30
24
  }
@@ -62,6 +56,12 @@
62
56
  animation-duration: var(--nutui-overlay-animation-duration, 0.3s);
63
57
  }
64
58
 
59
+ [dir=rtl] .nut-overlay,
60
+ .nut-rtl .nut-overlay {
61
+ left: auto;
62
+ right: 0;
63
+ }
64
+
65
65
  .nut-fixednav {
66
66
  position: fixed;
67
67
  z-index: var(--nutui-fixednav-index, 900);
@@ -85,7 +85,7 @@
85
85
  z-index: var(--nutui-fixednav-index, 900);
86
86
  width: 70px;
87
87
  height: 100%;
88
- background: var(--nutui-fixednav-button-background, var(--nutui-color-primary, #ff0f23));
88
+ background: var(--nutui-fixednav-button-background, var(--nutui-brand-6));
89
89
  border-radius: 45px 0px 0px 45px;
90
90
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
91
91
  display: flex;
@@ -150,7 +150,7 @@
150
150
  font-size: 10px;
151
151
  padding: 0 3px;
152
152
  color: white;
153
- background: var(--nutui-color-primary, #ff0f23);
153
+ background: var(--nutui-brand-6);
154
154
  border-radius: 7px;
155
155
  text-align: center;
156
156
  min-width: 12px;