@nutui/nutui-react 3.0.0-beta.11 → 3.0.0-beta.12

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 (307) hide show
  1. package/dist/cjs/packages/actionsheet/style/style.css +13 -18
  2. package/dist/cjs/packages/address/style/style.css +45 -57
  3. package/dist/cjs/packages/animatingnumbers/style/style.css +3 -3
  4. package/dist/cjs/packages/audio/style/style.css +55 -55
  5. package/dist/cjs/packages/avatar/style/style.css +2 -2
  6. package/dist/cjs/packages/backtop/style/backtop.scss +0 -4
  7. package/dist/cjs/packages/backtop/style/style.css +8 -14
  8. package/dist/cjs/packages/badge/style/style.css +4 -4
  9. package/dist/cjs/packages/barrage/style/style.css +2 -2
  10. package/dist/cjs/packages/button/button.js +14 -11
  11. package/dist/cjs/packages/button/style/button.scss +3 -3
  12. package/dist/cjs/packages/button/style/style.css +43 -43
  13. package/dist/cjs/packages/calendar/style/style.css +16 -21
  14. package/dist/cjs/packages/calendarcard/style/style.css +8 -8
  15. package/dist/cjs/packages/card/style/style.css +8 -8
  16. package/dist/cjs/packages/cascader/cascader.d.ts +2 -2
  17. package/dist/cjs/packages/cascader/cascader.js +2 -2
  18. package/dist/cjs/packages/cascader/style/style.css +35 -47
  19. package/dist/cjs/packages/cell/style/style.css +8 -8
  20. package/dist/cjs/packages/cellgroup/style/style.css +3 -3
  21. package/dist/cjs/packages/checkbox/style/style.css +29 -29
  22. package/dist/cjs/packages/checkboxgroup/style/style.css +7 -7
  23. package/dist/cjs/packages/circleprogress/style/style.css +3 -3
  24. package/dist/cjs/packages/col/style/col.scss +0 -1
  25. package/dist/cjs/packages/collapse/style/style.css +11 -11
  26. package/dist/cjs/packages/collapseitem/style/style.css +11 -11
  27. package/dist/cjs/packages/configprovider/configprovider.js +2 -2
  28. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  29. package/dist/cjs/packages/countdown/style/style.css +7 -7
  30. package/dist/cjs/packages/countup/style/style.css +3 -3
  31. package/dist/cjs/packages/datepicker/style/style.css +14 -19
  32. package/dist/cjs/packages/dialog/confirm.d.ts +4 -3
  33. package/dist/cjs/packages/dialog/confirm.js +7 -21
  34. package/dist/cjs/packages/dialog/content.d.ts +4 -11
  35. package/dist/cjs/packages/dialog/content.js +30 -14
  36. package/dist/cjs/packages/dialog/dialog.d.ts +1 -2
  37. package/dist/cjs/packages/dialog/dialog.js +5 -5
  38. package/dist/cjs/packages/dialog/dialogwrap.d.ts +3 -14
  39. package/dist/cjs/packages/dialog/dialogwrap.js +33 -15
  40. package/dist/cjs/packages/dialog/index.d.ts +1 -2
  41. package/dist/cjs/packages/dialog/style/dialog.scss +0 -4
  42. package/dist/cjs/packages/dialog/style/style.css +49 -57
  43. package/dist/cjs/packages/dialog/types.d.ts +57 -0
  44. package/dist/cjs/packages/divider/style/style.css +4 -4
  45. package/dist/cjs/packages/elevator/style/style.css +8 -8
  46. package/dist/cjs/packages/empty/style/style.css +3 -3
  47. package/dist/cjs/packages/fixednav/fixednav.d.ts +2 -15
  48. package/dist/cjs/packages/fixednav/fixednav.js +20 -23
  49. package/dist/cjs/packages/fixednav/index.d.ts +1 -2
  50. package/dist/cjs/packages/fixednav/style/style.css +3 -8
  51. package/dist/cjs/packages/fixednav/types.d.ts +12 -0
  52. package/dist/cjs/packages/form/style/style.css +15 -15
  53. package/dist/cjs/packages/formitem/style/style.css +4 -4
  54. package/dist/cjs/packages/grid/style/style.css +6 -6
  55. package/dist/cjs/packages/griditem/style/style.css +5 -5
  56. package/dist/cjs/packages/hoverbutton/style/hoverbutton.scss +0 -4
  57. package/dist/cjs/packages/hoverbutton/style/style.css +4 -7
  58. package/dist/cjs/packages/hoverbuttonitem/style/style.css +4 -4
  59. package/dist/cjs/packages/image/style/style.css +2 -2
  60. package/dist/cjs/packages/imagepreview/style/style.css +11 -27
  61. package/dist/cjs/packages/indicator/style/style.css +4 -4
  62. package/dist/cjs/packages/infiniteloading/style/style.css +4 -4
  63. package/dist/cjs/packages/input/style/input.scss +0 -6
  64. package/dist/cjs/packages/input/style/style.css +8 -14
  65. package/dist/cjs/packages/inputnumber/style/style.css +7 -7
  66. package/dist/cjs/packages/loading/style/style.css +2 -2
  67. package/dist/cjs/packages/menu/style/style.css +8 -13
  68. package/dist/cjs/packages/menuitem/style/style.css +4 -9
  69. package/dist/cjs/packages/navbar/style/navbar.scss +1 -1
  70. package/dist/cjs/packages/navbar/style/style.css +3 -3
  71. package/dist/cjs/packages/notify/style/style.css +4 -4
  72. package/dist/cjs/packages/numberkeyboard/numberkeyboard.d.ts +1 -1
  73. package/dist/cjs/packages/numberkeyboard/numberkeyboard.js +2 -2
  74. package/dist/cjs/packages/numberkeyboard/style/style.css +13 -18
  75. package/dist/cjs/packages/overlay/index.d.ts +1 -1
  76. package/dist/cjs/packages/overlay/overlay.d.ts +2 -12
  77. package/dist/cjs/packages/overlay/overlay.js +10 -16
  78. package/dist/cjs/packages/overlay/style/overlay.scss +0 -5
  79. package/dist/cjs/packages/overlay/style/style.css +1 -6
  80. package/dist/cjs/packages/overlay/types.d.ts +11 -0
  81. package/dist/cjs/packages/overlay/types.js +4 -0
  82. package/dist/cjs/packages/pagination/style/style.css +7 -7
  83. package/dist/cjs/packages/picker/picker.d.ts +1 -1
  84. package/dist/cjs/packages/picker/picker.js +2 -2
  85. package/dist/cjs/packages/picker/style/style.css +14 -19
  86. package/dist/cjs/packages/popover/popover.d.ts +1 -1
  87. package/dist/cjs/packages/popover/popover.js +3 -3
  88. package/dist/cjs/packages/popover/style/style.css +12 -17
  89. package/dist/cjs/packages/popup/index.d.ts +1 -1
  90. package/dist/cjs/packages/popup/popup.d.ts +2 -24
  91. package/dist/cjs/packages/popup/popup.js +24 -41
  92. package/dist/cjs/packages/popup/style/style.css +5 -10
  93. package/dist/cjs/packages/popup/types.d.ts +25 -0
  94. package/dist/cjs/packages/popup/types.js +6 -0
  95. package/dist/cjs/packages/price/style/style.css +1 -1
  96. package/dist/cjs/packages/progress/style/style.css +1 -1
  97. package/dist/cjs/packages/pulltorefresh/style/style.css +4 -4
  98. package/dist/cjs/packages/radio/style/style.css +19 -19
  99. package/dist/cjs/packages/radiogroup/style/style.css +6 -6
  100. package/dist/cjs/packages/range/style/style.css +9 -9
  101. package/dist/cjs/packages/resultpage/style/style.css +2 -2
  102. package/dist/cjs/packages/searchbar/style/style.css +5 -5
  103. package/dist/cjs/packages/segmented/style/style.css +2 -2
  104. package/dist/cjs/packages/shortpassword/shortpassword.js +2 -2
  105. package/dist/cjs/packages/shortpassword/style/style.css +15 -20
  106. package/dist/cjs/packages/sidebar/style/style.css +5 -5
  107. package/dist/cjs/packages/sidebaritem/style/style.css +1 -1
  108. package/dist/cjs/packages/sidenavbar/style/style.css +9 -14
  109. package/dist/cjs/packages/sidenavbaritem/style/style.css +2 -2
  110. package/dist/cjs/packages/signature/style/style.css +2 -2
  111. package/dist/cjs/packages/skeleton/style/skeleton.scss +0 -18
  112. package/dist/cjs/packages/skeleton/style/style.css +5 -11
  113. package/dist/cjs/packages/step/style/style.css +19 -19
  114. package/dist/cjs/packages/steps/style/style.css +19 -19
  115. package/dist/cjs/packages/subsidenavbar/style/style.css +2 -2
  116. package/dist/cjs/packages/swiper/style/style.css +4 -15
  117. package/dist/cjs/packages/swiper/style/swiper.scss +0 -11
  118. package/dist/cjs/packages/switch/style/style.css +6 -6
  119. package/dist/cjs/packages/tabbar/style/style.css +10 -10
  120. package/dist/cjs/packages/tabbaritem/style/style.css +9 -9
  121. package/dist/cjs/packages/table/style/style.css +11 -11
  122. package/dist/cjs/packages/tabpane/style/style.css +1 -1
  123. package/dist/cjs/packages/tabpane/tabpane.js +2 -2
  124. package/dist/cjs/packages/tabs/style/style.css +25 -32
  125. package/dist/cjs/packages/tabs/style/tabs.scss +4 -9
  126. package/dist/cjs/packages/tabs/tabs.js +35 -52
  127. package/dist/cjs/packages/tag/style/style.css +5 -5
  128. package/dist/cjs/packages/tag/style/tag.scss +0 -2
  129. package/dist/cjs/packages/textarea/style/style.css +13 -13
  130. package/dist/cjs/packages/timedetail/style/style.css +4 -4
  131. package/dist/cjs/packages/timeselect/style/style.css +14 -19
  132. package/dist/cjs/packages/toast/Notification.d.ts +6 -20
  133. package/dist/cjs/packages/toast/Notification.js +8 -7
  134. package/dist/cjs/packages/toast/index.d.ts +1 -1
  135. package/dist/cjs/packages/toast/style/style.css +2 -20
  136. package/dist/cjs/packages/toast/style/toast.scss +0 -13
  137. package/dist/cjs/packages/toast/toast.d.ts +4 -22
  138. package/dist/cjs/packages/toast/toast.js +10 -9
  139. package/dist/cjs/packages/toast/types.d.ts +17 -0
  140. package/dist/cjs/packages/toast/types.js +4 -0
  141. package/dist/cjs/packages/tour/style/style.css +16 -21
  142. package/dist/cjs/packages/trendarrow/style/style.css +1 -1
  143. package/dist/cjs/packages/uploader/style/style.css +12 -12
  144. package/dist/cjs/packages/virtuallist/style/style.css +4 -4
  145. package/dist/cjs/utils/get-rect-by-taro.js +0 -14
  146. package/dist/cjs/utils/platform-taro.d.ts +0 -2
  147. package/dist/cjs/utils/platform-taro.js +0 -21
  148. package/dist/cjs/utils/px-transform.js +0 -1
  149. package/dist/cjs/utils/use-custom-event.js +2 -2
  150. package/dist/es/packages/actionsheet/style/style.css +13 -18
  151. package/dist/es/packages/address/style/style.css +45 -57
  152. package/dist/es/packages/animatingnumbers/style/style.css +3 -3
  153. package/dist/es/packages/audio/style/style.css +55 -55
  154. package/dist/es/packages/avatar/style/style.css +2 -2
  155. package/dist/es/packages/backtop/style/backtop.scss +0 -4
  156. package/dist/es/packages/backtop/style/style.css +8 -14
  157. package/dist/es/packages/badge/style/style.css +4 -4
  158. package/dist/es/packages/barrage/style/style.css +2 -2
  159. package/dist/es/packages/button/button.js +15 -12
  160. package/dist/es/packages/button/style/button.scss +3 -3
  161. package/dist/es/packages/button/style/style.css +43 -43
  162. package/dist/es/packages/calendar/style/style.css +16 -21
  163. package/dist/es/packages/calendarcard/style/style.css +8 -8
  164. package/dist/es/packages/card/style/style.css +8 -8
  165. package/dist/es/packages/cascader/cascader.d.ts +2 -2
  166. package/dist/es/packages/cascader/cascader.js +1 -1
  167. package/dist/es/packages/cascader/style/style.css +35 -47
  168. package/dist/es/packages/cell/style/style.css +8 -8
  169. package/dist/es/packages/cellgroup/style/style.css +3 -3
  170. package/dist/es/packages/checkbox/style/style.css +29 -29
  171. package/dist/es/packages/checkboxgroup/style/style.css +7 -7
  172. package/dist/es/packages/circleprogress/style/style.css +3 -3
  173. package/dist/es/packages/col/style/col.scss +0 -1
  174. package/dist/es/packages/collapse/style/style.css +11 -11
  175. package/dist/es/packages/collapseitem/style/style.css +11 -11
  176. package/dist/es/packages/configprovider/configprovider.js +2 -2
  177. package/dist/es/packages/configprovider/types.d.ts +1 -1
  178. package/dist/es/packages/countdown/style/style.css +7 -7
  179. package/dist/es/packages/countup/style/style.css +3 -3
  180. package/dist/es/packages/datepicker/style/style.css +14 -19
  181. package/dist/es/packages/dialog/confirm.d.ts +4 -3
  182. package/dist/es/packages/dialog/confirm.js +3 -17
  183. package/dist/es/packages/dialog/content.d.ts +4 -11
  184. package/dist/es/packages/dialog/content.js +19 -11
  185. package/dist/es/packages/dialog/dialog.d.ts +1 -2
  186. package/dist/es/packages/dialog/dialog.js +6 -6
  187. package/dist/es/packages/dialog/dialogwrap.d.ts +3 -14
  188. package/dist/es/packages/dialog/dialogwrap.js +23 -13
  189. package/dist/es/packages/dialog/index.d.ts +1 -2
  190. package/dist/es/packages/dialog/style/dialog.scss +0 -4
  191. package/dist/es/packages/dialog/style/style.css +49 -57
  192. package/dist/es/packages/dialog/types.d.ts +57 -0
  193. package/dist/es/packages/divider/style/style.css +4 -4
  194. package/dist/es/packages/elevator/style/style.css +8 -8
  195. package/dist/es/packages/empty/style/style.css +3 -3
  196. package/dist/es/packages/fixednav/fixednav.d.ts +2 -55
  197. package/dist/es/packages/fixednav/fixednav.js +19 -22
  198. package/dist/es/packages/fixednav/index.d.ts +1 -2
  199. package/dist/es/packages/fixednav/style/style.css +3 -8
  200. package/dist/es/packages/fixednav/types.d.ts +12 -0
  201. package/dist/es/packages/form/style/style.css +15 -15
  202. package/dist/es/packages/formitem/style/style.css +4 -4
  203. package/dist/es/packages/grid/style/style.css +6 -6
  204. package/dist/es/packages/griditem/style/style.css +5 -5
  205. package/dist/es/packages/hoverbutton/style/hoverbutton.scss +0 -4
  206. package/dist/es/packages/hoverbutton/style/style.css +4 -7
  207. package/dist/es/packages/hoverbuttonitem/style/style.css +4 -4
  208. package/dist/es/packages/image/style/style.css +2 -2
  209. package/dist/es/packages/imagepreview/style/style.css +11 -27
  210. package/dist/es/packages/indicator/style/style.css +4 -4
  211. package/dist/es/packages/infiniteloading/style/style.css +4 -4
  212. package/dist/es/packages/input/style/input.scss +0 -6
  213. package/dist/es/packages/input/style/style.css +8 -14
  214. package/dist/es/packages/inputnumber/style/style.css +7 -7
  215. package/dist/es/packages/loading/style/style.css +2 -2
  216. package/dist/es/packages/menu/style/style.css +8 -13
  217. package/dist/es/packages/menuitem/style/style.css +4 -9
  218. package/dist/es/packages/navbar/style/navbar.scss +1 -1
  219. package/dist/es/packages/navbar/style/style.css +3 -3
  220. package/dist/es/packages/notify/style/style.css +4 -4
  221. package/dist/es/packages/numberkeyboard/numberkeyboard.d.ts +1 -1
  222. package/dist/es/packages/numberkeyboard/numberkeyboard.js +1 -1
  223. package/dist/es/packages/numberkeyboard/style/style.css +13 -18
  224. package/dist/es/packages/overlay/index.d.ts +1 -1
  225. package/dist/es/packages/overlay/overlay.d.ts +2 -12
  226. package/dist/es/packages/overlay/overlay.js +10 -16
  227. package/dist/es/packages/overlay/style/overlay.scss +0 -5
  228. package/dist/es/packages/overlay/style/style.css +1 -6
  229. package/dist/es/packages/overlay/types.d.ts +11 -0
  230. package/dist/es/packages/overlay/types.js +1 -0
  231. package/dist/es/packages/pagination/style/style.css +7 -7
  232. package/dist/es/packages/picker/picker.d.ts +1 -1
  233. package/dist/es/packages/picker/picker.js +1 -1
  234. package/dist/es/packages/picker/style/style.css +14 -19
  235. package/dist/es/packages/popover/popover.d.ts +1 -1
  236. package/dist/es/packages/popover/popover.js +2 -2
  237. package/dist/es/packages/popover/style/style.css +12 -17
  238. package/dist/es/packages/popup/index.d.ts +1 -1
  239. package/dist/es/packages/popup/popup.d.ts +2 -24
  240. package/dist/es/packages/popup/popup.js +24 -41
  241. package/dist/es/packages/popup/style/style.css +5 -10
  242. package/dist/es/packages/popup/types.d.ts +25 -0
  243. package/dist/es/packages/popup/types.js +1 -0
  244. package/dist/es/packages/price/style/style.css +1 -1
  245. package/dist/es/packages/progress/style/style.css +1 -1
  246. package/dist/es/packages/pulltorefresh/style/style.css +4 -4
  247. package/dist/es/packages/radio/style/style.css +19 -19
  248. package/dist/es/packages/radiogroup/style/style.css +6 -6
  249. package/dist/es/packages/range/style/style.css +9 -9
  250. package/dist/es/packages/resultpage/style/style.css +2 -2
  251. package/dist/es/packages/searchbar/style/style.css +5 -5
  252. package/dist/es/packages/segmented/style/style.css +2 -2
  253. package/dist/es/packages/shortpassword/shortpassword.js +1 -1
  254. package/dist/es/packages/shortpassword/style/style.css +15 -20
  255. package/dist/es/packages/sidebar/style/style.css +5 -5
  256. package/dist/es/packages/sidebaritem/style/style.css +1 -1
  257. package/dist/es/packages/sidenavbar/style/style.css +9 -14
  258. package/dist/es/packages/sidenavbaritem/style/style.css +2 -2
  259. package/dist/es/packages/signature/style/style.css +2 -2
  260. package/dist/es/packages/skeleton/style/skeleton.scss +0 -18
  261. package/dist/es/packages/skeleton/style/style.css +5 -11
  262. package/dist/es/packages/step/style/style.css +19 -19
  263. package/dist/es/packages/steps/style/style.css +19 -19
  264. package/dist/es/packages/subsidenavbar/style/style.css +2 -2
  265. package/dist/es/packages/swiper/style/style.css +4 -15
  266. package/dist/es/packages/swiper/style/swiper.scss +0 -11
  267. package/dist/es/packages/switch/style/style.css +6 -6
  268. package/dist/es/packages/tabbar/style/style.css +10 -10
  269. package/dist/es/packages/tabbaritem/style/style.css +9 -9
  270. package/dist/es/packages/table/style/style.css +11 -11
  271. package/dist/es/packages/tabpane/style/style.css +1 -1
  272. package/dist/es/packages/tabpane/tabpane.js +2 -2
  273. package/dist/es/packages/tabs/style/style.css +25 -32
  274. package/dist/es/packages/tabs/style/tabs.scss +4 -9
  275. package/dist/es/packages/tabs/tabs.js +35 -52
  276. package/dist/es/packages/tag/style/style.css +5 -5
  277. package/dist/es/packages/tag/style/tag.scss +0 -2
  278. package/dist/es/packages/textarea/style/style.css +13 -13
  279. package/dist/es/packages/timedetail/style/style.css +4 -4
  280. package/dist/es/packages/timeselect/style/style.css +14 -19
  281. package/dist/es/packages/toast/Notification.d.ts +6 -20
  282. package/dist/es/packages/toast/Notification.js +8 -7
  283. package/dist/es/packages/toast/index.d.ts +1 -1
  284. package/dist/es/packages/toast/style/style.css +2 -20
  285. package/dist/es/packages/toast/style/toast.scss +0 -13
  286. package/dist/es/packages/toast/toast.d.ts +4 -22
  287. package/dist/es/packages/toast/toast.js +10 -8
  288. package/dist/es/packages/toast/types.d.ts +17 -0
  289. package/dist/es/packages/toast/types.js +1 -0
  290. package/dist/es/packages/tour/style/style.css +16 -21
  291. package/dist/es/packages/trendarrow/style/style.css +1 -1
  292. package/dist/es/packages/uploader/style/style.css +12 -12
  293. package/dist/es/packages/virtuallist/style/style.css +4 -4
  294. package/dist/es/utils/get-rect-by-taro.js +0 -14
  295. package/dist/es/utils/platform-taro.d.ts +0 -2
  296. package/dist/es/utils/platform-taro.js +0 -15
  297. package/dist/es/utils/px-transform.js +1 -2
  298. package/dist/es/utils/use-custom-event.js +1 -1
  299. package/dist/nutui.react.umd.js +426 -1017
  300. package/dist/style.css +1 -1
  301. package/dist/style.scss +34 -34
  302. package/dist/styles/variables.scss +68 -32
  303. package/package.json +2 -2
  304. package/dist/cjs/packages/dialog/config.d.ts +0 -50
  305. package/dist/es/packages/dialog/config.d.ts +0 -50
  306. /package/dist/cjs/packages/dialog/{config.js → types.js} +0 -0
  307. /package/dist/es/packages/dialog/{config.js → types.js} +0 -0
package/dist/cjs/packages/actionsheet/style/style.css CHANGED
@@ -4,19 +4,14 @@
4
4
  /* #ifndef harmony */
5
5
  /* #endif */
6
6
  .nut-overlay {
7
- /* #ifdef rn */
8
- position: absolute;
9
- /* #endif */
10
- /* #ifndef rn */
11
7
  position: fixed;
12
- /* #endif */
13
8
  top: 0;
14
9
  left: 0;
15
10
  bottom: 0;
16
11
  right: 0;
17
12
  width: 100%;
18
13
  height: 100%;
19
- background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
14
+ background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
20
15
  z-index: var(--nutui-overlay-zIndex, 1000);
21
16
  }
22
17
 
@@ -67,7 +62,7 @@
67
62
  position: fixed;
68
63
  min-height: 46%;
69
64
  max-height: 100%;
70
- background-color: var(--nutui-overlay-content-bg-color, var(--nutui-gray-1));
65
+ background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #ffffff));
71
66
  -webkit-overflow-scrolling: touch;
72
67
  font-size: var(--nutui-font-size-base, 14px);
73
68
  }
@@ -87,13 +82,13 @@
87
82
  align-items: center;
88
83
  }
89
84
  .nut-popup-title-title {
90
- color: var(--nutui-gray-7);
85
+ color: var(--nutui-color-title, #1a1a1a);
91
86
  font-weight: var(--nutui-font-weight-bold, 600);
92
87
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
93
88
  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
94
89
  }
95
90
  .nut-popup-title-description {
96
- color: var(--nutui-gray-6);
91
+ color: var(--nutui-color-text, #505259);
97
92
  font-size: var(--nutui-popup-description-font-size, var(--nutui-font-size-base, 14px));
98
93
  font-weight: var(--nutui-font-weight, 400);
99
94
  }
@@ -112,7 +107,7 @@
112
107
  z-index: 1;
113
108
  width: var(--nutui-popup-icon-size, 20px);
114
109
  height: var(--nutui-popup-icon-size, 20px);
115
- color: var(--nutui-gray-7);
110
+ color: var(--nutui-color-title, #1a1a1a);
116
111
  cursor: pointer;
117
112
  }
118
113
  .nut-popup-title-right:active {
@@ -381,10 +376,10 @@
381
376
  }
382
377
  .nut-actionsheet.nut-popup {
383
378
  min-height: 10%;
384
- background-color: var(--nutui-actionsheet-background-color, var(--nutui-gray-1));
379
+ background-color: var(--nutui-actionsheet-background-color, var(--nutui-color-background-overlay, #ffffff));
385
380
  }
386
381
  .nut-actionsheet .nut-popup-title {
387
- border-bottom: 1px solid var(--nutui-actionsheet-border-color, var(--nutui-black-3));
382
+ border-bottom: 1px solid var(--nutui-actionsheet-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
388
383
  }
389
384
  .nut-actionsheet-list {
390
385
  display: block;
@@ -399,32 +394,32 @@
399
394
  text-align: var(--nutui-actionsheet-item-text-align, center);
400
395
  line-height: var(--nutui-actionsheet-item-line-height, 24px);
401
396
  font-size: var(--nutui-font-size-base, 14px);
402
- color: var(--nutui-actionsheet-item-color, var(--nutui-gray-7));
397
+ color: var(--nutui-actionsheet-item-color, var(--nutui-color-title, #1a1a1a));
403
398
  cursor: pointer;
404
399
  }
405
400
  .nut-actionsheet-cancel-name, .nut-actionsheet-item-name {
406
401
  text-align: var(--nutui-actionsheet-item-text-align, center);
407
402
  line-height: var(--nutui-actionsheet-item-line-height, 24px);
408
403
  font-size: var(--nutui-font-size-base, 14px);
409
- color: var(--nutui-actionsheet-item-color, var(--nutui-gray-7));
404
+ color: var(--nutui-actionsheet-item-color, var(--nutui-color-title, #1a1a1a));
410
405
  }
411
406
  .nut-actionsheet-cancel-description, .nut-actionsheet-item-description {
412
407
  display: block;
413
408
  font-size: var(--nutui-font-size-s, 12px);
414
- color: var(--nutui-gray-6);
409
+ color: var(--nutui-color-text, #505259);
415
410
  text-align: var(--nutui-actionsheet-item-text-align, center);
416
411
  line-height: var(--nutui-actionsheet-item-line-height, 24px);
417
412
  }
418
413
  .nut-actionsheet-cancel-danger, .nut-actionsheet-item-danger {
419
- color: var(--nutui-actionsheet-item-danger, var(--nutui-red-2));
414
+ color: var(--nutui-actionsheet-item-danger, var(--nutui-color-danger, #ff0f23));
420
415
  }
421
416
  .nut-actionsheet-cancel-disabled, .nut-actionsheet-item-disabled {
422
- color: var(--nutui-gray-4) !important;
417
+ color: var(--nutui-color-text-disabled, #c2c4cc) !important;
423
418
  cursor: not-allowed;
424
419
  }
425
420
  .nut-actionsheet-cancel {
426
421
  margin-top: 5px;
427
- border-top: 1px solid var(--nutui-actionsheet-border-color, var(--nutui-black-3));
422
+ border-top: 1px solid var(--nutui-actionsheet-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
428
423
  border-radius: var(--nutui-actionsheet-border-radius, 0);
429
424
  }
430
425
  .nut-actionsheet-safe-area {
package/dist/cjs/packages/address/style/style.css CHANGED
@@ -15,7 +15,7 @@
15
15
  top: 0;
16
16
  overflow: hidden;
17
17
  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-size-s, 12px));
18
- color: var(--nutui-elevator-list-color, var(--nutui-gray-7));
18
+ color: var(--nutui-elevator-list-color, var(--nutui-color-title, #1a1a1a));
19
19
  }
20
20
  .nut-elevator-list-inner {
21
21
  height: 100%;
@@ -33,11 +33,11 @@
33
33
  height: var(--nutui-elevator-list-item-code-height, 35px);
34
34
  line-height: var(--nutui-elevator-list-item-code-line-height, 35px);
35
35
  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
36
- color: var(--nutui-elevator-list-item-code-color, var(--nutui-gray-7));
36
+ color: var(--nutui-elevator-list-item-code-color, var(--nutui-color-title, #1a1a1a));
37
37
  padding: var(--nutui-elevator-list-item-padding, 0 20px);
38
38
  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
39
39
  box-sizing: border-box;
40
- border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-black-3));
40
+ border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
41
41
  background-color: var(--nutui-elevator-list-item-code-background-color, inherit);
42
42
  }
43
43
  .nut-elevator-list-item-name {
@@ -48,7 +48,7 @@
48
48
  line-height: var(--nutui-elevator-list-item-name-line-height, 30px);
49
49
  }
50
50
  .nut-elevator-list-item-name-highcolor {
51
- color: var(--nutui-brand-6);
51
+ color: var(--nutui-color-primary, #ff0f23);
52
52
  }
53
53
  .nut-elevator-list-fixed {
54
54
  display: flex;
@@ -66,7 +66,7 @@
66
66
  }
67
67
  .nut-elevator-list-fixed-title {
68
68
  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
69
- color: var(--nutui-elevator-list-fixed-color, var(--nutui-brand-6));
69
+ color: var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #ff0f23));
70
70
  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
71
71
  }
72
72
  .nut-elevator-code-current {
@@ -86,11 +86,11 @@
86
86
  position: absolute;
87
87
  right: var(--nutui-elevator-bars-right, 10px);
88
88
  top: var(--nutui-elevator-bars-top, 50%);
89
- color: var(--nutui-gray-5);
89
+ color: var(--nutui-color-text-help, #888b94);
90
90
  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-size-s, 12px));
91
91
  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
92
92
  padding: var(--nutui-elevator-bars-padding, 15px 0);
93
- background-color: var(--nutui-elevator-bars-background-color, var(--nutui-gray-3));
93
+ background-color: var(--nutui-elevator-bars-background-color, var(--nutui-color-background, #f2f3f5));
94
94
  border-radius: var(--nutui-elevator-bars-border-radius, 6px);
95
95
  text-align: center;
96
96
  z-index: var(--nutui-elevator-bars-z-index, 1);
@@ -102,7 +102,7 @@
102
102
  }
103
103
  .nut-elevator-bars-inner-item-active {
104
104
  font-weight: var(--nutui-font-weight-bold, 600);
105
- color: var(--nutui-elevator-bars-active-color, var(--nutui-brand-6));
105
+ color: var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #ff0f23));
106
106
  }
107
107
 
108
108
  [dir=rtl] .nut-elevator-list-fixed,
@@ -122,19 +122,14 @@
122
122
  }
123
123
 
124
124
  .nut-overlay {
125
- /* #ifdef rn */
126
- position: absolute;
127
- /* #endif */
128
- /* #ifndef rn */
129
125
  position: fixed;
130
- /* #endif */
131
126
  top: 0;
132
127
  left: 0;
133
128
  bottom: 0;
134
129
  right: 0;
135
130
  width: 100%;
136
131
  height: 100%;
137
- background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
132
+ background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
138
133
  z-index: var(--nutui-overlay-zIndex, 1000);
139
134
  }
140
135
 
@@ -185,7 +180,7 @@
185
180
  position: fixed;
186
181
  min-height: 46%;
187
182
  max-height: 100%;
188
- background-color: var(--nutui-overlay-content-bg-color, var(--nutui-gray-1));
183
+ background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #ffffff));
189
184
  -webkit-overflow-scrolling: touch;
190
185
  font-size: var(--nutui-font-size-base, 14px);
191
186
  }
@@ -205,13 +200,13 @@
205
200
  align-items: center;
206
201
  }
207
202
  .nut-popup-title-title {
208
- color: var(--nutui-gray-7);
203
+ color: var(--nutui-color-title, #1a1a1a);
209
204
  font-weight: var(--nutui-font-weight-bold, 600);
210
205
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
211
206
  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
212
207
  }
213
208
  .nut-popup-title-description {
214
- color: var(--nutui-gray-6);
209
+ color: var(--nutui-color-text, #505259);
215
210
  font-size: var(--nutui-popup-description-font-size, var(--nutui-font-size-base, 14px));
216
211
  font-weight: var(--nutui-font-weight, 400);
217
212
  }
@@ -230,7 +225,7 @@
230
225
  z-index: 1;
231
226
  width: var(--nutui-popup-icon-size, 20px);
232
227
  height: var(--nutui-popup-icon-size, 20px);
233
- color: var(--nutui-gray-7);
228
+ color: var(--nutui-color-title, #1a1a1a);
234
229
  cursor: pointer;
235
230
  }
236
231
  .nut-popup-title-right:active {
@@ -499,7 +494,7 @@
499
494
  flex-shrink: 0;
500
495
  display: block;
501
496
  background-color: var(--nutui-tabs-tabpane-backgroundColor, #fff);
502
- color: var(--nutui-gray-7);
497
+ color: var(--nutui-color-title, #1a1a1a);
503
498
  padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
504
499
  box-sizing: border-box;
505
500
  overflow: auto;
@@ -524,7 +519,7 @@
524
519
  user-select: none;
525
520
  overflow-x: auto;
526
521
  overflow-y: hidden;
527
- background: var(--nutui-tabs-titles-background-color, var(--nutui-gray-3));
522
+ background: var(--nutui-tabs-titles-background-color, var(--nutui-color-background, #f2f3f5));
528
523
  scrollbar-width: none;
529
524
  }
530
525
  .nut-tabs-titles::-webkit-scrollbar {
@@ -560,18 +555,18 @@
560
555
  line-height: var(--nutui-tabs-titles-height, 44px);
561
556
  min-width: var(--nutui-tabs-titles-item-min-width, 50px);
562
557
  font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-size-base, 14px));
563
- color: var(--nutui-tabs-titles-item-color, var(--nutui-gray-7));
558
+ color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));
564
559
  text-overflow: ellipsis;
565
560
  white-space: nowrap;
566
561
  }
567
562
  .nut-tabs-titles-item .nut-icon {
568
- color: var(--nutui-tabs-titles-item-color, var(--nutui-gray-7));
563
+ color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));
569
564
  }
570
565
  .nut-tabs-titles-item-left, .nut-tabs-titles-item-right {
571
566
  flex: none;
572
567
  }
573
568
  .nut-tabs-titles-item-text {
574
- color: var(--nutui-tabs-titles-item-color, var(--nutui-gray-7));
569
+ color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));
575
570
  }
576
571
  .nut-tabs-titles-item-smile, .nut-tabs-titles-item-line {
577
572
  position: absolute;
@@ -596,10 +591,10 @@
596
591
  height: 100%;
597
592
  }
598
593
  .nut-tabs-titles-item-active .nut-icon {
599
- color: var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-6));
594
+ color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
600
595
  }
601
596
  .nut-tabs-titles-item-active .nut-tabs-titles-item-text {
602
- color: var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-6));
597
+ color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
603
598
  font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600));
604
599
  }
605
600
  .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
@@ -607,7 +602,7 @@
607
602
  content: " ";
608
603
  width: var(--nutui-tabs-tab-line-width, 12px);
609
604
  height: var(--nutui-tabs-tab-line-height, 2px);
610
- background: var(--nutui-tabs-tab-line-color, var(--nutui-brand-6));
605
+ background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
611
606
  }
612
607
  .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
613
608
  overflow: unset;
@@ -615,28 +610,22 @@
615
610
  height: 20px;
616
611
  }
617
612
  .nut-tabs-titles-item-active .nut-tabs-titles-item-smile .nut-icon {
618
- color: var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-6));
613
+ color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
619
614
  }
620
615
  .nut-tabs-titles-item-disabled {
621
- color: var(--nutui-gray-4);
616
+ color: var(--nutui-color-text-disabled, #c2c4cc);
622
617
  }
623
618
  .nut-tabs-titles-item-disabled .nut-icon {
624
- color: var(--nutui-gray-4);
619
+ color: var(--nutui-color-text-disabled, #c2c4cc);
625
620
  }
626
621
  .nut-tabs-titles-item-disabled .nut-tabs-titles-item-text {
627
- color: var(--nutui-gray-4);
622
+ color: var(--nutui-color-text-disabled, #c2c4cc);
628
623
  }
629
624
  .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
630
625
  .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
631
- color: var(--nutui-gray-7);
626
+ color: var(--nutui-color-title, #1a1a1a);
632
627
  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
633
628
  }
634
- .nut-tabs-titles-card {
635
- padding: 0;
636
- }
637
- .nut-tabs-titles-card .nut-tabs-titles-item {
638
- padding: 0;
639
- }
640
629
  .nut-tabs-titles-card .nut-tabs-titles-item-active {
641
630
  font-weight: var(--nutui-font-weight-bold, 600);
642
631
  background-color: #ffffff;
@@ -655,18 +644,16 @@
655
644
  }
656
645
  .nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text {
657
646
  background: var(--nutui-color-default-light);
658
- color: var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-6));
647
+ color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
659
648
  border-radius: var(--nutui-tabs-button-border-radius, 50px);
660
649
  font-weight: var(--nutui-font-weight-bold, 600);
661
- background-color: var(--nutui-tabs-button-active-background-color, var(--nutui-brand-1));
662
- border: var(--nutui-tabs-button-active-border, 1px solid var(--nutui-brand-6));
650
+ background-color: var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
651
+ border: var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
663
652
  }
664
653
  .nut-tabs-titles-divider {
665
- padding: 0;
666
- border-bottom: 1px solid var(--nutui-black-3);
654
+ border-bottom: 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06));
667
655
  }
668
656
  .nut-tabs-titles-divider .nut-tabs-titles-item {
669
- padding: 0;
670
657
  position: relative;
671
658
  }
672
659
  .nut-tabs-titles-divider .nut-tabs-titles-item::after {
@@ -676,7 +663,7 @@
676
663
  top: 50%;
677
664
  height: 50%;
678
665
  width: 1px;
679
- background: var(--nutui-black-3);
666
+ background: var(--nutui-color-border, rgba(0, 0, 0, 0.06));
680
667
  transform: translateY(-50%);
681
668
  }
682
669
  .nut-tabs-titles-divider .nut-tabs-titles-item:last-child::after {
@@ -684,9 +671,10 @@
684
671
  }
685
672
 
686
673
  .nut-tabs-vertical .nut-tabs-ellipsis {
687
- text-overflow: ellipsis;
688
- white-space: nowrap;
689
- overflow: hidden;
674
+ white-space: break-spaces;
675
+ padding-left: 6px;
676
+ width: 90px;
677
+ line-height: var(--nutui-font-size-base, 14px);
690
678
  }
691
679
  .nut-tabs-vertical .nut-tabs-titles {
692
680
  flex-direction: column;
@@ -713,13 +701,13 @@
713
701
  top: 50%;
714
702
  }
715
703
  .nut-tabs-vertical .nut-tabs-titles-item-active {
716
- background-color: var(--nutui-tabs-titles-item-active-background-color, var(--nutui-gray-1));
704
+ background-color: var(--nutui-tabs-titles-item-active-background-color, var(--nutui-color-background-overlay, #ffffff));
717
705
  }
718
706
  .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
719
707
  left: 10px;
720
708
  width: var(--nutui-tabs-vertical-tab-line-width, 3px);
721
709
  height: var(--nutui-tabs-vertical-tab-line-height, 12px);
722
- background: var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-brand-1) 100%));
710
+ background: var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-light-pressed, #ffebf1) 100%));
723
711
  }
724
712
  .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
725
713
  right: -12px;
@@ -748,7 +736,7 @@
748
736
  transform: translate(-50%, 0);
749
737
  width: var(--nutui-tabs-tab-line-width, 12px);
750
738
  height: var(--nutui-tabs-tab-line-height, 2px);
751
- background: var(--nutui-tabs-tab-line-color, var(--nutui-brand-6));
739
+ background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
752
740
  }
753
741
  .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
754
742
  left: 50%;
@@ -823,7 +811,7 @@
823
811
  }
824
812
  .nut-cascader .nut-tabs-titles {
825
813
  padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
826
- background: var(--nutui-gray-1);
814
+ background: var(--nutui-color-background-overlay, #ffffff);
827
815
  }
828
816
  .nut-cascader .nut-tabs-titles-item {
829
817
  flex: initial;
@@ -834,7 +822,7 @@
834
822
  }
835
823
  .nut-cascader .nut-tabpane {
836
824
  padding: 0;
837
- background: var(--nutui-gray-1);
825
+ background: var(--nutui-color-background-overlay, #ffffff);
838
826
  }
839
827
  .nut-cascader-pane {
840
828
  display: block;
@@ -850,9 +838,9 @@
850
838
  justify-content: center;
851
839
  padding: var(--nutui-cascader-item-padding, 10px 20px);
852
840
  margin: var(--nutui-cascader-item-margin, 0px);
853
- border-bottom: var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-black-3));
841
+ border-bottom: var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
854
842
  font-size: var(--nutui-cascader-item-font-size, var(--nutui-font-size-base, 14px));
855
- color: var(--nutui-cascader-item-color, var(--nutui-gray-7));
843
+ color: var(--nutui-cascader-item-color, var(--nutui-color-title, #1a1a1a));
856
844
  cursor: pointer;
857
845
  }
858
846
  .nut-cascader-item.disabled {
@@ -860,7 +848,7 @@
860
848
  cursor: not-allowed;
861
849
  }
862
850
  .nut-cascader-item.active:not(.disabled) {
863
- color: var(--nutui-cascader-item-active-color, var(--nutui-brand-6));
851
+ color: var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #ff0f23));
864
852
  }
865
853
  .nut-cascader-item.active .nut-cascader-item-icon-check {
866
854
  visibility: visible;
@@ -897,7 +885,7 @@
897
885
  margin-bottom: 20px;
898
886
  font-size: var(--nutui-font-size-s, 12px);
899
887
  line-height: var(--nutui-font-size-base, 14px);
900
- color: var(--nutui-gray-7);
888
+ color: var(--nutui-color-title, #1a1a1a);
901
889
  }
902
890
  .nut-address-exist-item.active {
903
891
  font-weight: var(--nutui-font-weight-bold, 600);
@@ -909,7 +897,7 @@
909
897
  width: 100%;
910
898
  height: 54px;
911
899
  padding: 6px 0px 0;
912
- border-top: 1px solid var(--nutui-black-3);
900
+ border-top: 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06));
913
901
  }
914
902
  .nut-address-footer-btn {
915
903
  width: 90%;
package/dist/cjs/packages/animatingnumbers/style/style.css CHANGED
@@ -17,14 +17,14 @@
17
17
  .nut-countup-listitem-number {
18
18
  margin: 0 var(--nutui-countup-lr-margin, 0);
19
19
  border-radius: var(--nutui-countup-border-radius, 4px);
20
- color: var(--nutui-countup-color, var(--nutui-gray-7));
20
+ color: var(--nutui-countup-color, var(--nutui-color-title, #1a1a1a));
21
21
  background-color: var(--nutui-countup-bg-color, inherit);
22
22
  }
23
23
  .nut-countup-separator {
24
24
  display: flex;
25
25
  height: 80%;
26
26
  align-items: flex-end;
27
- color: var(--nutui-countup-separator-color, var(--nutui-gray-7));
27
+ color: var(--nutui-countup-separator-color, var(--nutui-color-title, #1a1a1a));
28
28
  font-size: var(--nutui-countup-base-size, 18px);
29
29
  font-weight: var(--nutui-font-weight-bold, 600);
30
30
  }
@@ -39,7 +39,7 @@
39
39
  .nut-countup-number-text {
40
40
  height: var(--nutui-countup-height, 32px);
41
41
  line-height: var(--nutui-countup-height, 32px);
42
- color: var(--nutui-countup-color, var(--nutui-gray-7));
42
+ color: var(--nutui-countup-color, var(--nutui-color-title, #1a1a1a));
43
43
  font-size: var(--nutui-countup-base-size, 18px);
44
44
  font-weight: var(--nutui-font-weight-bold, 600);
45
45
  }